/* ═══════════════════════════════════════════════════════════════
   hayd-card.css — карточка советника трекера хайда (js/hayd-card.js)
   Подключается на calendar-index.html и cabinet-index.html.
   ═══════════════════════════════════════════════════════════════ */

.hayd-card2 {
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border-color, #E5E7EB);
    border-radius: 12px;
    margin: 8px 0;
    overflow: hidden;
    font-size: 0.82rem;
    color: var(--text-color, #1F2937);
}

.hayd-card2-head {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    font-weight: 700;
    font-size: 0.85rem;
}

.hayd-card2-title { flex: 1; min-width: 0; }

.hayd-card2-seen {
    font-size: 0.65rem;
    font-weight: 500;
    color: var(--medium-gray, #6B7280);
    white-space: nowrap;
}

/* Шапка по severity сообщения */
.hayd-card2-sev-info    .hayd-card2-head { background: #EFF6FF; color: #1D4ED8; }
.hayd-card2-sev-warning .hayd-card2-head { background: #FEF3C7; color: #92400E; }
.hayd-card2-sev-success .hayd-card2-head { background: #ECFDF5; color: #047857; }
.hayd-card2-sev-error   .hayd-card2-head { background: #FEE2E2; color: #B91C1C; }

/* ── Счётчик «День N из M · осталось K» + прогресс-полоса ── */
.hayd-card2-counter { padding: 8px 12px 5px; }

.hayd-card2-counter-text {
    font-size: 0.78rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.hayd-card2-bar {
    height: 6px;
    border-radius: 3px;
    background: var(--light-gray, #F3F4F6);
    overflow: hidden;
    margin: 5px 0 3px;
}

.hayd-card2-fill {
    height: 100%;
    border-radius: 3px;
    background: #6B7280;
    transition: width 0.4s ease;
}

/* Цвет полосы по виду отсчёта (используется и в тостах NotifCenter) */
.hayd-cc-hayd, .hayd-cc-pending          { background: #B91C1C; }
.hayd-cc-watch, .hayd-cc-pause           { background: #CA8A04; }
.hayd-cc-nifas                           { background: #C2410C; }
.hayd-cc-istihada                        { background: #B45309; }
.hayd-cc-tuhr, .hayd-cc-cycle_tuhr       { background: #1D4ED8; }
.hayd-cc-iddah                           { background: #7C3AED; }

.hayd-card2-counter-sub {
    font-size: 0.7rem;
    color: var(--medium-gray, #6B7280);
}

/* ── Тело сообщения ── */
.hayd-card2-body {
    padding: 8px 12px 10px;
    line-height: 1.55;
    border-top: 1px solid var(--border-color, #F3F4F6);
}

.hayd-card2-body.collapsed { display: none; }

.hayd-card2-toggle {
    display: block;
    width: 100%;
    text-align: start;
    background: none;
    border: none;
    border-top: 1px solid var(--border-color, #F3F4F6);
    color: var(--emerald, #0D9488);
    padding: 7px 12px;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
}

.hayd-card2-toggle:hover { text-decoration: underline; }

/* ── «Что дальше» (дедлайны классификатора) ── */
.hayd-card2-next {
    border-top: 1px dashed var(--border-color, #E5E7EB);
    padding: 8px 12px 10px;
}

.hayd-card2-next-title {
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 700;
    color: var(--medium-gray, #6B7280);
    margin-bottom: 4px;
}

.hayd-card2-next-row { font-size: 0.75rem; padding: 2px 0; }

.hayd-card2-next-date {
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    margin-inline-end: 6px;
}

/* ── Тёмная тема ── */
.night-mode .hayd-card2 {
    background: var(--card-bg, #1F2430);
    border-color: rgba(255, 255, 255, 0.12);
    color: var(--text-color, #E5E7EB);
}

.night-mode .hayd-card2-sev-info    .hayd-card2-head { background: rgba(29, 78, 216, 0.22);  color: #93C5FD; }
.night-mode .hayd-card2-sev-warning .hayd-card2-head { background: rgba(202, 138, 4, 0.2);   color: #FCD34D; }
.night-mode .hayd-card2-sev-success .hayd-card2-head { background: rgba(4, 120, 87, 0.22);   color: #6EE7B7; }
.night-mode .hayd-card2-sev-error   .hayd-card2-head { background: rgba(185, 28, 28, 0.24);  color: #FCA5A5; }

.night-mode .hayd-card2-bar { background: rgba(255, 255, 255, 0.1); }

.night-mode .hayd-cc-hayd, .night-mode .hayd-cc-pending    { background: #F87171; }
.night-mode .hayd-cc-watch, .night-mode .hayd-cc-pause     { background: #FCD34D; }
.night-mode .hayd-cc-nifas                                 { background: #FDBA74; }
.night-mode .hayd-cc-istihada                              { background: #FBBF24; }
.night-mode .hayd-cc-tuhr, .night-mode .hayd-cc-cycle_tuhr { background: #60A5FA; }
.night-mode .hayd-cc-iddah                                 { background: #A78BFA; }

.night-mode .hayd-card2-body,
.night-mode .hayd-card2-toggle { border-top-color: rgba(255, 255, 255, 0.1); }

.night-mode .hayd-card2-next { border-top-color: rgba(255, 255, 255, 0.14); }