/* Стартовый экран карточки артикула (static/sku_start.js), 30.09.2026.
   Плитки — копия «Общих показателей» svodka_dim.html, плотнее и по темам. */
#sku-start,#ozsku-start{min-height:560px;margin:8px 0 10px}
/* строка групп вкладок заменена панелью действий; липкая строка вкладок группы (WB) остаётся */
#modal-sku #tab-groups{display:none}
#modal-ozsku .oz-tabs{display:none}
#modal-ozsku .ozsku-top{display:none}
#modal-sku #kpi-toggle,#modal-sku #kpi-cards{display:none!important}

/* Два режима окна (sku_start.js → setMode): «Обзор» — только стартовый экран;
   «Страница раздела» — раздел как отдельная страница, стартовый экран скрыт. */
#modal-sku.sst-home .modal-box>:not(.modal-head):not(#sku-editlock):not(#sku-rowarn):not(#sku-period):not(#sku-start):not(#quicknotes){display:none!important}
#modal-sku.sst-page #sku-start,#modal-ozsku.sst-page #ozsku-start{display:none}
#modal-sku.sst-page:not(.sst-heat) #metric-heatmap-wb,#modal-ozsku.sst-page:not(.sst-heat) #metric-heatmap-ozon{display:none}
#modal-sku.sst-heat #sku-kpi,#modal-sku.sst-heat .tabs,#modal-sku.sst-heat .tab-pane{display:none!important}
#modal-ozsku.sst-home #metric-heatmap-ozon,#modal-ozsku.sst-home #ozsku-body,#modal-ozsku.sst-heat #ozsku-body{display:none}
/* Страница «ИИ-советник» (01.10.2026): только шапка окна и чат — одинаково на WB и Ozon.
   На WB прятать период, плашки остатка/стратегии/эталона, строку вкладок и пометки; на Ozon —
   таблицу «По дням», которая дописана после всех вкладок. Период чата выбирает сам советник. */
#modal-sku.sst-ai .modal-box>:not(.modal-head):not(#tab-chat){display:none!important}
#modal-sku.sst-ai #tab-chat{display:block!important}
#modal-ozsku.sst-ai #ozsku-body>:not(#ozp-ai){display:none!important}
.sst-ai .modal-head .card-created,.sst-ai .modal-head .storage-paid,.sst-ai .modal-head .sub-period,
#modal-sku.sst-ai .modal-head>.btn:not(.btn-ghost){display:none}
/* плашка разделов справа в липкой шапке окна — видна только на странице раздела */
.sst-sw{display:none;margin-left:auto;align-self:center;background:#eef0f7;border-radius:12px;padding:3px;gap:1px;
  flex:0 1 auto;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;min-width:0}
