*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#20242a;font:16px/1.4 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:#1769aa;text-decoration:none}a:hover{text-decoration:underline}.topbar{height:56px;background:#fff;border-bottom:1px solid #e1e4e8;display:flex;align-items:center;gap:24px;padding:0 max(16px,calc((100% - 1180px)/2));position:sticky;top:0;z-index:5}.brand{font-weight:800;color:#15202b;font-size:20px}.topbar nav{display:flex;gap:18px;flex:1}.topbar form{margin-left:auto}.link-button{border:0;background:none;color:#1769aa;cursor:pointer;font:inherit}main{max-width:1180px;margin:0 auto;padding:24px 16px 84px}h1{font-size:28px;margin:0 0 20px}.login-card{max-width:390px;margin:10vh auto;background:#fff;padding:28px;border-radius:12px;box-shadow:0 4px 18px #00000012}.login-card h1{text-align:center}.operation-form,.searchbar{background:#fff;border-radius:10px;padding:18px;box-shadow:0 1px 3px #00000012}.operation-form{max-width:760px}.operation-form label,.login-card label{display:block;font-weight:600;margin-bottom:14px}input,select{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid #cbd1d8;border-radius:7px;font:inherit;background:#fff}input:focus,select:focus{outline:2px solid #8fc5ec;border-color:#3996d2}.primary,.danger{padding:11px 18px;border:0;border-radius:7px;font:inherit;cursor:pointer}.primary{background:#1777bd;color:white}.primary:hover{background:#12639d}.danger{background:#ffeded;color:#a22020;padding:6px 10px}.searchbar{display:flex;align-items:center;gap:12px;margin-bottom:20px}.searchbar input{flex:1;margin:0}.check{white-space:nowrap;font-size:14px}.check input{display:inline-block;width:auto;margin:0 4px 0 0}.category{background:#fff;border-radius:9px;margin:10px 0;overflow:hidden}.category summary{padding:13px 16px;font-weight:700;cursor:pointer}.category summary span{color:#7b8490;font-weight:400}.product-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0f2;padding:12px 16px;gap:12px}.product-row strong{display:block}.product-row small{display:block;color:#79838e;font-size:13px;margin-top:3px}.stock-value{text-align:right;white-space:nowrap;color:#197443;font-weight:700}.stock-value.empty{color:#a22020}.stock-value small{font-weight:400;color:#59636e}.pager{display:flex;justify-content:center;gap:24px;margin:22px 0}.pager span{color:#59636e}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.suggestions{position:relative}.suggestion{display:flex;justify-content:space-between;gap:12px;padding:10px;border:1px solid #dce2e7;border-top:0;background:#fff;cursor:pointer}.suggestion:hover{background:#eef7ff}.line{display:grid;grid-template-columns:minmax(180px,2fr) 90px 110px 90px 90px 32px;gap:8px;align-items:end;padding:12px 0;border-bottom:1px solid #e5e8eb}.line-name{font-weight:600}.line label{font-size:12px;margin:0}.line input,.line select{font-size:14px;padding:8px}.remove-line{border:0;background:transparent;font-size:22px;color:#b33;cursor:pointer}.discount-row{display:flex;gap:10px;align-items:end;margin:18px 0}.discount-row label{margin:0;min-width:110px}.discount-row input{width:130px}.total{text-align:right;font-size:19px;margin:20px 0}.error{color:#b42318;min-height:1.4em}.muted{color:#69737d}.table-wrap{overflow:auto;background:#fff;border-radius:9px}table{width:100%;border-collapse:collapse;min-width:620px}th,td{text-align:left;padding:11px 14px;border-bottom:1px solid #e7eaed}th{background:#f0f3f5;font-size:14px}.print-head{display:flex;justify-content:space-between;align-items:center}.print-button{padding:9px 14px;background:#fff;border:1px solid #bbc3cb;border-radius:7px;cursor:pointer}.file-placeholder{margin:18px 0;color:#66727e}.file-placeholder input{max-width:300px}.bottom-nav{display:none}
@media(max-width:650px){main{padding:18px 12px 78px}h1{font-size:24px}.topbar{padding:0 14px}.topbar nav{display:none}.topbar form{margin-left:auto}.searchbar{display:block}.searchbar input{margin-bottom:10px}.check{display:inline-block;margin:4px 10px 12px 0}.two-col{grid-template-columns:1fr;gap:0}.line{grid-template-columns:1fr 1fr 1fr 32px}.line-name{grid-column:1/-1}.line .discount-kind{grid-column:1}.line .discount-value{grid-column:2}.line .remove-line{grid-column:3;grid-row:2}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:58px;background:#fff;border-top:1px solid #dfe3e7;z-index:10;justify-content:space-around}.bottom-nav a{display:flex;align-items:center;font-size:14px;font-weight:600}.category summary{padding:12px}.product-row{padding:11px 12px}.login-card{margin:8vh 0}.print-button{display:none}}
@media print{.topbar,.bottom-nav,.print-button{display:none!important}body,main{background:#fff;padding:0}.table-wrap{overflow:visible}table{min-width:0}.operation-form{box-shadow:none;padding:0}}
.cat-layout{display:grid;grid-template-columns:290px 1fr;gap:18px;align-items:start}
.cat-tree{background:#fff;border-radius:9px;padding:10px 6px;position:sticky;top:66px;max-height:calc(100vh - 80px);overflow:auto;font-size:14px}
.cat-tree ul{list-style:none;margin:0;padding-left:14px}.cat-tree>ul{padding-left:4px}.cat-tree li{margin:3px 0}
.cat-tree summary{cursor:pointer}.cat-tree li.cur>a,.cat-tree li.cur>details>summary>a{font-weight:700;color:#0b4f86}
.tree-head{font-weight:800;padding:4px 8px 8px;font-size:16px}.cnt{color:#8a939c;font-size:12px}
.crumbs{margin:0 0 10px;font-size:14px}.m-folders{display:none}
.filters{flex-wrap:wrap}.filters input[name=q]{min-width:220px}.flt{font-size:12px;font-weight:600}.flt select{margin-top:2px;padding:7px;min-width:110px}
.reset{font-size:14px}table.items{min-width:0}table.items td small{display:block;color:#7b8490;font-size:12px}
.num{text-align:right;white-space:nowrap}td.ok{color:#197443;font-weight:700}td.empty{color:#a22020}
.folder-list{display:flex;flex-direction:column}.folder{padding:10px 12px;border-top:1px solid #edf0f2;color:#20242a}.folder.up{color:#1769aa}
@media (max-width:820px){.cat-layout{display:block}.cat-tree{display:none}.m-folders{display:block;background:#fff;border-radius:9px;margin-bottom:12px}.m-folders summary{padding:12px;font-weight:700;cursor:pointer}
.filters{gap:8px}.filters input[name=q]{min-width:0;flex:1 1 100%}.flt{flex:1 1 30%}.flt select{min-width:0}table.items th,table.items td{padding:8px}}
.picker{border:1px solid #dce2e7;border-radius:9px;padding:10px;margin:10px 0;max-height:70vh;overflow:auto}.suggestion.added{background:#e8f6ec}#picker-toggle{margin:4px 0 10px}
.ghost-button{padding:9px 14px;background:#fff;border:1px solid #bbc3cb;border-radius:7px;cursor:pointer;font:inherit}
@media (max-width:650px){.searchbar.filters{display:flex!important;flex-wrap:wrap}.filters .check{flex:1 1 auto}}
.picker .filters{display:flex!important;flex-wrap:wrap;gap:8px;padding:8px}.picker .pq{flex:1 1 100%;margin:0}
/* ===== theme: dealer-cabinet look ===== */
@font-face{font-family:Manrope;font-weight:400;font-display:swap;src:url(fonts/manrope-400.ttf) format("truetype")}
@font-face{font-family:Manrope;font-weight:600;font-display:swap;src:url(fonts/manrope-600.ttf) format("truetype")}
@font-face{font-family:Manrope;font-weight:700;font-display:swap;src:url(fonts/manrope-700.ttf) format("truetype")}
@font-face{font-family:Manrope;font-weight:800;font-display:swap;src:url(fonts/manrope-800.ttf) format("truetype")}
:root{--teal:#457082;--teal-d:#35596a;--lime:#baff00;--lime-d:#95cc00;--ink:#212b21;--link:#0075a8;--line:#d8d9da;--bg:#e9ebec}
body{background:var(--bg);color:var(--ink);font-family:Manrope,"Segoe UI",Arial,sans-serif;font-size:15px}
a{color:var(--link)}
.topbar{height:64px;border-bottom:0;box-shadow:0 1px 0 var(--line)}
.brand{display:flex;align-items:center;gap:10px;font-size:17px;color:var(--ink);white-space:nowrap}
.brand .logo{display:inline-grid;place-items:center;width:40px;height:34px;border:3px solid var(--ink);border-radius:4px;font-weight:800;font-size:18px}
.topbar nav{gap:8px;justify-content:flex-end}
.tb{display:inline-flex;align-items:center;padding:8px 14px;background:#e9e9e9;color:var(--ink);font-size:13px;font-weight:700;border-radius:2px}
.tb:hover{background:#dcdcdc;text-decoration:none}.tb.act{background:var(--lime)}.tb.act:hover{background:var(--lime-d)}
.link-button{color:#717174;font-size:13px}
h1{background:var(--teal);color:#fff;text-transform:uppercase;text-align:center;font-weight:800;font-size:22px;padding:18px 16px;margin:0 0 0;border-radius:0}
h1+*{margin-top:0}
.operation-form,.searchbar,.table-wrap,.cat-tree,.category,.login-card{border-radius:0;box-shadow:none}
.operation-form{max-width:none;border-top:0}
.primary{background:var(--teal);color:#fff;border-radius:2px;font-weight:700;text-transform:none}
.primary:hover{background:var(--teal-d)}
button.primary[type=submit],.operation-form .primary{background:var(--lime);color:var(--ink)}
button.primary[type=submit]:hover,.operation-form .primary:hover{background:var(--lime-d)}
.searchbar .primary{background:var(--teal);color:#fff}
input,select{border-radius:2px;border-color:#c1cbd5}
input:focus,select:focus{outline:2px solid #a5cee1;border-color:var(--teal)}
.ghost-button{background:var(--lime)!important;color:var(--ink)!important;border:0!important;border-radius:2px!important;font-weight:700}
.cat-layout{background:#fff;gap:0;grid-template-columns:300px 1fr;border-top:6px solid var(--teal)}
.cat-tree{border-right:1px solid var(--line);padding:18px 10px}
.tree-head{font-size:18px;font-weight:700;padding:0 8px 12px}.tree-head a{color:var(--ink)}
.cat-tree a{color:var(--ink)}.cat-tree li.cur>a,.cat-tree li.cur>details>summary>a{color:var(--link);font-weight:700}
.cat-tree summary{list-style:none}.cat-tree summary::-webkit-details-marker{display:none}
.cat-main{padding:16px 20px}
.searchbar{padding:0;background:transparent}
th{background:#fff;font-size:12px;font-weight:700;border-bottom:1px solid var(--line)}
td{border-bottom:1px solid #eaeaea;font-size:13px}
tbody tr:hover td{background:#f9f9f9}
td.ok{color:#28a745}
.fi{display:inline-block;width:16px;height:13px;margin-right:7px;vertical-align:-1px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 13'%3E%3Cpath d='M0 1.5C0 .7.7 0 1.5 0h4l1.6 1.8h7.4c.8 0 1.5.7 1.5 1.5v8.2c0 .8-.7 1.5-1.5 1.5h-13C.7 13 0 12.3 0 11.5z' fill='%231d66b5'/%3E%3Cpath d='M0 4h16v7.5c0 .8-.7 1.5-1.5 1.5h-13C.7 13 0 12.3 0 11.5z' fill='%232a92d0'/%3E%3C/svg%3E") no-repeat center/contain}
.folder{display:flex;align-items:center}
.login-card{border-top:6px solid var(--teal)}
@media(max-width:650px){
 .topbar{height:56px}.brand{font-size:15px}.brand .logo{width:34px;height:30px;font-size:15px}
 h1{font-size:18px;padding:14px}
 .cat-layout{display:block;border-top-width:4px}.cat-main{padding:12px}
 .bottom-nav{background:var(--teal);border-top:0;height:60px}
 .bottom-nav a{color:#fff;font-weight:700}
 .bottom-nav a[href="/sale"],.bottom-nav a[href="/receipt"]{color:var(--lime)}
 .searchbar .primary{width:100%}
}
.login-card h1{background:none;color:var(--ink);font-size:20px;padding:0 0 18px}.login-card .primary{width:100%}
@media(max-width:650px){.topbar{position:static}main{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.bottom-nav{padding-bottom:env(safe-area-inset-bottom);height:auto;min-height:60px}}

.js-hidden{display:none!important}.inf-loading{text-align:center;padding:14px;color:#888;font-size:14px}
.tb.cur{background:var(--teal);color:#fff}.tb.cur:hover{background:var(--teal-d)}
@media(max-width:650px){.topbar{gap:10px}.topbar nav{display:flex!important;flex:0 0 auto;margin-left:auto}.topbar nav .tb:not(.tb-goods){display:none}.topbar nav .tb-goods{padding:7px 12px}.topbar form{margin-left:0}.brand{min-width:0;overflow:hidden;text-overflow:ellipsis}.bottom-nav a{font-size:13px}}
.voice-box{border:1px solid #e3e6ea;border-radius:10px;padding:12px;margin:12px 0;background:#fafbfc}
.voice-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:8px}
#voice-mic.recording{background:#d33;border-color:#d33}
.voice-line{border-top:1px solid #e3e6ea;padding:8px 0;display:grid;gap:6px}
.voice-line select{width:100%}
.v-use{display:flex;gap:6px;align-items:center;font-weight:600}
#voice-text{display:block;width:100%;box-sizing:border-box;min-height:64px;font:inherit}
.v-use input{width:auto;margin:0}
/* persistent catalog panel on sale/receipt (desktop) */
.op-wide main{max-width:1640px}
.op-layout{display:grid;grid-template-columns:260px minmax(340px,1fr) minmax(420px,1fr);gap:16px;align-items:start}
.op-layout .op-catalog{background:#fff;position:sticky;top:66px}
.op-layout .op-catalog .picker{max-height:calc(100vh - 90px);margin:0;border:0}
.op-layout .operation-form{max-width:none}
.op-layout .line{grid-template-columns:1fr 1fr 1fr 32px}.op-layout .line-name{grid-column:1/-1}
@media (max-width:1200px){.op-layout{grid-template-columns:230px 1fr}.op-layout .operation-form{grid-column:1/-1}}
.voice-manual-link{font-size:13px;color:#69737d;text-decoration:underline;display:inline-block;margin:2px 0 6px}
.voice-heard{font-size:13px;color:#69737d;font-style:italic;margin:6px 0}
/* features: карточка товара, заказ, реквизиты */
.pc-title{margin-bottom:12px}.pc-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}
.pc-card{background:#fff;border:1px solid var(--line,#e1e4e8);padding:14px}.pc-card h2{margin-top:0;font-size:17px}
.pc-kv{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px dashed #e5e5e5}.pc-kv span{color:#666}
.pc-min{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin-top:12px}.pc-min label{flex:1 1 180px}
.low,td.low{color:#c26a00!important;font-weight:700}.okc{color:#28a745}.emptyc{color:#a22020}
tr.is-low td:first-child{box-shadow:inset 3px 0 #f0a020}.lowtag{display:inline-block;margin-left:6px;padding:1px 6px;background:#fff1d6;color:#9a5300;font-size:11px;font-weight:700;border-radius:2px}
.units-t{width:100%;min-width:0;margin-bottom:10px}.units-t input[type=number]{width:110px}.src-auto{color:#9a5300;font-weight:700}.src-manual{color:#197443;font-weight:700}
table.moves td.plus{color:#197443;font-weight:700}table.moves td.minus{color:#a22020;font-weight:700}table.moves tr.del td{opacity:.5;text-decoration:line-through}
.items td a,.moves td a{color:inherit}.ro-actions{display:flex;gap:8px;margin:10px 0}.ro-group h2{font-size:18px;margin:18px 0 8px}
.req-form{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;max-width:820px}.req-form button{grid-column:1/-1;justify-self:start}
.doc-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.op-pdf{white-space:nowrap;margin-right:6px}
.quick-links{display:flex;gap:14px;margin:0 0 8px;font-size:14px}.ubase{color:#666;align-self:center}
@media(max-width:820px){.pc-grid,.req-form{grid-template-columns:1fr}}
@media(max-width:650px){.units-t input[type=number]{width:80px}.table-wrap table.moves{font-size:13px}}
table.moves td small{display:block;font-weight:400;color:#666}.ubase{font-size:12px}
.line .ubase{display:block;min-height:0;margin-top:2px;white-space:nowrap;overflow:visible}
.line .qlbl{min-width:0}.line .qrow{display:flex;gap:4px}.line .qrow .qty{flex:1 1 50px;min-width:0}.line .qrow .unit-sel{flex:0 0 auto;max-width:96px;padding:8px 2px}.line .ubase{white-space:normal}
.line .qlbl{grid-column:span 2}.line .qrow .unit-sel{width:auto}.line .qrow .qty{width:auto}
@media(max-width:650px){.line label:has(> .price){grid-column:3}.line .remove-line{grid-column:4!important}}.op-layout .line label:has(> .price){grid-column:3}.op-layout .line .remove-line{grid-column:4}
.op-layout .line .discount-kind{grid-column:1}.op-layout .line .discount-value{grid-column:2}
/* Sale layout B: folders left; document on top, products below */
.op-layout.op-b{grid-template-columns:260px minmax(0,1fr)}
.op-b .op-right{display:flex;flex-direction:column;gap:16px;min-width:0}
.op-b .op-right .operation-form{grid-column:auto;max-width:none;margin:0}
.op-b .op-catalog{position:static}
.op-b .op-catalog .picker{max-height:none}
.sale-doc .doc-title{font-size:18px;margin:0 0 10px}
.sale-doc .line{grid-template-columns:minmax(200px,1fr) 170px 110px 70px 80px 110px 28px;align-items:end}
.sale-doc .line-name{grid-column:auto;align-self:center}
.sale-doc .line .qlbl{grid-column:auto}
.sale-doc .line .discount-kind,.sale-doc .line .discount-value,.sale-doc .line label:has(> .price),.sale-doc .line .remove-line{grid-column:auto;grid-row:auto}
.sale-doc .lsum{font-weight:700;text-align:right;align-self:center;white-space:nowrap}
.sale-bar{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:14px;padding:12px 14px;background:#486c80;color:#fff;border-radius:6px}
.sale-bar label{color:#fff}
.sale-bar .discount-row{margin:0}
.sale-bar .total{margin:0 0 0 auto;font-size:18px}
.sale-bar .total strong{color:#c8ff00;font-size:22px}
.pk-folders{margin-bottom:12px}
@media(max-width:1100px){.sale-doc .line{grid-template-columns:1fr 1fr 1fr 28px}.sale-doc .line-name{grid-column:1/-1}}
@media(max-width:820px){.sale-bar .total{margin-left:0}.sale-bar button{width:100%}}
/* Sale layout B (matches screens/layout_B.png) */
.sale-doc.mk{background:#fff;padding:0}
.sale-doc .mk-pad{padding:18px}
.sale-doc .doc-title{margin:0 0 12px;font-size:17px;font-weight:800}
.sale-doc .mk-row{display:grid;grid-template-columns:1fr 1fr 110px;gap:10px}
.sale-doc .mk-row label{margin:0;font-weight:400}
.sale-doc .voice-box{border:0;padding:0;margin:12px 0;background:none}
.sale-doc .voice-actions{margin:0;gap:14px}
.sale-doc #voice-mic{width:auto;padding:10px 18px}
.sale-doc .voice-manual-link{margin:0;font-size:12px;color:#8a949c}
.sale-doc #voice-manual,.sale-doc #voice-result:not(:empty),.sale-doc #voice-heard:not([hidden]){margin-top:10px}
.sale-doc .lines{margin:0}
.mk-t{width:100%;border-collapse:collapse;font-size:14px}
.mk-t th{text-align:left;font-size:12px;color:#6b7680;font-weight:700;padding:8px 6px;border-bottom:1px solid var(--line);background:#fff}
.mk-t td{padding:8px 6px;border-bottom:1px solid #eceef0;vertical-align:middle}
.mk-t .r{text-align:right;white-space:nowrap}
.mk-t tr.line{display:table-row;padding:0;border:0}
.mk-t td.line-name{font-weight:400}
.mk-t input{width:72px;text-align:right;padding:6px;margin:0;font-size:14px}
.mk-t select{padding:6px 2px;margin:0;width:auto;font-size:14px}
.mk-t .shq{display:inline-flex;align-items:center;gap:3px;font-size:12px;color:#6b7680}.mk-t .shq input{width:48px}
.mk-t .sqm,.mk-t .ubase{display:block;font-size:11px;color:#6b7680;margin-top:2px}
.mk-t .pr-v{cursor:pointer;border-bottom:1px dashed transparent}.mk-t .pr-v:hover{border-bottom-color:#9aa4ac}
.mk-t .price{width:90px}
.mk-t .lsum{font-weight:700}
.mk-x{text-align:center;width:24px}
.mk-x .remove-line{background:none;border:0;color:#d33;font-weight:700;font-size:15px;cursor:pointer;padding:0 4px}
.mk-t .ldisc{display:block;font-size:11px;line-height:1.2}
.mk-t .ldisc-t{color:#8a949c;text-decoration:none;visibility:hidden}
.mk-t tr:hover .ldisc-t,.mk-t .ldisc.on .ldisc-t{visibility:visible}
.mk-t .ldisc-f{display:inline-flex;gap:4px;margin-left:6px;vertical-align:middle}.mk-t .ldisc-f[hidden]{display:none}
.mk-t .ldisc-f select{padding:2px;font-size:12px}.mk-t .ldisc-f input{width:60px;padding:2px 4px;font-size:12px}
.sale-doc .mk-bar{display:flex;align-items:center;gap:16px;padding:14px 18px;background:var(--teal);color:#fff;font-size:14px}
.sale-doc .mk-bar b{font-size:21px;color:var(--lime)}
.sale-doc .mk-bar .primary{width:auto;margin:0 0 0 auto;padding:11px 20px}
.sale-doc + #sale-message:empty,.sale-doc #sale-message:empty{display:none}
@media(max-width:820px){
.sale-doc .mk-pad{padding:14px}
.sale-doc .mk-row{grid-template-columns:1fr 1fr;gap:8px}
.sale-doc .mk-row label:first-child{grid-column:1/-1}
.mk-t thead{display:none}
.mk-t,.mk-t tbody{display:block}
.mk-t tr.line{display:grid;grid-template-columns:1fr auto auto 24px;grid-template-areas:"n n n x" "q u p s";gap:6px 8px;align-items:center;padding:10px 0;border-bottom:1px solid #eceef0}
.mk-t td{display:block;padding:0;border:0}
.mk-t td.line-name{grid-area:n}.mk-t td.lq{grid-area:q;text-align:left}.mk-t td.lu{grid-area:u}.mk-t td.lp{grid-area:p;color:#6b7680;font-size:13px}.mk-t td.mk-x{grid-area:x;align-self:start}
.mk-t td:nth-child(5){grid-area:s}
.mk-t tr.line{grid-template-columns:auto auto 1fr auto}.mk-t tr.line{grid-template-areas:"n n n x" "q u p s"}
.mk-t .ldisc-t{visibility:visible}
.sale-doc .mk-bar{flex-wrap:wrap;gap:6px 14px;padding:12px 14px}
.sale-doc .mk-bar .primary{width:100%;margin:4px 0 0}
}
.mk-t [hidden]{display:none!important}
.pk-items .suggestion>span:last-child{white-space:nowrap;padding-left:8px}
.sale-doc .doc-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 12px}
.sale-doc .doc-head .doc-title{margin:0}
.sale-doc .doc-head #voice-mic{width:auto;padding:8px 16px;margin:0}
.sale-doc .doc-head #voice-status{font-size:13px}
.sale-doc .voice-box{margin:0}.sale-doc .voice-box:has(#voice-result:not(:empty)),.sale-doc .voice-box:has(#voice-heard:not([hidden])){margin:12px 0}
.sale-doc .mk-row{margin-bottom:12px}
.v-warn{margin:4px 0;padding:4px 8px;border-radius:6px;background:#fff4e0;color:#8a4b00;font-size:13px}

/* MP-style sale cards (from approved mockup MPLINE.html) */

.mpc{border:1px solid #dfe4e8;border-radius:8px;margin:10px 0;background:#fff;font-size:14px}
.mpc-h{display:grid;grid-template-columns:1fr 110px 120px 110px 130px 28px;gap:10px;align-items:center;padding:10px 12px;background:#f3f7f8;border-bottom:1px solid #dfe4e8;border-radius:8px 8px 0 0}
.mpc-h .nm{font-weight:700}.mpc-h small{display:block;color:#6b7680;font-size:11px}.mpc-h .r{text-align:right}.mpc-h b{font-size:15px}
.mpc-h .disc{display:flex;gap:4px;justify-content:flex-end}.mpc-h .disc select,.mpc-h .disc input{padding:4px;font-size:13px;margin:0;width:auto}.mpc-h .disc input{width:56px;text-align:right}
.mpc table{width:100%;border-collapse:collapse;min-width:0}.mpc th{font-size:11px;color:#6b7680;font-weight:700;text-align:right;padding:6px 8px;border-bottom:1px solid #eceef0}
.mpc th:first-child,.mpc td:first-child{padding-left:12px}.mpc td{padding:6px 8px;text-align:right;border-bottom:1px solid #f0f2f4;white-space:nowrap}
.mpc td input{width:80px;text-align:right;padding:5px 6px;margin:0;font-size:14px}.mpc td.ro{color:#4a545c}.mpc td.op{color:#9aa4ac;text-align:center;padding:0 2px}
.mpc .x{background:none;border:0;color:#9aa4ac;font-size:18px;cursor:pointer;padding:0 4px}
.mpc-f{display:flex;justify-content:space-between;align-items:center;padding:8px 12px}.mpc-f .add{background:#fff;border:1px dashed #2f7f8a;color:#2f7f8a;border-radius:6px;padding:5px 12px;font-size:13px;width:auto}
.mpc-f .sum{color:#6b7680;font-size:13px}.mpc-f .sum b{color:#20242a}
.simple{display:grid;grid-template-columns:1fr 180px 110px 130px 28px;gap:10px;align-items:center;padding:10px 12px}
.simple .qr{display:flex;gap:4px;justify-content:flex-end}.simple input{width:80px;text-align:right;padding:5px 6px;margin:0}.simple select{padding:5px 2px;margin:0;width:auto}.simple .r{text-align:right}
@media(max-width:700px){.mpc-h{grid-template-columns:1fr auto 24px;grid-template-areas:"n n x" "p d d" "q s s"}.mpc-h .nm{grid-area:n}.mpc-h .pp{grid-area:p;text-align:left}.mpc-h .disc{grid-area:d}.mpc-h .tq{grid-area:q;text-align:left}.mpc-h .ts{grid-area:s}.mpc-h .x{grid-area:x}
.mpc th.hp,.mpc td.hp,.mpc td.op{display:none}.mpc td input{width:58px}.mpc th,.mpc td{padding:6px 4px}
.simple{grid-template-columns:1fr auto 24px;grid-template-areas:"n n x" "q p s"}.simple .nm{grid-area:n}.simple .qr{grid-area:q;justify-content:flex-start}.simple .pp{grid-area:p}.simple .ts{grid-area:s}.simple .x{grid-area:x}}

@media(max-width:700px){.mpc-f{flex-wrap:wrap;gap:6px}}

.mpc table.sub{table-layout:fixed!important;width:100%!important;min-width:0!important;border-collapse:collapse}
.mpc table.sub col.c-l{width:96px}.mpc table.sub col.c-op{width:18px}.mpc table.sub col.c-w{width:72px}.mpc table.sub col.c-n{width:72px}.mpc table.sub col.c-x{width:30px}
.mpc table.sub th,.mpc table.sub td{text-align:right!important;padding:6px 8px!important;white-space:nowrap!important;box-sizing:border-box}
.mpc table.sub th.op,.mpc table.sub td.op{text-align:center!important;padding:6px 0!important}
.mpc table.sub td input{width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:5px 6px!important;margin:0!important;text-align:right!important}
.mpc table.sub th:first-child,.mpc table.sub td:first-child{padding-left:12px!important}
@media(max-width:700px){.mpc table.sub col.c-l{width:62px}.mpc table.sub col.c-op{width:12px}.mpc table.sub col.c-w{width:50px}.mpc table.sub col.c-n{width:40px}.mpc table.sub col.c-pm{width:0}.mpc table.sub col.c-x{width:18px}
.mpc table.sub th,.mpc table.sub td{padding:6px 3px!important;font-size:11.5px!important}.mpc table.sub th{white-space:normal!important;font-size:10px!important;vertical-align:bottom}
.mpc table.sub th:first-child,.mpc table.sub td:first-child{padding-left:8px!important}
.mpc table.sub th:nth-child(n),.mpc table.sub td:nth-child(n){display:table-cell!important}
.mpc table.sub th.hp,.mpc table.sub td.hp,.mpc table.sub col.hp{display:none!important}.mpc table.sub td input{padding:4px 3px!important}}


.mpc .simple{display:grid;grid-template-columns:1fr 170px 110px 130px 28px;gap:10px;align-items:center;padding:10px 12px;background:#f3f7f8;border-radius:8px}
.simple .nm{font-weight:700}.simple small{display:block;color:#6b7680;font-size:11px;font-weight:400}
.simple .qr{display:block}.simple .qi{display:flex;gap:4px}.simple .qi input{width:80px!important;text-align:right;padding:5px 6px;margin:0}.simple .qi select{padding:5px 2px;margin:0;width:auto}
.simple .pp,.simple .ts{text-align:right;white-space:nowrap}.simple .ts b{font-size:15px}
@media(max-width:700px){.mpc .simple{grid-template-columns:1fr 1fr 24px;grid-template-areas:"n n x" "q q q" "p s s";row-gap:10px}
.simple .nm{grid-area:n}.simple .qr{grid-area:q}.simple .pp{grid-area:p;text-align:left}.simple .ts{grid-area:s;text-align:right}.simple .x{grid-area:x;align-self:start}
.simple .pp,.simple .ts{font-size:14px!important}.mpc table.sub th{white-space:nowrap!important}}


.mpc .al .v .t{display:block;line-height:18px} .sale-doc .mk-bar{align-items:baseline!important} .sale-doc .mk-bar>button{align-self:center}
.mpc .al{display:grid!important;align-items:stretch!important;row-gap:2px!important;grid-template-areas:none!important}
.mpc .al>div{display:flex;flex-direction:column;gap:0!important;min-width:0;grid-area:auto!important;text-align:right}
.mpc .al small.l{display:block;height:15px;line-height:15px;font-size:11px;color:#6b7680;font-weight:400;margin:0}
.mpc .al .v{flex:1;min-height:34px;display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:14px;line-height:18px;white-space:nowrap}
.mpc .al .v b{font-size:15px;line-height:18px}
.mpc .al .nm .v{justify-content:flex-start;white-space:normal;font-weight:700}.mpc .al .nm{text-align:left}
.mpc .al input,.mpc .al select{height:32px!important;box-sizing:border-box;margin:0!important;padding:4px 6px!important;font-size:14px}
.mpc .al .disc input{width:56px!important;text-align:right}.mpc .al .qr input{width:80px!important;text-align:right}
.mpc .al .x{padding:0 4px;line-height:18px}
.mpc .mpc-h.al{grid-template-columns:1fr 120px 120px 110px 130px 28px!important}
.mpc .simple.al{grid-template-columns:1fr 170px 110px 130px 28px!important;background:#f3f7f8}
 .sale-doc .mk-bar{align-items:center} .sale-doc .mk-bar .bcnt, .sale-doc .mk-bar .btot{line-height:1.2}
 .sale-doc .mk-bar .btot b{line-height:1.2}
@media(max-width:700px){
.mpc .mpc-h.al{grid-template-columns:1fr 1fr 24px!important}.mpc .mpc-h.al .nm{grid-column:1/3!important}.mpc .mpc-h.al .xx{grid-column:3!important;grid-row:1!important}
.mpc .mpc-h.al .pp{grid-column:1!important}.mpc .mpc-h.al .disc{grid-column:2/4!important}.mpc .mpc-h.al .tq{grid-column:1!important}.mpc .mpc-h.al .ts{grid-column:2/4!important}
.mpc .simple.al{grid-template-columns:1fr 1fr 24px!important}.mpc .simple.al .nm{grid-column:1/3!important}.mpc .simple.al .xx{grid-column:3!important;grid-row:1!important}
.mpc .simple.al .qr{grid-column:1/4!important}.mpc .simple.al .pp{grid-column:1!important}.mpc .simple.al .ts{grid-column:2/4!important}
.mpc .al .pp,.mpc .al .tq{text-align:left}.mpc .al .pp .v,.mpc .al .tq .v,.mpc .simple.al .qr .v{justify-content:flex-start}.mpc .simple.al .qr{text-align:left}
.mpc .al .nm small.l,.mpc .al .xx small.l{display:none}}

 .sale-doc .mk-bar{align-items:center!important}
 .sale-doc .mk-bar .bgrp{display:flex;align-items:baseline;gap:18px;align-self:center;font-size:18px;line-height:22px;margin-right:auto}
 .sale-doc .mk-bar .bgrp span, .sale-doc .mk-bar .bgrp b{font-size:18px!important;line-height:22px!important;margin:0!important;padding:0!important}
 .sale-doc .mk-bar>button{align-self:center!important}
@media(max-width:700px){ .sale-doc .mk-bar{flex-wrap:nowrap!important;gap:10px!important;padding-left:14px!important;padding-right:14px!important} .sale-doc .mk-bar .bgrp{gap:10px;flex-wrap:wrap;row-gap:2px;flex:1 1 auto;min-width:0} .sale-doc .mk-bar>button{flex:0 0 auto;width:118px!important;white-space:normal!important;line-height:18px!important;padding:8px 10px!important;font-size:14px!important;margin:0!important}}
.mpc [hidden]{display:none!important}.mpc .pr-v{cursor:pointer}.mpc .pr-v:hover b{text-decoration:underline dotted}.mpc .c-price{width:90px!important;text-align:right}
/* inputs: no spinners, digits fully visible */
.mpc input[type=number]::-webkit-inner-spin-button,.mpc input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}
.mpc input[type=number]{-moz-appearance:textfield;appearance:textfield}
.mpc table.sub col.c-l{width:104px}.mpc table.sub col.c-n{width:76px}
.mpc table.sub td input,.mpc .al .qr input{padding:4px 8px!important;text-align:right!important;font-variant-numeric:tabular-nums}
.mpc .al .qr input{width:92px!important}
@media(max-width:700px){.mpc table.sub col.c-l{width:72px}.mpc table.sub col.c-w{width:44px}.mpc table.sub col.c-n{width:46px}.mpc table.sub td input{padding:4px 5px!important;font-size:14px}.mpc .al .qr input{width:76px!important}}

/* receipt doc (pt334u) */
.receipt-doc .doc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.rc-scan{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.rc-scan .scan-file{width:auto;padding:8px 16px;margin:0;cursor:pointer;display:inline-block;font-weight:700;border-radius:0}
.rc-ai{display:flex!important;align-items:center;gap:6px;margin:0!important;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer}
.rc-ai input{width:18px!important;height:18px;margin:0!important;accent-color:var(--teal)}
.rc-row{grid-template-columns:1fr 1fr 160px!important}
.mpc .mpc-h.al.rc-h{grid-template-columns:1fr 150px 110px 130px 28px!important}
.mpc .simple.al.rc-s{grid-template-columns:1fr 170px 150px 130px 28px!important}
.mpc .al .pp input.pin{width:80px!important;text-align:right}
.rc-scanbox:not(:has(#scan-review:not([hidden]))):not(:has(#scan-status:not(:empty))){display:none}
.receipt-doc + #receipt-message:empty,.receipt-doc #receipt-message:empty{display:none}
@media(max-width:700px){.rc-row{grid-template-columns:1fr 1fr!important}.rc-row label:first-child{grid-column:1/3}
.mpc .mpc-h.al.rc-h{grid-template-columns:1fr 1fr 24px!important}.mpc .mpc-h.al.rc-h .pp{grid-column:1/4!important}.mpc .mpc-h.al.rc-h .tq{grid-column:1!important}.mpc .mpc-h.al.rc-h .ts{grid-column:2/4!important}
.mpc .simple.al.rc-s{grid-template-columns:1fr 1fr 24px!important}}

.mp-act{white-space:nowrap;text-align:right}.mp-act .mk-x{display:inline-block;width:auto;margin-left:8px;vertical-align:middle}@media(max-width:650px){.mp-act .mk-x .remove-line{min-width:36px;min-height:36px}.mp-act .mk-x{margin-left:4px}}
.mp-act .mk-x .remove-line{color:#9aa4ac;font-weight:400;font-size:18px;padding:0 4px}
/* counts right column */
.cat-tree li{display:flex;align-items:center}.cat-tree li>details{flex:1;min-width:0}
.cat-tree summary{display:flex;align-items:center}
.cat-tree li>a,.cat-tree summary>a{flex:1;min-width:0;display:flex;align-items:flex-start;overflow-wrap:anywhere}
.cat-tree li>a>.fi,.cat-tree summary>a>.fi{margin-top:2px}
.cat-tree li>.cnt,.cat-tree summary>.cnt{flex:none;margin-left:8px;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}

/* stock size chips */.szchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.szchip{display:inline-flex;gap:6px;align-items:baseline;background:#e9f6ec;border:1px solid #cfe9d6;border-radius:12px;padding:2px 9px;font-size:13px;white-space:nowrap}.szchip b{color:#20242a}.szchip em{font-style:normal;color:#28a745;font-weight:700}.szchip.neg{background:#fdecec;border-color:#f3c7c7}.szchip.neg em{color:#a22020}

/* card size table */.sz-h{margin:16px 0 8px}.sz-wrap{margin-bottom:14px}table.sztab{min-width:0;width:100%}.sztab td,.sztab th{padding:8px 12px}.sztab td.okc{font-weight:700}

/* min sheets */.sz-low{color:#a22020;font-size:12px;font-weight:600;white-space:nowrap}input.sz-min{display:inline-block;width:80px;margin:0;padding:5px 8px;text-align:right}
/* colalign */.sz-low{display:block;font-size:11px;line-height:1.1;margin-top:2px}.sztab td{vertical-align:top}.sztab th:nth-child(n+2),.sztab td:nth-child(n+2){width:1%;white-space:nowrap}
.sztab th:nth-child(4){white-space:normal;min-width:84px}

/* sale stock hints */.suggestion .szchips{margin-top:4px}.sr-hint td.s-hint{padding:0 8px 6px;border:0;font-size:12px;color:#197443;text-align:left}.sr-hint td.s-hint.warn{color:#a22020;font-weight:700}.sr-hint td.s-hint:empty{padding:0}input.s-sh.s-over{border:2px solid #d33;color:#a22020}
.sub .sr-hint td.s-hint{text-align:left!important}
/* ===== Заказы клиентов ===== */
.ord-band{background:#476e7a;color:#fff;text-align:center;font-weight:800;letter-spacing:.5px;text-transform:uppercase;padding:9px 12px;border-radius:6px 6px 0 0;max-width:1180px;margin:0 auto}
.ord-wrap{max-width:1180px;margin:0 auto}.ord-box{background:#fff;padding:16px 18px;border-radius:0 0 8px 8px}
.ord-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ord-head h2{margin:0;font-size:20px;flex:1 1 auto}
.ord-search{margin:0}.ord-search input{width:230px;margin:0;padding:8px 10px}
.ord-newbtn{display:inline-block;width:auto!important;text-decoration:none;padding:9px 16px;border-radius:6px;font-weight:700;white-space:nowrap}
.ord-chips{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}
.ochip{display:inline-block;padding:5px 11px;border-radius:14px;background:#eef1f3;color:#26323a;font-size:13px;font-weight:600;text-decoration:none}
.ochip.on{background:#476e7a;color:#fff}
.ord-list td{vertical-align:middle}.ord-list tr[data-href]{cursor:pointer}.ord-list tr[data-href]:hover td{background:#f6f9fa}
.ord-list small{font-size:12px}.ord-list .mo-sum{display:none}.ord-note{font-size:12px}
.ost,.ochip-st{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:700;white-space:nowrap;border:0}
.s-new{background:#e3eefb;color:#1d5aa6}.s-wait,.ochip-st.s-wait{background:#fff0dc;color:#b86200}.s-ready,.ochip-st.s-ready{background:#e2f5e6;color:#1f7a35}
.s-part,.ochip-st.s-part{background:#e3eefb;color:#1d5aa6}.s-done,.ochip-st.s-done{background:#eceef0;color:#5d6770}.ochip-st.s-no{background:#fde4e4;color:#b42323}
select.ochip-st{appearance:auto;padding:3px 6px;margin:0;width:auto;cursor:pointer}
.ord-doc{max-width:1180px;margin:0 auto}.ord-back{display:inline-block;margin:0 0 10px;font-size:13px}
.ord-row{display:grid;grid-template-columns:2fr 1.4fr 1fr;gap:12px}
.ord-stat{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:8px 0 12px;font-size:13px}.ord-sale{font-size:13px}
.ord-empty{border:1px solid #e1e5e8;background:#f6f8f9;border-radius:6px;text-align:center;color:#6b7680;padding:26px 12px;margin:10px 0}
.ord-total{text-align:right;font-size:17px;margin:12px 4px}.ord-total b{font-size:19px}
.ord-note-l{display:block;margin-top:8px}.ord-note-l input{width:100%}
.ord-bar{display:flex;gap:12px;flex-wrap:wrap;padding:14px 18px;background:#fff;border-top:1px solid #e6e9ec}
.ord-bar>*{flex:1 1 200px;width:auto!important;margin:0!important;text-align:center}
.ord-cancel{padding:0 18px 12px;text-align:right}.ord-cancel .link-button{color:#b42323;font-size:13px}
.mpc .o-c{text-align:left}.mpc td.o-c select{width:auto;max-width:190px;padding:4px 6px;margin:0;font-size:13px}
.mpc td.o-hint{text-align:left!important;white-space:normal!important;padding-top:0}
.mpc .o-hint .o-m{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:2px 0 4px}.mpc .o-hint .o-m select{width:auto;max-width:100%;padding:4px 6px;margin:0;font-size:13px}
.mpc .o-dt{display:inline-flex;gap:6px;align-items:center;font-size:12px;color:#6b7680;margin:2px 0}.mpc .o-dt input{width:auto;padding:3px 6px;margin:0;font-size:13px}
.mpc .s-hint{font-size:12px;color:#1f7a35;margin-right:10px}.mpc .s-hint.warn{color:#b42323}
.o-line{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:8px 12px;border-top:1px solid #eceef0;font-size:13px}.o-line select{width:auto;padding:4px 6px;margin:0;font-size:13px}.o-lbl{color:#6b7680;font-size:11px;font-weight:700}
.szchip .rz{color:#b86200;font-size:11px;margin-left:2px}.ord-doc .szchip[data-len]{cursor:pointer}
td small.resv{display:block;color:#b86200;font-size:11px;font-weight:600}
.ord-modal{position:fixed;inset:0;background:rgba(20,30,40,.45);z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:60px 12px;overflow:auto}
.ord-modal[hidden]{display:none}.ord-mbox{background:#fff;border-radius:10px;padding:18px;max-width:720px;width:100%}.ord-mbox h3{margin:0 0 10px}
.ord-it input{width:90px;text-align:right;margin:0;padding:5px}.ord-mbar{display:flex;gap:10px;margin-top:10px}.ord-mbar>*{width:auto!important;margin:0!important}
@media(max-width:700px){.ord-row{grid-template-columns:1fr 1fr}.ord-row label:first-child{grid-column:1/3}
 .ord-list th.hp,.ord-list td.hp{display:none}.ord-list .mo-sum{display:block;color:#6b7680}.ord-search{flex:1 1 100%;order:3}.ord-search input{width:100%}
 .ord-box{padding:12px}.ord-list th:nth-child(3),.ord-list td:nth-child(3){display:none}}

.mpc table.sub td.s-pm[hidden]{display:none!important}
.mpc table.o-sub col.c-src{width:190px}.mpc table.o-sub col.c-st{width:170px}.mpc table.o-sub col.c-m2{width:80px}
.mpc table.o-sub td.o-c{text-align:left!important;overflow:hidden}.mpc table.o-sub td.o-c select{max-width:100%!important}
.mpc .o-dt{flex-wrap:wrap;max-width:100%}.mpc .o-dt input{max-width:100%}

.to-tabs{display:flex;gap:4px;border-bottom:2px solid #e1e5e8;margin:0 0 14px}.to-tab{padding:8px 14px;text-decoration:none;color:#5d6770;font-weight:700;font-size:14px;border-radius:6px 6px 0 0}.to-tab.on{background:#476e7a;color:#fff}
.to-btn{width:auto!important;margin:0!important;padding:8px 18px;text-decoration:none}.to-bar{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}.to-bar .ochip small{opacity:.7;margin-left:3px}
.to-flt{background:#e3eefb;border-radius:6px;padding:7px 12px;font-size:13px}.to-grp{margin:14px 0 6px}.to-gh{display:flex;justify-content:space-between;background:#eef2f4;padding:9px 12px;border-radius:6px 6px 0 0}.to-gh b{font-size:16px}.to-gh span{font-weight:800}
.to-t{width:100%}.to-t th{font-size:12px;color:#6b7680;font-weight:600}.to-t td{vertical-align:middle;font-size:14px}.to-t td small{font-size:12px}
.to-mark{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0 4px;font-size:13px}.to-mark .ghost-button{width:auto!important;margin:0!important;font-weight:700}.to-mark label{display:flex;align-items:center;gap:6px;margin:0}.to-mark input{margin:0;padding:5px;width:auto}
.ord-hint{background:#fff0dc;color:#7a4300;border-radius:6px;padding:8px 12px;margin:0 0 10px;font-size:13px}
.ost.s-no{background:#fde4e4;color:#b42323}

.mp-oplink{font-size:12px;margin-left:6px;white-space:nowrap}@media(max-width:650px){.mp-act .mp-oplink{display:block;margin:4px 0 0}}

/* headers unify */
main{max-width:1640px}.ord-wrap,.ord-doc{max-width:none}.ord-box{border-radius:0 0 8px 8px}.ord-sp{flex:1 1 auto}
.cat-layout{border-top:0!important}.pc-title{margin-bottom:0}.pc-crumbs{margin:10px 0 12px}
.set-sub{font-size:20px;margin:18px 0 8px}main>h1+.to-tabs{margin-top:10px}main>h1+#mp-drafts{margin-top:10px}

.stockbar{align-items:flex-end;flex-wrap:wrap}.stockbar .fq{flex:1 1 220px;min-width:220px}.stockbar .fq input{margin-top:2px;width:100%;min-width:0}.stockbar input[name=q],.stockbar select,.stockbar .primary{height:40px;padding-top:0;padding-bottom:0;line-height:38px}.stockbar .avail-toggle{height:40px;display:flex;align-items:center}.stockbar .reset{height:40px;display:flex;align-items:center}
@media(max-width:650px){.stockbar .fq{flex:1 1 100%;min-width:0}.stockbar .primary{width:100%}}
@media(min-width:651px){.stockbar{flex-wrap:nowrap}.stockbar .fq{flex:1 1 200px;min-width:150px}.stockbar .flt:not(.fq){flex:0 1 150px;min-width:90px}.stockbar .flt select{min-width:0;width:100%}.stockbar .primary,.stockbar .avail-toggle{flex:none}}

.nodisc-toggle{display:inline-flex;align-items:center;gap:4px;font-size:13px;white-space:nowrap;cursor:pointer}.nodisc-toggle input{margin:0}

.mpc .pc-hint{padding:2px 10px 6px}.mpc .pc-hint .s-hint:empty{display:none}input.c-qty.s-over{border:2px solid #d33;color:#a22020}

.mpc .mpc-h.al.pc-h{grid-template-columns:1fr 120px 120px 170px 130px 28px!important}.mpc .mpc-h.pc-h .qr .v{display:flex;gap:4px;justify-content:flex-end}.mpc .mpc-h.pc-h .qr input{width:70px!important;text-align:right;padding:4px 6px;margin:0}.mpc .mpc-h.pc-h .qr select{padding:4px 2px;margin:0;width:auto}.mpc .mpc-h.pc-h .qr{text-align:right}.mpc .mpc-h.pc-h+.pc-hint{padding:6px 12px 8px}
@media(max-width:700px){.mpc .mpc-h.al.pc-h{grid-template-columns:1fr 1fr 24px!important}.mpc .mpc-h.al.pc-h .qr{grid-column:1!important;text-align:left}.mpc .mpc-h.pc-h .qr .v{justify-content:flex-start}.mpc .mpc-h.al.pc-h .ts{grid-column:2/4!important}}

.sale-doc .mk-row{grid-template-columns:1fr 1fr 110px auto}.sale-doc .mk-row label.hide-disc-flag{display:flex;flex-direction:row;align-items:center;gap:6px;align-self:end;padding-bottom:10px;font-size:13px}.sale-doc .mk-row label.hide-disc-flag input{width:auto;margin:0}@media(max-width:820px){.sale-doc .mk-row{grid-template-columns:1fr 1fr}.sale-doc .mk-row label.hide-disc-flag{grid-column:1/-1;padding-bottom:0}}
.sale-doc .mk-row{grid-template-columns:1fr 1fr 110px auto auto}@media(max-width:820px){.sale-doc .mk-row{grid-template-columns:1fr 1fr}}.doc-buttons{flex-wrap:wrap}

@media(min-width:701px){.mpc .mpc-h.al:not(.rc-h):not(.pc-h),.mpc .mpc-h.al.pc-h{grid-template-columns:1fr 120px 120px 170px 130px 28px!important}}
.sale-doc .mk-row{grid-template-columns:1fr 1fr 110px!important}.sale-doc .doc-head{display:flex;align-items:center;flex-wrap:wrap}.sale-doc .doc-flags{margin-left:auto;display:flex;flex-direction:column;gap:4px}.sale-doc .doc-flags label.hide-disc-flag{display:flex;flex-direction:row;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:400;padding:0}.sale-doc .doc-flags label.hide-disc-flag input{width:auto;margin:0}@media(max-width:820px){.sale-doc .mk-row{grid-template-columns:1fr 1fr!important}.sale-doc .doc-flags{margin-left:0;flex-basis:100%;width:100%;margin-top:8px}}
@media(max-width:820px){body.kb-open .bottom-nav,body.kb-open .fb-fab{display:none!important}}
.draft-note{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff8e1;border:1px solid #f0d78c;border-radius:8px;padding:6px 10px;margin:0 0 10px;font-size:14px;max-width:100%;box-sizing:border-box}.draft-note .draft-clear{padding:4px 10px;font-size:13px;min-height:0;width:auto;margin:0}
@media(max-width:820px){html,body{max-width:100%;overflow-x:clip}}
@media(max-width:820px){.ord-row label:has(>input[name=need_date]){display:none}.ord-row{grid-template-columns:1fr 1fr}}@media(max-width:700px){.ord-row label:nth-child(2){grid-column:1/3}}

/* ===== Компактная плотность на телефоне (pt542u) ===== */
@media(max-width:820px){
:root{--g:8px}
main{padding-top:10px!important}
h1{padding:9px 12px!important;font-size:17px!important}
.operation-form,.searchbar{padding:10px!important}
.operation-form label,.login-card label{margin-bottom:8px}
input:not([type=checkbox]):not([type=radio]):not(.mpc input):not(.line input),select:not(.mpc select):not(.line select){margin-top:3px;padding:8px 10px;min-height:40px;height:40px;box-sizing:border-box}
.sale-doc .mk-pad{padding:10px!important}
.sale-doc .doc-head{margin:0 0 6px!important;gap:8px!important}
.sale-doc .doc-head .doc-title{font-size:17px}
.sale-doc .doc-head #voice-mic{padding:6px 12px!important;min-height:36px}
.sale-doc .doc-flags{gap:2px!important;margin-top:4px!important}
.sale-doc .doc-flags label.hide-disc-flag{min-height:24px}
.sale-doc .mk-row{gap:4px var(--g)!important}
.sale-doc .mk-row label{line-height:1.25}
.sale-doc .mk-bar{padding-top:8px!important;padding-bottom:8px!important}
.sale-doc .mk-bar b{font-size:19px}
.picker{padding:8px!important;margin:6px 0!important}
.pk-folders{margin-bottom:6px!important}
.crumbs{margin:0 0 4px!important}
.folder{padding:8px 10px!important;min-height:40px;box-sizing:border-box}
.suggestion{padding:7px 8px!important}
.product-row{padding:8px 12px!important}
.product-row small{margin-top:1px}
.category summary{padding:9px 12px!important}
.m-folders summary{padding:9px 12px!important}
.m-folders{margin-bottom:8px!important}
th,td{padding:7px 10px}
.mpc{margin:6px 0!important}
.mpc-h{padding:7px 10px!important;row-gap:4px!important}
.mpc th{padding:4px 6px}
.searchbar input{margin-bottom:6px}
.check{margin:2px 8px 6px 0!important}
.searchbar.filters{gap:6px!important}
.draft-note{margin:0 0 6px;padding:4px 8px}
.scan-box{padding:10px!important;margin-bottom:8px!important}
}
/* auditfix1: узкий десктоп 651–1279px — без горизонтальной прокрутки (≥1280 и телефон не меняются) */
@media(min-width:651px) and (max-width:1279px){.cat-layout>*{min-width:0}.cat-main{min-width:0}.stockbar{flex-wrap:wrap;row-gap:10px}.stockbar .fq{flex:1 1 100%;min-width:0}.stockbar .flt:not(.fq){flex:1 1 120px}}
@media(min-width:651px) and (max-width:1000px){.topbar nav{gap:4px;min-width:0}.topbar nav .tb{padding-left:9px;padding-right:9px}.mp-tbl{display:block;overflow-x:auto;max-width:100%}}

.op-deleted{color:#b42318;font-weight:600;margin-left:8px}

/* Чёрный металл: остатки/цена в метрах и ввод цены за метр — только компьютер (>820px); на телефоне как раньше */
.q-m,.pc-sp{display:none}
@media (min-width:821px){.has-m .q-b{display:none}.has-m .q-m{display:inline}.q-m small{display:block;color:#888;font-size:11px;font-weight:400}.pc-kv .q-m small{display:inline;margin-left:4px}
.pc-sp{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;padding:8px 0;border-bottom:1px dashed #e5e5e5}.pc-sp label{display:flex;flex-direction:column;gap:3px;font-size:13px;color:#666}.pc-sp input{width:130px}}

/* Продажа (компьютер): колонка «Категория» как на «Остатках» (.cat-layout): ширина 300px, без зазора до содержимого */
@media (min-width:821px){.op-layout.op-b:has(#sale-form){grid-template-columns:300px minmax(0,1fr);column-gap:0}}

/* Продажа (компьютер): колонка «Цена листа» в таблице размеров; на телефоне скрыта */
@media (max-width:820px){.mpc table.sub th.sp,.mpc table.sub td.sp,.mpc table.sub col.sp{display:none!important}}
@media (min-width:821px){.mpc table.sub th.sp,.mpc table.sub td.sp{display:table-cell;white-space:nowrap;text-align:right}.mpc table.sub col.sp{display:table-column}}
@media (min-width:821px){.mpc table.sub td.sp input.s-psi{width:84px;text-align:right}}

/* pt620u: черновики / копировать / изменить — только компьютер */
@media (max-width:820px){.dsk,.dsk-i{display:none!important}}
@media (min-width:821px){.mob-i{display:none}
.sale-doc .mk-bar .sv-save{width:auto;margin:0;padding:10px 18px;border-radius:8px;border:2px solid var(--lime);background:transparent;color:#fff;font-weight:600;cursor:pointer}
.sale-doc .mk-bar .sv-save:hover{background:rgba(255,255,255,.1)}
.sale-doc .mk-bar .primary{margin-left:0}
.sv-prev-w{position:relative;margin-left:auto}.sale-doc .mk-bar .sv-prev{width:auto;margin:0;padding:10px 14px;color:#fff;border-color:rgba(255,255,255,.5);background:transparent}
.sv-menu{position:absolute;bottom:110%;left:0;background:#fff;border:1px solid #ccd;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.18);padding:4px;z-index:30;min-width:190px}
.sv-menu a{display:block;padding:7px 10px;color:#223;cursor:pointer;border-radius:6px;font-size:14px;white-space:nowrap}.sv-menu a:hover{background:#eef4f7}
.src-note{font-size:14px}.src-note.m-edit{background:#fff4d6;border-color:#e0b54a}.src-note.m-copy{background:#e7f1f5;border-color:#9cc0cf}.src-note.m-err{background:#fde8e8;border-color:#e3a0a0}
.ops-filter{margin:10px 12px;font-size:14px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.ops-filter .chip{padding:4px 11px;border:1px solid #ccd3d8;border-radius:14px;color:#333;text-decoration:none;background:#fff}.ops-filter .chip.on{background:#457082;border-color:#457082;color:#fff}.ops-filter .chip-dr:not(.on){background:#fff4d6;border-color:#e0b54a}
.op-act{display:inline-flex;gap:6px;margin-right:6px;vertical-align:middle}.mk-btn{display:inline-block;padding:5px 11px;border-radius:6px;border:1px solid #457082;background:#fff;color:#457082;font:600 13px system-ui,sans-serif;cursor:pointer;text-decoration:none;white-space:nowrap;width:auto;min-height:0}.mk-btn.mk-ed{background:#457082;color:#fff}.mk-btn.mk-post{background:#c8f000;border-color:#9fbf00;color:#222}
.doc-buttons.op-act{display:flex;margin:10px 0 0}
.st-draft{background:#ffe9a8;padding:2px 8px;border-radius:10px;font-weight:600}.st-cancelled{background:#fde8e8;color:#b42318;padding:2px 8px;border-radius:10px;font-weight:600}
.op-num{color:#667;font-size:13px;white-space:nowrap}
.op-banner{max-width:800px;margin:10px auto;padding:9px 14px;border-radius:8px;font-size:14px;box-sizing:border-box}.b-draft{background:#fffbe8;border:1px solid #e0b54a}.b-cancel{background:#fde8e8;border:1px solid #c94b4b}.b-repl{background:#e7f1f5;border:1px solid #9cc0cf}
}
.inv-mark{border:3px solid #b42318;color:#b42318;font-weight:700;text-align:center;font-size:18px;padding:4px;margin:0 0 8px;letter-spacing:1px}

@media (min-width:821px){a.op-num{color:#1a6fa3;text-decoration:none;font-weight:600}a.op-num:hover{text-decoration:underline}}

@media (min-width:821px){.firm-pick{display:inline-flex;align-items:center;gap:6px;font-size:13px;white-space:nowrap}.firm-pick select{width:auto;padding:2px 6px;font-size:13px;margin:0}}