:root{--ink:#1b1b1b;--muted:#6c6c68;--line:#ddddda;--canvas:#eeeeeb;--paper:#fff;--nav:#191919;--soft:#f5f5f2;--warn:#fff4e5;--bad:#fff0f0;--good:#edf7ef;--radius:12px;--shadow:0 8px 22px rgba(0,0,0,.045)}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif}.topbar{height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.brand{display:flex;align-items:center;gap:12px}.mark{width:42px;height:42px;border:1px solid #222;border-radius:9px;display:grid;place-items:center;font-weight:800}.brand strong{display:block;font-size:17px}.brand span{display:block;color:var(--muted);font-size:12px;margin-top:2px}.main-nav{height:58px;background:var(--nav);position:sticky;top:0;z-index:20}.nav-inner{max-width:1480px;margin:auto;height:100%;display:flex;align-items:center;padding:0 24px}.main-nav button{height:100%;border:0;background:none;color:#bdbdb8;padding:0 20px;font-weight:650;cursor:pointer;border-bottom:3px solid transparent}.main-nav button.active{color:#fff;border-bottom-color:#fff}.nav-context{margin-left:auto;color:#aaa;font-size:12px}.workspace{max-width:1480px;margin:auto;padding:30px 24px 60px}.page{display:none}.page.active{display:block}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px;gap:20px}.page-intro.compact{margin-bottom:18px}.page-intro h1{font-size:34px;margin:4px 0 6px;letter-spacing:-.035em}.page-intro p{margin:0;color:var(--muted);max-width:720px}.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:800;color:#73736f}.button{border:1px solid #1d1d1d;border-radius:8px;padding:10px 14px;font-weight:700;background:#1c1c1c;color:#fff;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.button.subtle{background:#fff;color:#222;border-color:#cfcfca}.button:disabled{opacity:.4;cursor:not-allowed}.intro-actions{display:flex;gap:8px}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.kpi{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.kpi span{display:block;font-size:11px;color:var(--muted);font-weight:800;letter-spacing:.08em}.kpi strong{display:block;font-size:31px;margin-top:6px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.panel h2{font-size:19px;margin:4px 0}.muted{color:var(--muted)}.dropzone{border:1.5px dashed #b8b8b2;border-radius:10px;min-height:128px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;margin-top:18px;cursor:pointer;background:#fafaf8}.dropzone:hover{background:#f4f4f1}.dropzone input{display:none}.dropzone small{color:var(--muted)}.drop-icon{font-size:26px}.status-message{font-size:13px;margin-top:12px;color:#3d3d3a;white-space:pre-line}.status-message.error{color:#9c2f2f}.status-message.success{color:#31643a}.service-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.service-card{border:1px solid var(--line);border-radius:10px;background:#fff;padding:16px;cursor:pointer;text-align:left}.service-card:hover{border-color:#999}.service-card .top{display:flex;justify-content:space-between;gap:10px}.service-card strong{font-size:16px}.service-card small{color:var(--muted)}.metrics{display:flex;gap:16px;margin-top:14px}.metrics span{font-size:12px;color:var(--muted)}.metrics b{color:#222}.pill{padding:4px 8px;border-radius:999px;background:#efefec;font-size:11px;font-weight:700}.pill.warn{background:var(--warn)}.service-row{display:grid;grid-template-columns:1.4fr .6fr 1fr auto;gap:16px;align-items:center;padding:14px 2px;border-bottom:1px solid var(--line)}.service-row:last-child{border-bottom:0}.service-row strong{display:block}.service-row span{color:var(--muted);font-size:13px}.work-toolbar{display:grid;grid-template-columns:1fr 190px 260px;gap:10px;margin-bottom:12px}.search input,.work-toolbar select{width:100%;height:42px;border:1px solid #cfcfca;border-radius:8px;background:#fff;padding:0 12px}.work-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.55fr);gap:14px}.list-panel{padding:0;overflow:hidden}.table-head,.stock-row{display:grid;grid-template-columns:minmax(280px,1fr) 80px 80px 100px 80px;gap:8px;align-items:center}.table-head{padding:12px 14px;background:#f4f4f1;font-size:10px;font-weight:800;letter-spacing:.07em;color:var(--muted)}.stock-row{width:100%;border:0;border-top:1px solid #ecece8;background:#fff;padding:12px 14px;text-align:left;cursor:pointer}.stock-row:hover,.stock-row.selected{background:#f7f7f4}.stock-name strong{display:block;font-size:13px}.stock-name small{color:var(--muted);font-size:11px}.num{text-align:right;font-variant-numeric:tabular-nums}.match{font-size:10px;padding:3px 6px;border-radius:999px;background:#efefec}.match.approx{background:var(--warn)}.match.missing{background:var(--bad)}.diff.neg,.diff.pos{font-weight:800}.detail-panel{position:sticky;top:74px;align-self:start}.detail-panel h2{font-size:18px;line-height:1.35}.detail-code{font-size:11px;color:var(--muted);font-weight:800}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.detail-grid div{background:var(--soft);border-radius:8px;padding:10px}.detail-grid span{display:block;color:var(--muted);font-size:10px}.detail-grid strong{display:block;margin-top:4px;font-size:18px}.field{margin-top:14px}.field label{display:block;font-size:11px;font-weight:800;color:var(--muted);margin-bottom:6px}.field input,.field textarea{width:100%;border:1px solid #cfcfca;border-radius:8px;padding:10px;font-size:16px}.field textarea{min-height:70px;resize:vertical}.result-card{margin-top:14px;padding:13px;border-radius:8px;background:var(--soft)}.result-card.warn{background:var(--warn)}.result-card.bad{background:var(--bad)}.result-card span{display:block;font-size:11px;color:var(--muted)}.result-card strong{display:block;font-size:20px;margin-top:3px}.detail-actions{display:flex;gap:8px;margin-top:16px}.empty-state{text-align:center;padding:36px;color:var(--muted)}.toast{position:fixed;right:22px;bottom:22px;background:#1d1d1d;color:#fff;padding:12px 16px;border-radius:8px;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s}.toast.show{opacity:1;transform:none}@media(max-width:900px){.grid-2,.work-grid{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr 1fr}.work-toolbar{grid-template-columns:1fr}.detail-panel{position:static}.table-head,.stock-row{grid-template-columns:minmax(180px,1fr) 56px 56px 74px 60px}.workspace{padding:18px 12px 40px}.topbar{padding:0 14px}.nav-inner{padding:0 6px}.main-nav button{padding:0 12px}.page-intro{align-items:flex-start;flex-direction:column}.page-intro h1{font-size:28px}}@media(max-width:580px){.kpis{grid-template-columns:1fr}.brand span{display:none}.table-head,.stock-row{grid-template-columns:minmax(170px,1fr) 52px 52px 68px}.table-head span:last-child,.stock-row>*:last-child{display:none}}

.detail-progress{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:11px;font-weight:800;color:var(--muted);letter-spacing:.05em}.quantity-card{margin-top:14px;border:1px solid var(--line);border-radius:12px;padding:14px;background:#fbfbf9}.quantity-card.primary{border-color:#bdbdb7;background:#fff}.quantity-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.quantity-head label{font-size:11px;font-weight:800;color:var(--muted);letter-spacing:.06em}.qty-state{font-size:9px;font-weight:800;padding:4px 7px;border-radius:999px;background:var(--good);color:#315c38}.qty-state.pending{background:var(--warn);color:#7b5a20}.quantity-main{display:grid;grid-template-columns:62px minmax(0,1fr) 62px;gap:8px;align-items:stretch}.quantity-input{width:100%;height:66px;border:2px solid #bdbdb8;border-radius:10px;text-align:center;font-size:34px!important;font-weight:800;font-variant-numeric:tabular-nums;padding:0 8px!important;background:#fff}.quantity-input:focus{outline:3px solid rgba(25,25,25,.12);border-color:#1f1f1f}.qty-arrow{height:66px;border:1px solid #bbb;border-radius:10px;background:#f0f0ed;font-size:30px;font-weight:600;cursor:pointer;touch-action:manipulation}.qty-arrow:active,.quick-steps button:active,.presets button:active{transform:translateY(1px);background:#e6e6e1}.quick-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:8px}.quick-steps button,.presets button{min-height:42px;border:1px solid #c9c9c4;border-radius:8px;background:#fff;font-weight:800;cursor:pointer;touch-action:manipulation}.quick-steps button{font-size:14px}.presets{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px}.presets span{font-size:10px;color:var(--muted);font-weight:800;margin-right:2px}.presets button{min-height:36px;padding:0 10px;font-size:12px}.presets button.clear{margin-left:auto;color:#8a2e2e}.gh-compact{margin-top:14px;border:1px solid var(--line);border-radius:10px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fafaf8}.gh-compact span{display:block;font-size:10px;color:var(--muted);font-weight:800}.gh-compact strong{display:block;font-size:22px;margin-top:2px}.gh-compact .button{min-height:42px}.next-primary{flex:1;min-height:50px;font-size:15px}.tablet-actions .button{min-height:50px}.detail-grid .pos,.result-card .pos{color:#8a4b00}.detail-grid .neg,.result-card .neg{color:#9b2c2c}.stock-row{min-height:58px}.stock-row.selected{box-shadow:inset 4px 0 0 #1d1d1d}.stock-row .num{font-size:14px}.detail-panel{scroll-margin-top:72px}
@media(max-width:1100px){.work-grid{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr)}.table-head,.stock-row{grid-template-columns:minmax(220px,1fr) 64px 64px 78px 64px}.quick-steps{grid-template-columns:repeat(3,1fr)}.quick-steps button{min-height:46px}}
@media(max-width:900px){.work-grid{grid-template-columns:1fr}.detail-panel{order:-1;position:static}.list-panel{order:2}.detail-panel h2{font-size:21px}.quantity-card{padding:16px}.quantity-main{grid-template-columns:70px minmax(0,1fr) 70px}.quantity-input,.qty-arrow{height:72px}.quantity-input{font-size:38px!important}.qty-arrow{font-size:34px}.quick-steps button{min-height:52px;font-size:16px}.presets button{min-height:44px;font-size:13px}.tablet-actions{position:sticky;bottom:8px;background:rgba(255,255,255,.96);padding-top:8px;z-index:5}.detail-actions{margin-top:18px}}
@media(max-width:580px){.quantity-main{grid-template-columns:58px minmax(0,1fr) 58px}.quantity-input,.qty-arrow{height:64px}.quantity-input{font-size:32px!important}.quick-steps{grid-template-columns:repeat(3,1fr)}.presets span{width:100%}.presets button.clear{margin-left:0}.tablet-actions{display:grid;grid-template-columns:1fr 1.4fr}.tablet-actions .button{width:100%}.detail-grid{grid-template-columns:repeat(3,1fr)}.detail-grid strong{font-size:16px}.detail-panel{padding:16px}}

.position-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 14px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fafaf8}.position-controls span{display:block;font-size:10px;color:var(--muted);font-weight:800;letter-spacing:.06em}.position-controls strong{display:block;font-size:17px;margin-top:2px}.position-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.position-buttons .button{min-height:44px;white-space:nowrap}.position-buttons .button:disabled{opacity:.35}
@media(max-width:900px){.position-controls{align-items:stretch;flex-direction:column}.position-buttons .button{min-height:52px;font-size:15px}}
@media(max-width:580px){.position-buttons{grid-template-columns:1fr 1fr}.position-buttons .button{padding:10px 8px;font-size:14px}}