.sst-page .sst-sw{display:inline-flex}
.sst-page .modal-head>div:first-child{flex:1 1 280px;min-width:0}
.sst-page .modal-head>button{white-space:nowrap;flex:none}
.sst-sw button{display:inline-flex;align-items:center;gap:4px;border:0;background:none;border-radius:9px;padding:5px 8px;
  font:inherit;font-size:11.5px;font-weight:600;color:#5a6178;cursor:pointer;white-space:nowrap;flex:none}
.sst-sw button:hover{background:#e2e5f2;color:#39406b}
.sst-sw button.on{background:#fff;color:#4c3fb0;box-shadow:0 1px 3px rgba(23,31,84,.12)}
.sst-sw svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.sst{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
@media(max-width:1250px){.sst{grid-template-columns:1fr}}
.sst-mut{color:#8a93a6;font-size:12px}
.sst-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.sst-head b{font-size:14px}
.sst-leg{display:inline-flex;gap:4px;font-size:11.5px}
.sst-leg span{border-radius:5px;padding:1px 7px}
.sst-leg .g{background:#e8f6ec;border:1px solid #bfe6c9;color:#12703f}
.sst-leg .r{background:#fdecec;border:1px solid #f7c9c9;color:#a32c2c}
/* «Выбор параметров» плиток — окном поверх плиток, слева под кнопкой (§7) */
.sst-head .sst-tdd{margin-left:0}
.sst-head .sst-tdd .sst-pop{left:0;right:auto;width:320px;max-height:520px}
.sst-popbtns{display:flex;flex-wrap:wrap;gap:4px}
.sst-popbtns .sst-popreset{margin:8px 0 2px}
/* обзор карточки: без дат создания, платного хранения и периода в шапке (решение владельца 30.09.2026);
   период-выбор WB тоже скрыт — плитки считаются плашками «неделя / месяц», на странице раздела всё на месте */
.sst-home .modal-head .card-created,.sst-home .modal-head .storage-paid,.sst-home .modal-head .sub-period{display:none}
/* Плашка «Период карточки / Гранулярность» убрана со всех страниц управления артикулом
   (решение владельца 01.10.2026, DIG-0134): период карточки наследуется от верхнего фильтра */
#modal-sku #sku-period{display:none!important}
/* плашки «Сравнение прошлой недели/месяца» и «Средняя дельта 1/4 периодов» */
.sst-opts{margin-left:auto;display:inline-flex;gap:10px;flex-wrap:wrap;cursor:default}
.sst-opt{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:#8a93a6}
.sst-pill{display:inline-flex;background:#eef0f7;border-radius:9px;padding:2px;gap:1px}
.sst-pill button{border:0;background:none;border-radius:7px;padding:3px 9px;font:inherit;font-size:11.5px;font-weight:600;
  color:#5a6178;cursor:pointer;white-space:nowrap}
.sst-pill button:hover{color:#39406b}
.sst-pill button.on{background:#fff;color:#4c3fb0;box-shadow:0 1px 3px rgba(23,31,84,.12)}
.sst-cards.sst-busy{opacity:.55;transition:opacity .15s;pointer-events:none}
.sst-load{padding:30px 4px}
.sst-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.sst-gh{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin:5px 0 -3px;font-size:11px;font-weight:700;
  text-transform:uppercase;letter-spacing:.5px;color:#5c6478}
.sst-gh:first-child{margin-top:0}
.sst-gh::after{content:'';flex:1;height:1px;background:#e3e6f0}
.sst-gh i{width:8px;height:8px;border-radius:50%}
.sst-gh span{font-weight:500;text-transform:none;letter-spacing:0;color:#94a3b8}
.sst-c{position:relative;overflow:hidden;border:1px solid #e6e8f5;border-radius:13px;padding:7px 11px 6px;
  background:linear-gradient(160deg,#fff 0%,#fbfbff 100%);box-shadow:0 3px 10px rgba(23,31,84,.06);
  transition:transform .12s,box-shadow .12s;min-width:0}
.sst-c:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(23,31,84,.12)}
.sst-c.g{border-color:#bfe8d2;background:linear-gradient(160deg,#f5fdf9 0%,#e9faf0 100%)}
.sst-c.r{border-color:#f8cfcf;background:linear-gradient(160deg,#fff7f7 0%,#fdeaea 100%)}
.sst-n{font-size:11px;font-weight:600;color:#5c6478;margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sst-v{font-size:17px;font-weight:800;letter-spacing:-.4px;line-height:1.15;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sst-v small{font-size:11px;font-weight:600;color:#475569;letter-spacing:0}
.sst-f{margin-top:2px;font-size:10.5px;color:#64748b;display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden}
.sst-f .sst-mut{font-size:10.5px}
.sst-d{border-radius:999px;padding:0 6px;font-weight:700;background:#eef0f6;color:#475569}
.sst-d.p{background:#e6f7ee;color:#0f8a4b}.sst-d.m{background:#fdecec;color:#c62828}
.sst-f .up{color:#0f8a4b}.sst-f .dn{color:#d33a3a}
.sst-spark{display:block;height:12px;margin:3px -11px -6px;width:calc(100% + 22px)}

.sst-right{display:flex;flex-direction:column;gap:12px;min-width:0}
.sst-aw,.sst-ch{background:#fff;border:1px solid #e6e8f5;border-radius:18px;box-shadow:0 8px 24px rgba(23,31,84,.07)}
.sst-awh{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #eef0f6}
.sst-awh b{font-size:14px}
.sst-bolt{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#5b4ae0,#8b5cf6);display:flex;
  align-items:center;justify-content:center;flex:none;box-shadow:0 4px 12px rgba(91,74,224,.35)}
.sst-bolt svg{width:17px;height:17px}
.sst-awg{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;padding:8px}
.sst-ai{display:flex;flex-direction:column;align-items:center;gap:5px;border:0;background:none;cursor:pointer;font:inherit;
  color:#3c4356;padding:7px 2px 6px;border-radius:13px;transition:background .15s;animation:sstPop .4s cubic-bezier(.3,1.4,.5,1) both}
.sst-ai:hover{background:#f5f4ff}
.sst-ai.on{background:#eceafe}
.sst-ic{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;transition:transform .18s}
.sst-ai:hover .sst-ic{transform:translateY(-2px)}
.sst-ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sst-lb{font-size:11.5px;font-weight:600;text-align:center;line-height:1.2}
@keyframes sstPop{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.sst-ai{animation:none}}
.sst-chh{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #eef0f6}
.sst-chh b{font-size:14px}
.sst-seg{margin-left:auto;display:inline-flex;background:#eef0f7;border-radius:10px;padding:3px;gap:2px}
.sst-seg button{border:0;background:none;border-radius:8px;padding:5px 12px;font:inherit;font-size:12px;font-weight:600;color:#5a6178;cursor:pointer}
.sst-seg button.on{background:#fff;color:#4c3fb0;box-shadow:0 1px 3px rgba(23,31,84,.12)}
/* один график, как в сводке: ось на единицу (₽ / шт / %) — исключение из §10, решение 30.09 */
.sst-cbox{position:relative;height:430px;padding:6px 12px 10px}
.sst-chh .sst-seg{margin-left:8px}
.sst-dd{position:relative;margin-left:auto}
.sst-ddb{border:1px dashed #c3c9de;background:#f3f2fd;color:#5b4ae0;border-radius:9px;padding:5px 11px;
  font:inherit;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}
.sst-pop{display:none;position:absolute;right:0;top:calc(100% + 6px);z-index:30;width:290px;max-height:420px;overflow:auto;
  background:#fff;border:1px solid #e6e8f5;border-radius:14px;box-shadow:0 14px 40px rgba(15,23,42,.16);padding:8px 10px}
.sst-dd.on .sst-pop{display:block}
.sst-poph{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#8a93a6;margin:8px 4px 3px}
.sst-poph:first-child{margin-top:2px}
.sst-pop label{display:flex;gap:8px;align-items:center;padding:4px 4px;border-radius:7px;cursor:pointer;font-size:12.5px;color:#1f2937}
.sst-pop label:hover{background:#f7f8fc}
.sst-pop input{accent-color:#5b4ae0;margin-top:2px}
.sst-pop label span{flex:1;display:flex;align-items:baseline;gap:8px;min-width:0}
.sst-pop small{margin-left:auto;font-size:11px;color:#8a93a6;flex:none}   /* единица — в той же строке справа */
.sst-popreset{margin:8px 4px 2px;border:1px solid #e6e8f5;background:#fff;border-radius:8px;padding:4px 10px;font:inherit;
  font-size:11.5px;color:#5a6178;cursor:pointer}
@media(max-width:900px){.sst-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sst-awg{grid-template-columns:repeat(4,minmax(0,1fr))}}
.sst-chh{flex-wrap:nowrap;min-width:0}
.sst-chh .sst-mut{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.sst-seg button{white-space:nowrap}