/* Тёмная тема — палитра: Onyx · Liquorice · Twilight · Deep Saffron · Mercury · Snow */

html.theme-dark{
  color-scheme:dark;

  /* Бренд-паттерн (основные) */
  --color-onyx:#0f0f0f;
  --color-liquorice:#1a1a1a;
  --color-twilight:#2a2a2a;
  --color-saffron:#ff9933;
  --color-mercury:#f1f1f1;
  --color-snow:#fcfcfc;

  /* Слои (маппинг на паттерн) */
  --graphite-950:var(--color-onyx);
  --graphite-900:var(--color-liquorice);
  --graphite-850:var(--color-liquorice);
  --graphite-800:var(--color-twilight);
  --graphite-750:var(--color-twilight);
  --graphite-700:#333333;
  --graphite-650:#3a3a3a;

  /* Светлые тона */
  --ivory-100:var(--color-snow);
  --ivory-200:var(--color-mercury);
  --ivory-300:#d4d4d4;
  --ivory-400:#a3a3a3;
  --ivory-500:#6e6e6e;
  --ivory-surface:var(--color-twilight);
  --ivory-surface-2:#333333;

  /* Deep Saffron — акцент / обводка / CTA */
  --orange:var(--color-saffron);
  --orange-bright:#ffad52;
  --orange-dim:#e6862e;
  --orange-line:rgba(255,153,51,.5);
  --orange-line-soft:rgba(255,153,51,.26);
  --orange-fill:rgba(255,153,51,.12);
  --orange-glow:rgba(255,153,51,.24);

  --nav-active-bg:linear-gradient(135deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.02) 100%);
  --shadow-card:0 8px 32px rgba(0,0,0,.45);
  --shadow-inset:inset 0 1px 0 rgba(252,252,252,.05);

  /* Семантика app.css */
  --bg:var(--color-liquorice);
  --sidebar:var(--color-onyx);
  --panel:var(--color-twilight);
  --panel-2:#333333;
  --line:rgba(241,241,241,.1);
  --line-strong:rgba(241,241,241,.18);
  --text:var(--color-mercury);
  --muted:var(--ivory-400);
  --accent:var(--color-saffron);
  --accent-2:var(--orange-bright);
  --good:#76c77a;
  --good-dim:#5cb860;
  --good-fill:rgba(118,199,122,0.32);
  --good-fill-gradient:linear-gradient(180deg,#76c77a 0%,#5cb860 100%);
  --good-glow:rgba(92,184,96,.32);
  --warn:#e8a84a;
  --bad:#ef5350;
  --bad-dim:#e53935;
  --bad-fill:rgba(239,83,80,0.32);
  --nav:#5d99c6;
  --nav-fill:rgba(93,153,198,0.38);
  --shadow:var(--shadow-card);
  --card-bg:var(--color-twilight);
  --bg-soft:var(--color-liquorice);
  --radius:16px;
  --radius-sm:12px;

  --filter-chip-border:rgba(241,241,241,0.22);
  --filter-chip-hover-border:var(--orange-line-soft);
  --filter-chip-active-border:var(--orange);
  --filter-chip-active-color:var(--orange-bright);
  --filter-chip-active-bg:transparent;
  --filter-chip-active-ring:0 0 0 1px var(--orange-line-soft);
}

/* Оболочка: сайдбар на самом тёмном графите, контент — «остров» */
html.theme-dark .app-shell{
  background:var(--graphite-950);
  max-width:none;
}
html.theme-dark .sidebar{
  background:var(--graphite-950);
  border-right:1px solid var(--line);
}
html.theme-dark .content{
  background:var(--graphite-850);
  border-left:1px solid var(--line);
  box-shadow:var(--shadow-inset);
}
html.theme-dark .page-title{color:var(--ivory-400)}
html.theme-dark .page-subtitle,
html.theme-dark .metric-value,
html.theme-dark .brand-sub{color:var(--ivory-100)}

