html:root{
  --bg:var(--kb-page); --panel:var(--kb-card); --panel-2:var(--kb-soft);
  --line:var(--kb-line); --line-2:var(--kb-line-2);
  --fg:var(--kb-ink); --fg-2:var(--kb-ink-2); --fg-3:var(--kb-ink-3);
  --acc:var(--kb-blue); --acc-hi:var(--kb-blue-hover); --acc-lo:var(--kb-blue-press);
  --warn:var(--kb-amber); --pos:var(--kb-green); --neg:var(--kb-red);
  --on-acc:var(--kb-on-blue); --inset:var(--kb-soft); --mono:var(--kb-mono); --r:24px;
  color-scheme:light;
}
html:root[data-theme="dark"]{color-scheme:dark}
html:root{
  
  --deep:var(--bg); --rock:var(--bg); --stone:var(--panel); --stone-2:var(--panel-2); --stone-deep:var(--panel);
  --seam:var(--line); --seam-2:var(--line-2);
  --cream:var(--fg); --sand:var(--fg-2); --sand-dim:var(--fg-3);
  --lamp:var(--acc); --lamp-hi:var(--acc-hi); --lamp-lo:var(--acc-lo); --lamp-top:var(--acc-hi); --lamp-mid:var(--acc);
  --metal:var(--acc); --on-lamp:var(--on-acc);
  --ore:var(--pos); --ore-hi:var(--pos); --on-ore:var(--kb-green-bg);
  --rust:var(--neg); --on-rust:var(--kb-card); --zhar:var(--kb-amber);
}


body::before,body::after{display:none !important}

body{margin:0; background:var(--bg); color:var(--fg);
  font-family:var(--font); font-size:14px; line-height:1.45;
  -webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
button,select,input,textarea{font:inherit; color:inherit}
button{border:0; background:none; cursor:pointer}
button:disabled{opacity:.5; cursor:default}
:focus-visible{outline:2px solid var(--acc); outline-offset:2px}

.pult{max-width:1480px; margin:0 auto; padding:0 24px 60px}



.pult-top{position:sticky; top:0; z-index:20; display:flex; align-items:center;
  gap:10px 14px; flex-wrap:wrap; margin:0 -24px; padding:12px 24px;
  background:color-mix(in oklab, var(--bg) 88%, transparent);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line)}
.brand{display:flex; align-items:center; gap:10px; color:var(--fg); flex:none}
.brand svg{width:22px; height:22px; color:var(--acc)}
.brand b{font-size:14px; font-weight:700; letter-spacing:.24em}
.brand span{font-size:12px; color:var(--fg-3)}

.top-right{display:flex; align-items:center; gap:8px; margin-left:auto; flex:none}
.freshness{font-size:12px; color:var(--fg-3); font-variant-numeric:tabular-nums; white-space:nowrap}


.find{flex:1 1 280px; max-width:440px; min-width:180px; min-height:40px; display:flex; align-items:center; gap:8px;
  padding:0 12px; border-radius:8px; background:var(--panel);
  border:1px solid var(--line); transition:border-color 140ms}
.find[hidden]{display:none}
.find:focus-within{border-color:var(--acc)}
.find svg{width:16px; height:16px; flex:none; color:var(--fg-3)}
.find input{flex:1; min-width:0; padding:9px 0; background:none; border:0; border-radius:0; outline:none; font-size:14px}
.find input::placeholder{color:var(--fg-3)}
.find input::-webkit-search-cancel-button{display:none}
.find-x{flex:none; width:24px; height:24px; border-radius:50%; font-size:16px;
  line-height:1; color:var(--fg-3); background:var(--panel-2)}
.find-x:hover{color:var(--fg)}


.ghost{display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:0 14px;
  border-radius:8px; font-size:13px; font-weight:500; color:var(--fg);
  background:var(--panel); border:1px solid var(--line); white-space:nowrap}
.ghost:hover{border-color:var(--line-2); background:var(--panel-2)}
.ghost.small{min-height:32px; padding:0 11px; font-size:12px}
.ghost.валюта{width:40px; padding:0; font-size:15px; font-weight:700}
.ghost.валюта.on,.ghost.theme.on{color:var(--on-acc); background:var(--acc); border-color:transparent}
.ghost.theme{width:40px; padding:0}
.ghost.theme svg{width:17px; height:17px; stroke:currentColor; fill:none; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round}
.gold{display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:0 16px;
  border-radius:8px; font-size:13.5px; font-weight:600;
  color:var(--on-acc); background:var(--acc); white-space:nowrap}
.gold:hover{background:var(--acc-lo)}
.gold.small{min-height:32px; padding:0 13px; font-size:12.5px}


body.грузим .pult-top::after{content:''; position:absolute; left:0; right:0; bottom:-1px;
  height:2px; background:linear-gradient(90deg, transparent, var(--acc), transparent);
  animation:ползёт 1s linear infinite}
@keyframes ползёт{from{transform:translateX(-100%)}to{transform:translateX(100%)}}


.locked[hidden]{display:none}
.locked{display:grid; justify-items:center; gap:9px; max-width:520px;
  margin:16vh auto; padding:34px 26px; border-radius:var(--r); text-align:center;
  background:var(--panel); border:1px solid var(--line)}
.locked .ic{width:34px; height:34px; color:var(--acc)}
.locked b{font-size:19px}
.locked p{margin:0; font-size:13.5px; color:var(--fg-3); text-wrap:pretty}
.locked.bad .ic{color:var(--neg)}



.pult-tabs{position:sticky; z-index:15; top:var(--шапка, 57px); display:flex; gap:6px;
  overflow-x:auto; margin:0 -24px 16px; padding:10px 24px;
  background:var(--bg); scrollbar-width:none; overscroll-behavior-x:contain}
.pult-tabs::-webkit-scrollbar{display:none}
.pult-tabs button[hidden]{display:none}
.pult-tabs button{position:relative; flex:none; min-height:40px; padding:0 16px; border-radius:20px;
  font-size:13.5px; font-weight:500; color:var(--fg-2);
  background:var(--panel); border:1px solid var(--line)}
.pult-tabs button:hover{color:var(--fg)}
.pult-tabs button.on{color:var(--bg); border-color:var(--fg); background:var(--fg); font-weight:600}

.pult-tabs button.точка-bad::after,.pult-tabs button.точка-warn::after{
  content:''; position:absolute; top:7px; right:8px; width:8px; height:8px;
  border-radius:50%; box-shadow:0 0 0 2px var(--bg)}
.pult-tabs button.точка-bad::after{background:var(--neg)}
.pult-tabs button.точка-warn::after{background:var(--warn)}

@media (min-width:1000px){
  #body:not([hidden]){display:grid; grid-template-columns:196px minmax(0,1fr);
    column-gap:28px; align-items:start; padding-top:20px}
  #body > .pult-tabs{grid-column:1; grid-row:1 / span 2; flex-direction:column; gap:2px;
    margin:0; padding:0; overflow:visible; background:none;
    top:calc(var(--шапка, 57px) + 20px)}
  #body > .pult-tabs button{display:flex; align-items:center; min-height:40px; padding:0 12px;
    border-radius:8px; border-color:transparent; background:none; text-align:left}
  #body > .pult-tabs button:hover{background:var(--panel-2)}
  #body > .pult-tabs button.on{color:var(--fg); background:var(--panel-2); border-color:var(--line);
    font-weight:600}
  #body > .pult-tabs button.точка-bad::after,#body > .pult-tabs button.точка-warn::after{
    top:50%; right:12px; margin-top:-4px; box-shadow:none}
  #body > .беда{grid-column:2; grid-row:1}
  #body > .tabpage{grid-column:2; grid-row:2; min-width:0}
}

.tabpage{display:none}
.tabpage.show{display:block}



.tiles{display:grid; grid-template-columns:repeat(auto-fill, minmax(224px, 1fr));
  gap:16px; margin-bottom:16px}
.tile{padding:16px 16px 14px; border-radius:var(--r);
  background:var(--panel); border:1px solid var(--seam)}
.tile span{display:block; font-size:12px; color:var(--sand-dim); margin-bottom:6px}

.tile b{display:block; font:600 26px/1.1 var(--font); letter-spacing:-.02em;
  font-variant-numeric:tabular-nums}
.tile em{display:block; margin-top:5px; font-style:normal; font-size:11.5px;
  color:var(--sand-dim)}
.tile.wide{grid-column:span 2}
.tile.warn{border-color:color-mix(in oklab, var(--warn) 40%, transparent);
  background:color-mix(in oklab, var(--lamp) 9%, transparent)}
.tile.bad{border-color:color-mix(in oklab, var(--rust) 44%, transparent);
  background:color-mix(in oklab, var(--rust) 10%, transparent)}
.tile.bad b{color:var(--rust)}

.tile.good{border-color:color-mix(in oklab, var(--ore) 34%, transparent);
  background:color-mix(in oklab, var(--ore) 7%, transparent)}
.tile.good b{color:var(--ore)}


.тренд{display:block; margin-top:6px; font-style:normal; font-size:12px;
  font-weight:600; color:var(--sand-dim)}
.тренд u{font-weight:400; text-decoration:none; color:var(--sand-dim);
  font-size:11px}
.тренд.рост{color:var(--ore)}
.тренд.спад{color:var(--rust)}
.под{display:block; margin-top:6px; font-style:normal; font-size:11.5px;
  color:var(--sand-dim)}

.вторая{font-style:normal; color:var(--sand-dim); opacity:.72}
.chart-foot .вторая{font-size:11.5px}


.card{margin-bottom:16px; padding:18px; border-radius:var(--r);
  background:var(--panel); border:1px solid var(--seam)}
.card-head{display:flex; align-items:center; gap:12px; margin-bottom:14px;
  flex-wrap:wrap}
.card-head h2{margin:0; font:600 15px/1.3 var(--font); letter-spacing:-.005em}
.card-head .hint{font-size:12px; color:var(--sand-dim)}
.card-tools{display:flex; align-items:center; gap:8px; margin-left:auto;
  flex-wrap:wrap}
select,textarea,input{background:var(--inset); color:var(--cream);
  border:1px solid var(--seam-2); border-radius:8px; padding:9px 11px; min-height:40px;
  outline:none}
select:focus,textarea:focus,input:focus{border-color:var(--lamp)}
textarea{min-height:0}
input[type=checkbox],input[type=radio]{min-height:0; accent-color:var(--acc)}
.card-head select{font-size:13px; padding:7px 10px}


.funnel{display:flex; align-items:center; gap:6px; flex-wrap:wrap}
.step{flex:1; min-width:120px; padding:15px; border-radius:14px; text-align:center;
  background:var(--inset); border:1px solid var(--seam)}
.step b{display:block; font-size:25px; font-variant-numeric:tabular-nums}
.step span{font-size:12px; color:var(--sand-dim)}
.step.done{border-color:color-mix(in oklab, var(--ore) 40%, transparent)}
.step.done b{color:var(--ore)}
.arrow{flex:none; padding:0 4px; color:var(--sand-dim)}
.arrow i{font-style:normal; font-size:13px; font-weight:700; color:var(--lamp)}


.chart{display:flex; align-items:flex-end; gap:3px; height:180px;
  padding-top:10px; overflow-x:auto}
.bar{flex:1; min-width:14px; display:flex; flex-direction:column;
  align-items:center; justify-content:flex-end; height:100%; gap:5px}

.bar i{display:flex; align-items:flex-end; width:100%; border-radius:4px 4px 2px 2px;
  background:color-mix(in oklab, var(--lamp) 22%, transparent);
  transition:filter 150ms}
.bar i u{display:block; width:100%; border-radius:3px 3px 2px 2px; text-decoration:none;
  background:linear-gradient(180deg, var(--lamp-hi), var(--lamp-lo))}
.bar:hover i{filter:brightness(1.25)}
.bar.минус i{background:color-mix(in oklab, var(--rust) 40%, transparent)}
.bar span{font-size:9.5px; color:var(--sand-dim); white-space:nowrap}

.chart-foot{display:flex; flex-wrap:wrap; gap:6px 18px; margin-top:14px;
  padding-top:12px; border-top:1px solid var(--seam); font-size:12.5px;
  color:var(--sand-dim)}
.chart-foot b{font-size:14px; color:var(--cream); font-variant-numeric:tabular-nums}
.chart-foot b.ore{color:var(--ore)}
.warn-txt{color:var(--warn)}


.levels{display:grid; gap:8px}
.lvl{display:grid; grid-template-columns:150px 1fr 48px; align-items:center; gap:11px}
.lvl span{font-size:13px}
.lvl i{display:block; height:10px; border-radius:999px; min-width:4px;
  background:linear-gradient(90deg, var(--lamp-lo), var(--lamp-hi))}
.lvl b{text-align:right; font-variant-numeric:tabular-nums}


.scroll{overflow-x:auto; margin:0 -4px; padding:0 4px}
table{width:100%; border-collapse:collapse; font-size:13.5px}
th{padding:0 10px 10px; text-align:left; font-size:11.5px; font-weight:500;
  color:var(--sand-dim); text-transform:uppercase; letter-spacing:.04em;
  border-bottom:1px solid var(--seam); white-space:nowrap}
td{padding:12px 10px; border-bottom:1px solid var(--line); vertical-align:top}
tr:last-child td{border-bottom:0}
tbody tr:hover td{background:color-mix(in oklab, var(--panel-2) 60%, transparent)}
.r{text-align:right}
.strong{font-weight:700; font-variant-numeric:tabular-nums}
.dim{color:var(--sand-dim)}
.small{font-size:12px}
.red{color:var(--rust)}
.amber{color:var(--lamp)}
.ore{color:var(--ore)}
.mono{font-variant-numeric:tabular-nums; letter-spacing:.02em}
td .mono.dim{display:block; font-size:11.5px; margin-top:2px}
tr.off td{opacity:.5}
tr.warn td:first-child{box-shadow:inset 3px 0 0 var(--warn)}
.empty{padding:22px 10px; color:var(--sand-dim); text-align:center}


