/* General Body and Typography */
body {
    background-color: #F3F4F6; /* Cool Gray 100 */
    font-family: 'Inter', sans-serif;
    color: #1F2937; /* Cool Gray 800 */
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}

.btn-primary {
    background-color: #4F46E5;
    border-color: #4F46E5;
    font-weight: 600;
    transition: background-color 0.2s;
}

.btn-primary:hover {
    background-color: #4338CA;
    border-color: #4338CA;
}

/* Avatars */
.avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    font-weight: 600;
    color: #fff;
    background-color: #A5B4FC; /* Indigo 300 */
}

.avatar-indigo {
    background-color: #818CF8;
    color: #3730A3;
}


/* Status Pills */
.status-pill {
    padding: 0.3em 0.8em;
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: 9999px;
}

.status-pending {
    color: #92400E; /* Amber 800 */
    background-color: #FDE68A; /* Amber 200 */
}

.status-processed {
    color: #065F46; /* Emerald 800 */
    background-color: #A7F3D0; /* Emerald 200 */
}

.status-rejected {
    color: #991B1B; /* Red 800 */
    background-color: #FECACA; /* Red 200 */
}

/* Table styling */
.table {
    border-collapse: separate;
    border-spacing: 0;
    min-width: 800px;
}

.table thead th {
    border-bottom-width: 1px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
    color: #6B7280; /* Cool Gray 500 */
}

.table tbody tr {
    transition: background-color 0.15s ease-in-out;
}

.table tbody tr:hover {
    background-color: #F9FAFB; /* Cool Gray 50 */
}

.table td, .table th {
    vertical-align: middle;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #E5E7EB; /* Cool Gray 200 */
}

.card {
    border: none;
}