/* «Сегодня → Помощник» (assistant.js, msg 22576). Цвета - только переменные темы (обе темы), инлайн-стили режет CSP:
   ширины столбиков каналов - атрибутами SVG. app.css красит любой <p> в --muted: цвет текста задаём самому абзацу.
   График - общий FX (fx.js, стили .fx-chart в finance.css). */
.page.assistant{max-width:1200px}
.as-sub{font-size:13px;color:var(--muted)}
p.as-trial{margin:-6px 0 14px;font-size:12px;color:var(--muted-strong, var(--muted))}
.as-block{margin:0 0 16px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:0}
.as-block h2{font-size:16px;margin:0 0 8px}
p.as-lead{font-size:13px;line-height:1.6;margin:0 0 10px;color:var(--text);max-width:860px}
p.as-note{font-size:12px;line-height:1.55;margin:6px 0 0;color:var(--muted)}
.as-back{margin:0 0 6px;font-size:13px}
/* окна одним взглядом: заказы 7/14/28 дней против прошлых, нажатие переключает окно */
.as-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}
.as-tile{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);min-width:0}
.as-tile.on{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}
.as-tile span{font-size:11.5px;color:var(--muted)}
.as-tile b{font-size:24px;font-weight:500;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.as-tile small{font-size:11.5px;color:var(--muted)}
/* телефон: три плитки в ряд, мельче - иначе они занимают весь первый экран */
@media(max-width:760px){.as-tiles{gap:6px}.as-tile{padding:8px 9px}.as-tile b{font-size:19px}.as-tile span,.as-tile small{font-size:10.5px}}
/* плашка события портфеля (срез скидки WB): оранжевая подложка, текст - цветом текста (контраст в обеих темах) */
.as-banner{margin:0 0 14px;padding:10px 14px;border:1px solid var(--line);border-left:3px solid var(--orange);border-radius:10px;background:var(--orange-soft);color:var(--text);font-size:13px;line-height:1.55}
.as-port .as-act{border-color:var(--orange)}
h3.as-h3{font-size:13px;font-weight:600;margin:14px 0 8px;color:var(--muted)}
.as-path li.as-how{color:var(--muted)}
/* каналы: подпись | столбик от нуля | рубли и штуки */
ul.as-ch{list-style:none;margin:0;padding:0;display:grid;gap:4px;max-width:820px}
.as-ch li{display:grid;grid-template-columns:minmax(150px,220px) minmax(120px,1fr) minmax(120px,190px);align-items:center;gap:10px;font-size:12.5px}
.as-ch-name{color:var(--text)}
.as-ch-bar{width:100%;height:14px;display:block}
.as-ch-bar .as-ch-zero{stroke:var(--muted);stroke-width:1}
.as-ch-bar rect.neg{fill:var(--red)}
.as-ch-bar rect.pos{fill:var(--green)}
.as-ch-val{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.as-ch-val small{display:block;font-size:11px;color:var(--muted)}
.neg{color:var(--red)}
.pos{color:var(--green)}
/* причины портфеля */
ul.as-groups{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.as-groups li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:13px;padding:6px 0;border-bottom:1px solid var(--line)}
.as-groups li:last-child{border-bottom:0}
.as-groups li b{font-weight:600;margin-right:auto}
.as-meta{font-size:11.5px;color:var(--muted)}
.as-val{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12.5px}
/* действия */
ul.as-acts{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.as-act{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);min-width:0}
.as-act-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.as-act-head b{font-size:13.5px;line-height:1.4}
.as-act-head .badge{margin-left:0}
p.as-act-effect{margin:6px 0 0;font-size:13px;font-weight:600;color:var(--text)}
p.as-act-how{margin:4px 0 0;font-size:12.5px;line-height:1.55;color:var(--text);max-width:820px}
p.as-act-check{margin:4px 0 0;font-size:11.5px;color:var(--muted)}
.as-act-cards{display:flex;flex-wrap:wrap;gap:4px 6px;margin-top:8px}
.as-chip{display:inline-block;padding:2px 8px;border:1px solid var(--line);border-radius:999px;font-size:11.5px;background:var(--surface);color:var(--text);white-space:nowrap}
.as-chip:hover{border-color:var(--green);color:var(--green)}
.as-more{font-size:11.5px;color:var(--muted);align-self:center}
/* артикулы */
.as-arts-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin-bottom:8px}
.as-arts-head h2{margin:0}
.as-table-wrap{overflow-x:auto}
table.as-table{width:100%;border-collapse:collapse;font-size:12.5px}
.as-table th,.as-table td{padding:6px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;color:var(--text)}
.as-table thead th{font-size:11px;font-weight:600;color:var(--muted);white-space:nowrap}
.as-table td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.as-table td.neg{color:var(--red)}
.as-table td.pos{color:var(--green)}
.as-table small{display:block;font-size:11px;color:var(--muted)}
.as-art{font-weight:600;white-space:nowrap}
.as-metrics th[scope=row]{font-weight:400}
/* причины карточки */
ul.as-causes{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.as-cause{position:relative;padding:10px 12px 10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
.as-cause.as-down:before{content:"";position:absolute;inset:10px auto 10px 0;width:3px;border-radius:0 3px 3px 0;background:var(--red)}
table.as-facts{border-collapse:collapse;margin:6px 0 0;font-size:12.5px}
.as-facts th,.as-facts td{padding:2px 12px 2px 0;text-align:left;font-weight:400;color:var(--text);font-variant-numeric:tabular-nums}
.as-facts th{color:var(--muted)}
p.as-cause-eff{margin:6px 0 0;font-size:12.5px;color:var(--text)}
p.as-cause-eff small{color:var(--muted)}
.as-path{margin-top:6px;font-size:12.5px}
.as-path summary{cursor:pointer;width:fit-content;color:var(--green);font-weight:600}
.as-path ol{margin:4px 0 0;padding-left:20px;line-height:1.55;color:var(--text)}
.as-cause .as-acts{margin-top:8px}
.as-cause .as-act{background:var(--surface)}
ul.as-log{list-style:none;margin:0;padding:0;display:grid;gap:3px;font-size:12.5px;color:var(--text)}
.as-log time{display:inline-block;min-width:64px;color:var(--muted)}
@media(max-width:760px){
  .as-ch li{grid-template-columns:1fr;gap:2px}
  .as-ch-val{text-align:left}
  .as-block{padding:12px}
}
/* объяснение словами (ИИ-слой): кнопка и вопрос в строку, текст модели - цветом текста */
.as-ai-acts{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:8px 0}
.as-ask{display:flex;gap:6px;flex:1 1 320px;min-width:0}
.as-ask input{flex:1;min-width:0;font-size:12.5px}
.as-ai{margin-top:8px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
p.as-ai-text,p.as-ai-q{margin:4px 0 0;font-size:13px;line-height:1.6;color:var(--text);max-width:860px}
p.as-ai-q{color:var(--muted)}
ul.as-ai-acts-list{margin:6px 0 0;padding-left:18px;font-size:12.5px;line-height:1.55;color:var(--text)}
p.as-note.neg{color:var(--red)}
p.as-note.as-warn{color:color-mix(in srgb,var(--orange) 60%,var(--text))}