[data-copy]{cursor:copy; border-radius:5px; transition:background 160ms}
[data-copy]:hover{background:color-mix(in oklab, var(--acc) 12%, transparent)}
[data-copy].скопировано{background:color-mix(in oklab, var(--ore) 26%, transparent)}
[data-copy].скопировано::after{content:' скопировано'; font-size:10px; color:var(--ore)}

.more{display:flex; justify-content:center; margin-top:14px}


.итог{margin:0 0 10px; font-size:12.5px; color:var(--sand-dim)}
.итог[hidden]{display:none}
.итог b{color:var(--cream); font-variant-numeric:tabular-nums}

.pill{display:inline-block; padding:3px 10px; border-radius:999px; font-size:11.5px;
  font-weight:600; background:color-mix(in oklab, var(--fg) 7%, transparent); color:var(--sand);
  white-space:nowrap}
.pill.s-done{background:color-mix(in oklab, var(--ore) 18%, transparent); color:var(--ore)}
.pill.s-failed{background:color-mix(in oklab, var(--rust) 18%, transparent); color:var(--rust)}
.pill.s-paid,.pill.s-issuing{background:color-mix(in oklab, var(--lamp) 18%, transparent);
  color:var(--lamp)}




.как-вводить{margin:0 0 12px; padding:11px 14px; border-radius:11px;
  background:var(--inset); border:1px solid var(--seam);
  font-size:12.5px; line-height:1.65; color:var(--sand-dim); max-width:78ch}


.закупка{display:flex; flex-wrap:wrap; align-items:flex-end; gap:14px 18px;
  margin-bottom:14px; padding:12px 14px; border-radius:11px;
  background:var(--inset); border:1px solid var(--seam)}
.закупка label,.закупка .валюта{display:grid; gap:5px}
.закупка span{font-size:11px; text-transform:uppercase; letter-spacing:.06em;
  color:var(--sand-dim)}
.закупка input{width:200px; padding:8px 11px; border-radius:9px;
  border:1px solid var(--seam-2); background:var(--inset); color:var(--cream);
  font-size:13px}
.закупка em{flex:1 1 260px; font-style:normal; font-size:11.5px;
  color:var(--sand-dim); line-height:1.55}
.закупка-итог{margin-top:4px; font-size:12px; color:var(--sand)}
.закупка-итог b{font-size:13px; color:var(--ore)}

.приёмка{display:grid; gap:8px}
.стр{display:grid;
  grid-template-columns:minmax(130px, 1fr) auto minmax(170px, 2fr) auto;
  align-items:start; gap:10px 12px; padding:10px 12px; border-radius:12px;
  background:var(--inset); border:1px solid var(--seam)}
.стр-имя{min-width:0}
.стр-имя b{display:block; font-size:13.5px; font-weight:600}
.стр-имя span{display:block; font-size:11px; margin-top:1px}
.стр-склад{font-size:11.5px; color:var(--sand-dim); white-space:nowrap; padding-top:3px}
.стр-склад.мало{color:var(--warn)}
.стр textarea{width:100%; min-height:38px; resize:none; overflow:hidden;
  font-family:ui-monospace, SFMono-Regular, monospace; font-size:12.5px;
  line-height:1.5; padding:8px 10px}


.стр-цена{display:flex; align-items:center; gap:5px; padding-top:1px}
.стр-цена input{width:104px; padding:8px 9px; border-radius:9px;
  border:1px solid var(--seam-2); background:var(--inset); color:var(--cream);
  font-size:12.5px; font-variant-numeric:tabular-nums}
.стр-цена input::placeholder{color:var(--sand-dim); font-size:11.5px}
.стр-цена u{text-decoration:none; font-size:12px; color:var(--sand-dim)}

.стр-итог{grid-column:3 / -1; font-size:11.5px; color:var(--sand-dim)}
.стр-итог:empty{display:none}
.стр-итог b{color:var(--ore)}
.стр-итог i{font-style:normal}
.стр-итог u{text-decoration:none; color:var(--rust); font-weight:600}
.стр-итог.плохо{color:var(--rust)}
.стр-итог .цена{color:var(--ore); font-weight:600; font-style:normal}
.стр-итог .убыток{color:var(--rust); font-weight:600; font-style:normal}

.отсев{list-style:none; margin:6px 0 0; padding:0; display:grid; gap:3px}
.отсев li{display:flex; gap:7px; align-items:baseline; font-size:11.5px;
  line-height:1.45}
.отсев code{font-family:ui-monospace, SFMono-Regular, monospace; font-size:11px;
  padding:1px 5px; border-radius:5px; background:var(--inset); white-space:nowrap}
.отсев .нет{color:var(--rust)}
.отсев .нет code{color:var(--rust)}

.отсев .под-вопросом{color:var(--lamp)}
.отсев .под-вопросом code{color:var(--lamp)}


.приёмка-низ{position:sticky; bottom:0; z-index:5; display:flex; align-items:center;
  gap:14px; flex-wrap:wrap; margin:14px -18px -18px; padding:13px 18px;
  border-top:1px solid var(--seam);
  background:linear-gradient(180deg, var(--panel), var(--deep));
  backdrop-filter:blur(8px); border-radius:0 0 18px 18px}
.приёмка-низ:empty{display:none}
.приёмка-счёт{font-size:13px; color:var(--sand-dim)}
.приёмка-счёт b{font-size:16px; color:var(--cream); font-variant-numeric:tabular-nums}
.вердикт{font-size:12.5px; color:var(--sand-dim)}
.вердикт b{color:var(--ore)}
.вердикт i{font-style:normal; color:var(--sand)}
.вердикт u{text-decoration:none; color:var(--rust); font-weight:700}
.вердикт.хорошо{color:var(--sand)}
.вердикт.плохо{color:var(--rust)}
.приёмка-кнопки{margin-left:auto; display:flex; gap:10px}

.итог-приёмки{display:grid; gap:10px; justify-items:start; margin-top:14px;
  padding:13px 15px; border-radius:12px; font-size:13px;
  border:1px solid var(--seam); border-left-width:4px; background:var(--inset)}
.итог-приёмки[hidden]{display:none}
.итог-приёмки.хорошо{border-left-color:var(--ore)}
.итог-приёмки.плохо{border-left-color:var(--rust)}
.итог-приёмки .лента{width:100%}
.итог-приёмки .лента .отсев{margin-top:5px}
.итог-приёмки .dim{font-size:11.5px}


tr.полка td{padding:14px 10px 6px; border-bottom:1px solid var(--seam)}
tr.полка:first-child td{padding-top:2px}
tr.полка b{font-size:12px; text-transform:uppercase; letter-spacing:.06em;
  color:var(--sand)}
tr.полка span{margin-left:10px; font-size:11.5px; color:var(--sand-dim)}
tbody tr.полка:hover{background:none}


.chips.игры{margin-bottom:12px}
.chips.игры .chip{padding:9px 15px; font-size:13px}

.say{font-size:12.5px; color:var(--sand-dim)}
.say.ok{color:var(--ore)}
.say.bad{color:var(--rust)}

.notes-list p{margin:0 0 10px; font-size:13.5px; line-height:1.6; color:var(--sand)}
.notes-list p:last-child{margin-bottom:0}
.notes-list .bad{color:var(--rust)}


.sheet{position:fixed; inset:0; z-index:80; display:grid; place-items:center;
  padding:20px}
.sheet[hidden]{display:none}
.sheet-scrim{position:absolute; inset:0; background:rgba(6,5,4,.72)}
.sheet-card{position:relative; width:min(100%, 480px); max-height:90vh; overflow-y:auto;
  display:grid; gap:12px; padding:22px; border-radius:20px;
  background:linear-gradient(180deg, var(--stone), var(--deep));
  border:1px solid var(--seam-2); box-shadow:0 30px 70px -30px #000}
.sheet-card h2{margin:0 0 2px; font-size:18px}
.sheet-card label{display:grid; gap:6px; font-size:12px; color:var(--sand-dim)}
.sheet-card input,.sheet-card select{font-size:15px}
.sheet-card input[readonly]{opacity:.6}
.two{display:grid; grid-template-columns:1fr 1fr; gap:12px}
label.check{display:flex; align-items:center; gap:9px; align-self:end;
  padding-bottom:10px}
label.check input{width:18px; height:18px; accent-color:var(--lamp)}
label.check span{font-size:13px; color:var(--cream)}
.sheet-foot{display:flex; gap:10px; justify-content:flex-end; margin-top:4px}


.говорит{padding:10px 13px; border-radius:11px; font-size:12.5px; line-height:1.45;
  border:1px solid var(--seam); background:var(--inset)}
.говорит.ok{border-color:color-mix(in oklab, var(--ore) 34%, transparent);
  color:var(--ore)}
.говорит.warn{border-color:color-mix(in oklab, var(--warn) 40%, transparent);
  color:var(--lamp)}
.говорит.bad{border-color:color-mix(in oklab, var(--rust) 46%, transparent);
  color:var(--rust)}





.tile span{display:flex; align-items:flex-start; gap:8px}
.сост{margin-left:auto; font-style:normal; font-size:11px; letter-spacing:.02em;
  display:inline-flex; align-items:center; gap:5px; color:var(--sand-dim);
  white-space:nowrap; flex:none; padding-top:1px}
.сост::before{content:''; width:6px; height:6px; border-radius:50%;
  background:var(--ore); flex:none}
.tile.warn .сост{color:var(--warn)}
.tile.warn .сост::before{background:var(--warn)}
.tile.bad .сост{color:var(--rust)}
.tile.bad .сост::before{background:var(--rust)}


.беда{display:grid; gap:8px; margin:0 0 14px}
.беда p{margin:0; padding:12px 15px; border-radius:12px; font-size:13.5px;
  line-height:1.45; text-wrap:pretty; border:1px solid var(--seam);
  border-left-width:4px; background:var(--panel-2)}
.беда p.warn{border-left-color:var(--warn);
  background:color-mix(in oklab, var(--warn) 7%, var(--panel-2))}
.беда p.bad{border-left-color:var(--rust); color:var(--sand);
  background:color-mix(in oklab, var(--rust) 8%, var(--panel-2))}



.arrow{flex:1 1 90px; min-width:90px; padding:0 6px; text-align:center;
  color:var(--sand-dim)}
.arrow i{display:block; font-style:normal; font-size:26px; font-weight:800;
  letter-spacing:-.02em; line-height:1.1; color:var(--lamp);
  font-variant-numeric:tabular-nums}
.arrow u{display:block; margin-top:3px; font-size:11px; text-decoration:none;
  color:var(--sand-dim)}
.arrow.хорошо i{color:var(--ore)}
.arrow.плохо i{color:var(--rust)}
.step{flex:1 1 110px}
.step b{font-size:19px; color:var(--sand)}
.step.done b{color:var(--ore)}


.chips{display:flex; flex-wrap:wrap; gap:7px; margin:0 0 14px}
.chips.tight{margin:0}
.chip{display:inline-flex; align-items:center; gap:7px; flex:none;
  padding:8px 13px; border-radius:999px; font-size:12.5px; font-weight:600;
  color:var(--sand); border:1px solid var(--seam); background:var(--inset);
  cursor:pointer; transition:color 160ms var(--ease-out),
    border-color 160ms var(--ease-out), background 160ms var(--ease-out)}
.chip.small{padding:6px 11px; font-size:12px}
.chip:hover{border-color:color-mix(in oklab, var(--lamp) 35%, var(--seam))}
.chip.on{color:var(--on-lamp); border-color:transparent; background:var(--metal)}
.chip i{font-style:normal; font-size:11px; font-variant-numeric:tabular-nums;
  padding:1px 6px; border-radius:999px; background:color-mix(in oklab, var(--fg) 12%, transparent)}
.chip.on i{background:rgba(0,0,0,.22)}

.chip i.кровь{background:color-mix(in oklab, var(--rust) 26%, transparent);
  color:var(--rust); font-weight:700}
.chip.on i.кровь{background:rgba(0,0,0,.3)}



tr.жмётся{cursor:pointer}
tr.жмётся:hover td{background:color-mix(in oklab, var(--fg) 4%, transparent)}
tr.открыт td{background:color-mix(in oklab, var(--fg) 5%, transparent)}
tr.открыт.горе td{background:color-mix(in oklab, var(--rust) 6%, transparent)}
.раскрыть{display:inline-block; width:20px; height:20px; line-height:19px;
  text-align:center; border-radius:6px; font-size:14px; color:var(--sand-dim);
  background:color-mix(in oklab, var(--fg) 7%, transparent)}
tr.разбор td{padding:0 0 14px; background:color-mix(in oklab, var(--fg) 5%, transparent)}
tr.разбор.горе td{background:color-mix(in oklab, var(--rust) 6%, transparent)}
.разбор-в{display:flex; gap:22px; align-items:flex-start; flex-wrap:wrap;
  padding:14px 16px; border-radius:12px; border:1px solid var(--seam);
  border-left:4px solid var(--seam-2); background:var(--panel-2)}
tr.разбор.горе .разбор-в{border-left-color:var(--rust)}
.разбор-слева{flex:1 1 260px; min-width:240px}
.разбор-справа{flex:1 1 300px; min-width:260px}
.загол{display:block; font-size:11.5px; letter-spacing:.06em;
  text-transform:uppercase; color:var(--sand-dim); margin:0 0 5px}
.разбор-слева .загол:not(:first-child),.разбор-справа .загол:not(:first-child){margin-top:12px}
.причина{margin:0 0 12px; font-size:13.5px; line-height:1.45; text-wrap:pretty}

.пары{display:grid; gap:6px}
.пара{display:flex; gap:10px; align-items:baseline; font-size:12.5px}
.пара > span{flex:none; width:88px; color:var(--sand-dim)}
.пара > b{font-weight:600; font-size:13px}
.пара em{font-style:normal; font-size:11.5px}
.пара > b em{margin-left:7px; font-weight:400}


.лента{margin:0; padding:0; list-style:none; display:grid; gap:5px}
.лента li{display:flex; gap:9px; align-items:baseline; flex-wrap:wrap;
  padding:7px 10px; border-radius:9px; font-size:12px;
  background:var(--inset); border-left:3px solid var(--seam-2)}
.лента li.ok{border-left-color:var(--ore)}
.лента li.bad{border-left-color:var(--rust)}
.лента li b{flex:none; font-size:11px; text-transform:uppercase;
  letter-spacing:.05em; color:var(--sand-dim)}
.лента li span{flex:1 1 120px; min-width:0; word-break:break-word}
.лента li u{flex:none; text-decoration:none; font-size:11px; color:var(--sand-dim)}

.разбор-кнопки{display:flex; gap:10px; align-items:center; flex-wrap:wrap;
  margin-top:14px}


.действия{white-space:nowrap}
.действия button + button{margin-left:6px}
.маржа{display:block; margin-top:2px; font-style:normal; font-size:11.5px;
  font-weight:700}



.беск{color:var(--sand-dim); font-size:17px; line-height:1}


@media (max-width: 760px){
  .pult{padding:0 12px 48px}
  .pult-top{margin:0 -12px; padding:10px 12px; gap:8px}
  .pult-tabs{margin:0 -12px 14px; padding:8px 12px}
  
  .find{order:3; flex:1 0 100%}
  .freshness{display:none}
  .brand span{display:none}
  
  body.ужато .brand,body.ужато #refresh,body.ужато #exit{display:none}
  body.ужато .find{order:0; flex:1 1 auto}
  body.ужато .top-right{margin-left:0}
  body.ужато .pult-top{padding-top:8px; padding-bottom:8px}
  
  .узко{display:none}
  .card{padding:14px}
  .tiles{grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)); gap:8px}
  .tile{padding:12px 13px}
  .tile b{font-size:22px}
  .разбор-в{gap:14px; padding:12px}
  
  .стр{grid-template-columns:1fr auto; gap:8px 10px}
  .стр textarea{grid-column:1 / -1}
  .стр-цена{grid-column:1 / -1}
  .стр-цена input{width:100%}
  .стр-итог{grid-column:1 / -1}
  .закупка input{width:100%}
  .приёмка-кнопки{margin-left:0; width:100%}
  .приёмка-кнопки .gold{width:100%}
  .разбор-слева,.разбор-справа{min-width:0; flex-basis:100%}
}