/* Карточки — приподнятые панели на графите */
html.theme-dark .card,
html.theme-dark .portfolio-updates-panel,
html.theme-dark .portfolio-summary-strip-wrap,
html.theme-dark .v2-alfa-waterfall-host,
html.theme-dark .report-kpi,
html.theme-dark .report-mini-table-wrap,
html.theme-dark .report-chart-wrap,
html.theme-dark .report-table,
html.theme-dark .control-table,
html.theme-dark .hint-dd__body,
html.theme-dark .tab-btn,
html.theme-dark .sber-bank-card,
html.theme-dark pre{
  background:var(--graphite-800);
  border:1px solid var(--line);
  box-shadow:var(--shadow-card);
  color:var(--text);
}
html.theme-dark .v2-alfa-waterfall-host{
  background:var(--graphite-750);
  border-color:var(--line-strong);
  border-radius:12px;
  overflow:hidden;
  box-shadow:var(--shadow-inset);
}
html.theme-dark .v2-alfa-waterfall-host svg{
  display:block;
  border-radius:10px;
}
html.theme-dark .card{
  border-radius:var(--laconic-radius,var(--v2-capital-radius,10px));
  border:1px solid var(--line);
  box-shadow:none;
}

/* Риск-KPI: тёмные плитки с полуобводкой */
html.theme-dark .v2-alfa-risk-host{
  background:transparent;
  border:none;
  padding:0;
  box-shadow:none;
}
html.theme-dark .v2-risk-kpi-tile{
  background:var(--graphite-750);
  border:1px solid var(--line-strong);
  box-shadow:var(--shadow-inset);
}
html.theme-dark .v2-risk-kpi-tile:hover{
  border-color:var(--orange-line-soft);
  box-shadow:var(--shadow-inset),0 0 0 1px var(--orange-line-soft);
}
html.theme-dark .v2-risk-kpi-label{color:var(--ivory-400)}
html.theme-dark .v2-risk-kpi-sub{color:var(--ivory-500)}
html.theme-dark .v2-risk-kpi-val--neutral{color:var(--ivory-100)}
html.theme-dark .v2-risk-kpi-val--pos{color:var(--good)}
html.theme-dark .v2-risk-kpi-val--neg{color:var(--bad)}
html.theme-dark .v2-risk-kpi-val--warn{color:var(--orange-bright)}
html.theme-dark .v2-risk-kpi-val--info{color:var(--orange-bright)}

html.theme-dark .page-summary--dashboard .v2-dash-hero{
  background:transparent;
  border:none;
  box-shadow:none;
}

/* Заголовки секций — оранжевая черта слева */
html.theme-dark .card > .card-title,
html.theme-dark .metric-title{
  color:var(--ivory-100);
  border-left:3px solid var(--orange);
  padding-left:10px;
  margin-left:-2px;
}
html.theme-dark .card-note,
html.theme-dark .inline-note-body,
html.theme-dark .account-hint{color:var(--ivory-400)}

/* ИТОГО / тулбары — светлая плашка + оранжевая линия сверху */
html.theme-dark .v2-pf-total-bar,
html.theme-dark .v2-wf-toolbar{
  background:var(--ivory-surface);
  border:1px solid var(--line-strong);
  border-top:2px solid var(--orange);
  box-shadow:var(--shadow-inset);
  color:var(--ivory-200);
}
html.theme-dark .v2-pf-total-label,
html.theme-dark .v2-pf-total-key{color:var(--ivory-400)}
html.theme-dark .v2-pf-total-val{color:var(--ivory-100)}
html.theme-dark .v2-pf-total-pos{color:var(--good)}
html.theme-dark .v2-pf-total-neg{color:var(--bad)}

/* Сайдбар: таблетки и цвета иконок — laconic-layout.css */
html.theme-dark .side-link{
  border:2px solid transparent;
  color:rgba(255,255,255,.92);
}

html.theme-dark .brand-logo-first{color:var(--orange-bright)}
html.theme-dark .brand-logo-last.brand-rub{color:var(--ivory-100)}

html.theme-dark .account-nav button{
  background:var(--graphite-800);
  border-color:var(--line);
  color:var(--ivory-300);
}
html.theme-dark .account-nav button:hover{
  background:var(--graphite-750);
  border-color:var(--orange-line-soft);
}
html.theme-dark .account-nav button.is-active{
  background:var(--nav-active-bg);
  border-color:var(--orange-line-soft);
  border-left:3px solid var(--orange);
  color:var(--ivory-100);
}

