/**
 * Case Applicants - Family member cards for case view page
 *
 * Displays case family members (applicants) with their details,
 * relationship badges, age indicators, and inclusion status.
 */

/* ==========================================================================
   Applicant Cards
   ========================================================================== */

.is-applicant-card {
    padding: 12px;
    background-color: rgb(240 253 244);
    border-radius: 8px;
    border: 1px solid rgb(187 247 208);
    transition: all 0.2s ease;
}

.is-applicant-card:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

/* Excluded applicants - faded appearance */
.is-applicant-card.is-applicant-excluded {
    background-color: rgb(249 250 251);
    border-color: rgb(229 231 235);
    opacity: 0.7;
}

/* Primary applicant - yellow highlight */
.is-applicant-card.is-applicant-primary {
    background-color: rgb(254 252 232);
    border-color: rgb(253 224 71);
}

/* ==========================================================================
   Applicant Card Header
   ========================================================================== */

.is-applicant-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 6px;
}

.is-applicant-name {
    font-size: 14px;
    font-weight: 600;
    color: rgb(17 24 39);
}

/* ==========================================================================
   Applicant Card Details
   ========================================================================== */

.is-applicant-details {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.is-applicant-email {
    max-width: 100%;
}

/* ==========================================================================
   Dark Mode
   ========================================================================== */

.dark .is-applicant-card {
    background-color: rgb(22 78 99 / 0.3);
    border-color: rgb(34 197 94 / 0.4);
}

.dark .is-applicant-card:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.dark .is-applicant-card.is-applicant-excluded {
    background-color: rgb(31 41 55);
    border-color: rgb(75 85 99);
}

.dark .is-applicant-card.is-applicant-primary {
    background-color: rgb(234 179 8 / 0.2);
    border-color: rgb(234 179 8 / 0.5);
}

.dark .is-applicant-name {
    color: rgb(243 244 246);
}