@media (max-width: 620px){
  .tile.wide{grid-column:span 1}
  .lvl{grid-template-columns:110px 1fr 40px}
  .two{grid-template-columns:1fr}
  .sheet{padding:0; align-items:end}
  .sheet-card{width:100%; max-height:92vh; border-radius:20px 20px 0 0}
}



.каскад{display:grid; gap:2px}
.шаг{display:grid; grid-template-columns:minmax(150px, 1.1fr) minmax(90px, 2fr) auto;
  align-items:center; gap:8px 14px; padding:9px 12px; border-radius:10px}
.шаг:hover{background:var(--stone-2)}
.шаг-имя{font-size:13px; min-width:0}
.шаг-имя span{display:block; font-size:11px; color:var(--sand-dim); margin-top:1px}
.шаг-полоса{height:10px; border-radius:5px; background:var(--inset); overflow:hidden}
.шаг-полоса i{display:block; height:100%; border-radius:5px}
.шаг-сумма{text-align:right; font-size:14.5px; font-weight:600; white-space:nowrap;
  font-variant-numeric:tabular-nums}
.шаг-сумма .вторая{display:block; font-size:11px; font-weight:400}

.шаг.основа .шаг-полоса i{background:var(--sand-dim)}
.шаг.основа .шаг-сумма{color:var(--cream)}

.шаг.вычет .шаг-полоса i{background:var(--rust); opacity:.75}
.шаг.вычет .шаг-сумма{color:var(--rust)}
.шаг.итог{border-top:1px solid var(--seam); margin-top:3px; padding-top:11px}
.шаг.итог .шаг-полоса i{background:var(--ore); opacity:.5}
.шаг.итог .шаг-сумма{color:var(--sand)}

.шаг.чисто{border-top:1px solid var(--seam-2); margin-top:3px; padding-top:12px;
  background:linear-gradient(90deg, color-mix(in oklab, var(--pos) 7%, transparent), transparent 70%)}
.шаг.чисто .шаг-имя{font-weight:600}
.шаг.чисто .шаг-полоса i{background:var(--ore)}
.шаг.чисто .шаг-сумма{color:var(--ore); font-size:17px; font-weight:700}
.шаг.чисто.минус .шаг-полоса i{background:var(--rust)}
.шаг.чисто.минус .шаг-сумма{color:var(--rust)}


.ставки{display:flex; flex-wrap:wrap; gap:14px; align-items:flex-end;
  margin-top:14px; padding-top:14px; border-top:1px solid var(--seam)}
.ставки[hidden]{display:none}
.ставки label{display:grid; gap:4px; font-size:12px; color:var(--sand-dim)}
.ставки input{width:110px; padding:8px 10px; border-radius:9px;
  border:1px solid var(--seam-2); background:var(--inset); color:var(--cream);
  font-variant-numeric:tabular-nums}
.ставки u{text-decoration:none; font-size:10.5px}
.ставки-низ{display:flex; align-items:center; gap:12px; flex:1 1 240px}
.ставки-низ .dim{font-size:11.5px}



.меры{display:grid; grid-template-columns:repeat(auto-fit, minmax(210px, 1fr)); gap:18px}
.мера-верх{display:flex; align-items:baseline; justify-content:space-between; gap:10px}
.мера-верх b{font-size:13px; font-weight:600}
.мера-верх u{text-decoration:none; font-size:22px; font-weight:700;
  font-variant-numeric:tabular-nums}

.мера-жёлоб{height:8px; border-radius:4px; margin:7px 0 6px; overflow:hidden}
.мера-жёлоб i{display:block; height:100%; border-radius:4px}
.мера p{margin:0; font-size:11.5px; color:var(--sand-dim); line-height:1.5}
.худо{color:var(--rust)} .средне{color:var(--lamp)} .ладно{color:var(--ore)}
.мера-жёлоб{background:color-mix(in oklab, var(--fg-3) 16%, transparent)}
.мера-жёлоб i.худо{background:var(--rust)}
.мера-жёлоб i.средне{background:var(--lamp)}
.мера-жёлоб i.ладно{background:var(--ore)}



.истоки{display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
  gap:12px; margin-bottom:20px}
.исток{padding:14px 16px; border-radius:13px; background:var(--inset);
  border:1px solid var(--seam); border-left-width:3px}
.исток.склад{border-left-color:var(--ore)}
.исток.поставщик{border-left-color:var(--sand-dim)}
.исток span{display:block; font-size:11.5px; text-transform:uppercase;
  letter-spacing:.07em; color:var(--sand-dim)}
.исток b{display:block; margin:4px 0 5px; font-size:24px; font-weight:700}
.исток u{display:block; text-decoration:none; font-size:12.5px; color:var(--sand)}
.исток em{display:block; margin-top:3px; font-style:normal; font-size:11.5px;
  color:var(--sand-dim)}


.полосы{display:grid; gap:2px}
.полоса-стр{padding:11px 12px 13px; border-radius:11px}
.полоса-стр:hover{background:var(--stone-2)}
.полоса-верх{display:flex; align-items:baseline; justify-content:space-between;
  gap:12px; flex-wrap:wrap; margin-bottom:8px}
.полоса-имя{min-width:0; display:flex; align-items:baseline; gap:9px; flex-wrap:wrap}
.полоса-имя b{font-size:15px; font-weight:600}
.полоса-имя span{font-size:11.5px; color:var(--sand-dim)}

.метка{font-style:normal; font-size:10.5px; padding:2px 7px; border-radius:6px;
  white-space:nowrap; letter-spacing:.02em}
.метка.склад{background:color-mix(in oklab, var(--pos) 14%, transparent); color:var(--ore)}
.метка.поставщик{background:color-mix(in oklab, var(--fg-3) 16%, transparent); color:var(--sand)}
.полоса-числа{text-align:right; white-space:nowrap; margin-left:auto}
.полоса-числа b{font-size:16px; font-weight:700; font-variant-numeric:tabular-nums}
.полоса-числа span{display:block; font-size:11.5px; color:var(--sand-dim);
  font-variant-numeric:tabular-nums}
.полоса-числа .под-вопросом{color:var(--lamp)}

.жёлоб{height:14px; border-radius:7px; background:var(--seam-2); overflow:hidden;
  min-width:8px}
.жёлоб i{display:block; height:100%; border-radius:7px; background:var(--ore)}

.полоса-ключ{display:flex; align-items:center; gap:7px; margin:12px 0 0 12px;
  font-size:11.5px; color:var(--sand-dim)}
.полоса-ключ i{width:11px; height:11px; border-radius:3px; display:inline-block}
.полоса-ключ i+*{margin-right:10px}
.ключ-выручка{background:var(--seam-2)}
.ключ-чистая{background:var(--ore)}


.молчали{margin-top:18px; padding-top:15px; border-top:1px solid var(--seam)}
.молчали b{font-size:12.5px; color:var(--sand)}
.молчали p{display:flex; flex-wrap:wrap; gap:7px; margin:9px 0 0}
.молчали span{display:inline-flex; align-items:center; gap:6px; padding:5px 10px;
  border-radius:8px; background:var(--inset); border:1px solid var(--seam);
  font-size:12px; color:var(--sand)}
.молчали u{text-decoration:none; font-size:10.5px; color:var(--sand-dim);
  font-variant-numeric:tabular-nums}
.молчали em{display:block; margin-top:9px; font-style:normal; font-size:11px;
  color:var(--sand-dim)}



.часы{display:grid; gap:3px; overflow-x:auto; padding-bottom:4px}
.часы-шапка,.часы-ряд{display:grid; grid-template-columns:26px repeat(24, minmax(11px, 1fr));
  gap:3px; align-items:center; min-width:420px}
.часы-шапка u{text-decoration:none; font-size:10.5px; color:var(--sand-dim);
  text-align:center; font-variant-numeric:tabular-nums}
.часы-ряд span{font-size:11.5px; color:var(--sand-dim)}
.часы-ряд i{display:block; height:21px; border-radius:4px; background:var(--lamp);
  min-width:0}

.часы-ключ{display:flex; align-items:center; gap:4px; margin-top:10px;
  font-size:11px; color:var(--sand-dim)}
.часы-ключ i{width:16px; height:11px; border-radius:3px; background:var(--lamp)}
.часы-ключ i.пусто{background:color-mix(in oklab, var(--fg-3) 13%, transparent)}
.часы-ключ span:first-child{margin-right:4px}
.часы-ключ span:last-child{margin-left:7px}

.часы-ряд i.пусто{background:color-mix(in oklab, var(--fg-3) 13%, transparent)}


.сетка-раскрыть{margin-top:14px; padding-top:10px; border-top:1px solid var(--seam)}
.сетка-раскрыть summary{cursor:pointer; font-size:12.5px; color:var(--sand);
  list-style:none; padding:4px 0}
.сетка-раскрыть summary::-webkit-details-marker{display:none}
.сетка-раскрыть summary::before{content:'+ '; color:var(--sand-dim)}
.сетка-раскрыть[open] summary::before{content:'− '}
.сетка-раскрыть .часы{margin-top:10px}



.шаг.часть .шаг-полоса i{background:var(--ore); opacity:.55}
.шаг.часть.моя{background:linear-gradient(90deg, color-mix(in oklab, var(--pos) 6%, transparent), transparent 70%)}
.шаг.часть.моя .шаг-имя{font-weight:600}
.шаг.часть.моя .шаг-полоса i{opacity:.9}
.шаг.часть.моя .шаг-сумма{color:var(--ore); font-size:16px; font-weight:700}
.шаг.часть.его .шаг-полоса i{background:var(--sand-dim)}
.шаг.часть.его .шаг-сумма{color:var(--sand)}
.шаг.часть.минус .шаг-сумма{color:var(--rust)}
.делёж{margin-top:10px}
.делёж:empty{display:none}
.делёж-полоса{display:flex; gap:3px; height:14px}
.делёж-полоса i{display:block; min-width:4px; border-radius:7px}
.делёж-полоса i.моя{background:var(--ore)}
.делёж-полоса i.его{background:var(--sand-dim); opacity:.7}
.делёж-ключ{display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px 16px;
  margin-top:8px; font-size:12px; color:var(--sand)}
.делёж-ключ span{display:inline-flex; align-items:baseline; gap:6px}
.делёж-ключ i{display:inline-block; width:10px; height:10px; border-radius:3px;
  align-self:center}
.делёж-ключ i.моя{background:var(--ore)}
.делёж-ключ i.его{background:var(--sand-dim); opacity:.7}
.делёж-ключ b{font-size:14px; color:var(--cream); font-variant-numeric:tabular-nums}
.делёж-ключ u{text-decoration:none; font-size:11px; color:var(--sand-dim)}
.кассы{display:grid; gap:2px; margin-top:14px; padding-top:12px;
  border-top:1px solid var(--seam)}
