/**
 * Patient source badges — single visual language for MomCare / AiCare.
 * Loaded from base.html so dashboard, patient overview, and patient details match.
 *
 * Brand colors:
 *   MomCare: #E9A99B
 *   AiCare:  #2E8C91
 *
 * Sizes:
 *   default  — patient details header
 *   --sm     — dense UI (dashboard cards, analytics, modals)
 */

:root {
    --source-momcare:        #E9A99B;
    --source-momcare-bg:     #E9A99B;
    --source-momcare-border: #E9A99B;
    --source-aicare:         #2E8C91;
    --source-aicare-bg:      #2E8C91;
    --source-aicare-border:  #2E8C91;
    /* Legacy aliases used by dashboard dots / toggles */
    --source-momcare-from: #E9A99B;
    --source-momcare-to:   #E9A99B;
    --source-aicare-from:  #2E8C91;
    --source-aicare-to:    #2E8C91;
}

.patient-source-badge,
.source-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    line-height: 1.2;
    text-transform: uppercase;
    flex-shrink: 0;
    vertical-align: middle;
    white-space: nowrap;
    color: #fff;
}

/* Compact — Priority Patients / indicator modal only (not triage cards) */
.patient-source-badge--sm {
    padding: 1px 6px;
    font-size: 0.62rem;
    letter-spacing: 0.02em;
    line-height: 1.3;
}

/* .source-badge alone stays compact for any legacy dense use */
.source-badge:not(.patient-source-badge) {
    padding: 1px 6px;
    font-size: 0.62rem;
}

.patient-source-badge.source-momcare,
.source-badge.momcare,
.source-badge.source-momcare,
.analytics-source-tag--momcare,
.momcare-badge {
    background: var(--source-momcare);
    color: #fff;
    border: 1px solid var(--source-momcare);
}

.patient-source-badge.source-aicare,
.source-badge.aicare,
.source-badge.source-aicare,
.analytics-source-tag--aicare,
.aicare-badge {
    background: var(--source-aicare);
    color: #fff;
    border: 1px solid var(--source-aicare);
}

/* Filter tab dots on main dashboard */
.source-dot.momcare { background-color: var(--source-momcare); }
.source-dot.aicare  { background-color: var(--source-aicare); }

/* Patient overview source toggle — active states */
.source-toggle .source-btn.active-momcare {
    background: var(--source-momcare);
    color: #fff;
    border-color: var(--source-momcare);
    box-shadow: none;
}

.source-toggle .source-btn.active-aicare {
    background: var(--source-aicare);
    color: #fff;
    border-color: var(--source-aicare);
    box-shadow: none;
}