/* YousoroFinance redesign-web — Аналитика: overview KPI grid, month outcome, month picture, charts, trends */

/* ── Section headings with icon chips ──────────────────────────────────── */
:root body.yf-redesign.yf-dashboard-auth .finance-section-heading { gap: 12px; }
:root body.yf-redesign.yf-dashboard-auth :is(.finance-section-heading__icon, .finance-analytics-title-icon) {
    width: 32px !important;
    height: 32px !important;
    flex: 0 0 32px;
    border: 0 !important;
    border-radius: 10px !important;
    background: linear-gradient(160deg, rgba(var(--rd-accent-rgb), .14), rgba(var(--rd-accent-rgb), .07)) !important;
    color: var(--rd-accent) !important;
    box-shadow: inset 0 0 0 .5px rgba(var(--rd-accent-rgb), .12) !important;
    font-size: 16px !important;
}
:root body.yf-redesign.yf-dashboard-auth .finance-analytics-title-icon--blue {
    background: linear-gradient(160deg, rgba(47, 111, 228, .14), rgba(47, 111, 228, .06)) !important;
    color: var(--rd-info) !important;
    box-shadow: inset 0 0 0 .5px rgba(47, 111, 228, .14) !important;
}

/* Month state pill (“Стабильно”, “Недостаточно данных”) */
:root body.yf-redesign.yf-dashboard-auth .finance-month-state {
    min-height: 30px;
    padding: 0 12px !important;
    border: 0 !important;
    border-radius: var(--rd-radius-pill) !important;
    background: var(--rd-positive-soft) !important;
    color: var(--rd-positive) !important;
    font-size: 12.5px !important;
    font-weight: 650 !important;
    box-shadow: none !important;
}
:root body.yf-redesign.yf-dashboard-auth .finance-month-state--insufficient { background: var(--rd-fill-soft) !important; color: var(--rd-muted) !important; }
:root body.yf-redesign.yf-dashboard-auth .finance-month-state-popover {
    border: 0 !important;
    border-radius: var(--rd-radius-md) !important;
    background: var(--rd-surface-glass-strong) !important;
    box-shadow: var(--rd-shadow-raised) !important;
    backdrop-filter: blur(30px) saturate(190%);
    -webkit-backdrop-filter: blur(30px) saturate(190%);
}

/* ── Overview KPI grid: five grouped columns ───────────────────────────── */
:root body.yf-redesign.yf-dashboard-auth .finance-analytics-kpi-grid { gap: 12px !important; margin-top: 20px !important; }

:root body.yf-redesign.yf-dashboard-auth .finance-analytics-kpi-column {
    padding: 12px 10px 4px !important;
    gap: 0;
    grid-template-rows: auto repeat(3, minmax(76px, auto));
    border: 0 !important;
    border-radius: var(--rd-radius-md) !important;
    background: var(--rd-surface-grouped) !important;
    box-shadow: inset 0 0 0 1px var(--rd-line-soft) !important;
}
:root body.yf-redesign.yf-dashboard-auth .finance-analytics-kpi-column::before,
:root body.yf-redesign.yf-dashboard-auth .finance-analytics-kpi-column::after { display: none !important; }