.кассы:empty{display:none}
.кассы-загол{font-size:12px; font-weight:600; color:var(--sand); margin-bottom:4px}
.касса-стр{display:grid; grid-template-columns:minmax(120px, 1fr) auto auto; align-items:baseline;
  gap:4px 14px; padding:6px 10px; border-radius:9px; font-size:12.5px}
.касса-стр:hover{background:var(--stone-2)}
.касса-имя u{display:block; text-decoration:none; font-size:10.5px; color:var(--sand-dim)}
.касса-счёт{color:var(--sand-dim); font-variant-numeric:tabular-nums; white-space:nowrap}
.касса-сумма{color:var(--rust); font-weight:600; font-variant-numeric:tabular-nums;
  white-space:nowrap}
@media (max-width: 520px){
  .касса-стр{grid-template-columns:1fr auto}
  .касса-счёт{grid-column:1 / -1; order:3; font-size:11.5px}
}


.мне{display:block; font-size:11px; font-weight:600; color:var(--ore);
  font-variant-numeric:tabular-nums}
.мне.dim{color:var(--sand-dim); font-weight:400}
.мне.red{color:var(--rust)}

@media (max-width: 720px){
  .шаг{grid-template-columns:1fr auto; gap:6px 10px}
  .шаг-полоса{grid-column:1 / -1; order:3}
  .шаг-сумма{text-align:right}
  .исток b{font-size:21px}
  .полоса-числа{margin-left:0; text-align:left}
  .полоса-числа span{display:inline}
}


.chart-верх{display:flex; justify-content:flex-end; font-size:11.5px;
  color:var(--sand-dim); margin-bottom:4px; font-variant-numeric:tabular-nums}


.доля{min-width:150px}
.доля-в{display:flex; align-items:center; gap:9px}
.доля-в i{display:block; height:9px; border-radius:5px; background:var(--seam-2);
  flex:0 0 auto; min-width:4px}
.доля-в b{font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap}



.закупить-итог{margin-bottom:16px}
.закупить-число{display:flex; align-items:baseline; flex-wrap:wrap; gap:6px 12px;
  font-size:13px; color:var(--sand)}
.закупить-число b{font-size:21px; font-weight:700; color:var(--cream)}
.закупить-число u{text-decoration:none; font-weight:700; color:var(--ore)}
.закупить-число em{font-style:normal; font-size:11.5px}
.закупить-число.ладно{color:var(--ore)}

.потеряно{margin-top:10px; padding:10px 13px; border-radius:10px; font-size:12.5px;
  color:var(--rust); background:color-mix(in oklab, var(--neg) 9%, transparent);
  border-left:3px solid var(--rust)}
.потеряно b{font-weight:700}

.выручит{display:block; font-size:10.5px; color:var(--ore)}



.пересчёт{margin-bottom:16px; padding:14px 16px; border-radius:12px;
  background:var(--inset); border:1px solid var(--seam)}
.пересчёт[hidden]{display:none}
.пересчёт-верх{display:flex; align-items:flex-end; flex-wrap:wrap; gap:12px 16px}
.пересчёт-верх label{display:grid; grid-template-columns:auto auto; gap:4px 6px;
  align-items:center}
.пересчёт-верх label span{grid-column:1 / -1; font-size:11px; text-transform:uppercase;
  letter-spacing:.06em; color:var(--sand-dim)}
.пересчёт-верх input{width:86px; padding:8px 10px; border-radius:9px;
  border:1px solid var(--seam-2); background:var(--inset); color:var(--cream);
  font-variant-numeric:tabular-nums}
.пересчёт-верх u{text-decoration:none; color:var(--sand-dim)}
.пересчёт-верх em{flex:1 1 240px; font-style:normal; font-size:11.5px; line-height:1.55}
.пересчёт-план{margin-top:14px; padding-top:14px; border-top:1px solid var(--seam)}
.пересчёт-план table{width:100%}
.пересчёт-план p{margin:10px 0 0; font-size:11.5px}
.пересчёт-низ{display:flex; align-items:center; gap:12px; margin-top:14px}
.пересчёт-низ .dim{font-size:11.5px}

.доля-в i.худо{background:var(--rust)}
.доля-в u{text-decoration:none; font-size:10px; white-space:nowrap}


.сторож{margin-bottom:16px; padding:13px 15px; border-radius:12px;
  background:var(--inset); border:1px solid var(--seam)}
.сторож[hidden]{display:none}
.сторож-вкл{display:flex; align-items:center; gap:9px; font-size:13px;
  cursor:pointer; margin-bottom:12px}
.сторож-вкл input{width:17px; height:17px; accent-color:var(--lamp); cursor:pointer}
.сторож-поля{display:flex; flex-wrap:wrap; gap:12px 16px}
.сторож-поля label{display:grid; grid-template-columns:auto auto; gap:4px 6px;
  align-items:center}
.сторож-поля span{grid-column:1 / -1; font-size:11px; text-transform:uppercase;
  letter-spacing:.06em; color:var(--sand-dim)}
.сторож-поля input{width:74px; padding:7px 9px; border-radius:9px;
  border:1px solid var(--seam-2); background:var(--inset); color:var(--cream);
  font-variant-numeric:tabular-nums}
.сторож-поля u{text-decoration:none; font-size:11.5px; color:var(--sand-dim)}
.сторож-низ{display:flex; align-items:center; flex-wrap:wrap; gap:10px 12px;
  margin-top:13px}
.сторож-низ .dim{font-size:11.5px}
.сторож-ответ{margin:11px 0 0; font-size:12.5px; color:var(--sand)}
.сторож-ответ.плохо{color:var(--rust)}
.сторож-ответ.ладно{color:var(--ore)}



.цены{display:flex; flex-wrap:wrap; gap:6px}
.цены span{display:inline-flex; align-items:baseline; gap:6px; padding:4px 9px;
  border-radius:8px; background:var(--inset); border:1px solid var(--seam);
  font-size:11.5px; color:var(--sand-dim)}
.цены b{font-size:12.5px; color:var(--cream); font-variant-numeric:tabular-nums}
.цены .дешевле{border-color:color-mix(in oklab, var(--pos) 40%, transparent); color:var(--ore)}
.цены .дешевле b{color:var(--ore)}
.цены .дешевле::after{content:'дешевле'; font-size:9.5px; letter-spacing:.04em;
  text-transform:uppercase; opacity:.75}



.card.долговая{border-color:color-mix(in oklab, var(--neg) 40%, transparent)}
.card.долговая[hidden]{display:none}
.долг-низ{margin:14px 0 0; padding-top:13px; border-top:1px solid var(--seam);
  font-size:12px; color:var(--sand-dim); line-height:1.6; max-width:82ch}
.долг-низ b{color:var(--sand)}
#debtTable td span.red{display:block; font-size:11px}



.когорты{display:flex; align-items:flex-end; gap:8px; overflow-x:auto;
  padding-bottom:4px}
.когорта{flex:1 1 44px; min-width:44px; display:grid; justify-items:center; gap:3px}
.когорта-полоса{position:relative; width:100%; height:120px; display:flex;
  align-items:flex-end; gap:3px; justify-content:center}
.когорта-полоса i,.когорта-полоса u{display:block; width:13px; border-radius:3px 3px 0 0}
.когорта-полоса i{background:var(--ore)}
.когорта-полоса u{background:var(--lamp); opacity:.65}
.когорта b{font-size:12.5px; font-weight:700; font-variant-numeric:tabular-nums}
.когорта span{font-size:10.5px; color:var(--sand-dim); font-variant-numeric:tabular-nums}
.когорта em{font-style:normal; font-size:10px; color:var(--sand-dim)}
.когорты-ключ{display:flex; flex-wrap:wrap; gap:7px 16px; margin-top:12px;
  font-size:11.5px; color:var(--sand-dim)}
.когорты-ключ span{display:inline-flex; align-items:center; gap:6px}
.когорты-ключ i,.когорты-ключ u{width:11px; height:11px; border-radius:3px}
.когорты-ключ i{background:var(--ore)}
.когорты-ключ u{background:var(--lamp); opacity:.65}

.когорты-низ{margin:12px 0 0; font-size:11.5px; color:var(--sand-dim);
  line-height:1.6; max-width:78ch}


.card.готовность{border-color:color-mix(in oklab, var(--neg) 40%, transparent)}
.card.готовность[hidden]{display:none}
.готово-список{display:grid; gap:10px}
.готово-игра{padding:12px 14px; border-radius:12px; background:var(--inset);
  border:1px solid var(--seam); border-left-width:3px}
.готово-игра.беда{border-left-color:var(--rust)}
.готово-игра:not(.беда){border-left-color:var(--lamp)}
.готово-имя{display:flex; align-items:baseline; gap:10px; flex-wrap:wrap;
  margin-bottom:7px}
.готово-имя b{font-size:14px}
.готово-имя span{font-size:11.5px; color:var(--sand-dim)}
.готово-игра ul{list-style:none; margin:0; padding:0; display:grid; gap:4px}
.готово-игра li{font-size:12px; line-height:1.5; color:var(--sand-dim)}
.готово-игра li b{font-weight:600}
.готово-игра li u{text-decoration:none; font-size:10.5px; margin-left:6px;
  padding:1px 5px; border-radius:5px; background:var(--inset); cursor:pointer}
.готово-игра li.нет,.готово-игра li.нет b{color:var(--rust)}
.готово-игра li.под-вопросом,.готово-игра li.под-вопросом b{color:var(--lamp)}



.ступени{display:grid; gap:7px; margin-bottom:18px}
.ступень{display:grid; grid-template-columns:minmax(110px, auto) 1fr auto auto;
  align-items:center; gap:12px}
.ступень>span{font-size:12.5px; color:var(--sand)}
.ступень-полоса{height:12px; border-radius:6px; background:var(--inset)}
.ступень-полоса i{display:block; height:100%; border-radius:6px; background:var(--sand-dim)}
.ступень-полоса i.ладно{background:var(--ore)}
.ступень-полоса i.худо{background:var(--rust)}
.ступень b{font-size:13px; font-weight:700; font-variant-numeric:tabular-nums;
  min-width:42px; text-align:right}
.ступень u{text-decoration:none; font-size:11px; color:var(--sand-dim);
  font-variant-numeric:tabular-nums; min-width:42px; text-align:right}

@media (max-width: 720px){
  .ступень{grid-template-columns:1fr auto auto; gap:6px 10px}
  .ступень-полоса{grid-column:1 / -1; order:3}
}



.где{display:block; font-size:11.5px; color:var(--sand); margin-top:1px}
.арт{display:inline-block; margin-top:2px; font-size:10px; color:var(--sand-dim);
  letter-spacing:.01em; cursor:pointer; opacity:.65; text-decoration:none}
.арт:hover{opacity:1; color:var(--lamp)}

.стр-имя .где{font-size:11px}
.стр-имя .арт{margin-top:1px}
.готово-игра li i{font-style:normal; color:var(--sand)}



.витрина-обещание{margin:0 0 16px; padding:11px 14px; border-radius:11px;
  background:color-mix(in oklab, var(--pos) 7%, transparent); border:1px solid color-mix(in oklab, var(--pos) 22%, transparent);
  border-left-width:3px; border-left-color:var(--ore);
  font-size:12.5px; line-height:1.6; color:var(--sand); max-width:80ch}
.витрина-обещание b{color:var(--ore)}

.дерево{display:grid; gap:6px}
.ветка{border-radius:13px; background:var(--inset);
  border:1px solid var(--seam); overflow:hidden}
.ветка.открыта{border-color:var(--seam-2); background:var(--inset)}

.ветка.с-убрана{opacity:.55}
.ветка.с-скоро .ветка-имя b::after{content:' · скоро'; color:var(--lamp);
  font-weight:400; font-size:11.5px}
.ветка-верх{display:grid; grid-template-columns:auto minmax(150px, 1.4fr) auto auto;
  align-items:center; gap:10px 14px; padding:13px 15px; cursor:pointer}
.ветка-верх:hover{background:var(--stone-2)}
.стрелка{font-style:normal; color:var(--sand-dim); font-size:11px; width:10px}
.ветка-имя{min-width:0; display:flex; align-items:baseline; gap:9px; flex-wrap:wrap}
.ветка-имя b{font-size:15px; font-weight:600}
.ветка-имя span{flex:1 1 100%; font-size:11.5px; color:var(--sand-dim)}
.ветка-числа{text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums}
.ветка-числа b{font-size:14px; font-weight:600}
.ветка-числа span{display:block; font-size:11px; color:var(--sand-dim)}
.ветка-числа em{display:block; font-style:normal; font-size:11px; margin-top:2px}
.ветка-числа u{text-decoration:none; color:var(--sand)}
.ветка-числа u.кровь{color:var(--rust); font-weight:600}


.ветка-вид{display:flex; gap:3px; padding:3px; border-radius:10px;
  background:var(--inset)}
.сост{padding:6px 11px; border-radius:8px; font-size:11.5px; color:var(--sand-dim);
  white-space:nowrap; transition:background .12s, color .12s}
.сост:hover{color:var(--cream)}
.сост.on{background:var(--seam-2); color:var(--cream); font-weight:600}
.ветка.с-продаём .сост.on{background:color-mix(in oklab, var(--pos) 18%, transparent); color:var(--ore)}
.ветка.с-скоро .сост.on{background:color-mix(in oklab, var(--warn) 16%, transparent); color:var(--warn)}
.ветка.с-убрана .сост.on{background:color-mix(in oklab, var(--neg) 16%, transparent); color:var(--rust)}