/* Таблицы */
html.theme-dark .portfolio-table-wrap>table th,
html.theme-dark .page-portfolio #portfolioTable th,
html.theme-dark .page-portfolio .portfolio-table-wrap>table th{
  background:var(--ivory-surface);
  color:var(--ivory-400);
  border-bottom:1px solid var(--line-strong);
}
html.theme-dark .portfolio-table-wrap>table td,
html.theme-dark .page-portfolio #portfolioTable td{
  border-bottom-color:var(--line);
  color:var(--ivory-200);
}
html.theme-dark .portfolio-table-wrap>table td.v2-cf-val--pos,
html.theme-dark .portfolio-table-wrap>table td.v2-cf-ops-amt.v2-cf-val--pos,
html.theme-dark .portfolio-table-wrap>table td.v2-cf-topops-amt.v2-cf-val--pos{
  color:var(--good,#76c77a);
  font-weight:700;
}
html.theme-dark .portfolio-table-wrap>table td.v2-cf-val--neg,
html.theme-dark .portfolio-table-wrap>table td.v2-cf-ops-amt.v2-cf-val--neg,
html.theme-dark .portfolio-table-wrap>table td.v2-cf-topops-amt.v2-cf-val--neg{
  color:var(--bad,#ef5350);
  font-weight:700;
}
html.theme-dark .portfolio-table-wrap>table td.v2-cf-val--zero,
html.theme-dark .portfolio-table-wrap>table td.v2-cf-ops-amt.v2-cf-val--zero,
html.theme-dark .portfolio-table-wrap>table td.v2-cf-topops-amt.v2-cf-val--zero{
  color:var(--ivory-400);
  font-weight:600;
}
html.theme-dark .portfolio-table-wrap>table tbody tr.pt-data-row:nth-child(even):not([class*="pt-row--"]),
html.theme-dark .page-portfolio #portfolioTable tbody tr.pt-data-row:nth-child(even):not([class*="pt-row--"]){
  background:rgba(255,255,255,.02);
}
html.theme-dark .portfolio-table-wrap>table tbody tr.pt-data-row:hover:not([class*="pt-row--"]),
html.theme-dark .page-portfolio #portfolioTable tbody tr.pt-data-row:hover:not([class*="pt-row--"]){
  background:var(--orange-fill);
}
html.theme-dark #v2PortfolioTable tbody tr.pf-row--blocked,
html.theme-dark .page-portfolio .portfolio-table-wrap>table tbody tr.pf-row--blocked{
  box-shadow:inset 0 0 0 1px rgba(255,90,100,.78);
  background:rgba(255,90,100,.07)!important;
}
html.theme-dark #v2PortfolioTable tbody tr.pf-row--blocked td,
html.theme-dark .page-portfolio .portfolio-table-wrap>table tbody tr.pf-row--blocked td{
  opacity:.48;
}
html.theme-dark #v2PortfolioTable tbody tr.pf-row--blocked:hover,
html.theme-dark .page-portfolio .portfolio-table-wrap>table tbody tr.pf-row--blocked:hover{
  background:rgba(255,90,100,.12)!important;
}

/* Фильтры и чипы дат */
html.theme-dark .v2-pf-date-btn{
  background:var(--graphite-800);
  border:1px solid var(--line-strong);
  color:var(--ivory-400);
}
html.theme-dark .widget-filter-tabs,
html.theme-dark .summary-funds-tabs{
  background:var(--graphite-750);
  border:1px solid var(--line-strong);
}
html.theme-dark .widget-filter-tab:not([aria-pressed="true"]):not([aria-selected="true"]):not(.active):not(:hover),
html.theme-dark .summary-funds-tab:not([aria-pressed="true"]):not([aria-selected="true"]):not(.active):not(:hover){
  color:var(--ivory-400);
}
/* hover/active фильтров — filter-chips.css + токены --filter-chip-* */

