/* /Components/Companion/CompanionJourneyStrip.razor.rz.scp.css */
.cjs-strip[b-wioklz4lvk] {
    display: flex;
    align-items: flex-start;
    padding: var(--space-3) var(--space-4);
    background: var(--color-bg-surface, #fff);
    border-radius: var(--radius-xl, 16px);
    border: 1px solid var(--color-neutral-200, #e5e7eb);
    margin-bottom: var(--space-3);
    overflow-x: auto;
    gap: 0;
}

/* Connectors */
.cjs-connector[b-wioklz4lvk] {
    flex: 1;
    height: 2px;
    background: var(--color-neutral-200, #e5e7eb);
    margin-top: 18px;   /* aligns with center of dot */
    min-width: 16px;
}
.cjs-connector--done[b-wioklz4lvk]   { background: var(--color-sage-400, #7a9e87); }
.cjs-connector--dashed[b-wioklz4lvk] {
    background: repeating-linear-gradient(
        to right,
        var(--color-neutral-300, #d1d5db) 0, var(--color-neutral-300, #d1d5db) 4px,
        transparent 4px, transparent 8px
    );
}

/* Nodes */
.cjs-node[b-wioklz4lvk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    min-width: 80px;
    max-width: 110px;
    flex-shrink: 0;
}

/* Dot */
.cjs-dot[b-wioklz4lvk] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 2px solid var(--color-neutral-200);
    background: var(--color-neutral-50);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    transition: all var(--duration-fast, .15s);
}

.cjs-node--done .cjs-dot[b-wioklz4lvk]   { border-color: var(--color-sage-400, #7a9e87); background: var(--color-sage-50, #f0f7f3); }
.cjs-node--empty .cjs-dot[b-wioklz4lvk]  { opacity: 0.35; font-size: 12px; }
.cjs-node--upcoming .cjs-dot[b-wioklz4lvk] { border-color: var(--color-neutral-300); opacity: 0.65; }

/* Focus (center) node */
.cjs-dot--focus[b-wioklz4lvk] {
    width: 42px;
    height: 42px;
    font-size: 18px;
}
.cjs-node--today .cjs-dot--focus[b-wioklz4lvk] {
    border-color: var(--color-sage-500, #5c8470);
    background: var(--color-sage-50, #f0f7f3);
    box-shadow: 0 0 0 4px var(--color-sage-100, #d4ead9);
    animation: cjs-pulse-b-wioklz4lvk 2.5s infinite;
}
.cjs-node--next .cjs-dot--focus[b-wioklz4lvk] {
    border-color: var(--color-amber-400, #c4944a);
    background: var(--color-amber-50, #fdf5ea);
}

@keyframes cjs-pulse-b-wioklz4lvk {
    0%, 100% { box-shadow: 0 0 0 0 rgba(92,132,112,.35); }
    50%       { box-shadow: 0 0 0 7px rgba(92,132,112,0); }
}

/* Labels */
.cjs-node__label[b-wioklz4lvk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.cjs-node__seq[b-wioklz4lvk] {
    font-size: 11px;
    font-weight: var(--weight-semibold, 600);
    font-family: var(--font-persian);
    color: var(--color-text-primary);
    text-align: center;
}
.cjs-node__seq--muted[b-wioklz4lvk] { color: var(--color-text-tertiary); }

.cjs-node__detail[b-wioklz4lvk] {
    font-size: 10px;
    font-family: var(--font-persian);
    color: var(--color-text-secondary);
    text-align: center;
}
.cjs-node__detail--today[b-wioklz4lvk] { color: var(--color-sage-700, #3d6b50); font-weight: var(--weight-semibold); }
.cjs-node__detail--muted[b-wioklz4lvk] { color: var(--color-text-tertiary); }

.cjs-node__patient[b-wioklz4lvk] {
    font-size: 9px;
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    text-align: center;
    max-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/CompanionCare/ActiveSessionHeader.razor.rz.scp.css */
/* ── ActiveSessionHeader (cc-session-header) ────────────────────── */

.cc-session-header[b-tetu1rivyo] {
    position: sticky;
    top: var(--nav-height-top, 56px);
    z-index: 40;
    background: var(--color-sage-100);
    border-bottom: 1px solid var(--color-sage-200);
    padding: var(--space-3) var(--space-4);
    min-height: 64px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--space-1);
}

.cc-session-header__patient[b-tetu1rivyo] {
    font-size: var(--text-lg);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    line-height: 1.3;
}

.cc-session-header__row[b-tetu1rivyo] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.cc-session-header__plan[b-tetu1rivyo] {
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
}

.cc-session-header__timer[b-tetu1rivyo] {
    font-size: var(--text-base);
    color: var(--color-sage-700);
    font-variant-numeric: tabular-nums;
    font-weight: var(--weight-medium);
    letter-spacing: 0.04em;
}

.cc-session-header__scheduled[b-tetu1rivyo] {
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
}

.cc-session-header__status-dot[b-tetu1rivyo] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--color-sage-500);
    flex-shrink: 0;
    animation: cc-pulse-b-tetu1rivyo 1.5s ease-in-out infinite;
}

@keyframes cc-pulse-b-tetu1rivyo {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.5;
        transform: scale(0.85);
    }
}
/* /Components/CompanionCare/QuickActionsBar.razor.rz.scp.css */
/* ── QuickActionsBar (cc-quick-bar) ─────────────────────────────── */

.cc-quick-bar[b-52d2minp5o] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--space-3);
    background: var(--color-neutral-50);
    border: 1px solid var(--color-border-default);
    border-radius: var(--radius-lg);
    padding: var(--space-3) var(--space-4);
    margin-top: var(--space-4);
}

.cc-quick-bar__btn[b-52d2minp5o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: var(--space-2) var(--space-4);
    border-radius: var(--radius-lg);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    font-family: inherit;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid var(--color-border-default);
    transition: all 150ms ease;
    white-space: nowrap;
}

.cc-quick-bar__btn--call[b-52d2minp5o] {
    flex: 1;
    background: var(--color-sage-50);
    color: var(--color-sage-700);
    border-color: var(--color-sage-200);
    gap: var(--space-2);
}

.cc-quick-bar__btn--call:hover[b-52d2minp5o],
.cc-quick-bar__btn--call:focus[b-52d2minp5o] {
    background: var(--color-sage-100);
    border-color: var(--color-sage-300);
    outline: none;
}

.cc-quick-bar__btn--skip[b-52d2minp5o] {
    background: transparent;
    color: var(--color-text-secondary);
    border-color: var(--color-border-default);
    flex-shrink: 0;
}

.cc-quick-bar__btn--skip:hover[b-52d2minp5o],
.cc-quick-bar__btn--skip:focus[b-52d2minp5o] {
    background: var(--color-neutral-50);
    color: var(--color-rose-600);
    border-color: var(--color-rose-200);
    outline: none;
}
/* /Components/CompanionCare/SessionHistoryList.razor.rz.scp.css */
/* ── SessionHistoryList (cc-history-strip) ──────────────────────── */

.cc-history-strip[b-dpqq5tqgfc] {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    gap: var(--space-2);
    padding: var(--space-3) 0;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.cc-history-strip[b-dpqq5tqgfc]::-webkit-scrollbar {
    display: none;
}

.cc-history-pill[b-dpqq5tqgfc] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    padding: var(--space-1) var(--space-3);
    border-radius: var(--radius-full);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    border: 1px solid transparent;
    min-height: 44px;
    cursor: default;
    transition: opacity 150ms;
}

/* Status variants */
.cc-history-pill--completed[b-dpqq5tqgfc],
.cc-history-pill--sage[b-dpqq5tqgfc] {
    background: var(--color-sage-100);
    color: var(--color-sage-800);
    border-color: var(--color-sage-200);
}

.cc-history-pill--missed[b-dpqq5tqgfc],
.cc-history-pill--rose[b-dpqq5tqgfc] {
    background: var(--color-rose-100);
    color: var(--color-rose-800);
    border-color: var(--color-rose-200);
}

.cc-history-pill--skipped[b-dpqq5tqgfc],
.cc-history-pill--neutral[b-dpqq5tqgfc],
.cc-history-pill--amber[b-dpqq5tqgfc] {
    background: var(--color-amber-100);
    color: var(--color-amber-800);
    border-color: var(--color-amber-200);
}

.cc-history-pill--scheduled[b-dpqq5tqgfc] {
    background: var(--color-neutral-100);
    color: var(--color-neutral-700);
    border-color: var(--color-neutral-200);
}

.cc-history-pill__icon[b-dpqq5tqgfc] {
    font-size: 0.9em;
}

.cc-history-pill__date[b-dpqq5tqgfc] {
    white-space: nowrap;
}
/* /Components/CompanionCare/SessionOutcomePanel.razor.rz.scp.css */
/* ── SessionOutcomePanel (cc-outcome-panel) ─────────────────────── */

.cc-outcome-panel[b-u156dqugpy] {
    width: 100%;
    background: white;
    border-radius: var(--radius-xl) var(--radius-xl) 0 0;
    padding: var(--space-5);
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.10);
    animation: cc-slide-up-b-u156dqugpy 200ms ease-out;
}

@keyframes cc-slide-up-b-u156dqugpy {
    from {
        transform: translateY(20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.cc-outcome-panel--skip[b-u156dqugpy] {
    border-top: 3px solid var(--color-rose-400);
}

.cc-outcome-panel--miss[b-u156dqugpy] {
    border-top: 3px solid var(--color-amber-400);
}

.cc-outcome-panel--complete[b-u156dqugpy] {
    border-top: 3px solid var(--color-sage-400);
}

.cc-outcome-panel__title[b-u156dqugpy] {
    font-size: var(--text-lg);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
}

.cc-outcome-panel__label[b-u156dqugpy] {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-secondary);
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.cc-outcome-panel__required[b-u156dqugpy] {
    color: var(--color-rose-500);
    font-weight: var(--weight-semibold);
}

.cc-outcome-panel__optional[b-u156dqugpy] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    font-weight: var(--weight-normal);
}

.cc-outcome-panel__textarea[b-u156dqugpy] {
    width: 100%;
    border: 1px solid var(--color-border-default);
    border-radius: var(--radius-lg);
    padding: var(--space-3) var(--space-4);
    font-size: var(--text-base);
    font-family: inherit;
    color: var(--color-text-primary);
    background: var(--color-neutral-50);
    resize: vertical;
    min-height: 80px;
    transition: border-color 120ms;
}

.cc-outcome-panel__textarea:focus[b-u156dqugpy] {
    outline: none;
    border-color: var(--color-sage-400);
    background: white;
}

.cc-outcome-panel__hint[b-u156dqugpy] {
    font-size: var(--text-xs);
    color: var(--color-rose-600);
    margin: 0;
}

.cc-outcome-panel__actions[b-u156dqugpy] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    margin-top: var(--space-2);
}

.cc-outcome-panel__btn[b-u156dqugpy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    min-height: 52px;
    width: 100%;
    border-radius: var(--radius-lg);
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    font-family: inherit;
    cursor: pointer;
    border: 2px solid transparent;
    transition: all 150ms ease;
    padding: var(--space-3) var(--space-5);
}

.cc-outcome-panel__btn:disabled[b-u156dqugpy] {
    opacity: 0.5;
    cursor: not-allowed;
}

.cc-outcome-panel__btn--confirm.cc-outcome-panel__btn--sage[b-u156dqugpy] {
    background: var(--color-sage-600);
    color: white;
    border-color: var(--color-sage-600);
}

.cc-outcome-panel__btn--confirm.cc-outcome-panel__btn--sage:hover:not(:disabled)[b-u156dqugpy] {
    background: var(--color-sage-700);
    border-color: var(--color-sage-700);
}

.cc-outcome-panel__btn--confirm.cc-outcome-panel__btn--neutral[b-u156dqugpy] {
    background: var(--color-neutral-700);
    color: white;
    border-color: var(--color-neutral-700);
}

.cc-outcome-panel__btn--confirm.cc-outcome-panel__btn--neutral:hover:not(:disabled)[b-u156dqugpy] {
    background: var(--color-neutral-800);
    border-color: var(--color-neutral-800);
}

.cc-outcome-panel__btn--confirm.cc-outcome-panel__btn--rose[b-u156dqugpy] {
    background: transparent;
    color: var(--color-rose-600);
    border-color: var(--color-rose-400);
}

.cc-outcome-panel__btn--confirm.cc-outcome-panel__btn--rose:hover:not(:disabled)[b-u156dqugpy] {
    background: var(--color-rose-50);
    border-color: var(--color-rose-500);
}

.cc-outcome-panel__btn--cancel[b-u156dqugpy] {
    background: transparent;
    color: var(--color-text-secondary);
    border-color: var(--color-border-default);
}

.cc-outcome-panel__btn--cancel:hover:not(:disabled)[b-u156dqugpy] {
    background: var(--color-neutral-50);
}

.cc-outcome-panel__spinner[b-u156dqugpy] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid currentColor;
    border-top-color: transparent;
    border-radius: 50%;
    animation: cc-spin-b-u156dqugpy 600ms linear infinite;
}

@keyframes cc-spin-b-u156dqugpy {
    to { transform: rotate(360deg); }
}
/* /Components/CompanionCare/TodaySessionCard.razor.rz.scp.css */
/* ── TodaySessionCard (cc-today-card) ───────────────────────────── */

.cc-today-card[b-iwkt3kwmgl] {
    min-height: 220px;
    border-radius: var(--radius-xl);
    background: white;
    border: 2px solid var(--color-border-default);
    padding: var(--space-6);
    cursor: pointer;
    transition: all 150ms ease;
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.cc-today-card:hover[b-iwkt3kwmgl],
.cc-today-card:focus[b-iwkt3kwmgl] {
    outline: none;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    border-color: var(--color-sage-300);
}

.cc-today-card--overdue[b-iwkt3kwmgl] {
    border-color: var(--color-amber-400);
    background: var(--color-amber-50);
}

.cc-today-card--overdue:hover[b-iwkt3kwmgl],
.cc-today-card--overdue:focus[b-iwkt3kwmgl] {
    border-color: var(--color-amber-500);
}

.cc-today-card--active[b-iwkt3kwmgl] {
    border-color: var(--color-sage-400);
    background: var(--color-sage-50);
}

.cc-today-card--active:hover[b-iwkt3kwmgl],
.cc-today-card--active:focus[b-iwkt3kwmgl] {
    border-color: var(--color-sage-500);
}

.cc-today-card--empty[b-iwkt3kwmgl] {
    text-align: center;
    color: var(--color-text-tertiary);
    padding: var(--space-12);
    cursor: default;
    justify-content: center;
    align-items: center;
    min-height: 160px;
}

.cc-today-card--empty:hover[b-iwkt3kwmgl],
.cc-today-card--empty:focus[b-iwkt3kwmgl] {
    box-shadow: none;
    border-color: var(--color-border-default);
}

.cc-today-card__empty-icon[b-iwkt3kwmgl] {
    font-size: 2.5rem;
    display: block;
    margin-bottom: var(--space-3);
}

.cc-today-card__empty-msg[b-iwkt3kwmgl] {
    font-size: var(--text-base);
    margin: 0;
}

.cc-today-card__header[b-iwkt3kwmgl] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-3);
}

.cc-today-card__patient[b-iwkt3kwmgl] {
    font-size: var(--text-xl);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    line-height: 1.3;
}

.cc-today-card__badge[b-iwkt3kwmgl] {
    display: inline-flex;
    align-items: center;
    padding: var(--space-1) var(--space-3);
    border-radius: var(--radius-full);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    white-space: nowrap;
    flex-shrink: 0;
}

.cc-today-card__badge--amber[b-iwkt3kwmgl] {
    background: var(--color-amber-100);
    color: var(--color-amber-800);
}

.cc-today-card__badge--sage[b-iwkt3kwmgl] {
    background: var(--color-sage-100);
    color: var(--color-sage-800);
}

.cc-today-card__badge--completed[b-iwkt3kwmgl] {
    background: var(--color-neutral-100);
    color: var(--color-neutral-700);
}

.cc-today-card__badge--rose[b-iwkt3kwmgl] {
    background: var(--color-rose-100);
    color: var(--color-rose-800);
}

.cc-today-card__plan[b-iwkt3kwmgl] {
    font-size: var(--text-base);
    color: var(--color-text-secondary);
}

.cc-today-card__time-row[b-iwkt3kwmgl] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-top: var(--space-4);
}

.cc-today-card__time-icon[b-iwkt3kwmgl] {
    font-size: var(--text-sm);
}

.cc-today-card__time[b-iwkt3kwmgl] {
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
}

.cc-today-card__relative[b-iwkt3kwmgl] {
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
    margin-top: var(--space-2);
}

.cc-today-card__relative--overdue[b-iwkt3kwmgl] {
    color: var(--color-amber-700);
    font-weight: var(--weight-medium);
}

.cc-today-card__context-hint[b-iwkt3kwmgl] {
    margin-top: auto;
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    padding-top: var(--space-3);
    border-top: 1px solid var(--color-border-default);
}

/* ── Reminder status chip ─────────────────────────────────────────── */

.cc-today-card__reminder-chip[b-iwkt3kwmgl] {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    padding: var(--space-1) var(--space-3);
    border-radius: var(--radius-full);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    white-space: nowrap;
    margin-top: var(--space-2);
}

.cc-today-card__reminder-chip--sent[b-iwkt3kwmgl] {
    background: var(--color-sage-100);
    color: var(--color-sage-800);
}

.cc-today-card__reminder-chip--pending[b-iwkt3kwmgl] {
    background: var(--color-neutral-100);
    color: var(--color-neutral-600);
}

.cc-today-card__reminder-chip--failed[b-iwkt3kwmgl] {
    background: var(--color-rose-100);
    color: var(--color-rose-800);
}
/* /Components/CoordinatorCare/CompanionReassignPanel.razor.rz.scp.css */
/* ── CompanionReassignPanel ─────────────────────────────── */
.cc-reassign-panel[b-1po5ahslwn] {
    border: 1px solid var(--color-neutral-200);
    border-radius: var(--radius-md);
    margin-bottom: var(--space-4);
    background: var(--color-surface);
    font-family: var(--font-persian);
}

.cc-reassign-panel__header[b-1po5ahslwn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-3) var(--space-4);
    gap: var(--space-3);
}

.cc-reassign-panel__current[b-1po5ahslwn] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex: 1;
    min-width: 0;
}

.cc-reassign-panel__current-label[b-1po5ahslwn] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    white-space: nowrap;
}

.cc-reassign-panel__current-name[b-1po5ahslwn] {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cc-reassign-panel__toggle-btn[b-1po5ahslwn] {
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    color: var(--color-rose-700);
    background: transparent;
    border: 1px solid var(--color-rose-300);
    border-radius: var(--radius-sm);
    padding: var(--space-1) var(--space-3);
    cursor: pointer;
    white-space: nowrap;
    font-family: var(--font-persian);
    transition: background 0.15s;
}

.cc-reassign-panel__toggle-btn:hover:not(:disabled)[b-1po5ahslwn] {
    background: var(--color-rose-50);
}

.cc-reassign-panel__toggle-btn:disabled[b-1po5ahslwn] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ── Expanded form ─────────────────────────────────────── */
.cc-reassign-panel__form[b-1po5ahslwn] {
    padding: var(--space-3) var(--space-4) var(--space-4);
    border-top: 1px solid var(--color-neutral-100);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.cc-reassign-panel__loading[b-1po5ahslwn],
.cc-reassign-panel__empty[b-1po5ahslwn] {
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
    text-align: center;
    padding: var(--space-3) 0;
}

.cc-reassign-panel__label[b-1po5ahslwn] {
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    color: var(--color-text-secondary);
    display: flex;
    align-items: center;
    gap: var(--space-1);
}

.cc-reassign-panel__required[b-1po5ahslwn] {
    color: var(--color-rose-500);
}

.cc-reassign-panel__select[b-1po5ahslwn] {
    width: 100%;
    padding: var(--space-2) var(--space-3);
    font-size: var(--text-sm);
    font-family: var(--font-persian);
    border: 1px solid var(--color-neutral-300);
    border-radius: var(--radius-sm);
    background: var(--color-surface);
    color: var(--color-text-primary);
    direction: rtl;
}

.cc-reassign-panel__select:disabled[b-1po5ahslwn] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* ── Scope selector ──────────────────────────────────────── */
.cc-reassign-panel__scope[b-1po5ahslwn] {
    display: flex;
    gap: var(--space-2);
    flex-wrap: wrap;
}

.cc-reassign-panel__scope-btn[b-1po5ahslwn] {
    flex: 1;
    min-width: 0;
    padding: var(--space-2) var(--space-3);
    font-size: var(--text-xs);
    font-family: var(--font-persian);
    font-weight: var(--weight-medium);
    border: 1px solid var(--color-neutral-300);
    border-radius: var(--radius-sm);
    background: var(--color-surface);
    color: var(--color-text-secondary);
    cursor: pointer;
    text-align: center;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
    white-space: nowrap;
}

.cc-reassign-panel__scope-btn:hover:not(:disabled)[b-1po5ahslwn] {
    background: var(--color-neutral-50);
}

.cc-reassign-panel__scope-btn--active[b-1po5ahslwn] {
    background: var(--color-sage-50);
    border-color: var(--color-sage-400);
    color: var(--color-sage-700);
}

.cc-reassign-panel__scope-btn:disabled[b-1po5ahslwn] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ── Affected sessions notice ────────────────────────────── */
.cc-reassign-panel__affected-notice[b-1po5ahslwn] {
    font-size: var(--text-xs);
    color: var(--color-amber-700);
    background: var(--color-amber-50);
    border: 1px solid var(--color-amber-200);
    border-radius: var(--radius-sm);
    padding: var(--space-2) var(--space-3);
    text-align: right;
}

/* ── Reason textarea ─────────────────────────────────────── */
.cc-reassign-panel__reason[b-1po5ahslwn] {
    width: 100%;
    padding: var(--space-2) var(--space-3);
    font-size: var(--text-sm);
    font-family: var(--font-persian);
    border: 1px solid var(--color-neutral-300);
    border-radius: var(--radius-sm);
    background: var(--color-surface);
    color: var(--color-text-primary);
    resize: vertical;
    box-sizing: border-box;
}

.cc-reassign-panel__reason[b-1po5ahslwn]::placeholder {
    color: var(--color-text-tertiary);
}

.cc-reassign-panel__reason:disabled[b-1po5ahslwn] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* ── Form actions ────────────────────────────────────────── */
.cc-reassign-panel__form-actions[b-1po5ahslwn] {
    display: flex;
    gap: var(--space-2);
}

.cc-reassign-panel__confirm-btn[b-1po5ahslwn] {
    display: flex;
    align-items: center;
    gap: var(--space-1);
    padding: var(--space-2) var(--space-4);
    font-size: var(--text-sm);
    font-family: var(--font-persian);
    font-weight: var(--weight-medium);
    background: var(--color-rose-600);
    color: var(--color-white);
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: background 0.15s;
}

.cc-reassign-panel__confirm-btn:hover:not(:disabled)[b-1po5ahslwn] {
    background: var(--color-rose-700);
}

.cc-reassign-panel__confirm-btn:disabled[b-1po5ahslwn] {
    opacity: 0.5;
    cursor: not-allowed;
}

.cc-reassign-panel__cancel-btn[b-1po5ahslwn] {
    padding: var(--space-2) var(--space-4);
    font-size: var(--text-sm);
    font-family: var(--font-persian);
    background: transparent;
    color: var(--color-text-secondary);
    border: 1px solid var(--color-neutral-300);
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: background 0.15s;
}

.cc-reassign-panel__cancel-btn:hover:not(:disabled)[b-1po5ahslwn] {
    background: var(--color-neutral-50);
}

.cc-reassign-panel__cancel-btn:disabled[b-1po5ahslwn] {
    opacity: 0.5;
    cursor: not-allowed;
}

.cc-reassign-panel__spinner[b-1po5ahslwn] {
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-top-color: var(--color-white);
    border-radius: 50%;
    animation: cc-spin-b-1po5ahslwn 0.6s linear infinite;
}

@keyframes cc-spin-b-1po5ahslwn {
    to { transform: rotate(360deg); }
}
/* /Components/CoordinatorCare/CoordinatorJourneyMap.razor.rz.scp.css */
.cjm-wrapper[b-6rnq25fzsp] {
    padding: 0;
}

.cjm-spine-container[b-6rnq25fzsp] {
    padding: 8px 0;
}

.cjm-empty[b-6rnq25fzsp] {
    text-align: center;
    color: #6b7280;
    padding: 32px;
    font-size: 14px;
}
/* /Components/CoordinatorCare/CoordinatorPlanCard.razor.rz.scp.css */
/* ── CoordinatorPlanCard ───────────────────────────────── */
.cc-plan-card[b-gmqxouc3wx] {
    position: relative;
    background-color: var(--color-bg-surface);
    border: 1px solid var(--color-border-default);
    border-radius: var(--radius-lg);
    padding: var(--space-4);
    min-height: 120px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    transition: box-shadow var(--duration-fast) var(--ease-standard),
                border-color var(--duration-fast) var(--ease-standard);
    animation: card-enter var(--duration-normal) var(--ease-enter) both;
    /* Ensure left-edge risk bar overrides border-inline-start */
    border-inline-start-width: 4px;
    border-inline-start-style: solid;
    outline: none;
}

.cc-plan-card:hover[b-gmqxouc3wx] {
    box-shadow: var(--shadow-md);
}

.cc-plan-card:focus-visible[b-gmqxouc3wx] {
    box-shadow: 0 0 0 3px var(--color-border-focus);
}

/* Risk level left-edge indicators */
.cc-plan-card--risk-critical[b-gmqxouc3wx] {
    border-inline-start-color: var(--color-emergency-600);
}

.cc-plan-card--risk-high[b-gmqxouc3wx] {
    border-inline-start-color: var(--color-rose-500);
}

.cc-plan-card--risk-medium[b-gmqxouc3wx] {
    border-inline-start-color: var(--color-amber-500);
}

.cc-plan-card--risk-low[b-gmqxouc3wx] {
    border-inline-start-color: var(--color-sage-400);
}

/* ── Header row ─────────────────────────────────────────── */
.cc-plan-card__header[b-gmqxouc3wx] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-2);
    flex-wrap: wrap;
}

.cc-plan-card__identity[b-gmqxouc3wx] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    min-width: 0;
    flex: 1;
}

.cc-plan-card__family[b-gmqxouc3wx] {
    font-size: var(--text-md);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
    line-height: var(--leading-snug);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Risk dot indicator */
.cc-plan-card__dot[b-gmqxouc3wx] {
    width: 8px;
    height: 8px;
    border-radius: var(--radius-full);
    flex-shrink: 0;
}

.cc-plan-card__dot--red[b-gmqxouc3wx]   { background-color: var(--color-emergency-600); }
.cc-plan-card__dot--amber[b-gmqxouc3wx] { background-color: var(--color-amber-600); }
.cc-plan-card__dot--green[b-gmqxouc3wx] { background-color: var(--color-sage-600); }

.cc-plan-card__badges[b-gmqxouc3wx] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-wrap: wrap;
    flex-shrink: 0;
}

/* Status badge — shared token set */
.cc-badge[b-gmqxouc3wx] {
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    padding: 2px var(--space-2);
    border-radius: var(--radius-full);
    font-family: var(--font-persian);
    white-space: nowrap;
    flex-shrink: 0;
}

.cc-badge--draft[b-gmqxouc3wx]            { background: var(--color-neutral-100);   color: var(--color-neutral-700); }
.cc-badge--active[b-gmqxouc3wx]           { background: var(--color-sage-100);       color: var(--color-sage-700); }
.cc-badge--pendingcompanion[b-gmqxouc3wx] { background: var(--color-amber-100);      color: var(--color-amber-700); }
.cc-badge--paused[b-gmqxouc3wx]           { background: var(--color-rose-100);       color: var(--color-rose-700); }
.cc-badge--completed[b-gmqxouc3wx]        { background: var(--color-sage-100);       color: var(--color-sage-700); }
.cc-badge--cancelled[b-gmqxouc3wx]        { background: var(--color-neutral-100);    color: var(--color-neutral-500); }

/* ── Companion sub-row ──────────────────────────────────── */
.cc-plan-card__companion[b-gmqxouc3wx] {
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    color: var(--color-rose-700);
    font-family: var(--font-persian);
}

/* ── Progress bar ───────────────────────────────────────── */
.cc-plan-card__bar-wrap[b-gmqxouc3wx] {
    width: 100%;
    height: 6px;
    background-color: var(--color-neutral-100);
    border-radius: var(--radius-full);
    overflow: hidden;
}

.cc-plan-card__bar-fill[b-gmqxouc3wx] {
    height: 100%;
    background-color: var(--color-sage-600);
    border-radius: var(--radius-full);
    transition: width var(--duration-normal) var(--ease-standard);
    min-width: 0;
}

/* ── Footer ─────────────────────────────────────────────── */
.cc-plan-card__footer[b-gmqxouc3wx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2);
    padding-top: var(--space-2);
    border-top: 1px solid var(--color-neutral-100);
    flex-wrap: wrap;
}

.cc-plan-card__meta[b-gmqxouc3wx] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    flex-wrap: wrap;
    flex: 1;
    min-width: 0;
}

.cc-plan-card__progress-text[b-gmqxouc3wx] {
    color: var(--color-text-secondary);
    font-weight: var(--weight-medium);
}

.cc-plan-card__missed[b-gmqxouc3wx] {
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    color: var(--color-emergency-600);
    background-color: var(--color-emergency-100);
    padding: 1px var(--space-2);
    border-radius: var(--radius-full);
    white-space: nowrap;
}

/* ── Quick-action buttons ───────────────────────────────── */
.cc-plan-card__action[b-gmqxouc3wx] {
    display: inline-flex;
    align-items: center;
    padding: var(--space-1) var(--space-3);
    border: none;
    border-radius: var(--radius-full);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    font-family: var(--font-persian);
    cursor: pointer;
    white-space: nowrap;
    min-height: 32px;
    transition: background-color var(--duration-fast) var(--ease-standard);
    flex-shrink: 0;
}

.cc-plan-card__action:disabled[b-gmqxouc3wx] {
    background-color: var(--color-neutral-200);
    color: var(--color-neutral-500);
    cursor: default;
}

.cc-plan-card__action--pause[b-gmqxouc3wx] {
    background-color: var(--color-amber-100);
    color: var(--color-amber-700);
}

.cc-plan-card__action--pause:not(:disabled):hover[b-gmqxouc3wx] {
    background-color: var(--color-amber-200);
}

.cc-plan-card__action--resume[b-gmqxouc3wx] {
    background-color: var(--color-sage-100);
    color: var(--color-sage-700);
}

.cc-plan-card__action--resume:not(:disabled):hover[b-gmqxouc3wx] {
    background-color: var(--color-sage-200);
}

/* ── Mobile adjustments ─────────────────────────────────── */
@media (max-width: 480px) {
    .cc-plan-card[b-gmqxouc3wx] {
        padding: var(--space-3);
        min-height: 100px;
    }

    .cc-plan-card__family[b-gmqxouc3wx] {
        font-size: var(--text-base);
    }

    .cc-plan-card__footer[b-gmqxouc3wx] {
        flex-direction: column;
        align-items: flex-start;
    }

    .cc-plan-card__action[b-gmqxouc3wx] {
        align-self: flex-end;
    }
}
/* /Components/CoordinatorCare/JourneyMilestoneBar.razor.rz.scp.css */
.jmb-bar[b-5jvqld7ubd] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 0;
    padding: 16px;
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    margin-bottom: 16px;
    overflow-x: auto;
}

/* ── Connector line between milestones ────────────────────────────────────── */

.jmb-connector[b-5jvqld7ubd] {
    height: 2px;
    flex: 1;
    background: #e5e7eb;
    margin-top: 20px;
    min-width: 16px;
    align-self: flex-start;
}

.jmb-connector--done[b-5jvqld7ubd] {
    background: #7a9e87;
}

/* ── Individual milestone ─────────────────────────────────────────────────── */

.jmb-milestone[b-5jvqld7ubd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 80px;
    gap: 4px;
}

.jmb-milestone__dot[b-5jvqld7ubd] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    font-size: 18px;
    flex-shrink: 0;
    transition: border-color .2s, background .2s, box-shadow .2s;
}

.jmb-milestone__label[b-5jvqld7ubd] {
    font-size: 11px;
    font-weight: 600;
    color: #374151;
    text-align: center;
}

.jmb-milestone__sub[b-5jvqld7ubd] {
    font-size: 10px;
    color: #6b7280;
    text-align: center;
}

/* ── State modifiers ──────────────────────────────────────────────────────── */

.jmb-milestone--done .jmb-milestone__dot[b-5jvqld7ubd] {
    border-color: #7a9e87;
    background: #f0f7f3;
}

.jmb-milestone--current .jmb-milestone__dot[b-5jvqld7ubd] {
    border-color: #c4944a;
    background: #fdf5ea;
    animation: pulse-amber-b-5jvqld7ubd 2s infinite;
}

.jmb-milestone--upcoming .jmb-milestone__dot[b-5jvqld7ubd] {
    border-color: #e5e7eb;
    background: #f9fafb;
    opacity: 0.6;
}

.jmb-milestone--upcoming .jmb-milestone__label[b-5jvqld7ubd] {
    color: #9ca3af;
}

.jmb-milestone--cancelled .jmb-milestone__dot[b-5jvqld7ubd] {
    border-color: #c46b6b;
    background: #fdf0f0;
    opacity: 0.7;
}

/* ── Pulse animation for current milestone ────────────────────────────────── */

@keyframes pulse-amber-b-5jvqld7ubd {
    0%,
    100% {
        box-shadow: 0 0 0 0 rgba(196, 148, 74, .4);
    }

    50% {
        box-shadow: 0 0 0 6px rgba(196, 148, 74, 0);
    }
}
/* /Components/CoordinatorCare/JourneyProgressSummary.razor.rz.scp.css */
.jps-summary[b-br8la6k6rs] {
    padding: 12px 16px;
    background: #f9fafb;
    border-radius: 10px;
    border: 1px solid #e5e7eb;
    margin-bottom: 16px;
}

/* ── Stats row ────────────────────────────────────────────────────────────── */

.jps-stats-row[b-br8la6k6rs] {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.jps-stat[b-br8la6k6rs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.jps-stat__num[b-br8la6k6rs] {
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
}

.jps-stat__lbl[b-br8la6k6rs] {
    font-size: 11px;
    color: #6b7280;
}

.jps-stat--completed .jps-stat__num[b-br8la6k6rs] {
    color: #7a9e87;
}

.jps-stat--remaining .jps-stat__num[b-br8la6k6rs] {
    color: #374151;
}

.jps-stat--missed .jps-stat__num[b-br8la6k6rs] {
    color: #c46b6b;
}

.jps-next-label[b-br8la6k6rs] {
    font-size: 12px;
    color: #6b7280;
    margin-right: auto;
    align-self: center;
}

/* ── Progress track & fill ────────────────────────────────────────────────── */

.jps-track[b-br8la6k6rs] {
    height: 8px;
    background: #e5e7eb;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 6px;
}

.jps-fill[b-br8la6k6rs] {
    height: 100%;
    background: linear-gradient(to left, #7a9e87, #5c8470);
    border-radius: 4px;
    transition: width .4s ease;
}

.jps-pct-label[b-br8la6k6rs] {
    font-size: 11px;
    color: #6b7280;
    text-align: left;
}
/* /Components/CoordinatorCare/JourneySessionNode.razor.rz.scp.css */
/* Layout: RTL flex — spine dot on the right, content on the left */

.jsn-node[b-30j0hzmt35] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

/* ── Spine column ─────────────────────────────────────────────────────────── */

.jsn-spine[b-30j0hzmt35] {
    flex-shrink: 0;
    width: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 12px;
}

.jsn-dot[b-30j0hzmt35] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid #9ca3af;
    background: #ffffff;
    flex-shrink: 0;
    z-index: 1;
    transition: background .2s, border-color .2s;
}

.jsn-line[b-30j0hzmt35] {
    flex: 1;
    width: 2px;
    background: #e5e7eb;
    min-height: 24px;
    margin-top: 4px;
}

/* ── Content column ───────────────────────────────────────────────────────── */

.jsn-content[b-30j0hzmt35] {
    flex: 1;
    min-width: 0;
    padding-bottom: 8px;
}

/* ── Status modifiers ─────────────────────────────────────────────────────── */

.jsn-node--completed .jsn-dot[b-30j0hzmt35] {
    background: #7a9e87;
    border-color: #7a9e87;
}

.jsn-node--completed .jsn-line[b-30j0hzmt35] {
    background: #c8ddd1;
}

.jsn-node--inprogress .jsn-dot[b-30j0hzmt35] {
    background: #c4944a;
    border-color: #c4944a;
    animation: jsn-pulse-b-30j0hzmt35 2s infinite;
}

.jsn-node--missed .jsn-dot[b-30j0hzmt35] {
    background: #c46b6b;
    border-color: #c46b6b;
}

.jsn-node--skipped .jsn-dot[b-30j0hzmt35] {
    border-color: #d1d5db;
}

.jsn-node--overdue .jsn-dot[b-30j0hzmt35] {
    border-color: #c4944a;
}

.jsn-node--scheduled .jsn-dot[b-30j0hzmt35] {
    border-color: #9ca3af;
}

/* ── Pulse animation for in-progress session ──────────────────────────────── */

@keyframes jsn-pulse-b-30j0hzmt35 {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(196, 148, 74, .4);
    }

    50% {
        box-shadow: 0 0 0 5px rgba(196, 148, 74, 0);
    }
}
/* /Components/CoordinatorCare/PlanProgressSummary.razor.rz.scp.css */
/* ── PlanProgressSummary ───────────────────────────────── */
.cc-progress[b-8fge69w49j] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

/* Progress track */
.cc-progress__bar-wrap[b-8fge69w49j] {
    width: 100%;
    height: 8px;
    background-color: var(--color-neutral-100);
    border-radius: var(--radius-full);
    overflow: hidden;
}

.cc-progress__fill[b-8fge69w49j] {
    height: 100%;
    background-color: var(--color-sage-600);
    border-radius: var(--radius-full);
    transition: width var(--duration-normal) var(--ease-standard);
    min-width: 0;
}

/* Label row */
.cc-progress__row[b-8fge69w49j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2);
    font-family: var(--font-persian);
}

.cc-progress__label[b-8fge69w49j] {
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
    font-weight: var(--weight-medium);
}

.cc-progress__missed[b-8fge69w49j] {
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    color: var(--color-emergency-600);
    background-color: var(--color-emergency-100);
    padding: 2px var(--space-2);
    border-radius: var(--radius-full);
    white-space: nowrap;
}

/* Meta row */
.cc-progress__row--meta[b-8fge69w49j] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
}
/* /Components/CoordinatorCare/PlanWorkspaceHeader.razor.rz.scp.css */
/* ── PlanWorkspaceHeader ───────────────────────────────── */
.cc-ws-header[b-zt4qjmlubf] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    padding-bottom: var(--space-4);
    border-bottom: 1px solid var(--color-neutral-100);
    margin-bottom: var(--space-4);
}

.cc-ws-header__family[b-zt4qjmlubf] {
    font-size: var(--text-xl);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
    line-height: var(--leading-snug);
}

.cc-ws-header__row[b-zt4qjmlubf] {
    display: flex;
    align-items: baseline;
    gap: var(--space-2);
    flex-wrap: wrap;
}

.cc-ws-header__title[b-zt4qjmlubf] {
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
}

.cc-ws-header__type[b-zt4qjmlubf] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
}

.cc-ws-header__badges[b-zt4qjmlubf] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-wrap: wrap;
}

/* Status badge — reuses ops-badge visual language with cc- prefix */
.cc-badge[b-zt4qjmlubf] {
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    padding: 2px var(--space-2);
    border-radius: var(--radius-full);
    font-family: var(--font-persian);
    white-space: nowrap;
    flex-shrink: 0;
}

.cc-badge--draft[b-zt4qjmlubf]           { background: var(--color-neutral-100);     color: var(--color-neutral-700); }
.cc-badge--active[b-zt4qjmlubf]          { background: var(--color-sage-100);         color: var(--color-sage-700); }
.cc-badge--pendingcompanion[b-zt4qjmlubf] { background: var(--color-amber-100);       color: var(--color-amber-700); }
.cc-badge--paused[b-zt4qjmlubf]          { background: var(--color-rose-100);         color: var(--color-rose-700); }
.cc-badge--completed[b-zt4qjmlubf]       { background: var(--color-sage-100);         color: var(--color-sage-700); }
.cc-badge--cancelled[b-zt4qjmlubf]       { background: var(--color-neutral-100);      color: var(--color-neutral-500); }

.cc-ws-header__companion[b-zt4qjmlubf] {
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    color: var(--color-rose-700);
    font-family: var(--font-persian);
}

/* ── Mobile ─────────────────────────────────────────────── */
@media (max-width: 480px) {
    .cc-ws-header__family[b-zt4qjmlubf] {
        font-size: var(--text-lg);
    }
}
/* /Components/CoordinatorCare/RiskBadge.razor.rz.scp.css */
/* ── RiskBadge ─────────────────────────────────────────── */
.cc-risk-badge[b-l2tso1498a] {
    display: inline-flex;
    align-items: center;
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    font-family: var(--font-persian);
    padding: 2px var(--space-2);
    border-radius: var(--radius-full);
    white-space: nowrap;
    flex-shrink: 0;
    line-height: 1.5;
}

.cc-risk-badge--low[b-l2tso1498a] {
    background-color: var(--color-sage-100);
    color: var(--color-sage-700);
}

.cc-risk-badge--medium[b-l2tso1498a] {
    background-color: var(--color-amber-100);
    color: var(--color-amber-700);
}

.cc-risk-badge--high[b-l2tso1498a] {
    background-color: var(--color-rose-100);
    color: var(--color-rose-700);
}

.cc-risk-badge--critical[b-l2tso1498a] {
    background-color: var(--color-emergency-600);
    color: #fff;
    animation: cc-pulse-b-l2tso1498a 1.5s ease-in-out infinite;
}

@keyframes cc-pulse-b-l2tso1498a {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0.7; }
}
/* /Components/CoordinatorCare/SessionActionCard.razor.rz.scp.css */
/* ── Card wrapper ─────────────────────────────────────────────────────────── */
.sac-card[b-ci1mc8rf20] {
    background: #fff;
    border: 1px solid var(--color-neutral-200);
    border-radius: var(--radius-md);
    padding: var(--space-3) var(--space-4);
    transition: border-color var(--duration-fast) var(--ease-standard);
}

.sac-card:hover[b-ci1mc8rf20] { border-color: var(--color-sage-300); }

/* Status accent — right border in RTL */
.sac-card--completed[b-ci1mc8rf20] { border-right: 3px solid var(--color-sage-500); }
.sac-card--missed[b-ci1mc8rf20]    { border-right: 3px solid var(--color-emergency-500); }
.sac-card--overdue[b-ci1mc8rf20]   { border-right: 3px solid var(--color-amber-500); }
.sac-card--skipped[b-ci1mc8rf20]   { border-right: 3px solid var(--color-neutral-400); }
.sac-card--in-progress[b-ci1mc8rf20] { border-right: 3px solid var(--color-amber-500); }

/* ── Header row ───────────────────────────────────────────────────────────── */
.sac-header[b-ci1mc8rf20] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.sac-seq[b-ci1mc8rf20] {
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    color: var(--color-text-secondary);
    background: var(--color-neutral-100);
    border-radius: var(--radius-sm);
    padding: 2px 8px;
    flex-shrink: 0;
    min-width: 28px;
    text-align: center;
    font-family: var(--font-mono, monospace);
}

.sac-info[b-ci1mc8rf20] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sac-time[b-ci1mc8rf20] {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    direction: ltr;
    text-align: right;
}

.sac-time--overdue[b-ci1mc8rf20] { color: var(--color-amber-700); }

.sac-overdue-tag[b-ci1mc8rf20] {
    font-size: var(--text-xs);
    color: var(--color-amber-700);
    margin-right: var(--space-2);
}

.sac-companion[b-ci1mc8rf20] {
    font-size: var(--text-xs);
    color: var(--color-text-secondary);
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.sac-override-badge[b-ci1mc8rf20] {
    font-size: 10px;
    background: var(--color-amber-100);
    color: var(--color-amber-800);
    padding: 1px 6px;
    border-radius: var(--radius-full);
    border: 1px solid var(--color-amber-300);
}

/* ── Status badge ─────────────────────────────────────────────────────────── */
.sac-badge[b-ci1mc8rf20] {
    font-size: 11px;
    font-weight: var(--weight-semibold);
    font-family: var(--font-persian);
    padding: 3px 10px;
    border-radius: var(--radius-full);
    flex-shrink: 0;
    white-space: nowrap;
}

.sac-badge--sage[b-ci1mc8rf20]    { background: var(--color-sage-100);      color: var(--color-sage-800); }
.sac-badge--rose[b-ci1mc8rf20]    { background: var(--color-emergency-100); color: var(--color-emergency-800); }
.sac-badge--amber[b-ci1mc8rf20]   { background: var(--color-amber-100);     color: var(--color-amber-800); }
.sac-badge--neutral[b-ci1mc8rf20] { background: var(--color-neutral-100);   color: var(--color-neutral-700); }

/* ── Expand chevron ───────────────────────────────────────────────────────── */
.sac-chevron[b-ci1mc8rf20] {
    background: none;
    border: 1px solid var(--color-neutral-200);
    border-radius: var(--radius-sm);
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 18px;
    color: var(--color-text-secondary);
    transition: transform var(--duration-fast) var(--ease-standard),
                background var(--duration-fast) var(--ease-standard);
    transform: rotate(90deg);
    flex-shrink: 0;
    line-height: 1;
}

.sac-chevron--open[b-ci1mc8rf20] {
    transform: rotate(-90deg);
    background: var(--color-sage-50);
    border-color: var(--color-sage-300);
}

/* ── Reason tags ──────────────────────────────────────────────────────────── */
.sac-reason[b-ci1mc8rf20] {
    font-size: var(--text-xs);
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-sm);
    margin-top: var(--space-2);
}

.sac-reason--missed[b-ci1mc8rf20]  { background: var(--color-emergency-50); color: var(--color-emergency-800); }
.sac-reason--skipped[b-ci1mc8rf20] { background: var(--color-neutral-100);  color: var(--color-neutral-700); }

.sac-reason__label[b-ci1mc8rf20] {
    font-weight: var(--weight-semibold);
    margin-left: var(--space-1);
}

/* ── Expanded completed detail ────────────────────────────────────────────── */
.sac-detail[b-ci1mc8rf20] {
    background: var(--color-neutral-50);
    border-radius: var(--radius-sm);
    padding: var(--space-3);
    margin-top: var(--space-3);
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.sac-summary-note[b-ci1mc8rf20] {
    font-size: var(--text-sm);
    color: var(--color-text-primary);
    margin: 0;
    line-height: var(--leading-relaxed);
}

.sac-summary-note--empty[b-ci1mc8rf20] {
    color: var(--color-text-muted);
    font-style: italic;
}

.sac-media-badge[b-ci1mc8rf20] {
    font-size: var(--text-xs);
    background: var(--color-sage-100);
    color: var(--color-sage-800);
    padding: 2px 8px;
    border-radius: var(--radius-full);
    align-self: flex-start;
}

/* ── Action buttons (small, inline row) ──────────────────────────────────── */
.sac-actions[b-ci1mc8rf20] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    margin-top: var(--space-3);
    padding-top: var(--space-3);
    border-top: 1px solid var(--color-neutral-100);
}

.sac-btn[b-ci1mc8rf20] {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: var(--radius-full);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    font-family: var(--font-persian);
    cursor: pointer;
    white-space: nowrap;
    transition: all var(--duration-fast) var(--ease-standard);
    min-height: 28px;
    border: 1.5px solid transparent;
}

.sac-btn:disabled[b-ci1mc8rf20] { opacity: .45; cursor: default; }

.sac-btn--missed[b-ci1mc8rf20] {
    background: var(--color-emergency-50);
    color: var(--color-emergency-700);
    border-color: var(--color-emergency-300);
}
.sac-btn--missed:not(:disabled):hover[b-ci1mc8rf20] {
    background: var(--color-emergency-100);
    border-color: var(--color-emergency-500);
}

.sac-btn--skip[b-ci1mc8rf20] {
    background: var(--color-amber-50);
    color: var(--color-amber-800);
    border-color: var(--color-amber-300);
}
.sac-btn--skip:not(:disabled):hover[b-ci1mc8rf20] {
    background: var(--color-amber-100);
}

.sac-btn--reschedule[b-ci1mc8rf20] {
    background: var(--color-neutral-100);
    color: var(--color-text-secondary);
    border-color: var(--color-neutral-300);
}
.sac-btn--reschedule:not(:disabled):hover[b-ci1mc8rf20] {
    background: var(--color-neutral-200);
    color: var(--color-text-primary);
}

.sac-btn--force[b-ci1mc8rf20] {
    background: var(--color-sage-50);
    color: var(--color-sage-800);
    border-color: var(--color-sage-300);
}
.sac-btn--force:not(:disabled):hover[b-ci1mc8rf20] {
    background: var(--color-sage-100);
}

.sac-btn--sub[b-ci1mc8rf20] {
    background: var(--color-neutral-50);
    color: var(--color-text-secondary);
    border-color: var(--color-neutral-200);
}
.sac-btn--sub:not(:disabled):hover[b-ci1mc8rf20] {
    background: var(--color-neutral-100);
    color: var(--color-text-primary);
}

/* ── Inline form scaffolding ──────────────────────────────────────────────── */
/* Uses global .ops-cpw-review-form for the container */
/* Only local extras needed: */

.sac-form-label[b-ci1mc8rf20] {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
}

.sac-form-label__req[b-ci1mc8rf20] { color: var(--color-emergency-500); margin-right: 3px; }
.sac-form-label__opt[b-ci1mc8rf20] { font-size: var(--text-xs); color: var(--color-text-muted); font-weight: var(--weight-normal); margin-right: 4px; }

.sac-form-notice[b-ci1mc8rf20] {
    font-size: var(--text-xs);
    color: var(--color-text-secondary);
    background: var(--color-neutral-100);
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-sm);
    margin: 0;
}

.sac-form-hint[b-ci1mc8rf20] {
    font-size: var(--text-xs);
    color: var(--color-emergency-500);
    margin: 0;
}

.sac-form-actions[b-ci1mc8rf20] {
    display: flex;
    gap: var(--space-2);
    flex-wrap: wrap;
    align-items: center;
}

/* ── ops-action-btn neutral override for cancel ───────────────────────────── */
.ops-action-btn--neutral[b-ci1mc8rf20] {
    background-color: var(--color-neutral-100);
    color: var(--color-text-primary);
    border: 1.5px solid var(--color-neutral-300);
}
.ops-action-btn--neutral:hover[b-ci1mc8rf20] {
    background-color: var(--color-neutral-200);
    border-color: var(--color-neutral-400);
}
.ops-action-btn--neutral:disabled[b-ci1mc8rf20] {
    background-color: var(--color-neutral-100);
    color: var(--color-text-muted);
}
/* /Components/CustomerCare/CareJourneyCard.razor.rz.scp.css */
/* ── CareJourneyCard (cjc-journey-card) ─────────────────────────── */

.cjc-journey-card[b-pz3qil0egs] {
    border-radius: var(--radius-xl);
    border: 1.5px solid var(--color-border-default);
    padding: var(--space-5);
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.cjc-journey-card--active[b-pz3qil0egs] {
    border-color: var(--color-sage-300);
    background: linear-gradient(135deg, var(--color-sage-50), white);
}

.cjc-journey-card--paused[b-pz3qil0egs] {
    border-color: var(--color-amber-300);
    background: var(--color-amber-50);
}

.cjc-journey-card--completed[b-pz3qil0egs] {
    border-color: var(--color-neutral-200);
    background: white;
}

.cjc-journey-card--default[b-pz3qil0egs] {
    background: white;
}

/* Header ─────────────────────────────────────────────────────────── */

.cjc-journey-card__header[b-pz3qil0egs] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-3);
}

.cjc-journey-card__title[b-pz3qil0egs] {
    font-size: var(--text-xl);
    font-weight: var(--weight-semibold);
    font-family: var(--font-persian);
    color: var(--color-text-primary);
    line-height: 1.3;
    margin: 0;
}

.cjc-journey-card__status[b-pz3qil0egs] {
    display: inline-flex;
    align-items: center;
    padding: var(--space-1) var(--space-3);
    border-radius: var(--radius-full);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    font-family: var(--font-persian);
    white-space: nowrap;
    flex-shrink: 0;
    background: var(--color-neutral-100);
    color: var(--color-text-secondary);
}

.cjc-journey-card--active .cjc-journey-card__status[b-pz3qil0egs] {
    background: var(--color-sage-100);
    color: var(--color-sage-800);
}

.cjc-journey-card--paused .cjc-journey-card__status[b-pz3qil0egs] {
    background: var(--color-amber-100);
    color: var(--color-amber-800);
}

/* Companion ──────────────────────────────────────────────────────── */

.cjc-journey-card__companion[b-pz3qil0egs] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.cjc-journey-card__photo[b-pz3qil0egs] {
    width: 40px;
    height: 40px;
    border-radius: var(--radius-full);
    object-fit: cover;
    border: 2px solid var(--color-border-default);
    flex-shrink: 0;
}

.cjc-journey-card__avatar[b-pz3qil0egs] {
    width: 40px;
    height: 40px;
    border-radius: var(--radius-full);
    background: var(--color-neutral-100);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-lg);
    flex-shrink: 0;
}

.cjc-journey-card__companion-name[b-pz3qil0egs] {
    font-size: var(--text-base);
    font-family: var(--font-persian);
    font-weight: var(--weight-medium);
    color: var(--color-text-primary);
}

/* Progress ───────────────────────────────────────────────────────── */

.cjc-journey-card__progress[b-pz3qil0egs] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.cjc-journey-card__progress-bar-wrap[b-pz3qil0egs] {
    height: 8px;
    border-radius: var(--radius-full);
    background: var(--color-neutral-100);
    overflow: hidden;
}

.cjc-journey-card__progress-fill[b-pz3qil0egs] {
    height: 100%;
    background: var(--color-sage-500);
    border-radius: var(--radius-full);
    transition: width 600ms cubic-bezier(0.4, 0, 0.2, 1);
    min-width: 4px;
}

.cjc-journey-card__progress-label[b-pz3qil0egs] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
}

.cjc-journey-card__milestone[b-pz3qil0egs] {
    display: block;
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-sage-700);
    background: var(--color-sage-100);
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-md);
    border: 1px solid var(--color-sage-200);
    font-family: var(--font-persian);
}

/* Open-ended plan (no planned count) ─────────────────────────────── */

.cjc-journey-card__open-ended[b-pz3qil0egs] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3);
    border-radius: var(--radius-md);
    background: var(--color-neutral-50);
}

.cjc-journey-card__open-ended-icon[b-pz3qil0egs] {
    font-size: var(--text-lg);
    flex-shrink: 0;
}

.cjc-journey-card__open-ended-label[b-pz3qil0egs] {
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    font-family: var(--font-persian);
    color: var(--color-text-primary);
}

/* Next session ───────────────────────────────────────────────────── */

.cjc-journey-card__next[b-pz3qil0egs] {
    display: flex;
    gap: var(--space-3);
    align-items: flex-start;
    padding: var(--space-3);
    border-radius: var(--radius-md);
    background: var(--color-neutral-50);
}

.cjc-journey-card__next--today[b-pz3qil0egs] {
    background: var(--color-rose-50);
    border: 1px solid var(--color-rose-200);
}

.cjc-journey-card__next--none[b-pz3qil0egs] {
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    justify-content: center;
}

.cjc-journey-card__next-icon[b-pz3qil0egs] {
    font-size: var(--text-lg);
    flex-shrink: 0;
    margin-top: 1px;
}

.cjc-journey-card__next-relative[b-pz3qil0egs] {
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    font-family: var(--font-persian);
    color: var(--color-text-primary);
    line-height: 1.4;
}

.cjc-journey-card__next--today .cjc-journey-card__next-relative[b-pz3qil0egs] {
    color: var(--color-rose-700);
}

.cjc-journey-card__next-detail[b-pz3qil0egs] {
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
    margin-top: var(--space-1);
}
/* /Components/CustomerCare/CarePlanDetailsCard.razor.rz.scp.css */
/* ── CarePlanDetailsCard (cjc-details-card) ─────────────────────── */

.cjc-details-card[b-5eid7g05ne] {
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border-default);
    background: white;
    overflow: hidden;
}

.cjc-details-card__toggle[b-5eid7g05ne] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-4);
    background: none;
    border: none;
    cursor: pointer;
    font-size: var(--text-base);
    font-family: var(--font-persian);
    font-weight: var(--weight-medium);
    color: var(--color-text-secondary);
    text-align: right;
    transition: background 150ms ease, color 150ms ease;
}

.cjc-details-card__toggle:hover[b-5eid7g05ne] {
    background: var(--color-neutral-50);
    color: var(--color-text-primary);
}

.cjc-details-card__icon[b-5eid7g05ne] {
    font-size: var(--text-base);
    color: var(--color-text-tertiary);
    flex-shrink: 0;
}

.cjc-details-card__chevron[b-5eid7g05ne] {
    margin-right: auto;
    font-size: var(--text-lg);
    color: var(--color-text-tertiary);
    transition: transform 250ms ease;
    display: inline-block;
}

.cjc-details-card__chevron--open[b-5eid7g05ne] {
    transform: rotate(90deg);
}

.cjc-details-card__body[b-5eid7g05ne] {
    padding: var(--space-1) var(--space-4) var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    border-top: 1px solid var(--color-border-default);
}

.cjc-details-card__row[b-5eid7g05ne] {
    display: flex;
    align-items: baseline;
    gap: var(--space-2);
}

.cjc-details-card__label[b-5eid7g05ne] {
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    flex-shrink: 0;
    min-width: 52px;
}

.cjc-details-card__value[b-5eid7g05ne] {
    font-size: var(--text-sm);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
}

.cjc-details-card__notes[b-5eid7g05ne] {
    margin-top: var(--space-2);
    font-size: var(--text-sm);
    font-family: var(--font-persian);
    color: var(--color-text-secondary);
    line-height: 1.7;
    background: var(--color-neutral-50);
    border-radius: var(--radius-sm);
    padding: var(--space-3);
    border-right: 3px solid var(--color-sage-200);
}
/* /Components/CustomerCare/CareStoryEvent.razor.rz.scp.css */
/* ── CareStoryEvent (cjc-event) ─────────────────────────────────── */

.cjc-event[b-rvwbh5kxsa] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    position: relative;
    padding-bottom: var(--space-4);
}

/* Vertical timeline connector line — drawn from the dot downward */
.cjc-event:not(:last-child)[b-rvwbh5kxsa]::after {
    content: '';
    position: absolute;
    right: 3px;
    top: 20px;
    width: 2px;
    bottom: 0;
    background: var(--color-border-default);
}

.cjc-event__dot[b-rvwbh5kxsa] {
    width: 8px;
    height: 8px;
    border-radius: var(--radius-full);
    flex-shrink: 0;
    margin-top: 6px;
    position: relative;
    z-index: 1;
}

.cjc-event--completed .cjc-event__dot[b-rvwbh5kxsa] {
    background: var(--color-sage-500);
    box-shadow: 0 0 0 3px var(--color-sage-100);
}

.cjc-event--missed .cjc-event__dot[b-rvwbh5kxsa] {
    background: var(--color-amber-400);
    box-shadow: 0 0 0 3px var(--color-amber-100);
}

.cjc-event--started .cjc-event__dot[b-rvwbh5kxsa] {
    background: var(--color-text-tertiary);
    box-shadow: 0 0 0 3px var(--color-neutral-100);
}

.cjc-event--neutral .cjc-event__dot[b-rvwbh5kxsa] {
    background: var(--color-neutral-300);
}

.cjc-event__body[b-rvwbh5kxsa] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.cjc-event__header[b-rvwbh5kxsa] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-2);
}

.cjc-event__message[b-rvwbh5kxsa] {
    font-size: var(--text-base);
    font-family: var(--font-persian);
    color: var(--color-text-primary);
    line-height: 1.6;
    flex: 1;
}

.cjc-event--missed .cjc-event__message[b-rvwbh5kxsa] {
    color: var(--color-amber-700);
}

.cjc-event__expand-btn[b-rvwbh5kxsa] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--color-text-tertiary);
    font-size: var(--text-xs);
    padding: var(--space-1);
    flex-shrink: 0;
    line-height: 1;
    transition: color 150ms ease;
}

.cjc-event__expand-btn:hover[b-rvwbh5kxsa] {
    color: var(--color-text-primary);
}

.cjc-event__meta[b-rvwbh5kxsa] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-wrap: wrap;
}

.cjc-event__time[b-rvwbh5kxsa] {
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
}

.cjc-event__companion[b-rvwbh5kxsa] {
    font-size: var(--text-sm);
    color: var(--color-sage-700);
    font-weight: var(--weight-medium);
}

.cjc-event__companion[b-rvwbh5kxsa]::before {
    content: '·';
    margin-left: var(--space-2);
    color: var(--color-text-tertiary);
}

.cjc-event__note-hint[b-rvwbh5kxsa] {
    font-size: var(--text-xs);
    color: var(--color-sage-700);
    background: var(--color-sage-50);
    border: 1px solid var(--color-sage-200);
    border-radius: var(--radius-full);
    padding: 1px var(--space-2);
    cursor: pointer;
}

.cjc-event__expanded[b-rvwbh5kxsa] {
    margin-top: var(--space-2);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.cjc-event__note[b-rvwbh5kxsa] {
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
    line-height: 1.7;
    background: var(--color-neutral-50);
    border-radius: var(--radius-md);
    padding: var(--space-3);
    margin: 0;
    border-right: 3px solid var(--color-sage-300);
}

.cjc-event__media[b-rvwbh5kxsa] {
    margin-top: var(--space-1);
}
/* /Components/CustomerCare/CareStoryTimeline.razor.rz.scp.css */
/* ── CareStoryTimeline (cjc-timeline) ───────────────────────────── */

.cjc-timeline[b-r7nwu1764r] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

.cjc-timeline-empty[b-r7nwu1764r] {
    text-align: center;
    padding: var(--space-10) var(--space-4);
    color: var(--color-text-tertiary);
    font-size: var(--text-base);
    font-family: var(--font-persian);
}

.cjc-timeline-group[b-r7nwu1764r] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.cjc-timeline-group__label[b-r7nwu1764r] {
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    color: var(--color-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding-bottom: var(--space-2);
    margin-bottom: var(--space-1);
    border-bottom: 1px solid var(--color-border-default);
    font-family: var(--font-persian);
}

.cjc-timeline__show-more[b-r7nwu1764r] {
    display: inline-block;
    margin-top: var(--space-2);
    font-size: var(--text-sm);
    color: var(--color-sage-600);
    font-weight: var(--weight-medium);
    font-family: var(--font-persian);
    text-decoration: none;
    transition: color 150ms ease;
}

.cjc-timeline__show-more:hover[b-r7nwu1764r] {
    color: var(--color-sage-800);
    text-decoration: underline;
}
/* /Components/CustomerCare/CustomerMilestoneBar.razor.rz.scp.css */
/* ── CustomerMilestoneBar (cmb-*) ─────────────────────────────────── */

.cmb-bar[b-t5ik0hcm4l] {
    display: flex;
    align-items: flex-start;
    padding: var(--space-4);
    background: var(--color-bg-surface, #fff);
    border-radius: var(--radius-xl, 16px);
    border: 1.5px solid var(--color-sage-200, #c8ddd1);
    overflow-x: auto;
    gap: 0;
}

.cmb-connector[b-t5ik0hcm4l] {
    height: 2px;
    flex: 1;
    background: var(--color-neutral-200, #e5e7eb);
    margin-top: 18px;
    min-width: 12px;
}
.cmb-connector--done[b-t5ik0hcm4l] { background: var(--color-sage-400, #7a9e87); }

.cmb-milestone[b-t5ik0hcm4l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-1);
    min-width: 72px;
    max-width: 96px;
}

.cmb-dot[b-t5ik0hcm4l] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 2px solid var(--color-neutral-200);
    background: var(--color-neutral-50);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    transition: all var(--duration-fast, .15s);
}

.cmb-milestone--done .cmb-dot[b-t5ik0hcm4l] {
    border-color: var(--color-sage-400, #7a9e87);
    background: var(--color-sage-50, #f0f7f3);
}
.cmb-milestone--current .cmb-dot[b-t5ik0hcm4l] {
    border-color: var(--color-amber-400, #c4944a);
    background: var(--color-amber-50, #fdf5ea);
    box-shadow: 0 0 0 4px var(--color-amber-100, #fef3e3);
    animation: cmb-pulse-b-t5ik0hcm4l 2s infinite;
}
.cmb-milestone--upcoming .cmb-dot[b-t5ik0hcm4l] {
    opacity: 0.45;
}
.cmb-milestone--cancelled .cmb-dot[b-t5ik0hcm4l] {
    border-color: var(--color-neutral-300);
    opacity: 0.4;
}

@keyframes cmb-pulse-b-t5ik0hcm4l {
    0%, 100% { box-shadow: 0 0 0 0 rgba(196,148,74,.35); }
    50%       { box-shadow: 0 0 0 6px rgba(196,148,74,0); }
}

.cmb-label[b-t5ik0hcm4l] {
    font-size: 10px;
    font-weight: var(--weight-semibold, 600);
    font-family: var(--font-persian);
    color: var(--color-text-primary);
    text-align: center;
    line-height: 1.3;
}
.cmb-milestone--upcoming .cmb-label[b-t5ik0hcm4l],
.cmb-milestone--cancelled .cmb-label[b-t5ik0hcm4l] { color: var(--color-text-tertiary); }

.cmb-sublabel[b-t5ik0hcm4l] {
    font-size: 9px;
    color: var(--color-sage-700, #3d6b50);
    font-family: var(--font-persian);
    text-align: center;
    max-width: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/CustomerCare/CustomerPlanJourney.razor.rz.scp.css */
/* ── CustomerPlanJourney (cpj-journey) ────────────────────────────── */

.cpj-journey[b-fp2ak0ljnd] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}
/* /Components/CustomerCare/CustomerUpcomingSessions.razor.rz.scp.css */
/* ── CustomerUpcomingSessions (cus-upcoming-*) ────────────────────── */

.cus-upcoming[b-kl447p9adc] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.cus-upcoming__title[b-kl447p9adc] {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
    margin: 0;
}

.cus-upcoming__list[b-kl447p9adc] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.cus-upcoming__item[b-kl447p9adc] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background: var(--color-bg-surface, #fff);
    border: 1px solid var(--color-neutral-200);
    border-radius: var(--radius-md);
    transition: border-color var(--duration-fast);
}

.cus-upcoming__item--today[b-kl447p9adc] {
    background: var(--color-sage-50, #f0f7f3);
    border-color: var(--color-sage-300, #a8c9b4);
}

.cus-upcoming__dot[b-kl447p9adc] {
    font-size: 18px;
    flex-shrink: 0;
    width: 28px;
    text-align: center;
}

.cus-upcoming__info[b-kl447p9adc] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cus-upcoming__date[b-kl447p9adc] {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
}

.cus-upcoming__time[b-kl447p9adc] {
    font-size: var(--text-xs);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
}

.cus-upcoming__relative[b-kl447p9adc] {
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    white-space: nowrap;
    flex-shrink: 0;
}

.cus-upcoming__relative--today[b-kl447p9adc] {
    color: var(--color-sage-700, #3d6b50);
    background: var(--color-sage-100, #d4ead9);
    padding: 2px 8px;
    border-radius: var(--radius-full);
}
/* /Components/CustomerCare/TrustSafetyPanel.razor.rz.scp.css */
/* ── TrustSafetyPanel (cjc-trust) ───────────────────────────────── */

.cjc-trust[b-f9qjvsoyal] {
    border-radius: var(--radius-md);
    padding: var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.cjc-trust--good[b-f9qjvsoyal] {
    background: var(--color-sage-100);
    border: 1px solid var(--color-sage-200);
}

.cjc-trust--alert[b-f9qjvsoyal] {
    background: var(--color-amber-100);
    border: 1px solid var(--color-amber-200);
}

.cjc-trust__row[b-f9qjvsoyal] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.cjc-trust__icon[b-f9qjvsoyal] {
    font-size: var(--text-lg);
    line-height: 1;
    flex-shrink: 0;
}

.cjc-trust__message[b-f9qjvsoyal] {
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    font-family: var(--font-persian);
    color: var(--color-text-primary);
    line-height: 1.5;
}

.cjc-trust__checkin[b-f9qjvsoyal] {
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
    padding-right: calc(var(--text-lg) + var(--space-2));
}

.cjc-trust__alert[b-f9qjvsoyal] {
    font-size: var(--text-sm);
    color: var(--color-amber-700);
    margin-top: var(--space-1);
    padding-right: calc(var(--text-lg) + var(--space-2));
}
/* /Components/Landing/ArchitectureSection.razor.rz.scp.css */
/* ── Architecture Section ────────────────────────────────────── */
.landing-section--architecture[b-r4ww9p5k9u] {
    background: var(--landing-bg);
}

.landing-arch__header[b-r4ww9p5k9u] {
    text-align: center;
    margin-bottom: 3.5rem;
}

.landing-arch__headline[b-r4ww9p5k9u] {
    font-size: clamp(1.875rem, 4vw, 2.75rem);
    font-weight: 600;
    line-height: 1.2;
    margin: .5rem 0 1rem;
    color: var(--landing-text-1);
}

.landing-arch__desc[b-r4ww9p5k9u] {
    font-size: 1.0625rem;
    color: var(--landing-text-2);
    max-width: 560px;
    margin: 0 auto;
    line-height: 1.7;
}

/* ── Flow Diagram ────────────────────────────────────────────── */
.landing-arch__flow[b-r4ww9p5k9u] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 3rem;
}

.landing-arch__node[b-r4ww9p5k9u] {
    background: var(--landing-surface-2);
    border: 1px solid var(--landing-border-active);
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
    text-align: center;
    min-width: 140px;
    transition: border-color .2s, box-shadow .2s;
}

.landing-arch__node:hover[b-r4ww9p5k9u] {
    border-color: var(--landing-border-active);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .25);
}

.landing-arch__node--event:hover[b-r4ww9p5k9u] {
    border-color: var(--landing-accent);
    box-shadow: 0 4px 20px var(--landing-accent-glow);
}

.landing-arch__node--notif:hover[b-r4ww9p5k9u] {
    border-color: var(--landing-green);
    box-shadow: 0 4px 20px var(--landing-green-glow);
}

.landing-arch__node--live:hover[b-r4ww9p5k9u] {
    border-color: var(--landing-amber-bright);
    box-shadow: 0 4px 20px rgba(240, 165, 74, .15);
}

.landing-arch__node-num[b-r4ww9p5k9u] {
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .12em;
    color: var(--landing-accent);
    margin-bottom: .25rem;
    text-transform: uppercase;
}

.landing-arch__node-label[b-r4ww9p5k9u] {
    font-size: .9375rem;
    font-weight: 600;
    color: var(--landing-text-1);
}

.landing-arch__node-sub[b-r4ww9p5k9u] {
    font-size: .8rem;
    color: var(--landing-text-3);
    margin-top: .25rem;
}

.landing-arch__arrow[b-r4ww9p5k9u] {
    font-size: 1.25rem;
    color: var(--landing-text-3);
    flex-shrink: 0;
}

/* ── Tech Pills ──────────────────────────────────────────────── */
.landing-arch__pills[b-r4ww9p5k9u] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: center;
}

.landing-arch__pill[b-r4ww9p5k9u] {
    padding: .375rem 1rem;
    border-radius: 9999px;
    font-size: .8rem;
    font-weight: 500;
}

.landing-arch__pill--rose[b-r4ww9p5k9u] {
    border: 1px solid var(--landing-accent);
    color: var(--landing-accent-light);
    background: var(--landing-accent-glow);
}

.landing-arch__pill--green[b-r4ww9p5k9u] {
    border: 1px solid var(--landing-green);
    color: var(--landing-green-bright);
    background: var(--landing-green-glow);
}

.landing-arch__pill--amber[b-r4ww9p5k9u] {
    border: 1px solid var(--landing-amber);
    color: var(--landing-amber-bright);
    background: rgba(212, 120, 14, 0.12);
}

/* ── Mobile ──────────────────────────────────────────────────── */
@media (max-width: 680px) {
    .landing-arch__arrow[b-r4ww9p5k9u] {
        display: block;
        margin: .25rem auto;
        transform: rotate(90deg);
    }
}
/* /Components/Landing/FinalCTASection.razor.rz.scp.css */
/* ── Final CTA Section ───────────────────────────────────────── */
.landing-section--cta[b-izj3yr10jm] {
    background: var(--landing-bg);
    position: relative;
    overflow: hidden;
    min-height: 60vh;
    display: flex;
    align-items: center;
}

.landing-cta__bg[b-izj3yr10jm] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(ellipse 800px 600px at 50% 100%, rgba(196, 123, 90, .08), transparent);
}

.landing-cta__content[b-izj3yr10jm] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1.75rem;
}

.landing-cta__headline[b-izj3yr10jm] {
    font-size: clamp(2.25rem, 5vw, 4rem);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -.03em;
    color: var(--landing-text-1);
    margin: 0;
}

.landing-cta__headline-accent[b-izj3yr10jm] {
    display: block;
    background: linear-gradient(135deg, var(--landing-accent-light), var(--landing-accent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: none;
}

.landing-cta__desc[b-izj3yr10jm] {
    font-size: 1.125rem;
    color: var(--landing-text-2);
    max-width: 480px;
    line-height: 1.7;
    margin: 0;
}

.landing-cta__actions[b-izj3yr10jm] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
}

.landing-cta__trust[b-izj3yr10jm] {
    display: flex;
    align-items: center;
    gap: .75rem;
    font-size: .8rem;
    color: var(--landing-text-3);
    flex-wrap: wrap;
    justify-content: center;
}
/* /Components/Landing/HeroSection.razor.rz.scp.css */
/* =============================================================
   HeroSection — Component-scoped styles
   ============================================================= */

/* ── Hero Section ────────────────────────────────────────────── */
.landing-hero[b-5fyja9mxau] {
    min-height: 100svh;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding-top: 80px; /* nav height */
    background: var(--landing-bg);
}

/* ── Animated Background ─────────────────────────────────────── */
.landing-hero__bg[b-5fyja9mxau] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
}

.landing-hero__orb[b-5fyja9mxau] {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: .12;
}

.landing-hero__orb--1[b-5fyja9mxau] {
    width: 600px;
    height: 600px;
    top: -200px;
    right: -100px;
    background: radial-gradient(circle, #C47B5A, transparent 70%);
    animation: landing-orb 12s ease-in-out infinite;
}

.landing-hero__orb--2[b-5fyja9mxau] {
    width: 500px;
    height: 500px;
    bottom: -100px;
    left: -150px;
    background: radial-gradient(circle, #5E9063, transparent 70%);
    animation: landing-orb 15s ease-in-out infinite reverse;
    opacity: .1;
}

.landing-hero__orb--3[b-5fyja9mxau] {
    width: 400px;
    height: 400px;
    top: 50%;
    left: 40%;
    background: radial-gradient(circle, #D4780E, transparent 70%);
    animation: landing-orb 18s ease-in-out infinite 2s;
    opacity: .06;
}

.landing-hero__grid-overlay[b-5fyja9mxau] {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(255, 255, 255, .06) 1px, transparent 1px);
    background-size: 32px 32px;
    z-index: 0;
}

/* ── Two-column Layout ───────────────────────────────────────── */
.landing-hero__layout[b-5fyja9mxau] {
    position: relative;
    z-index: 1;
    flex: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
    padding: 4rem 0;
}

/* ── Text Column ─────────────────────────────────────────────── */
.landing-hero__text[b-5fyja9mxau] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
}

.landing-hero__h1[b-5fyja9mxau] {
    font-size: clamp(2.75rem, 6vw, 5rem);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -.03em;
    margin: 0;
    color: var(--landing-text-1);
}

.landing-hero__tagline[b-5fyja9mxau] {
    font-size: clamp(1.125rem, 2.5vw, 1.5rem);
    color: var(--landing-accent-light);
    font-weight: 500;
    margin: 0;
}

.landing-hero__desc[b-5fyja9mxau] {
    font-size: 1.0625rem;
    color: var(--landing-text-2);
    line-height: 1.7;
    margin: 0;
    max-width: 480px;
}

.landing-hero__actions[b-5fyja9mxau] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
}

/* ── Preview Card Column ─────────────────────────────────────── */
.landing-hero__preview[b-5fyja9mxau] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.landing-hero__preview-card[b-5fyja9mxau] {
    background: rgba(20, 23, 32, .8);
    backdrop-filter: blur(20px);
    border: 1px solid var(--landing-border-active);
    border-radius: 16px;
    padding: 1.5rem;
    width: 100%;
    max-width: 340px;
    animation: landing-float 5s ease-in-out infinite;
    box-shadow: 0 16px 48px rgba(0, 0, 0, .4);
}

.landing-hero__preview-header[b-5fyja9mxau] {
    display: flex;
    align-items: center;
    gap: .625rem;
    margin-bottom: .5rem;
}

.landing-hero__preview-live-label[b-5fyja9mxau] {
    font-size: .7rem;
    font-weight: 600;
    letter-spacing: .1em;
    color: var(--landing-green-bright);
}

.landing-hero__preview-title[b-5fyja9mxau] {
    font-size: .9rem;
    font-weight: 600;
    color: var(--landing-text-1);
    margin-bottom: 1rem;
}

.landing-hero__preview-items[b-5fyja9mxau] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.landing-hero__preview-item[b-5fyja9mxau] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    padding: .625rem .75rem;
    border-radius: 8px;
    background: rgba(255, 255, 255, .03);
    border: 1px solid var(--landing-border);
}

.landing-hero__preview-icon[b-5fyja9mxau] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    font-size: .75rem;
    flex-shrink: 0;
}

.landing-hero__preview-item--visit .landing-hero__preview-icon[b-5fyja9mxau] {
    background: var(--landing-green-glow);
    color: var(--landing-green-bright);
}

.landing-hero__preview-item--emergency .landing-hero__preview-icon[b-5fyja9mxau] {
    background: rgba(212, 120, 14, 0.2); /* amber glow — not in global vars */
    color: var(--landing-amber-bright);
}

.landing-hero__preview-item--assignment .landing-hero__preview-icon[b-5fyja9mxau] {
    background: var(--landing-accent-glow);
    color: var(--landing-accent-light);
}

.landing-hero__preview-item-text[b-5fyja9mxau] {
    font-size: .8125rem;
    color: var(--landing-text-1);
    font-weight: 500;
}

.landing-hero__preview-item-time[b-5fyja9mxau] {
    font-size: .7rem;
    color: var(--landing-text-3);
    margin-top: .125rem;
}

/* ── Scroll Indicator ────────────────────────────────────────── */
.landing-hero__scroll-indicator[b-5fyja9mxau] {
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
    color: var(--landing-text-3);
    font-size: .7rem;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.landing-hero__scroll-line[b-5fyja9mxau] {
    width: 1px;
    height: 32px;
    background: linear-gradient(to bottom, var(--landing-text-3), transparent);
}

/* ── Responsive — Tablet (≤960px) ────────────────────────────── */
@media (max-width: 960px) {
    .landing-hero__layout[b-5fyja9mxau] {
        grid-template-columns: 1fr;
    }

    .landing-hero__preview[b-5fyja9mxau] {
        order: -1; /* show preview card above text on tablet */
    }

    .landing-hero__preview-card[b-5fyja9mxau] {
        max-width: 100%;
    }
}

/* ── Responsive — Mobile (≤480px) ────────────────────────────── */
@media (max-width: 480px) {
    .landing-hero__h1[b-5fyja9mxau] {
        font-size: 2.25rem;
    }

    .landing-hero__preview[b-5fyja9mxau] {
        display: none; /* hide preview card on small screens */
    }
}
/* /Components/Landing/LandingFooter.razor.rz.scp.css */
.landing-footer[b-tfzifqexil] {
    border-top: 1px solid var(--landing-border);
    padding: 2rem 0;
    background: var(--landing-bg);
}
.landing-footer__inner[b-tfzifqexil] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
}
.landing-footer__copy[b-tfzifqexil] {
    font-size: 0.8rem;
    color: var(--landing-text-3);
}
.landing-footer__links[b-tfzifqexil] {
    display: flex;
    gap: 1.5rem;
}
.landing-footer__link[b-tfzifqexil] {
    font-size: 0.8rem;
    color: var(--landing-text-3);
    text-decoration: none;
    transition: color 0.15s;
}
.landing-footer__link:hover[b-tfzifqexil] {
    color: var(--landing-text-2);
    text-decoration: none;
}
/* /Components/Landing/LandingNavBar.razor.rz.scp.css */
/* ── Navbar Shell ─────────────────────────────────────────────── */
.landing-nav[b-sdanc7u4qz] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    padding: 1rem 0;
    background: rgba(12, 14, 20, 0.85);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--landing-border);
}

/* ── Inner Row ───────────────────────────────────────────────── */
.landing-nav__inner[b-sdanc7u4qz] {
    display: flex;
    align-items: center;
    gap: 2rem;
}

/* ── Brand ───────────────────────────────────────────────────── */
.landing-nav__brand[b-sdanc7u4qz] {
    display: flex;
    align-items: center;
    gap: .5rem;
    text-decoration: none;
    flex-shrink: 0;
}

.landing-nav__dot[b-sdanc7u4qz] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--landing-accent);
    box-shadow: 0 0 8px var(--landing-accent-glow);
    flex-shrink: 0;
}

.landing-nav__wordmark[b-sdanc7u4qz] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--landing-text-1);
    letter-spacing: -.02em;
}

/* ── Center Links ────────────────────────────────────────────── */
.landing-nav__links[b-sdanc7u4qz] {
    display: flex;
    align-items: center;
    gap: .25rem;
    flex: 1;
    justify-content: center;
}

.landing-nav__link[b-sdanc7u4qz] {
    display: inline-flex;
    align-items: center;
    padding: .4375rem .875rem;
    border-radius: 8px;
    font-size: .875rem;
    font-weight: 450;
    color: var(--landing-text-2);
    text-decoration: none;
    transition: color .15s, background .15s;
    white-space: nowrap;
}

.landing-nav__link:hover[b-sdanc7u4qz] {
    color: var(--landing-text-1);
    background: rgba(255, 255, 255, 0.06);
    text-decoration: none;
}

/* ── Right Actions ───────────────────────────────────────────── */
.landing-nav__actions[b-sdanc7u4qz] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-shrink: 0;
    margin-left: auto;
}

/* ── Hamburger Button ────────────────────────────────────────── */
.landing-nav__hamburger[b-sdanc7u4qz] {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 36px;
    height: 36px;
    background: transparent;
    border: 1.5px solid var(--landing-border-active);
    border-radius: 8px;
    cursor: pointer;
    padding: 0;
    flex-shrink: 0;
}

.landing-nav__hamburger span[b-sdanc7u4qz] {
    display: block;
    width: 16px;
    height: 1.5px;
    background: var(--landing-text-2);
    border-radius: 2px;
    transition: transform .2s, opacity .2s, width .2s;
}

/* Hamburger open state — X shape */
.landing-nav__hamburger--open span:nth-child(1)[b-sdanc7u4qz] {
    transform: translateY(6.5px) rotate(45deg);
}

.landing-nav__hamburger--open span:nth-child(2)[b-sdanc7u4qz] {
    opacity: 0;
    width: 0;
}

.landing-nav__hamburger--open span:nth-child(3)[b-sdanc7u4qz] {
    transform: translateY(-6.5px) rotate(-45deg);
}

/* ── Mobile Breakpoint (<720px) ──────────────────────────────── */
@media (max-width: 719px) {
    .landing-nav__links[b-sdanc7u4qz] {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        flex-direction: column;
        align-items: stretch;
        gap: .25rem;
        padding: .75rem 1.25rem 1rem;
        background: rgba(12, 14, 20, 0.97);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        border-bottom: 1px solid var(--landing-border);
    }

    .landing-nav__links--open[b-sdanc7u4qz] {
        display: flex;
    }

    .landing-nav__link[b-sdanc7u4qz] {
        padding: .625rem .875rem;
        border-radius: 8px;
    }

    .landing-nav__hamburger[b-sdanc7u4qz] {
        display: flex;
    }

    .landing-nav__login[b-sdanc7u4qz] {
        display: none;
    }
}
/* /Components/Landing/LiveActivitySection.razor.rz.scp.css */
/* ── Section Background ──────────────────────────────────────── */
.landing-section--live[b-glx3vrjau4] {
    background: var(--landing-surface);
    padding: clamp(5rem, 9vw, 8rem) 0;
}

/* ── Two-column grid ─────────────────────────────────────────── */
.landing-live__grid[b-glx3vrjau4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: start;
}

@media (max-width: 768px) {
    .landing-live__grid[b-glx3vrjau4] {
        grid-template-columns: 1fr;
    }
}

/* ── Left column ─────────────────────────────────────────────── */
.landing-live__text[b-glx3vrjau4] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.landing-live__headline[b-glx3vrjau4] {
    font-size: clamp(1.875rem, 4vw, 2.75rem);
    font-weight: 600;
    color: var(--landing-text-1);
    line-height: 1.2;
    margin: 0;
}

.landing-live__desc[b-glx3vrjau4] {
    font-size: 1.0625rem;
    color: var(--landing-text-2);
    line-height: 1.75;
    margin: 0;
}

/* ── Stats row ───────────────────────────────────────────────── */
.landing-live__stats[b-glx3vrjau4] {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
}

.landing-live__stat-num[b-glx3vrjau4] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--landing-accent-light);
    line-height: 1;
}

.landing-live__stat-label[b-glx3vrjau4] {
    font-size: .8rem;
    color: var(--landing-text-3);
    margin-top: .25rem;
}

/* ── Feed card ───────────────────────────────────────────────── */
.landing-live__feed[b-glx3vrjau4] {
    background: var(--landing-surface-2);
    border: 1px solid var(--landing-border-active);
    border-radius: 16px;
    overflow: hidden;
}

.landing-live__feed-header[b-glx3vrjau4] {
    display: flex;
    align-items: center;
    gap: .625rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--landing-border);
    background: rgba(255, 255, 255, .02);
}

.landing-live__feed-live-text[b-glx3vrjau4] {
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .12em;
    color: var(--landing-green-bright);
}

.landing-live__feed-subtitle[b-glx3vrjau4] {
    font-size: .8125rem;
    color: var(--landing-text-3);
    margin-left: auto;
}

/* ── Feed items ──────────────────────────────────────────────── */
.landing-live__item[b-glx3vrjau4] {
    display: flex;
    align-items: center;
    gap: .875rem;
    padding: .875rem 1.25rem;
    border-bottom: 1px solid var(--landing-border);
    transition: background .2s;
    animation: landing-slide-in .35s ease both;
}

.landing-live__item:last-child[b-glx3vrjau4] {
    border-bottom: none;
}

.landing-live__item:hover[b-glx3vrjau4] {
    background: rgba(255, 255, 255, .02);
}

/* ── Item icon ───────────────────────────────────────────────── */
.landing-live__item-icon[b-glx3vrjau4] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    font-size: .875rem;
    flex-shrink: 0;
}

.landing-live__item--visit .landing-live__item-icon[b-glx3vrjau4] {
    background: var(--landing-green-glow);
    color: var(--landing-green-bright);
}

.landing-live__item--emergency .landing-live__item-icon[b-glx3vrjau4] {
    background: rgba(212, 120, 14, .18);
    color: var(--landing-amber-bright);
}

.landing-live__item--assignment .landing-live__item-icon[b-glx3vrjau4] {
    background: var(--landing-accent-glow);
    color: var(--landing-accent-light);
}

.landing-live__item--request .landing-live__item-icon[b-glx3vrjau4] {
    background: var(--landing-green-glow);
    color: var(--landing-green-bright);
}

.landing-live__item--update .landing-live__item-icon[b-glx3vrjau4] {
    background: rgba(255, 255, 255, .06);
    color: var(--landing-text-2);
}

/* ── Item body ───────────────────────────────────────────────── */
.landing-live__item-body[b-glx3vrjau4] {
    display: flex;
    flex-direction: column;
    gap: .125rem;
}

.landing-live__item-text[b-glx3vrjau4] {
    font-size: .875rem;
    color: var(--landing-text-1);
    font-weight: 500;
}

.landing-live__item-time[b-glx3vrjau4] {
    font-size: .75rem;
    color: var(--landing-text-3);
}
/* /Components/Landing/ProblemSection.razor.rz.scp.css */
.landing-section--problem[b-uhjdpcifji] {
    background: var(--landing-bg);
}

.landing-problem__headline[b-uhjdpcifji] {
    font-size: clamp(2rem, 4.5vw, 3.25rem);
    font-weight: 600;
    color: var(--landing-text-1);
    line-height: 1.15;
    margin: 0 0 1.5rem;
    max-width: 700px;
}

.landing-problem__sub[b-uhjdpcifji] {
    font-size: 1.125rem;
    color: var(--landing-accent-light);
    font-style: italic;
    border-left: 3px solid var(--landing-accent);
    padding-left: 1rem;
    margin: 0 0 3.5rem;
    max-width: 600px;
}

.landing-problem__grid[b-uhjdpcifji] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
}

.landing-problem__card-icon[b-uhjdpcifji] {
    font-size: 2rem;
    margin-bottom: .75rem;
}

.landing-problem__card-title[b-uhjdpcifji] {
    font-size: 1.0625rem;
    font-weight: 600;
    color: var(--landing-text-1);
    margin: 0 0 .5rem;
}

.landing-problem__card-body[b-uhjdpcifji] {
    font-size: .9375rem;
    color: var(--landing-text-2);
    line-height: 1.65;
    margin: 0;
}

@media (max-width: 640px) {
    .landing-problem__grid[b-uhjdpcifji] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Landing/RolesSection.razor.rz.scp.css */
.landing-section--roles[b-zzx572loz9] {
    background: var(--landing-surface);
}

.landing-roles__header[b-zzx572loz9] {
    text-align: center;
    margin-bottom: 3.5rem;
}

.landing-roles__headline[b-zzx572loz9] {
    font-size: clamp(1.875rem, 4vw, 2.75rem);
    font-weight: 600;
    color: var(--landing-text-1);
    margin: .5rem 0 0;
}

.landing-roles__grid[b-zzx572loz9] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.landing-roles__card[b-zzx572loz9] {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: .875rem;
    transition: transform .2s, border-color .2s, box-shadow .2s;
}

.landing-roles__card:hover[b-zzx572loz9] {
    transform: translateY(-3px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, .35);
}

.landing-roles__card-accent[b-zzx572loz9] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
}

/* Family */
.landing-roles__card--family .landing-roles__card-accent[b-zzx572loz9] {
    background: linear-gradient(90deg, var(--landing-accent), var(--landing-accent-light));
}

.landing-roles__card--family:hover[b-zzx572loz9] {
    border-color: var(--landing-accent-glow);
}

/* Companion */
.landing-roles__card--companion .landing-roles__card-accent[b-zzx572loz9] {
    background: linear-gradient(90deg, var(--landing-green), var(--landing-green-bright));
}

.landing-roles__card--companion:hover[b-zzx572loz9] {
    border-color: var(--landing-green-glow);
}

/* Coordinator */
.landing-roles__card--coordinator .landing-roles__card-accent[b-zzx572loz9] {
    background: linear-gradient(90deg, var(--landing-amber), var(--landing-amber-bright));
}

.landing-roles__card--coordinator:hover[b-zzx572loz9] {
    border-color: rgba(212, 120, 14, .3);
}

.landing-roles__card-icon[b-zzx572loz9] {
    font-size: 2.25rem;
}

.landing-roles__card-title[b-zzx572loz9] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--landing-text-1);
    margin: 0;
}

.landing-roles__card-tagline[b-zzx572loz9] {
    font-size: .9375rem;
    color: var(--landing-text-2);
    font-style: italic;
    margin: 0;
}

.landing-roles__features[b-zzx572loz9] {
    list-style: none;
    padding: 0;
    margin: .5rem 0 0;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.landing-roles__features li[b-zzx572loz9] {
    font-size: .9rem;
    color: var(--landing-text-2);
    padding-left: 1.25rem;
    position: relative;
}

.landing-roles__features li[b-zzx572loz9]::before {
    content: "\2713";
    position: absolute;
    left: 0;
    color: var(--landing-accent);
    font-size: .75rem;
    top: .05em;
}

.landing-roles__card--companion .landing-roles__features li[b-zzx572loz9]::before {
    color: var(--landing-green-bright);
}

.landing-roles__card--coordinator .landing-roles__features li[b-zzx572loz9]::before {
    color: var(--landing-amber-bright);
}

@media (max-width: 960px) {
    .landing-roles__grid[b-zzx572loz9] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Landing/TrustSection.razor.rz.scp.css */
/* ── Trust Section ───────────────────────────────────────────── */
.landing-section--trust[b-5i2xe8inkr] {
    background: var(--landing-surface);
}

.landing-trust__header[b-5i2xe8inkr] {
    text-align: center;
    margin-bottom: 3.5rem;
}

.landing-trust__headline[b-5i2xe8inkr] {
    font-size: clamp(1.875rem, 4vw, 2.75rem);
    font-weight: 600;
    line-height: 1.2;
    margin: .5rem 0 0;
    color: var(--landing-text-1);
}

/* ── Trust Grid ──────────────────────────────────────────────── */
.landing-trust__grid[b-5i2xe8inkr] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
}

.landing-trust__card-icon[b-5i2xe8inkr] {
    font-size: 1.75rem;
    margin-bottom: .75rem;
}

.landing-trust__card-title[b-5i2xe8inkr] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--landing-text-1);
    margin: 0 0 .5rem;
}

.landing-trust__card-body[b-5i2xe8inkr] {
    font-size: .9rem;
    color: var(--landing-text-2);
    line-height: 1.65;
    margin: 0;
}

/* ── Responsive ──────────────────────────────────────────────── */
@media (max-width: 768px) {
    .landing-trust__grid[b-5i2xe8inkr] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .landing-trust__grid[b-5i2xe8inkr] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Layout/AdminSideNav.razor.rz.scp.css */
.admin-nav[b-glnapin4dt] { display:flex; flex-direction:column; width:100%; height:100%; padding:var(--space-4) var(--space-3); gap:var(--space-1); overflow-y:auto; }
.admin-nav__brand[b-glnapin4dt] { display:flex; align-items:center; gap:var(--space-3); padding:var(--space-3); border-radius:var(--radius-lg); text-decoration:none; margin-bottom:var(--space-4); transition:background-color var(--duration-fast); }
.admin-nav__brand:hover[b-glnapin4dt] { background-color:var(--color-neutral-100); text-decoration:none; }
.admin-nav__brand-icon[b-glnapin4dt] { font-size:1.5rem; flex-shrink:0; }
.admin-nav__brand-name[b-glnapin4dt] { font-size:var(--text-lg); font-weight:var(--weight-semibold); color:var(--color-neutral-700); font-family:var(--font-persian); }
.admin-nav__list[b-glnapin4dt] { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:var(--space-1); }
.admin-nav__item[b-glnapin4dt] { display:flex; align-items:center; gap:var(--space-3); padding:var(--space-3); border-radius:var(--radius-md); text-decoration:none; color:var(--color-text-secondary); font-size:var(--text-base); font-weight:var(--weight-medium); font-family:var(--font-persian); transition:background-color var(--duration-fast),color var(--duration-fast); min-height:44px; }
.admin-nav__item:hover[b-glnapin4dt] { background-color:var(--color-neutral-100); color:var(--color-text-primary); text-decoration:none; }
.admin-nav__item--active[b-glnapin4dt] { background-color:var(--color-neutral-900); color:#fff; font-weight:var(--weight-semibold); }
.admin-nav__item--active:hover[b-glnapin4dt] { background-color:var(--color-neutral-700); }
.admin-nav__item-icon[b-glnapin4dt] { font-size:1.125rem; flex-shrink:0; width:24px; text-align:center; }
.admin-nav__item-label[b-glnapin4dt] { flex:1; }
.admin-nav__spacer[b-glnapin4dt] { flex:1; min-height:var(--space-6); }
.admin-nav__footer[b-glnapin4dt] { display:flex; flex-direction:column; gap:var(--space-1); padding-top:var(--space-3); border-top:1px solid var(--color-neutral-200); }
.admin-nav__back-link[b-glnapin4dt] { display:flex; align-items:center; gap:var(--space-2); padding:var(--space-2) var(--space-3); border-radius:var(--radius-md); text-decoration:none; font-size:var(--text-sm); color:var(--color-text-tertiary); font-family:var(--font-persian); transition:color var(--duration-fast); }
.admin-nav__back-link:hover[b-glnapin4dt] { color:var(--color-text-secondary); text-decoration:none; }
/* /Components/Layout/AuthLayout.razor.rz.scp.css */
.auth-shell[b-vj7fi3azxv] {
    min-height: 100dvh;
    background-color: var(--color-bg-canvas);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-6);
}
/* /Components/Layout/CompanionBottomNav.razor.rz.scp.css */
/* Mobile bottom nav — hidden on md+ (sidebar takes over) */

.companion-bottom-nav[b-785kun6sn2] {
    display: flex;
    position: fixed;
    bottom: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    height: var(--nav-height-bottom);
    background-color: var(--color-bg-surface);
    border-top: 1px solid var(--color-border-default);
    z-index: var(--z-bottom-nav);
    padding-bottom: env(safe-area-inset-bottom, 0);
}

.companion-bottom-nav__item[b-785kun6sn2] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-1);
    padding: var(--space-2) var(--space-1);
    text-decoration: none;
    color: var(--color-text-tertiary);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    font-family: var(--font-persian);
    transition: color var(--duration-fast) var(--ease-standard);
    min-width: 0;
}

.companion-bottom-nav__item:hover[b-785kun6sn2] {
    color: var(--color-sage-600);
    text-decoration: none;
}

.companion-bottom-nav__item--active[b-785kun6sn2] {
    color: var(--color-sage-700);
    font-weight: var(--weight-semibold);
}

.companion-bottom-nav__icon[b-785kun6sn2] {
    font-size: 1.25rem;
    line-height: 1;
}

.companion-bottom-nav__label[b-785kun6sn2] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

/* ── md+ — hide bottom nav completely ────────────────── */
@media (min-width: 768px) {
    .companion-bottom-nav[b-785kun6sn2] {
        display: none;
    }
}
/* /Components/Layout/CompanionLayout.razor.rz.scp.css */
/* ── Companion shell — mobile-first ─────────────────── */

.companion-shell[b-oq4eezbyp9] {
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
    background-color: var(--color-bg-canvas);
}

/* Body = sidebar + content, sits below the top bar */
.companion-body[b-oq4eezbyp9] {
    display: flex;
    flex: 1;
    overflow: hidden;
    padding-top: var(--nav-height-top);
}

/* Sidebar hidden on mobile — slides in at md breakpoint */
.companion-sidebar[b-oq4eezbyp9] {
    display: none;
}

/* Main content — full width on mobile, padded above bottom nav */
.companion-content[b-oq4eezbyp9] {
    flex: 1;
    overflow-y: auto;
    padding-bottom: calc(var(--nav-height-bottom) + var(--space-4));
}

/* ── md+ (768px) — sidebar appears, bottom nav hides ── */
@media (min-width: 768px) {
    .companion-sidebar[b-oq4eezbyp9] {
        display: flex;
        flex-direction: column;
        width: var(--sidebar-width);
        min-width: var(--sidebar-width);
        background-color: var(--color-bg-sidebar);
        border-inline-end: 1px solid var(--color-border-sidebar);
        overflow-y: auto;
        position: sticky;
        top: var(--nav-height-top);
        height: calc(100dvh - var(--nav-height-top));
    }

    .companion-content[b-oq4eezbyp9] {
        padding-bottom: var(--space-8);
    }
}
/* /Components/Layout/CompanionSideNav.razor.rz.scp.css */
.companion-nav[b-mnu88fu06a] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: var(--space-4) var(--space-3);
    gap: var(--space-1);
    overflow-y: auto;
    overflow-x: hidden;
}

/* ── Header: avatar + identity ───────────────────────── */

.companion-nav__header[b-mnu88fu06a] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3);
    border-radius: var(--radius-lg);
    background-color: var(--color-sage-100);
    margin-bottom: var(--space-4);
}

.companion-nav__avatar[b-mnu88fu06a] {
    font-size: 1.75rem;
    line-height: 1;
    flex-shrink: 0;
}

.companion-nav__identity[b-mnu88fu06a] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    min-width: 0;
}

.companion-nav__name[b-mnu88fu06a] {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--color-sage-700);
    font-family: var(--font-persian);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.companion-nav__role[b-mnu88fu06a] {
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    color: var(--color-sage-600);
    font-family: var(--font-persian);
}

/* ── Nav list ─────────────────────────────────────────── */

.companion-nav__list[b-mnu88fu06a] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.companion-nav__item[b-mnu88fu06a] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3);
    border-radius: var(--radius-md);
    text-decoration: none;
    color: var(--color-text-secondary);
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    font-family: var(--font-persian);
    transition: background-color var(--duration-fast) var(--ease-standard),
                color            var(--duration-fast) var(--ease-standard);
    min-height: 44px;
}

.companion-nav__item:hover[b-mnu88fu06a] {
    background-color: var(--color-sage-100);
    color: var(--color-sage-700);
    text-decoration: none;
}

.companion-nav__item--active[b-mnu88fu06a] {
    background-color: var(--color-sage-200);
    color: var(--color-sage-700);
    font-weight: var(--weight-semibold);
}

.companion-nav__item-icon[b-mnu88fu06a] {
    font-size: 1.1rem;
    line-height: 1;
    flex-shrink: 0;
}

.companion-nav__item-label[b-mnu88fu06a] {
    flex: 1;
}

.companion-nav__badge[b-mnu88fu06a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 var(--space-1);
    background-color: var(--color-emergency-600);
    color: #fff;
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    border-radius: var(--radius-full);
    flex-shrink: 0;
}

/* ── Spacer + logout ─────────────────────────────────── */

.companion-nav__spacer[b-mnu88fu06a] {
    flex: 1;
}

.companion-nav__logout[b-mnu88fu06a] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3);
    border-radius: var(--radius-md);
    text-decoration: none;
    color: var(--color-text-tertiary);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    font-family: var(--font-persian);
    transition: background-color var(--duration-fast) var(--ease-standard),
                color            var(--duration-fast) var(--ease-standard);
    min-height: 44px;
    margin-top: var(--space-2);
}

.companion-nav__logout:hover[b-mnu88fu06a] {
    background-color: var(--color-neutral-100);
    color: var(--color-text-primary);
    text-decoration: none;
}
/* /Components/Layout/EmergencyFloatButton.razor.rz.scp.css */
.emg-float[b-fb8tg90vk3] {
    position: fixed;
    bottom: calc(var(--nav-height-bottom) + var(--space-4) + env(safe-area-inset-bottom, 0px));
    inset-inline-end: var(--space-5);
    z-index: calc(var(--z-bottom-nav) + 10);

    width: 48px;
    height: 48px;
    border-radius: var(--radius-full);
    background-color: var(--color-bg-surface);
    border: 2px solid var(--color-emergency-300);
    color: var(--color-emergency-600);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 1.25rem;
    box-shadow: var(--shadow-md);
    transition: background-color var(--duration-fast) var(--ease-standard),
                border-color     var(--duration-fast) var(--ease-standard),
                transform        var(--duration-fast) var(--ease-standard);
    position: relative; /* for pulse ring */
}

.emg-float:hover[b-fb8tg90vk3] {
    background-color: var(--color-emergency-100);
    border-color: var(--color-emergency-500);
    transform: scale(1.08);
    text-decoration: none;
}

/* Active emergency state */
.emg-float--active[b-fb8tg90vk3] {
    background-color: var(--color-emergency-600);
    border-color: var(--color-emergency-600);
}

.emg-float--active:hover[b-fb8tg90vk3] {
    background-color: var(--color-emergency-700);
    border-color: var(--color-emergency-700);
}

/* Pulse ring animation when emergency is active */
.emg-float__pulse-ring[b-fb8tg90vk3] {
    position: absolute;
    inset: -4px;
    border-radius: var(--radius-full);
    border: 2px solid var(--color-emergency-400);
    animation: float-ring-pulse-b-fb8tg90vk3 2s ease-out infinite;
    pointer-events: none;
}

@keyframes float-ring-pulse-b-fb8tg90vk3 {
    0%   { transform: scale(1);    opacity: 0.8; }
    100% { transform: scale(1.5);  opacity: 0; }
}

/* On desktop (768px+): position above bottom where there's no bottom nav */
@media (min-width: 768px) {
    .emg-float[b-fb8tg90vk3] {
        bottom: var(--space-8);
    }
}
/* /Components/Layout/LandingLayout.razor.rz.scp.css */
.landing-shell[b-fzrxik3x8l] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.landing-main[b-fzrxik3x8l] {
    flex: 1;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Shell layout styles live in wwwroot/css/app.css (global) so both MainLayout
   and OpsLayout can share .app-shell, .app-body, .app-sidebar, .app-content. */
/* /Components/Layout/OpsSideNav.razor.rz.scp.css */
.ops-nav[b-wzi06dkntq] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: var(--space-4) var(--space-3);
    gap: var(--space-1);
    overflow-y: auto;
    overflow-x: hidden;
}

.ops-nav__brand[b-wzi06dkntq] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3);
    border-radius: var(--radius-lg);
    text-decoration: none;
    margin-bottom: var(--space-4);
    transition: background-color var(--duration-fast) var(--ease-standard);
}

.ops-nav__brand:hover[b-wzi06dkntq] {
    background-color: var(--color-amber-100);
    text-decoration: none;
}

.ops-nav__brand-icon[b-wzi06dkntq] { font-size: 1.5rem; line-height: 1; flex-shrink: 0; }

.ops-nav__brand-name[b-wzi06dkntq] {
    font-size: var(--text-lg);
    font-weight: var(--weight-semibold);
    color: var(--color-amber-700);
    font-family: var(--font-persian);
}

.ops-nav__list[b-wzi06dkntq] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.ops-nav__item[b-wzi06dkntq] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3);
    border-radius: var(--radius-md);
    text-decoration: none;
    color: var(--color-text-secondary);
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    font-family: var(--font-persian);
    transition: background-color var(--duration-fast) var(--ease-standard),
                color            var(--duration-fast) var(--ease-standard);
    min-height: 44px;
}

.ops-nav__item:hover[b-wzi06dkntq] {
    background-color: var(--color-amber-100);
    color: var(--color-text-primary);
    text-decoration: none;
}

.ops-nav__item--active[b-wzi06dkntq] {
    background-color: var(--color-amber-100);
    color: var(--color-amber-700);
    font-weight: var(--weight-semibold);
}

.ops-nav__item-icon[b-wzi06dkntq] { font-size: 1.125rem; line-height: 1; flex-shrink: 0; width: 24px; text-align: center; }
.ops-nav__item-label[b-wzi06dkntq] { flex: 1; }

.ops-nav__badge[b-wzi06dkntq] {
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    background-color: var(--color-rose-600);
    color: #fff;
    border-radius: var(--radius-full);
    padding: 1px 7px;
    font-family: var(--font-persian);
    flex-shrink: 0;
}

.ops-nav__spacer[b-wzi06dkntq] { flex: 1; min-height: var(--space-6); }

.ops-nav__back-link[b-wzi06dkntq] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3);
    border-radius: var(--radius-md);
    text-decoration: none;
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    transition: color var(--duration-fast) var(--ease-standard);
    border-top: 1px solid var(--color-neutral-200);
    padding-top: var(--space-4);
    margin-top: var(--space-2);
}

.ops-nav__back-link:hover[b-wzi06dkntq] { color: var(--color-rose-700); text-decoration: none; }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-lz18aiwvmo],
.components-reconnect-repeated-attempt-visible[b-lz18aiwvmo],
.components-reconnect-failed-visible[b-lz18aiwvmo],
.components-pause-visible[b-lz18aiwvmo],
.components-resume-failed-visible[b-lz18aiwvmo],
.components-rejoining-animation[b-lz18aiwvmo] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-lz18aiwvmo],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-lz18aiwvmo],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-lz18aiwvmo],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-lz18aiwvmo],
#components-reconnect-modal.components-reconnect-retrying[b-lz18aiwvmo],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-lz18aiwvmo],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-lz18aiwvmo],
#components-reconnect-modal.components-reconnect-failed[b-lz18aiwvmo],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-lz18aiwvmo] {
    display: block;
}


#components-reconnect-modal[b-lz18aiwvmo] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-lz18aiwvmo 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-lz18aiwvmo 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-lz18aiwvmo 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-lz18aiwvmo]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-lz18aiwvmo 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-lz18aiwvmo {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-lz18aiwvmo {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-lz18aiwvmo {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-lz18aiwvmo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-lz18aiwvmo] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-lz18aiwvmo] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-lz18aiwvmo] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-lz18aiwvmo] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-lz18aiwvmo] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-lz18aiwvmo] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-lz18aiwvmo 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-lz18aiwvmo] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-lz18aiwvmo {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Admin/AdminDashboardPage.razor.rz.scp.css */
/* ── Admin page shell ──────────────────────────────────────────── */
.admin-page[b-afbl0t1ohi] {
    padding: var(--space-6) var(--space-8);
    max-width: 1200px;
}

/* ── Page header ────────────────────────────────────────────────── */
.admin-page__header[b-afbl0t1ohi] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-4);
    margin-bottom: var(--space-8);
    flex-wrap: wrap;
}

.admin-page__title[b-afbl0t1ohi] {
    font-size: var(--text-2xl);
    font-weight: var(--weight-semibold);
    color: var(--color-neutral-900);
    margin: 0 0 var(--space-1) 0;
    font-family: var(--font-persian);
}

.admin-page__subtitle[b-afbl0t1ohi] {
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
    margin: 0;
    font-family: var(--font-persian);
}

.admin-page__header-actions[b-afbl0t1ohi] {
    display: flex;
    gap: var(--space-2);
    flex-shrink: 0;
    align-items: center;
    flex-wrap: wrap;
}

/* ── Buttons ────────────────────────────────────────────────────── */
.admin-btn[b-afbl0t1ohi] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-4);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    font-family: var(--font-persian);
    text-decoration: none;
    white-space: nowrap;
    transition: background-color var(--duration-fast), color var(--duration-fast),
                box-shadow var(--duration-fast);
    min-height: 36px;
}

.admin-btn--primary[b-afbl0t1ohi] {
    background-color: var(--color-neutral-900);
    color: #fff;
}
.admin-btn--primary:hover[b-afbl0t1ohi] { background-color: var(--color-neutral-700); color: #fff; text-decoration: none; }

.admin-btn--secondary[b-afbl0t1ohi] {
    background-color: var(--color-neutral-100);
    color: var(--color-neutral-700);
    border: 1px solid var(--color-neutral-200);
}
.admin-btn--secondary:hover[b-afbl0t1ohi] { background-color: var(--color-neutral-200); text-decoration: none; color: var(--color-neutral-800); }

/* ── Stats grid ─────────────────────────────────────────────────── */
.admin-stats-grid[b-afbl0t1ohi] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-4);
    margin-bottom: var(--space-8);
}

.admin-stat[b-afbl0t1ohi] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-1);
    padding: var(--space-5) var(--space-5);
    background-color: var(--color-bg-surface);
    border: 1px solid var(--color-neutral-200);
    border-radius: var(--radius-lg);
    position: relative;
    transition: box-shadow var(--duration-fast);
}

.admin-stat:hover[b-afbl0t1ohi] { box-shadow: var(--shadow-sm); }

.admin-stat--alert[b-afbl0t1ohi] {
    background-color: #fef2f2;
    border-color: #fecaca;
}

.admin-stat__value[b-afbl0t1ohi] {
    font-size: var(--text-3xl);
    font-weight: var(--weight-bold);
    color: var(--color-neutral-900);
    font-family: var(--font-persian);
    line-height: 1;
}

.admin-stat--alert .admin-stat__value[b-afbl0t1ohi] { color: #b91c1c; }

.admin-stat__label[b-afbl0t1ohi] {
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
    font-weight: var(--weight-medium);
}

.admin-stat__alert-link[b-afbl0t1ohi] {
    margin-top: var(--space-2);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    color: #b91c1c;
    text-decoration: none;
    font-family: var(--font-persian);
}
.admin-stat__alert-link:hover[b-afbl0t1ohi] { text-decoration: underline; }

/* ── Section title ──────────────────────────────────────────────── */
.admin-section-title[b-afbl0t1ohi] {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--color-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0 0 var(--space-4) 0;
    font-family: var(--font-persian);
}

/* ── Quick links ────────────────────────────────────────────────── */
.admin-quick-links[b-afbl0t1ohi] { margin-bottom: var(--space-6); }

.admin-quick-links__grid[b-afbl0t1ohi] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-3);
}

.admin-quick-link[b-afbl0t1ohi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-4) var(--space-3);
    background-color: var(--color-bg-surface);
    border: 1px solid var(--color-neutral-200);
    border-radius: var(--radius-lg);
    text-decoration: none;
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
    text-align: center;
    transition: background-color var(--duration-fast), box-shadow var(--duration-fast);
}
.admin-quick-link:hover[b-afbl0t1ohi] { background-color: var(--color-neutral-50); box-shadow: var(--shadow-sm); text-decoration: none; color: var(--color-neutral-900); }

.admin-quick-link__icon[b-afbl0t1ohi] { font-size: 1.5rem; }
/* /Components/Pages/Admin/UsersPage.razor.rz.scp.css */
/* ── Filter bar ─────────────────────────────────────────────────── */
.admin-filter-bar[b-oa0kc6xbik] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin-bottom: var(--space-5);
    flex-wrap: wrap;
}

.admin-search-wrap[b-oa0kc6xbik] {
    display: flex;
    gap: 0;
    flex: 1;
    min-width: 260px;
    max-width: 480px;
    border: 1px solid var(--color-neutral-300);
    border-radius: var(--radius-md);
    overflow: hidden;
    background-color: var(--color-bg-surface);
    transition: border-color var(--duration-fast), box-shadow var(--duration-fast);
}
.admin-search-wrap:focus-within[b-oa0kc6xbik] {
    border-color: var(--color-neutral-500);
    box-shadow: 0 0 0 2px var(--color-neutral-200);
}

.admin-search[b-oa0kc6xbik] {
    flex: 1;
    border: none;
    outline: none;
    padding: var(--space-2) var(--space-3);
    font-size: var(--text-sm);
    font-family: var(--font-persian);
    color: var(--color-text-primary);
    background: transparent;
    min-width: 0;
    direction: rtl;
}
.admin-search[b-oa0kc6xbik]::placeholder { color: var(--color-text-tertiary); }

.admin-search-btn[b-oa0kc6xbik] {
    padding: var(--space-2) var(--space-4);
    background-color: var(--color-neutral-900);
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    font-family: var(--font-persian);
    white-space: nowrap;
    transition: background-color var(--duration-fast);
    flex-shrink: 0;
}
.admin-search-btn:hover[b-oa0kc6xbik] { background-color: var(--color-neutral-700); }

.admin-select[b-oa0kc6xbik] {
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--color-neutral-300);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-family: var(--font-persian);
    color: var(--color-text-primary);
    background-color: var(--color-bg-surface);
    cursor: pointer;
    min-width: 160px;
    height: 38px;
    outline: none;
    transition: border-color var(--duration-fast);
}
.admin-select:focus[b-oa0kc6xbik] { border-color: var(--color-neutral-500); }

/* ── Table ──────────────────────────────────────────────────────── */
.admin-table-wrap[b-oa0kc6xbik] {
    overflow-x: auto;
    border: 1px solid var(--color-neutral-200);
    border-radius: var(--radius-lg);
    margin-bottom: var(--space-4);
}

.admin-table[b-oa0kc6xbik] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--text-sm);
    font-family: var(--font-persian);
}

.admin-table thead tr[b-oa0kc6xbik] {
    background-color: var(--color-neutral-50);
    border-bottom: 1px solid var(--color-neutral-200);
}

.admin-table th[b-oa0kc6xbik] {
    padding: var(--space-3) var(--space-4);
    text-align: right;
    font-weight: var(--weight-semibold);
    color: var(--color-text-secondary);
    white-space: nowrap;
    font-size: var(--text-xs);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.admin-table__row[b-oa0kc6xbik] {
    border-bottom: 1px solid var(--color-neutral-100);
    transition: background-color var(--duration-fast);
}
.admin-table__row:last-child[b-oa0kc6xbik] { border-bottom: none; }
.admin-table__row:hover[b-oa0kc6xbik] { background-color: var(--color-neutral-50); }

.admin-table__cell[b-oa0kc6xbik] {
    padding: var(--space-3) var(--space-4);
    color: var(--color-text-primary);
    vertical-align: middle;
}

.admin-table__cell--name[b-oa0kc6xbik] {
    font-weight: var(--weight-medium);
    white-space: nowrap;
}

.admin-table__cell--email[b-oa0kc6xbik] {
    color: var(--color-text-secondary);
    direction: ltr;
    text-align: left;
}

.admin-table__cell--date[b-oa0kc6xbik] {
    color: var(--color-text-secondary);
    white-space: nowrap;
    direction: ltr;
    text-align: left;
    font-size: var(--text-xs);
}

.admin-table__col--actions[b-oa0kc6xbik],
.admin-table__cell--actions[b-oa0kc6xbik] {
    text-align: center;
    white-space: nowrap;
}

/* ── Role badges ────────────────────────────────────────────────── */
.admin-role-badge[b-oa0kc6xbik] {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 9999px;
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    white-space: nowrap;
}

.admin-role-badge--admin[b-oa0kc6xbik]       { background-color: #1e3a5f; color: #fff; }
.admin-role-badge--coordinator[b-oa0kc6xbik] { background-color: #dbeafe; color: #1d4ed8; }
.admin-role-badge--companion[b-oa0kc6xbik]   { background-color: #d1fae5; color: #065f46; }
.admin-role-badge--customer[b-oa0kc6xbik]    { background-color: var(--color-neutral-100); color: var(--color-neutral-600); }
.admin-role-badge--default[b-oa0kc6xbik]     { background-color: var(--color-neutral-100); color: var(--color-neutral-500); }

/* ── Status badges ──────────────────────────────────────────────── */
.admin-status-badge[b-oa0kc6xbik] {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 9999px;
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    white-space: nowrap;
}

.admin-status-badge--active[b-oa0kc6xbik]   { background-color: #d1fae5; color: #065f46; }
.admin-status-badge--inactive[b-oa0kc6xbik] { background-color: #fee2e2; color: #991b1b; }

/* ── Action link ────────────────────────────────────────────────── */
.admin-action-link[b-oa0kc6xbik] {
    display: inline-block;
    padding: var(--space-1) var(--space-3);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    color: var(--color-neutral-700);
    border: 1px solid var(--color-neutral-300);
    border-radius: var(--radius-sm);
    text-decoration: none;
    transition: background-color var(--duration-fast), border-color var(--duration-fast);
    font-family: var(--font-persian);
}
.admin-action-link:hover[b-oa0kc6xbik] { background-color: var(--color-neutral-100); border-color: var(--color-neutral-400); text-decoration: none; color: var(--color-neutral-900); }

/* ── Pagination ─────────────────────────────────────────────────── */
.admin-pagination[b-oa0kc6xbik] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-4);
    padding: var(--space-4) 0;
}

.admin-pagination__btn[b-oa0kc6xbik] {
    padding: var(--space-2) var(--space-4);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    font-family: var(--font-persian);
    color: var(--color-neutral-700);
    background-color: var(--color-bg-surface);
    border: 1px solid var(--color-neutral-300);
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: background-color var(--duration-fast), border-color var(--duration-fast);
    min-height: 36px;
    min-width: 80px;
}
.admin-pagination__btn:hover:not(:disabled)[b-oa0kc6xbik] { background-color: var(--color-neutral-100); border-color: var(--color-neutral-400); }
.admin-pagination__btn:disabled[b-oa0kc6xbik] { opacity: 0.4; cursor: not-allowed; }

.admin-pagination__info[b-oa0kc6xbik] {
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
    white-space: nowrap;
}

/* ── Empty state ────────────────────────────────────────────────── */
.admin-empty[b-oa0kc6xbik] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-12) var(--space-4);
    text-align: center;
}

.admin-empty__icon[b-oa0kc6xbik] { font-size: 2.5rem; opacity: 0.4; }

.admin-empty__text[b-oa0kc6xbik] {
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
    margin: 0;
}
/* /Components/Pages/Care/CareJourneyPage.razor.rz.scp.css */
/* ── Care Journey page layout ──────────────────────────── */

.care-journey-page[b-jn42jcm22l] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

.care-journey-page__section-label[b-jn42jcm22l] {
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
    margin-bottom: var(--space-3);
}

.care-journey-page__trust[b-jn42jcm22l] {
    margin-top: var(--space-2);
}

/* ── Just-submitted success banner ─────────────────────── */
.care-journey-page__submitted-banner[b-jn42jcm22l] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-4);
    background-color: var(--color-sage-100);
    border: 1px solid var(--color-sage-300);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-sage-800, #2d5a3d);
    font-family: var(--font-persian);
    line-height: var(--leading-normal);
    animation: cpwiz-step-enter var(--duration-normal) var(--ease-enter) both;
}

/* ── Pending plans section ──────────────────────────────── */
.care-journey-page__pending-section[b-jn42jcm22l] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.care-journey-page__pending-card[b-jn42jcm22l] {
    padding: var(--space-4);
    background-color: var(--color-bg-surface);
    border: 1px solid var(--color-neutral-200);
    border-radius: var(--radius-md);
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    font-family: var(--font-persian);
}

.care-journey-page__pending-card--revision[b-jn42jcm22l] {
    border-color: var(--color-amber-300);
    background-color: var(--color-amber-50);
}

.care-journey-page__pending-card__header[b-jn42jcm22l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2);
}

.care-journey-page__pending-card__title[b-jn42jcm22l] {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
}

.care-journey-page__pending-card__status[b-jn42jcm22l] {
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    color: var(--color-text-tertiary);
    background-color: var(--color-neutral-100);
    padding: var(--space-1) var(--space-2);
    border-radius: var(--radius-full);
    white-space: nowrap;
}

.care-journey-page__pending-card--revision .care-journey-page__pending-card__status[b-jn42jcm22l] {
    background-color: var(--color-amber-200);
    color: var(--color-amber-800, #78350f);
}

.care-journey-page__pending-card__note[b-jn42jcm22l] {
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
    line-height: var(--leading-normal);
    margin: 0;
    padding: var(--space-2) var(--space-3);
    background-color: var(--color-amber-100);
    border-radius: var(--radius-sm);
    border-right: 3px solid var(--color-amber-400);
}

.care-journey-page__pending-card__action[b-jn42jcm22l] {
    display: inline-flex;
    align-items: center;
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-rose-600);
    text-decoration: none;
    transition: color var(--duration-fast) var(--ease-standard);
}

.care-journey-page__pending-card__action:hover[b-jn42jcm22l] {
    color: var(--color-rose-700);
    text-decoration: underline;
}

/* ── History section ────────────────────────────────────── */
.care-journey-page__history-section[b-jn42jcm22l] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.care-journey-page__history-toggle[b-jn42jcm22l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2);
    width: 100%;
    background: none;
    border: none;
    padding: var(--space-2) 0;
    cursor: pointer;
    font-size: var(--text-sm);
    font-family: var(--font-persian);
    font-weight: var(--weight-medium);
    color: var(--color-text-secondary);
    text-align: right;
    transition: color var(--duration-fast) var(--ease-standard);
}

.care-journey-page__history-toggle:hover[b-jn42jcm22l] {
    color: var(--color-text-primary);
}

.care-journey-page__history-toggle__chevron[b-jn42jcm22l] {
    display: inline-block;
    font-size: var(--text-base);
    line-height: 1;
    transition: transform var(--duration-fast) var(--ease-standard);
    transform: rotate(90deg);
}

.care-journey-page__history-toggle__chevron--open[b-jn42jcm22l] {
    transform: rotate(-90deg);
}

.care-journey-page__history-list[b-jn42jcm22l] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.care-journey-page__history-card[b-jn42jcm22l] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    padding: var(--space-3) var(--space-4);
    background-color: var(--color-bg-surface);
    border: 1px solid var(--color-neutral-200);
    border-radius: var(--radius-md);
    font-family: var(--font-persian);
    opacity: 0.8;
}

.care-journey-page__history-card__header[b-jn42jcm22l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2);
}

.care-journey-page__history-card__title[b-jn42jcm22l] {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-primary);
}

.care-journey-page__history-card__badge[b-jn42jcm22l] {
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    padding: var(--space-1) var(--space-2);
    border-radius: var(--radius-full);
    white-space: nowrap;
}

.care-journey-page__history-card__badge--completed[b-jn42jcm22l] {
    background-color: var(--color-sage-100);
    color: var(--color-sage-700, #2d5a3d);
}

.care-journey-page__history-card__badge--cancelled[b-jn42jcm22l] {
    background-color: var(--color-neutral-100);
    color: var(--color-text-tertiary);
}

.care-journey-page__history-card__progress[b-jn42jcm22l] {
    font-size: var(--text-xs);
    color: var(--color-text-secondary);
}

.care-journey-page__history-card__date[b-jn42jcm22l] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
}

/* ── New plan CTA ────────────────────────────────────────── */
.care-journey-page__new-plan-cta[b-jn42jcm22l] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    min-height: 52px;
    border-radius: var(--radius-full);
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    font-family: var(--font-persian);
    text-decoration: none;
    background-color: var(--color-rose-600);
    color: var(--color-text-on-rose, #fff);
    transition: background-color var(--duration-fast) var(--ease-standard);
}

.care-journey-page__new-plan-cta:hover[b-jn42jcm22l] {
    background-color: var(--color-rose-700);
    text-decoration: none;
    color: #fff;
}
/* /Components/Pages/Care/CarePlanStoryPage.razor.rz.scp.css */
/* ── Care Plan Story page layout ───────────────────────── */

.care-story-page[b-j9vqop2za9] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

/* ── Back link ──────────────────────────────────────────── */
.care-story-page__back[b-j9vqop2za9] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
    text-decoration: none;
}

.care-story-page__back:hover[b-j9vqop2za9] {
    color: var(--color-text-primary);
}

.care-story-page__back-arrow[b-j9vqop2za9] {
    font-size: var(--text-base);
    line-height: 1;
}
/* /Components/Pages/Care/CarePlanWizardPage.razor.rz.scp.css */
/* ── Navigation row: back btn + step label ─────────────── */
.cpwiz-page__nav[b-bawg2ol9rh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-4);
}

.cpwiz-page__back-btn[b-bawg2ol9rh] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-tertiary);
    background: none;
    border: none;
    cursor: pointer;
    padding: var(--space-2) 0;
    text-decoration: none;
    font-family: var(--font-persian);
    transition: color var(--duration-fast) var(--ease-standard);
}

.cpwiz-page__back-btn:hover[b-bawg2ol9rh] { color: var(--color-rose-700); text-decoration: none; }

.cpwiz-page__step-label[b-bawg2ol9rh] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
}

/* ── Progress dots ──────────────────────────────────────── */
.cpwiz-page__dots[b-bawg2ol9rh] {
    display: flex;
    justify-content: center;
    gap: var(--space-2);
    margin-bottom: var(--space-6);
}

.cpwiz-page__dot[b-bawg2ol9rh] {
    width: 8px;
    height: 8px;
    border-radius: var(--radius-full);
    background-color: var(--color-neutral-200);
    transition: background-color var(--duration-normal) var(--ease-standard),
                transform        var(--duration-normal) var(--ease-standard);
}

.cpwiz-page__dot--active[b-bawg2ol9rh] {
    background-color: var(--color-rose-600);
    transform: scale(1.25);
}

.cpwiz-page__dot--done[b-bawg2ol9rh] {
    background-color: var(--color-sage-400);
}

/* ── Step container ─────────────────────────────────────── */
.cpwiz-step[b-bawg2ol9rh] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
    animation: cpwiz-step-enter-b-bawg2ol9rh var(--duration-normal) var(--ease-enter) both;
}

.cpwiz-step__heading[b-bawg2ol9rh] {
    font-size: var(--text-2xl);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    margin: 0;
    font-family: var(--font-persian);
    line-height: var(--leading-snug);
}

.cpwiz-step__subheading[b-bawg2ol9rh] {
    font-size: var(--text-base);
    color: var(--color-text-secondary);
    margin: 0;
    font-family: var(--font-persian);
    margin-top: calc(-1 * var(--space-3));
}

.cpwiz-step__optional[b-bawg2ol9rh] {
    font-size: var(--text-lg);
    font-weight: var(--weight-regular);
    color: var(--color-text-tertiary);
}

.cpwiz-step__actions[b-bawg2ol9rh] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

/* ── Elder info card (step 1) ────────────────────────────── */
.cpwiz-elder-card[b-bawg2ol9rh] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-5);
    background-color: var(--color-bg-surface);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--color-neutral-100);
}

.cpwiz-elder-card__icon[b-bawg2ol9rh] {
    font-size: 2.5rem;
    line-height: 1;
    flex-shrink: 0;
}

.cpwiz-elder-card__body[b-bawg2ol9rh] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.cpwiz-elder-card__label[b-bawg2ol9rh] {
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
    margin: 0;
}

.cpwiz-elder-card__hint[b-bawg2ol9rh] {
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
    margin: 0;
    line-height: var(--leading-normal);
}

/* ── Category grid (step 2) ─────────────────────────────── */
.cpwiz-page__category-grid[b-bawg2ol9rh] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-3);
}

.cpwiz-category-card[b-bawg2ol9rh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-4) var(--space-3);
    background-color: var(--color-bg-surface);
    border: 2px solid var(--color-neutral-200);
    border-radius: var(--radius-lg);
    cursor: pointer;
    transition: border-color var(--duration-fast) var(--ease-standard),
                box-shadow    var(--duration-fast) var(--ease-standard);
    text-align: center;
    font-family: var(--font-persian);
}

.cpwiz-category-card:hover[b-bawg2ol9rh] {
    border-color: var(--color-rose-300);
    box-shadow: var(--shadow-sm);
}

.cpwiz-category-card--selected[b-bawg2ol9rh] {
    border-color: var(--color-rose-600);
    background-color: var(--color-rose-50);
    box-shadow: var(--shadow-sm);
}

.cpwiz-category-card__icon[b-bawg2ol9rh] {
    font-size: 2rem;
    line-height: 1;
}

.cpwiz-category-card__label[b-bawg2ol9rh] {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
}

.cpwiz-category-card__hint[b-bawg2ol9rh] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    line-height: var(--leading-normal);
}

/* ── Frequency buttons (step 3) ─────────────────────────── */
.cpwiz-freq-group[b-bawg2ol9rh] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.cpwiz-freq-btn[b-bawg2ol9rh] {
    width: 100%;
    padding: var(--space-3) var(--space-4);
    background-color: var(--color-bg-surface);
    border: 2px solid var(--color-neutral-200);
    border-radius: var(--radius-md);
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    font-family: var(--font-persian);
    color: var(--color-text-primary);
    cursor: pointer;
    text-align: right;
    transition: border-color var(--duration-fast) var(--ease-standard);
}

.cpwiz-freq-btn:hover[b-bawg2ol9rh] { border-color: var(--color-rose-300); }

.cpwiz-freq-btn--selected[b-bawg2ol9rh] {
    border-color: var(--color-rose-600);
    background-color: var(--color-rose-50);
    font-weight: var(--weight-semibold);
}

/* ── Day-of-week grid (step 3, weekly) ──────────────────── */
.cpwiz-day-grid[b-bawg2ol9rh] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}

.cpwiz-day-btn[b-bawg2ol9rh] {
    padding: var(--space-2) var(--space-3);
    background-color: var(--color-bg-surface);
    border: 2px solid var(--color-neutral-200);
    border-radius: var(--radius-full);
    font-size: var(--text-sm);
    font-family: var(--font-persian);
    color: var(--color-text-secondary);
    cursor: pointer;
    transition: border-color var(--duration-fast) var(--ease-standard),
                background-color var(--duration-fast) var(--ease-standard);
    white-space: nowrap;
}

.cpwiz-day-btn:hover[b-bawg2ol9rh] { border-color: var(--color-rose-300); }

.cpwiz-day-btn--selected[b-bawg2ol9rh] {
    border-color: var(--color-rose-600);
    background-color: var(--color-rose-600);
    color: #fff;
    font-weight: var(--weight-semibold);
}

/* ── Time slot buttons (step 4) ─────────────────────────── */
.cpwiz-time-group[b-bawg2ol9rh] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.cpwiz-time-btn[b-bawg2ol9rh] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-4) var(--space-5);
    background-color: var(--color-bg-surface);
    border: 2px solid var(--color-neutral-200);
    border-radius: var(--radius-lg);
    cursor: pointer;
    text-align: right;
    font-family: var(--font-persian);
    transition: border-color var(--duration-fast) var(--ease-standard),
                box-shadow    var(--duration-fast) var(--ease-standard);
}

.cpwiz-time-btn:hover[b-bawg2ol9rh] {
    border-color: var(--color-rose-300);
    box-shadow: var(--shadow-sm);
}

.cpwiz-time-btn--selected[b-bawg2ol9rh] {
    border-color: var(--color-rose-600);
    background-color: var(--color-rose-50);
    box-shadow: var(--shadow-sm);
}

.cpwiz-time-btn__icon[b-bawg2ol9rh] {
    font-size: 1.5rem;
    flex-shrink: 0;
}

.cpwiz-time-btn__label[b-bawg2ol9rh] {
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    flex: 1;
}

.cpwiz-time-btn__range[b-bawg2ol9rh] {
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
}

/* ── Form fields (shared) ───────────────────────────────── */
.cpwiz-page__field[b-bawg2ol9rh] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.cpwiz-page__label[b-bawg2ol9rh] {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
    margin: 0;
}

.cpwiz-page__optional[b-bawg2ol9rh] {
    font-weight: var(--weight-regular);
    color: var(--color-text-tertiary);
    font-size: var(--text-xs);
}

.cpwiz-page__input[b-bawg2ol9rh],
.cpwiz-page__textarea[b-bawg2ol9rh] {
    font-family: var(--font-persian);
    resize: none;
    direction: rtl;
}

.cpwiz-page__validation-hint[b-bawg2ol9rh] {
    font-size: var(--text-xs);
    color: var(--color-rose-600);
    font-family: var(--font-persian);
    margin: 0;
}

/* ── Summary card (step 6) ──────────────────────────────── */
.cpwiz-summary-card[b-bawg2ol9rh] {
    padding: var(--space-5);
    background-color: var(--color-bg-surface);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--color-neutral-100);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.cpwiz-summary-card__row[b-bawg2ol9rh] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    font-family: var(--font-persian);
    color: var(--color-text-primary);
}

.cpwiz-summary-card__icon[b-bawg2ol9rh] {
    font-size: 1.5rem;
}

.cpwiz-summary-card__type[b-bawg2ol9rh] {
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
}

.cpwiz-summary-card__item[b-bawg2ol9rh] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    font-family: var(--font-persian);
    border-top: 1px solid var(--color-neutral-100);
    padding-top: var(--space-3);
}

.cpwiz-summary-card__key[b-bawg2ol9rh] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    font-weight: var(--weight-medium);
}

.cpwiz-summary-card__value[b-bawg2ol9rh] {
    font-size: var(--text-sm);
    color: var(--color-text-primary);
    line-height: var(--leading-normal);
}

.cpwiz-summary-card__item--notes .cpwiz-summary-card__value[b-bawg2ol9rh] {
    color: var(--color-text-secondary);
}

/* ── Animations ─────────────────────────────────────────── */
@keyframes cpwiz-step-enter-b-bawg2ol9rh {
    from { opacity: 0; transform: translateX(-8px); }
    to   { opacity: 1; transform: translateX(0); }
}

/* ── Desktop tweaks ─────────────────────────────────────── */
@media (min-width: 640px) {
    .cpwiz-page__category-grid[b-bawg2ol9rh] { max-width: 480px; }
    .cpwiz-time-group[b-bawg2ol9rh] { flex-direction: row; }
    .cpwiz-time-btn[b-bawg2ol9rh] { flex-direction: column; align-items: center; text-align: center; flex: 1; }
    .cpwiz-time-btn__label[b-bawg2ol9rh] { font-size: var(--text-sm); }
}
/* /Components/Pages/CarePlans/CarePlanDetailPage.razor.rz.scp.css */
/* ── Back link ──────────────────────────────────────────────── */

.cp-detail-back[b-wk6heiz63j] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    text-decoration: none;
    margin-bottom: var(--space-5);
    transition: color var(--duration-fast, 120ms) ease;
}

.cp-detail-back:hover[b-wk6heiz63j] {
    color: var(--color-text-primary);
}

/* ── Error banner ───────────────────────────────────────────── */

.cp-detail-error[b-wk6heiz63j] {
    background-color: var(--color-emergency-100, #fee2e2);
    color: var(--color-emergency-700, #b91c1c);
    border-radius: var(--radius-md);
    padding: var(--space-3) var(--space-4);
    font-family: var(--font-persian);
    font-size: var(--text-sm);
    margin-bottom: var(--space-4);
}

/* ── Plan summary card ──────────────────────────────────────── */

.cp-detail-summary[b-wk6heiz63j] {
    background-color: var(--color-bg-surface);
    border: 1px solid var(--color-neutral-100);
    border-radius: var(--radius-lg);
    padding: var(--space-5);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    margin-bottom: var(--space-4);
}

.cp-detail-summary__top[b-wk6heiz63j] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-3);
}

.cp-detail-summary__info[b-wk6heiz63j] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    min-width: 0;
}

.cp-detail-summary__title[b-wk6heiz63j] {
    font-size: var(--text-xl);
    font-weight: var(--weight-bold);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
    margin: 0;
}

.cp-detail-summary__type[b-wk6heiz63j] {
    font-size: var(--text-xs);
    color: var(--color-sage-700, #3a6b3e);
    font-family: var(--font-persian);
    background-color: var(--color-sage-50, #f0f7f0);
    border-radius: var(--radius-sm);
    padding: 2px var(--space-2);
    align-self: flex-start;
}

.cp-detail-summary__meta[b-wk6heiz63j] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-4);
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
}

.cp-detail-summary__notes[b-wk6heiz63j] {
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
    margin: 0;
    line-height: var(--leading-relaxed, 1.6);
    border-top: 1px solid var(--color-neutral-100);
    padding-top: var(--space-3);
}

/* ── Action buttons row ─────────────────────────────────────── */

.cp-detail-actions[b-wk6heiz63j] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    margin-bottom: var(--space-5);
}

.cp-detail-btn[b-wk6heiz63j] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    padding: var(--space-2) var(--space-4);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    font-family: var(--font-persian);
    border: none;
    cursor: pointer;
    transition: background-color var(--duration-fast, 120ms) ease,
                opacity var(--duration-fast, 120ms) ease;
}

.cp-detail-btn:disabled[b-wk6heiz63j] {
    opacity: 0.55;
    cursor: not-allowed;
}

.cp-detail-btn--sage[b-wk6heiz63j] {
    background-color: var(--color-sage-600, #4d7d52);
    color: #ffffff;
}

.cp-detail-btn--sage:not(:disabled):hover[b-wk6heiz63j] {
    background-color: var(--color-sage-700, #3a6b3e);
}

.cp-detail-btn--amber[b-wk6heiz63j] {
    background-color: var(--color-amber-100, #fef3c7);
    color: var(--color-amber-800, #92400e);
}

.cp-detail-btn--amber:not(:disabled):hover[b-wk6heiz63j] {
    background-color: var(--color-amber-200, #fde68a);
}

.cp-detail-btn--danger[b-wk6heiz63j] {
    background-color: var(--color-emergency-100, #fee2e2);
    color: var(--color-emergency-700, #b91c1c);
}

.cp-detail-btn--danger:not(:disabled):hover[b-wk6heiz63j] {
    background-color: var(--color-emergency-200, #fecaca);
}

/* ── Sessions section ───────────────────────────────────────── */

.cp-detail-sessions__heading[b-wk6heiz63j] {
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
    margin: 0 0 var(--space-3) 0;
}

.cp-detail-sessions__list[b-wk6heiz63j] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

/* ── Session row ────────────────────────────────────────────── */

.cp-detail-session-row[b-wk6heiz63j] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    background-color: var(--color-bg-surface);
    border: 1px solid var(--color-neutral-100);
    border-radius: var(--radius-md);
    padding: var(--space-3) var(--space-4);
    text-decoration: none;
    color: inherit;
    transition: box-shadow var(--duration-fast, 120ms) ease;
}

.cp-detail-session-row:hover[b-wk6heiz63j] {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}

.cp-detail-session-row--active[b-wk6heiz63j] {
    border-inline-start: 3px solid var(--color-sage-500, #5E9063);
}

.cp-detail-session-row--done[b-wk6heiz63j] {
    opacity: 0.65;
}

.cp-detail-session-row--missed[b-wk6heiz63j] {
    border-inline-start: 3px solid var(--color-emergency-400, #f87171);
}

.cp-detail-session-row--skipped[b-wk6heiz63j] {
    opacity: 0.55;
}

.cp-detail-session-row__seq[b-wk6heiz63j] {
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    min-width: 32px;
}

.cp-detail-session-row__date[b-wk6heiz63j] {
    flex: 1;
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
}

/* ── Status badges (shared with list page) ──────────────────── */

.cp-detail-badge[b-wk6heiz63j] {
    display: inline-block;
    flex-shrink: 0;
    padding: 2px var(--space-2);
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    font-family: var(--font-persian);
    white-space: nowrap;
}

.cp-detail-badge--active[b-wk6heiz63j] {
    background-color: var(--color-sage-100, #d6ecd8);
    color: var(--color-sage-700, #3a6b3e);
}

.cp-detail-badge--pending[b-wk6heiz63j] {
    background-color: var(--color-amber-100, #fef3c7);
    color: var(--color-amber-700, #b45309);
}

.cp-detail-badge--paused[b-wk6heiz63j] {
    background-color: var(--color-amber-100, #fef3c7);
    color: var(--color-amber-800, #92400e);
}

.cp-detail-badge--completed[b-wk6heiz63j] {
    background-color: var(--color-neutral-100, #f3f4f6);
    color: var(--color-text-secondary, #4b5563);
}

.cp-detail-badge--cancelled[b-wk6heiz63j] {
    background-color: var(--color-neutral-100, #f3f4f6);
    color: var(--color-text-tertiary, #9ca3af);
    text-decoration: line-through;
}

.cp-detail-badge--danger[b-wk6heiz63j] {
    background-color: var(--color-emergency-100, #fee2e2);
    color: var(--color-emergency-700, #b91c1c);
}
/* /Components/Pages/CarePlans/CarePlanListPage.razor.rz.scp.css */
/* ── Page header ────────────────────────────────────────────── */

.cp-list-header[b-3uhf1bcbkd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: var(--space-5);
}

.cp-list-title[b-3uhf1bcbkd] {
    font-size: var(--text-xl);
    font-weight: var(--weight-bold);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
    margin: 0 0 var(--space-1) 0;
}

.cp-list-subtitle[b-3uhf1bcbkd] {
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    margin: 0;
}

/* ── Error banner ───────────────────────────────────────────── */

.cp-list-error[b-3uhf1bcbkd] {
    background-color: var(--color-emergency-100, #fee2e2);
    color: var(--color-emergency-700, #b91c1c);
    border-radius: var(--radius-md);
    padding: var(--space-3) var(--space-4);
    font-family: var(--font-persian);
    font-size: var(--text-sm);
    margin-bottom: var(--space-4);
}

/* ── Plan list container ────────────────────────────────────── */

.cp-list-list[b-3uhf1bcbkd] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

/* ── Plan card ──────────────────────────────────────────────── */

.cp-list-item[b-3uhf1bcbkd] {
    background-color: var(--color-bg-surface);
    border: 1px solid var(--color-neutral-100);
    border-inline-start: 3px solid var(--color-neutral-200);
    border-radius: var(--radius-lg);
    padding: var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    cursor: pointer;
    animation: cp-list-enter-b-3uhf1bcbkd var(--duration-normal, 200ms) var(--ease-enter, ease-out) both;
    transition: box-shadow var(--duration-fast, 120ms) ease;
}

.cp-list-item:hover[b-3uhf1bcbkd] {
    box-shadow: 0 2px 8px rgba(94, 144, 99, 0.10);
}

.cp-list-item--active[b-3uhf1bcbkd] {
    border-inline-start-color: var(--color-sage-500, #5E9063);
}

.cp-list-item--paused[b-3uhf1bcbkd] {
    border-inline-start-color: var(--color-amber-400, #fbbf24);
}

.cp-list-item--done[b-3uhf1bcbkd] {
    opacity: 0.60;
}

/* ── Top row: title + badge ─────────────────────────────────── */

.cp-list-item__top[b-3uhf1bcbkd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-3);
}

.cp-list-item__title-area[b-3uhf1bcbkd] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    min-width: 0;
}

.cp-list-item__title[b-3uhf1bcbkd] {
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
    margin: 0;
}

.cp-list-item__type-label[b-3uhf1bcbkd] {
    font-size: var(--text-xs);
    color: var(--color-sage-700, #3a6b3e);
    font-family: var(--font-persian);
    background-color: var(--color-sage-50, #f0f7f0);
    border-radius: var(--radius-sm);
    padding: 2px var(--space-2);
    align-self: flex-start;
}

/* ── Footer row: progress + next session ───────────────────── */

.cp-list-item__footer[b-3uhf1bcbkd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--space-2);
}

.cp-list-item__progress[b-3uhf1bcbkd] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
}

.cp-list-item__next[b-3uhf1bcbkd] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    direction: ltr;
}

/* ── Status badges ──────────────────────────────────────────── */

.cp-list-badge[b-3uhf1bcbkd] {
    display: inline-block;
    flex-shrink: 0;
    padding: 2px var(--space-2);
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    font-family: var(--font-persian);
    white-space: nowrap;
}

.cp-list-badge--active[b-3uhf1bcbkd] {
    background-color: var(--color-sage-100, #d6ecd8);
    color: var(--color-sage-700, #3a6b3e);
}

.cp-list-badge--pending[b-3uhf1bcbkd] {
    background-color: var(--color-amber-100, #fef3c7);
    color: var(--color-amber-700, #b45309);
}

.cp-list-badge--paused[b-3uhf1bcbkd] {
    background-color: var(--color-amber-100, #fef3c7);
    color: var(--color-amber-800, #92400e);
}

.cp-list-badge--completed[b-3uhf1bcbkd] {
    background-color: var(--color-neutral-100, #f3f4f6);
    color: var(--color-text-secondary, #4b5563);
}

.cp-list-badge--cancelled[b-3uhf1bcbkd] {
    background-color: var(--color-neutral-100, #f3f4f6);
    color: var(--color-text-tertiary, #9ca3af);
    text-decoration: line-through;
}

/* ── Entry animation ────────────────────────────────────────── */

@keyframes cp-list-enter-b-3uhf1bcbkd {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}
/* /Components/Pages/Companion/ActiveSessionPage.razor.rz.scp.css */
.cas-preview-body[b-nagwq6hnoi] {
    padding: var(--space-4);
}

.cas-primary-cta[b-nagwq6hnoi] {
    padding: 0;
    margin-top: var(--space-4);
}

.cas-start-btn[b-nagwq6hnoi] {
    width: 100%;
    min-height: 56px;
    background: var(--color-sage-600);
    color: white;
    font-size: var(--text-lg);
    border-radius: var(--radius-full);
    border: none;
    cursor: pointer;
}

.cas-start-btn:disabled[b-nagwq6hnoi] {
    opacity: 0.6;
    cursor: not-allowed;
}

.cas-evidence[b-nagwq6hnoi] {
    background: var(--color-neutral-50);
    border: 1px solid var(--color-neutral-200);
    border-radius: var(--radius-md);
    padding: var(--space-3) var(--space-4);
    margin-top: var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.cas-evidence__label[b-nagwq6hnoi] {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
    margin: 0;
}

.cas-active-actions[b-nagwq6hnoi] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding: var(--space-4);
}

.cas-outcome-btn[b-nagwq6hnoi] {
    min-height: 56px;
    border-radius: var(--radius-full);
    font-size: var(--text-base);
    font-weight: 600;
    width: 100%;
    border: none;
    cursor: pointer;
}

.cas-outcome-btn:disabled[b-nagwq6hnoi] {
    opacity: 0.6;
    cursor: not-allowed;
}

.cas-outcome-btn--complete[b-nagwq6hnoi] {
    background: var(--color-sage-600);
    color: white;
}

.cas-outcome-btn--missed[b-nagwq6hnoi] {
    background: white;
    color: var(--color-emergency-600);
    border: 2px solid var(--color-emergency-300);
}

.cas-done-screen[b-nagwq6hnoi] {
    text-align: center;
    padding: var(--space-12) var(--space-4);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-4);
}

.cas-done-icon[b-nagwq6hnoi] {
    font-size: 3rem;
    line-height: 1;
}

.cas-done-msg[b-nagwq6hnoi] {
    font-size: var(--text-lg);
    font-weight: 600;
    color: var(--color-text-primary);
}

.cas-done-back[b-nagwq6hnoi] {
    font-size: var(--text-sm);
    color: var(--color-sage-600);
    text-decoration: none;
}

.cas-context-note[b-nagwq6hnoi] {
    background: var(--color-neutral-50);
    border-inline-start: 3px solid var(--color-rose-400);
    padding: var(--space-3) var(--space-4);
    font-size: var(--text-sm);
    margin-bottom: var(--space-4);
}

.cas-error[b-nagwq6hnoi] {
    background: var(--color-emergency-50, #fff0f0);
    border: 1px solid var(--color-emergency-300, #fca5a5);
    border-radius: var(--radius-md);
    padding: var(--space-3) var(--space-4);
    color: var(--color-emergency-700, #b91c1c);
    font-size: var(--text-sm);
    margin-bottom: var(--space-4);
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.cas-retry-btn[b-nagwq6hnoi] {
    background: none;
    border: 1px solid currentColor;
    border-radius: var(--radius-md);
    padding: var(--space-1) var(--space-3);
    font-size: var(--text-sm);
    cursor: pointer;
    color: inherit;
    white-space: nowrap;
}
/* /Components/Pages/Companion/CompanionEmergencyPage.razor.rz.scp.css */
/* ============================================================
   Companion Emergency Page — scoped styles
   Emergency colors signal urgency without alarm.
   ============================================================ */

/* ── Page header ──────────────────────────────────────────── */
.cemg-header[b-jbp6muhrty] {
    margin-bottom: var(--space-6);
    padding-bottom: var(--space-5);
    border-bottom: 1px solid var(--color-neutral-100);
}

.cemg-header__title[b-jbp6muhrty] {
    font-size: var(--text-2xl);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    margin: 0 0 var(--space-1);
    font-family: var(--font-persian);
    line-height: var(--leading-snug);
}

.cemg-header__subtitle[b-jbp6muhrty] {
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
    margin: 0;
    font-family: var(--font-persian);
}

/* ── Case list ────────────────────────────────────────────── */
.cemg-list[b-jbp6muhrty] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

/* ── Case card ────────────────────────────────────────────── */
.cemg-card[b-jbp6muhrty] {
    background-color: var(--color-bg-surface);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--color-neutral-100);
    border-inline-start: 3px solid transparent;
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    overflow: hidden;
    animation: cemg-card-enter-b-jbp6muhrty var(--duration-normal) var(--ease-enter) both;
}

@keyframes cemg-card-enter-b-jbp6muhrty {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

.cemg-card--assigned[b-jbp6muhrty] {
    border-inline-start-color: var(--color-amber-400);
}

.cemg-card--inprogress[b-jbp6muhrty] {
    border-inline-start-color: var(--color-emergency-400);
    background: linear-gradient(135deg, var(--color-emergency-50) 0%, var(--color-bg-surface) 35%);
}

/* ── Card header strip ────────────────────────────────────── */
.cemg-card__header[b-jbp6muhrty] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    padding: var(--space-4) var(--space-5) 0;
    flex-wrap: wrap;
}

.cemg-card__type-row[b-jbp6muhrty] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.cemg-card__type-icon[b-jbp6muhrty] {
    font-size: var(--text-lg);
    line-height: 1;
    flex-shrink: 0;
}

.cemg-card__type-label[b-jbp6muhrty] {
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    color: var(--color-emergency-700);
    font-family: var(--font-persian);
}

/* ── Status badge ─────────────────────────────────────────── */
.cemg-badge[b-jbp6muhrty] {
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    padding: 2px var(--space-3);
    border-radius: var(--radius-full);
    font-family: var(--font-persian);
    white-space: nowrap;
    flex-shrink: 0;
}

.cemg-badge--emergency[b-jbp6muhrty]  { background: var(--color-emergency-100); color: var(--color-emergency-700); }
.cemg-badge--assigned[b-jbp6muhrty]   { background: var(--color-amber-100);     color: var(--color-amber-700); }
.cemg-badge--inprogress[b-jbp6muhrty] { background: var(--color-rose-100);      color: var(--color-rose-700); }
.cemg-badge--completed[b-jbp6muhrty]  { background: var(--color-sage-100);      color: var(--color-sage-700); }
.cemg-badge--saved[b-jbp6muhrty]      { background: var(--color-sage-100);      color: var(--color-sage-700); align-self: center; }

/* ── Card body ────────────────────────────────────────────── */
.cemg-card__body[b-jbp6muhrty] {
    padding: 0 var(--space-5);
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.cemg-card__description[b-jbp6muhrty] {
    font-size: var(--text-sm);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
    line-height: var(--leading-normal);
    margin: 0;
}

.cemg-card__meta[b-jbp6muhrty] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    margin: 0;
}

/* ── Card actions row ─────────────────────────────────────── */
.cemg-card__actions[b-jbp6muhrty] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: 0 var(--space-5);
    flex-wrap: wrap;
}

.cemg-card__actions--spaced[b-jbp6muhrty] {
    padding-top: var(--space-2);
    border-top: 1px solid var(--color-neutral-100);
}

/* ── Buttons ──────────────────────────────────────────────── */
.cemg-btn[b-jbp6muhrty] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    padding: var(--space-2) var(--space-5);
    border: none;
    border-radius: var(--radius-full);
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    font-family: var(--font-persian);
    cursor: pointer;
    white-space: nowrap;
    min-height: 38px;
    transition: background-color var(--duration-fast) var(--ease-standard),
                color var(--duration-fast) var(--ease-standard);
}

.cemg-btn:disabled[b-jbp6muhrty] {
    background-color: var(--color-neutral-200);
    color: var(--color-neutral-500);
    cursor: default;
}

.cemg-btn--primary[b-jbp6muhrty] {
    background-color: var(--color-emergency-600);
    color: #fff;
}
.cemg-btn--primary:not(:disabled):hover[b-jbp6muhrty] { background-color: var(--color-emergency-700); }

.cemg-btn--secondary[b-jbp6muhrty] {
    background-color: var(--color-rose-600);
    color: #fff;
}
.cemg-btn--secondary:not(:disabled):hover[b-jbp6muhrty] { background-color: var(--color-rose-700); }

.cemg-btn--resolve[b-jbp6muhrty] {
    background-color: var(--color-sage-600);
    color: #fff;
}
.cemg-btn--resolve:not(:disabled):hover[b-jbp6muhrty] { background-color: var(--color-sage-700); }

.cemg-btn--resolve-outline[b-jbp6muhrty] {
    background-color: transparent;
    color: var(--color-sage-600);
    border: 1px solid var(--color-sage-400);
}
.cemg-btn--resolve-outline:not(:disabled):hover[b-jbp6muhrty] {
    background-color: var(--color-sage-100);
}

.cemg-btn--ghost[b-jbp6muhrty] {
    background-color: transparent;
    color: var(--color-text-tertiary);
    border: 1px solid var(--color-neutral-200);
}
.cemg-btn--ghost:not(:disabled):hover[b-jbp6muhrty] {
    background-color: var(--color-neutral-50);
    color: var(--color-text-secondary);
}

/* ── Note input row ───────────────────────────────────────── */
.cemg-note-row[b-jbp6muhrty] {
    padding: 0 var(--space-5);
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.cemg-note-row__actions[b-jbp6muhrty] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.cemg-textarea[b-jbp6muhrty] {
    width: 100%;
    padding: var(--space-3) var(--space-4);
    background-color: var(--color-bg-sunken);
    border: 1px solid var(--color-border-default);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-family: var(--font-persian);
    color: var(--color-text-primary);
    line-height: var(--leading-normal);
    resize: vertical;
    box-sizing: border-box;
    transition: border-color var(--duration-fast) var(--ease-standard);
}

.cemg-textarea:focus[b-jbp6muhrty] {
    outline: none;
    border-color: var(--color-border-focus);
}

.cemg-textarea[b-jbp6muhrty]::placeholder {
    color: var(--color-text-placeholder);
}

/* ── Resolve confirmation ─────────────────────────────────── */
.cemg-resolve-confirm[b-jbp6muhrty] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background-color: var(--color-emergency-50);
    border: 1px solid var(--color-emergency-200);
    border-radius: var(--radius-md);
}

.cemg-resolve-confirm__text[b-jbp6muhrty] {
    font-size: var(--text-sm);
    color: var(--color-emergency-700);
    font-family: var(--font-persian);
    margin: 0;
    font-weight: var(--weight-medium);
}

.cemg-resolve-confirm__buttons[b-jbp6muhrty] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-wrap: wrap;
}

/* ── Updates timeline ─────────────────────────────────────── */
.cemg-updates[b-jbp6muhrty] {
    padding: var(--space-4) var(--space-5);
    border-top: 1px solid var(--color-neutral-100);
    background-color: var(--color-neutral-50);
    border-radius: 0 0 var(--radius-lg) var(--radius-lg);
}

.cemg-updates__heading[b-jbp6muhrty] {
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    margin: 0 0 var(--space-3);
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.cemg-updates__list[b-jbp6muhrty] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.cemg-update-item[b-jbp6muhrty] {
    display: flex;
    gap: var(--space-2);
    align-items: flex-start;
}

.cemg-update-item__dot[b-jbp6muhrty] {
    color: var(--color-sage-600);
    font-size: 0.45rem;
    margin-top: 5px;
    flex-shrink: 0;
}

.cemg-update-item__content[b-jbp6muhrty] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cemg-update-item__message[b-jbp6muhrty] {
    font-size: var(--text-sm);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
    line-height: var(--leading-normal);
    margin: 0;
}

.cemg-update-item__meta[b-jbp6muhrty] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    margin: 0;
}

/* ── Inline error ─────────────────────────────────────────── */
.cemg-error[b-jbp6muhrty] {
    padding: var(--space-3) var(--space-4);
    background-color: var(--color-emergency-100);
    border: 1px solid var(--color-emergency-200);
    border-radius: var(--radius-md);
    color: var(--color-emergency-700);
    font-size: var(--text-sm);
    font-family: var(--font-persian);
    margin-bottom: var(--space-4);
}

.cemg-error--inline[b-jbp6muhrty] {
    margin: 0 var(--space-5);
    margin-bottom: 0;
}

/* ── Evidence Feed Cards ─────────────────────────────────────────── */

.cemg-feed-card[b-jbp6muhrty] {
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border-default);
    border-radius: var(--radius-lg);
    overflow: hidden;
    margin-bottom: var(--space-3);
    transition: box-shadow var(--duration-fast) var(--ease-standard);
}

.cemg-feed-card:hover[b-jbp6muhrty] {
    box-shadow: var(--shadow-sm);
}

.cemg-feed-card--has-media[b-jbp6muhrty] {
    border-color: var(--color-sage-200);
}

.cemg-feed-card__header[b-jbp6muhrty] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-4);
    background: var(--color-neutral-50);
    border-bottom: 1px solid var(--color-border-default);
}

.cemg-feed-card__avatar[b-jbp6muhrty] {
    font-size: 1rem;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--color-neutral-100);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-style: normal;
}

.cemg-feed-card__author[b-jbp6muhrty] {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
    flex: 1;
}

.cemg-feed-card__time[b-jbp6muhrty] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    flex-shrink: 0;
}

.cemg-feed-card__body[b-jbp6muhrty] {
    padding: var(--space-3) var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.cemg-feed-card__message[b-jbp6muhrty] {
    font-size: var(--text-sm);
    color: var(--color-text-primary);
    line-height: var(--leading-relaxed);
    margin: 0;
    font-family: var(--font-persian);
    white-space: pre-wrap;
}

.cemg-feed-card__media[b-jbp6muhrty] {
    margin-top: var(--space-1);
}

/* ── Post Bar ─────────────────────────────────────────────────────── */

.cemg-post-bar[b-jbp6muhrty] {
    background: var(--color-bg-surface);
    border: 1.5px solid var(--color-border-default);
    border-radius: var(--radius-lg);
    overflow: hidden;
    margin-top: var(--space-4);
}

.cemg-post-bar__inner[b-jbp6muhrty] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.cemg-post-bar__input-row[b-jbp6muhrty] {
    padding: var(--space-3) var(--space-4) 0;
}

.cemg-post-bar__textarea[b-jbp6muhrty] {
    width: 100%;
    resize: none;
    border-radius: var(--radius-sm);
    background: var(--color-bg-sunken);
    min-height: 64px;
}

.cemg-post-bar__media-row[b-jbp6muhrty] {
    padding: var(--space-2) var(--space-4);
    border-top: 1px solid var(--color-neutral-100);
}

.cemg-post-bar__actions[b-jbp6muhrty] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background: var(--color-neutral-50);
    border-top: 1px solid var(--color-neutral-100);
}

.cemg-post-bar__submit[b-jbp6muhrty] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-5);
    background: var(--color-emergency-600);
    color: #fff;
    border: none;
    border-radius: var(--radius-full);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    font-family: var(--font-persian);
    cursor: pointer;
    transition: background var(--duration-fast) var(--ease-standard);
    min-height: 40px;
}

.cemg-post-bar__submit:hover:not(:disabled)[b-jbp6muhrty] {
    background: var(--color-emergency-700);
}

.cemg-post-bar__submit:disabled[b-jbp6muhrty] {
    opacity: 0.5;
    cursor: not-allowed;
}
/* /Components/Pages/Companion/CompanionProfilePage.razor.rz.scp.css */
/* ── Header ────────────────────────────────────────────── */

.cprofile-header[b-3tr6zpywky] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-6);
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border-default);
    border-radius: var(--radius-lg);
    margin-bottom: var(--space-6);
    flex-wrap: wrap;
}

.cprofile-avatar[b-3tr6zpywky] {
    font-size: 3rem;
    line-height: 1;
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    background: var(--color-sage-100);
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
}

.cprofile-identity[b-3tr6zpywky] { flex: 1; min-width: 0; }

.cprofile-name[b-3tr6zpywky] {
    font-size: var(--text-xl);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    margin: 0 0 var(--space-1);
    font-family: var(--font-persian);
}

.cprofile-role[b-3tr6zpywky] {
    font-size: var(--text-sm);
    color: var(--color-sage-600);
    font-weight: var(--weight-medium);
    font-family: var(--font-persian);
    margin: 0 0 var(--space-1);
}

.cprofile-email[b-3tr6zpywky] {
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
    margin: 0;
    direction: ltr;
    text-align: right;
}

.cprofile-status[b-3tr6zpywky] {
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    padding: var(--space-1) var(--space-3);
    border-radius: var(--radius-full);
    align-self: flex-start;
}

.cprofile-status--active[b-3tr6zpywky] {
    background: var(--color-sage-100);
    color: var(--color-sage-700);
}

.cprofile-status--inactive[b-3tr6zpywky] {
    background: var(--color-neutral-100);
    color: var(--color-neutral-700);
}

/* ── Feedback banners ──────────────────────────────────── */

.cprofile-feedback[b-3tr6zpywky] {
    padding: var(--space-3) var(--space-4);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-family: var(--font-persian);
    margin-bottom: var(--space-4);
}

.cprofile-feedback--success[b-3tr6zpywky] {
    background: var(--color-sage-100);
    color: var(--color-sage-700);
    border: 1px solid var(--color-sage-200);
}

.cprofile-feedback--error[b-3tr6zpywky] {
    background: var(--color-emergency-50, #fff5f6);
    color: var(--color-emergency-700, #a8202e);
    border: 1px solid var(--color-emergency-200, #f5cdd1);
}

/* ── Sections ──────────────────────────────────────────── */

.cprofile-section[b-3tr6zpywky] {
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border-default);
    border-radius: var(--radius-lg);
    padding: var(--space-6);
    margin-bottom: var(--space-6);
}

.cprofile-section__title[b-3tr6zpywky] {
    font-size: var(--text-md);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
    margin: 0 0 var(--space-5);
    padding-bottom: var(--space-3);
    border-bottom: 1px solid var(--color-border-default);
}

/* ── Form ──────────────────────────────────────────────── */

.cprofile-form[b-3tr6zpywky] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

.cprofile-form__field[b-3tr6zpywky] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.cprofile-form__label[b-3tr6zpywky] {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
}

.cprofile-form__input[b-3tr6zpywky],
.cprofile-form__textarea[b-3tr6zpywky] {
    font-family: var(--font-persian);
    font-size: var(--text-base);
    color: var(--color-text-primary);
    background: var(--color-bg-sunken);
    border: 1.5px solid var(--color-border-default);
    border-radius: var(--radius-md);
    padding: var(--space-3) var(--space-4);
    transition: border-color var(--duration-fast) var(--ease-standard);
    width: 100%;
}

.cprofile-form__input:focus[b-3tr6zpywky],
.cprofile-form__textarea:focus[b-3tr6zpywky] {
    border-color: var(--color-sage-400);
    outline: none;
    box-shadow: 0 0 0 3px var(--color-sage-100);
}

.cprofile-form__textarea[b-3tr6zpywky] { resize: vertical; min-height: 100px; }

.cprofile-form__hint[b-3tr6zpywky] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    margin: 0;
    text-align: left;
    direction: ltr;
}

/* ── @-prefix wrapper for social usernames ───────────────── */

.cprofile-form__prefix-wrap[b-3tr6zpywky] {
    display: flex;
    align-items: center;
    background: var(--color-bg-sunken);
    border: 1.5px solid var(--color-border-default);
    border-radius: var(--radius-md);
    overflow: hidden;
    transition: border-color var(--duration-fast) var(--ease-standard);
}

.cprofile-form__prefix-wrap:focus-within[b-3tr6zpywky] {
    border-color: var(--color-sage-400);
    box-shadow: 0 0 0 3px var(--color-sage-100);
}

.cprofile-form__prefix[b-3tr6zpywky] {
    padding: 0 var(--space-3);
    font-size: var(--text-base);
    color: var(--color-text-tertiary);
    font-weight: var(--weight-medium);
    user-select: none;
    background: var(--color-neutral-100);
    border-inline-end: 1.5px solid var(--color-border-default);
    line-height: 52px;
    height: 52px;
}

.cprofile-form__input--prefixed[b-3tr6zpywky] {
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding-inline-start: var(--space-3);
}

.cprofile-form__input--prefixed:focus[b-3tr6zpywky] {
    border: none;
    box-shadow: none;
    outline: none;
}

/* ── Private badge ────────────────────────────────────────── */

.cprofile-section__title[b-3tr6zpywky] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.cprofile-private-badge[b-3tr6zpywky] {
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    color: var(--color-neutral-700);
    background: var(--color-neutral-100);
    border: 1px solid var(--color-neutral-200);
    border-radius: var(--radius-full);
    padding: 2px var(--space-3);
}

.cprofile-section__note[b-3tr6zpywky] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    margin: calc(-1 * var(--space-2)) 0 var(--space-4);
}

/* ── Buttons ───────────────────────────────────────────── */

.cprofile-form__actions[b-3tr6zpywky] {
    display: flex;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.cprofile-btn[b-3tr6zpywky] {
    padding: var(--space-3) var(--space-6);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    font-family: var(--font-persian);
    cursor: pointer;
    border: none;
    transition: background-color var(--duration-fast) var(--ease-standard);
    min-height: 44px;
}

.cprofile-btn:disabled[b-3tr6zpywky] { opacity: 0.6; cursor: not-allowed; }

.cprofile-btn--primary[b-3tr6zpywky] {
    background: var(--color-sage-600);
    color: #fff;
}
.cprofile-btn--primary:hover:not(:disabled)[b-3tr6zpywky] { background: var(--color-sage-700); }

.cprofile-btn--ghost[b-3tr6zpywky] {
    background: transparent;
    color: var(--color-text-secondary);
    border: 1.5px solid var(--color-border-default);
}
.cprofile-btn--ghost:hover:not(:disabled)[b-3tr6zpywky] { background: var(--color-bg-sunken); }

/* ── Read-only info list ───────────────────────────────── */

.cprofile-info[b-3tr6zpywky] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    margin: 0 0 var(--space-4);
}

.cprofile-info__row[b-3tr6zpywky] {
    display: flex;
    gap: var(--space-4);
    align-items: baseline;
    padding: var(--space-2) 0;
    border-bottom: 1px solid var(--color-neutral-100);
}

.cprofile-info__row:last-child[b-3tr6zpywky] { border-bottom: none; }

.cprofile-info__label[b-3tr6zpywky] {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    min-width: 100px;
    flex-shrink: 0;
}

.cprofile-info__value[b-3tr6zpywky] {
    font-size: var(--text-sm);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
    margin: 0;
    flex: 1;
}

.cprofile-info__note[b-3tr6zpywky] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    margin: 0;
}
/* /Components/Pages/Companion/CompanionRequestsPage.razor.rz.scp.css */
/* ── Page header ───────────────────────────────────────────────── */

.creq-page-header[b-2eipz8mlej] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: var(--space-5);
}

.creq-page-title[b-2eipz8mlej] {
    font-size: var(--text-xl);
    font-weight: var(--weight-bold);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
    margin: 0 0 var(--space-1) 0;
}

.creq-page-subtitle[b-2eipz8mlej] {
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    margin: 0;
}

/* ── Page-level error banner ───────────────────────────────────── */

.creq-error[b-2eipz8mlej] {
    background-color: var(--color-emergency-100, #fee2e2);
    color: var(--color-emergency-700, #b91c1c);
    border-radius: var(--radius-md);
    padding: var(--space-3) var(--space-4);
    font-family: var(--font-persian);
    font-size: var(--text-sm);
    margin-bottom: var(--space-4);
}

/* ── Request list container ────────────────────────────────────── */

.creq-list[b-2eipz8mlej] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

/* ── Individual request card ───────────────────────────────────── */

.creq-item[b-2eipz8mlej] {
    background-color: var(--color-bg-surface);
    border: 1px solid var(--color-neutral-100);
    border-radius: var(--radius-lg);
    padding: var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    animation: creq-enter-b-2eipz8mlej var(--duration-normal, 200ms) var(--ease-enter, ease-out) both;
    transition: box-shadow var(--duration-fast, 120ms) ease;
}

.creq-item:hover[b-2eipz8mlej] {
    box-shadow: 0 2px 8px rgba(94, 144, 99, 0.10);
}

.creq-item--active[b-2eipz8mlej] {
    border-left: 3px solid var(--color-sage-500, #5E9063);
}

/* ── Top row: icon + body + badges ────────────────────────────── */

.creq-item__top[b-2eipz8mlej] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
}

.creq-item__type-icon[b-2eipz8mlej] {
    font-size: var(--text-xl);
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    background-color: var(--color-sage-50, #f0f7f0);
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
}

.creq-item--active .creq-item__type-icon[b-2eipz8mlej] {
    background-color: var(--color-sage-100, #d6ecd8);
}

.creq-item__body[b-2eipz8mlej] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.creq-item__title[b-2eipz8mlej] {
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
    margin: 0;
}

.creq-item__type-label[b-2eipz8mlej] {
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    color: var(--color-sage-700, #3a6b3e);
    font-family: var(--font-persian);
    background-color: var(--color-sage-50, #f0f7f0);
    border-radius: var(--radius-sm);
    padding: 2px var(--space-2);
    align-self: flex-start;
}

.creq-item__desc[b-2eipz8mlej] {
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
    margin: 0;
    line-height: 1.5;
}

/* ── Badges column ─────────────────────────────────────────────── */

.creq-item__badges[b-2eipz8mlej] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--space-1);
    flex-shrink: 0;
}

/* ── Footer row: date ──────────────────────────────────────────── */

.creq-item__footer[b-2eipz8mlej] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.creq-item__date[b-2eipz8mlej] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    direction: ltr;
}

/* ── Shared badge base ─────────────────────────────────────────── */

.creq-badge[b-2eipz8mlej] {
    display: inline-block;
    padding: 2px var(--space-2);
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    font-family: var(--font-persian);
    white-space: nowrap;
}

/* ── Status badges ─────────────────────────────────────────────── */

.creq-badge--created[b-2eipz8mlej] {
    background-color: var(--color-neutral-100, #f3f4f6);
    color: var(--color-text-secondary, #4b5563);
}

.creq-badge--assigned[b-2eipz8mlej] {
    background-color: var(--color-amber-100, #fef3c7);
    color: var(--color-amber-700, #b45309);
}

.creq-badge--inprogress[b-2eipz8mlej] {
    background-color: var(--color-sage-100, #d6ecd8);
    color: var(--color-sage-700, #3a6b3e);
}

/* ── Priority badges ───────────────────────────────────────────── */

.creq-badge--low[b-2eipz8mlej] {
    background-color: var(--color-neutral-100, #f3f4f6);
    color: var(--color-text-tertiary, #9ca3af);
}

.creq-badge--high[b-2eipz8mlej] {
    background-color: var(--color-amber-100, #fef3c7);
    color: var(--color-amber-800, #92400e);
}

.creq-badge--critical[b-2eipz8mlej] {
    background-color: var(--color-emergency-100, #fee2e2);
    color: var(--color-emergency-700, #b91c1c);
}

/* ── Entry animation ───────────────────────────────────────────── */

@keyframes creq-enter-b-2eipz8mlej {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}
/* /Components/Pages/Companion/CompanionSessionsPage.razor.rz.scp.css */
.csp-hero[b-1u0myj0x0i] {
    padding: var(--space-4) 0;
}

.csp-future-section[b-1u0myj0x0i] {
    margin-top: var(--space-6);
    border-top: 1px solid var(--color-border-default);
    padding-top: var(--space-4);
}

.csp-future-title[b-1u0myj0x0i] {
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
    margin-bottom: var(--space-3);
}

.csp-future-list[b-1u0myj0x0i] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.csp-future-card[b-1u0myj0x0i] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    width: 100%;
    padding: var(--space-3) var(--space-4);
    background: var(--color-surface-raised);
    border: 1px solid var(--color-border-default);
    border-radius: var(--radius-md);
    cursor: pointer;
    text-align: start;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.csp-future-card:hover[b-1u0myj0x0i],
.csp-future-card:focus-visible[b-1u0myj0x0i] {
    background: var(--color-surface-hover);
    border-color: var(--color-border-strong);
    outline: none;
}

.csp-future-card__time[b-1u0myj0x0i] {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--color-text-primary);
    min-width: 0;
    flex: 1;
}

.csp-future-card__patient[b-1u0myj0x0i] {
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
    flex-shrink: 0;
}

.csp-future-card__relative[b-1u0myj0x0i] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    flex-shrink: 0;
}

.csp-history-section[b-1u0myj0x0i] {
    margin-top: var(--space-6);
    border-top: 1px solid var(--color-border-default);
    padding-top: var(--space-4);
}

.csp-history-title[b-1u0myj0x0i] {
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
    margin-bottom: var(--space-3);
}
/* /Components/Pages/Companion/CompanionTasksPage.razor.rz.scp.css */
/* ── Page header ───────────────────────────────────────────────── */

.ctask-page-header[b-flhpt4mel0] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: var(--space-5);
}

.ctask-page-title[b-flhpt4mel0] {
    font-size: var(--text-xl);
    font-weight: var(--weight-bold);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
    margin: 0 0 var(--space-1) 0;
}

.ctask-page-subtitle[b-flhpt4mel0] {
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    margin: 0;
}

/* ── Page-level error banner ───────────────────────────────────── */

.ctask-error[b-flhpt4mel0] {
    background-color: var(--color-emergency-100, #fee2e2);
    color: var(--color-emergency-700, #b91c1c);
    border-radius: var(--radius-md);
    padding: var(--space-3) var(--space-4);
    font-family: var(--font-persian);
    font-size: var(--text-sm);
    margin-bottom: var(--space-4);
}

/* ── Task list container ───────────────────────────────────────── */

.ctask-list[b-flhpt4mel0] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

/* ── Individual task card ──────────────────────────────────────── */

.ctask-item[b-flhpt4mel0] {
    background-color: var(--color-bg-surface);
    border: 1px solid var(--color-neutral-100);
    border-radius: var(--radius-lg);
    padding: var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    animation: ctask-enter-b-flhpt4mel0 var(--duration-normal, 200ms) var(--ease-enter, ease-out) both;
    transition: box-shadow var(--duration-fast, 120ms) ease;
}

.ctask-item:hover[b-flhpt4mel0] {
    box-shadow: 0 2px 8px rgba(94, 144, 99, 0.10);
}

.ctask-item--active[b-flhpt4mel0] {
    border-left: 3px solid var(--color-sage-500, #5E9063);
}

.ctask-item--done[b-flhpt4mel0] {
    opacity: 0.60;
}

/* ── Top row: icon + body + badge ─────────────────────────────── */

.ctask-item__top[b-flhpt4mel0] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
}

.ctask-item__type-icon[b-flhpt4mel0] {
    font-size: var(--text-xl);
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    background-color: var(--color-sage-50, #f0f7f0);
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
}

.ctask-item--active .ctask-item__type-icon[b-flhpt4mel0] {
    background-color: var(--color-sage-100, #d6ecd8);
}

.ctask-item__body[b-flhpt4mel0] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.ctask-item__title[b-flhpt4mel0] {
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
    margin: 0;
}

.ctask-item--done .ctask-item__title[b-flhpt4mel0] {
    text-decoration: line-through;
}

.ctask-item__type-label[b-flhpt4mel0] {
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    color: var(--color-sage-700, #3a6b3e);
    font-family: var(--font-persian);
    background-color: var(--color-sage-50, #f0f7f0);
    border-radius: var(--radius-sm);
    padding: 2px var(--space-2);
    align-self: flex-start;
}

.ctask-item__desc[b-flhpt4mel0] {
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
    margin: 0;
    line-height: 1.5;
}

/* ── Footer row: date + action ─────────────────────────────────── */

.ctask-item__footer[b-flhpt4mel0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--space-2);
}

.ctask-item__date[b-flhpt4mel0] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    direction: ltr;
}

.ctask-item__completed-at[b-flhpt4mel0] {
    font-size: var(--text-xs);
    color: var(--color-sage-600, #4d7d52);
    font-family: var(--font-persian);
    font-weight: var(--weight-medium);
}

.ctask-inline-error[b-flhpt4mel0] {
    font-size: var(--text-xs);
    color: var(--color-emergency-600, #dc2626);
    font-family: var(--font-persian);
}

/* ── Action buttons ────────────────────────────────────────────── */

.ctask-action-btn[b-flhpt4mel0] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    padding: var(--space-2) var(--space-4);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    font-family: var(--font-persian);
    border: none;
    cursor: pointer;
    transition: background-color var(--duration-fast, 120ms) ease,
                opacity var(--duration-fast, 120ms) ease;
}

.ctask-action-btn:disabled[b-flhpt4mel0] {
    opacity: 0.55;
    cursor: not-allowed;
}

.ctask-action-btn--start[b-flhpt4mel0] {
    background-color: var(--color-amber-100, #fef3c7);
    color: var(--color-amber-800, #92400e);
}

.ctask-action-btn--start:not(:disabled):hover[b-flhpt4mel0] {
    background-color: var(--color-amber-200, #fde68a);
}

.ctask-action-btn--complete[b-flhpt4mel0] {
    background-color: var(--color-sage-600, #4d7d52);
    color: #ffffff;
}

.ctask-action-btn--complete:not(:disabled):hover[b-flhpt4mel0] {
    background-color: var(--color-sage-700, #3a6b3e);
}

/* ── Status badges ─────────────────────────────────────────────── */

.ctask-badge[b-flhpt4mel0] {
    display: inline-block;
    flex-shrink: 0;
    padding: 2px var(--space-2);
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    font-family: var(--font-persian);
    white-space: nowrap;
}

.ctask-badge--pending[b-flhpt4mel0] {
    background-color: var(--color-amber-100, #fef3c7);
    color: var(--color-amber-700, #b45309);
}

.ctask-badge--inprogress[b-flhpt4mel0] {
    background-color: var(--color-sage-100, #d6ecd8);
    color: var(--color-sage-700, #3a6b3e);
}

.ctask-badge--completed[b-flhpt4mel0] {
    background-color: var(--color-neutral-100, #f3f4f6);
    color: var(--color-text-secondary, #4b5563);
}

.ctask-badge--cancelled[b-flhpt4mel0] {
    background-color: var(--color-neutral-100, #f3f4f6);
    color: var(--color-text-tertiary, #9ca3af);
    text-decoration: line-through;
}

/* ── Entry animation ───────────────────────────────────────────── */

@keyframes ctask-enter-b-flhpt4mel0 {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Proof-of-Work Modal ─────────────────────────────────────────── */

.ctask-proof-modal[b-flhpt4mel0] {
    background: var(--color-bg-surface);
    border-radius: var(--radius-xl);
    width: 100%;
    max-width: 440px;
    margin: auto;
    overflow: hidden;
    box-shadow: var(--shadow-xl);
    animation: ctask-enter-b-flhpt4mel0 var(--duration-normal) var(--ease-enter) both;
}

.ctask-proof-modal__header[b-flhpt4mel0] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    padding: var(--space-5);
    background: linear-gradient(135deg, var(--color-sage-100) 0%, var(--color-bg-surface) 80%);
    border-bottom: 1px solid var(--color-sage-200);
}

.ctask-proof-modal__check-icon[b-flhpt4mel0] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--color-sage-600);
    color: #fff;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-style: normal;
}

.ctask-proof-modal__title[b-flhpt4mel0] {
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
}

.ctask-proof-modal__guidance[b-flhpt4mel0] {
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
    margin-top: var(--space-1);
    line-height: var(--leading-relaxed);
}

.ctask-proof-modal__body[b-flhpt4mel0] {
    padding: var(--space-5);
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.ctask-proof-modal__upload-section[b-flhpt4mel0] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.ctask-proof-modal__upload-label[b-flhpt4mel0] {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.ctask-proof-modal__optional[b-flhpt4mel0] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    font-weight: var(--weight-regular);
    background: var(--color-neutral-100);
    padding: 1px 6px;
    border-radius: var(--radius-full);
}

.ctask-proof-zone[b-flhpt4mel0] {
    position: relative;
    border: 1.5px dashed var(--color-neutral-300);
    border-radius: var(--radius-md);
    padding: var(--space-3);
    background: var(--color-bg-sunken);
    min-height: 80px;
    transition: border-color var(--duration-fast) var(--ease-standard),
                background-color var(--duration-fast) var(--ease-standard);
}

.ctask-proof-zone:has(label:hover)[b-flhpt4mel0],
.ctask-proof-zone:focus-within[b-flhpt4mel0] {
    border-color: var(--color-sage-400);
    background: var(--color-sage-100);
}

.ctask-proof-zone__hint[b-flhpt4mel0] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-1);
    color: var(--color-text-tertiary);
    font-size: var(--text-xs);
    font-family: var(--font-persian);
    pointer-events: none;
}

.ctask-proof-zone__icon[b-flhpt4mel0] { font-size: 1.5rem; }

.ctask-proof-modal__footer[b-flhpt4mel0] {
    display: flex;
    gap: var(--space-3);
    padding: var(--space-4) var(--space-5);
    background: var(--color-neutral-50);
    border-top: 1px solid var(--color-neutral-100);
}

.ctask-proof-btn[b-flhpt4mel0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-5);
    border-radius: var(--radius-full);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    font-family: var(--font-persian);
    border: none;
    cursor: pointer;
    transition: all var(--duration-fast) var(--ease-standard);
    min-height: 44px;
}

.ctask-proof-btn--confirm[b-flhpt4mel0] {
    background: var(--color-sage-600);
    color: #fff;
    flex: 1;
}

.ctask-proof-btn--confirm:hover:not(:disabled)[b-flhpt4mel0] {
    background: var(--color-sage-700);
    box-shadow: var(--shadow-md);
}

.ctask-proof-btn--confirm:disabled[b-flhpt4mel0] {
    opacity: 0.5;
    cursor: not-allowed;
}

.ctask-proof-btn--cancel[b-flhpt4mel0] {
    background: transparent;
    color: var(--color-text-tertiary);
    border: 1.5px solid var(--color-neutral-200);
}

.ctask-proof-btn--cancel:hover[b-flhpt4mel0] {
    background: var(--color-neutral-100);
    color: var(--color-text-secondary);
}
/* /Components/Pages/Companion/CompanionVisitsPage.razor.rz.scp.css */
/* ============================================================
   COMPANION VISITS PAGE — Scoped styles
   Sage-green accent, calm emotional tone.
   ============================================================ */

/* ── Page header ──────────────────────────────────────────── */
.cv-page-header[b-xe0ivmna07] {
    margin-bottom: var(--space-6);
    padding-bottom: var(--space-5);
    border-bottom: 1px solid var(--color-neutral-100);
}

.cv-page-title[b-xe0ivmna07] {
    font-size: var(--text-2xl);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
    margin: 0 0 var(--space-1);
    line-height: var(--leading-snug);
}

.cv-page-subtitle[b-xe0ivmna07] {
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    margin: 0;
}

/* ── Error banner ─────────────────────────────────────────── */
.cv-error-banner[b-xe0ivmna07] {
    background-color: var(--color-emergency-50);
    border: 1px solid var(--color-emergency-200);
    border-radius: var(--radius-md);
    color: var(--color-emergency-600);
    font-family: var(--font-persian);
    font-size: var(--text-sm);
    padding: var(--space-3) var(--space-4);
    margin-bottom: var(--space-4);
}

/* ── Card list ────────────────────────────────────────────── */
.cv-list[b-xe0ivmna07] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

/* ── Visit card ───────────────────────────────────────────── */
.cv-card[b-xe0ivmna07] {
    background-color: var(--color-bg-surface);
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-neutral-100);
    border-inline-start: 3px solid var(--color-neutral-200);
    padding: var(--space-4) var(--space-5);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    animation: cv-card-enter-b-xe0ivmna07 var(--duration-normal) var(--ease-enter) both;
}

.cv-card--inprogress[b-xe0ivmna07] { border-inline-start-color: var(--color-sage-400); }
.cv-card--completed[b-xe0ivmna07]  { border-inline-start-color: var(--color-sage-600); opacity: 0.88; }
.cv-card--failed[b-xe0ivmna07]     { border-inline-start-color: var(--color-emergency-400); opacity: 0.75; }

@keyframes cv-card-enter-b-xe0ivmna07 {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Card header row ──────────────────────────────────────── */
.cv-card__header[b-xe0ivmna07] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.cv-card__meta[b-xe0ivmna07] {
    display: flex;
    align-items: baseline;
    gap: var(--space-2);
}

.cv-card__time[b-xe0ivmna07] {
    font-size: var(--text-lg);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
}

.cv-card__date[b-xe0ivmna07] {
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
}

/* ── Card body ────────────────────────────────────────────── */
.cv-card__body[b-xe0ivmna07] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.cv-card__family-label[b-xe0ivmna07] {
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    margin: 0;
    flex-shrink: 0;
}

.cv-card__family-id[b-xe0ivmna07] {
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
    font-family: var(--font-latin);
    margin: 0;
    word-break: break-all;
}

/* ── Card actions row ─────────────────────────────────────── */
.cv-card__actions[b-xe0ivmna07] {
    display: flex;
    gap: var(--space-2);
    flex-wrap: wrap;
}

/* ── Completed summary ────────────────────────────────────── */
.cv-card__summary[b-xe0ivmna07] {
    background-color: var(--color-sage-100);
    border-radius: var(--radius-md);
    padding: var(--space-3) var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.cv-summary__label[b-xe0ivmna07] {
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    color: var(--color-sage-700);
    font-family: var(--font-persian);
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.cv-summary__text[b-xe0ivmna07] {
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
    margin: 0 0 var(--space-2);
    line-height: var(--leading-relaxed);
}

.cv-summary__text--emotional[b-xe0ivmna07] {
    font-style: italic;
    color: var(--color-text-tertiary);
}

/* ── Inline completion form ───────────────────────────────── */
.cv-completion-form[b-xe0ivmna07] {
    background-color: var(--color-bg-sunken);
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-sage-200);
    padding: var(--space-4) var(--space-5);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    margin-top: calc(-1 * var(--space-1));
}

.cv-textarea[b-xe0ivmna07] {
    width: 100%;
    background-color: var(--color-bg-surface);
    border: 1px solid var(--color-neutral-200);
    border-radius: var(--radius-md);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
    font-size: var(--text-sm);
    padding: var(--space-3) var(--space-4);
    resize: vertical;
    box-sizing: border-box;
    transition: border-color var(--duration-fast);
}

.cv-textarea:focus[b-xe0ivmna07] {
    outline: none;
    border-color: var(--color-sage-400);
    box-shadow: 0 0 0 3px var(--color-sage-100);
}

.cv-textarea[b-xe0ivmna07]::placeholder {
    color: var(--color-text-placeholder);
}

.cv-completion-form__btns[b-xe0ivmna07] {
    display: flex;
    gap: var(--space-2);
    flex-wrap: wrap;
}

/* ── Buttons ──────────────────────────────────────────────── */
.cv-btn[b-xe0ivmna07] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    border: none;
    border-radius: var(--radius-md);
    cursor: pointer;
    font-family: var(--font-persian);
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    padding: var(--space-2) var(--space-4);
    transition: background-color var(--duration-fast), opacity var(--duration-fast);
    white-space: nowrap;
}

.cv-btn:disabled[b-xe0ivmna07] {
    cursor: not-allowed;
    opacity: 0.55;
}

.cv-btn--sage[b-xe0ivmna07] {
    background-color: var(--color-sage-400);
    color: #fff;
}

.cv-btn--sage:hover:not(:disabled)[b-xe0ivmna07] {
    background-color: var(--color-sage-600);
}

.cv-btn--neutral[b-xe0ivmna07] {
    background-color: var(--color-neutral-100);
    color: var(--color-text-secondary);
}

.cv-btn--neutral:hover:not(:disabled)[b-xe0ivmna07] {
    background-color: var(--color-neutral-200);
}

/* ── Status badges ────────────────────────────────────────── */
.cv-badge[b-xe0ivmna07] {
    display: inline-block;
    border-radius: var(--radius-full);
    font-family: var(--font-persian);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    padding: 2px var(--space-3);
    white-space: nowrap;
}

.cv-badge--amber[b-xe0ivmna07] {
    background-color: var(--color-amber-100);
    color: var(--color-amber-700);
}

.cv-badge--sage[b-xe0ivmna07] {
    background-color: var(--color-sage-100);
    color: var(--color-sage-700);
}

.cv-badge--completed[b-xe0ivmna07] {
    background-color: var(--color-sage-200);
    color: var(--color-sage-700);
}

.cv-badge--failed[b-xe0ivmna07] {
    background-color: var(--color-emergency-100);
    color: var(--color-emergency-600);
}

/* ── Proof of Care submission screen ─────────────────────────────── */

.cv-proof-screen[b-xe0ivmna07] {
    margin-top: var(--space-4);
    background: var(--color-bg-surface);
    border: 1.5px solid var(--color-sage-200);
    border-radius: var(--radius-lg);
    overflow: hidden;
    animation: cv-card-enter-b-xe0ivmna07 var(--duration-normal) var(--ease-enter) both;
}

.cv-proof-screen__header[b-xe0ivmna07] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-4) var(--space-5);
    background: linear-gradient(135deg, var(--color-sage-100) 0%, var(--color-bg-surface) 100%);
    border-bottom: 1px solid var(--color-sage-200);
}

.cv-proof-screen__icon[b-xe0ivmna07] {
    font-size: 1.5rem;
    flex-shrink: 0;
}

.cv-proof-screen__title[b-xe0ivmna07] {
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
}

.cv-proof-screen__subtitle[b-xe0ivmna07] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    margin-top: var(--space-1);
}

.cv-proof-step[b-xe0ivmna07] {
    display: flex;
    gap: var(--space-3);
    padding: var(--space-4) var(--space-5);
    border-bottom: 1px solid var(--color-neutral-100);
}

.cv-proof-step:last-of-type[b-xe0ivmna07] {
    border-bottom: none;
}

.cv-proof-step__num[b-xe0ivmna07] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--color-sage-600);
    color: #fff;
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 2px;
    font-family: var(--font-persian);
}

.cv-proof-step__num--soft[b-xe0ivmna07]  { background: var(--color-rose-400); }
.cv-proof-step__num--media[b-xe0ivmna07] { background: var(--color-neutral-400); }

.cv-proof-step__body[b-xe0ivmna07] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.cv-proof-step__title[b-xe0ivmna07] {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.cv-proof-step__required[b-xe0ivmna07] {
    color: var(--color-emergency-600);
    font-size: var(--text-xs);
}

.cv-proof-step__optional[b-xe0ivmna07] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    font-weight: var(--weight-regular);
    background: var(--color-neutral-100);
    padding: 1px 6px;
    border-radius: var(--radius-full);
}

.cv-proof-step__textarea[b-xe0ivmna07] {
    width: 100%;
    resize: vertical;
    min-height: 72px;
}

.cv-proof-step__textarea--emotional[b-xe0ivmna07] {
    background: var(--color-rose-50);
    border-color: var(--color-rose-200);
}

.cv-proof-step__textarea--emotional:focus[b-xe0ivmna07] {
    border-color: var(--color-rose-400);
    box-shadow: 0 0 0 3px var(--color-rose-100);
}

.cv-proof-zone[b-xe0ivmna07] {
    position: relative;
    border: 1.5px dashed var(--color-neutral-300);
    border-radius: var(--radius-md);
    padding: var(--space-3);
    background: var(--color-bg-sunken);
    transition: border-color var(--duration-fast) var(--ease-standard);
    min-height: 72px;
}

.cv-proof-zone:has(label:hover)[b-xe0ivmna07],
.cv-proof-zone:focus-within[b-xe0ivmna07] {
    border-color: var(--color-sage-400);
    background: var(--color-sage-100);
}

.cv-proof-zone__hint[b-xe0ivmna07] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-1);
    padding: var(--space-3);
    color: var(--color-text-tertiary);
    font-size: var(--text-xs);
    font-family: var(--font-persian);
    pointer-events: none;
    position: absolute;
    inset: 0;
    justify-content: center;
}

.cv-proof-zone__hint-icon[b-xe0ivmna07] { font-size: 1.5rem; }

.cv-proof-screen__actions[b-xe0ivmna07] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-4) var(--space-5);
    background: var(--color-neutral-50);
    border-top: 1px solid var(--color-neutral-100);
    flex-wrap: wrap;
}

.cv-proof-btn[b-xe0ivmna07] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-6);
    border-radius: var(--radius-full);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    font-family: var(--font-persian);
    border: none;
    cursor: pointer;
    transition: all var(--duration-fast) var(--ease-standard);
    min-height: 44px;
}

.cv-proof-btn--submit[b-xe0ivmna07] {
    background: var(--color-sage-600);
    color: #fff;
    flex: 1;
    justify-content: center;
}

.cv-proof-btn--submit:hover:not(:disabled)[b-xe0ivmna07] {
    background: var(--color-sage-700);
    box-shadow: var(--shadow-md);
}

.cv-proof-btn--submit:disabled[b-xe0ivmna07] {
    opacity: 0.5;
    cursor: not-allowed;
}

.cv-proof-btn--cancel[b-xe0ivmna07] {
    background: transparent;
    color: var(--color-text-tertiary);
    border: 1.5px solid var(--color-neutral-200);
}

.cv-proof-btn--cancel:hover:not(:disabled)[b-xe0ivmna07] {
    background: var(--color-neutral-100);
    color: var(--color-text-secondary);
}

.cv-proof-btn__spinner[b-xe0ivmna07] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: cv-spin-b-xe0ivmna07 0.6s linear infinite;
    flex-shrink: 0;
}

@keyframes cv-spin-b-xe0ivmna07 { to { transform: rotate(360deg); } }

/* ── Soft validation warning ─────────────────────────────────────── */

.cv-proof-warning[b-xe0ivmna07] {
    padding: var(--space-3) var(--space-5);
    background: var(--color-amber-100);
    border-inline-start: 3px solid var(--color-amber-600);
    color: var(--color-amber-700);
    font-size: var(--text-sm);
    font-family: var(--font-persian);
    line-height: var(--leading-relaxed);
}
/* /Components/Pages/Dashboard/CareActivityCard.razor.rz.scp.css */
.care-activity-card[b-22vn0g8b14] {
    background-color: var(--color-bg-surface);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
    animation: card-enter-b-22vn0g8b14 var(--duration-relaxed) var(--ease-enter) both;
    animation-delay: 120ms;
}

/* ── Header ───────────────────────────────────────────── */
.care-activity-card__header[b-22vn0g8b14] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-3);
    padding: var(--space-4) var(--space-5) var(--space-3);
    border-bottom: 1px solid var(--color-neutral-100);
}

.care-activity-card__title[b-22vn0g8b14] {
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    color: var(--color-text-secondary);
    margin: 0;
    font-family: var(--font-persian);
}

.care-activity-card__meta[b-22vn0g8b14] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-shrink: 0;
}

.care-activity-card__mood-badge[b-22vn0g8b14] {
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    color: var(--color-sage-700);
    background-color: var(--color-sage-100);
    padding: var(--space-1) var(--space-3);
    border-radius: var(--radius-full);
    font-family: var(--font-persian);
    white-space: nowrap;
}

.care-activity-card__date[b-22vn0g8b14] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    white-space: nowrap;
}

/* ── Human note — styled as a warm quotation ──────────── */
.care-activity-card__note[b-22vn0g8b14] {
    font-size: var(--text-base);
    line-height: var(--leading-loose);
    color: var(--color-text-primary);
    font-style: italic;
    font-family: var(--font-persian);
    margin: 0;
    padding: var(--space-5) var(--space-5) var(--space-4);
    quotes: "«" "»";
    position: relative;
}

.care-activity-card__note[b-22vn0g8b14]::before {
    content: open-quote;
    font-size: var(--text-2xl);
    color: var(--color-rose-300);
    font-style: normal;
    line-height: 0.5;
    vertical-align: -0.4em;
    margin-inline-end: var(--space-1);
}

.care-activity-card__note[b-22vn0g8b14]::after {
    content: close-quote;
    font-size: var(--text-2xl);
    color: var(--color-rose-300);
    font-style: normal;
    line-height: 0.5;
    vertical-align: -0.4em;
    margin-inline-start: var(--space-1);
}

/* ── Footer ───────────────────────────────────────────── */
.care-activity-card__footer[b-22vn0g8b14] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-3) var(--space-5) var(--space-4);
    border-top: 1px solid var(--color-neutral-100);
    background-color: var(--color-neutral-50);
}

.care-activity-card__companion[b-22vn0g8b14] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-rose-700);
    font-family: var(--font-persian);
}

.care-activity-card__companion-icon[b-22vn0g8b14] {
    font-size: var(--text-sm);
}

.care-activity-card__photo-badge[b-22vn0g8b14] {
    display: flex;
    align-items: center;
    gap: var(--space-1);
    font-size: var(--text-xs);
    color: var(--color-neutral-500);
    font-family: var(--font-persian);
}

@keyframes card-enter-b-22vn0g8b14 {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}
/* /Components/Pages/Dashboard/DashboardPage.razor.rz.scp.css */
/* ── Dashboard page layout ────────────────────────────── */

/* Two-column grid: activity card (main) + side panel */
.dashboard-page__grid[b-inidt907ic] {
    display: grid;
    grid-template-columns: 1fr;          /* Mobile: single column */
    gap: var(--space-4);
}

.dashboard-page__main[b-inidt907ic] {
    min-width: 0;
}

.dashboard-page__side[b-inidt907ic] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    min-width: 0;
}

/* ── Tablet+ (768px): side-by-side grid ───────────────── */
@media (min-width: 768px) {
    .dashboard-page__grid[b-inidt907ic] {
        /* Main content wider, side panel narrower */
        grid-template-columns: 1fr 300px;
        gap: var(--space-6);
        align-items: start;
    }
}

/* ── Desktop (1024px): more generous gap ─────────────── */
@media (min-width: 1024px) {
    .dashboard-page__grid[b-inidt907ic] {
        grid-template-columns: 1fr 320px;
        gap: var(--space-8);
    }
}

/* ── Coordinator assignment notice banner ─────────────── */
.dashboard-page__coordinator-notice[b-inidt907ic] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background-color: var(--color-amber-100);
    border: 1px solid var(--color-amber-200);
    border-radius: var(--radius-md);
    color: var(--color-amber-700);
    font-size: var(--text-sm);
    line-height: 1.6;
}

.dashboard-page__coordinator-notice-icon[b-inidt907ic] {
    flex-shrink: 0;
    font-size: 1rem;
    margin-top: 2px;
}

.dashboard-page__coordinator-notice-text[b-inidt907ic] {
    flex: 1;
}
/* /Components/Pages/Dashboard/EmotionalSummaryCard.razor.rz.scp.css */
.emotional-summary[b-5fjk9nq4yj] {
    background-color: var(--color-rose-50);
    border: 1px solid var(--color-rose-200);
    border-radius: var(--radius-xl);
    padding: var(--space-5) var(--space-6);
    margin-bottom: var(--space-6);
    text-align: center;
    animation: summary-enter-b-5fjk9nq4yj var(--duration-relaxed) var(--ease-enter) both;
}

.emotional-summary__message[b-5fjk9nq4yj] {
    font-size: var(--text-md);
    font-weight: var(--weight-medium);
    color: var(--color-rose-700);
    line-height: var(--leading-relaxed);
    margin: 0;
    font-family: var(--font-persian);
}

@keyframes summary-enter-b-5fjk9nq4yj {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}
/* /Components/Pages/Dashboard/FamilyStatusCard.razor.rz.scp.css */
/* ── Base card ────────────────────────────────────────── */
.family-status-card[b-zes92ie5f0] {
    background-color: var(--color-bg-surface);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-md);
    padding: var(--space-6);
    margin-bottom: var(--space-6);
    border: 1.5px solid transparent;
    transition: box-shadow var(--duration-normal) var(--ease-standard);
    animation: card-enter-b-zes92ie5f0 var(--duration-relaxed) var(--ease-enter) both;
    animation-delay: 60ms;
}

/* ── Status variants ───────────────────────────────────── */
.family-status-card--good[b-zes92ie5f0] {
    border-color: var(--color-sage-200);
    background: linear-gradient(135deg, #fff 70%, var(--color-sage-100) 100%);
}

.family-status-card--calm[b-zes92ie5f0] {
    border-color: var(--color-neutral-200);
}

.family-status-card--attentive[b-zes92ie5f0] {
    border-color: var(--color-amber-200);
    background: linear-gradient(135deg, #fff 70%, var(--color-amber-100) 100%);
}

/* ── Top section: avatar + identity ───────────────────── */
.family-status-card__top[b-zes92ie5f0] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    margin-bottom: var(--space-5);
}

/* Avatar */
.family-status-card__avatar[b-zes92ie5f0] {
    width: 64px;
    height: 64px;
    border-radius: var(--radius-full);
    background-color: var(--color-rose-600);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(196, 123, 90, 0.3);
}

.family-status-card__initial[b-zes92ie5f0] {
    font-size: var(--text-xl);
    font-weight: var(--weight-semibold);
    color: var(--color-text-on-rose);
    font-family: var(--font-persian);
    line-height: 1;
}

/* Identity */
.family-status-card__identity[b-zes92ie5f0] {
    flex: 1;
    min-width: 0;
}

.family-status-card__name[b-zes92ie5f0] {
    font-size: var(--text-xl);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    margin: 0 0 var(--space-2);
    line-height: var(--leading-snug);
    font-family: var(--font-persian);
}

/* Status row: dot + label */
.family-status-card__status-row[b-zes92ie5f0] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.family-status-card__status-dot[b-zes92ie5f0] {
    width: 10px;
    height: 10px;
    border-radius: var(--radius-full);
    flex-shrink: 0;
}

.family-status-card--good .family-status-card__status-dot[b-zes92ie5f0] {
    background-color: var(--color-sage-600);
    box-shadow: 0 0 0 3px var(--color-sage-200);
}

.family-status-card--calm .family-status-card__status-dot[b-zes92ie5f0] {
    background-color: var(--color-neutral-400);
    box-shadow: 0 0 0 3px var(--color-neutral-100);
}

.family-status-card--attentive .family-status-card__status-dot[b-zes92ie5f0] {
    background-color: var(--color-amber-600);
    box-shadow: 0 0 0 3px var(--color-amber-200);
}

.family-status-card__status-label[b-zes92ie5f0] {
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
}

/* ── Summary text ─────────────────────────────────────── */
.family-status-card__summary[b-zes92ie5f0] {
    font-size: var(--text-base);
    color: var(--color-text-secondary);
    line-height: var(--leading-relaxed);
    margin: 0 0 var(--space-5);
    font-family: var(--font-persian);
    padding: var(--space-4);
    background-color: var(--color-neutral-50);
    border-radius: var(--radius-md);
    border-inline-start: 3px solid var(--color-rose-400);
}

/* ── Footer ───────────────────────────────────────────── */
.family-status-card__footer[b-zes92ie5f0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    padding-top: var(--space-4);
    border-top: 1px solid var(--color-neutral-100);
}

.family-status-card__companion[b-zes92ie5f0] {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-rose-700);
    font-family: var(--font-persian);
}

.family-status-card__date[b-zes92ie5f0] {
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
}

@keyframes card-enter-b-zes92ie5f0 {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}
/* /Components/Pages/Dashboard/LastRequestCard.razor.rz.scp.css */
.last-request-card[b-pgyd251c2w] {
    background-color: var(--color-bg-surface);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    padding: var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

/* ── Header ─────────────────────────────── */
.last-request-card__header[b-pgyd251c2w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2);
}

.last-request-card__title[b-pgyd251c2w] {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--color-text-secondary);
    margin: 0;
    font-family: var(--font-persian);
}

/* Status badge */
.last-request-card__badge[b-pgyd251c2w] {
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    padding: 2px var(--space-2);
    border-radius: var(--radius-full);
    font-family: var(--font-persian);
    white-space: nowrap;
}

.last-request-card__badge--rose[b-pgyd251c2w]    { background: var(--color-rose-100);      color: var(--color-rose-700);      }
.last-request-card__badge--sage[b-pgyd251c2w]    { background: var(--color-sage-100);      color: var(--color-sage-700);      }
.last-request-card__badge--amber[b-pgyd251c2w]   { background: var(--color-amber-100);     color: var(--color-amber-700);     }
.last-request-card__badge--neutral[b-pgyd251c2w] { background: var(--color-neutral-100);   color: var(--color-neutral-500);   }

/* ── Body ───────────────────────────────── */
.last-request-card__request[b-pgyd251c2w] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
}

.last-request-card__icon[b-pgyd251c2w] {
    font-size: var(--text-xl);
    line-height: 1;
    flex-shrink: 0;
}

.last-request-card__info[b-pgyd251c2w] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.last-request-card__request-title[b-pgyd251c2w] {
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    color: var(--color-text-primary);
    margin: 0;
    font-family: var(--font-persian);
    line-height: var(--leading-snug);
}

.last-request-card__meta[b-pgyd251c2w] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    margin: 0;
    font-family: var(--font-persian);
}

.last-request-card__companion[b-pgyd251c2w] {
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
    margin: 0;
    display: flex;
    align-items: center;
    gap: var(--space-1);
}

.last-request-card__pending-note[b-pgyd251c2w] {
    font-size: var(--text-xs);
    color: var(--color-amber-600);
    font-family: var(--font-persian);
    margin: 0;
    font-style: italic;
}

/* ── Link ───────────────────────────────── */
.last-request-card__link[b-pgyd251c2w] {
    font-size: var(--text-sm);
    color: var(--color-text-link);
    font-family: var(--font-persian);
    text-decoration: none;
    text-align: start;
    padding-top: var(--space-1);
    border-top: 1px solid var(--color-border-default);
}

.last-request-card__link:hover[b-pgyd251c2w] {
    color: var(--color-rose-700);
    text-decoration: underline;
}
/* /Components/Pages/Dashboard/QuickActionsPanel.razor.rz.scp.css */
.quick-actions[b-yi51ljt0yu] {
    background-color: var(--color-bg-surface);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
    animation: card-enter-b-yi51ljt0yu var(--duration-relaxed) var(--ease-enter) both;
    animation-delay: 180ms;
}

.quick-actions__heading[b-yi51ljt0yu] {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-tertiary);
    margin: 0;
    padding: var(--space-4) var(--space-5) var(--space-3);
    border-bottom: 1px solid var(--color-neutral-100);
    font-family: var(--font-persian);
    letter-spacing: 0.02em;
}

.quick-actions__list[b-yi51ljt0yu] {
    display: flex;
    flex-direction: column;
}

/* ── Each action item ─────────────────────────────────── */
.quick-action-btn[b-yi51ljt0yu] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-4) var(--space-5);
    text-decoration: none;
    border-bottom: 1px solid var(--color-neutral-100);
    transition: background-color var(--duration-fast) var(--ease-standard);
    min-height: 52px;
    cursor: pointer;
}

.quick-action-btn:last-child[b-yi51ljt0yu] {
    border-bottom: none;
}

.quick-action-btn:hover[b-yi51ljt0yu] {
    text-decoration: none;
}

/* Primary action */
.quick-action-btn--primary[b-yi51ljt0yu] {
    background-color: var(--color-rose-50);
}

.quick-action-btn--primary:hover[b-yi51ljt0yu] {
    background-color: var(--color-rose-100);
}

.quick-action-btn--primary .quick-action-btn__label[b-yi51ljt0yu] {
    color: var(--color-rose-700);
    font-weight: var(--weight-semibold);
}

/* Secondary action */
.quick-action-btn--secondary[b-yi51ljt0yu] {
    background-color: transparent;
}

.quick-action-btn--secondary:hover[b-yi51ljt0yu] {
    background-color: var(--color-neutral-50);
}

.quick-action-btn--secondary .quick-action-btn__label[b-yi51ljt0yu] {
    color: var(--color-text-secondary);
}

/* Calm action */
.quick-action-btn--calm[b-yi51ljt0yu] {
    background-color: transparent;
}

.quick-action-btn--calm:hover[b-yi51ljt0yu] {
    background-color: var(--color-sage-100);
}

.quick-action-btn--calm .quick-action-btn__label[b-yi51ljt0yu] {
    color: var(--color-text-secondary);
}

/* Shared parts */
.quick-action-btn__icon[b-yi51ljt0yu] {
    font-size: var(--text-lg);
    flex-shrink: 0;
    width: 28px;
    text-align: center;
}

.quick-action-btn__label[b-yi51ljt0yu] {
    flex: 1;
    font-size: var(--text-base);
    font-family: var(--font-persian);
    font-weight: var(--weight-medium);
}

.quick-action-btn__arrow[b-yi51ljt0yu] {
    color: var(--color-neutral-300);
    font-size: var(--text-base);
    flex-shrink: 0;
    transition: color var(--duration-fast) var(--ease-standard),
                transform var(--duration-fast) var(--ease-standard);
}

.quick-action-btn:hover .quick-action-btn__arrow[b-yi51ljt0yu] {
    color: var(--color-neutral-500);
    transform: translateX(-3px);
}

/* RTL: arrow direction reverses */
[dir="rtl"] .quick-action-btn:hover .quick-action-btn__arrow[b-yi51ljt0yu] {
    transform: translateX(3px);
}

@keyframes card-enter-b-yi51ljt0yu {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}
/* /Components/Pages/Dashboard/UpcomingScheduleCard.razor.rz.scp.css */
.upcoming-card[b-hzz1nifsrq] {
    background-color: var(--color-neutral-50);
    border: 1px solid var(--color-neutral-100);
    border-radius: var(--radius-lg);
    overflow: hidden;
    animation: card-enter-b-hzz1nifsrq var(--duration-relaxed) var(--ease-enter) both;
    animation-delay: 240ms;
}

.upcoming-card__header[b-hzz1nifsrq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    padding: var(--space-4) var(--space-5) var(--space-3);
    border-bottom: 1px solid var(--color-neutral-100);
}

.upcoming-card__title[b-hzz1nifsrq] {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-tertiary);
    margin: 0;
    font-family: var(--font-persian);
    letter-spacing: 0.02em;
}

.upcoming-card__badge[b-hzz1nifsrq] {
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    padding: var(--space-1) var(--space-3);
    border-radius: var(--radius-full);
    font-family: var(--font-persian);
}

.upcoming-card__badge--today[b-hzz1nifsrq] {
    background-color: var(--color-rose-100);
    color: var(--color-rose-700);
}

.upcoming-card__badge--soon[b-hzz1nifsrq] {
    background-color: var(--color-amber-100);
    color: var(--color-amber-700);
}

.upcoming-card__body[b-hzz1nifsrq] {
    padding: var(--space-4) var(--space-5) var(--space-5);
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.upcoming-card__datetime[b-hzz1nifsrq] {
    font-size: var(--text-lg);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    margin: 0;
    font-family: var(--font-persian);
}

.upcoming-card__companion[b-hzz1nifsrq] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
    margin: 0;
    font-family: var(--font-persian);
}

.upcoming-card__companion-icon[b-hzz1nifsrq] {
    font-size: var(--text-sm);
}

@keyframes card-enter-b-hzz1nifsrq {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}
/* /Components/Pages/Emergency/EmergencyPage.razor.rz.scp.css */
/* ============================================================
   Emergency Page — calm urgency at every phase
   Background shifts subtly to signal state without alarm.
   ============================================================ */

/* Active emergency: background shifts to emergency-50 — perceptible but not shocking */
.emergency-page--active[b-d63desazr3] {
    /* Applied to DeliPageContainer — sets context for all child styles */
}

/* ── Shared phase styles ────────────────────────────────── */
.emg-phase[b-d63desazr3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--space-5);
    padding: var(--space-8) 0 var(--space-6);
    animation: phase-enter-b-d63desazr3 var(--duration-normal) var(--ease-enter) both;
    max-width: 480px;
    margin: 0 auto;
}

@keyframes phase-enter-b-d63desazr3 {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ══════════════════════════════════════════════════════════
   CALM PHASE
   ══════════════════════════════════════════════════════════ */
.emg-calm__icon-wrap[b-d63desazr3] {
    width: 80px;
    height: 80px;
    border-radius: var(--radius-full);
    background-color: var(--color-sage-100);
    display: flex;
    align-items: center;
    justify-content: center;
}

.emg-calm__icon[b-d63desazr3] { font-size: 2.5rem; line-height: 1; }

.emg-calm__title[b-d63desazr3] {
    font-size: var(--text-2xl);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    margin: 0;
    font-family: var(--font-persian);
}

.emg-calm__body[b-d63desazr3] {
    font-size: var(--text-base);
    color: var(--color-text-secondary);
    line-height: var(--leading-relaxed);
    margin: 0;
    font-family: var(--font-persian);
    max-width: 340px;
}

.emg-calm__trigger[b-d63desazr3] {
    max-width: 320px;
    width: 100%;
}

.emg-calm__back-link[b-d63desazr3] {
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
    text-decoration: none;
    font-family: var(--font-persian);
    margin-top: var(--space-2);
}

.emg-calm__back-link:hover[b-d63desazr3] { color: var(--color-rose-700); text-decoration: none; }

/* ══════════════════════════════════════════════════════════
   SELECT PHASE
   ══════════════════════════════════════════════════════════ */
.emg-select__heading[b-d63desazr3] {
    font-size: var(--text-2xl);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    margin: 0;
    font-family: var(--font-persian);
}

.emg-select__subheading[b-d63desazr3] {
    font-size: var(--text-base);
    color: var(--color-text-secondary);
    margin: 0;
    font-family: var(--font-persian);
    margin-top: calc(-1 * var(--space-3));
}

.emg-select__grid[b-d63desazr3] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-3);
    width: 100%;
    max-width: 440px;
}

.emg-select__cancel[b-d63desazr3] {
    background: none;
    border: none;
    color: var(--color-text-tertiary);
    font-size: var(--text-sm);
    font-family: var(--font-persian);
    cursor: pointer;
    padding: var(--space-2) var(--space-4);
    border-radius: var(--radius-full);
    transition: color var(--duration-fast) var(--ease-standard);
}

.emg-select__cancel:hover[b-d63desazr3] { color: var(--color-text-secondary); }

/* ══════════════════════════════════════════════════════════
   CONFIRM PHASE
   ══════════════════════════════════════════════════════════ */
.emg-confirm__type-chip[b-d63desazr3] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-5);
    background-color: var(--color-emergency-100);
    border: 1px solid var(--color-emergency-200);
    border-radius: var(--radius-full);
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--color-emergency-700);
    font-family: var(--font-persian);
}

.emg-confirm__heading[b-d63desazr3] {
    font-size: var(--text-2xl);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    margin: 0;
    font-family: var(--font-persian);
}

.emg-confirm__body[b-d63desazr3] {
    font-size: var(--text-base);
    color: var(--color-text-secondary);
    line-height: var(--leading-relaxed);
    margin: 0;
    font-family: var(--font-persian);
    max-width: 340px;
}

.emg-confirm__actions[b-d63desazr3] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    width: 100%;
    max-width: 320px;
}

.emg-confirm__back[b-d63desazr3] {
    background: none;
    border: none;
    color: var(--color-text-tertiary);
    font-size: var(--text-sm);
    font-family: var(--font-persian);
    cursor: pointer;
    padding: var(--space-2);
    transition: color var(--duration-fast) var(--ease-standard);
}

.emg-confirm__back:hover[b-d63desazr3] { color: var(--color-text-secondary); }

/* ══════════════════════════════════════════════════════════
   ACTIVE PHASE
   ══════════════════════════════════════════════════════════ */
.emg-active__hero[b-d63desazr3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-3);
}

.emg-active__hero-icon[b-d63desazr3] {
    font-size: 3.5rem;
    line-height: 1;
    animation: hero-pulse-b-d63desazr3 2s ease-in-out infinite;
}

@keyframes hero-pulse-b-d63desazr3 {
    0%, 100% { transform: scale(1); }
    50%       { transform: scale(1.06); }
}

.emg-active__heading[b-d63desazr3] {
    font-size: var(--text-2xl);
    font-weight: var(--weight-semibold);
    color: var(--color-emergency-700);
    margin: 0;
    font-family: var(--font-persian);
}

.emg-active__companion[b-d63desazr3] {
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    color: var(--color-rose-700);
    margin: 0;
    font-family: var(--font-persian);
}

/* Status tracker in a surface card */
.emg-active__tracker-card[b-d63desazr3] {
    width: 100%;
    max-width: 440px;
    background-color: var(--color-bg-surface);
    border-radius: var(--radius-xl);
    padding: var(--space-5) var(--space-6);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--color-emergency-200);
}

.emg-active__type-row[b-d63desazr3] {
    display: flex;
    justify-content: center;
}

.emg-active__type-chip[b-d63desazr3] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-1) var(--space-4);
    background-color: var(--color-neutral-50);
    border: 1px solid var(--color-neutral-200);
    border-radius: var(--radius-full);
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
}

/* Updates list */
.emg-active__updates[b-d63desazr3] {
    width: 100%;
    max-width: 440px;
    text-align: start;
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.emg-active__updates-heading[b-d63desazr3] {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    margin: 0 0 var(--space-1);
    letter-spacing: 0.02em;
}

.emg-active__update-item[b-d63desazr3] {
    display: flex;
    gap: var(--space-3);
    align-items: flex-start;
}

.emg-active__update-dot[b-d63desazr3] {
    color: var(--color-sage-600);
    font-size: 0.5rem;
    margin-top: 6px;
    flex-shrink: 0;
}

.emg-active__update-content[b-d63desazr3] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.emg-active__update-media[b-d63desazr3] {
    margin-top: var(--space-1);
}

.emg-active__update-message[b-d63desazr3] {
    font-size: var(--text-sm);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
    line-height: var(--leading-normal);
}

.emg-active__update-time[b-d63desazr3] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
}

/* Footer */
.emg-active__footer[b-d63desazr3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-3);
    margin-top: var(--space-2);
}

.emg-active__timeline-link[b-d63desazr3] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--color-rose-700);
    text-decoration: none;
    font-family: var(--font-persian);
    transition: gap var(--duration-fast) var(--ease-standard);
}

.emg-active__timeline-link:hover[b-d63desazr3] {
    text-decoration: none;
    gap: var(--space-3);
}

.emg-active__resolve[b-d63desazr3] {
    background: none;
    border: none;
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    cursor: pointer;
    padding: var(--space-2) var(--space-4);
    border-radius: var(--radius-full);
    border: 1px solid var(--color-neutral-200);
    transition: background-color var(--duration-fast) var(--ease-standard);
}

.emg-active__resolve:hover[b-d63desazr3] {
    background-color: var(--color-neutral-50);
    color: var(--color-text-secondary);
}
/* /Components/Pages/Emergency/EmergencyStatusTracker.razor.rz.scp.css */
.emg-tracker[b-hf4xe5niv6] {
    display: flex;
    align-items: flex-start;
    gap: 0;
    padding: var(--space-2) 0;
}

.emg-tracker__step[b-hf4xe5niv6] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-2);
    min-width: 0;
}

.emg-tracker__node-row[b-hf4xe5niv6] {
    width: 100%;
    display: flex;
    align-items: center;
}

.emg-tracker__line[b-hf4xe5niv6] {
    flex: 1;
    height: 2px;
    background-color: var(--color-neutral-200);
    transition: background-color var(--duration-normal) var(--ease-standard);
}

.emg-tracker__line--filled[b-hf4xe5niv6] {
    background-color: var(--color-sage-400);
}

.emg-tracker__node[b-hf4xe5niv6] {
    width: 28px;
    height: 28px;
    border-radius: var(--radius-full);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.625rem;
    font-weight: var(--weight-semibold);
    position: relative;
    transition: background-color var(--duration-normal) var(--ease-standard);
}

.emg-tracker__step--done .emg-tracker__node[b-hf4xe5niv6] {
    background-color: var(--color-sage-600);
    color: #fff;
}

.emg-tracker__step--active .emg-tracker__node[b-hf4xe5niv6] {
    background-color: var(--color-emergency-600);
    color: #fff;
}

.emg-tracker__step--future .emg-tracker__node[b-hf4xe5niv6] {
    background-color: transparent;
    border: 2px solid var(--color-neutral-200);
}

/* Pulse on active — steady breathing, not frantic */
.emg-tracker__pulse[b-hf4xe5niv6] {
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: var(--radius-full);
    display: block;
    animation: emg-pulse-b-hf4xe5niv6 2s ease-in-out infinite;
}

@keyframes emg-pulse-b-hf4xe5niv6 {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%       { opacity: 0.5; transform: scale(0.7); }
}

.emg-tracker__label[b-hf4xe5niv6] {
    font-size: var(--text-xs);
    font-family: var(--font-persian);
    text-align: center;
    white-space: nowrap;
    line-height: var(--leading-snug);
}

.emg-tracker__step--done .emg-tracker__label[b-hf4xe5niv6]   { color: var(--color-sage-700);      font-weight: var(--weight-medium); }
.emg-tracker__step--active .emg-tracker__label[b-hf4xe5niv6] { color: var(--color-emergency-700); font-weight: var(--weight-semibold); }
.emg-tracker__step--future .emg-tracker__label[b-hf4xe5niv6] { color: var(--color-text-tertiary); }
/* /Components/Pages/Emergency/EmergencyTypeCard.razor.rz.scp.css */
.emergency-type-card[b-ixeudssvpw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    padding: var(--space-5) var(--space-4);
    background-color: var(--color-bg-surface);
    border: 2px solid var(--color-neutral-200);
    border-radius: var(--radius-xl);
    cursor: pointer;
    text-align: center;
    min-height: 120px;
    width: 100%;
    transition: border-color     var(--duration-fast) var(--ease-standard),
                background-color var(--duration-fast) var(--ease-standard),
                transform        var(--duration-fast) var(--ease-standard),
                box-shadow       var(--duration-fast) var(--ease-standard);
}

.emergency-type-card:hover[b-ixeudssvpw] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

/* Health concern — sage tint (care, not alarm) */
.emergency-type-card--health[b-ixeudssvpw] {
    border-color: var(--color-sage-200);
}
.emergency-type-card--health:hover[b-ixeudssvpw] {
    border-color: var(--color-sage-400);
    background-color: var(--color-sage-100);
}

/* No response — amber tint (concern, not panic) */
.emergency-type-card--noresponse[b-ixeudssvpw] {
    border-color: var(--color-amber-200);
}
.emergency-type-card--noresponse:hover[b-ixeudssvpw] {
    border-color: var(--color-amber-400);
    background-color: var(--color-amber-100);
}

/* Immediate visit — rose tint (urgent but warm) */
.emergency-type-card--visit[b-ixeudssvpw] {
    border-color: var(--color-rose-200);
}
.emergency-type-card--visit:hover[b-ixeudssvpw] {
    border-color: var(--color-rose-400);
    background-color: var(--color-rose-50);
}

/* General concern — neutral */
.emergency-type-card--general[b-ixeudssvpw] {
    border-color: var(--color-neutral-200);
}
.emergency-type-card--general:hover[b-ixeudssvpw] {
    border-color: var(--color-neutral-400);
    background-color: var(--color-neutral-50);
}

.emergency-type-card__icon[b-ixeudssvpw] {
    font-size: 2.25rem;
    line-height: 1;
}

.emergency-type-card__label[b-ixeudssvpw] {
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
    line-height: var(--leading-snug);
}

.emergency-type-card__hint[b-ixeudssvpw] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    line-height: var(--leading-snug);
}
/* /Components/Pages/Family/FamilyOverviewPage.razor.rz.scp.css */
/* ============================================================
   Family Overview Page — warm, generous spacing, RTL-first
   ============================================================ */

/* ── Page header ──────────────────────────────────────────── */
.family-overview__page-header[b-s3rx8adzc9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-6);
}

.family-overview__page-title[b-s3rx8adzc9] {
    font-size: var(--text-2xl);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
    margin: 0 0 var(--space-1);
}

.family-overview__page-subtitle[b-s3rx8adzc9] {
    font-size: var(--text-base);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    margin: 0;
}

/* ── Section spacing ──────────────────────────────────────── */
.family-overview__section[b-s3rx8adzc9] {
    margin-bottom: var(--space-8);
}

/* ── Card header row ──────────────────────────────────────── */
.family-overview__header[b-s3rx8adzc9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-4);
}

.family-overview__section-title[b-s3rx8adzc9] {
    font-size: var(--text-lg);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
    margin: 0;
}

.family-overview__add-btn[b-s3rx8adzc9] {
    flex-shrink: 0;
}

/* ── List items ───────────────────────────────────────────── */
.family-member-item[b-s3rx8adzc9],
.emergency-contact-item[b-s3rx8adzc9],
.important-date-item[b-s3rx8adzc9] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background: var(--color-neutral-50);
    border-radius: var(--radius-md);
    margin-bottom: var(--space-2);
    transition: background-color var(--duration-fast) var(--ease-standard);
}

.family-member-item:hover[b-s3rx8adzc9],
.emergency-contact-item:hover[b-s3rx8adzc9],
.important-date-item:hover[b-s3rx8adzc9] {
    background: var(--color-neutral-100);
}

/* Avatar circle */
.family-item__avatar[b-s3rx8adzc9] {
    width: 36px;
    height: 36px;
    border-radius: var(--radius-full);
    background-color: var(--color-rose-100);
    color: var(--color-rose-700);
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    font-family: var(--font-persian);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* Priority badge for emergency contacts */
.family-item__priority-badge[b-s3rx8adzc9] {
    width: 28px;
    height: 28px;
    border-radius: var(--radius-full);
    background-color: var(--color-sage-100);
    color: var(--color-sage-700);
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* Date type icon */
.family-item__date-icon[b-s3rx8adzc9] {
    font-size: 1.25rem;
    line-height: 1;
    flex-shrink: 0;
}

/* Text block */
.family-item__info[b-s3rx8adzc9] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.family-item__name[b-s3rx8adzc9] {
    flex: 1;
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    font-family: var(--font-persian);
    color: var(--color-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.family-item__meta[b-s3rx8adzc9] {
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Primary member star */
.family-item__primary-badge[b-s3rx8adzc9] {
    color: var(--color-rose-500);
    font-size: var(--text-sm);
    flex-shrink: 0;
}

/* Action buttons */
.family-item__actions[b-s3rx8adzc9] {
    display: flex;
    gap: var(--space-2);
    flex-shrink: 0;
}

.icon-action-btn[b-s3rx8adzc9] {
    background: none;
    border: none;
    cursor: pointer;
    padding: var(--space-1);
    border-radius: var(--radius-sm);
    transition: background-color var(--duration-fast) var(--ease-standard);
    font-size: 0.875rem;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-action-btn:hover[b-s3rx8adzc9] {
    background-color: var(--color-neutral-100);
}

/* ── Quick-add / quick-edit form ──────────────────────────── */
.quick-add-form[b-s3rx8adzc9] {
    padding: var(--space-5);
    background: var(--color-bg-surface);
    border: 1px solid var(--color-rose-200);
    border-radius: var(--radius-lg);
    margin-top: var(--space-3);
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    animation: form-slide-in-b-s3rx8adzc9 var(--duration-normal) var(--ease-enter) both;
}

@keyframes form-slide-in-b-s3rx8adzc9 {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}

.quick-add-form__title[b-s3rx8adzc9] {
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
    margin: 0;
}

/* Two-column row */
.quick-add-form__row[b-s3rx8adzc9] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-4);
}

@media (max-width: 480px) {
    .quick-add-form__row[b-s3rx8adzc9] {
        grid-template-columns: 1fr;
    }
}

.quick-add-form__field[b-s3rx8adzc9] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.quick-add-form__label[b-s3rx8adzc9] {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
}

.quick-add-form__input[b-s3rx8adzc9],
.quick-add-form__select[b-s3rx8adzc9],
.quick-add-form__textarea[b-s3rx8adzc9] {
    width: 100%;
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--color-neutral-300);
    border-radius: var(--radius-md);
    font-size: var(--text-base);
    font-family: var(--font-persian);
    color: var(--color-text-primary);
    background: var(--color-bg-base);
    transition: border-color var(--duration-fast) var(--ease-standard),
                box-shadow var(--duration-fast) var(--ease-standard);
    box-sizing: border-box;
    direction: rtl;
}

.quick-add-form__input:focus[b-s3rx8adzc9],
.quick-add-form__select:focus[b-s3rx8adzc9],
.quick-add-form__textarea:focus[b-s3rx8adzc9] {
    outline: none;
    border-color: var(--color-rose-400);
    box-shadow: 0 0 0 3px var(--color-rose-100);
}

.quick-add-form__textarea[b-s3rx8adzc9] {
    resize: vertical;
    min-height: 60px;
}

/* Checkbox row */
.quick-add-form__check[b-s3rx8adzc9] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.quick-add-form__check-label[b-s3rx8adzc9] {
    font-size: var(--text-sm);
    font-family: var(--font-persian);
    color: var(--color-text-secondary);
    cursor: pointer;
}

/* Error */
.quick-add-form__error[b-s3rx8adzc9] {
    font-size: var(--text-sm);
    color: var(--color-emergency-600);
    font-family: var(--font-persian);
    margin: 0;
    padding: var(--space-2) var(--space-3);
    background: var(--color-emergency-50);
    border-radius: var(--radius-sm);
    border: 1px solid var(--color-emergency-200);
}

/* Form action row */
.quick-add-form__actions[b-s3rx8adzc9] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.quick-add-form__cancel[b-s3rx8adzc9] {
    background: none;
    border: none;
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    cursor: pointer;
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-full);
    transition: color var(--duration-fast) var(--ease-standard);
}

.quick-add-form__cancel:hover[b-s3rx8adzc9] {
    color: var(--color-text-secondary);
}
/* /Components/Pages/Journal/CompanionNoteBlock.razor.rz.scp.css */
.companion-note[b-dvak33xyt3] {
    background: linear-gradient(135deg, var(--color-rose-50) 0%, #fff 100%);
    border: 1px solid var(--color-rose-200);
    border-radius: var(--radius-lg);
    padding: var(--space-4) var(--space-5);
    position: relative;
    overflow: hidden;
}

/* Subtle decorative corner accent */
.companion-note[b-dvak33xyt3]::before {
    content: '';
    position: absolute;
    top: 0;
    inset-inline-end: 0;
    width: 40px;
    height: 40px;
    background: var(--color-rose-100);
    border-end-start-radius: var(--radius-xl);
    opacity: 0.6;
}

.companion-note__header[b-dvak33xyt3] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-bottom: var(--space-3);
}

.companion-note__icon[b-dvak33xyt3] {
    font-size: var(--text-base);
    line-height: 1;
}

.companion-note__byline[b-dvak33xyt3] {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--color-rose-700);
    font-family: var(--font-persian);
}

.companion-note__message[b-dvak33xyt3] {
    font-size: var(--text-base);
    font-style: italic;
    line-height: var(--leading-relaxed);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
    margin: 0;
    quotes: none;
}
/* /Components/Pages/Journal/JournalDetailPage.razor.rz.scp.css */
/* ============================================================
   Journal Detail Page — immersive diary entry view
   Background is subtly warmer than the rest of the app to signal
   "you are reading something personal and human".
   ============================================================ */

.journal-detail-wrapper[b-lpmo3gj9ct] {
    min-height: 100%;
    background: linear-gradient(
        to bottom,
        var(--color-rose-50) 0%,
        var(--color-bg-canvas) 40%
    );
}

/* ── Back link ─────────────────────────────────────────── */
.journal-detail__back[b-lpmo3gj9ct] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-tertiary);
    text-decoration: none;
    margin-bottom: var(--space-6);
    padding: var(--space-2) 0;
    transition: color var(--duration-fast) var(--ease-standard),
                gap   var(--duration-fast) var(--ease-standard);
    font-family: var(--font-persian);
}

.journal-detail__back:hover[b-lpmo3gj9ct] {
    color: var(--color-rose-700);
    text-decoration: none;
    gap: var(--space-3);
}

.journal-detail__back-arrow[b-lpmo3gj9ct] {
    transition: transform var(--duration-fast) var(--ease-standard);
}

.journal-detail__back:hover .journal-detail__back-arrow[b-lpmo3gj9ct] {
    transform: translateX(3px);
}

[dir="rtl"] .journal-detail__back:hover .journal-detail__back-arrow[b-lpmo3gj9ct] {
    transform: translateX(-3px);
}

/* ── Entry header ───────────────────────────────────────── */
.journal-detail__header[b-lpmo3gj9ct] {
    margin-bottom: var(--space-8);
}

.journal-detail__mood-row[b-lpmo3gj9ct] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-bottom: var(--space-4);
    flex-wrap: wrap;
}

.journal-detail__mood-emoji[b-lpmo3gj9ct] {
    font-size: 1.75rem;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: var(--radius-full);
}

.journal-detail__mood--happy[b-lpmo3gj9ct]    { background-color: var(--color-rose-100); }
.journal-detail__mood--calm[b-lpmo3gj9ct]     { background-color: var(--color-sage-100); }
.journal-detail__mood--neutral[b-lpmo3gj9ct]  { background-color: var(--color-neutral-100); }
.journal-detail__mood--tired[b-lpmo3gj9ct]    { background-color: var(--color-amber-100); }
.journal-detail__mood--attentive[b-lpmo3gj9ct] { background-color: var(--color-amber-100); }

.journal-detail__mood-label[b-lpmo3gj9ct] {
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
}

.journal-detail__separator[b-lpmo3gj9ct] {
    color: var(--color-neutral-300);
    font-size: var(--text-base);
}

.journal-detail__date[b-lpmo3gj9ct] {
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
}

.journal-detail__pin[b-lpmo3gj9ct] {
    font-size: var(--text-sm);
    margin-inline-start: var(--space-1);
}

.journal-detail__title[b-lpmo3gj9ct] {
    font-size: var(--text-3xl);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    line-height: var(--leading-snug);
    margin: 0 0 var(--space-3);
    font-family: var(--font-persian);
}

.journal-detail__companion-name[b-lpmo3gj9ct] {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-rose-700);
    margin: 0;
    font-family: var(--font-persian);
}

/* ── Main narrative — the diary body ───────────────────── */
.journal-detail__narrative[b-lpmo3gj9ct] {
    margin-bottom: var(--space-8);
    padding: var(--space-6);
    background-color: var(--color-bg-surface);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-sm);
    border-inline-start: 4px solid var(--color-rose-300);
}

.journal-detail__narrative-text[b-lpmo3gj9ct] {
    font-size: var(--text-md);
    line-height: var(--leading-loose);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
    margin: 0;
}

/* ── Photo grid ─────────────────────────────────────────── */
.journal-detail__photos[b-lpmo3gj9ct] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: var(--space-3);
    margin-bottom: var(--space-8);
}

.journal-detail__photo-tile[b-lpmo3gj9ct] {
    aspect-ratio: 1;
    background-color: var(--color-neutral-100);
    border: 1px solid var(--color-neutral-200);
    border-radius: var(--radius-md);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-1);
    cursor: pointer;
    transition: background-color var(--duration-fast) var(--ease-standard);
}

.journal-detail__photo-tile:hover[b-lpmo3gj9ct] {
    background-color: var(--color-rose-100);
    border-color: var(--color-rose-200);
}

.journal-detail__photo-icon[b-lpmo3gj9ct] { font-size: 1.75rem; }

.journal-detail__photo-label[b-lpmo3gj9ct] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
}

/* ── Voice note player ──────────────────────────────────── */
.journal-detail__voice[b-lpmo3gj9ct] {
    margin-bottom: var(--space-8);
}

.journal-detail__voice-player[b-lpmo3gj9ct] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-4) var(--space-5);
    background-color: var(--color-bg-surface);
    border: 1px solid var(--color-neutral-200);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-xs);
}

.journal-detail__play-btn[b-lpmo3gj9ct] {
    width: 48px;
    height: 48px;
    border-radius: var(--radius-full);
    background-color: var(--color-rose-100);
    border: none;
    color: var(--color-rose-700);
    font-size: var(--text-lg);
    cursor: not-allowed;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.7;
}

.journal-detail__voice-info[b-lpmo3gj9ct] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex-shrink: 0;
}

.journal-detail__voice-label[b-lpmo3gj9ct] {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
}

.journal-detail__voice-hint[b-lpmo3gj9ct] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
}

.journal-detail__waveform[b-lpmo3gj9ct] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 2px;
    height: 36px;
    overflow: hidden;
}

.journal-detail__bar[b-lpmo3gj9ct] {
    display: inline-block;
    width: 3px;
    background-color: var(--color-rose-300);
    border-radius: 2px;
    flex-shrink: 0;
    opacity: 0.65;
}

/* ── Section headings ───────────────────────────────────── */
.journal-detail__section-heading[b-lpmo3gj9ct] {
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    color: var(--color-text-tertiary);
    margin: 0 0 var(--space-3);
    font-family: var(--font-persian);
    letter-spacing: 0.02em;
}

/* ── Life moments ───────────────────────────────────────── */
.journal-detail__moments-section[b-lpmo3gj9ct] {
    margin-bottom: var(--space-8);
}

.journal-detail__moments[b-lpmo3gj9ct] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}

/* ── Companion note section ─────────────────────────────── */
.journal-detail__companion-section[b-lpmo3gj9ct] {
    margin-bottom: var(--space-6);
}

/* ── Desktop: title gets larger ─────────────────────────── */
@media (min-width: 768px) {
    .journal-detail__title[b-lpmo3gj9ct] {
        font-size: var(--text-3xl);
    }

    .journal-detail__narrative-text[b-lpmo3gj9ct] {
        font-size: var(--text-lg);
    }

    .journal-detail__photos[b-lpmo3gj9ct] {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    }
}

/* ── Voice note panel (same design as CareEventCard) ─── */

.journal-detail__voice-note[b-lpmo3gj9ct] {
    margin-top: var(--space-4);
    background: var(--color-sage-100);
    border: 1px solid var(--color-sage-200);
    border-radius: var(--radius-md);
    overflow: hidden;
}

.journal-detail__voice-note-label[b-lpmo3gj9ct] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-4);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    color: var(--color-sage-700);
    font-family: var(--font-persian);
    border-bottom: 1px solid var(--color-sage-200);
    background: var(--color-sage-50);
}

.journal-detail__voice-duration[b-lpmo3gj9ct] {
    margin-inline-start: auto;
    font-variant-numeric: tabular-nums;
    color: var(--color-sage-600);
}

.journal-detail__voice-note .audio-player[b-lpmo3gj9ct] {
    background: transparent;
    border: none;
    border-radius: 0;
    padding: var(--space-3) var(--space-4);
}
/* /Components/Pages/Journal/JournalEntryCard.razor.rz.scp.css */
/* ============================================================
   JournalEntryCard — feed card linking to the full diary entry
   ============================================================ */

.journal-card[b-e3jaq0m1od] {
    background-color: var(--color-bg-surface);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-sm);
    padding: var(--space-5);
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    border: 1px solid var(--color-neutral-100);
    transition: box-shadow var(--duration-fast) var(--ease-standard),
                transform   var(--duration-fast) var(--ease-standard);
    animation: card-enter-b-e3jaq0m1od var(--duration-relaxed) var(--ease-enter) both;
}

.journal-card:hover[b-e3jaq0m1od] {
    box-shadow: var(--shadow-md);
    transform: translateY(-1px);
}

/* Pinned entries: warm golden accent */
.journal-card--pinned[b-e3jaq0m1od] {
    border-color: var(--color-rose-200);
    background: linear-gradient(160deg, var(--color-rose-50) 0%, #fff 40%);
}

/* ── Top row ───────────────────────────────────────────── */
.journal-card__top[b-e3jaq0m1od] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-3);
}

.journal-card__title-area[b-e3jaq0m1od] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2);
    flex: 1;
    min-width: 0;
}

.journal-card__pin-icon[b-e3jaq0m1od] {
    font-size: var(--text-sm);
    line-height: 1.4;
    flex-shrink: 0;
}

.journal-card__title[b-e3jaq0m1od] {
    font-size: var(--text-md);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    margin: 0;
    line-height: var(--leading-snug);
    font-family: var(--font-persian);
}

.journal-card__top-meta[b-e3jaq0m1od] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-shrink: 0;
    padding-top: 2px;
}

/* ── Mood emoji ─────────────────────────────────────────── */
.journal-card__mood[b-e3jaq0m1od] {
    font-size: 1.25rem;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--radius-full);
}

.journal-card__mood--happy[b-e3jaq0m1od]    { background-color: var(--color-rose-100); }
.journal-card__mood--calm[b-e3jaq0m1od]     { background-color: var(--color-sage-100); }
.journal-card__mood--neutral[b-e3jaq0m1od]  { background-color: var(--color-neutral-100); }
.journal-card__mood--tired[b-e3jaq0m1od]    { background-color: var(--color-amber-100); }
.journal-card__mood--attentive[b-e3jaq0m1od] { background-color: var(--color-amber-100); }

.journal-card__date[b-e3jaq0m1od] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    white-space: nowrap;
}

/* ── Summary preview (3-line clamp) ────────────────────── */
.journal-card__summary[b-e3jaq0m1od] {
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
    line-height: var(--leading-relaxed);
    margin: 0;
    font-family: var(--font-persian);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ── Companion note teaser ──────────────────────────────── */
.journal-card__companion-teaser[b-e3jaq0m1od] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-4);
    background-color: var(--color-rose-50);
    border: 1px solid var(--color-rose-100);
    border-radius: var(--radius-md);
}

.journal-card__companion-teaser-icon[b-e3jaq0m1od] {
    font-size: var(--text-sm);
    flex-shrink: 0;
    padding-top: 2px;
}

.journal-card__companion-teaser-text[b-e3jaq0m1od] {
    font-size: var(--text-sm);
    font-style: italic;
    color: var(--color-rose-800, var(--color-rose-700));
    line-height: var(--leading-normal);
    font-family: var(--font-persian);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ── Life moments chips (horizontally scrollable on mobile) */
.journal-card__moments[b-e3jaq0m1od] {
    display: flex;
    gap: var(--space-2);
    overflow-x: auto;
    padding-bottom: var(--space-1);
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.journal-card__moments[b-e3jaq0m1od]::-webkit-scrollbar {
    display: none;
}

/* ── Footer ─────────────────────────────────────────────── */
.journal-card__footer[b-e3jaq0m1od] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    padding-top: var(--space-3);
    border-top: 1px solid var(--color-neutral-100);
    margin-top: auto;
}

.journal-card__media-indicators[b-e3jaq0m1od] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.journal-card__media-badge[b-e3jaq0m1od] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
}

.journal-card__open-link[b-e3jaq0m1od] {
    display: flex;
    align-items: center;
    gap: var(--space-1);
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--color-rose-700);
    text-decoration: none;
    font-family: var(--font-persian);
    white-space: nowrap;
    transition: gap var(--duration-fast) var(--ease-standard);
}

.journal-card__open-link:hover[b-e3jaq0m1od] {
    text-decoration: none;
    gap: var(--space-2);
}

.journal-card__open-arrow[b-e3jaq0m1od] {
    font-size: var(--text-base);
    transition: transform var(--duration-fast) var(--ease-standard);
}

.journal-card__open-link:hover .journal-card__open-arrow[b-e3jaq0m1od] {
    transform: translateX(-3px);
}

[dir="rtl"] .journal-card__open-link:hover .journal-card__open-arrow[b-e3jaq0m1od] {
    transform: translateX(3px);
}

@keyframes card-enter-b-e3jaq0m1od {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Hero image ──────────────────────────────────────────────────── */

.journal-card__hero[b-e3jaq0m1od] {
    position: relative;
    width: 100%;
    height: 180px;
    overflow: hidden;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    background: var(--color-neutral-100);
}

.journal-card__hero-img[b-e3jaq0m1od] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform var(--duration-relaxed) var(--ease-standard);
}

.journal-card:hover .journal-card__hero-img[b-e3jaq0m1od] {
    transform: scale(1.03);
}

.journal-card__hero-count[b-e3jaq0m1od] {
    position: absolute;
    bottom: var(--space-2);
    left: var(--space-2);
    background: rgba(0,0,0,.55);
    color: #fff;
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    font-family: var(--font-persian);
    padding: 2px var(--space-2);
    border-radius: var(--radius-full);
    backdrop-filter: blur(4px);
}

.journal-card__media-strip[b-e3jaq0m1od] {
    padding: 0 var(--space-4) var(--space-2);
}

/* ── Remove old media badge since images are now shown inline ─── */

.journal-card__media-indicators[b-e3jaq0m1od] {
    display: none;
}
/* /Components/Pages/Journal/JournalPage.razor.rz.scp.css */
/* ── Page header ────────────────────────────────────────── */
.journal-page__header[b-x2wf945xtu] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-4);
    margin-bottom: var(--space-6);
    padding-bottom: var(--space-5);
    border-bottom: 1px solid var(--color-neutral-100);
}

.journal-page__title[b-x2wf945xtu] {
    font-size: var(--text-2xl);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    margin: 0 0 var(--space-1);
    font-family: var(--font-persian);
    line-height: var(--leading-snug);
}

.journal-page__subtitle[b-x2wf945xtu] {
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
    margin: 0;
    font-family: var(--font-persian);
}

/* Count pill */
.journal-page__count-pill[b-x2wf945xtu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    padding: var(--space-3) var(--space-4);
    background-color: var(--color-rose-100);
    border: 1px solid var(--color-rose-200);
    border-radius: var(--radius-xl);
    flex-shrink: 0;
    line-height: 1.2;
    font-family: var(--font-persian);
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--color-rose-700);
    text-align: center;
}

.journal-page__count-pill span:first-child[b-x2wf945xtu] {
    font-size: var(--text-xl);
}

/* ── Sections ───────────────────────────────────────────── */
.journal-page__section[b-x2wf945xtu] {
    margin-bottom: var(--space-8);
}

/* Section label */
.journal-page__section-label[b-x2wf945xtu] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    margin-bottom: var(--space-4);
    letter-spacing: 0.02em;
}

/* ── Card feed ──────────────────────────────────────────── */
.journal-page__feed[b-x2wf945xtu] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

/* ── Desktop: two columns for regular entries ───────────── */
@media (min-width: 768px) {
    .journal-page__feed[b-x2wf945xtu] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space-5);
        align-items: start;
    }

    /* Pinned section stays single column — these are special */
    .journal-page__section:first-of-type .journal-page__feed[b-x2wf945xtu] {
        grid-template-columns: 1fr;
    }
}

/* ── End marker ─────────────────────────────────────────── */
.journal-page__end-marker[b-x2wf945xtu] {
    text-align: center;
    padding: var(--space-8) 0 var(--space-4);
    border-top: 1px solid var(--color-neutral-100);
}

.journal-page__end-marker p[b-x2wf945xtu] {
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
    margin: 0;
    font-family: var(--font-persian);
}

/* ── Timeline section divider ────────────────────────────────────── */

.journal-page__section-divider[b-x2wf945xtu] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin: var(--space-6) 0 var(--space-4);
}

.journal-page__section-divider[b-x2wf945xtu]::before,
.journal-page__section-divider[b-x2wf945xtu]::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--color-border-default);
}

.journal-page__section-divider .journal-page__section-label[b-x2wf945xtu] {
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    white-space: nowrap;
    background: var(--color-bg-canvas);
    padding: 0 var(--space-2);
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-bottom: 0;
    letter-spacing: 0.02em;
}

/* ── Memory feed layout (fluid grid from 640 px up) ──────────────── */

@media (min-width: 640px) {
    .journal-page__feed[b-x2wf945xtu] {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
        gap: var(--space-4);
    }
}
/* /Components/Pages/Journal/LifeMomentChip.razor.rz.scp.css */
.life-moment-chip[b-1ir6gcqivj] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    padding: var(--space-1) var(--space-3);
    background-color: var(--color-neutral-50);
    border: 1px solid var(--color-neutral-200);
    border-radius: var(--radius-full);
    white-space: nowrap;
    flex-shrink: 0;
}

.life-moment-chip__icon[b-1ir6gcqivj] {
    font-size: 0.875rem;
    line-height: 1;
}

.life-moment-chip__label[b-1ir6gcqivj] {
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
}
/* /Components/Pages/Landing/FeaturesPage.razor.rz.scp.css */
/* ── Features Page — Hero ─────────────────────────────────── */
.features-hero[b-18hhhv6ivf] {
    padding: clamp(7rem, 12vw, 10rem) 0 clamp(3rem, 6vw, 5rem);
    text-align: center;
    position: relative;
}

.features-hero[b-18hhhv6ivf]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 600px;
    height: 300px;
    background: radial-gradient(ellipse at center top, var(--landing-accent-glow), transparent 70%);
    pointer-events: none;
}

.features-hero__headline[b-18hhhv6ivf] {
    font-size: clamp(2.25rem, 5vw, 3.5rem);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -.03em;
    margin: 0 0 1.25rem;
}

.features-hero__desc[b-18hhhv6ivf] {
    font-size: clamp(1rem, 2vw, 1.1875rem);
    color: var(--landing-text-2);
    max-width: 560px;
    margin: 0 auto;
    line-height: 1.65;
}

/* ── Features Grid Section ────────────────────────────────── */
.features-grid__headline[b-18hhhv6ivf] {
    font-size: clamp(1.75rem, 3.5vw, 2.5rem);
    font-weight: 700;
    letter-spacing: -.025em;
    line-height: 1.15;
    margin: 0 0 2.5rem;
    color: var(--landing-text-1);
}

.features-grid[b-18hhhv6ivf] {
    margin-top: 2rem;
}

.features-grid__card[b-18hhhv6ivf] {
    display: flex;
    flex-direction: column;
    gap: .875rem;
}

.features-grid__card-icon[b-18hhhv6ivf] {
    font-size: 1.75rem;
    line-height: 1;
}

.features-grid__card-title[b-18hhhv6ivf] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--landing-text-1);
    margin: 0;
}

.features-grid__card-desc[b-18hhhv6ivf] {
    font-size: .875rem;
    color: var(--landing-text-2);
    line-height: 1.6;
    margin: 0;
}
/* /Components/Pages/Landing/LiveDemoPage.razor.rz.scp.css */
/* ── Live Demo Page — Hero ────────────────────────────────── */
.livedemo-hero[b-tw6lbvfjkj] {
    padding: clamp(7rem, 12vw, 10rem) 0 clamp(2rem, 4vw, 3rem);
    text-align: center;
    position: relative;
}

.livedemo-hero[b-tw6lbvfjkj]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 700px;
    height: 350px;
    background: radial-gradient(ellipse at center top, var(--landing-green-glow), transparent 65%);
    pointer-events: none;
}

.livedemo-hero__headline[b-tw6lbvfjkj] {
    font-size: clamp(2.25rem, 5vw, 3.75rem);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -.03em;
    margin: 0 0 1.25rem;
    color: var(--landing-text-1);
}

.livedemo-hero__desc[b-tw6lbvfjkj] {
    font-size: clamp(1rem, 2vw, 1.1875rem);
    color: var(--landing-text-2);
    max-width: 600px;
    margin: 0 auto 1.75rem;
    line-height: 1.65;
}

.livedemo-hero__meta[b-tw6lbvfjkj] {
    display: inline-flex;
    align-items: center;
    gap: .625rem;
    padding: .5rem 1.25rem;
    border-radius: 9999px;
    background: rgba(94, 144, 99, 0.08);
    border: 1px solid rgba(94, 144, 99, 0.2);
}

.livedemo-hero__meta-text[b-tw6lbvfjkj] {
    font-size: .8125rem;
    color: var(--landing-green-bright);
    letter-spacing: .02em;
}
/* /Components/Pages/Landing/SecurityPage.razor.rz.scp.css */
/* ── Security Page — Hero ──────────────────────────────────── */
.security-hero[b-o3yugldwzs] {
    padding: clamp(7rem, 12vw, 10rem) 0 clamp(3rem, 6vw, 5rem);
    text-align: center;
    position: relative;
}

.security-hero[b-o3yugldwzs]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 600px;
    height: 320px;
    background: radial-gradient(ellipse at center top, rgba(196, 123, 90, 0.12), transparent 70%);
    pointer-events: none;
}

.security-hero__headline[b-o3yugldwzs] {
    font-size: clamp(2.25rem, 5vw, 3.5rem);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -.03em;
    margin: 0 0 1.25rem;
    color: var(--landing-text-1);
}

.security-hero__desc[b-o3yugldwzs] {
    font-size: clamp(1rem, 2vw, 1.1875rem);
    color: var(--landing-text-2);
    max-width: 580px;
    margin: 0 auto;
    line-height: 1.65;
}

/* ── Technical Stack Section ──────────────────────────────── */
.security-tech__headline[b-o3yugldwzs] {
    font-size: clamp(1.75rem, 3.5vw, 2.5rem);
    font-weight: 700;
    letter-spacing: -.025em;
    line-height: 1.15;
    margin: 0 0 .75rem;
    color: var(--landing-text-1);
}

.security-tech__sub[b-o3yugldwzs] {
    font-size: 1rem;
    color: var(--landing-text-2);
    margin: 0 0 2.5rem;
    line-height: 1.6;
}

.security-tech__grid[b-o3yugldwzs] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
}

@media (max-width: 900px) {
    .security-tech__grid[b-o3yugldwzs] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .security-tech__grid[b-o3yugldwzs] {
        grid-template-columns: 1fr;
    }
}

.security-tech__item[b-o3yugldwzs] {
    display: flex;
    flex-direction: column;
    gap: .875rem;
}

.security-tech__item-header[b-o3yugldwzs] {
    display: flex;
    align-items: flex-start;
    gap: .875rem;
}

.security-tech__item-title[b-o3yugldwzs] {
    font-size: .9375rem;
    font-weight: 600;
    color: var(--landing-text-1);
    margin: 0;
    padding-top: .25rem;
    line-height: 1.3;
}

.security-tech__item-body[b-o3yugldwzs] {
    font-size: .875rem;
    color: var(--landing-text-2);
    line-height: 1.65;
    margin: 0;
    flex: 1;
}

.security-tech__pill[b-o3yugldwzs] {
    display: inline-flex;
    padding: .25rem .75rem;
    border-radius: 9999px;
    background: var(--landing-surface-3);
    border: 1px solid var(--landing-border-active);
    font-size: .75rem;
    font-weight: 500;
    color: var(--landing-text-3);
    letter-spacing: .04em;
    width: fit-content;
}

.security-tech__code[b-o3yugldwzs] {
    font-family: 'Menlo', 'Consolas', 'Courier New', monospace;
    font-size: .8125rem;
    background: var(--landing-surface-3);
    padding: .1em .35em;
    border-radius: 4px;
    color: var(--landing-accent-light);
}
/* /Components/Pages/Notifications/NotificationsPage.razor.rz.scp.css */
/* ── Page container ─────────────────────────────────────── */

.notif-page[b-4y8uk6ukrk] {
    max-width: 640px;
    margin-inline: auto;
}

.notif-page__title[b-4y8uk6ukrk] {
    font-size: var(--text-2xl);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
    margin: 0 0 var(--space-1);
    line-height: var(--leading-snug);
}

.notif-page__badge[b-4y8uk6ukrk] {
    display: inline-block;
    padding: var(--space-1) var(--space-3);
    background-color: var(--color-rose-100);
    color: var(--color-rose-700);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    font-family: var(--font-persian);
    border-radius: var(--radius-full);
}

/* ── Header ─────────────────────────────────────────────── */

.notif-header[b-4y8uk6ukrk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    margin-bottom: var(--space-6);
    padding-bottom: var(--space-5);
    border-bottom: 1px solid var(--color-neutral-100);
}

.notif-page__mark-all-btn[b-4y8uk6ukrk] {
    display: inline-flex;
    align-items: center;
    padding: var(--space-2) var(--space-4);
    background: none;
    border: 1px solid var(--color-border-default);
    border-radius: var(--radius-full);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    font-family: var(--font-persian);
    color: var(--color-text-secondary);
    cursor: pointer;
    transition: background-color var(--duration-fast) var(--ease-standard),
                border-color var(--duration-fast) var(--ease-standard),
                color var(--duration-fast) var(--ease-standard);
    flex-shrink: 0;
    white-space: nowrap;
}

.notif-page__mark-all-btn:hover[b-4y8uk6ukrk] {
    background-color: var(--color-bg-sunken);
    border-color: var(--color-rose-300);
    color: var(--color-rose-700);
}

/* ── Error ──────────────────────────────────────────────── */

.notif-page__error[b-4y8uk6ukrk] {
    padding: var(--space-4);
    background-color: var(--color-rose-50);
    border: 1px solid var(--color-rose-200);
    border-radius: var(--radius-md);
    color: var(--color-rose-700);
    font-size: var(--text-sm);
    font-family: var(--font-persian);
    margin-bottom: var(--space-4);
}

/* ── List ───────────────────────────────────────────────── */

.notif-page__list[b-4y8uk6ukrk] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

/* ── Card ───────────────────────────────────────────────── */

.notif-card[b-4y8uk6ukrk] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    padding: var(--space-4);
    border: 1px solid var(--color-border-default);
    border-radius: var(--radius-lg);
    cursor: pointer;
    transition: background-color var(--duration-fast) var(--ease-standard),
                border-color var(--duration-fast) var(--ease-standard),
                box-shadow var(--duration-fast) var(--ease-standard);
    position: relative;
}

.notif-card:hover[b-4y8uk6ukrk] {
    box-shadow: var(--shadow-sm);
}

.notif-card--unread[b-4y8uk6ukrk] {
    background-color: var(--color-rose-50);
    border-color: var(--color-rose-200);
}

.notif-card--unread:hover[b-4y8uk6ukrk] {
    background-color: var(--color-rose-100);
    border-color: var(--color-rose-300);
}

.notif-card--read[b-4y8uk6ukrk] {
    background-color: var(--color-bg-surface);
    opacity: 0.8;
}

.notif-card--read:hover[b-4y8uk6ukrk] {
    background-color: var(--color-bg-sunken);
    opacity: 1;
}

/* ── Card icon ──────────────────────────────────────────── */

.notif-card__icon[b-4y8uk6ukrk] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    flex-shrink: 0;
    border-radius: var(--radius-full);
    background-color: var(--color-bg-sunken);
    line-height: 1;
}

/* ── Card body ──────────────────────────────────────────── */

.notif-card__body[b-4y8uk6ukrk] {
    flex: 1;
    min-width: 0;
}

.notif-card__title[b-4y8uk6ukrk] {
    font-size: var(--text-sm);
    font-weight: var(--weight-regular);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
    margin: 0 0 var(--space-1);
    line-height: var(--leading-snug);
}

.notif-card__title--unread[b-4y8uk6ukrk] {
    font-weight: var(--weight-semibold);
}

.notif-card__message[b-4y8uk6ukrk] {
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
    margin: 0 0 var(--space-2);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: var(--leading-normal);
}

.notif-card__time[b-4y8uk6ukrk] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
}

/* ── Unread dot ─────────────────────────────────────────── */

.notif-card__dot[b-4y8uk6ukrk] {
    width: 8px;
    height: 8px;
    border-radius: var(--radius-full);
    background-color: var(--color-rose-600);
    flex-shrink: 0;
    margin-top: var(--space-2);
}

/* ── Marking spinner placeholder ───────────────────────── */

.notif-card__spinner[b-4y8uk6ukrk] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    flex-shrink: 0;
    margin-top: var(--space-2);
}
/* /Components/Pages/Onboarding/OnboardingPage.razor.rz.scp.css */
/* ============================================================
   Onboarding Page — warm, calm welcome experience
   ============================================================ */

.onboarding-page[b-ihds3q0jlq] {
    max-width: 520px;
    margin: 0 auto;
    padding: var(--space-8) var(--space-5);
}

/* ── Step container ─────────────────────────────────────── */

.onboarding-step[b-ihds3q0jlq] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
    animation: step-enter-b-ihds3q0jlq var(--duration-normal) var(--ease-enter) both;
}

.onboarding-step--complete[b-ihds3q0jlq] {
    align-items: center;
    text-align: center;
}

@keyframes step-enter-b-ihds3q0jlq {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Icon + headings ────────────────────────────────────── */

.onboarding-icon[b-ihds3q0jlq] {
    font-size: 3rem;
    text-align: center;
}

.onboarding-title[b-ihds3q0jlq] {
    font-size: var(--text-2xl);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
    text-align: center;
    margin: 0;
}

.onboarding-body[b-ihds3q0jlq] {
    font-size: var(--text-base);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
    text-align: center;
    line-height: var(--leading-relaxed);
    margin: 0;
}

/* ── Progress dots ──────────────────────────────────────── */

.onboarding-dots[b-ihds3q0jlq] {
    display: flex;
    justify-content: center;
    gap: var(--space-2);
    margin-bottom: var(--space-4);
}

.onboarding-dot[b-ihds3q0jlq] {
    width: 8px;
    height: 8px;
    border-radius: var(--radius-full);
    background: var(--color-neutral-200);
    transition: all var(--duration-normal) var(--ease-standard);
}

.onboarding-dot--active[b-ihds3q0jlq] {
    background: var(--color-rose-600);
    transform: scale(1.3);
}

.onboarding-dot--done[b-ihds3q0jlq] {
    background: var(--color-sage-400);
}

/* ── Family name chip ───────────────────────────────────── */

.onboarding-family-name-chip[b-ihds3q0jlq] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    align-self: center;
    padding: var(--space-2) var(--space-5);
    background: var(--color-rose-50);
    border: 1px solid var(--color-rose-200);
    border-radius: var(--radius-full);
    font-family: var(--font-persian);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-rose-700);
}

/* ── Form fields ────────────────────────────────────────── */

.onboarding-field[b-ihds3q0jlq] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.onboarding-field--inline[b-ihds3q0jlq] {
    flex-direction: row;
    align-items: center;
    gap: var(--space-2);
}

.onboarding-field-row[b-ihds3q0jlq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-3);
}

.onboarding-label[b-ihds3q0jlq] {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
}

.onboarding-optional[b-ihds3q0jlq] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    font-weight: var(--weight-normal);
    margin-right: var(--space-1);
}

.onboarding-optional-tag[b-ihds3q0jlq] {
    font-size: var(--text-base);
    color: var(--color-text-tertiary);
    font-weight: var(--weight-normal);
}

.onboarding-input[b-ihds3q0jlq],
.onboarding-select[b-ihds3q0jlq] {
    width: 100%;
    padding: var(--space-3) var(--space-4);
    border: 1px solid var(--color-neutral-300);
    border-radius: var(--radius-md);
    font-family: var(--font-persian);
    font-size: var(--text-base);
    color: var(--color-text-primary);
    background: var(--color-bg-surface);
    transition: border-color var(--duration-fast) var(--ease-standard),
                box-shadow   var(--duration-fast) var(--ease-standard);
    box-sizing: border-box;
}

.onboarding-input:focus[b-ihds3q0jlq],
.onboarding-select:focus[b-ihds3q0jlq] {
    outline: none;
    border-color: var(--color-rose-400);
    box-shadow: 0 0 0 3px var(--color-rose-100);
}

.onboarding-textarea[b-ihds3q0jlq] {
    width: 100%;
    padding: var(--space-3) var(--space-4);
    border: 1px solid var(--color-neutral-300);
    border-radius: var(--radius-md);
    font-family: var(--font-persian);
    font-size: var(--text-base);
    color: var(--color-text-primary);
    background: var(--color-bg-surface);
    resize: vertical;
    line-height: var(--leading-relaxed);
    transition: border-color var(--duration-fast) var(--ease-standard),
                box-shadow   var(--duration-fast) var(--ease-standard);
    box-sizing: border-box;
}

.onboarding-textarea:focus[b-ihds3q0jlq] {
    outline: none;
    border-color: var(--color-rose-400);
    box-shadow: 0 0 0 3px var(--color-rose-100);
}

/* ── Sub-form surface ───────────────────────────────────── */

.onboarding-subform[b-ihds3q0jlq] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    padding: var(--space-5);
    background: var(--color-bg-subtle, var(--color-neutral-50));
    border: 1px solid var(--color-neutral-200);
    border-radius: var(--radius-lg);
}

/* ── Added items list ───────────────────────────────────── */

.onboarding-added-list[b-ihds3q0jlq] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    margin-bottom: var(--space-3);
}

.onboarding-added-item[b-ihds3q0jlq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-3) var(--space-4);
    background: var(--color-sage-100);
    border-radius: var(--radius-md);
    font-family: var(--font-persian);
    font-size: var(--text-sm);
    color: var(--color-text-primary);
}

.onboarding-delete-btn[b-ihds3q0jlq] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: var(--text-base);
    padding: var(--space-1);
    border-radius: var(--radius-sm);
    transition: background-color var(--duration-fast) var(--ease-standard);
    flex-shrink: 0;
}

.onboarding-delete-btn:hover[b-ihds3q0jlq] {
    background-color: var(--color-rose-100);
}

/* ── Error message ──────────────────────────────────────── */

.onboarding-error[b-ihds3q0jlq] {
    font-size: var(--text-sm);
    color: var(--color-emergency-700, var(--color-rose-700));
    font-family: var(--font-persian);
    margin: 0;
    padding: var(--space-2) var(--space-3);
    background: var(--color-rose-50);
    border-radius: var(--radius-md);
    border: 1px solid var(--color-rose-200);
}

/* ── Actions ────────────────────────────────────────────── */

.onboarding-actions[b-ihds3q0jlq] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.onboarding-skip[b-ihds3q0jlq] {
    background: none;
    border: none;
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    font-size: var(--text-sm);
    cursor: pointer;
    padding: var(--space-2);
    transition: color var(--duration-fast) var(--ease-standard);
    align-self: center;
}

.onboarding-skip:hover[b-ihds3q0jlq] {
    color: var(--color-text-secondary);
}
/* /Components/Pages/Operations/CompanionTasksPage.razor.rz.scp.css */
.ops-companion-section[b-4u45fk5e2e] { margin-bottom: var(--space-8); }

.ops-companion-header[b-4u45fk5e2e] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin-bottom: var(--space-4);
    padding-bottom: var(--space-3);
    border-bottom: 1px solid var(--color-neutral-100);
}

.ops-companion-avatar[b-4u45fk5e2e] {
    font-size: var(--text-xl);
    width: 40px;
    height: 40px;
    background-color: var(--color-rose-100);
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
}

.ops-companion-name[b-4u45fk5e2e] {
    flex: 1;
    font-size: var(--text-lg);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
    margin: 0;
}

.ops-companion-count[b-4u45fk5e2e] {
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    font-weight: var(--weight-medium);
}

.ops-task[b-4u45fk5e2e] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background-color: var(--color-bg-surface);
    border-radius: var(--radius-md);
    border: 1px solid var(--color-neutral-100);
    cursor: pointer;
    transition: background-color var(--duration-fast) var(--ease-standard);
    animation: card-enter-b-4u45fk5e2e var(--duration-normal) var(--ease-enter) both;
}

.ops-task:hover[b-4u45fk5e2e] { background-color: var(--color-neutral-50); }
.ops-task--done[b-4u45fk5e2e] { opacity: 0.65; }

.ops-task__checkbox[b-4u45fk5e2e] {
    width: 18px;
    height: 18px;
    border-radius: var(--radius-sm);
    accent-color: var(--color-rose-600);
    flex-shrink: 0;
    cursor: pointer;
}

.ops-task__content[b-4u45fk5e2e] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: var(--space-3);
    min-width: 0;
}

.ops-task__time[b-4u45fk5e2e] {
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
    min-width: 40px;
    flex-shrink: 0;
}

.ops-task__icon[b-4u45fk5e2e] { font-size: var(--text-base); flex-shrink: 0; }

.ops-task__info[b-4u45fk5e2e] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }

.ops-task__elder[b-4u45fk5e2e] {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
}

.ops-task__desc[b-4u45fk5e2e] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
}

.ops-task--done .ops-task__elder[b-4u45fk5e2e],
.ops-task--done .ops-task__desc[b-4u45fk5e2e] { text-decoration: line-through; }

@keyframes card-enter-b-4u45fk5e2e {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}
/* /Components/Pages/Operations/CoordinatorProfilePage.razor.rz.scp.css */
/* ── Header ────────────────────────────────────────────── */

.coordprofile-header[b-bj69xovlok] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-6);
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border-default);
    border-radius: var(--radius-lg);
    margin-bottom: var(--space-6);
    flex-wrap: wrap;
}

.coordprofile-avatar[b-bj69xovlok] {
    font-size: 3rem;
    line-height: 1;
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    background: var(--color-amber-100);
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
}

.coordprofile-identity[b-bj69xovlok] { flex: 1; min-width: 0; }

.coordprofile-name[b-bj69xovlok] {
    font-size: var(--text-xl);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    margin: 0 0 var(--space-1);
    font-family: var(--font-persian);
}

.coordprofile-role[b-bj69xovlok] {
    font-size: var(--text-sm);
    color: var(--color-amber-600);
    font-weight: var(--weight-medium);
    font-family: var(--font-persian);
    margin: 0 0 var(--space-1);
}

.coordprofile-email[b-bj69xovlok] {
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
    margin: 0;
    direction: ltr;
    text-align: right;
}

.coordprofile-status[b-bj69xovlok] {
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    padding: var(--space-1) var(--space-3);
    border-radius: var(--radius-full);
    align-self: flex-start;
}

.coordprofile-status--active[b-bj69xovlok] {
    background: var(--color-amber-100);
    color: var(--color-amber-700);
}

.coordprofile-status--inactive[b-bj69xovlok] {
    background: var(--color-neutral-100);
    color: var(--color-neutral-700);
}

/* ── Feedback banners ──────────────────────────────────── */

.coordprofile-feedback[b-bj69xovlok] {
    padding: var(--space-3) var(--space-4);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-family: var(--font-persian);
    margin-bottom: var(--space-4);
}

.coordprofile-feedback--success[b-bj69xovlok] {
    background: var(--color-amber-100);
    color: var(--color-amber-700);
    border: 1px solid var(--color-amber-200);
}

.coordprofile-feedback--error[b-bj69xovlok] {
    background: var(--color-emergency-50, #fff5f6);
    color: var(--color-emergency-700, #a8202e);
    border: 1px solid var(--color-emergency-200, #f5cdd1);
}

/* ── Sections ──────────────────────────────────────────── */

.coordprofile-section[b-bj69xovlok] {
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border-default);
    border-radius: var(--radius-lg);
    padding: var(--space-6);
    margin-bottom: var(--space-6);
}

.coordprofile-section__title[b-bj69xovlok] {
    font-size: var(--text-md);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
    margin: 0 0 var(--space-5);
    padding-bottom: var(--space-3);
    border-bottom: 1px solid var(--color-border-default);
}

/* ── Form ──────────────────────────────────────────────── */

.coordprofile-form[b-bj69xovlok] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

.coordprofile-form__field[b-bj69xovlok] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.coordprofile-form__label[b-bj69xovlok] {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
}

.coordprofile-form__input[b-bj69xovlok],
.coordprofile-form__textarea[b-bj69xovlok] {
    font-family: var(--font-persian);
    font-size: var(--text-base);
    color: var(--color-text-primary);
    background: var(--color-bg-sunken);
    border: 1.5px solid var(--color-border-default);
    border-radius: var(--radius-md);
    padding: var(--space-3) var(--space-4);
    transition: border-color var(--duration-fast) var(--ease-standard);
    width: 100%;
}

.coordprofile-form__input:focus[b-bj69xovlok],
.coordprofile-form__textarea:focus[b-bj69xovlok] {
    border-color: var(--color-amber-400);
    outline: none;
    box-shadow: 0 0 0 3px var(--color-amber-100);
}

.coordprofile-form__textarea[b-bj69xovlok] { resize: vertical; min-height: 100px; }

.coordprofile-form__hint[b-bj69xovlok] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    margin: 0;
    text-align: left;
    direction: ltr;
}

/* ── @-prefix wrapper for social usernames ───────────────── */

.coordprofile-form__prefix-wrap[b-bj69xovlok] {
    display: flex;
    align-items: center;
    background: var(--color-bg-sunken);
    border: 1.5px solid var(--color-border-default);
    border-radius: var(--radius-md);
    overflow: hidden;
    transition: border-color var(--duration-fast) var(--ease-standard);
}

.coordprofile-form__prefix-wrap:focus-within[b-bj69xovlok] {
    border-color: var(--color-amber-400);
    box-shadow: 0 0 0 3px var(--color-amber-100);
}

.coordprofile-form__prefix[b-bj69xovlok] {
    padding: 0 var(--space-3);
    font-size: var(--text-base);
    color: var(--color-text-tertiary);
    font-weight: var(--weight-medium);
    user-select: none;
    background: var(--color-neutral-100);
    border-inline-end: 1.5px solid var(--color-border-default);
    line-height: 52px;
    height: 52px;
}

.coordprofile-form__input--prefixed[b-bj69xovlok] {
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding-inline-start: var(--space-3);
}

.coordprofile-form__input--prefixed:focus[b-bj69xovlok] {
    border: none;
    box-shadow: none;
    outline: none;
}

/* ── Private badge ────────────────────────────────────────── */

.coordprofile-section__title[b-bj69xovlok] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.coordprofile-private-badge[b-bj69xovlok] {
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    color: var(--color-neutral-700);
    background: var(--color-neutral-100);
    border: 1px solid var(--color-neutral-200);
    border-radius: var(--radius-full);
    padding: 2px var(--space-3);
}

.coordprofile-section__note[b-bj69xovlok] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    margin: calc(-1 * var(--space-2)) 0 var(--space-4);
}

/* ── Buttons ───────────────────────────────────────────── */

.coordprofile-form__actions[b-bj69xovlok] {
    display: flex;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.coordprofile-btn[b-bj69xovlok] {
    padding: var(--space-3) var(--space-6);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    font-family: var(--font-persian);
    cursor: pointer;
    border: none;
    transition: background-color var(--duration-fast) var(--ease-standard);
    min-height: 44px;
}

.coordprofile-btn:disabled[b-bj69xovlok] { opacity: 0.6; cursor: not-allowed; }

.coordprofile-btn--primary[b-bj69xovlok] {
    background: var(--color-amber-600);
    color: #fff;
}
.coordprofile-btn--primary:hover:not(:disabled)[b-bj69xovlok] { background: var(--color-amber-700); }

.coordprofile-btn--ghost[b-bj69xovlok] {
    background: transparent;
    color: var(--color-text-secondary);
    border: 1.5px solid var(--color-border-default);
}
.coordprofile-btn--ghost:hover:not(:disabled)[b-bj69xovlok] { background: var(--color-bg-sunken); }

/* ── Read-only info list ───────────────────────────────── */

.coordprofile-info[b-bj69xovlok] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    margin: 0 0 var(--space-4);
}

.coordprofile-info__row[b-bj69xovlok] {
    display: flex;
    gap: var(--space-4);
    align-items: baseline;
    padding: var(--space-2) 0;
    border-bottom: 1px solid var(--color-neutral-100);
}

.coordprofile-info__row:last-child[b-bj69xovlok] { border-bottom: none; }

.coordprofile-info__label[b-bj69xovlok] {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    min-width: 100px;
    flex-shrink: 0;
}

.coordprofile-info__value[b-bj69xovlok] {
    font-size: var(--text-sm);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
    margin: 0;
    flex: 1;
}

.coordprofile-info__note[b-bj69xovlok] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    margin: 0;
}
/* /Components/Pages/Operations/EmergencyQueuePage.razor.rz.scp.css */
/* Emergency queue uses shared ops.css styles only — no page-specific overrides needed. */

/* ── Closed-case history section ────────────────────────────────────────────── */

.emg-history-section[b-jp3lklkbmk] {
    margin-top: var(--space-8);
}

.emg-history-toggle[b-jp3lklkbmk] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    width: 100%;
    padding: var(--space-3) var(--space-4);
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border-default);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    font-family: var(--font-persian);
    color: var(--color-text-secondary);
    cursor: pointer;
    text-align: right;
    transition: background-color var(--duration-fast) var(--ease-standard);
}

.emg-history-toggle:hover[b-jp3lklkbmk] {
    background-color: var(--color-bg-sunken);
}

.emg-history-toggle__icon[b-jp3lklkbmk] { font-style: normal; }

.emg-history-toggle__count[b-jp3lklkbmk] {
    margin-inline-start: auto;
    background: var(--color-neutral-200);
    color: var(--color-text-secondary);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    padding: 2px var(--space-2);
    border-radius: var(--radius-full);
}

.emg-history-list[b-jp3lklkbmk] {
    margin-top: var(--space-3);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.emg-history-empty[b-jp3lklkbmk] {
    text-align: center;
    color: var(--color-text-tertiary);
    font-size: var(--text-sm);
    padding: var(--space-6) 0;
    margin: 0;
}

.emg-history-item[b-jp3lklkbmk] {
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border-default);
    border-radius: var(--radius-md);
    padding: var(--space-4);
    opacity: 0.85;
}

.emg-history-item__header[b-jp3lklkbmk] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin-bottom: var(--space-2);
}

.emg-history-item__icon[b-jp3lklkbmk]  { font-size: 1.25rem; flex-shrink: 0; }

.emg-history-item__meta[b-jp3lklkbmk]  { flex: 1; display: flex; flex-direction: column; gap: 2px; }

.emg-history-item__elder[b-jp3lklkbmk] {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
}

.emg-history-item__type[b-jp3lklkbmk]  {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
}

.emg-history-item__resolved[b-jp3lklkbmk] {
    font-size: var(--text-xs);
    color: var(--color-sage-600);
    font-weight: var(--weight-medium);
    white-space: nowrap;
}

.emg-history-item__body[b-jp3lklkbmk] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    align-items: flex-start;
}

.emg-history-item__tag[b-jp3lklkbmk] {
    font-size: var(--text-xs);
    color: var(--color-text-secondary);
    background: var(--color-bg-sunken);
    padding: 2px var(--space-2);
    border-radius: var(--radius-full);
}

.emg-history-item__note[b-jp3lklkbmk] {
    width: 100%;
    margin: var(--space-2) 0 0;
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
    font-style: italic;
    border-right: 3px solid var(--color-sage-200);
    padding-right: var(--space-3);
}

/* ── Inline action error ─────────────────────────────────────────────────────── */

.ops-error-inline[b-jp3lklkbmk] {
    font-size: var(--text-sm);
    color: var(--color-emergency-600);
    background: var(--color-emergency-50);
    border: 1px solid var(--color-emergency-200);
    border-radius: var(--radius-sm);
    padding: var(--space-2) var(--space-3);
    margin-top: var(--space-2);
}

/* ── Companion notes panel ───────────────────────────────────────────────────── */

.emg-updates-panel[b-jp3lklkbmk] {
    margin-top: var(--space-3);
    border-top: 1px solid var(--color-border-default);
    padding-top: var(--space-3);
}

.emg-updates-panel__heading[b-jp3lklkbmk] {
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    color: var(--color-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: var(--space-2);
}

.emg-updates-panel__item[b-jp3lklkbmk] {
    display: flex;
    gap: var(--space-2);
    align-items: baseline;
    font-size: var(--text-sm);
    padding: var(--space-1) 0;
    border-bottom: 1px solid var(--color-neutral-100);
}

.emg-updates-panel__author[b-jp3lklkbmk] {
    font-weight: var(--weight-medium);
    color: var(--color-text-primary);
    flex-shrink: 0;
}

.emg-updates-panel__msg[b-jp3lklkbmk]   { flex: 1; color: var(--color-text-secondary); }

.emg-updates-panel__time[b-jp3lklkbmk]  {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    flex-shrink: 0;
}

/* ── مشاهده اقدامات — actions expand button & panel ─────────────────────────── */

.emg-actions-btn[b-jp3lklkbmk] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-top: var(--space-3);
    padding: var(--space-2) var(--space-3);
    background: none;
    border: 1px solid var(--color-border-default);
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    font-family: var(--font-persian);
    color: var(--color-text-secondary);
    cursor: pointer;
    transition: background-color var(--duration-fast) var(--ease-standard),
                color            var(--duration-fast) var(--ease-standard);
}

.emg-actions-btn:hover[b-jp3lklkbmk] {
    background-color: var(--color-bg-sunken);
    color: var(--color-text-primary);
}

.emg-actions-panel[b-jp3lklkbmk] {
    margin-top: var(--space-3);
    border-top: 1px solid var(--color-border-default);
    padding-top: var(--space-3);
}

.emg-actions-panel__loading[b-jp3lklkbmk],
.emg-actions-panel__empty[b-jp3lklkbmk] {
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
    margin: 0;
    padding: var(--space-2) 0;
}

.emg-actions-panel__list[b-jp3lklkbmk] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.emg-actions-panel__entry[b-jp3lklkbmk] {
    display: grid;
    grid-template-columns: 9rem auto 1fr;
    gap: var(--space-3);
    align-items: baseline;
    padding: var(--space-2) 0;
    border-bottom: 1px solid var(--color-neutral-100);
    font-size: var(--text-sm);
    counter-increment: action-step;
}

.emg-actions-panel__entry:last-child[b-jp3lklkbmk] { border-bottom: none; }

.emg-actions-panel__time[b-jp3lklkbmk] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    white-space: nowrap;
}

.emg-actions-panel__author[b-jp3lklkbmk] {
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    white-space: nowrap;
}

.emg-actions-panel__msg[b-jp3lklkbmk] {
    color: var(--color-text-secondary);
    line-height: var(--leading-normal);
}
/* /Components/Pages/Operations/OpsDashboardPage.razor.rz.scp.css */
.ops-dashboard__greeting[b-qg2f7d7i6e] {
    background: linear-gradient(135deg, var(--color-amber-100) 0%, #fff 50%);
    border: 1px solid var(--color-amber-200);
    border-radius: var(--radius-xl);
    padding: var(--space-4) var(--space-5);
    margin-bottom: var(--space-6);
}

.ops-dashboard__greeting-text[b-qg2f7d7i6e] {
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    color: var(--color-amber-700);
    font-family: var(--font-persian);
    margin: 0;
}

.ops-dashboard__stats[b-qg2f7d7i6e] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-3);
    margin-bottom: var(--space-6);
}

.ops-stat[b-qg2f7d7i6e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-1);
    padding: var(--space-4);
    border-radius: var(--radius-lg);
    text-decoration: none;
    border: 1.5px solid transparent;
    transition: transform var(--duration-fast) var(--ease-standard),
                box-shadow var(--duration-fast) var(--ease-standard);
}

.ops-stat:hover[b-qg2f7d7i6e] { transform: translateY(-1px); box-shadow: var(--shadow-sm); text-decoration: none; }

.ops-stat--rose[b-qg2f7d7i6e]      { background: var(--color-rose-50);      border-color: var(--color-rose-200); }
.ops-stat--sage[b-qg2f7d7i6e]      { background: var(--color-sage-100);     border-color: var(--color-sage-200); }
.ops-stat--emergency[b-qg2f7d7i6e] { background: var(--color-emergency-100); border-color: var(--color-emergency-200); }

.ops-stat__count[b-qg2f7d7i6e] {
    font-size: var(--text-3xl);
    font-weight: var(--weight-semibold);
    font-family: var(--font-persian);
    line-height: 1;
    color: var(--color-text-primary);
}

.ops-stat--emergency .ops-stat__count[b-qg2f7d7i6e] { color: var(--color-emergency-700); }

.ops-stat__label[b-qg2f7d7i6e] {
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
    text-align: center;
}

.ops-dashboard__emergency-banner[b-qg2f7d7i6e] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-5);
    background-color: var(--color-emergency-100);
    border: 1px solid var(--color-emergency-300);
    border-radius: var(--radius-lg);
    margin-bottom: var(--space-6);
    font-size: var(--text-sm);
    font-family: var(--font-persian);
    color: var(--color-emergency-700);
    animation: card-enter-b-qg2f7d7i6e var(--duration-normal) var(--ease-enter) both;
}

.ops-dashboard__emergency-link[b-qg2f7d7i6e] {
    margin-inline-start: auto;
    font-weight: var(--weight-semibold);
    color: var(--color-emergency-700);
    text-decoration: none;
    white-space: nowrap;
}

.ops-dashboard__section[b-qg2f7d7i6e] { margin-bottom: var(--space-8); }

.ops-dashboard__section-header[b-qg2f7d7i6e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-4);
}

.ops-dashboard__section-title[b-qg2f7d7i6e] {
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    color: var(--color-text-secondary);
    margin: 0;
    font-family: var(--font-persian);
}

.ops-dashboard__see-all[b-qg2f7d7i6e] {
    font-size: var(--text-sm);
    color: var(--color-rose-700);
    text-decoration: none;
    font-family: var(--font-persian);
    font-weight: var(--weight-medium);
}

.ops-visit-row[b-qg2f7d7i6e] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background-color: var(--color-bg-surface);
    border-radius: var(--radius-md);
    border: 1px solid var(--color-neutral-100);
    animation: card-enter-b-qg2f7d7i6e var(--duration-normal) var(--ease-enter) both;
}

.ops-visit-row__time[b-qg2f7d7i6e] {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
    min-width: 48px;
    flex-shrink: 0;
}

.ops-visit-row__status-icon[b-qg2f7d7i6e] { font-size: var(--text-sm); flex-shrink: 0; }

.ops-visit-row--completed .ops-visit-row__status-icon[b-qg2f7d7i6e] { color: var(--color-sage-600); }
.ops-visit-row--inprogress .ops-visit-row__status-icon[b-qg2f7d7i6e] { color: var(--color-rose-600); }

.ops-visit-row__info[b-qg2f7d7i6e] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ops-visit-row__elder[b-qg2f7d7i6e] {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
}

.ops-visit-row__companion[b-qg2f7d7i6e] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
}

@keyframes card-enter-b-qg2f7d7i6e {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}
/* /Components/Pages/Operations/ReportReviewPage.razor.rz.scp.css */
.ops-report[b-n84ztlzqqv] {
    background-color: var(--color-bg-surface);
    border-radius: var(--radius-lg);
    padding: var(--space-5);
    border: 1px solid var(--color-neutral-100);
    border-inline-start: 3px solid var(--color-amber-400);
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    animation: card-enter-b-n84ztlzqqv var(--duration-normal) var(--ease-enter) both;
    box-shadow: var(--shadow-xs);
}

.ops-report--approved[b-n84ztlzqqv] {
    border-inline-start-color: var(--color-sage-400);
    opacity: 0.8;
}

.ops-report__header[b-n84ztlzqqv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.ops-report__who[b-n84ztlzqqv] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-wrap: wrap;
}

.ops-report__elder[b-n84ztlzqqv] {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
}

.ops-report__companion[b-n84ztlzqqv],
.ops-report__date[b-n84ztlzqqv] {
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
}

.ops-report__sep[b-n84ztlzqqv] { color: var(--color-neutral-300); }

.ops-report__preview[b-n84ztlzqqv] {
    font-size: var(--text-sm);
    font-style: italic;
    color: var(--color-text-secondary);
    line-height: var(--leading-relaxed);
    font-family: var(--font-persian);
    margin: 0;
    padding: var(--space-3) var(--space-4);
    background-color: var(--color-neutral-50);
    border-radius: var(--radius-md);
    border-inline-start: 2px solid var(--color-neutral-300);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ops-report__actions[b-n84ztlzqqv] { display: flex; gap: var(--space-3); flex-wrap: wrap; }

@keyframes card-enter-b-n84ztlzqqv {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}
/* /Components/Pages/Operations/RequestQueuePage.razor.rz.scp.css */
/* Request queue uses shared ops.css styles only — no page-specific overrides needed. */
/* /Components/Pages/Operations/VisitManagementPage.razor.rz.scp.css */
.ops-visit-card[b-u18dhyh5nd] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-4) var(--space-5);
    background-color: var(--color-bg-surface);
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-neutral-100);
    border-inline-start: 3px solid var(--color-neutral-200);
    animation: card-enter-b-u18dhyh5nd var(--duration-normal) var(--ease-enter) both;
    flex-wrap: wrap;
}

.ops-visit-card--active[b-u18dhyh5nd]    { border-inline-start-color: var(--color-rose-400); }
.ops-visit-card--completed[b-u18dhyh5nd] { border-inline-start-color: var(--color-sage-400); opacity: 0.85; }

.ops-visit-card__left[b-u18dhyh5nd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-1);
    min-width: 48px;
    flex-shrink: 0;
}

.ops-visit-card__time[b-u18dhyh5nd] {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
}

.ops-visit-card__icon[b-u18dhyh5nd] {
    font-size: var(--text-base);
    color: var(--color-text-tertiary);
}

.ops-visit-card--active .ops-visit-card__icon[b-u18dhyh5nd]    { color: var(--color-rose-600); }
.ops-visit-card--completed .ops-visit-card__icon[b-u18dhyh5nd] { color: var(--color-sage-600); }

.ops-visit-card__info[b-u18dhyh5nd] { flex: 1; min-width: 0; }

.ops-visit-card__elder[b-u18dhyh5nd] {
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
    margin: 0 0 2px;
}

.ops-visit-card__companion[b-u18dhyh5nd] {
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    margin: 0;
}

.ops-visit-card__right[b-u18dhyh5nd] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-shrink: 0;
}

@keyframes card-enter-b-u18dhyh5nd {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}
/* /Components/Pages/Requests/CategoryCard.razor.rz.scp.css */
.category-card[b-v7cvhvcx9b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    padding: var(--space-5) var(--space-4);
    background-color: var(--color-bg-surface);
    border: 2px solid var(--color-neutral-200);
    border-radius: var(--radius-xl);
    cursor: pointer;
    text-align: center;
    min-height: 110px;
    transition: border-color     var(--duration-fast) var(--ease-standard),
                background-color var(--duration-fast) var(--ease-standard),
                transform        var(--duration-fast) var(--ease-standard);
    width: 100%;
}

.category-card:hover[b-v7cvhvcx9b] {
    border-color: var(--color-rose-300);
    background-color: var(--color-rose-50);
    transform: translateY(-2px);
}

.category-card--selected[b-v7cvhvcx9b] {
    border-color: var(--color-rose-600);
    background-color: var(--color-rose-50);
    box-shadow: 0 0 0 3px var(--color-rose-200);
}

/* Emergency spans full row width */
.category-card--full-width[b-v7cvhvcx9b] {
    grid-column: 1 / -1;
    flex-direction: row;
    justify-content: flex-start;
    gap: var(--space-4);
    min-height: 72px;
    padding: var(--space-4) var(--space-5);
    text-align: start;
}

.category-card--emergency[b-v7cvhvcx9b] {
    border-color: var(--color-emergency-300);
    background: linear-gradient(135deg, var(--color-emergency-100) 0%, #fff 60%);
}

.category-card--emergency:hover[b-v7cvhvcx9b],
.category-card--emergency.category-card--selected[b-v7cvhvcx9b] {
    border-color: var(--color-emergency-600);
    background: linear-gradient(135deg, var(--color-emergency-200) 0%, var(--color-emergency-100) 60%);
}

/* Icon */
.category-card__icon[b-v7cvhvcx9b] {
    font-size: 2rem;
    line-height: 1;
    flex-shrink: 0;
}

/* Label */
.category-card__label[b-v7cvhvcx9b] {
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
    line-height: var(--leading-snug);
}

.category-card--selected .category-card__label[b-v7cvhvcx9b] {
    color: var(--color-rose-700);
}

/* Hint */
.category-card__hint[b-v7cvhvcx9b] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    line-height: var(--leading-snug);
}

.category-card--full-width .category-card__hint[b-v7cvhvcx9b] {
    font-size: var(--text-sm);
    color: var(--color-emergency-700);
}
/* /Components/Pages/Requests/NewRequestPage.razor.rz.scp.css */
/* ── Navigation row: back btn + step label ─────────────── */
.new-request-page__nav[b-gqnmoyntcv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-4);
}

.new-request-page__back-btn[b-gqnmoyntcv] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-tertiary);
    background: none;
    border: none;
    cursor: pointer;
    padding: var(--space-2) 0;
    text-decoration: none;
    font-family: var(--font-persian);
    transition: color var(--duration-fast) var(--ease-standard);
}

.new-request-page__back-btn:hover[b-gqnmoyntcv] { color: var(--color-rose-700); text-decoration: none; }

.new-request-page__step-label[b-gqnmoyntcv] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
}

/* ── Progress dots ──────────────────────────────────────── */
.new-request-page__dots[b-gqnmoyntcv] {
    display: flex;
    justify-content: center;
    gap: var(--space-2);
    margin-bottom: var(--space-6);
}

.new-request-page__dot[b-gqnmoyntcv] {
    width: 8px;
    height: 8px;
    border-radius: var(--radius-full);
    background-color: var(--color-neutral-200);
    transition: background-color var(--duration-normal) var(--ease-standard),
                transform        var(--duration-normal) var(--ease-standard);
}

.new-request-page__dot--active[b-gqnmoyntcv] {
    background-color: var(--color-rose-600);
    transform: scale(1.25);
}

.new-request-page__dot--done[b-gqnmoyntcv] {
    background-color: var(--color-sage-400);
}

/* ── Step container ─────────────────────────────────────── */
.new-request-step[b-gqnmoyntcv] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
    animation: step-enter-b-gqnmoyntcv var(--duration-normal) var(--ease-enter) both;
}

.new-request-step__heading[b-gqnmoyntcv] {
    font-size: var(--text-2xl);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    margin: 0;
    font-family: var(--font-persian);
    line-height: var(--leading-snug);
}

.new-request-step__subheading[b-gqnmoyntcv] {
    font-size: var(--text-base);
    color: var(--color-text-secondary);
    margin: 0;
    font-family: var(--font-persian);
    margin-top: calc(-1 * var(--space-3));
}

/* ── Category grid ──────────────────────────────────────── */
.new-request-page__category-grid[b-gqnmoyntcv] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-3);
}

/* ── Selected category chip (step 2) ───────────────────── */
.new-request-page__selected-category[b-gqnmoyntcv] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-4);
    background-color: var(--color-rose-100);
    border: 1px solid var(--color-rose-200);
    border-radius: var(--radius-full);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-rose-700);
    font-family: var(--font-persian);
    width: fit-content;
}

/* ── Emergency notice ───────────────────────────────────── */
.new-request-page__emergency-notice[b-gqnmoyntcv] {
    padding: var(--space-3) var(--space-4);
    background-color: var(--color-emergency-100);
    border: 1px solid var(--color-emergency-200);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    color: var(--color-emergency-700);
    font-family: var(--font-persian);
    line-height: var(--leading-normal);
}

/* ── Form fields ────────────────────────────────────────── */
.new-request-page__field[b-gqnmoyntcv] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.new-request-page__label[b-gqnmoyntcv] {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
}

.new-request-page__optional[b-gqnmoyntcv] {
    font-weight: var(--weight-regular);
    color: var(--color-text-tertiary);
    font-size: var(--text-xs);
}

.new-request-page__input[b-gqnmoyntcv],
.new-request-page__textarea[b-gqnmoyntcv] {
    font-family: var(--font-persian);
    resize: none;
    direction: rtl;
}

/* ── Summary card (step 3) ──────────────────────────────── */
.new-request-page__summary-card[b-gqnmoyntcv] {
    padding: var(--space-5);
    background-color: var(--color-bg-surface);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--color-neutral-100);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.new-request-page__summary-header[b-gqnmoyntcv] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
}

.new-request-page__summary-title[b-gqnmoyntcv] {
    font-size: var(--text-lg);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
    margin: 0;
}

.new-request-page__summary-desc[b-gqnmoyntcv] {
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
    line-height: var(--leading-normal);
    margin: 0;
}

/* ── Priority grid ──────────────────────────────────────── */
.new-request-page__priority-grid[b-gqnmoyntcv] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-2);
}

.priority-btn[b-gqnmoyntcv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-1);
    padding: var(--space-3) var(--space-2);
    background: var(--color-bg-surface);
    border: 2px solid var(--color-neutral-200);
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: border-color var(--duration-fast) var(--ease-standard);
    text-align: center;
}

.priority-btn:hover[b-gqnmoyntcv] { border-color: var(--color-rose-300); }

.priority-btn--selected[b-gqnmoyntcv]           { box-shadow: var(--shadow-sm); font-weight: var(--weight-semibold); }
.priority-btn--selected-normal[b-gqnmoyntcv]    { border-color: var(--color-neutral-500); background: var(--color-neutral-50); }
.priority-btn--selected-high[b-gqnmoyntcv]      { border-color: var(--color-amber-500);   background: var(--color-amber-100); }
.priority-btn--selected-emergency[b-gqnmoyntcv] { border-color: var(--color-emergency-600); background: var(--color-emergency-100); }

.priority-btn__label[b-gqnmoyntcv] {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
}

.priority-btn__hint[b-gqnmoyntcv] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
}

/* ── Success state ──────────────────────────────────────── */
.new-request-success[b-gqnmoyntcv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: var(--space-12) 0;
    gap: var(--space-4);
    animation: step-enter-b-gqnmoyntcv var(--duration-slow) var(--ease-enter) both;
}

.new-request-success__icon[b-gqnmoyntcv] {
    font-size: 4rem;
    line-height: 1;
    animation: success-bounce-b-gqnmoyntcv var(--duration-slow) var(--ease-enter) both;
}

.new-request-success__title[b-gqnmoyntcv] {
    font-size: var(--text-2xl);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
    margin: 0;
}

.new-request-success__message[b-gqnmoyntcv] {
    font-size: var(--text-base);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
    line-height: var(--leading-relaxed);
    margin: 0;
}

.new-request-success__actions[b-gqnmoyntcv] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    width: 100%;
    max-width: 320px;
    margin-top: var(--space-4);
}

.new-request-success__btn[b-gqnmoyntcv] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    border-radius: var(--radius-full);
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    font-family: var(--font-persian);
    text-decoration: none;
    transition: background-color var(--duration-fast) var(--ease-standard);
}

.new-request-success__btn--primary[b-gqnmoyntcv] {
    background-color: var(--color-rose-600);
    color: var(--color-text-on-rose);
}

.new-request-success__btn--primary:hover[b-gqnmoyntcv] { background-color: var(--color-rose-700); text-decoration: none; color: #fff; }

.new-request-success__btn--ghost[b-gqnmoyntcv] {
    background-color: transparent;
    color: var(--color-text-secondary);
    border: 1.5px solid var(--color-neutral-200);
}

.new-request-success__btn--ghost:hover[b-gqnmoyntcv] { background-color: var(--color-neutral-50); text-decoration: none; }

/* Animations */
@keyframes step-enter-b-gqnmoyntcv {
    from { opacity: 0; transform: translateX(-8px); }
    to   { opacity: 1; transform: translateX(0); }
}

@keyframes success-bounce-b-gqnmoyntcv {
    0%   { transform: scale(0.5); opacity: 0; }
    70%  { transform: scale(1.1); }
    100% { transform: scale(1);   opacity: 1; }
}

/* Desktop: constrain category grid */
@media (min-width: 640px) {
    .new-request-page__category-grid[b-gqnmoyntcv] { grid-template-columns: repeat(2, 1fr); max-width: 480px; }
}
/* /Components/Pages/Requests/RequestCard.razor.rz.scp.css */
/* ── Base card ─────────────────────────────────────────── */
.request-card[b-f7bpp2tqg8] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding: var(--space-5);
    background-color: var(--color-bg-surface);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--color-neutral-100);
    border-inline-start: 4px solid transparent;
    text-decoration: none;
    color: inherit;
    transition: box-shadow var(--duration-fast) var(--ease-standard),
                transform   var(--duration-fast) var(--ease-standard);
    animation: card-enter-b-f7bpp2tqg8 var(--duration-relaxed) var(--ease-enter) both;
}

.request-card:hover[b-f7bpp2tqg8] {
    box-shadow: var(--shadow-md);
    transform: translateY(-1px);
    text-decoration: none;
    color: inherit;
}

/* ── Category accent colours ───────────────────────────── */
.request-card--medical[b-f7bpp2tqg8]   { border-inline-start-color: var(--color-sage-400); }
.request-card--daily[b-f7bpp2tqg8]     { border-inline-start-color: var(--color-rose-300); }
.request-card--home[b-f7bpp2tqg8]      { border-inline-start-color: var(--color-amber-400); }
.request-card--emotional[b-f7bpp2tqg8] { border-inline-start-color: #93C5FD; }
.request-card--emergency[b-f7bpp2tqg8] { border-inline-start-color: var(--color-emergency-500); }

.request-card--emergency[b-f7bpp2tqg8] {
    background: linear-gradient(135deg, var(--color-emergency-100) 0%, #fff 30%);
}

/* ── Top row ───────────────────────────────────────────── */
.request-card__top[b-f7bpp2tqg8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-3);
}

.request-card__title-area[b-f7bpp2tqg8] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2);
    flex: 1;
    min-width: 0;
}

.request-card__category-icon[b-f7bpp2tqg8] {
    font-size: var(--text-lg);
    flex-shrink: 0;
    line-height: 1.3;
}

.request-card__title[b-f7bpp2tqg8] {
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    margin: 0;
    font-family: var(--font-persian);
    line-height: var(--leading-snug);
}

/* ── Status badge ──────────────────────────────────────── */
.request-card__status-badge[b-f7bpp2tqg8] {
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    padding: 2px var(--space-2);
    border-radius: var(--radius-full);
    flex-shrink: 0;
    font-family: var(--font-persian);
    white-space: nowrap;
    align-self: flex-start;
}

.request-card__status-badge--pending[b-f7bpp2tqg8]    { background: var(--color-neutral-100); color: var(--color-neutral-700); }
.request-card__status-badge--assigned[b-f7bpp2tqg8]   { background: var(--color-amber-100);   color: var(--color-amber-700); }
.request-card__status-badge--inprogress[b-f7bpp2tqg8] { background: var(--color-rose-100);    color: var(--color-rose-700); }
.request-card__status-badge--completed[b-f7bpp2tqg8]  { background: var(--color-sage-100);    color: var(--color-sage-700); }

/* ── Description ───────────────────────────────────────── */
.request-card__description[b-f7bpp2tqg8] {
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
    line-height: var(--leading-normal);
    margin: 0;
    font-family: var(--font-persian);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ── Footer ────────────────────────────────────────────── */
.request-card__footer[b-f7bpp2tqg8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    padding-top: var(--space-2);
    border-top: 1px solid var(--color-neutral-100);
}

.request-card__companion[b-f7bpp2tqg8] {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-rose-700);
    font-family: var(--font-persian);
}

.request-card__companion--pending[b-f7bpp2tqg8] {
    color: var(--color-neutral-500);
    font-style: italic;
}

.request-card__footer-right[b-f7bpp2tqg8] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-shrink: 0;
}

.request-card__date[b-f7bpp2tqg8] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
}

.request-card__arrow[b-f7bpp2tqg8] {
    color: var(--color-neutral-300);
    font-size: var(--text-base);
    transition: transform var(--duration-fast) var(--ease-standard),
                color     var(--duration-fast) var(--ease-standard);
}

.request-card:hover .request-card__arrow[b-f7bpp2tqg8] {
    color: var(--color-rose-600);
    transform: translateX(-3px);
}

[dir="rtl"] .request-card:hover .request-card__arrow[b-f7bpp2tqg8] {
    transform: translateX(3px);
}

@keyframes card-enter-b-f7bpp2tqg8 {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}
/* /Components/Pages/Requests/RequestDetailPage.razor.rz.scp.css */
.request-detail__back[b-0wudv6b0nv] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-tertiary);
    text-decoration: none;
    margin-bottom: var(--space-6);
    padding: var(--space-2) 0;
    font-family: var(--font-persian);
    transition: color var(--duration-fast) var(--ease-standard);
}

.request-detail__back:hover[b-0wudv6b0nv] { color: var(--color-rose-700); text-decoration: none; }

.request-detail__back-arrow[b-0wudv6b0nv] {
    transition: transform var(--duration-fast) var(--ease-standard);
}

.request-detail__back:hover .request-detail__back-arrow[b-0wudv6b0nv] { transform: translateX(3px); }
[dir="rtl"] .request-detail__back:hover .request-detail__back-arrow[b-0wudv6b0nv] { transform: translateX(-3px); }

/* ── Header ─────────────────────────────────────────────── */
.request-detail__header[b-0wudv6b0nv] { margin-bottom: var(--space-6); }

.request-detail__meta-row[b-0wudv6b0nv] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-bottom: var(--space-3);
    flex-wrap: wrap;
}

.request-detail__category-icon[b-0wudv6b0nv] { font-size: var(--text-xl); }

.request-detail__category-label[b-0wudv6b0nv] {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
}

.request-detail__priority-badge[b-0wudv6b0nv] {
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    padding: 2px var(--space-2);
    border-radius: var(--radius-full);
    font-family: var(--font-persian);
}

.request-detail__priority-badge--high[b-0wudv6b0nv]      { background: var(--color-amber-100); color: var(--color-amber-700); }
.request-detail__priority-badge--emergency[b-0wudv6b0nv] { background: var(--color-emergency-100); color: var(--color-emergency-700); }

.request-detail__title[b-0wudv6b0nv] {
    font-size: var(--text-2xl);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    margin: 0 0 var(--space-2);
    font-family: var(--font-persian);
    line-height: var(--leading-snug);
}

.request-detail__date[b-0wudv6b0nv] {
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
    margin: 0;
    font-family: var(--font-persian);
}

/* ── Status tracker section ─────────────────────────────── */
.request-detail__tracker-section[b-0wudv6b0nv] {
    padding: var(--space-5);
    background-color: var(--color-bg-surface);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    margin-bottom: var(--space-6);
}

/* ── Content sections ───────────────────────────────────── */
.request-detail__section[b-0wudv6b0nv] {
    margin-bottom: var(--space-6);
}

.request-detail__section-heading[b-0wudv6b0nv] {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--color-text-tertiary);
    margin: 0 0 var(--space-3);
    font-family: var(--font-persian);
    letter-spacing: 0.02em;
}

.request-detail__description[b-0wudv6b0nv] {
    font-size: var(--text-base);
    color: var(--color-text-primary);
    line-height: var(--leading-relaxed);
    margin: 0;
    font-family: var(--font-persian);
    padding: var(--space-4);
    background-color: var(--color-neutral-50);
    border-radius: var(--radius-md);
    border-inline-start: 3px solid var(--color-neutral-300);
}

/* ── Companion chip ─────────────────────────────────────── */
.request-detail__companion-chip[b-0wudv6b0nv] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-4);
    background-color: var(--color-rose-50);
    border: 1px solid var(--color-rose-200);
    border-radius: var(--radius-full);
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    color: var(--color-rose-700);
    font-family: var(--font-persian);
}

.request-detail__pending-text[b-0wudv6b0nv] {
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
    font-style: italic;
    font-family: var(--font-persian);
    margin: 0;
}

/* ── Completion result ──────────────────────────────────── */
.request-detail__completion-note[b-0wudv6b0nv] {
    display: flex;
    gap: var(--space-3);
    padding: var(--space-4) var(--space-5);
    background-color: var(--color-sage-100);
    border: 1px solid var(--color-sage-200);
    border-radius: var(--radius-lg);
    margin-bottom: var(--space-3);
}

.request-detail__completion-icon[b-0wudv6b0nv] { font-size: var(--text-lg); flex-shrink: 0; }

.request-detail__completion-text[b-0wudv6b0nv] {
    font-size: var(--text-base);
    color: var(--color-sage-700);
    line-height: var(--leading-relaxed);
    font-family: var(--font-persian);
    margin: 0;
}

.request-detail__completed-date[b-0wudv6b0nv] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    margin: 0;
}
/* /Components/Pages/Requests/RequestsPage.razor.rz.scp.css */
/* ── Header ─────────────────────────────────────────────── */
.requests-page__header[b-hh4rgl0o7b] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-4);
    margin-bottom: var(--space-6);
    padding-bottom: var(--space-5);
    border-bottom: 1px solid var(--color-neutral-100);
}

.requests-page__title[b-hh4rgl0o7b] {
    font-size: var(--text-2xl);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    margin: 0 0 var(--space-1);
    font-family: var(--font-persian);
    line-height: var(--leading-snug);
}

.requests-page__subtitle[b-hh4rgl0o7b] {
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
    margin: 0;
    font-family: var(--font-persian);
}

/* ── New request button ─────────────────────────────────── */
.requests-page__new-btn[b-hh4rgl0o7b] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-5);
    background-color: var(--color-rose-600);
    color: var(--color-text-on-rose);
    border-radius: var(--radius-full);
    text-decoration: none;
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    font-family: var(--font-persian);
    flex-shrink: 0;
    transition: background-color var(--duration-fast) var(--ease-standard);
    min-height: 44px;
    white-space: nowrap;
}

.requests-page__new-btn:hover[b-hh4rgl0o7b] { background-color: var(--color-rose-700); text-decoration: none; color: #fff; }

/* ── Sections ───────────────────────────────────────────── */
.requests-page__section[b-hh4rgl0o7b] { margin-bottom: var(--space-8); }

.requests-page__section-label[b-hh4rgl0o7b] {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    margin-bottom: var(--space-4);
    letter-spacing: 0.02em;
}

.requests-page__list[b-hh4rgl0o7b] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

/* Empty state CTA */
.requests-page__empty-cta[b-hh4rgl0o7b] {
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    color: var(--color-rose-700);
    text-decoration: none;
    font-family: var(--font-persian);
}

.requests-page__empty-cta:hover[b-hh4rgl0o7b] { text-decoration: underline; }
/* /Components/Pages/Requests/RequestStatusTracker.razor.rz.scp.css */
/* ── Outer container ──────────────────────────────────────
   dir="ltr" on the element makes progress flow left → right.
   Steps share equal width so nodes are evenly spaced.         */
.status-tracker[b-xc10aa4c4j] {
    display: flex;
    align-items: flex-start;
    padding: var(--space-2) 0 var(--space-1);
}

/* ── Each step ─────────────────────────────────────────── */
.status-tracker__step[b-xc10aa4c4j] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-2);
    min-width: 0;
}

/* ── Track row: [left-half] [node] [right-half] ───────── */
.status-tracker__track[b-xc10aa4c4j] {
    width: 100%;
    display: flex;
    align-items: center;
}

/* ── Half-lines ────────────────────────────────────────── */
.status-tracker__half-line[b-xc10aa4c4j] {
    flex: 1;
    height: 2px;
    background-color: var(--color-neutral-200);
    transition: background-color var(--duration-normal) var(--ease-standard);
}

.status-tracker__half-line--filled[b-xc10aa4c4j] {
    background-color: var(--color-sage-400);
}

/* Hidden half-line keeps first/last nodes centred */
.status-tracker__half-line--hidden[b-xc10aa4c4j] {
    visibility: hidden;
}

/* ── Node circle ───────────────────────────────────────── */
.status-tracker__node[b-xc10aa4c4j] {
    width: 26px;
    height: 26px;
    border-radius: var(--radius-full);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.625rem;
    font-weight: var(--weight-semibold);
    position: relative;
    transition: background-color var(--duration-normal) var(--ease-standard),
                box-shadow        var(--duration-normal) var(--ease-standard);
}

.status-tracker__step--done .status-tracker__node[b-xc10aa4c4j] {
    background-color: var(--color-sage-600);
    color: #fff;
}

.status-tracker__step--active .status-tracker__node[b-xc10aa4c4j] {
    background-color: var(--color-rose-600);
    color: #fff;
    box-shadow: 0 0 0 4px var(--color-rose-100);
}

.status-tracker__step--future .status-tracker__node[b-xc10aa4c4j] {
    background-color: transparent;
    border: 2px solid var(--color-neutral-200);
}

/* Pulse dot inside active node */
.status-tracker__pulse[b-xc10aa4c4j] {
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: var(--radius-full);
    display: block;
    animation: node-pulse-b-xc10aa4c4j 2s ease-in-out infinite;
}

@keyframes node-pulse-b-xc10aa4c4j {
    0%, 100% { opacity: 1;   transform: scale(1);   }
    50%       { opacity: 0.6; transform: scale(0.7); }
}

/* ── Labels ────────────────────────────────────────────── */
.status-tracker__label[b-xc10aa4c4j] {
    font-size: var(--text-xs);
    font-family: var(--font-persian);
    text-align: center;
    line-height: var(--leading-snug);
    white-space: nowrap;
}

.status-tracker__step--done   .status-tracker__label[b-xc10aa4c4j] { color: var(--color-sage-700);     font-weight: var(--weight-medium);   }
.status-tracker__step--active .status-tracker__label[b-xc10aa4c4j] { color: var(--color-rose-700);     font-weight: var(--weight-semibold); }
.status-tracker__step--future .status-tracker__label[b-xc10aa4c4j] { color: var(--color-text-tertiary);                                      }
/* /Components/Pages/Sessions/SessionExecutionPage.razor.rz.scp.css */
/* ── Back link ──────────────────────────────────────────────── */

.cs-exec-back[b-wo9slqzm0w] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    text-decoration: none;
    margin-bottom: var(--space-5);
    transition: color var(--duration-fast, 120ms) ease;
}

.cs-exec-back:hover[b-wo9slqzm0w] {
    color: var(--color-text-primary);
}

/* ── Error banner ───────────────────────────────────────────── */

.cs-exec-error[b-wo9slqzm0w] {
    background-color: var(--color-emergency-100, #fee2e2);
    color: var(--color-emergency-700, #b91c1c);
    border-radius: var(--radius-md);
    padding: var(--space-3) var(--space-4);
    font-family: var(--font-persian);
    font-size: var(--text-sm);
    margin-bottom: var(--space-4);
}

/* ── Session context card ───────────────────────────────────── */

.cs-exec-context[b-wo9slqzm0w] {
    background-color: var(--color-bg-surface);
    border: 1px solid var(--color-neutral-100);
    border-radius: var(--radius-lg);
    padding: var(--space-5);
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    margin-bottom: var(--space-5);
}

.cs-exec-context__top[b-wo9slqzm0w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
}

.cs-exec-context__title[b-wo9slqzm0w] {
    font-size: var(--text-xl);
    font-weight: var(--weight-bold);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
    margin: 0;
}

.cs-exec-context__date[b-wo9slqzm0w] {
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    margin: 0;
}

/* ── Action areas ───────────────────────────────────────────── */

.cs-exec-action-area[b-wo9slqzm0w] {
    margin-bottom: var(--space-3);
}

.cs-exec-action-area--secondary[b-wo9slqzm0w] {
    margin-top: var(--space-1);
}

/* ── Buttons ────────────────────────────────────────────────── */

.cs-exec-btn[b-wo9slqzm0w] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    padding: var(--space-3) var(--space-5);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    font-family: var(--font-persian);
    border: none;
    cursor: pointer;
    min-height: 44px;
    transition: background-color var(--duration-fast, 120ms) ease,
                opacity var(--duration-fast, 120ms) ease;
}

.cs-exec-btn:disabled[b-wo9slqzm0w] {
    opacity: 0.55;
    cursor: not-allowed;
}

.cs-exec-btn--sage[b-wo9slqzm0w] {
    background-color: var(--color-sage-600, #4d7d52);
    color: #ffffff;
}

.cs-exec-btn--sage:not(:disabled):hover[b-wo9slqzm0w] {
    background-color: var(--color-sage-700, #3a6b3e);
}

.cs-exec-btn--amber[b-wo9slqzm0w] {
    background-color: var(--color-amber-100, #fef3c7);
    color: var(--color-amber-800, #92400e);
}

.cs-exec-btn--amber:not(:disabled):hover[b-wo9slqzm0w] {
    background-color: var(--color-amber-200, #fde68a);
}

.cs-exec-btn--danger[b-wo9slqzm0w] {
    background-color: var(--color-emergency-100, #fee2e2);
    color: var(--color-emergency-700, #b91c1c);
}

.cs-exec-btn--danger:not(:disabled):hover[b-wo9slqzm0w] {
    background-color: var(--color-emergency-200, #fecaca);
}

.cs-exec-btn--ghost[b-wo9slqzm0w] {
    background-color: transparent;
    color: var(--color-text-tertiary);
    border: 1.5px solid var(--color-neutral-200);
}

.cs-exec-btn--ghost:not(:disabled):hover[b-wo9slqzm0w] {
    background-color: var(--color-neutral-100);
    color: var(--color-text-secondary);
}

/* ── Inline forms (completion + skip) ──────────────────────── */

.cs-exec-inline-form[b-wo9slqzm0w] {
    background-color: var(--color-bg-surface);
    border: 1px solid var(--color-neutral-200);
    border-radius: var(--radius-lg);
    padding: var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    margin-bottom: var(--space-3);
}

.cs-exec-inline-form__label[b-wo9slqzm0w] {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
}

.cs-exec-inline-form__actions[b-wo9slqzm0w] {
    display: flex;
    gap: var(--space-2);
    flex-wrap: wrap;
}

/* ── Textarea ───────────────────────────────────────────────── */

.cs-exec-textarea[b-wo9slqzm0w] {
    width: 100%;
    border: 1px solid var(--color-neutral-200);
    border-radius: var(--radius-md);
    padding: var(--space-3);
    font-family: var(--font-persian);
    font-size: var(--text-sm);
    color: var(--color-text-primary);
    background-color: var(--color-bg-base, #fafafa);
    resize: vertical;
    line-height: var(--leading-relaxed, 1.6);
    box-sizing: border-box;
    transition: border-color var(--duration-fast, 120ms) ease;
}

.cs-exec-textarea:focus[b-wo9slqzm0w] {
    outline: none;
    border-color: var(--color-sage-400, #86b98a);
}

/* ── Status badges ──────────────────────────────────────────── */

.cs-exec-badge[b-wo9slqzm0w] {
    display: inline-block;
    flex-shrink: 0;
    padding: 2px var(--space-2);
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    font-family: var(--font-persian);
    white-space: nowrap;
}

.cs-exec-badge--active[b-wo9slqzm0w] {
    background-color: var(--color-sage-100, #d6ecd8);
    color: var(--color-sage-700, #3a6b3e);
}

.cs-exec-badge--pending[b-wo9slqzm0w] {
    background-color: var(--color-amber-100, #fef3c7);
    color: var(--color-amber-700, #b45309);
}

.cs-exec-badge--paused[b-wo9slqzm0w] {
    background-color: var(--color-amber-100, #fef3c7);
    color: var(--color-amber-800, #92400e);
}

.cs-exec-badge--completed[b-wo9slqzm0w] {
    background-color: var(--color-neutral-100, #f3f4f6);
    color: var(--color-text-secondary, #4b5563);
}

.cs-exec-badge--cancelled[b-wo9slqzm0w] {
    background-color: var(--color-neutral-100, #f3f4f6);
    color: var(--color-text-tertiary, #9ca3af);
}

.cs-exec-badge--danger[b-wo9slqzm0w] {
    background-color: var(--color-emergency-100, #fee2e2);
    color: var(--color-emergency-700, #b91c1c);
}
/* /Components/Pages/Timeline/CareEventCard.razor.rz.scp.css */
/* ============================================================
   CareEventCard — The human care story card
   Left (inline-start) accent bar communicates event type at a glance.
   Expand/collapse uses CSS grid-template-rows animation.
   ============================================================ */

.care-event-card[b-i4jrlf7arp] {
    background-color: var(--color-bg-surface);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
    border-inline-start: 4px solid transparent;
    transition: box-shadow var(--duration-fast) var(--ease-standard);
    animation: card-enter-b-i4jrlf7arp var(--duration-relaxed) var(--ease-enter) both;
}

.care-event-card:hover[b-i4jrlf7arp] {
    box-shadow: var(--shadow-md);
}

/* ── Event type accent colours (inline-start border) ──── */
.care-event-card--visit[b-i4jrlf7arp]     { border-inline-start-color: var(--color-rose-400); }
.care-event-card--medication[b-i4jrlf7arp] { border-inline-start-color: var(--color-sage-400); }
.care-event-card--doctor[b-i4jrlf7arp]    { border-inline-start-color: var(--color-amber-400); }
.care-event-card--errand[b-i4jrlf7arp]    { border-inline-start-color: var(--color-neutral-300); }
.care-event-card--call[b-i4jrlf7arp]      { border-inline-start-color: var(--color-rose-300); }

/* ── Header button (entire collapsed area is tappable) ── */
.care-event-card__header[b-i4jrlf7arp] {
    width: 100%;
    background: none;
    border: none;
    padding: var(--space-4) var(--space-5);
    cursor: pointer;
    text-align: start;
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    transition: background-color var(--duration-fast) var(--ease-standard);
}

.care-event-card__header:hover[b-i4jrlf7arp] {
    background-color: var(--color-neutral-50);
}

/* ── Title row: icon + title + status badge ────────────── */
.care-event-card__title-row[b-i4jrlf7arp] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-wrap: wrap;
}

.care-event-card__type-icon[b-i4jrlf7arp] {
    font-size: var(--text-lg);
    line-height: 1;
    flex-shrink: 0;
}

.care-event-card__title[b-i4jrlf7arp] {
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    margin: 0;
    flex: 1;
    font-family: var(--font-persian);
    text-align: start;
    line-height: var(--leading-snug);
}

/* ── Status badge ──────────────────────────────────────── */
.care-event-card__status-badge[b-i4jrlf7arp] {
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    padding: 2px var(--space-2);
    border-radius: var(--radius-full);
    flex-shrink: 0;
    font-family: var(--font-persian);
}

.care-event-card__status-badge--good[b-i4jrlf7arp]      { background: var(--color-sage-100); color: var(--color-sage-700); }
.care-event-card__status-badge--calm[b-i4jrlf7arp]      { background: var(--color-neutral-100); color: var(--color-neutral-700); }
.care-event-card__status-badge--attentive[b-i4jrlf7arp] { background: var(--color-amber-100); color: var(--color-amber-700); }

/* ── Narrative preview (collapsed state — 2-line clamp) ─ */
.care-event-card__preview[b-i4jrlf7arp] {
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
    line-height: var(--leading-normal);
    margin: 0;
    font-family: var(--font-persian);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: start;
}

/* ── Meta row: companion + time + media indicators ─────── */
.care-event-card__meta-row[b-i4jrlf7arp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
}

.care-event-card__companion[b-i4jrlf7arp] {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-rose-700);
    font-family: var(--font-persian);
}

.care-event-card__right-meta[b-i4jrlf7arp] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-shrink: 0;
}

.care-event-card__media-badge[b-i4jrlf7arp] {
    font-size: var(--text-xs);
    color: var(--color-neutral-500);
    font-family: var(--font-persian);
}

.care-event-card__time[b-i4jrlf7arp] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    white-space: nowrap;
}

.care-event-card__chevron[b-i4jrlf7arp] {
    font-size: var(--text-xl);
    color: var(--color-neutral-300);
    line-height: 1;
    transform: rotate(90deg);
    display: inline-block;
    transition: transform var(--duration-normal) var(--ease-standard);
}

.care-event-card__chevron--up[b-i4jrlf7arp] {
    transform: rotate(-90deg);
}

/* ── Expandable body ───────────────────────────────────── */
.care-event-card__expandable[b-i4jrlf7arp] {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows var(--duration-relaxed) var(--ease-standard);
}

.care-event-card__expandable--open[b-i4jrlf7arp] {
    grid-template-rows: 1fr;
}

.care-event-card__expandable-inner[b-i4jrlf7arp] {
    overflow: hidden;
}

/* ── Full narrative (expanded) ─────────────────────────── */
.care-event-card__narrative[b-i4jrlf7arp] {
    font-size: var(--text-base);
    line-height: var(--leading-loose);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
    font-style: italic;
    margin: 0;
    padding: var(--space-4) var(--space-5);
    border-bottom: 1px solid var(--color-neutral-100);
    quotes: "«" "»";
}

.care-event-card__narrative[b-i4jrlf7arp]::before {
    content: open-quote;
    font-size: var(--text-2xl);
    color: var(--color-rose-300);
    font-style: normal;
    line-height: 0.5;
    vertical-align: -0.4em;
    margin-inline-end: var(--space-1);
}

.care-event-card__narrative[b-i4jrlf7arp]::after {
    content: close-quote;
    font-size: var(--text-2xl);
    color: var(--color-rose-300);
    font-style: normal;
    line-height: 0.5;
    vertical-align: -0.4em;
    margin-inline-start: var(--space-1);
}

/* NeedsAttention: very subtle amber tint on expanded body */
.care-event-card--attentive .care-event-card__narrative[b-i4jrlf7arp] {
    background-color: var(--color-amber-100);
    border-bottom-color: var(--color-amber-200);
}

@keyframes card-enter-b-i4jrlf7arp {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Voice note — full-width audio player inside expanded card ─ */

.care-event-card__voice-note[b-i4jrlf7arp] {
    margin-top: var(--space-3);
    background: var(--color-sage-100);
    border: 1px solid var(--color-sage-200);
    border-radius: var(--radius-md);
    overflow: hidden;
}

.care-event-card__voice-note-label[b-i4jrlf7arp] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-4);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    color: var(--color-sage-700);
    font-family: var(--font-persian);
    border-bottom: 1px solid var(--color-sage-200);
    background: var(--color-sage-50);
}

.care-event-card__voice-duration[b-i4jrlf7arp] {
    margin-inline-start: auto;
    font-variant-numeric: tabular-nums;
    color: var(--color-sage-600);
}

/* AudioPlayer inside voice-note: override its own border/bg to blend in */
.care-event-card__voice-note .audio-player[b-i4jrlf7arp] {
    background: transparent;
    border: none;
    border-radius: 0;
    padding: var(--space-3) var(--space-4);
}
/* /Components/Pages/Timeline/MediaPreview.razor.rz.scp.css */
.media-preview[b-yg03fjgd5a] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding: var(--space-4) var(--space-5);
    background-color: var(--color-neutral-50);
    border-top: 1px solid var(--color-neutral-100);
}

/* ── Photo grid ────────────────────────────────────────── */
.media-preview__photos[b-yg03fjgd5a] {
    display: flex;
    gap: var(--space-2);
    flex-wrap: wrap;
}

.media-preview__photo-tile[b-yg03fjgd5a] {
    width: 80px;
    height: 80px;
    border-radius: var(--radius-md);
    background-color: var(--color-neutral-100);
    border: 1px solid var(--color-neutral-200);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-1);
    cursor: pointer;
    transition: background-color var(--duration-fast) var(--ease-standard);
}

.media-preview__photo-tile:hover[b-yg03fjgd5a] {
    background-color: var(--color-rose-100);
    border-color: var(--color-rose-200);
}

.media-preview__photo-tile--more[b-yg03fjgd5a] {
    background-color: var(--color-neutral-200);
}

.media-preview__photo-icon[b-yg03fjgd5a] {
    font-size: 1.5rem;
    line-height: 1;
}

.media-preview__photo-label[b-yg03fjgd5a] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
}

.media-preview__more-label[b-yg03fjgd5a] {
    font-size: var(--text-md);
    font-weight: var(--weight-semibold);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
}

/* ── Voice note ────────────────────────────────────────── */
.media-preview__voice[b-yg03fjgd5a] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background-color: var(--color-bg-surface);
    border: 1px solid var(--color-neutral-200);
    border-radius: var(--radius-md);
}

.media-preview__play-btn[b-yg03fjgd5a] {
    width: 40px;
    height: 40px;
    border-radius: var(--radius-full);
    background-color: var(--color-rose-100);
    border: none;
    color: var(--color-rose-700);
    font-size: var(--text-base);
    cursor: not-allowed;   /* disabled in MVP */
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.7;
}

.media-preview__waveform[b-yg03fjgd5a] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 2px;
    height: 32px;
    overflow: hidden;
}

.media-preview__bar[b-yg03fjgd5a] {
    display: inline-block;
    width: 3px;
    background-color: var(--color-rose-300);
    border-radius: 2px;
    flex-shrink: 0;
    opacity: 0.7;
}

.media-preview__voice-label[b-yg03fjgd5a] {
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    white-space: nowrap;
    flex-shrink: 0;
}
/* /Components/Pages/Timeline/TimelinePage.razor.rz.scp.css */
/* ============================================================
   Timeline Page — vertical scroll feed of care events
   ============================================================ */

/* ── Page header ────────────────────────────────────────── */
.timeline-header[b-pb3z1ulnhs] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-4);
    margin-bottom: var(--space-6);
    padding-bottom: var(--space-5);
    border-bottom: 1px solid var(--color-neutral-100);
}

.timeline-header__title[b-pb3z1ulnhs] {
    font-size: var(--text-2xl);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    margin: 0 0 var(--space-1);
    line-height: var(--leading-snug);
    font-family: var(--font-persian);
}

.timeline-header__subtitle[b-pb3z1ulnhs] {
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
    margin: 0;
    font-family: var(--font-persian);
}

/* ── Month group ────────────────────────────────────────── */
.timeline-group[b-pb3z1ulnhs] {
    margin-bottom: var(--space-8);
}

/* Month divider with centred label */
.timeline-group__divider[b-pb3z1ulnhs] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin-bottom: var(--space-4);
}

.timeline-group__divider[b-pb3z1ulnhs]::before,
.timeline-group__divider[b-pb3z1ulnhs]::after {
    content: '';
    flex: 1;
    height: 1px;
    background-color: var(--color-neutral-200);
}

.timeline-group__month-label[b-pb3z1ulnhs] {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    white-space: nowrap;
    padding: var(--space-1) var(--space-3);
    background-color: var(--color-bg-canvas);
    border: 1px solid var(--color-neutral-200);
    border-radius: var(--radius-full);
    letter-spacing: 0.02em;
}

/* Event list with consistent gap */
.timeline-group__events[b-pb3z1ulnhs] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.timeline-group__event-wrapper[b-pb3z1ulnhs] {
    animation: card-enter-b-pb3z1ulnhs var(--duration-relaxed) var(--ease-enter) both;
}

/* ── Footer ─────────────────────────────────────────────── */
.timeline-footer[b-pb3z1ulnhs] {
    text-align: center;
    padding: var(--space-8) 0 var(--space-4);
    border-top: 1px solid var(--color-neutral-100);
}

.timeline-footer__text[b-pb3z1ulnhs] {
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
    margin: 0;
    font-family: var(--font-persian);
}

@keyframes card-enter-b-pb3z1ulnhs {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}
/* /Components/Shared/Navigation/BottomNav.razor.rz.scp.css */
/* ============================================================
   Bottom Navigation — Mobile only
   Hidden on tablet+ where SideNav takes over
   ============================================================ */

.bottom-nav[b-hnn1gztdk4] {
    position: fixed;
    bottom: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    z-index: var(--z-bottom-nav);
    height: var(--nav-height-bottom);
    padding-bottom: env(safe-area-inset-bottom, 0px);
    background-color: var(--color-bg-surface);
    border-top: 1px solid var(--color-neutral-100);
    display: flex;
    align-items: stretch;
    justify-content: space-around;
}

.bottom-nav__item[b-hnn1gztdk4] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-1);
    text-decoration: none;
    color: var(--color-neutral-400);
    padding: var(--space-2) 0;
    position: relative;
    transition: color var(--duration-fast) var(--ease-standard);
    min-height: 44px;
}

.bottom-nav__item[b-hnn1gztdk4]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) scaleX(0);
    width: 24px;
    height: 2px;
    background-color: var(--color-rose-600);
    border-radius: var(--radius-full);
    transition: transform var(--duration-normal) var(--ease-standard);
}

.bottom-nav__item--active[b-hnn1gztdk4] {
    color: var(--color-rose-600);
}

.bottom-nav__item--active[b-hnn1gztdk4]::before {
    transform: translateX(-50%) scaleX(1);
}

.bottom-nav__icon[b-hnn1gztdk4] {
    font-size: 20px;
    line-height: 1;
}

.bottom-nav__label[b-hnn1gztdk4] {
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    line-height: 1;
    font-family: var(--font-persian);
}

/* ── Tablet+: hand off to SideNav ─────────────────────── */
@media (min-width: 768px) {
    .bottom-nav[b-hnn1gztdk4] {
        display: none;
    }
}
/* /Components/Shared/Navigation/SideNav.razor.rz.scp.css */
/* ============================================================
   Side Navigation — Desktop only
   Warm, minimal, emotionally calm sidebar
   ============================================================ */

.side-nav[b-qaab8wirf6] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: var(--space-4) var(--space-3);
    gap: var(--space-2);
    overflow-y: auto;
    overflow-x: hidden;
}

/* ── Brand / Logo ──────────────────────────────────────── */
.side-nav__brand[b-qaab8wirf6] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-3);
    border-radius: var(--radius-lg);
    text-decoration: none;
    margin-bottom: var(--space-4);
    transition: background-color var(--duration-fast) var(--ease-standard);
}

.side-nav__brand:hover[b-qaab8wirf6] {
    background-color: var(--color-rose-100);
    text-decoration: none;
}

.side-nav__brand-icon[b-qaab8wirf6] {
    font-size: 1.5rem;
    line-height: 1;
    flex-shrink: 0;
}

.side-nav__brand-name[b-qaab8wirf6] {
    font-size: var(--text-xl);
    font-weight: var(--weight-semibold);
    color: var(--color-rose-700);
    font-family: var(--font-persian);
    letter-spacing: -0.01em;
}

/* ── Navigation list ───────────────────────────────────── */
.side-nav__list[b-qaab8wirf6] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.side-nav__spacer[b-qaab8wirf6] {
    flex: 1;
    min-height: var(--space-6);
}

.side-nav__list--bottom[b-qaab8wirf6] {
    padding-top: var(--space-4);
    border-top: 1px solid var(--color-border-sidebar);
}

/* ── Navigation item ───────────────────────────────────── */
.side-nav__item[b-qaab8wirf6] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-3);
    border-radius: var(--radius-md);
    text-decoration: none;
    color: var(--color-text-secondary);
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    font-family: var(--font-persian);
    transition: background-color var(--duration-fast) var(--ease-standard),
                color            var(--duration-fast) var(--ease-standard);
    min-height: 44px; /* Touch target minimum even on desktop */
}

.side-nav__item:hover[b-qaab8wirf6] {
    background-color: var(--color-rose-100);
    color: var(--color-text-primary);
    text-decoration: none;
}

.side-nav__item--active[b-qaab8wirf6] {
    background-color: var(--color-rose-100);
    color: var(--color-rose-700);
    font-weight: var(--weight-semibold);
}

.side-nav__item--active:hover[b-qaab8wirf6] {
    background-color: var(--color-rose-200);
}

.side-nav__item-icon[b-qaab8wirf6] {
    font-size: 1.125rem;
    line-height: 1;
    flex-shrink: 0;
    width: 24px;
    text-align: center;
}

.side-nav__item-label[b-qaab8wirf6] {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Auth additions ────────────────────────────────────────── */
.side-nav__divider[b-qaab8wirf6] {
    height: 1px;
    background-color: var(--color-neutral-200);
    margin: var(--space-3) var(--space-3);
}

.side-nav__user[b-qaab8wirf6] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
    overflow: hidden;
}

.side-nav__user-icon[b-qaab8wirf6] { font-size: 1.125rem; flex-shrink: 0; }

.side-nav__user-name[b-qaab8wirf6] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.side-nav__list--bottom[b-qaab8wirf6] {
    padding-top: var(--space-2);
    border-top: 1px solid var(--color-neutral-200);
}

.side-nav__item--logout[b-qaab8wirf6] { color: var(--color-text-tertiary); }
.side-nav__item--logout:hover[b-qaab8wirf6] { background-color: var(--color-emergency-100); color: var(--color-emergency-700); }
/* /Components/Shared/Navigation/TopBar.razor.rz.scp.css */
/* ============================================================
   Top Bar — Responsive
   Full-width fixed header on all breakpoints
   ============================================================ */

.top-bar[b-cr8abg40zh] {
    position: fixed;
    top: 0;
    inset-inline-start: 0;   /* RTL-aware: 'left' in LTR, 'right' in RTL */
    inset-inline-end: 0;
    z-index: var(--z-top-bar);
    height: var(--nav-height-top);
    background-color: var(--color-bg-surface);
    border-bottom: 1px solid var(--color-neutral-100);
}

/* ── Inner wrapper: constrains content width and handles sidebar offset */
.top-bar__inner[b-cr8abg40zh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    /* Responsive horizontal padding */
    padding: 0 var(--page-padding-x);
    max-width: var(--page-max-width);
    margin: 0 auto;
}

.top-bar__leading[b-cr8abg40zh],
.top-bar__trailing[b-cr8abg40zh] {
    min-width: 48px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.top-bar__trailing[b-cr8abg40zh] {
    justify-content: flex-end;
}

.top-bar__center[b-cr8abg40zh] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0; /* Allow text truncation */
}

.top-bar__title[b-cr8abg40zh] {
    font-size: var(--text-md);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    margin: 0;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Mobile-only logo (sidebar has logo on desktop) */
.top-bar__logo--mobile[b-cr8abg40zh] {
    font-size: var(--text-lg);
    font-weight: var(--weight-semibold);
    color: var(--color-rose-600);
    letter-spacing: -0.01em;
}

.top-bar__back-btn[b-cr8abg40zh] {
    background: none;
    border: none;
    padding: var(--space-2);
    color: var(--color-rose-600);
    font-size: var(--text-lg);
    cursor: pointer;
    min-width: 44px;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-full);
    transition: background-color var(--duration-fast) var(--ease-standard);
}

.top-bar__back-btn:hover[b-cr8abg40zh] {
    background-color: var(--color-rose-50);
}

/* ── Tablet+: logo is shown in sidebar — hide from top bar */
@media (min-width: 768px) {
    .top-bar__logo--mobile[b-cr8abg40zh] {
        display: none;
    }

    .top-bar__title[b-cr8abg40zh] {
        font-size: var(--text-lg);
    }
}
/* /Components/Shared/UI/AudioPlayer.razor.rz.scp.css */
.audio-player[b-xaadk4q798] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background-color: var(--color-bg-sunken);
    border: 1px solid var(--color-border-default);
    border-radius: var(--radius-md);
}

.audio-player__icon[b-xaadk4q798] {
    font-size: 1.25rem;
    flex-shrink: 0;
    line-height: 1;
    margin-top: 0.5rem;
}

.audio-player__content[b-xaadk4q798] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    gap: var(--space-1);
    width: 100%;
}

.audio-player__element[b-xaadk4q798] {
    width: 100%;
    height: 44px;
    accent-color: var(--color-rose-600);
    display: block;
}

.audio-player__duration[b-xaadk4q798] {
    font-size: var(--text-xs);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
    line-height: var(--leading-normal);
}

@media (max-width: 480px) {
    .audio-player[b-xaadk4q798] {
        padding: var(--space-3);
    }

    .audio-player__element[b-xaadk4q798] {
        height: 44px;
    }
}
/* /Components/Shared/UI/DeliButton.razor.rz.scp.css */
.deli-btn[b-ofd03fs133] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    min-height: 52px;
    padding: 0 var(--space-8);
    border-radius: var(--radius-full);
    border: none;
    font-family: var(--font-persian);
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    cursor: pointer;
    text-decoration: none;
    transition: background-color var(--duration-fast) var(--ease-standard),
                transform var(--duration-fast) var(--ease-standard);
    white-space: nowrap;
}

.deli-btn:active[b-ofd03fs133] {
    transform: scale(0.98);
}

.deli-btn--full[b-ofd03fs133] {
    width: 100%;
}

/* Primary */
.deli-btn--primary[b-ofd03fs133] {
    background-color: var(--color-rose-600);
    color: var(--color-text-on-rose);
}

.deli-btn--primary:hover:not(:disabled)[b-ofd03fs133] {
    background-color: var(--color-rose-700);
}

/* Secondary */
.deli-btn--secondary[b-ofd03fs133] {
    background-color: transparent;
    color: var(--color-rose-600);
    border: 1.5px solid var(--color-rose-400);
}

.deli-btn--secondary:hover:not(:disabled)[b-ofd03fs133] {
    background-color: var(--color-rose-50);
}

/* Ghost */
.deli-btn--ghost[b-ofd03fs133] {
    background-color: transparent;
    color: var(--color-text-secondary);
    border: none;
    padding: 0 var(--space-4);
}

.deli-btn--ghost:hover:not(:disabled)[b-ofd03fs133] {
    color: var(--color-text-primary);
    background-color: var(--color-neutral-100);
}

/* Emergency */
.deli-btn--emergency[b-ofd03fs133] {
    background-color: var(--color-emergency-600);
    color: #fff;
}

.deli-btn--emergency:hover:not(:disabled)[b-ofd03fs133] {
    background-color: var(--color-emergency-700);
}

/* Disabled */
.deli-btn:disabled[b-ofd03fs133] {
    background-color: var(--color-neutral-100);
    color: var(--color-neutral-400);
    cursor: not-allowed;
    transform: none;
}

.deli-btn__spinner[b-ofd03fs133] {
    display: inline-block;
    animation: spin-b-ofd03fs133 1s linear infinite;
}

@keyframes spin-b-ofd03fs133 {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}
/* /Components/Shared/UI/DeliCard.razor.rz.scp.css */
.deli-card[b-gvo098y6u9] {
    background-color: var(--color-bg-surface);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
    margin-bottom: var(--space-4);
}

.deli-card__header[b-gvo098y6u9] {
    padding: var(--space-4) var(--space-5) var(--space-3);
    border-bottom: 1px solid var(--color-neutral-100);
}

.deli-card__body[b-gvo098y6u9] {
    padding: var(--space-5);
}

.deli-card__footer[b-gvo098y6u9] {
    padding: var(--space-3) var(--space-5) var(--space-4);
    border-top: 1px solid var(--color-neutral-100);
}

/* Variants */
.deli-card--warm[b-gvo098y6u9] {
    background-color: var(--color-rose-50);
    border: 1px solid var(--color-rose-200);
    box-shadow: none;
}

.deli-card--calm[b-gvo098y6u9] {
    background-color: var(--color-neutral-50);
    box-shadow: none;
    border: 1px solid var(--color-neutral-100);
}

.deli-card--attentive[b-gvo098y6u9] {
    background-color: var(--color-amber-100);
    border: 1px solid var(--color-amber-200);
    box-shadow: none;
}

.deli-card--emergency[b-gvo098y6u9] {
    background-color: var(--color-emergency-100);
    border: 1px solid var(--color-emergency-200);
    box-shadow: none;
    animation: card-breathe-b-gvo098y6u9 2s ease-in-out infinite;
}

@keyframes card-breathe-b-gvo098y6u9 {
    0%, 100% { border-color: var(--color-emergency-200); }
    50%       { border-color: var(--color-emergency-400); }
}
/* /Components/Shared/UI/DeliEmptyState.razor.rz.scp.css */
.deli-empty[b-cz2hso1ro2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: var(--space-16) var(--space-6);
    gap: var(--space-3);
}

.deli-empty__icon[b-cz2hso1ro2] {
    font-size: 3rem;
    line-height: 1;
    margin-bottom: var(--space-2);
}

.deli-empty__title[b-cz2hso1ro2] {
    font-size: var(--text-lg);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    margin: 0;
    line-height: var(--leading-snug);
}

.deli-empty__description[b-cz2hso1ro2] {
    font-size: var(--text-base);
    color: var(--color-text-secondary);
    line-height: var(--leading-relaxed);
    margin: 0;
    max-width: 280px;
}

.deli-empty__action[b-cz2hso1ro2] {
    margin-top: var(--space-4);
}
/* /Components/Shared/UI/DeliLoadingState.razor.rz.scp.css */
.deli-loading[b-6hj78b4ja1] {
    padding: var(--space-5);
}

.deli-loading__message[b-6hj78b4ja1] {
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
    text-align: center;
    margin-bottom: var(--space-4);
}

.deli-loading__skeleton-card[b-6hj78b4ja1] {
    background: var(--color-bg-surface);
    border-radius: var(--radius-lg);
    padding: var(--space-5);
    margin-bottom: var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.deli-loading__skeleton[b-6hj78b4ja1] {
    background: linear-gradient(
        90deg,
        var(--color-neutral-100) 25%,
        var(--color-neutral-50)  50%,
        var(--color-neutral-100) 75%
    );
    background-size: 200% 100%;
    border-radius: var(--radius-sm);
    animation: skeleton-shimmer-b-6hj78b4ja1 1.5s ease-in-out infinite;
    height: 14px;
}

.deli-loading__skeleton--title[b-6hj78b4ja1] {
    height: 18px;
    width: 60%;
}

.deli-loading__skeleton--line[b-6hj78b4ja1] {
    height: 12px;
    width: 100%;
}

.deli-loading__skeleton--short[b-6hj78b4ja1] {
    width: 45%;
}

@keyframes skeleton-shimmer-b-6hj78b4ja1 {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
/* /Components/Shared/UI/DeliPageContainer.razor.rz.scp.css */
/* ============================================================
   Page Container — Responsive content wrapper
   Applies consistent padding and caps reading width at
   --content-max-width (960px) so text never stretches too wide
   on large monitors. Centers within the available content area.
   ============================================================ */

.deli-page-container[b-wd7v7mrfp8] {
    width: 100%;
    max-width: var(--content-max-width);
    margin-inline: auto;           /* Center horizontally, RTL-aware */

    /* Fluid padding: 16px on mobile → 48px on wide desktop */
    padding: clamp(1rem, 3vw, 2rem) var(--page-padding-x) clamp(2rem, 4vw, 3rem);
}

/* ── Tablet (768px+): more breathing room ──────────────── */
@media (min-width: 768px) {
    .deli-page-container[b-wd7v7mrfp8] {
        padding-top: clamp(1.5rem, 3vw, 2.5rem);
    }
}

/* ── Desktop (1024px+): generous spacing ───────────────── */
@media (min-width: 1024px) {
    .deli-page-container[b-wd7v7mrfp8] {
        padding-top: 2rem;
        padding-bottom: 3rem;
    }
}
/* /Components/Shared/UI/MediaGallery.razor.rz.scp.css */
.media-gallery[b-3ljre4y9sy] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    margin-top: var(--space-3);
}

.media-gallery__item[b-3ljre4y9sy] {
    width: 80px;
    height: 80px;
    border-radius: var(--radius-md);
    overflow: hidden;
    cursor: pointer;
    border: 1.5px solid var(--color-border-default);
    background: var(--color-bg-sunken);
    flex-shrink: 0;
    margin: 0;
    transition: transform var(--duration-fast) var(--ease-standard),
                box-shadow var(--duration-fast) var(--ease-standard);
}

.media-gallery__item:hover[b-3ljre4y9sy] {
    transform: scale(1.04);
    box-shadow: var(--shadow-md);
    border-color: var(--color-rose-300);
}

.media-gallery__thumb[b-3ljre4y9sy] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.media-gallery__audio-placeholder[b-3ljre4y9sy] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75rem;
    background: var(--color-neutral-100);
}

.media-gallery__audio-item[b-3ljre4y9sy] {
    flex: 0 0 100%;
    width: 100%;
    margin-top: var(--space-2);
}

/* Lightbox */
.media-gallery__lightbox[b-3ljre4y9sy] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .88);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: var(--z-modal);
    animation: mg-fade-in-b-3ljre4y9sy 0.15s ease;
}

@keyframes mg-fade-in-b-3ljre4y9sy {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.media-gallery__lightbox-close[b-3ljre4y9sy] {
    position: absolute;
    top: 1rem;
    left: 1rem;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(255,255,255,.15);
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s;
}

.media-gallery__lightbox-close:hover[b-3ljre4y9sy] { background: rgba(255,255,255,.28); }

.media-gallery__lightbox-img[b-3ljre4y9sy] {
    max-width: min(90vw, 960px);
    max-height: 85vh;
    object-fit: contain;
    border-radius: var(--radius-md);
    box-shadow: 0 24px 64px rgba(0,0,0,.6);
}

@media (max-width: 640px) {
    .media-gallery__lightbox-img[b-3ljre4y9sy] {
        max-width: 95vw;
        max-height: 80vh;
    }
}

@media (max-width: 480px) {
    .media-gallery__item[b-3ljre4y9sy] {
        width: 96px;
        height: 96px;
    }
}
/* /Components/Shared/UI/MediaUpload.razor.rz.scp.css */
.media-upload[b-mbb05mxrbs] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.media-upload__trigger[b-mbb05mxrbs] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-4);
    border: 1.5px dashed var(--color-border-default);
    border-radius: var(--radius-md);
    color: var(--color-text-secondary);
    font-size: var(--text-sm);
    font-family: var(--font-persian);
    cursor: pointer;
    transition: border-color var(--duration-fast) var(--ease-standard),
                background-color var(--duration-fast) var(--ease-standard);
    width: fit-content;
    user-select: none;
}

.media-upload__trigger:hover[b-mbb05mxrbs] {
    border-color: var(--color-rose-400);
    background-color: var(--color-rose-50);
    color: var(--color-rose-700);
}

.media-upload__trigger-icon[b-mbb05mxrbs] { font-size: 1.1rem; }

.media-upload__grid[b-mbb05mxrbs] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}

.media-upload__thumb[b-mbb05mxrbs] {
    position: relative;
    width: 88px;
    height: 88px;
    border-radius: var(--radius-md);
    overflow: hidden;
    border: 1.5px solid var(--color-border-default);
    background: var(--color-bg-sunken);
    flex-shrink: 0;
}

.media-upload__thumb img[b-mbb05mxrbs] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.media-upload__thumb--loading[b-mbb05mxrbs] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-neutral-100);
}

.media-upload__spinner[b-mbb05mxrbs] {
    width: 20px;
    height: 20px;
    border: 2px solid var(--color-neutral-200);
    border-top-color: var(--color-rose-500);
    border-radius: 50%;
    animation: media-spin-b-mbb05mxrbs 0.7s linear infinite;
}

@keyframes media-spin-b-mbb05mxrbs {
    to { transform: rotate(360deg); }
}

.media-upload__remove[b-mbb05mxrbs] {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgba(0,0,0,.55);
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    padding: 2px;
}

.media-upload__remove:hover[b-mbb05mxrbs] { background: rgba(0,0,0,.75); }

.media-upload__error[b-mbb05mxrbs] {
    font-size: var(--text-sm);
    color: var(--color-emergency-600);
    margin: 0;
    font-family: var(--font-persian);
}

.media-upload__thumb-label[b-mbb05mxrbs] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.55);
    color: #fff;
    font-size: 9px;
    padding: 2px 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: var(--font-persian);
    display: none; /* shown on hover/focus */
}

.media-upload__thumb:hover .media-upload__thumb-label[b-mbb05mxrbs],
.media-upload__thumb:focus-within .media-upload__thumb-label[b-mbb05mxrbs] { display: block; }

.media-upload__trigger-hint[b-mbb05mxrbs] {
    display: block;
    font-size: var(--text-xs);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
    margin-top: 2px;
}

@media (max-width: 480px) {
    .media-upload__trigger[b-mbb05mxrbs] { width: 100%; justify-content: center; }
}
/* /Components/Shared/UI/NotificationBell.razor.rz.scp.css */
.notif-bell[b-bhza8gagqv] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

/* ── Bell button ─────────────────────────────────────── */

.notif-bell__btn[b-bhza8gagqv] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    background: none;
    border: none;
    border-radius: var(--radius-full);
    cursor: pointer;
    transition: background-color var(--duration-fast) var(--ease-standard);
}

.notif-bell__btn:hover[b-bhza8gagqv] { background-color: var(--color-bg-sunken); }

.notif-bell__icon[b-bhza8gagqv] { font-size: 1.2rem; line-height: 1; }

/* ── Unread badge ────────────────────────────────────── */

.notif-bell__badge[b-bhza8gagqv] {
    position: absolute;
    top: 4px;
    inset-inline-end: 4px;
    min-width: 16px;
    height: 16px;
    padding: 0 3px;
    background-color: var(--color-emergency-600);
    color: #fff;
    font-size: 10px;
    font-weight: var(--weight-semibold);
    line-height: 16px;
    border-radius: var(--radius-full);
    text-align: center;
    pointer-events: none;
}

/* ── Backdrop ────────────────────────────────────────── */

.notif-bell__backdrop[b-bhza8gagqv] {
    position: fixed;
    inset: 0;
    z-index: calc(var(--z-modal) - 1);
}

/* ── Dropdown ────────────────────────────────────────── */

.notif-bell__dropdown[b-bhza8gagqv] {
    position: absolute;
    top: calc(100% + var(--space-2));
    inset-inline-end: 0;
    width: min(360px, 92vw);
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border-default);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    z-index: var(--z-modal);
    display: flex;
    flex-direction: column;
    max-height: 480px;
    overflow: hidden;
}

/* ── Header ──────────────────────────────────────────── */

.notif-bell__header[b-bhza8gagqv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-4) var(--space-4) var(--space-3);
    border-bottom: 1px solid var(--color-border-default);
    flex-shrink: 0;
}

.notif-bell__heading[b-bhza8gagqv] {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    margin: 0;
    font-family: var(--font-persian);
}

.notif-bell__mark-all[b-bhza8gagqv] {
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    font-family: var(--font-persian);
    color: var(--color-text-link);
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}

.notif-bell__mark-all:hover[b-bhza8gagqv] { color: var(--color-rose-700); }

/* ── Empty / loading ─────────────────────────────────── */

.notif-bell__state[b-bhza8gagqv] {
    padding: var(--space-8) var(--space-4);
    text-align: center;
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
    font-family: var(--font-persian);
}

/* ── List ────────────────────────────────────────────── */

.notif-bell__list[b-bhza8gagqv] {
    list-style: none;
    margin: 0;
    padding: var(--space-2) 0;
    overflow-y: auto;
    flex: 1;
}

/* ── Item ────────────────────────────────────────────── */

.notif-bell__item[b-bhza8gagqv] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    cursor: pointer;
    transition: background-color var(--duration-fast) var(--ease-standard);
    position: relative;
}

.notif-bell__item:hover[b-bhza8gagqv]          { background-color: var(--color-bg-sunken); }
.notif-bell__item--unread[b-bhza8gagqv]        { background-color: var(--color-rose-50); }
.notif-bell__item--unread:hover[b-bhza8gagqv]  { background-color: var(--color-rose-100); }

.notif-bell__type-icon[b-bhza8gagqv] { font-size: 1.1rem; line-height: 1; flex-shrink: 0; padding-top: 2px; }

.notif-bell__content[b-bhza8gagqv] { flex: 1; min-width: 0; }

.notif-bell__title[b-bhza8gagqv] {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    font-family: var(--font-persian);
    margin: 0 0 var(--space-1);
    line-height: var(--leading-snug);
}

.notif-bell__msg[b-bhza8gagqv] {
    font-size: var(--text-xs);
    color: var(--color-text-secondary);
    font-family: var(--font-persian);
    margin: 0 0 var(--space-1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.notif-bell__time[b-bhza8gagqv] { font-size: var(--text-xs); color: var(--color-text-tertiary); }

.notif-bell__dot[b-bhza8gagqv] {
    width: 8px;
    height: 8px;
    border-radius: var(--radius-full);
    background-color: var(--color-rose-600);
    flex-shrink: 0;
    margin-top: 6px;
}

/* ── Footer / view-all link ──────────────────────────── */

.notif-bell__footer[b-bhza8gagqv] {
    padding: var(--space-3) var(--space-4);
    border-top: 1px solid var(--color-border-default);
    flex-shrink: 0;
    text-align: center;
}

.notif-bell__view-all[b-bhza8gagqv] {
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    font-family: var(--font-persian);
    color: var(--color-text-link);
    text-decoration: none;
}

.notif-bell__view-all:hover[b-bhza8gagqv] {
    color: var(--color-rose-700);
    text-decoration: underline;
}
/* /Components/Shared/UI/VoiceRecorder.razor.rz.scp.css */
.voice-recorder[b-c3jmgs7e37] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

/* ── Trigger button (Idle state) ─────────────────────────── */
.voice-recorder__trigger[b-c3jmgs7e37] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-4);
    border: 1.5px dashed var(--color-border-default);
    border-radius: var(--radius-md);
    background: transparent;
    color: var(--color-text-secondary);
    font-size: var(--text-sm);
    font-family: var(--font-persian);
    cursor: pointer;
    min-height: 52px;
    width: 100%;
    justify-content: center;
    user-select: none;
    transition: border-color var(--duration-fast) var(--ease-standard),
                background-color var(--duration-fast) var(--ease-standard),
                color var(--duration-fast) var(--ease-standard);
}

.voice-recorder__trigger:hover[b-c3jmgs7e37] {
    border-color: var(--color-rose-400);
    background-color: var(--color-rose-50);
    color: var(--color-rose-700);
}

/* ── Recording bar ───────────────────────────────────────── */
.voice-recorder__recording-bar[b-c3jmgs7e37] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-2) var(--space-4);
    background-color: var(--color-emergency-50);
    border: 1px solid var(--color-emergency-200);
    border-radius: var(--radius-md);
    width: fit-content;
}

/* Pulsing red dot */
.voice-recorder__pulse[b-c3jmgs7e37] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--color-emergency-600);
    flex-shrink: 0;
    box-shadow: 0 0 0 4px rgba(196,64,74,0.25);
    animation: vr-pulse-b-c3jmgs7e37 1.2s ease-in-out infinite;
}

@keyframes vr-pulse-b-c3jmgs7e37 {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.35);
        opacity: 0.55;
    }
}

/* Timer */
.voice-recorder__timer[b-c3jmgs7e37] {
    font-family: var(--font-latin), monospace;
    font-variant-numeric: tabular-nums;
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    color: var(--color-emergency-700);
    min-width: 3rem;
    text-align: center;
}

/* Stop button */
.voice-recorder__stop-btn[b-c3jmgs7e37] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    min-height: 44px;
    padding: var(--space-2) var(--space-5);
    background-color: var(--color-emergency-600);
    color: #fff;
    border: none;
    border-radius: var(--radius-full);
    font-size: var(--text-xs);
    font-family: var(--font-persian);
    font-weight: var(--weight-medium);
    cursor: pointer;
    transition: background-color var(--duration-fast) var(--ease-standard);
}

.voice-recorder__stop-btn:hover[b-c3jmgs7e37] {
    background-color: var(--color-emergency-700);
}

/* ── Status row (Requesting / Uploading) ─────────────────── */
.voice-recorder__status[b-c3jmgs7e37] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    font-family: var(--font-persian);
    color: var(--color-text-secondary);
}

/* Dots blink animation */
.voice-recorder__blink[b-c3jmgs7e37] {
    animation: vr-blink-b-c3jmgs7e37 1.4s step-start infinite;
    letter-spacing: 0.05em;
}

@keyframes vr-blink-b-c3jmgs7e37 {
    0%, 100% { opacity: 1; }
    33%       { opacity: 0.3; }
    66%       { opacity: 0.7; }
}

/* Upload spinner */
.voice-recorder__spinner[b-c3jmgs7e37] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid var(--color-neutral-200);
    border-top-color: var(--color-rose-500);
    border-radius: 50%;
    flex-shrink: 0;
    animation: vr-spin-b-c3jmgs7e37 0.7s linear infinite;
}

@keyframes vr-spin-b-c3jmgs7e37 {
    to { transform: rotate(360deg); }
}

/* ── Done state ──────────────────────────────────────────── */
.voice-recorder__done[b-c3jmgs7e37] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-4);
    background-color: var(--color-sage-100);
    border: 1px solid var(--color-sage-200);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-family: var(--font-persian);
    color: var(--color-text-secondary);
    width: fit-content;
}

.voice-recorder__done-icon[b-c3jmgs7e37] {
    color: var(--color-sage-600);
    font-weight: var(--weight-semibold);
    flex-shrink: 0;
}

/* Re-record link */
.voice-recorder__rerecord[b-c3jmgs7e37] {
    background: none;
    border: none;
    padding: 0;
    color: var(--color-text-link);
    font-size: var(--text-sm);
    font-family: var(--font-persian);
    cursor: pointer;
    text-decoration: underline;
    margin-right: var(--space-1);
}

.voice-recorder__rerecord:hover[b-c3jmgs7e37] {
    color: var(--color-rose-700);
}

/* ── Error state ─────────────────────────────────────────── */
.voice-recorder__error-msg[b-c3jmgs7e37] {
    color: var(--color-emergency-600);
    font-size: var(--text-sm);
    font-family: var(--font-persian);
}

.voice-recorder__retry[b-c3jmgs7e37] {
    background: none;
    border: 1px solid var(--color-emergency-400);
    border-radius: var(--radius-sm);
    padding: var(--space-1) var(--space-3);
    color: var(--color-emergency-600);
    font-size: var(--text-xs);
    font-family: var(--font-persian);
    cursor: pointer;
    transition: background-color var(--duration-fast) var(--ease-standard);
}

.voice-recorder__retry:hover[b-c3jmgs7e37] {
    background-color: var(--color-emergency-50);
}

/* ── Mobile (≤ 480px) ────────────────────────────────────── */
@media (max-width: 480px) {
    .voice-recorder__done[b-c3jmgs7e37] {
        flex-wrap: wrap;
    }

    .voice-recorder__done-label[b-c3jmgs7e37] {
        flex: 1 0 100%;
    }
}