.ветки{border-top:1px solid var(--seam); padding:6px 15px 13px 38px; display:grid; gap:2px}
.лист{display:grid; grid-template-columns:minmax(140px, 1.6fr) auto auto;
  align-items:center; gap:8px 14px; padding:9px 11px; border-radius:10px}
.лист:hover{background:var(--inset)}
.лист.скрыт{opacity:.5}
.лист-имя b{font-size:13.5px; font-weight:600}
.лист-имя span{display:block; font-size:11px; color:var(--sand-dim); margin-top:1px}
.лист-имя u{text-decoration:none}
.лист-имя u.кровь{color:var(--rust)}
.лист-числа{text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums}
.лист-числа b{font-size:13px; font-weight:600}
.лист-числа span{display:block; font-size:10.5px; color:var(--sand-dim)}
.лист-кнопки{display:flex; align-items:center; gap:8px}


.переключ{display:inline-flex; align-items:center; gap:8px; padding:5px 11px 5px 6px;
  border-radius:20px; background:var(--inset); border:1px solid var(--seam-2);
  font-size:11.5px; color:var(--sand-dim); white-space:nowrap}
.переключ i{width:30px; height:17px; border-radius:9px; background:var(--seam-2);
  position:relative; transition:background .15s}
.переключ i::after{content:''; position:absolute; top:2px; left:2px;
  width:13px; height:13px; border-radius:50%; background:var(--sand-dim);
  transition:transform .15s, background .15s}
.переключ.on{color:var(--ore); border-color:color-mix(in oklab, var(--pos) 35%, transparent)}
.переключ.on i{background:color-mix(in oklab, var(--pos) 35%, transparent)}
.переключ.on i::after{transform:translateX(13px); background:var(--ore)}

@media (max-width: 720px){
  .ветка-верх{grid-template-columns:auto 1fr; gap:8px 10px}
  .ветка-числа{grid-column:2; text-align:left}
  .ветка-вид{grid-column:1 / -1; justify-content:stretch}
  .ветка-вид .сост{flex:1; text-align:center}
  .ветки{padding-left:15px}
  .лист{grid-template-columns:1fr auto}
  .лист-кнопки{grid-column:1 / -1; justify-content:flex-end}
}



.сверка{display:grid; gap:14px}
.сверка-куча{padding:13px 15px; border-radius:13px; background:var(--inset);
  border:1px solid var(--seam); border-left-width:3px;
  border-left-color:var(--sand-dim)}
.сверка-куча.беда{border-left-color:var(--rust)}
.сверка-верх{display:flex; align-items:baseline; justify-content:space-between;
  gap:12px; flex-wrap:wrap}
.сверка-верх b{font-size:14px}
.сверка-куча.беда .сверка-верх b{color:var(--rust)}
.сверка-верх u{text-decoration:none; font-size:12px; color:var(--sand);
  font-variant-numeric:tabular-nums}
.сверка-куча>p{margin:5px 0 10px; font-size:11.5px; color:var(--sand-dim);
  line-height:1.55; max-width:78ch}
.сверка-куча table{width:100%}
.сверка-куча .dim{font-size:11px}



.черновик{position:sticky; bottom:0; z-index:6; margin:16px -18px -18px;
  padding:14px 18px; border-top:1px solid var(--lamp);
  background:linear-gradient(180deg, var(--panel), var(--deep));
  backdrop-filter:blur(8px); border-radius:0 0 18px 18px}
.черновик[hidden]{display:none}
.черновик-верх{display:flex; align-items:baseline; gap:12px; flex-wrap:wrap}
.черновик-верх b{font-size:14px; color:var(--lamp)}
.черновик-верх span{font-size:12px; color:var(--sand-dim)}
.черновик-список{list-style:none; margin:10px 0 0; padding:0; display:grid; gap:4px;
  max-height:180px; overflow-y:auto}
.черновик-список li{display:flex; align-items:baseline; gap:8px; flex-wrap:wrap;
  font-size:12px; padding:4px 9px; border-radius:8px; background:var(--inset)}
.черновик-список b{font-weight:600}
.черновик-список span{color:var(--sand-dim)}
.черновик-список u{text-decoration:none; font-size:11px; color:var(--sand-dim)}
.черновик-список .прячем b{color:var(--rust)}
.черновик-список .вернём b{color:var(--ore)}

.черновик-цена{margin:10px 0 0; font-size:11.5px; color:var(--sand-dim);
  line-height:1.55; max-width:80ch}
.черновик-цена b{color:var(--rust)}
.черновик-низ{display:flex; align-items:center; gap:10px; margin-top:12px}
.черновик-низ .gold{margin-left:auto}
.черновик-ответ{margin:10px 0 0; font-size:12.5px}
.черновик-ответ.плохо{color:var(--rust)}
.черновик-готово{display:flex; align-items:center; gap:12px; flex-wrap:wrap}
.черновик-готово b{color:var(--ore); font-size:13.5px}
.черновик-готово span{flex:1 1 320px; font-size:11.5px; color:var(--sand-dim);
  line-height:1.55}


.ветка.правлена,.лист.правлена{outline:1px solid color-mix(in oklab, var(--warn) 45%, transparent);
  outline-offset:-1px}
.не-сохр{font-style:normal; font-size:10.5px; color:var(--lamp);
  padding:1px 6px; border-radius:6px; background:color-mix(in oklab, var(--warn) 13%, transparent);
  white-space:nowrap}



.спарк{display:block; width:100%; height:26px; margin:6px 0 2px; overflow:visible}
.спарк path{fill:none; stroke:var(--sand-dim); stroke-width:1.6;
  stroke-linejoin:round; stroke-linecap:round; vector-effect:non-scaling-stroke}
.спарк circle{fill:var(--ore)}
.tile.good .спарк path{stroke:color-mix(in oklab, var(--pos) 50%, transparent)}
.tile.bad .спарк path{stroke:color-mix(in oklab, var(--neg) 50%, transparent)}
.tile.bad .спарк circle{fill:var(--rust)}


.гонка-холст{width:100%; height:auto; display:block}
.гонка-холст .сеть{stroke:var(--seam); stroke-width:1; vector-effect:non-scaling-stroke}
.гонка-холст .подпись{fill:var(--sand-dim); font-size:9px}
.гонка-холст .ось{fill:var(--sand-dim); font-size:9px; text-anchor:middle}

.гонка-холст .было{fill:none; stroke:var(--sand-dim); stroke-width:1.8;
  stroke-dasharray:none; opacity:.55; vector-effect:non-scaling-stroke}
.гонка-холст .стало{fill:none; stroke:var(--ore); stroke-width:2.4;
  stroke-linejoin:round; stroke-linecap:round; vector-effect:non-scaling-stroke}
.гонка-холст .точка{fill:var(--ore)}
.гонка-холст .метка-день{stroke:var(--seam-2); stroke-width:1;
  vector-effect:non-scaling-stroke}
.гонка-ключ{display:flex; flex-wrap:wrap; gap:7px 18px; margin-top:10px;
  font-size:11.5px; color:var(--sand-dim)}
.гонка-ключ span{display:inline-flex; align-items:center; gap:7px}
.гонка-ключ i{width:14px; height:3px; border-radius:2px}
.к-стало{background:var(--ore)}
.к-было{background:var(--sand-dim); opacity:.55}



.полки{display:grid; gap:4px}
.полка-стр{display:grid; grid-template-columns:minmax(110px, auto) 1fr auto;
  align-items:center; gap:12px; padding:7px 11px; border-radius:10px}
.полка-стр:hover{background:var(--stone-2)}
.полка-стр.середина{background:color-mix(in oklab, var(--warn) 7%, transparent)}
.полка-имя{font-size:12.5px; color:var(--sand); white-space:nowrap;
  font-variant-numeric:tabular-nums}
.полка-жёлоб{height:12px; border-radius:6px; background:var(--inset)}
.полка-жёлоб i{display:block; height:100%; border-radius:6px; background:var(--sand-dim)}
.полка-стр.середина .полка-жёлоб i{background:var(--lamp)}
.полка-числа{text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums}
.полка-числа b{font-size:13px; font-weight:600}
.полка-числа span{display:block; font-size:10.5px; color:var(--sand-dim)}



.малые{display:grid; grid-template-columns:repeat(auto-fit, minmax(190px, 1fr));
  gap:12px}
.малый{padding:12px 13px; border-radius:12px; background:var(--inset);
  border:1px solid var(--seam)}
.малый-верх{display:flex; align-items:baseline; justify-content:space-between;
  gap:8px; margin-bottom:9px}
.малый-верх b{font-size:13px; font-weight:600; overflow:hidden;
  text-overflow:ellipsis; white-space:nowrap}
.малый-верх u{text-decoration:none; font-size:12px; color:var(--sand);
  font-variant-numeric:tabular-nums; white-space:nowrap}
.малый-график{display:flex; align-items:flex-end; gap:2px; height:44px}
.малый-график i{flex:1; border-radius:2px 2px 0 0; background:var(--seam-2);
  min-height:2px}
.малый-график i.край{background:var(--ore)}
.малый-низ{display:flex; align-items:baseline; justify-content:space-between;
  gap:8px; margin-top:8px; font-size:10.5px; color:var(--sand-dim)}
.малый-низ em{font-style:normal; font-weight:600}

@media (max-width: 720px){
  .полка-стр{grid-template-columns:1fr auto; gap:5px 10px}
  .полка-жёлоб{grid-column:1 / -1; order:3}
}

.малый-график i.идёт{background:color-mix(in oklab, var(--warn) 28%, transparent)}



.вопросы-список{display:flex; flex-direction:column; gap:12px}
.вопрос{display:flex; flex-direction:column; gap:10px; padding:14px; border-radius:14px;
  background:var(--inset); border:1px solid var(--seam)}
.вопрос.новый{border-color:color-mix(in oklab, var(--lamp) 40%, var(--seam))}
.вопрос-шапка{display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px;
  font-size:12.5px; color:var(--sand-dim)}
.вопрос-шапка label{display:flex; align-items:center; gap:7px}
.вопрос-шапка label.check{align-self:auto}
.вопрос-шапка select{max-width:260px; padding:6px 9px; font-size:12.5px}
.вопрос-шапка input[type=number]{width:76px; padding:6px 8px; font-size:12.5px}
.вопрос input[name=q],.вопрос textarea{width:100%; padding:9px 11px; border-radius:10px;
  font-size:14px}
.вопрос textarea{min-height:84px; resize:vertical; line-height:1.5}
.вопрос-низ{display:flex; align-items:center; gap:10px; flex-wrap:wrap}
.вопрос-низ .say{margin-left:auto}

.состав{border-radius:14px; background:var(--inset); border:1px solid var(--seam)}
.состав-шапка{display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,2fr) auto auto;
  align-items:center; gap:8px 16px; padding:12px 14px}
.состав-шапка b{display:block; font-size:14px}
.состав .где{display:block; font-size:12px; color:var(--sand-dim)}
.состав-итог{font-size:13px; color:var(--sand); font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere}
.состав-итог.пусто{color:var(--sand-dim)}
.состав-ред{display:flex; flex-direction:column; gap:10px; padding:0 14px 14px}
.состав-ряды{display:grid; grid-template-columns:150px minmax(0,1fr); gap:6px 10px}
.состав-ряды input{padding:7px 10px; font-size:13.5px; border-radius:9px}
.состав-дата{display:flex; align-items:center; gap:8px; font-size:12.5px; color:var(--sand-dim)}
.состав-дата input{padding:6px 9px; font-size:12.5px}

@media (max-width: 720px){
  .состав-шапка{grid-template-columns:1fr auto}
  .состав-итог{grid-column:1 / -1; order:3}
  .состав-ряды{grid-template-columns:110px minmax(0,1fr)}
}

#refresh svg,#exit svg{display:none; width:18px; height:18px; stroke:currentColor; fill:none;
  stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round}


.chip{min-height:36px}
.pill{font-weight:500}
@media (pointer: coarse), (max-width: 760px){
  .chip,.chip.small,.ghost.small,.gold.small,.стр-кнопка,summary{min-height:40px}
  .ghost.small,.gold.small{padding-inline:14px}
}
@media (max-width: 760px){
  
  .pult-top{gap:8px}
  .top-right{display:contents}
  .brand b{font-size:13px; letter-spacing:.14em}
  #themeBtn{order:1; margin-left:auto}
  #curSwitch{order:2}
  #refresh{order:3}
  #exit{order:4}
  #refresh,#exit{width:40px; padding:0}
  #refresh .т,#exit .т{display:none}
  #refresh svg,#exit svg{display:block}
  .find{order:5; flex:1 1 100%; min-width:0; max-width:none}
  body.ужато .find{order:0}
  .tile b{font-size:22px}
  th,td{padding-inline:6px}
  table{font-size:13px}
}
@media (prefers-reduced-motion: reduce){
  *{transition:none !important; animation:none !important}
}

.tile > span{display:flex; flex-wrap:wrap; align-items:center; gap:2px 8px}
.tile > span .сост{white-space:normal}


.ставки label.широкий{flex:1 1 220px}
.ставки label.широкий input{width:100%}

#refundTable td span.dim{display:block; font-size:11px}


body{font-size:16px; line-height:1.5; font-family:var(--kb-font)}
.пульт-v16{max-width:1520px; padding:0 32px 64px; min-width:0}
.пульт-v16 [hidden],.sheet [hidden],.crm-drawer[hidden]{display:none !important}
.пульт-v16 #body:not([hidden]){display:block; padding-top:0; min-width:0}
.пульт-v16 .pult-top{margin:0; padding:20px 0; gap:16px; border:0; min-width:0;
  background:color-mix(in oklab,var(--kb-page) 92%,transparent)}