/* Tablet portrait: article counting opens in an overlay drawer instead of below the list */
.detail-backdrop{display:none}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-2px 0 12px;padding-bottom:10px;border-bottom:1px solid var(--line)}.drawer-head>strong{font-size:11px;letter-spacing:.08em;color:var(--muted)}.drawer-close{display:none;border:1px solid #c9c9c4;border-radius:8px;background:#fff;min-height:40px;padding:0 12px;font-weight:800;cursor:pointer}
@media(max-width:900px){body.drawer-lock{overflow:hidden}.work-grid{display:block}.list-panel{width:100%}.detail-panel{display:block!important;position:fixed!important;top:68px!important;right:12px!important;bottom:12px!important;left:auto!important;width:min(560px,calc(100vw - 24px))!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain;z-index:70!important;order:initial!important;transform:translateX(calc(100% + 30px));opacity:0;pointer-events:none;transition:transform .22s ease,opacity .18s ease;box-shadow:0 20px 60px rgba(0,0,0,.24);border-radius:14px;padding:18px}.detail-panel.drawer-open{transform:translateX(0);opacity:1;pointer-events:auto}.detail-backdrop{display:block;position:fixed;inset:0;border:0;background:rgba(20,20,20,.34);z-index:60;opacity:0;pointer-events:none;transition:opacity .18s ease}.detail-backdrop.show{opacity:1;pointer-events:auto}.drawer-close{display:inline-flex;align-items:center;justify-content:center}.tablet-actions{position:sticky;bottom:0;margin:18px -4px -4px;padding:10px 4px 4px;background:linear-gradient(to bottom,rgba(255,255,255,.75),#fff 28%);z-index:4}.stock-row{min-height:64px}}
@media(max-width:580px){.detail-panel{top:60px!important;right:6px!important;bottom:6px!important;width:calc(100vw - 12px)!important;border-radius:12px;padding:15px}.drawer-head{position:sticky;top:-15px;background:#fff;z-index:5;padding-top:8px}.table-head,.stock-row{grid-template-columns:minmax(170px,1fr) 52px 52px 68px}.table-head span:last-child,.stock-row>*:last-child{display:none}}

/* Visual system aligned with consulta_pre_endo (GastroFlow) */
:root{--ink:#1b1b1b;--muted:#696969;--line:#ddddda;--line-strong:#c9c9c5;--canvas:#eeeeeb;--paper:#ffffff;--nav:#191919;--soft:#f6f6f3;--warn:#fff4e5;--bad:#fff0f0;--good:#edf7ef;--radius:12px;--shadow:0 8px 22px rgba(0,0,0,.045)}
html{background:var(--canvas);scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased}.topbar{height:82px;padding:0 clamp(24px,4vw,64px);background:var(--paper);border-bottom:1px solid var(--line)}.brand{gap:16px}.brand-logo{width:176px;height:auto;display:block}.brand-divider{width:1px;height:38px;background:#d1d1ce;display:block}.brand>div{display:flex;flex-direction:column;gap:2px}.brand strong{text-transform:uppercase;font-size:12px;letter-spacing:.09em}.brand span:last-child{color:var(--muted);font-size:13px}.mark{display:none}.privacy-pill{display:flex;align-items:center;gap:9px;padding:9px 14px;border:1px solid #d6d6d2;background:#f2f2ef;color:#4e4e4e;border-radius:99px;font-size:12px;font-weight:700;cursor:pointer}.privacy-dot{width:8px;height:8px;border-radius:50%;background:#3d3d3d;box-shadow:0 0 0 4px rgba(0,0,0,.08)}
.main-nav{min-height:58px;height:58px;padding:0 clamp(24px,4vw,64px);background:var(--nav);position:sticky;top:0;z-index:500}.nav-inner{max-width:none;width:100%;margin:0;justify-content:center;padding:0;position:relative}.main-nav button{min-width:150px;padding:0 20px;border-bottom:3px solid transparent;color:#c5d3d7;font-size:13px;font-weight:700}.main-nav button:hover{color:#fff;background:rgba(255,255,255,.05)}.main-nav button.active{color:#fff;border-bottom-color:#cfcfcb;background:rgba(255,255,255,.07)}.nav-context{position:absolute;right:0;inset-block:0;display:flex;align-items:center;color:#85a1aa;font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.workspace{width:min(1480px,calc(100% - 48px));max-width:none;margin:0 auto;padding:34px 0 56px}.page-intro{margin-bottom:24px;align-items:flex-end;gap:30px}.page-intro h1{margin:7px 0 7px;font-size:clamp(30px,3.1vw,46px);line-height:1.04;letter-spacing:-.035em;font-weight:760}.page-intro p{max-width:710px;color:var(--muted);font-size:15px;line-height:1.65}.eyebrow{color:#555;font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.button{min-height:42px;padding:0 17px;border-radius:10px;font-size:12px;font-weight:800;transition:transform .15s ease,background .15s ease,border-color .15s ease,opacity .15s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button.subtle{border-color:var(--line-strong);color:var(--nav);background:#fff}.button.subtle:hover:not(:disabled){border-color:#aabeb9;background:#f8fbfa}
.kpi,.panel,.service-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow)}.kpi{padding:18px}.kpi span{font-size:10px;font-weight:850;letter-spacing:.1em;color:var(--muted)}.kpi strong{font-size:28px}.panel{padding:20px}.panel h2{font-size:17px}.dropzone{border:1px solid #d3d3cf;border-radius:12px;background:#fafaf8;min-height:132px}.dropzone:hover{background:#f7f7f4}.service-card{padding:17px}.service-card:hover{border-color:#b8b8b3;background:#fbfbfa}.service-card strong{font-size:14px}.service-card small{font-size:11px}.metrics span{font-size:11px}.pill{background:#ececea;color:#4e4e4e}.service-row{padding:16px 2px}
.work-toolbar{gap:9px}.search input,.work-toolbar select{height:42px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;font-size:12px}.work-grid{grid-template-columns:minmax(0,1fr) 350px;gap:18px}.list-panel{border-radius:var(--radius);box-shadow:var(--shadow)}.table-head,.stock-row{grid-template-columns:minmax(210px,1.05fr) 74px 74px 92px 82px;gap:12px}.table-head{min-height:36px;padding:0 18px;color:#74878d;background:#f6f9f8;border-bottom:1px solid var(--line);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.stock-row{min-height:75px;padding:12px 18px;border-bottom:1px solid #eef2f1;background:#fff}.stock-row:hover{background:#f7fbfa}.stock-row.selected{background:#ededeb;box-shadow:inset 4px 0 0 #292929}.stock-name strong{font-size:13px}.stock-name small{font-size:10px}.detail-panel{min-height:0;padding:18px;position:sticky;top:18px;border-radius:var(--radius);box-shadow:var(--shadow)}.detail-panel h2{font-size:20px;line-height:1.16;margin:6px 0 10px}.detail-code{font-size:10px}.detail-grid{margin:12px 0}.detail-grid div{background:#f6f6f3;border-radius:8px}.quantity-card{border-radius:12px;background:#fbfbfa}.quantity-card.primary{background:#fff}.result-card{border-radius:9px}.gh-compact{background:#fbfbfa}.position-controls{background:#fbfbfa}.toast{z-index:10000}
@media(max-width:900px){.topbar{padding:0 18px}.brand-logo{width:148px}.brand-divider{height:32px}.brand span:last-child{font-size:11px}.privacy-pill{padding:8px 10px;font-size:11px}.main-nav{padding:0 8px}.main-nav button{min-width:0;flex:1;padding:0 10px}.nav-context{display:none}.workspace{width:calc(100% - 24px);padding:22px 0 44px}.page-intro h1{font-size:30px}.work-grid{display:block}.table-head,.stock-row{grid-template-columns:minmax(180px,1fr) 58px 58px 76px 64px}}
@media(max-width:580px){.topbar{height:72px;padding:0 12px}.brand-logo{width:128px}.brand-divider{height:28px}.brand strong{font-size:10px}.brand span:last-child{display:none}.privacy-pill{font-size:0;width:38px;height:38px;padding:0;justify-content:center}.privacy-dot{margin:0}.main-nav{height:54px;min-height:54px}.workspace{width:calc(100% - 16px);padding-top:16px}.page-intro h1{font-size:27px}.table-head,.stock-row{grid-template-columns:minmax(160px,1fr) 50px 50px 66px}.table-head span:last-child,.stock-row>*:last-child{display:none}}

/* StockFlow v7 — operational workflow */
.workflow-strip{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 22px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}
.workflow-strip>div{display:flex;align-items:center;gap:10px;min-width:0}.workflow-strip b{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#1b1b1b;color:#fff;font-size:11px}.workflow-strip span{display:flex;flex-direction:column;gap:2px}.workflow-strip strong{font-size:12px}.workflow-strip small{color:var(--muted);font-size:10px}.workflow-strip i{color:#aaa;font-style:normal}
.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.service-progress{height:5px;margin:14px 0 11px;border-radius:99px;background:#e8e8e5;overflow:hidden}.service-progress i{display:block;height:100%;background:#272727;border-radius:inherit}.service-date{display:block;margin-top:10px;color:var(--muted);font-size:10px!important}.pill.status-completed{background:#1d1d1d;color:#fff}.pill.status-counting,.pill.status-active{background:#666;color:#fff}.pill.status-ready{background:#e7e7e4;color:#555}
.session-progress{margin-bottom:14px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}.progress-copy{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.progress-copy>div:first-child{display:flex;flex-direction:column;gap:3px}.progress-copy strong{font-size:16px}.progress-numbers{text-align:right}.progress-numbers b{font-size:18px}.progress-numbers span{display:block;color:var(--muted);font-size:10px;margin-top:3px}.progress-bar{height:6px;margin-top:11px;border-radius:99px;background:#e7e7e4;overflow:hidden}.progress-bar i{display:block;height:100%;background:#1d1d1d}
.work-actions{display:flex;flex-wrap:wrap;justify-content:flex-end}.scanner-hint{align-self:center;color:var(--muted);font-size:10px;white-space:nowrap}
.count-mode-bar{display:none}
.item-meta-line{display:flex;flex-wrap:wrap;gap:6px 14px;margin:-3px 0 10px;color:var(--muted);font-size:10px}.item-meta-line b{color:var(--ink)}
.detail-secondary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}

/* Desktop overflow fix: controls stay inside the narrow Gastro-style detail panel */
.detail-panel .position-controls{display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important;gap:10px!important}
.detail-panel .position-buttons{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%;gap:8px}
.detail-panel .position-buttons .button{width:100%;min-width:0!important;padding:0 8px!important;white-space:nowrap}
.detail-panel .position-controls>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}
.detail-panel .position-controls>div:first-child strong{margin:0}

/* Dedicated count mode */
body.count-mode{overflow:hidden;background:#eeeeeb}
body.count-mode .topbar,body.count-mode .main-nav,body.count-mode #page-work>.page-intro,body.count-mode #page-work>.session-progress,body.count-mode #page-work>.work-toolbar{display:none!important}
body.count-mode .workspace{width:100%;max-width:none;padding:0}
body.count-mode #page-work{display:block!important;height:100vh;padding:0}
body.count-mode .count-mode-bar{height:66px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff;position:fixed;inset:0 0 auto 0;z-index:90}
body.count-mode .count-mode-bar>div{display:flex;flex-direction:column;gap:2px}
body.count-mode .work-grid{display:block;margin:0;padding:78px 14px 14px;height:100vh}
body.count-mode .list-panel{display:none!important}
body.count-mode .detail-panel{display:block!important;position:relative!important;inset:auto!important;transform:none!important;opacity:1!important;pointer-events:auto!important;width:min(760px,100%)!important;height:calc(100vh - 92px);max-height:none!important;margin:0 auto;overflow:auto;border-radius:14px;box-shadow:var(--shadow);padding:20px 24px}
body.count-mode .drawer-head{display:none}
body.count-mode .quantity-input,body.count-mode .qty-arrow{height:78px}
body.count-mode .quantity-input{font-size:40px!important}
body.count-mode .tablet-actions{position:sticky;bottom:0;background:linear-gradient(to bottom,rgba(255,255,255,.75),#fff 25%);padding:12px 0 2px;z-index:5}
body.count-mode .detail-backdrop{display:none!important}

/* Services / administration */
.admin-grid{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px;align-items:start}.admin-services{padding:0;overflow:hidden;position:sticky;top:76px}.admin-services .panel-head{padding:17px 18px;border-bottom:1px solid var(--line)}.admin-service-row{width:100%;min-height:64px;padding:12px 16px;border:0;border-bottom:1px solid #eee;background:#fff;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}.admin-service-row:hover{background:#f7f7f5}.admin-service-row.selected{background:#ededeb;box-shadow:inset 4px 0 0 #292929}.admin-service-row span{display:flex;flex-direction:column;gap:4px}.admin-service-row strong{font-size:12px}.admin-service-row small{color:var(--muted);font-size:10px}.admin-items{padding:0;overflow:hidden}.admin-items-head{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.search.compact{max-width:300px}.admin-table-head,.admin-item-row{display:grid;grid-template-columns:38px minmax(230px,1fr) 84px 120px minmax(160px,.7fr) 168px;gap:10px;align-items:center}.admin-table-head{min-height:36px;padding:0 14px;background:#f6f9f8;color:#74878d;font-size:9px;font-weight:800;letter-spacing:.08em}.admin-item-row{padding:10px 14px;border-bottom:1px solid #eef2f1;background:#fff}.admin-item-row.dragging{opacity:.4}.admin-item-row.drag-over{box-shadow:inset 0 3px 0 #292929}.drag-handle{width:32px;height:38px;border:1px solid var(--line);border-radius:7px;background:#fafafa;cursor:grab;font-size:16px}.admin-identity{display:grid;grid-template-columns:minmax(0,1fr) 135px;gap:7px}.admin-item-row input{width:100%;height:38px;padding:0 9px;border:1px solid var(--line-strong);border-radius:7px;background:#fbfcfc;font-size:10px}.admin-desc{font-weight:700}.admin-actions{display:flex;gap:5px;justify-content:flex-end}.mini-button{min-height:30px;padding:4px 7px;border:1px solid var(--line-strong);border-radius:7px;background:#fff;color:#333;font-size:9px;font-weight:750;cursor:pointer}.mini-button:hover{background:#f4f4f2}.mini-button.danger{color:#8a2222}
.modal[hidden],.scanner-modal[hidden]{display:none!important}.modal{position:fixed;inset:0;z-index:20000;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.45);backdrop-filter:blur(2px)}.modal-card{width:min(760px,96vw);max-height:90vh;overflow:auto;border-radius:14px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.25)}.modal-head{min-height:58px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:17px}.modal-head button{width:36px;height:36px;border:0;border-radius:8px;background:#f3f3f1;font-size:22px;cursor:pointer}.modal-form{padding:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.modal-form label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:10px;font-weight:750}.modal-form input{height:42px;padding:0 10px;border:1px solid var(--line-strong);border-radius:8px}.modal-form .button{grid-column:span 2;margin-top:5px}.history-head{padding:18px;display:flex;flex-direction:column;gap:4px}.history-head span{color:var(--muted);font-size:10px}.history-table{padding:0 18px 18px}.history-row{display:grid;grid-template-columns:1fr .7fr .7fr .7fr 1fr;gap:8px;padding:10px;border-bottom:1px solid var(--line);font-size:10px}.history-row.head{background:#191919;color:#fff;font-weight:800;border-radius:8px 8px 0 0}

/* Labels */
.labels-toolbar{display:flex;align-items:flex-end;gap:10px;margin-bottom:18px}.labels-toolbar label{display:flex;flex-direction:column;gap:5px;min-width:220px}.labels-toolbar label span{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.08em}.labels-toolbar select,.labels-toolbar input{height:42px;padding:0 10px;border:1px solid var(--line-strong);border-radius:8px;background:#fff}.labels-toolbar input{width:110px}.label-list-head,.label-row{display:grid;grid-template-columns:34px minmax(230px,1fr) minmax(220px,.7fr) 155px;gap:12px;align-items:center}.label-list-head{min-height:36px;padding:0 14px;color:#74878d;background:#f6f9f8;font-size:9px;font-weight:800;letter-spacing:.08em}.label-row{padding:12px 14px;border-bottom:1px solid #eef2f1}.label-row>div:nth-child(2){display:flex;flex-direction:column;gap:4px}.label-row strong{font-size:11px}.label-row small{color:var(--muted);font-size:9px}.label-location{height:40px;padding:0 10px;border:1px solid var(--line-strong);border-radius:8px}.label-preview{height:48px;padding:6px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:7px;background:#fff}.label-preview span{font-family:monospace;font-size:17px;letter-spacing:-2px;line-height:1}.label-preview b{font-size:8px;margin-top:3px}.scanner-card{width:min(720px,96vw);overflow:hidden}.scanner-card video{width:100%;aspect-ratio:4/3;display:block;background:#111;object-fit:cover}.scanner-status{padding:14px 18px;color:var(--muted);font-size:11px;text-align:center}

/* More compact / elegant desktop detail */
@media(min-width:901px){.detail-panel{width:auto}.detail-panel .position-controls{padding:10px}.detail-panel .position-buttons .button{font-size:10px;min-height:38px}.detail-panel .quantity-card{padding:12px}.detail-panel .quantity-main{grid-template-columns:48px minmax(0,1fr) 48px}.detail-panel .quantity-input,.detail-panel .qty-arrow{height:54px}.detail-panel .quantity-input{font-size:27px!important}.detail-panel .quick-steps button{min-height:34px;font-size:10px}.detail-panel .presets button{min-height:31px;font-size:9px}}

@media(max-width:1150px){.admin-table-head,.admin-item-row{grid-template-columns:34px minmax(210px,1fr) 72px 100px minmax(140px,.7fr) 100px}.admin-identity{grid-template-columns:1fr}.admin-actions{flex-wrap:wrap}.admin-actions .mini-button{font-size:0}.admin-actions .history-btn::after{content:'Hist.';font-size:9px}.admin-actions .label-one-btn::after{content:'Vin.';font-size:9px}.admin-actions .delete-item-btn{font-size:12px}}
@media(max-width:900px){.workflow-strip{justify-content:flex-start;overflow:auto}.workflow-strip>div{min-width:145px}.kpis{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.admin-services{position:static}.admin-table-head,.admin-item-row{grid-template-columns:32px minmax(190px,1fr) 70px minmax(145px,.8fr) 90px}.admin-table-head span:nth-child(4),.admin-item-row>.admin-section{display:none}.admin-actions{display:grid}.labels-toolbar{align-items:stretch;flex-wrap:wrap}.label-list-head,.label-row{grid-template-columns:34px minmax(200px,1fr) minmax(180px,.8fr)}.label-list-head span:last-child,.label-preview{display:none}.scanner-hint{display:none}}
@media(max-width:580px){.workflow-strip{padding:12px}.workflow-strip i{display:none}.workflow-strip>div{min-width:135px}.kpis{grid-template-columns:repeat(2,1fr)}.progress-copy{align-items:flex-start;flex-direction:column;gap:7px}.progress-numbers{text-align:left}.admin-table-head{display:none}.admin-item-row{grid-template-columns:28px minmax(0,1fr);gap:8px}.admin-item-row>.admin-ideal,.admin-item-row>.admin-section,.admin-item-row>.admin-location,.admin-item-row>.admin-actions{grid-column:2}.admin-identity{grid-template-columns:1fr}.admin-actions{display:flex;justify-content:flex-start}.admin-actions .mini-button{font-size:9px}.admin-actions .history-btn::after,.admin-actions .label-one-btn::after{content:none}.labels-toolbar label{min-width:100%;}.label-list-head{display:none}.label-row{grid-template-columns:28px minmax(0,1fr);gap:8px}.label-location{grid-column:2}.modal-form{grid-template-columns:1fr}.modal-form .button{grid-column:1}.history-row{grid-template-columns:1fr .6fr .6fr .7fr}.history-row span:last-child{display:none}.work-actions{justify-content:flex-start}.work-actions .button{padding:0 10px}.scanner-card{width:100vw;max-height:100vh;border-radius:0}}

.scanner-capture{position:fixed!important;left:-9999px!important;top:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.button.active#usbScanBtn{background:#1b1b1b;color:#fff;border-color:#1b1b1b}.scanner-hint{min-width:105px}
