/* СУП — общий стиль нового ядра (перепись, блок 2). Цвета и размеры — в коде (не в справочниках). */
html[data-font="xs"][data-theme] body{font-size:12px}html[data-font="s"][data-theme] body{font-size:13px}
html[data-font="l"][data-theme] body{font-size:16px}html[data-font="xl"][data-theme] body{font-size:18px}
html[data-font="xs"] body{font-size:12px}html[data-font="s"] body{font-size:13px}html[data-font="l"] body{font-size:16px}html[data-font="xl"] body{font-size:18px}
.sup-ptr{position:fixed;left:0;right:0;top:0;height:0;display:flex;justify-content:center;align-items:flex-end;pointer-events:none;z-index:9000;transition:height .15s}
.sup-ptr.show{height:calc(44px*var(--p,1))}.sup-ptr span{width:22px;height:22px;border-radius:50%;border:3px solid var(--o-accent,#2b6cb0);border-top-color:transparent;opacity:.7;transform:rotate(calc(var(--p,0)*360deg));margin-bottom:10px}
.sup-ptr.ready span{opacity:1}.sup-ptr.busy span{animation:sup-spin .8s linear infinite}@keyframes sup-spin{to{transform:rotate(360deg)}}
.sup-wait,.sup-err{padding:16px;color:var(--o-faint,#789)}.sup-err{color:#b33}
.sup-refs{display:flex;flex-direction:column;gap:12px;padding:10px 0}
.sup-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.sup-head b{font-size:1.15em}
.sup-dim{color:var(--o-faint,#789);font-size:.92em}.pad{padding:10px 0}
.sup-sec h3{margin:8px 0 6px;font-size:.85em;letter-spacing:.08em;text-transform:uppercase;color:var(--o-faint,#789)}
.sup-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.sup-card{text-align:left;padding:10px 12px;border:1px solid var(--o-line,#dde3e6);border-radius:10px;background:var(--o-panel,#fff);color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:3px}
.sup-card:hover{border-color:var(--o-accent,#2b6cb0)}.sup-card.ro{opacity:.75}.sup-card small{color:var(--o-faint,#789)}
.sup-btn{padding:7px 12px;border:1px solid var(--o-line,#dde3e6);border-radius:8px;background:var(--o-panel,#fff);color:inherit;cursor:pointer;font:inherit;min-height:36px}
.sup-btn.pri{background:var(--o-accent,#2b6cb0);border-color:var(--o-accent,#2b6cb0);color:#fff}.sup-btn.warn{border-color:#c66;color:#b33}.sup-btn.lnk{border:0;background:none;color:var(--o-accent,#2b6cb0);padding-left:0}
.sup-btn.x{min-height:28px;padding:2px 8px}
.sup-inp{padding:7px 10px;border:1px solid var(--o-line,#dde3e6);border-radius:8px;background:var(--o-panel,#fff);color:inherit;font:inherit;min-height:36px;width:100%;box-sizing:border-box}
.sup-inp.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.9em}.sup-inp:disabled{opacity:.8}
.sup-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.sup-row .sup-inp{flex:1;min-width:160px;width:auto}
.sup-tbl{width:100%;border-collapse:collapse}.sup-tbl th,.sup-tbl td{padding:6px 8px;border-bottom:1px solid var(--o-line,#dde3e6);text-align:left;vertical-align:top}.sup-tbl th{font-weight:600;color:var(--o-faint,#789);font-size:.9em}
.sup-tr{cursor:pointer}.sup-tr:hover td{background:var(--o-hover,rgba(43,108,176,.06))}.sup-tblw{overflow:auto}
.sup-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px 16px}.sup-form .sup-fld:has(.sup-tblw),.sup-form .sup-fld:has(textarea),.sup-form .sup-fld:has(.sup-sub){grid-column:1/-1}
.sup-fld{display:flex;flex-direction:column;gap:4px}.sup-lab{font-size:.92em;color:var(--o-faint,#789)}.sup-lab .req{color:#b33;font-style:normal}
.sup-sub{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;padding:8px;border:1px dashed var(--o-line,#dde3e6);border-radius:8px}
.sup-save{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--o-line,#dde3e6);border-radius:10px}.sup-save label{display:flex;align-items:center;gap:8px}.sup-save label .sup-inp{width:auto}
.sup-warn{color:#a60;font-size:.92em}.sup-warn:empty{display:none}
.sup-hist summary{cursor:pointer;color:var(--o-accent,#2b6cb0)}.sup-hrow{padding:6px 0;border-bottom:1px solid var(--o-line,#dde3e6)}.sup-hrow.back{background:rgba(255,170,0,.08)}
.sup-diff s{color:#b33;opacity:.8}.sup-diff span{color:#2a7}
.sup-modal{position:fixed;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;z-index:9500;padding:12px}
.sup-box{background:var(--o-panel,#fff);color:inherit;border-radius:12px;padding:16px;max-width:520px;width:100%;display:flex;flex-direction:column;gap:10px;max-height:90vh;overflow:auto}
.sup-box .sup-row{justify-content:flex-end}.sup-chk{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}
.sup-font{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.sup-font button.on{background:var(--o-accent,#2b6cb0);color:#fff;border-color:var(--o-accent,#2b6cb0)}
/* фильтры (блок 4а): поле с автоподбором → список, несколько значений, чипы с ×, «Сбросить всё» */
.sup-flt{display:flex;flex-direction:column;gap:6px}.sup-flt-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sup-flt-f{position:relative;flex:1;min-width:150px;max-width:260px}.sup-flt-inp{width:100%}
.sup-flt-list{display:none;position:absolute;left:0;right:0;top:100%;z-index:50;max-height:280px;overflow:auto;background:var(--o-panel,#fff);border:1px solid var(--o-line,#dde3e6);border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,.12)}
.sup-flt-list.show{display:block}.sup-flt-it{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;cursor:pointer;min-height:36px;align-items:center}.sup-flt-it:hover{background:var(--o-hover,rgba(43,108,176,.08))}.sup-flt-it.on{font-weight:600}.sup-flt-it small{color:var(--o-faint,#789)}
.sup-flt-chips{display:flex;flex-wrap:wrap;gap:6px}.sup-flt-chips:empty{display:none}
.sup-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 6px 4px 10px;border-radius:999px;background:var(--o-hover,rgba(43,108,176,.1));border:1px solid var(--o-line,#dde3e6)}.sup-chip small{color:var(--o-faint,#789)}
.sup-chip-x{border:0;background:none;cursor:pointer;font:inherit;font-size:1.1em;line-height:1;padding:2px 6px;color:inherit;border-radius:50%}.sup-chip-x:hover{background:rgba(0,0,0,.1)}
/* стёкла и пирамиды */
.sup-pyr .num{text-align:right;white-space:nowrap}.sup-pyr .sup-tr.over td{background:rgba(220,80,60,.08)}.sup-pyr .bad{color:#b33}
.sup-grp td{background:var(--o-hover,rgba(43,108,176,.06));font-weight:600}.sup-acts{white-space:nowrap}.sup-acts .sup-btn{margin-right:4px}
.sup-box.wide{max-width:900px}.sup-pyr code{font-size:1.05em;letter-spacing:.04em}
.sup-lbls{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;max-height:50vh;overflow:auto}.sup-lbls img{width:100%;border:1px solid var(--o-line,#dde3e6);border-radius:4px;background:#fff}
.sup-cands{display:flex;flex-direction:column;gap:6px}.sup-cands .sup-btn{text-align:left}.sup-tr.lost td:first-child{color:#b33;font-weight:600}.sup-tr.found td:first-child{color:#2a7;font-weight:600}
.adm-tabs{flex-wrap:wrap}

/* смены и доход */
.sup-shgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;margin:10px 0}.sup-shcol{border:1px solid var(--o-line,#dde3ea);border-radius:10px;padding:8px 10px;background:var(--o-card,#fff)}
.sup-shcol.open{border-color:var(--o-ok,#2f9e44)}.sup-shcol.dim{opacity:.85}.sup-shhead{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline;margin-bottom:6px}
.sup-shcards{display:flex;flex-direction:column;gap:6px}.sup-shcard{border:1px dashed var(--o-line,#dde3ea);border-radius:8px;padding:6px 8px;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;justify-content:space-between;cursor:pointer}
.sup-shcard.in{border-style:solid;background:var(--o-hover,rgba(43,108,176,.06))}.sup-shcard.lead{border-color:var(--o-ok,#2f9e44)}.sup-shcard>div:first-child{flex:1 1 100%}
.sup-shpick{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.sup-shpick .sup-btn.dim{opacity:.7}.sup-shday{margin:12px 0}.sup-ok{color:var(--o-ok,#2f9e44)}.sup-bad{color:var(--o-bad,#c92a2a)}.sup-pend td{background:rgba(201,42,42,.06)}
.sup-shift .sup-head select.sup-inp{width:auto;display:inline-block}

/* производство */
.sup-wtabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.sup-wbar{display:flex;flex-wrap:wrap;gap:4px}.sup-wbar span{border:1px solid var(--o-line,#dde3ea);border-radius:6px;padding:1px 6px;font-size:.9em;white-space:nowrap}
.sup-wbar span.ok{border-color:var(--o-ok,#2f9e44);color:var(--o-ok,#2f9e44)}.sup-wbar span.part{border-color:#e08a00;color:#e08a00}.sup-wbar i{font-style:normal;opacity:.75}
.sup-wnode{margin:6px 0}.sup-wnode>summary{cursor:pointer}.sup-tr.done td{opacity:.6}.sup-tr.ready td{background:rgba(47,158,68,.06)}.sup-chip{display:inline-block;border:1px solid var(--o-line,#dde3ea);border-radius:12px;padding:1px 8px;margin:1px 2px;font-size:.9em}
.sup-grey{color:#8a8f98;font-size:.9em}.sup-tr.urg td:nth-child(2) b{color:var(--o-bad,#c92a2a)}.sup-load td.num{white-space:nowrap}.sup-load th .sup-btn{margin-top:3px}
/* блок 5: заказы и финансы */
.sup-orders .sup-tbl td.n,.sup-order .sup-tbl td.n,.sup-fin .sup-tbl td.n{text-align:right;white-space:nowrap}.sup-tbl td.b,.sup-tbl td.n.b{font-weight:600}
.sup-st{display:inline-block;padding:2px 8px;border-radius:10px;background:rgba(43,108,176,.1);font-size:.88em;white-space:nowrap}.sup-st.st-1_8{background:rgba(47,158,68,.14)}.sup-st.st-x{background:rgba(201,42,42,.12)}
.sup-sel{width:auto;padding:6px 8px;border:1px solid var(--o-line,#dde3e6);border-radius:8px;background:var(--o-panel,#fff);color:inherit;font:inherit;min-height:34px;max-width:100%}
.sup-ohead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:6px 0}.sup-ohead-l{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.sup-ono{font-size:1.25em}
.sup-ocp{margin:4px 0 8px}.sup-ofields{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px 14px;margin:8px 0 12px}.sup-ofields label span{display:block;font-size:.85em;color:var(--o-faint,#789);margin-bottom:2px}
.sup-oblk{margin:14px 0;padding:10px 12px;border:1px solid var(--o-line,#dde3e6);border-radius:12px}.sup-oblk>b{display:inline-block;margin-bottom:6px}.sup-oblk summary{cursor:pointer}
.sup-calc-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px}.sup-calc-top .spacer{flex:1}.sup-head .spacer{flex:1}
.sup-ctbl tr.sup-grp td{background:rgba(43,108,176,.06);cursor:pointer}.sup-ctbl tr.sup-pos.bad td:nth-child(2){color:#a60}.sup-ctbl tr.sup-tot td{border-top:2px solid var(--o-line,#dde3e6)}
.sup-ctbl .sup-inp.cell{min-height:30px;padding:3px 6px;text-align:right}.sup-cost td{background:rgba(0,0,0,.02)}.sup-lines td{padding:2px 6px;font-size:.88em;border-bottom:1px dashed var(--o-line,#dde3e6)}
.sup-quick{margin-top:10px}.sup-quick textarea{margin:6px 0;min-height:70px}.sup-row-b{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0}.sup-row-b .sup-inp{flex:1;min-width:140px;width:auto}
.sup-btn.xs{padding:2px 7px;min-height:24px;font-size:.85em}.sup-btn.lnk{background:none;border:none;color:var(--o-accent,#2b6cb0);text-decoration:underline;padding:0 4px;min-height:0}
.sup-pad{padding:14px}.sup-pay table{margin-top:6px}
.sup-chk2{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}

/* блок 5-5: документы, окно документа, путь к производству */
.sup-box.sup-docwin{max-width:1100px;width:96vw;height:92vh;max-height:92vh;padding:10px 14px;gap:6px}.sup-docwin .sup-head{margin:0}.sup-docwin-b{display:flex;gap:12px;flex:1;min-height:0}.sup-docwin-b iframe{flex:1;border:1px solid var(--o-line,#dde3e6);border-radius:8px;background:#fff;min-height:0}
.sup-docwin-s{width:220px;display:flex;flex-direction:column;gap:8px}.sup-docwin-s .sup-btn{width:100%;justify-content:center}.sup-docwin-f{display:flex;gap:6px}.sup-docwin-f .sup-btn{flex:1;justify-content:center}
.sup-ask{max-width:560px}.sup-ask .sup-form{grid-template-columns:1fr}.sup-ask label{display:flex;flex-direction:column;gap:4px}.sup-ask label span{font-size:.85em;color:var(--o-faint,#789)}.sup-ask textarea.sup-inp{min-height:90px;resize:vertical}
.sup-steps{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px;margin:8px 0}.sup-step{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border:1px solid var(--o-line,#dde3e6);border-radius:10px;background:var(--o-panel,#fff)}
.sup-step.on{border-color:var(--o-ok,#2f9e44)}.sup-step-n{flex:0 0 26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--o-hover,rgba(43,108,176,.1));font-weight:600}.sup-step.on .sup-step-n{background:var(--o-ok,#2f9e44);color:#fff}
.sup-step{flex-wrap:wrap}.sup-step-t{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.sup-step-b{flex:0 0 100%;display:flex;gap:6px;flex-wrap:wrap;padding-left:36px}
.sup-docs .sup-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.sup-docs .sup-chip.ready,.sup-docs .sup-chip.sent{border-color:var(--o-ok,#2f9e44)}.sup-docs .sup-chip.appr,.sup-docs .sup-chip.draft{border-color:var(--o-warn,#e67700)}.sup-docs .sup-chip.paid{background:rgba(47,158,68,.15)}.sup-docs .sup-chip.x{opacity:.6;text-decoration:line-through}
.sup-invchk{margin:6px 0;padding:6px 10px;border:1px dashed var(--o-line,#dde3e6);border-radius:10px}.sup-invchk>div{margin:6px 0}.sup-ic{display:block;padding:2px 8px;border-radius:6px;margin:2px 0;font-size:.92em}.sup-ic.ok{background:rgba(47,158,68,.12)}.sup-ic.need{background:rgba(201,42,42,.1)}.sup-ic.nodata,.sup-ic.term{background:var(--o-hover,rgba(43,108,176,.08))}
.sup-appr{padding:6px 10px;border-left:3px solid var(--o-warn,#e67700);margin:4px 0;background:var(--o-panel,#fff);border-radius:0 8px 8px 0}.sup-appr.ok{border-left-color:var(--o-ok,#2f9e44)}.sup-appr.no{border-left-color:var(--o-bad,#c92a2a)}.sup-appr .sup-row{margin-top:4px}

/* блок 5-8: склад и отгрузка */
.sup-wh-t td.n.b{font-weight:600}.sup-wh-t td .sup-row{flex-wrap:nowrap}.sup-wh-t td{white-space:nowrap}.sup-wh-t td:first-child{white-space:normal}.sup-short td{background:rgba(220,60,40,.06)}.sup-bad{color:#b4261a;font-weight:600}.sup-rev td{background:rgba(60,120,220,.06)}
.sup-dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 14px;margin:6px 0;font-size:.92em}.sup-dl dt{font-weight:600}.sup-dl dd{margin:0;color:var(--sup-dim,#667)}
.sup-wh-fact{width:84px;text-align:right}.sup-ship-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px 14px}.sup-shipwin .sup-pad{max-height:72vh;overflow:auto}
.sup-ship-q{width:70px;text-align:right}.sup-ship table{margin-top:6px}.sup-btn.sm{padding:2px 8px;font-size:.88em}
/* блок 9: телефон — широкие таблицы прокручиваются внутри панели, а не обрезаются; поля фильтров в один столбец */
@media (max-width:700px){
 .sup-tbl:not(.sup-tblw .sup-tbl){display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
 .sup-tbl:not(.sup-tblw .sup-tbl) th,.sup-tbl:not(.sup-tblw .sup-tbl) td{white-space:nowrap}
 .sup-row .sup-inp{min-width:0;flex:1 1 44%}
 .sup-refs,.sup-pad{padding-left:6px;padding-right:6px}
}
@media (max-width:1100px){.sup-tbl.sup-load{display:block;overflow-x:auto;max-width:100%}.sup-tbl.sup-load th,.sup-tbl.sup-load td{white-space:nowrap}}