.пульт-v16 .brand{gap:12px; min-height:48px}
.пульт-v16 .brand svg{width:34px; height:34px; padding:7px; border-radius:50%;
  color:var(--kb-on-lime); background:var(--kb-lime)}
.пульт-v16 .brand b{font-size:19px; letter-spacing:-.04em}
.пульт-v16 .brand span{font-size:13px; max-width:200px; color:var(--kb-ink-3)}
.пульт-v16 .top-right{display:flex; gap:8px; align-items:center}
.пульт-v16 .freshness{font-size:13px; color:var(--kb-ink-3)}
.пульт-v16 .find{min-height:48px; min-width:0; flex:1 1 260px; max-width:400px;
  border:0; border-radius:999px; padding:0 18px; background:var(--kb-card)}
.пульт-v16 .find input{font-size:15px; min-height:48px; padding:0; background:none}
.пульт-v16 .find svg{width:19px; height:19px}
.пульт-v16 .find-x{min-height:28px; width:28px; background:var(--kb-soft)}
.пульт-v16 :is(.ghost,.gold,.chip,.стр-кнопка){min-height:48px; border-radius:999px;
  padding:10px 18px; font-size:15px; font-weight:500; border:0; line-height:1.3;
  transition:background-color .18s var(--kb-ease),color .18s var(--kb-ease)}
.пульт-v16 :is(.ghost,.chip,.стр-кнопка){background:var(--kb-soft); color:var(--kb-ink)}
.пульт-v16 .top-right .ghost{background:var(--kb-card)}
.пульт-v16 :is(.ghost,.chip,.стр-кнопка):hover{background:var(--kb-soft-2)}
.пульт-v16 .gold{background:var(--kb-blue); color:var(--kb-on-blue)}
.пульт-v16 .gold:hover{background:var(--kb-blue-hover)}
.пульт-v16 .chip.on{background:var(--kb-black); color:var(--kb-on-black)}
.пульт-v16 :is(.ghost.валюта,.ghost.theme){width:48px; padding:0; font-size:18px}
.пульт-v16 .ghost.theme svg{width:21px; height:21px}
.пульт-v16 .ghost.валюта.on{background:var(--kb-black); color:var(--kb-on-black)}
.пульт-v16 #body > .pult-tabs{position:sticky; top:var(--шапка,88px); z-index:15; display:flex;
  flex-direction:row; flex-wrap:wrap; width:fit-content; max-width:100%; margin:0 0 28px; padding:6px;
  gap:3px; overflow:visible; border-radius:30px; background:var(--kb-card)}
.пульт-v16 #body > .pult-tabs button{min-height:44px; padding:10px 18px; border:0; border-radius:999px;
  background:none; font-size:15px; font-weight:500; color:var(--kb-ink-2); text-align:center}
.пульт-v16 #body > .pult-tabs button:hover{background:var(--kb-soft); color:var(--kb-ink)}
.пульт-v16 #body > .pult-tabs button.on{background:var(--kb-black); color:var(--kb-on-black)}
.пульт-v16 .пульт-заголовок{display:flex; justify-content:space-between; align-items:center; gap:20px;
  margin-bottom:28px; min-width:0}
.пульт-v16 .пульт-надпись{display:block; color:var(--kb-ink-3); font-size:13px; margin-bottom:8px}
.пульт-v16 h1{font-size:36px; line-height:1.1; letter-spacing:-.035em; margin:0; font-weight:650}
.пульт-v16 .пульт-заголовок p{margin:9px 0 0; color:var(--kb-ink-3); font-size:15px}
.пульт-v16 .пульт-метка{display:flex; align-items:center; gap:8px; padding:10px 16px; border-radius:999px;
  background:var(--kb-card); color:var(--kb-ink-2); font-size:14px; white-space:nowrap}
.пульт-v16 .пульт-метка i{width:7px; height:7px; background:var(--kb-lime-text); border-radius:50%}
.пульт-v16 .tabpage{min-width:0}
.пульт-v16 .card{padding:26px; margin-bottom:20px; border:0; border-radius:24px; background:var(--kb-card); min-width:0}
.пульт-v16 .card-head{gap:12px; align-items:flex-start; margin-bottom:24px}
.пульт-v16 .card-head h2{font-size:20px; line-height:1.3; font-weight:600; letter-spacing:-.025em}
.пульт-v16 .card-head .hint{font-size:14px; flex:1 1 220px; color:var(--kb-ink-3); line-height:1.5}
.пульт-v16 .card-tools{gap:10px; align-items:center}
.пульт-v16 .chips{gap:6px; flex-wrap:wrap; margin-bottom:20px}
.пульт-v16 .card-head .chips{margin:0}
.пульт-v16 :is(input:not([type=checkbox],[type=radio]),select,textarea),
.sheet-card :is(input:not([type=checkbox],[type=radio]),select,textarea){min-height:48px; padding:12px 16px;
  border-radius:14px; font-size:15px; background:var(--kb-soft); border:1px solid transparent; max-width:100%; min-width:0}