:root body.yf-redesign.yf-dashboard-auth .finance-analytics-kpi-column__title {
    margin: 0 6px 4px !important;
    color: var(--rd-muted) !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

:root body.yf-redesign.yf-dashboard-auth .finance-analytics-kpi {
    gap: 12px !important;
    min-height: 60px;
    padding: 6px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: transparent !important;
    box-shadow: none !important;
}
:root body.yf-redesign.yf-dashboard-auth .finance-analytics-kpi + .finance-analytics-kpi { border-top: 1px solid var(--rd-line-soft) !important; border-radius: 0 !important; }

:root body.yf-redesign.yf-dashboard-auth .finance-analytics-kpi__icon {
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px;
    border: 0 !important;
    border-radius: 10px !important;
    font-size: 16px !important;
}
:root body.yf-redesign.yf-dashboard-auth .finance-analytics-kpi--blue .finance-analytics-kpi__icon { background: var(--rd-info-soft) !important; color: var(--rd-info) !important; }
:root body.yf-redesign.yf-dashboard-auth .finance-analytics-kpi--success .finance-analytics-kpi__icon { background: var(--rd-positive-soft) !important; color: var(--rd-positive) !important; }
:root body.yf-redesign.yf-dashboard-auth .finance-analytics-kpi--danger .finance-analytics-kpi__icon { background: var(--rd-negative-soft) !important; color: var(--rd-negative) !important; }
:root body.yf-redesign.yf-dashboard-auth .finance-analytics-kpi--warning .finance-analytics-kpi__icon { background: var(--rd-warning-soft) !important; color: var(--rd-warning) !important; }
:root body.yf-redesign.yf-dashboard-auth .finance-analytics-kpi--neutral .finance-analytics-kpi__icon { background: var(--rd-fill-soft) !important; color: var(--rd-muted) !important; }

:root body.yf-redesign.yf-dashboard-auth .finance-analytics-kpi__label { color: var(--rd-muted) !important; font-size: 12.5px !important; font-weight: 600 !important; }
:root body.yf-redesign.yf-dashboard-auth .finance-analytics-kpi__value {
    color: var(--rd-ink) !important;
    font-size: 16px !important;
    font-weight: 750 !important;
    letter-spacing: var(--rd-tracking-snug);
}
:root body.yf-redesign.yf-dashboard-auth .finance-analytics-kpi__value strong { color: inherit !important; font-weight: inherit !important; }
:root body.yf-redesign.yf-dashboard-auth .finance-analytics-kpi__unit { color: var(--rd-subtle) !important; font-weight: 650 !important; }
:root body.yf-redesign.yf-dashboard-auth .finance-analytics-kpi__note { font-size: 11.5px !important; font-weight: 600 !important; }

@media (max-width: 767.98px) {
    :root body.yf-redesign.yf-dashboard-auth #financeAnalyticsKpiGrid { margin-top: 12px !important; }
    :root body.yf-redesign.yf-dashboard-auth #financeAnalyticsKpiGrid .finance-analytics-kpi-column { display: block; padding: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
    :root body.yf-redesign.yf-dashboard-auth .yf-analytics-compact-toggle { color: var(--rd-ink); border-bottom-color: var(--rd-line-soft); }
    :root body.yf-redesign.yf-dashboard-auth .yf-analytics-compact-heading small { color: var(--rd-muted); opacity: 1; }
    :root body.yf-redesign.yf-dashboard-auth .yf-analytics-compact-value { color: var(--rd-ink); }
}

/* ── Month outcome insight tiles ───────────────────────────────────────── */
:root body.yf-redesign.yf-dashboard-auth .finance-month-insights { gap: 12px !important; }
:root body.yf-redesign.yf-dashboard-auth .finance-month-insight {
    padding: 16px 18px !important;
    border: 0 !important;
    border-radius: var(--rd-radius-md) !important;
    background: var(--rd-surface-grouped) !important;
    box-shadow: inset 0 0 0 1px var(--rd-line-soft) !important;
}
:root body.yf-redesign.yf-dashboard-auth .finance-month-insight__icon {
    border: 0 !important;
    border-radius: 10px !important;
    background: var(--rd-positive-soft) !important;
    color: var(--rd-positive) !important;
}
:root body.yf-redesign.yf-dashboard-auth .finance-month-insight--negative .finance-month-insight__icon { background: var(--rd-negative-soft) !important; color: var(--rd-negative) !important; }
:root body.yf-redesign.yf-dashboard-auth .finance-month-insight--warning .finance-month-insight__icon { background: var(--rd-warning-soft) !important; color: var(--rd-warning) !important; }
:root body.yf-redesign.yf-dashboard-auth .finance-month-insight strong { color: var(--rd-ink) !important; font-size: 14.5px; font-weight: 700; }
:root body.yf-redesign.yf-dashboard-auth .finance-month-insight p { color: var(--rd-muted) !important; font-size: 13px; }
:root body.yf-redesign.yf-dashboard-auth .finance-analytics-insight-note { color: var(--rd-muted) !important; }

/* ── Month picture (Доходы / Расходы / Результат columns) ──────────────── */
:root body.yf-redesign.yf-dashboard-auth .finance-picture-summary,
:root body.yf-redesign.yf-dashboard-auth .finance-picture-status {
    border: 0 !important;
    border-radius: var(--rd-radius-md) !important;
    background: var(--rd-positive-soft) !important;
    color: var(--rd-ink-2) !important;
    box-shadow: none !important;
}
:root body.yf-redesign.yf-dashboard-auth .finance-picture-status.is-negative { background: var(--rd-negative-soft) !important; }
:root body.yf-redesign.yf-dashboard-auth .finance-picture-status.is-neutral { background: var(--rd-fill-soft) !important; }

:root body.yf-redesign.yf-dashboard-auth .finance-picture-grid { gap: 12px !important; }
:root body.yf-redesign.yf-dashboard-auth .finance-picture-column {
    padding: 16px !important;
    border: 0 !important;
    border-radius: var(--rd-radius-md) !important;
    background: var(--rd-surface-grouped) !important;
    box-shadow: inset 0 0 0 1px var(--rd-line-soft) !important;
}
:root body.yf-redesign.yf-dashboard-auth .finance-picture-column__icon {
    border: 0 !important;
    border-radius: 10px !important;
    background: var(--rd-positive-soft) !important;
    color: var(--rd-positive) !important;
}
:root body.yf-redesign.yf-dashboard-auth .finance-picture-column[data-finance-picture="expenses"] .finance-picture-column__icon { background: var(--rd-negative-soft) !important; color: var(--rd-negative) !important; }
:root body.yf-redesign.yf-dashboard-auth .finance-picture-column[data-finance-picture="result"] .finance-picture-column__icon { background: var(--rd-info-soft) !important; color: var(--rd-info) !important; }
:root body.yf-redesign.yf-dashboard-auth .finance-picture-column__heading strong { color: var(--rd-ink) !important; font-size: 15px; font-weight: 700; }

:root body.yf-redesign.yf-dashboard-auth .finance-picture-tabs {
    gap: 2px;
    padding: 3px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: var(--rd-fill) !important;
}
:root body.yf-redesign.yf-dashboard-auth .finance-picture-tabs > * {
    border: 0 !important;
    border-radius: 7px !important;
    background: transparent !important;
    color: var(--rd-ink-2) !important;
    box-shadow: none !important;
}
:root body.yf-redesign.yf-dashboard-auth .finance-picture-tabs > :is(.is-active, [aria-selected="true"], [aria-pressed="true"]) {
    background: var(--rd-surface) !important;
    color: var(--rd-ink) !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .1), 0 0 0 .5px rgba(15, 23, 42, .05) !important;
}

