/* Exactly two themes, shared by new screens and the retained v116 editors. */
:root{--gf-canvas:#f5f6f8;--gf-panel:#fff;--gf-ink:#20252d;--gf-muted:#606a77;--gf-line:#dce0e5;--gf-accent:#2563EB;--gf-subtle:#eef2f7;--gf-radius:16px}
.dark{--gf-canvas:#0B1220;--gf-panel:#111B2E;--gf-ink:#e8ecf3;--gf-muted:#94a3b8;--gf-line:rgba(255,255,255,.10);--gf-accent:#60a5fa;--gf-subtle:rgba(255,255,255,.05)}
aside.sidebar{background:var(--gf-panel)!important;color:var(--gf-ink)!important;border-color:var(--gf-line)!important}.sidebar .brand,.sidebar .text-white,.sidebar .user-name{color:var(--gf-ink)!important}.sidebar .nav-item{color:var(--gf-muted)!important}.sidebar .nav-item:hover,.sidebar .nav-item[aria-current=page]{background:var(--gf-subtle)!important;color:var(--gf-ink)!important}.sidebar .border-white\/10{border-color:var(--gf-line)!important}
.bg-white,[class*="dark:bg-[#111B2E]"],[class*="dark:bg-[#0E1626]"],[class*="dark:bg-[#0F192B]"]{background-color:var(--gf-panel)!important}.bg-slate-50,.bg-slate-100{background-color:var(--gf-subtle)!important}.border-line{border-color:var(--gf-line)!important}
#salesView.ws-active>:not(#workspaceHost){display:none!important}#workspaceHost{color:var(--gf-ink)}#workspaceHost *{box-sizing:border-box}#workspaceHost button,#workspaceHost input,#workspaceHost select,#workspaceHost textarea,.ws-dialog input,.ws-dialog select,.ws-dialog textarea{font:inherit;border:1px solid var(--gf-line);border-radius:8px;padding:8px 12px;background:var(--gf-panel);color:var(--gf-ink)}#workspaceHost button,.ws-dialog button{cursor:pointer}#workspaceHost button:hover{background:var(--gf-subtle)}#workspaceHost button[aria-pressed=true]{background:var(--gf-accent);border-color:var(--gf-accent);color:#fff;font-weight:600}#workspaceHost .ws-link{border:0;padding:0;background:none;color:var(--gf-accent);text-align:left}#workspaceHost h2{font-size:24px}#workspaceHost h3{font-size:16px}#workspaceHost h4{font-size:14px;font-weight:600}
.ws-head,.ws-toolbar,.ws-tabs,.ws-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.ws-head{margin-bottom:18px}.ws-toolbar{margin:16px 0}.ws-tabs{justify-content:flex-start;margin:16px 0}.ws-muted{font-size:12px;color:var(--gf-muted)}.ws-card{background:var(--gf-panel);border:1px solid var(--gf-line);border-radius:var(--gf-radius);padding:20px;margin-bottom:16px;min-width:0}.ws-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px}.ws-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,155px),1fr));gap:12px;margin:16px 0}.ws-metric{padding:14px;background:var(--gf-subtle);border-radius:12px;min-width:0}.ws-metric strong{display:block;font-size:20px;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.ws-metric span{font-size:12px;color:var(--gf-muted)}.ws-table{overflow-x:auto;max-width:100%}.ws-table table{width:100%;font-size:13px}.ws-table th,.ws-table td{padding:11px 12px;border-bottom:1px solid var(--gf-line);vertical-align:top;max-width:340px;overflow-wrap:anywhere}.ws-table th{background:var(--gf-subtle)}.ws-table .ws-number{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.ws-badge{display:inline-block;padding:3px 8px;border-radius:8px;background:var(--gf-subtle);color:var(--gf-muted);font-size:12px}.ws-row{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--gf-line);padding:9px 0;font-size:13px}.ws-row span:last-child{text-align:right}.ws-warning{border-left:3px solid var(--gf-accent);background:var(--gf-subtle);padding:10px 12px;margin:10px 0;font-size:13px}.ws-conclusions{margin:12px 0;padding-left:20px}.ws-conclusions li{margin:7px 0}.ws-terms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ws-terms strong{display:block}.ws-terms div{overflow-wrap:anywhere}.ws-dialog{background:var(--gf-panel);color:var(--gf-ink);border:1px solid var(--gf-line);border-radius:16px;box-shadow:0 20px 60px rgba(15,23,42,.25);padding:22px;width:min(620px,calc(100vw - 24px));max-height:90dvh;overflow:auto}.ws-dialog::backdrop{background:#0008}.ws-dialog label{display:flex;flex-direction:column;gap:5px;margin:12px 0;font-size:13px}.ws-dialog .ws-error{color:var(--gf-ink);border-left:3px solid #bd493e;padding-left:8px}.ws-dialog button{padding:8px 14px;border:1px solid var(--gf-line);border-radius:10px;background:var(--gf-subtle);color:var(--gf-ink)}
@media(max-width:900px){.ws-terms{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.ws-terms{grid-template-columns:1fr}.ws-card{padding:14px}.ws-toolbar input{width:100%}.ws-head h2{font-size:20px}}

/* Убран из меню: покупатели — в «Контрагентах» */
#navBuyers{display:none!important}

.ws-table table{min-width:850px}.ws-table th{text-align:left}.ws-table td{overflow-wrap:normal}.ws-terms strong{font-size:14px;color:var(--gf-ink);margin-top:5px}

/* ---------- этапы сделки и акценты ----------
 * Экран продаж был ровно-серым: важное не отличалось от служебного.
 * Добавлены состояния (норма / внимание / просрочка), мягкие тени
 * и выделение ключевых чисел.
 */
:root{
  --gf-ok:#1c7a54; --gf-ok-bg:#e8f5ef;
  --gf-warn:#9a6212; --gf-warn-bg:#fdf3e2;
  --gf-bad:#a63b30; --gf-bad-bg:#fdecea;
  --gf-accent-bg:#eaf1f9;
  --gf-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 24px rgba(15,23,42,.04);
}
.ws-card{box-shadow:var(--gf-shadow)}
.ws-card:has(.ws-chain-head){border-color:var(--gf-accent)}

.ws-chain-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px}
.ws-chain-head b{font-size:16px}
.ws-progress{height:6px;border-radius:999px;background:var(--gf-subtle);overflow:hidden}
.ws-progress span{display:block;height:100%;border-radius:999px;background:var(--gf-accent);transition:width .25s}
.ws-chain-steps{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.ws-step{font-size:12px;padding:4px 10px;border-radius:999px;background:var(--gf-subtle);color:var(--gf-muted)}
.ws-step.is-done{background:var(--gf-ok-bg);color:var(--gf-ok)}
.ws-step.is-current{background:var(--gf-accent);color:#fff;font-weight:600}

/* Ключевые числа заметнее служебных подписей */
.ws-metric strong{font-size:20px;color:var(--gf-ink)}
.ws-metric.is-ok{background:var(--gf-ok-bg)}
.ws-metric.is-ok strong{color:var(--gf-ok)}
.ws-metric.is-warn{background:var(--gf-warn-bg)}
.ws-metric.is-warn strong{color:var(--gf-warn)}
.ws-metric.is-bad{background:var(--gf-bad-bg)}
.ws-metric.is-bad strong{color:var(--gf-bad)}

.ws-badge.is-ok{background:var(--gf-ok-bg);color:var(--gf-ok)}
.ws-badge.is-warn{background:var(--gf-warn-bg);color:var(--gf-warn)}
.ws-badge.is-bad{background:var(--gf-bad-bg);color:var(--gf-bad)}
.ws-warning{border-left-color:var(--gf-warn);background:var(--gf-warn-bg);border-radius:0 8px 8px 0}

/* Строка таблицы, требующая внимания */
.ws-table tr.is-bad td:first-child{box-shadow:inset 3px 0 0 var(--gf-bad)}
.ws-table tr.is-warn td:first-child{box-shadow:inset 3px 0 0 var(--gf-warn)}
.ws-table tbody tr:hover td{background:var(--gf-accent-bg)}

/* Тёмная тема: те же роли, свои цвета */
html.dark{
  --gf-ok:#6ee7b7; --gf-ok-bg:rgba(16,185,129,.12);
  --gf-warn:#fcd34d; --gf-warn-bg:rgba(245,158,11,.12);
  --gf-bad:#fca5a5; --gf-bad-bg:rgba(239,68,68,.12);
  --gf-accent-bg:rgba(59,130,246,.12);
  --gf-shadow:0 1px 2px rgba(0,0,0,.3),0 4px 14px rgba(0,0,0,.25);
}

/* Вложенные контракты продажи */
.ws-child td{background:var(--gf-subtle);font-size:13px;padding-top:8px;padding-bottom:8px}
.ws-child td:first-child{padding-left:22px}
.ws-sub{color:var(--gf-muted);margin-right:4px}
.ws-expand{font-size:12px}
.ws-expand:hover{text-decoration:underline}

/* ---------- строка фильтров ----------
 * Три элемента были растянуты по краям, и список сезона висел
 * посередине сам по себе. Фильтры слева одной группой, режимы справа.
 */
.ws-toolbar{align-items:flex-end;gap:16px}
.ws-filters{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;flex:1;min-width:0}
.ws-field{display:flex;flex-direction:column;gap:5px;min-width:0}
.ws-field label{font-size:12px;color:var(--gf-muted);letter-spacing:.02em}
.ws-field-search{flex:1;min-width:220px;max-width:420px}
.ws-field-search input{width:100%}
#workspaceHost .ws-field select{min-width:150px}
.ws-modes{margin:0;flex-shrink:0}

/* Поля одной высоты: раньше список сезона был ниже строки поиска */
#workspaceHost .ws-field input,
#workspaceHost .ws-field select{height:40px;line-height:1.2}

@media(max-width:700px){
  .ws-toolbar{align-items:stretch}
  .ws-filters{width:100%}
  .ws-field-search{max-width:none}
  .ws-modes{width:100%}
  .ws-modes button{flex:1}
}

/* Действия в шапке: просмотр слева, создание справа */
.ws-actions{gap:10px;flex-wrap:wrap}
.ws-group{display:flex;gap:8px;flex-wrap:wrap}
#workspaceHost .ws-primary{background:var(--gf-accent);border-color:var(--gf-accent);color:#fff;font-weight:600}
#workspaceHost .ws-primary:hover{filter:brightness(1.06)}

/* ---------- сводка: движение денег полосой ----------
 * Шесть одинаковых серых плашек не читались: одинаковый вес,
 * связи между числами не видно. Полоса показывает, где деньги.
 */
.ws-summary{display:grid;gap:18px}
.ws-flow{display:grid;gap:8px}
.ws-flow-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.ws-flow-head b{font-size:16px}
.ws-flow-key{font-size:20px;font-weight:600;color:var(--gf-ink);white-space:nowrap}
.ws-flow-note{font-size:12px}

.ws-bar{display:flex;height:14px;border-radius:999px;overflow:hidden;background:var(--gf-subtle)}
.ws-bar span{display:block;height:100%}
.ws-bar .is-paid{background:var(--gf-ok)}
.ws-bar .is-await{background:var(--gf-warn)}
.ws-bar .is-open{background:var(--gf-line)}
.ws-bar .is-empty{background:var(--gf-subtle)}

.ws-legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12px;color:var(--gf-muted)}
.ws-legend span{display:inline-flex;align-items:center;gap:6px}
.ws-legend b{color:var(--gf-ink);font-variant-numeric:tabular-nums}
.ws-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}
.ws-legend .is-paid{background:var(--gf-ok)}
.ws-legend .is-await{background:var(--gf-warn)}
.ws-legend .is-open{background:var(--gf-line)}

/* ---------- плашки показателей ----------
 * Подпись и число были почти одного размера и одного цвета,
 * из-за чего плашки сливались в серую массу.
 */
.ws-metrics{gap:10px}
.ws-metric{padding:14px 16px;border:1px solid var(--gf-line);background:var(--gf-panel)}
.ws-metric span{display:block;font-size:12px;letter-spacing:.02em;color:var(--gf-muted);margin-bottom:6px}
.ws-metric strong{display:block;font-size:20px;line-height:1.15;font-variant-numeric:tabular-nums}

/* Сравнение периодов: рост зелёным, падение красным */
.ws-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.ws-up{color:var(--gf-ok)}
.ws-down{color:var(--gf-bad)}

/* Пояснение под числом: единицы и оговорки, чтобы цифра не висела одна */
.ws-metric em{display:block;font-style:normal;font-size:12px;color:var(--gf-muted);margin-top:4px}

/* Окна счёта и поступления: список валюты и флажок сверки как остальные поля */
.ws-dialog select{width:100%;height:40px;padding:0 12px;border:1px solid var(--gf-line);border-radius:8px;background:var(--gf-panel);color:var(--gf-ink);font:inherit}
.ws-dialog .ws-check{display:flex;flex-direction:row;align-items:flex-start;gap:10px;margin:10px 0;font-size:13px}
.ws-dialog .ws-check input{width:auto;height:auto;margin-top:3px}
.ws-dialog .ws-warning{margin:10px 0;padding:10px 12px;font-size:13px}

/* Числовые колонки: заголовок и значения по правому краю.
   .ws-table th{text-align:left} сильнее простого .ws-num, поэтому
   в сравнении заголовки стояли слева, а числа справа — колонки
   выглядели сдвинутыми */
.ws-table th.ws-num,.ws-table td.ws-num{text-align:right}
.ws-table th.ws-num{white-space:nowrap}

/* В диалогах списки были шире и выше текстовых полей рядом */
.ws-dialog input:not([type=checkbox]):not([type=radio]),.ws-dialog select{width:100%;height:40px;box-sizing:border-box}
.ws-dialog textarea{width:100%;box-sizing:border-box;min-height:84px}
.ws-dialog label{color:var(--gf-muted)}
.ws-dialog label>input,.ws-dialog label>select,.ws-dialog label>textarea{color:var(--gf-ink)}

/* Фильтры отчётов и сравнения: ширина была «по тексту выбранного
   значения», и ряд получался рваным. Одна ширина для всех списков
   и дат, режим сравнения чуть шире — у него длинные названия */
#reportsView select,#reportsView input[type=date]{min-width:170px;height:40px;box-sizing:border-box}
#reportsView #cmpMode{min-width:210px}
#reportsView #rpBuyer{min-width:220px}
#reportsView input[type=checkbox]{min-width:0;height:auto}
#cmpPickers label{white-space:nowrap}