.пульт-v16 :is(input,select,textarea):focus,.sheet-card :is(input,select,textarea):focus{border-color:var(--kb-blue)}
.пульт-v16 .find input{background:none; border:0; padding:0; border-radius:0}
.пульт-v16 .empty{font-size:15px; padding:32px 16px; line-height:1.6; color:var(--kb-ink-3)}
.пульт-v16 .locked{padding:36px; border:0; border-radius:24px}
.пульт-v16 .locked b{font-size:26px; letter-spacing:-.025em}
.пульт-v16 .locked p{font-size:16px}
@media(max-width:1100px){
  .пульт-v16 .freshness{display:none}
  .пульт-v16 .brand span{max-width:170px}
}
@media(max-width:760px){
  .пульт-v16{padding:0 16px 40px}
  .пульт-v16 .pult-top{gap:12px; padding:14px 0}
  .пульт-v16 .top-right{display:contents}
  .пульт-v16 .brand{gap:8px; flex:1; min-width:0}
  .пульт-v16 .brand b{font-size:18px}
  .пульт-v16 .brand span{display:none}
  .пульт-v16 #themeBtn{order:1; margin-left:auto}
  .пульт-v16 #curSwitch{order:2}
  .пульт-v16 #refresh{order:3}
  .пульт-v16 #exit{order:4}
  .пульт-v16 :is(#refresh,#exit){width:44px; min-height:44px; padding:0}
  .пульт-v16 :is(#themeBtn,#curSwitch){width:44px; min-height:44px}
  .пульт-v16 .find{order:5; flex-basis:100%; max-width:none}
  .пульт-v16 #body > .pult-tabs{gap:2px; margin-bottom:22px; border-radius:24px; width:100%; padding:6px}
  .пульт-v16 #body > .pult-tabs button{flex:1 0 auto; min-height:44px; padding:9px 12px; font-size:15px}
  .пульт-v16 .пульт-заголовок{margin-bottom:22px; gap:12px}
  .пульт-v16 h1{font-size:30px}
  .пульт-v16 .пульт-метка{display:none}
  .пульт-v16 .card{padding:22px 18px; margin-bottom:16px}
  .пульт-v16 .card-head{gap:12px; margin-bottom:20px}
  .пульт-v16 .card-head h2{font-size:19px}
  .пульт-v16 .card-head .hint{flex-basis:100%}
  .пульт-v16 .card-tools{margin-left:0; width:100%; min-width:0}
  .пульт-v16 .card-tools > select{flex:1; width:auto; min-width:0}
  .пульт-v16 .chips{gap:6px}
  .пульт-v16 .chips .chip{flex:1 1 auto; white-space:normal}
  body.ужато .пульт-v16 .brand{display:flex}
  body.ужато .пульт-v16 .pult-top{padding:10px 0}
}


.пульт-v16 .tiles{grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-bottom:20px}
.пульт-v16 .tile{position:relative; padding:24px; min-width:0; border:0; border-radius:24px;
  background:var(--kb-card); display:flex; flex-direction:column; gap:12px}
.пульт-v16 .tile > span{display:flex; align-items:center; gap:10px; margin:0; font-size:14px; color:var(--kb-ink-3)}
.пульт-v16 .пульт-медальон{display:grid; place-items:center; flex:none; width:36px; height:36px; border-radius:50%;
  background:var(--kb-soft); color:var(--kb-blue)}
.пульт-v16 .пульт-медальон svg{width:18px; height:18px; stroke:currentColor; fill:none; stroke-width:1.8;
  stroke-linejoin:round; stroke-linecap:round}
.пульт-v16 .tile > b{font:650 32px/1.1 var(--kb-font); letter-spacing:-.035em; overflow-wrap:anywhere}
.пульт-v16 .tile > em{font-size:14px; margin:0; color:var(--kb-ink-3); line-height:1.5}
.пульт-v16 .tile > .спарк{height:42px; margin:0}
.пульт-v16 .tile .сост{font-size:12px; border-radius:999px; margin-left:auto; padding:4px 8px; background:var(--kb-soft)}
.пульт-v16 #tiles .tile:first-child{grid-column:span 2; background:var(--kb-blue); color:var(--kb-on-blue)}
.пульт-v16 #tiles .tile:first-child > b{font-size:56px; color:var(--kb-on-blue)}
.пульт-v16 #tiles .tile:first-child :is(span,em,.вторая,u){color:color-mix(in oklab,var(--kb-on-blue) 80%,transparent)}
.пульт-v16 #tiles .tile:first-child .пульт-медальон{background:color-mix(in oklab,var(--kb-on-blue) 16%,transparent); color:var(--kb-on-blue)}
.пульт-v16 #tiles .tile:first-child .спарк path{stroke:var(--kb-on-blue); opacity:.65}
.пульт-v16 #tiles .tile:first-child .спарк circle{fill:var(--kb-lime)}
.пульт-v16 [data-page=money].show{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px}
.пульт-v16 [data-page=money] > :is(.chips,.tiles,.card){grid-column:1/-1; margin-bottom:0}
.пульт-v16 [data-page=money] > :is(.пульт-маржа,.пульт-воронка){grid-column:span 1}
.пульт-v16 .каскад{display:grid; gap:14px}
.пульт-v16 .шаг{padding:12px 0; gap:12px; border:0}
.пульт-v16 .шаг-имя{font-size:15px}
.пульт-v16 .шаг-имя span{font-size:14px; margin-top:4px}
.пульт-v16 .шаг-сумма{font-size:20px; letter-spacing:-.025em}
.пульт-v16 .шаг-сумма em{font-size:14px}
.пульт-v16 .шаг-полоса{height:10px; border-radius:999px; background:var(--kb-soft)}
.пульт-v16 .шаг-полоса i{border-radius:999px; background:var(--kb-blue)}
.пульт-v16 .делёж:not(:empty){margin-top:24px; padding:24px; border:0; border-radius:20px; background:var(--kb-hero); color:var(--kb-hero-ink)}
.пульт-v16 .пульт-кольцо-итог{display:flex; align-items:center; gap:24px; margin-bottom:24px}
.пульт-v16 .пульт-кольцо-итог svg{width:112px; height:112px; flex:none}
.пульт-v16 .пульт-кольцо-итог text{font:600 20px var(--kb-font); fill:var(--kb-hero-ink)}
.пульт-v16 .пульт-кольцо-итог div{display:flex; flex-direction:column; gap:6px; min-width:0}
.пульт-v16 .пульт-кольцо-итог span,.пульт-v16 .пульт-кольцо-итог small{font-size:14px; color:var(--kb-hero-ink-2)}
.пульт-v16 .пульт-кольцо-итог b{font-size:40px; letter-spacing:-.035em; line-height:1.15; overflow-wrap:anywhere}
.пульт-v16 .делёж-полоса{height:10px; border-radius:999px; overflow:hidden}
.пульт-v16 .делёж .моя{background:var(--kb-lime)}
.пульт-v16 .делёж .его{background:var(--kb-blue)}
.пульт-v16 .делёж-ключ{gap:16px; font-size:15px}
.пульт-v16 .делёж-ключ span{color:var(--kb-hero-ink-2)}
.пульт-v16 .делёж-ключ b{font-size:20px; color:var(--kb-hero-ink)}
.пульт-v16 .кассы{margin-top:24px}
.пульт-v16 .касса-стр{padding:16px 0; gap:12px}
.пульт-v16 .касса-имя{font-size:15px}
.пульт-v16 .касса-имя u,.пульт-v16 .касса-счёт{font-size:14px}
.пульт-v16 .касса-сумма{font-size:18px}
.пульт-v16 .меры{display:grid; grid-template-columns:1fr; gap:22px}
.пульт-v16 .мера{padding:0; background:none; border:0}
.пульт-v16 .мера-верх b{font-size:15px}
.пульт-v16 .мера-верх u{font-size:26px; font-weight:600; letter-spacing:-.03em}
.пульт-v16 .мера-жёлоб{height:9px; border-radius:999px; background:var(--kb-soft)}
.пульт-v16 .мера p{font-size:14px; margin-top:8px}
.пульт-v16 .funnel{display:grid; grid-template-columns:1fr; gap:10px}
.пульт-v16 .step{display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 18px; border:0;
  border-radius:16px; background:var(--kb-soft); min-width:0; text-align:left}
.пульт-v16 .step b{font-size:30px; font-weight:600; letter-spacing:-.025em}
.пульт-v16 .step span{font-size:15px; color:var(--kb-ink-2)}
.пульт-v16 .arrow{display:flex; justify-content:space-between; align-items:center; gap:12px; padding:2px 18px; min-width:0}
.пульт-v16 .arrow i{font-size:16px; font-style:normal; color:var(--kb-ink)}
.пульт-v16 .arrow u{font-size:14px; text-decoration:none}
.пульт-v16 #chart{height:280px; display:block; padding:0; overflow:visible}
.пульт-v16 .пульт-холст{display:block; width:100%; height:280px; overflow:visible}
.пульт-v16 .пульт-сетка{stroke:var(--kb-line); stroke-width:1; stroke-dasharray:3 6}
.пульт-v16 .пульт-линия{stroke:var(--kb-blue); stroke-opacity:.4; stroke-width:2; fill:none; stroke-linejoin:round; stroke-linecap:round}
.пульт-v16 .пульт-столбец{outline:none}
.пульт-v16 .пульт-столбец:hover rect:first-of-type,.пульт-v16 .пульт-столбец:focus-visible rect:first-of-type{fill:var(--kb-blue-2)}
.пульт-v16 .пульт-ось{font-size:12px; fill:var(--kb-ink-3); font-family:var(--kb-font)}
.пульт-v16 .chart-верх{font-size:14px; margin-bottom:12px}
.пульт-v16 .chart-foot{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:20px; padding-top:20px}
.пульт-v16 .chart-foot > span{font-size:14px; line-height:1.6; min-width:0}
.пульт-v16 .chart-foot b{display:block; font-size:22px; letter-spacing:-.03em}
.пульт-v16 .гонка-холст{min-height:240px}
.пульт-v16 .гонка-холст .стало{stroke:var(--kb-blue); stroke-width:3}
.пульт-v16 .гонка-холст .точка{fill:var(--kb-blue)}
.пульт-v16 .гонка-ключ{font-size:14px; gap:12px 24px}
.пульт-v16 .малые{grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px}
.пульт-v16 .малый{padding:20px; border:0; border-radius:18px; background:var(--kb-soft)}
.пульт-v16 .малый-верх b{font-size:16px}
.пульт-v16 .малый-верх u{font-size:15px}
.пульт-v16 .малый-график{height:80px; gap:4px}
.пульт-v16 .малый-график i{background:var(--kb-blue-2); border-radius:4px 4px 2px 2px}
.пульт-v16 .малый-график i.край{background:var(--kb-blue)}
.пульт-v16 .малый-низ{font-size:14px; margin-top:12px}
.пульт-v16 .полка-стр{padding:14px 0; gap:16px}
.пульт-v16 .полка-имя,.пульт-v16 .полка-числа b{font-size:15px}
.пульт-v16 .полка-числа span{font-size:14px}
.пульт-v16 .полка-жёлоб{height:10px; background:var(--kb-soft)}
.пульт-v16 .полка-жёлоб i{background:var(--kb-blue-2)}
.пульт-v16 .полка-стр.середина{background:none}
.пульт-v16 .полка-стр.середина .полка-жёлоб i{background:var(--kb-blue)}
.пульт-v16 .полоса-стр{padding:18px 0}
.пульт-v16 .полоса-имя b{font-size:16px}
.пульт-v16 .полоса-имя span,.пульт-v16 .полоса-числа span{font-size:14px}
.пульт-v16 .полоса-числа b{font-size:20px}
.пульт-v16 .жёлоб{height:12px; border-radius:999px; background:var(--kb-blue-soft)}
.пульт-v16 .жёлоб i{background:var(--kb-blue)}
.пульт-v16 .истоки{gap:16px; margin-bottom:24px}
.пульт-v16 .исток{padding:22px; border:0; border-radius:18px; background:var(--kb-soft)}
.пульт-v16 .исток b{font-size:30px; letter-spacing:-.03em}
.пульт-v16 .исток :is(u,em,span){font-size:14px}
.пульт-v16 .молчали{padding:20px; border:0; border-radius:18px; background:var(--kb-soft)}
.пульт-v16 .молчали :is(b,p,em,span){font-size:14px}
@media(max-width:1100px){.пульт-v16 .tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
  .пульт-v16 .tiles{grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px}
  .пульт-v16 .tile{padding:20px 16px}
  .пульт-v16 .tile > b{font-size:32px; white-space:normal}
  .пульт-v16 #tiles .tile:first-child > b{font-size:48px}
  .пульт-v16 .tile > span{flex-wrap:wrap; font-size:14px}
  .пульт-v16 .tile .сост{margin-left:0}
  .пульт-v16 [data-page=money].show{grid-template-columns:minmax(0,1fr); gap:16px}
  .пульт-v16 [data-page=money] > :is(.пульт-маржа,.пульт-воронка){grid-column:1}
  .пульт-v16 .шаг{grid-template-columns:minmax(0,1fr) auto; gap:10px}
  .пульт-v16 .шаг-полоса{grid-column:1/-1; grid-row:2}
  .пульт-v16 .шаг-сумма{font-size:18px; white-space:normal}
  .пульт-v16 .делёж:not(:empty){padding:20px}
  .пульт-v16 .пульт-кольцо-итог{gap:14px; align-items:flex-start}
  .пульт-v16 .пульт-кольцо-итог svg{width:76px; height:76px}
  .пульт-v16 .пульт-кольцо-итог b{font-size:30px}
  .пульт-v16 .делёж-ключ{display:grid; grid-template-columns:1fr; gap:12px}
  .пульт-v16 .делёж-ключ span{flex-wrap:wrap}
  .пульт-v16 .касса-стр{display:flex; flex-wrap:wrap}
  .пульт-v16 .касса-имя{flex-basis:100%}
  .пульт-v16 .касса-сумма{margin-left:auto}
  .пульт-v16 .chart-foot{grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px}
  .пульт-v16 .chart-foot b{font-size:20px; overflow-wrap:anywhere}
  .пульт-v16 .малые{grid-template-columns:minmax(0,1fr)}
  .пульт-v16 .полоса-верх{flex-wrap:wrap; gap:12px}
  .пульт-v16 .полоса-числа{text-align:left}
  .пульт-v16 .истоки{grid-template-columns:minmax(0,1fr)}
}


.пульт-v16 .scroll{max-width:100%; min-width:0}
.пульт-v16 table{width:100%; min-width:0; table-layout:fixed; font-size:15px}
.пульт-v16 :is(th,td){padding:16px 12px; white-space:normal; overflow-wrap:anywhere; min-width:0}
.пульт-v16 th{font-size:14px; font-weight:500; text-transform:none; letter-spacing:0; color:var(--kb-ink-3)}
.пульт-v16 td b{font-weight:600}
.пульт-v16 td :is(.dim,.где,.арт,.маржа){font-size:14px; white-space:normal; overflow-wrap:anywhere}
.пульт-v16 .pill{display:inline-flex; align-items:center; gap:8px; padding:7px 12px; border:0;
  border-radius:999px; font-size:14px; font-weight:500; background:var(--kb-soft); color:var(--kb-ink-2); white-space:normal}
.пульт-v16 .pill::before{content:''; width:6px; height:6px; border-radius:50%; background:currentColor; flex:none}
.пульт-v16 .pill.s-done{background:var(--kb-green-bg); color:var(--kb-green)}
.пульт-v16 .pill.s-failed{background:var(--kb-red-bg); color:var(--kb-red)}
.пульт-v16 :is(.pill.s-paid,.pill.s-issuing){background:var(--kb-blue-soft); color:var(--kb-blue-text)}
.пульт-v16 .levels{display:grid; gap:16px}
.пульт-v16 .lvl{padding:18px; border:0; border-radius:16px; background:var(--kb-soft); gap:16px}
.пульт-v16 .lvl :is(span,em,u){font-size:14px}
.пульт-v16 .lvl b{font-size:18px}
.пульт-v16 .когорты{display:grid; grid-template-columns:repeat(auto-fit,minmax(80px,1fr)); gap:20px; overflow:visible}
.пульт-v16 .когорта{min-width:0; gap:8px; padding:14px 8px; background:var(--kb-soft); border-radius:16px}
.пульт-v16 .когорта-полоса{height:140px}
.пульт-v16 .когорта-полоса :is(i,u){width:18px; border-radius:8px 8px 4px 4px}
.пульт-v16 .когорта-полоса i{background:var(--kb-blue)}
.пульт-v16 .когорта-полоса u{background:var(--kb-lime); opacity:1}
.пульт-v16 .когорта b{font-size:24px; letter-spacing:-.025em}
.пульт-v16 .когорта :is(span,em){font-size:14px}
.пульт-v16 :is(.когорты-ключ,.когорты-низ){font-size:14px; line-height:1.6; margin-top:20px}
.пульт-v16 .когорты-ключ i{background:var(--kb-blue)}
.пульт-v16 .когорты-ключ u{background:var(--kb-lime); opacity:1}
.пульт-v16 .доля-в{min-width:0}
@media(max-width:760px){
  .пульт-v16 .scroll{overflow:visible}
  .пульт-v16 table.таблица-карточки,
  .пульт-v16 table.таблица-карточки > tbody{display:block; width:100%}
  .пульт-v16 table.таблица-карточки > thead{position:absolute; width:1px; height:1px; padding:0;
    overflow:hidden; clip-path:inset(50%); white-space:nowrap}
  .пульт-v16 table.таблица-карточки > tbody > tr{display:grid; grid-template-columns:minmax(0,1fr);
    width:100%; margin-bottom:14px; padding:12px 16px; border:0; border-radius:18px; background:var(--kb-soft)}
  .пульт-v16 table.таблица-карточки > tbody > tr > td{display:block; width:100%; min-width:0; max-width:none;
    padding:12px 0; border:0; border-bottom:1px solid var(--kb-line); font-size:15px; text-align:left;
    white-space:normal; overflow-wrap:anywhere; box-shadow:none}
  .пульт-v16 table.таблица-карточки > tbody > tr > td::before{content:attr(data-колонка); display:block;
    margin-bottom:6px; font-size:14px; font-weight:400; color:var(--kb-ink-3); text-align:left}
  .пульт-v16 table.таблица-карточки > tbody > tr > td:last-child{border-bottom:0}
  .пульт-v16 table.таблица-карточки > tbody > tr > td:is([colspan],:not([data-колонка]),[data-колонка=""])::before{display:none}
  .пульт-v16 table.таблица-карточки > tbody > tr > td.узко{display:block}
  .пульт-v16 .узко:not(td,th){display:block}
  .пульт-v16 .когорты{grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px}
  .пульт-v16 .когорта{padding:12px 6px}
  .пульт-v16 .lvl{grid-template-columns:minmax(0,1fr) auto; padding:16px; gap:12px}
  .пульт-v16 .lvl > :nth-child(2){grid-column:1/-1; grid-row:2}
  .пульт-v16 :is(.действия,.разбор-кнопки){display:flex; gap:8px; flex-wrap:wrap; white-space:normal}
  .пульт-v16 .действия button + button{margin-left:0}
  .пульт-v16 :is(.действия,.разбор-кнопки) button{flex:1 1 auto; white-space:normal}
  body.ужато .пульт-v16 :is(#refresh,#exit){display:inline-flex}
}


.пульт-v16 :is(.как-вводить,.закупка){padding:20px; border:0; border-radius:18px;
  background:var(--kb-soft); margin-bottom:20px; font-size:15px; max-width:none}
.пульт-v16 .закупка{gap:18px 24px}
.пульт-v16 .закупка :is(span,em){font-size:14px; text-transform:none; letter-spacing:0}
.пульт-v16 .закупка input{font-size:16px; width:260px}
.пульт-v16 .приёмка{gap:14px}
.пульт-v16 .стр{padding:20px; gap:16px; border:0; border-radius:18px; background:var(--kb-soft);
  grid-template-columns:minmax(160px,1fr) auto minmax(200px,2fr) auto}
.пульт-v16 .стр-имя b{font-size:16px}
.пульт-v16 .стр-имя :is(span,.где,.арт){font-size:14px; margin-top:5px}
.пульт-v16 .стр-склад{font-size:14px; white-space:normal}
.пульт-v16 .стр textarea{min-height:64px; padding:14px; font-size:15px; border-radius:14px; background:var(--kb-card)}
.пульт-v16 .стр-цена{gap:8px}
.пульт-v16 .стр-цена input{width:130px; font-size:16px; background:var(--kb-card)}
.пульт-v16 .стр-цена input::placeholder,.пульт-v16 .стр-цена u{font-size:14px}
.пульт-v16 :is(.стр-итог,.закупка-итог){font-size:14px; line-height:1.6}
.пульт-v16 .приёмка-низ{gap:16px; padding-top:20px; font-size:15px}
.пульт-v16 .итог-приёмки{padding:20px; border:0; border-radius:18px; font-size:15px}
.пульт-v16 :is(.лента li,.отсев,.завоз,.закупить-итог){font-size:15px; line-height:1.6}
.пульт-v16 :is(.сторож,.ставки,.пересчёт){gap:16px; padding:20px; border:0; border-radius:18px; background:var(--kb-soft)}
.пульт-v16 :is(.сторож,.ставки,.пересчёт) label{font-size:15px; gap:8px; min-width:0}
.пульт-v16 :is(.сторож,.ставки,.пересчёт) :is(u,em,.dim){font-size:14px}
.пульт-v16 :is(.сторож-низ,.ставки-низ){gap:12px; flex-wrap:wrap}
.пульт-v16 .истоки .исток{min-width:0}
@media(max-width:1000px){
  .пульт-v16 .стр{grid-template-columns:minmax(0,1fr) auto}
  .пульт-v16 .стр textarea,.пульт-v16 .стр-цена,.пульт-v16 .стр-итог{grid-column:1/-1}
  .пульт-v16 .стр-цена input{width:100%}
}
@media(max-width:760px){
  .пульт-v16 .закупка > :is(label,.валюта,em){width:100%; flex-basis:100%}
  .пульт-v16 .закупка input{width:100%}
  .пульт-v16 .стр{padding:18px 14px}
  .пульт-v16 :is(.сторож,.ставки,.пересчёт){display:flex; flex-wrap:wrap; padding:18px 14px}
  .пульт-v16 :is(.сторож,.ставки,.пересчёт) > label{flex:1 1 100%; width:100%}
  .пульт-v16 :is(.сторож,.ставки,.пересчёт) input{width:100%}
}


.пульт-v16 .витрина-обещание{padding:20px; margin-bottom:24px; border:0; border-radius:18px;
  background:var(--kb-soft); color:var(--kb-ink-2); font-size:15px; line-height:1.6; max-width:none}
.пульт-v16 .дерево{gap:14px}
.пульт-v16 .ветка{border:0; border-radius:20px; background:var(--kb-soft); overflow:visible}
.пульт-v16 .ветка.открыта{background:var(--kb-soft)}
.пульт-v16 .ветка-верх{padding:20px; gap:14px; border-radius:20px;
  grid-template-columns:18px minmax(0,1fr) auto auto}
.пульт-v16 .ветка-имя b{font-size:18px; letter-spacing:-.015em}
.пульт-v16 .ветка-имя span,.пульт-v16 .ветка-числа :is(span,em){font-size:14px}
.пульт-v16 .ветка-числа b{font-size:20px}
.пульт-v16 .ветка-вид{padding:4px; gap:4px; background:var(--kb-card); border-radius:999px}
.пульт-v16 .ветка-вид .сост{min-height:48px; padding:12px 16px; border-radius:999px; font-size:14px}
.пульт-v16 .ветка-вид .сост.on{background:var(--kb-black); color:var(--kb-on-black)}
.пульт-v16 .ветки{padding:8px 20px 20px 46px; gap:8px}
.пульт-v16 .лист{padding:16px; gap:14px; background:var(--kb-card); border-radius:16px;
  grid-template-columns:minmax(0,1fr) auto auto}
.пульт-v16 .лист-имя b{font-size:16px}
.пульт-v16 .лист-имя span,.пульт-v16 .лист-числа span{font-size:14px}
.пульт-v16 .лист-числа b{font-size:18px}
.пульт-v16 .переключ{min-height:48px; padding:10px 14px; border:0; border-radius:999px; font-size:14px; background:var(--kb-soft)}
.пульт-v16 .переключ.on{background:var(--kb-blue-soft); color:var(--kb-blue-text)}
.пульт-v16 .черновик{margin:24px -26px -26px; padding:24px 26px; border:0; border-top:1px solid var(--kb-line);
  border-radius:0 0 24px 24px; background:var(--kb-card); box-shadow:0 -8px 32px color-mix(in oklab,var(--kb-ink) 5%,transparent)}
.пульт-v16 .черновик-верх b{font-size:18px}
.пульт-v16 .черновик :is(span,em,li,p,u){font-size:14px; line-height:1.6}
.пульт-v16 .черновик-список{gap:8px; max-height:240px}
.пульт-v16 .черновик-список li{padding:12px 14px; border-radius:14px; background:var(--kb-soft)}
.пульт-v16 .не-сохр{padding:5px 10px; border-radius:999px; font-size:13px; background:var(--kb-amber-bg); color:var(--kb-amber)}
@media(max-width:900px){
  .пульт-v16 .ветка-верх{grid-template-columns:18px minmax(0,1fr) auto}
  .пульт-v16 .ветка-вид{grid-column:2/-1; justify-self:start; max-width:100%; flex-wrap:wrap}
}
@media(max-width:760px){
  .пульт-v16 .ветка-верх{padding:18px 14px; gap:12px}
  .пульт-v16 .ветка-числа{grid-column:2/-1; text-align:left; white-space:normal}
  .пульт-v16 .ветка-вид{grid-column:1/-1; width:100%; justify-content:space-between; border-radius:20px}
  .пульт-v16 .ветка-вид .сост{flex:1; padding-inline:10px; white-space:normal}
  .пульт-v16 .ветки{padding:8px 12px 16px; gap:12px}
  .пульт-v16 .лист{grid-template-columns:minmax(0,1fr); gap:12px}
  .пульт-v16 .лист-числа{text-align:left; white-space:normal}
  .пульт-v16 .лист-кнопки{grid-column:1; justify-content:flex-start; flex-wrap:wrap}
  .пульт-v16 .черновик{margin:20px -18px -22px; padding:20px 18px}
  .пульт-v16 .черновик-низ{flex-wrap:wrap}
  .пульт-v16 .черновик-низ button{flex:1}
}


.пульт-v16 .sheet{padding:24px}
.пульт-v16 .sheet-scrim{background:var(--kb-overlay); backdrop-filter:blur(4px)}
.пульт-v16 #editSheet .sheet-card{width:min(100%,700px); max-height:92dvh; padding:30px; gap:20px;
  background:var(--kb-card); border:0; border-radius:28px; box-shadow:var(--kb-pop)}
.пульт-v16 #editSheet h2{font-size:28px; font-weight:600; letter-spacing:-.03em}
.пульт-v16 #editForm label{font-size:15px; color:var(--kb-ink-2); gap:8px; min-width:0}
.пульт-v16 #editForm .two{gap:18px; grid-template-columns:repeat(2,minmax(0,1fr))}
.пульт-v16 #editForm label.check{align-self:center; padding:0; min-height:48px}
.пульт-v16 #editForm label.check input{width:20px; height:20px; min-height:0; flex:none}
.пульт-v16 #editForm label.check span{font-size:15px}
.пульт-v16 #editForm .hint{font-size:14px; line-height:1.6}
.пульт-v16 #editForm .говорит{padding:18px; border:0; border-radius:16px; font-size:15px; background:var(--kb-soft)}
.пульт-v16 #editForm .sheet-foot{gap:12px; margin-top:6px; padding-top:20px; border-top:1px solid var(--kb-line)}
.пульт-v16 .готово-игра{padding:20px; border:0; border-radius:18px; background:var(--kb-soft); margin-top:12px}
.пульт-v16 .готово-имя b{font-size:18px}
.пульт-v16 .готово-имя span,.пульт-v16 .готово-игра li{font-size:14px; line-height:1.6}
.пульт-v16 .итог{font-size:15px; margin:16px 0; color:var(--kb-ink-3)}
.пульт-v16 .more{padding:20px 0 0; text-align:center}
.пульт-v16 .more button{min-height:48px; padding:12px 24px; border-radius:999px; font-size:15px;
  background:var(--kb-soft); color:var(--kb-ink)}
.пульт-v16 .действия button{min-height:48px; padding:10px 16px; border:0; border-radius:999px; font-size:14px}
.пульт-v16 .маржа{font-size:14px; margin-top:6px}
@media(max-width:760px){
  .пульт-v16 .sheet{padding:10px; align-items:center}
  .пульт-v16 #editSheet .sheet-card{padding:24px 20px; gap:18px; max-height:94dvh; border-radius:24px}
  .пульт-v16 #editForm .two{grid-template-columns:minmax(0,1fr); gap:18px}
  .пульт-v16 #editForm .sheet-foot button{flex:1}
  .пульт-v16 #goodsGame{max-width:100%}
  .пульт-v16 #addGood{white-space:normal}
}


.пульт-v16 #ordTable tbody > tr:not(.разбор):hover{background:var(--kb-soft)}
.пульт-v16 .разбор-в{padding:24px; gap:24px; background:var(--kb-soft); border-radius:18px; font-size:15px}
.пульт-v16 :is(.разбор-слева,.разбор-справа){min-width:0}
.пульт-v16 .разбор-в :is(.загол,.dim,.mono,.время,.история,.попытка){font-size:14px; line-height:1.6; overflow-wrap:anywhere}
.пульт-v16 .разбор-в .загол{font-size:16px; letter-spacing:0; text-transform:none}
.пульт-v16 .разбор-в :is(p,li){font-size:15px; line-height:1.6}
.пульт-v16 .разбор-кнопки{padding-top:18px; border-top:1px solid var(--kb-line); gap:10px}
.пульт-v16 .разбор-кнопки .dim{font-size:14px}
.пульт-v16 #ordTable td .pill{max-width:100%}
.пульт-v16 .долг-низ{padding-top:18px; margin-top:18px; font-size:14px; line-height:1.6; color:var(--kb-ink-3)}
.пульт-v16 #refundMark{margin:20px 0; display:flex; align-items:flex-end; flex-wrap:wrap; gap:16px}
.пульт-v16 #refundMark > label{flex:1 1 160px; min-width:0}
.пульт-v16 #refundMark > label.широкий{flex:2 1 260px}
.пульт-v16 #refundMark input{width:100%}
.пульт-v16 #refundMark .ставки-низ{flex-basis:100%}
.пульт-v16 #refundTable td span.dim{font-size:14px; margin-top:6px}
.пульт-v16 #debtTable .strong{font-size:18px}
.пульт-v16 .разбор-в .say{font-size:15px}
@media(max-width:760px){
  .пульт-v16 .разбор-в{padding:18px 14px; gap:20px}
  .пульт-v16 :is(.разбор-слева,.разбор-справа){flex-basis:100%; width:100%}
  .пульт-v16 #ordChips{display:grid; grid-template-columns:repeat(2,minmax(0,1fr))}
  .пульт-v16 #ordChips .chip{padding:12px 10px; white-space:normal}
  .пульт-v16 #refundMark > label{flex-basis:100%}
  .пульт-v16 #refundMark .ставки-низ button{width:100%}
  .пульт-v16 #ordTable > tbody > tr > td[colspan]{padding:0; background:none}
}


.пульт-v16 .ступени{display:grid; gap:16px}
.пульт-v16 .ступень{padding:14px 0; gap:16px}
.пульт-v16 .ступень span{font-size:15px}
.пульт-v16 .ступень b{font-size:20px}
.пульт-v16 .ступень u{font-size:15px}
.пульт-v16 .ступень-полоса{height:10px; border-radius:999px; background:var(--kb-soft)}
.пульт-v16 .ступень-полоса i{border-radius:999px; background:var(--kb-blue)}
.пульт-v16 .сверка-куча{padding:20px; margin-bottom:16px; border:0; border-radius:18px; background:var(--kb-soft)}
.пульт-v16 .сверка-куча :is(p,.dim){font-size:14px; line-height:1.6}
.пульт-v16 .notes-list p{font-size:15px; line-height:1.7; margin-bottom:18px}
.пульт-v16 #sysNotes{max-width:90ch}
.пульт-v16 #journal td{font-size:14px}
.пульт-v16 #sysTiles .tile :is(span,em){font-size:14px}
.пульт-v16 .say{font-size:15px; line-height:1.6}
@media(max-width:760px){
  .пульт-v16 .ступень{grid-template-columns:minmax(0,1fr) auto; gap:10px}
  .пульт-v16 .ступень-полоса{grid-column:1/-1; grid-row:2}
  .пульт-v16 .ступень u{grid-column:1/-1; text-align:left}
  .пульт-v16 #sysTiles{grid-template-columns:minmax(0,1fr)}
}


.пульт-v16 .вопросы-список{gap:18px}
.пульт-v16 .вопрос{padding:24px; gap:16px; border:0; border-radius:20px; background:var(--kb-soft)}
.пульт-v16 .вопрос.новый{outline:1px solid var(--kb-blue-2); outline-offset:-1px}
.пульт-v16 .вопрос-шапка{gap:12px 18px; font-size:14px}
.пульт-v16 .вопрос-шапка :is(input,select){font-size:15px; min-height:48px; background:var(--kb-card)}
.пульт-v16 .вопрос-шапка input[type=number]{width:100px}
.пульт-v16 .вопрос :is(input[name=q],textarea){font-size:16px; padding:14px 16px; border-radius:14px; background:var(--kb-card)}
.пульт-v16 .вопрос textarea{min-height:120px; line-height:1.6}
.пульт-v16 .вопрос-низ{gap:12px}
.пульт-v16 .вопрос-низ .say{font-size:14px; line-height:1.5}
.пульт-v16 .состав{border:0; border-radius:20px; background:var(--kb-soft)}
.пульт-v16 .состав-шапка{padding:22px; gap:16px; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto}
.пульт-v16 .состав-шапка b{font-size:17px}
.пульт-v16 .состав :is(.где,.состав-дата){font-size:14px; line-height:1.6}
.пульт-v16 .состав-итог{font-size:15px; line-height:1.6}
.пульт-v16 .состав-ред{padding:0 22px 22px; gap:16px}
.пульт-v16 .состав-ряды{gap:12px; grid-template-columns:160px minmax(0,1fr)}
.пульт-v16 .состав-ряды input{font-size:15px; min-height:48px; background:var(--kb-card)}
.пульт-v16 .состав-дата{flex-wrap:wrap; gap:10px}
.пульт-v16 .состав-дата input{font-size:15px; min-height:48px; background:var(--kb-card)}
.пульт-v16 label.check{min-height:48px; font-size:15px}
.пульт-v16 label.check input{width:20px; height:20px; min-height:0; padding:0; flex:none}
@media(max-width:760px){
  .пульт-v16 .вопрос{padding:20px 14px}
  .пульт-v16 .вопрос-шапка label{flex:1 1 100%}
  .пульт-v16 .вопрос-шапка select{width:100%; max-width:none}
  .пульт-v16 .вопрос-низ button{flex:1}
  .пульт-v16 .вопрос-низ .say{flex-basis:100%}
  .пульт-v16 .состав-шапка{grid-template-columns:minmax(0,1fr) auto; padding:20px 14px; gap:14px}
  .пульт-v16 .состав-итог{grid-column:1/-1}
  .пульт-v16 .состав-ред{padding:0 14px 20px}
  .пульт-v16 .состав-ряды{grid-template-columns:100px minmax(0,1fr); gap:10px}
}