/* ── Chart cards ───────────────────────────────────────────────────────── */
:root body.yf-redesign.yf-dashboard-auth :is(.finance-chart-heading, .finance-chart-card-heading, .finance-analytics-card-header) { gap: 12px; }
:root body.yf-redesign.yf-dashboard-auth .finance-analytics-card-title { color: var(--rd-ink) !important; font-size: 16px !important; font-weight: 700 !important; }
:root body.yf-redesign.yf-dashboard-auth .finance-analytics-card-footer {
    border-top: 1px solid var(--rd-line-soft) !important;
    background: transparent !important;
}
:root body.yf-redesign.yf-dashboard-auth .finance-analytics-detail-link {
    border: 0 !important;
    border-radius: var(--rd-radius-pill) !important;
    background: var(--rd-accent-soft) !important;
    color: var(--rd-accent-ink) !important;
    font-weight: 650 !important;
}
:root body.yf-redesign.yf-dashboard-auth .finance-analytics-detail-link:hover { background: var(--rd-accent-soft-strong) !important; }

/* Anomalies empty state */
:root body.yf-redesign.yf-dashboard-auth .finance-analytics-anomaly-state i,
:root body.yf-redesign.yf-dashboard-auth .finance-analytics-anomaly-state > span:first-child {
    border: 0 !important;
    border-radius: 16px !important;
    background: var(--rd-positive-soft) !important;
    color: var(--rd-positive) !important;
    box-shadow: none !important;
}

/* Regular expenses list */
:root body.yf-redesign.yf-dashboard-auth .finance-analytics-regular-list > * {
    border: 0 !important;
    border-bottom: 1px solid var(--rd-line-soft) !important;
    border-radius: 0 !important;
    background: transparent !important;
}
:root body.yf-redesign.yf-dashboard-auth .finance-analytics-regular-list > *:last-child { border-bottom: 0 !important; }

/* Trend table */
:root body.yf-redesign.yf-dashboard-auth .finance-analytics-trend-table :is(td, th) { border-color: var(--rd-line-soft) !important; }

/* ── Finance AI section ────────────────────────────────────────────────── */
:root body.yf-redesign.yf-dashboard-auth #ai-show .card { background: var(--rd-surface) !important; }