/* Поля ввода */
html.theme-dark input,
html.theme-dark select,
html.theme-dark textarea,
html.theme-dark .pf-v2-search-input,
html.theme-dark .pf-cols-dd-summary-inner,
html.theme-dark .pf-cols-lop-chip .pf-cols-lop-trigger,
html.theme-dark .page-summary--dashboard .v2-input-compact,
html.theme-dark .page-summary--dashboard .v2-select-compact{
  background:var(--graphite-750);
  color:var(--ivory-100);
  border:1px solid var(--line-strong);
}
html.theme-dark input:hover,
html.theme-dark select:hover,
html.theme-dark .page-portfolio .pf-v2-toolbar-end .pf-v2-search-input:not(:focus){
  border-color:var(--ivory-400,#a3a3a3);
}
html.theme-dark .page-portfolio .pf-v2-toolbar-end .pf-v2-search-input:not(:focus):hover{
  border-color:var(--ivory-400,#a3a3a3);
}
html.theme-dark .pf-v2-search-input:hover{
  border-color:var(--orange-line-soft);
}
html.theme-dark input:focus,
html.theme-dark select:focus,
html.theme-dark textarea:focus,
html.theme-dark .pf-v2-search-input:focus{
  border-color:var(--orange);
  box-shadow:0 0 0 2px var(--orange-glow);
  outline:none;
}

/* CTA — оранжевая заливка */
html.theme-dark .pill-btn{
  background:linear-gradient(180deg,var(--orange-bright) 0%,var(--orange) 100%);
  border:1px solid var(--orange-bright);
  color:var(--color-onyx);
  box-shadow:0 4px 14px var(--orange-glow);
}
html.theme-dark .pill-btn:hover{
  filter:brightness(1.06);
}

html.theme-dark .period-btn.active{
  background:var(--orange);
  border-color:var(--orange-bright);
  color:var(--color-onyx);
}

/* Теги и прочее */
html.theme-dark .tag.base{
  background:var(--orange-fill);
  border:1px solid var(--orange-line-soft);
  color:var(--orange-bright);
}
html.theme-dark .tag.growth{
  background:var(--good-fill);
  border:1px solid rgba(118,182,126,.35);
  color:var(--good);
}
html.theme-dark .tag.cut{
  background:var(--bad-fill);
  border:1px solid rgba(239,83,80,.35);
  color:var(--bad);
}
html.theme-dark .tag.watch{
  background:rgba(232,184,90,.1);
  border:1px solid rgba(232,184,90,.28);
  color:var(--warn);
}

html.theme-dark .demo-banner{
  background:linear-gradient(90deg,var(--orange-fill),rgba(118,182,126,.08));
  border:1px solid var(--orange-line-soft);
  color:var(--ivory-100);
}

html.theme-dark .account-danger-zone{
  background:rgba(239,83,80,.08);
  border:1px solid rgba(239,83,80,.35);
}

html.theme-dark .page-summary--dashboard .v2-dash-details{
  border:1px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden;
}
html.theme-dark .page-summary--dashboard .v2-dash-details__summary{
  background:var(--ivory-surface);
  border-bottom:1px solid var(--line-strong);
  color:var(--ivory-100);
}

html.theme-dark .side-link[data-tip]::after,
html.theme-dark .widget-filter-tab--icon-only[data-tip]::after{
  background:var(--ivory-surface-2);
  color:var(--ivory-100);
  border:1px solid var(--orange-line-soft);
  box-shadow:var(--shadow-card);
}

html.theme-dark .user-chip{
  background:var(--graphite-800);
  border:1px solid var(--line-strong);
}

html.theme-dark .portfolio-cols-panel--v2-dd[open] .pf-cols-dd-summary-inner{
  border-color:var(--orange);
  background:var(--orange-fill);
  color:var(--ivory-100);
}

html.theme-dark .sber-app-panel__body{
  background:linear-gradient(180deg,var(--graphite-850) 0%,var(--graphite-800) 100%);
}

html.theme-dark ::placeholder{
  color:var(--ivory-500);
  opacity:1;
}

html.theme-dark .portfolio-plan-stage--cut{color:var(--ivory-400)}
html.theme-dark .portfolio-plan-stage--add{color:var(--good)}

/* Развёрнутый сайдбар — блок статуса */
html.theme-dark .app-shell.sidebar--expanded .sidebar-foot-card{
  background:var(--graphite-800);
  border:1px solid var(--line);
  box-shadow:var(--shadow-card);
}

html.theme-dark .account-hero,
html.theme-dark .account-field input,
html.theme-dark .account-field select{
  background:var(--graphite-800);
  border-color:var(--line-strong);
  color:var(--ivory-100);
}
html.theme-dark .account-avatar{
  background:linear-gradient(145deg,var(--orange),var(--orange-bright));
  color:var(--color-onyx);
}
html.theme-dark .dev-hud{
  background:var(--graphite-800);
  border-color:var(--line-strong);
  color:var(--ivory-400);
}

/* Плавающая панель контента (как в референсах) */
@media (min-width:901px){
  html.theme-dark .content{
    margin:12px 12px 12px 0;
    border-radius:20px;
    border:1px solid var(--line);
    border-left:1px solid var(--line);
    min-height:calc(100vh - 24px);
  }
}
@media (max-width:900px){
  html.theme-dark .content{
    border-left:none;
  }
}