:root{--bg:#091017;--panel:#101922;--panel2:#141f29;--panel3:#192630;--line:#263641;--text:#f5f7f9;--muted:#91a0ad;--orange:#e66b16;--orange2:#ff8128;--orange-soft:#3b2418;--green:#35c987;--green-soft:#12352a;--yellow:#e8ad3d;--yellow-soft:#3a301d;--red:#f05c65;--red-soft:#3b1d24;--blue:#58a6ff;--radius:14px;--shadow:0 18px 45px rgba(0,0,0,.25)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:246px 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:#080d12;border-right:1px solid #1c2932;padding:22px 14px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:12px;padding:2px 10px 25px}.brand-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,var(--orange2),#b84b08);display:grid;place-items:center;font-weight:900;font-size:23px;box-shadow:0 9px 25px rgba(230,107,22,.28)}.brand strong{font-size:20px;letter-spacing:1.5px}.brand span{display:block;font-size:9px;letter-spacing:2.1px;color:#8896a2;margin-top:2px}.nav-section{font-size:10px;letter-spacing:1.6px;color:#5f7180;padding:14px 14px 7px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#aab5bf;padding:11px 13px;border-radius:10px;margin:2px 0;text-align:left;font-size:13px;font-weight:600;transition:.18s}.nav-item .nav-icon{font-size:17px;width:22px;text-align:center}.nav-item:hover{background:#111c24;color:#fff}.nav-item.active{background:var(--orange-soft);color:#ff9a58;box-shadow:inset 3px 0 var(--orange)}.nav-item .count{margin-left:auto;background:#263540;color:#c9d0d5;border-radius:12px;padding:2px 7px;font-size:10px}.sidebar-foot{margin-top:auto;border-top:1px solid #1d2932;padding:18px 12px 2px;display:flex;gap:10px;align-items:center}.system-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(53,201,135,.12)}.sidebar-foot strong,.sidebar-foot small{display:block}.sidebar-foot strong{font-size:11px}.sidebar-foot small{font-size:10px;color:var(--muted);margin-top:3px}.main-shell{grid-column:2}.topbar{height:68px;position:sticky;top:0;background:rgba(9,16,23,.94);backdrop-filter:blur(16px);border-bottom:1px solid #1c2932;display:flex;align-items:center;justify-content:space-between;padding:0 30px;z-index:20}.global-search{width:min(540px,48vw);height:38px;background:#111b23;border:1px solid #24343f;border-radius:10px;display:flex;align-items:center;gap:10px;padding:0 13px}.global-search span{font-size:20px;color:#71818e}.global-search input{width:100%;background:transparent;border:0;outline:0;color:#eaf0f4;font-size:13px}.top-actions{display:flex;align-items:center;gap:14px}.icon-button{width:38px;height:38px;background:#111b23;border:1px solid #263641;color:#b8c2ca;border-radius:10px;position:relative}.notification-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--orange);top:7px;right:7px}.profile{display:flex;align-items:center;gap:10px;border-left:1px solid #26323b;padding-left:15px}.profile strong,.profile small{display:block}.profile strong{font-size:12px}.profile small{font-size:10px;color:var(--muted);margin-top:2px}.avatar{width:35px;height:35px;border-radius:10px;background:#25333d;color:#ff9a58;display:grid;place-items:center;font-size:11px;font-weight:800}.page{padding:28px 30px 50px;max-width:1800px;margin:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.eyebrow{text-transform:uppercase;letter-spacing:1.8px;color:var(--orange2);font-size:10px;font-weight:800;margin-bottom:7px}.page h1{font-size:29px;line-height:1.1;margin:0 0 7px}.subtitle{color:var(--muted);font-size:13px;margin:0}.actions{display:flex;gap:9px;flex-wrap:wrap}.btn{border:1px solid #32434f;background:#16222b;color:#e9eef2;padding:10px 14px;border-radius:9px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px}.btn:hover{border-color:#526774;background:#1b2a34}.btn.primary{background:var(--orange);border-color:var(--orange);color:#fff}.btn.primary:hover{background:var(--orange2)}.btn.danger{border-color:#6e3037;color:#ff858c;background:#28171c}.btn.ghost{background:transparent}.btn.large{padding:13px 18px;font-size:13px}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:12px;margin-bottom:18px}.metric{background:linear-gradient(145deg,#121c25,#0e171e);border:1px solid #22323d;border-radius:var(--radius);padding:17px;min-height:124px;position:relative;overflow:hidden}.metric:after{content:"";position:absolute;width:65px;height:65px;border-radius:50%;background:var(--metric-color,#e66b16);filter:blur(45px);opacity:.18;right:-10px;bottom:-10px}.metric-icon{width:31px;height:31px;border-radius:9px;background:var(--metric-soft,#3b2418);color:var(--metric-color,#ff8128);display:grid;place-items:center;margin-bottom:14px;font-size:15px}.metric-label{font-size:10px;color:#8e9ca7;text-transform:uppercase;letter-spacing:.8px}.metric-value{font-size:23px;font-weight:800;margin-top:6px}.metric-note{font-size:10px;color:#748591;margin-top:5px}.dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:16px}.card{background:var(--panel);border:1px solid #22323d;border-radius:var(--radius);box-shadow:0 10px 30px rgba(0,0,0,.08)}.card-head{display:flex;align-items:center;justify-content:space-between;padding:17px 19px;border-bottom:1px solid #22313b}.card-head h2{font-size:14px;margin:0}.card-body{padding:16px 19px}.quick-actions{display:flex;gap:9px;margin-bottom:18px;flex-wrap:wrap}.quick-action{flex:1;min-width:150px;background:#131f28;border:1px solid #263944;border-radius:11px;color:#eef3f5;padding:14px;text-align:left;font-weight:700}.quick-action b{display:inline-grid;place-items:center;width:27px;height:27px;background:var(--orange-soft);color:var(--orange2);border-radius:8px;margin-right:9px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th{text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#738490;font-weight:800;padding:11px 14px;background:#0d151c;border-bottom:1px solid #263641}.data-table td{font-size:12px;padding:12px 14px;border-bottom:1px solid #1f2d36;color:#dbe2e7}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr{transition:.15s}.data-table tbody tr:hover{background:#14212a}.data-table tr.clickable{cursor:pointer}.muted{color:var(--muted)!important}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.amount{font-variant-numeric:tabular-nums;font-weight:700}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:20px;font-size:10px;font-weight:800;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge.green{background:var(--green-soft);color:#58dfa5}.badge.orange{background:var(--orange-soft);color:#ff9b57}.badge.red{background:var(--red-soft);color:#ff747d}.badge.gray{background:#24313a;color:#9aabb6}.badge.yellow{background:var(--yellow-soft);color:#efc161}.alert-list{display:flex;flex-direction:column;gap:9px}.alert{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:11px;background:#121d25;border:1px solid #24343f;border-radius:10px;padding:11px;cursor:pointer}.alert:hover{border-color:#455b69}.alert-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center}.alert.orange .alert-icon{background:var(--orange-soft);color:var(--orange2)}.alert.red .alert-icon{background:var(--red-soft);color:var(--red)}.alert.yellow .alert-icon{background:var(--yellow-soft);color:var(--yellow)}.alert strong{font-size:11px;display:block}.alert small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.alert .arrow{color:#60717d}.toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.filters{display:flex;gap:8px;flex-wrap:wrap}.field-control{height:38px;background:#101a22;border:1px solid #2a3a45;border-radius:9px;color:#dce4e8;padding:0 11px;min-width:150px;outline:0}.field-control:focus{border-color:var(--orange)}.search-control{min-width:260px}.product-name{display:flex;align-items:center;gap:10px}.product-thumb{width:31px;height:31px;border-radius:8px;background:#1b2b36;color:#ff9a58;display:grid;place-items:center;font-weight:800}.stock-bar{height:5px;background:#24333d;border-radius:4px;overflow:hidden;margin-top:5px;width:84px}.stock-bar span{display:block;height:100%;border-radius:4px;background:var(--green)}.stock-bar.low span{background:var(--red)}.split-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.detail-hero{display:flex;align-items:center;gap:18px;margin-bottom:18px}.detail-icon{width:72px;height:72px;border-radius:18px;background:var(--orange-soft);color:var(--orange2);display:grid;place-items:center;font-size:28px;font-weight:900}.detail-title h1{margin-bottom:8px}.detail-meta{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:11px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.info-cell{background:#121d25;border:1px solid #23343f;border-radius:10px;padding:14px}.info-cell span{font-size:10px;color:var(--muted);display:block;margin-bottom:7px}.info-cell strong{font-size:15px}.workflow{display:grid;grid-template-columns:230px 1fr;gap:17px}.steps{padding:14px}.step{display:flex;gap:11px;padding:12px 8px;position:relative;color:#71818e}.step:not(:last-child):after{content:"";position:absolute;left:22px;top:42px;width:1px;height:18px;background:#33434d}.step-num{width:29px;height:29px;border-radius:50%;border:1px solid #3c4d58;display:grid;place-items:center;font-size:11px;font-weight:800;flex:none}.step strong{display:block;font-size:11px}.step small{display:block;font-size:9px;margin-top:3px}.step.active{color:#fff}.step.active .step-num{background:var(--orange);border-color:var(--orange)}.step.done{color:#83cfae}.step.done .step-num{background:var(--green-soft);border-color:#2c805f}.form-section{padding:22px}.form-section h2{font-size:18px;margin:0 0 4px}.form-section>p{color:var(--muted);font-size:11px;margin:0 0 20px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-group{display:flex;flex-direction:column;gap:7px}.form-group.full{grid-column:1/-1}.form-group label{font-size:10px;font-weight:700;color:#aebac3}.form-group input,.form-group select,.form-group textarea{width:100%;background:#0c151c;border:1px solid #2a3b47;border-radius:9px;color:#eaf0f4;padding:11px;outline:0}.form-group textarea{min-height:88px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--orange)}.upload-zone{border:1px dashed #49606e;border-radius:12px;background:#0d171e;min-height:150px;display:grid;place-items:center;text-align:center;padding:20px}.upload-zone .upload-icon{font-size:29px;color:var(--orange2);margin-bottom:8px}.upload-zone strong{font-size:12px}.upload-zone small{color:var(--muted);display:block;margin-top:5px}.form-footer{display:flex;justify-content:flex-end;gap:9px;margin-top:20px;padding-top:16px;border-top:1px solid #25343e}.review-item{display:grid;grid-template-columns:1fr 140px 140px 150px;gap:12px;align-items:center;background:#121d25;border:1px solid #273944;border-radius:11px;padding:13px;margin-bottom:9px}.review-item strong,.review-item small{display:block}.review-item strong{font-size:12px}.review-item small{font-size:9px;color:var(--muted);margin-top:4px}.qty-control{display:flex;align-items:center;border:1px solid #31444f;border-radius:8px;overflow:hidden}.qty-control button{width:30px;height:34px;background:#182630;border:0;color:#dce4e8}.qty-control input{width:60px;height:34px;text-align:center;background:#0e171e;border:0;color:#fff}.inventory-progress{display:flex;align-items:center;gap:13px}.progress-track{height:7px;background:#26343d;border-radius:6px;flex:1;overflow:hidden}.progress-track span{display:block;height:100%;background:var(--orange);border-radius:6px}.empty-state{padding:48px 24px;text-align:center}.empty-icon{font-size:34px;color:#667a88;margin-bottom:12px}.empty-state h3{font-size:15px;margin:0 0 7px}.empty-state p{font-size:11px;color:var(--muted);max-width:430px;margin:0 auto 16px}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.setting-card{padding:18px;display:flex;align-items:center;gap:14px;cursor:pointer}.setting-card:hover{border-color:#455a67}.setting-icon{width:42px;height:42px;border-radius:11px;background:#182630;color:#ff9651;display:grid;place-items:center;font-size:18px}.setting-card strong,.setting-card small{display:block}.setting-card strong{font-size:13px}.setting-card small{font-size:10px;color:var(--muted);margin-top:4px}.setting-card .arrow{margin-left:auto;color:#687986}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.7);display:grid;place-items:center;z-index:100;padding:20px}.modal{width:min(680px,96vw);max-height:92vh;overflow:auto;background:#101a22;border:1px solid #334651;border-radius:16px;box-shadow:var(--shadow)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #263640}.modal-head h2{margin:0;font-size:17px}.modal-close{background:transparent;border:0;color:#9baab5;font-size:20px}.modal-body{padding:20px}.modal-foot{display:flex;justify-content:flex-end;gap:9px;padding:15px 20px;border-top:1px solid #263640}.confirm-box{background:#141f27;border:1px solid #2a3a45;border-radius:11px;padding:14px;margin-top:14px}.confirm-box strong{display:block;margin-bottom:6px;font-size:12px}.confirm-box p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.toast-root{position:fixed;right:24px;bottom:24px;z-index:150;display:flex;flex-direction:column;gap:8px}.toast{background:#18262f;border:1px solid #34505d;border-left:3px solid var(--green);color:#edf2f5;padding:12px 16px;border-radius:10px;box-shadow:var(--shadow);font-size:11px;animation:toast-in .25s}.toast.warning{border-left-color:var(--orange)}@keyframes toast-in{from{transform:translateY(10px);opacity:0}}.mobile-menu{display:none}.demo-ribbon{display:inline-flex;align-items:center;gap:6px;background:#202d36;color:#9babb6;border:1px solid #30414c;border-radius:20px;padding:5px 9px;font-size:9px;font-weight:700}.kpi-strip{display:flex;gap:20px;align-items:center}.kpi-mini span{font-size:9px;color:var(--muted);display:block}.kpi-mini strong{font-size:14px}.section-gap{margin-top:16px}.chart-placeholder{height:190px;display:flex;align-items:flex-end;gap:9px;padding:20px 10px 3px}.bar{flex:1;background:linear-gradient(to top,#9e430c,var(--orange2));border-radius:5px 5px 2px 2px;min-width:12px;opacity:.86;position:relative}.bar:hover{opacity:1}.bar:after{content:attr(data-day);position:absolute;bottom:-21px;left:50%;transform:translateX(-50%);font-size:8px;color:#71818e}
@media(max-width:1250px){.metric-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid,.split-layout{grid-template-columns:1fr}.workflow{grid-template-columns:190px 1fr}}
@media(max-width:850px){.app-shell{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.main-shell{grid-column:1}.mobile-menu{display:block}.topbar{padding:0 15px}.profile>div:nth-child(2){display:none}.page{padding:20px 15px}.metric-grid{grid-template-columns:repeat(2,1fr)}.workflow{grid-template-columns:1fr}.steps{display:flex;overflow:auto}.step{min-width:150px}.form-grid,.info-grid,.settings-grid{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}.review-item{grid-template-columns:1fr 100px}.review-item>:nth-child(4){grid-column:1/-1}}
@media(max-width:540px){.metric-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.global-search{width:55vw}.quick-action{min-width:100%}}
.form-error{display:none;background:var(--red-soft);border:1px solid #71343a;color:#ff9299;border-radius:9px;padding:10px 12px;margin-bottom:14px;font-size:12px}.warning-row{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #22313b}.warning-row:last-child{border-bottom:0}.warning-row strong,.warning-row small{display:block}.warning-row small{color:var(--muted);margin-top:3px}.status-dot{width:8px;height:8px;border-radius:50%;background:#778995}.status-dot.red{background:var(--red)}.status-dot.green{background:var(--green)}.btn.small{min-height:30px;padding:6px 9px;font-size:10px}.metric>div:last-child>span,.metric>div:last-child>strong,.metric>div:last-child>small{display:block}.metric>div:last-child>span{font-size:10px;color:#8e9ca7;text-transform:uppercase;letter-spacing:.8px}.metric>div:last-child>strong{font-size:23px;margin-top:6px}.metric>div:last-child>small{font-size:10px;color:#748591;margin-top:5px}.page-head p{color:var(--muted);font-size:13px;margin:0}.card-head a{color:var(--orange2);font-size:11px;text-decoration:none}
.package-section{margin-top:8px;border-top:1px solid #263640;padding-top:18px}.package-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}.package-title label{font-size:13px;color:#edf2f5}.package-title small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.package-head,.package-row{display:grid;grid-template-columns:1.25fr .65fr 1.25fr .8fr .65fr auto;gap:8px;align-items:center}.package-head{padding:0 3px 6px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.6px}.package-row{background:#121d25;border:1px solid #273944;border-radius:10px;padding:9px;margin-bottom:8px}.package-row input:not([type=checkbox]){width:100%;min-width:0;background:#0c151c;border:1px solid #2a3b47;border-radius:8px;color:#eaf0f4;padding:9px}.package-row label{display:flex;flex-direction:row;align-items:center;gap:6px}.package-row label input{width:auto}.document-status{display:flex;align-items:center;gap:12px;background:#111f1c;border:1px solid #285746;border-radius:10px;padding:13px}.document-status strong,.document-status small{display:block}.document-status small{color:var(--muted);margin-top:4px}.section-gap{margin-top:16px}@media(max-width:900px){.package-head{display:none}.package-row{grid-template-columns:1fr 1fr}.package-row .btn{grid-column:1/-1}}

/* Phase 2.2 */
.calculated-field{height:41px;display:flex;align-items:center;padding:0 12px;border-radius:9px;border:1px solid #30434f;background:#17242d;color:#ff9b57;font-weight:800}
.receipt-metrics{grid-template-columns:repeat(4,minmax(160px,1fr))}.receipt-split{display:grid;grid-template-columns:minmax(520px,1.2fr) minmax(420px,.8fr);gap:16px;align-items:start}.pdf-panel{position:sticky;top:84px}.pdf-panel iframe{display:block;width:100%;height:72vh;border:0;border-radius:0 0 13px 13px;background:#fff}.receipt-position{display:grid;grid-template-columns:minmax(260px,1fr) 120px auto;gap:14px;align-items:center;padding:14px;border:1px solid #263945;border-radius:11px;background:#111d25;margin-bottom:10px}.receipt-position.needs-review{border-color:#8a451b;background:linear-gradient(90deg,rgba(230,107,22,.11),#111d25 28%)}.position-main strong,.position-main small,.position-actual span,.position-actual strong,.position-actual small,.parsed-source strong,.parsed-source small{display:block}.position-main strong{margin:8px 0 4px;font-size:13px}.position-main small,.position-actual span,.position-actual small,.parsed-source small{font-size:10px;color:var(--muted);margin-top:4px}.position-main .suggestion{color:#ff9b57}.position-actual strong{font-size:14px;margin-top:5px}.position-actions{display:flex;flex-direction:column;gap:7px}.analysis-note{border:1px solid #71431e;background:#241910;color:#ffb17b;padding:12px 15px;border-radius:10px;margin-bottom:15px;font-size:12px}.parsed-source{background:#1b1815;border:1px solid #65401f;border-radius:10px;padding:13px;margin-bottom:16px}.remember{display:flex;flex-direction:row;align-items:center;gap:8px}.remember input{width:auto}.pdf-modal-view{height:78vh}.pdf-modal-view iframe{width:100%;height:100%;border:0;background:#fff}.pdf-modal-view+.modal-foot{}.modal:has(.pdf-modal-view){width:min(1300px,97vw)}
@media(max-width:1150px){.receipt-split{grid-template-columns:1fr}.pdf-panel{position:static}.pdf-panel iframe{height:600px}.receipt-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.receipt-position{grid-template-columns:1fr}.position-actions{flex-direction:row;flex-wrap:wrap}.pdf-panel iframe{height:460px}.receipt-metrics{grid-template-columns:1fr}}

/* Lieferschein: Soll kommt aus dem Dokument, Ist ausschließlich aus Erfassung. */
.receipt-metrics{grid-template-columns:repeat(5,minmax(145px,1fr))}
.receipt-position{grid-template-columns:minmax(280px,1fr) minmax(250px,.72fr) auto;gap:20px;padding:16px}
.quantity-comparison{min-width:0}
.quantity-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.quantity-values>div{padding:9px 11px;border:1px solid #263945;border-radius:9px;background:#0b151c}
.quantity-values span,.quantity-values strong{display:block}
.quantity-values span{margin-bottom:4px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.quantity-values strong{font-size:16px;line-height:1.2}
.quantity-values small{font-size:10px;color:var(--muted)}
.receipt-progress{height:6px;margin-top:9px;overflow:hidden;border-radius:999px;background:#263945}
.receipt-progress i{display:block;height:100%;border-radius:inherit;background:var(--orange);transition:width .22s ease}
.quantity-message{display:block;margin-top:6px;color:#ffad73;font-size:10px;font-weight:700}
.quantity-comparison.complete .receipt-progress i{background:#35d48b}
.quantity-comparison.complete .quantity-message{color:#35d48b}
.quantity-comparison.over .receipt-progress i{background:#ff6574}
.quantity-comparison.over .quantity-message{color:#ff6574}
.receipt-metrics.free-receipt{grid-template-columns:repeat(3,minmax(180px,1fr))}
.receipt-split.free-receipt{grid-template-columns:1fr}
.receipt-position.free-receipt{grid-template-columns:minmax(280px,1fr) minmax(150px,.35fr) auto}
.filling-document-action{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0}.filling-document-action small{color:var(--muted)}
.quantity-comparison.free .quantity-values{grid-template-columns:1fr}
@media(max-width:1450px){.receipt-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1150px){.receipt-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.receipt-position{grid-template-columns:1fr}.receipt-metrics{grid-template-columns:1fr}.position-actions{flex-direction:row;flex-wrap:wrap}}

/* Product detail spacing and scanner workflow */
.info-grid>div{display:flex;flex-direction:column;gap:8px;min-width:0;padding:8px 4px}.info-grid>div small{display:block;color:var(--muted);font-size:10px;line-height:1.2}.info-grid>div strong{display:block;font-size:14px;line-height:1.35;overflow-wrap:anywhere}
.scanner-loading{padding:28px}.scanner-mode{border:1px solid #263945;border-left:6px solid var(--red);border-radius:14px;background:linear-gradient(120deg,#1e1719,#111b23);padding:24px;margin-bottom:16px}.scanner-mode.inbound{border-left-color:var(--green);background:linear-gradient(120deg,#10231d,#111b23)}.scanner-mode.paused{border-left-color:var(--yellow)}.scanner-mode small,.scanner-mode strong,.scanner-mode span{display:block}.scanner-mode small{text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);font-size:10px}.scanner-mode strong{font-size:30px;margin:8px 0}.scanner-mode span{color:#bdc7ce}.scanner-input-card{background:var(--panel);border:1px solid #2b3e4a;border-radius:14px;padding:20px}.scanner-input-card label{display:block;font-size:12px;font-weight:800;margin-bottom:9px}.scanner-input-card>div{display:grid;grid-template-columns:1fr auto;gap:10px}.scanner-input-card input{background:#091118;border:2px solid #405865;color:#fff;border-radius:11px;padding:15px;font-size:20px;outline:0}.scanner-input-card input:focus{border-color:var(--orange)}.scanner-input-card small{display:block;color:var(--muted);margin-top:9px}.scan-feedback{margin:14px 0;padding:16px 18px;border-radius:12px;border:1px solid #2c3e49;background:#121d25}.scan-feedback strong,.scan-feedback span{display:block}.scan-feedback span{margin-top:5px;color:#b8c4cb}.scan-feedback.success{border-color:#347a5c;background:var(--green-soft)}.scan-feedback.error{border-color:#884047;background:var(--red-soft)}.command-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.command-card{padding:18px;text-align:center}.command-card h3{margin:0;font-size:15px}.command-card p{color:var(--muted);font-size:10px;min-height:30px}.code128{display:block;width:100%;height:auto;object-fit:contain;background:#fff;border-radius:8px;padding:14px;margin-top:12px}.barcode-text{display:block;font-family:monospace;font-size:12px;letter-spacing:.8px;margin-top:8px}.scanner-events{padding:7px 18px}.scanner-event{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #21313b}.scanner-event:last-child{border:0}.scanner-event>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-weight:900}.scanner-event.error>span{background:var(--red-soft);color:var(--red)}.scanner-event strong,.scanner-event small{display:block}.scanner-event small{color:var(--muted);margin-top:4px}.barcode-modal{width:min(1180px,98vw)}.print-brand{text-align:center;color:var(--orange2);font-weight:900;letter-spacing:2px;margin-bottom:18px}.barcode-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.barcode-facts>div{border:1px solid #293c48;background:#121d25;border-radius:10px;padding:12px}.barcode-facts small,.barcode-facts strong{display:block}.barcode-facts small{color:var(--muted);font-size:9px;margin-bottom:6px}.receipt-barcode{max-width:1100px;margin:22px auto 4px;text-align:center}.receipt-barcode .code128{width:min(1100px,100%);height:auto;padding:28px;margin-inline:auto}.receipt-barcode .barcode-text{font-size:18px}.barcode-modal:fullscreen{width:100vw;height:100vh;max-width:none;border-radius:0;background:#fff;color:#000;display:flex;flex-direction:column;justify-content:center}.barcode-modal:fullscreen .modal-body{overflow:visible}.barcode-modal:fullscreen .receipt-barcode{width:min(1200px,96vw);max-width:none}.barcode-modal:fullscreen .modal-head{position:absolute;top:0;left:0;right:0}.barcode-modal:fullscreen .modal-foot{position:absolute;bottom:0;left:0;right:0;background:#fff}
.scanner-mode.private{border-left-color:#b55cff;background:linear-gradient(120deg,#29143d,#111b23)}.scanner-status.private_consumption{background:#321849;color:#e3b7ff;border-color:#8e4fba}.command-grid{grid-template-columns:repeat(3,1fr)}.command-card{padding:12px 14px}.command-card p{min-height:0;margin:6px 0 8px}.command-card .code128{height:90px;padding:8px;margin-top:4px}.command-card .barcode-text{margin-top:5px}.private-people-modal{width:min(1050px,96vw)}.private-people-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.private-people-head p{margin:0;color:var(--muted)}.private-people-toolbar{display:flex;gap:8px;flex-shrink:0}.private-people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.private-person-card{border:1px solid #2b3e4a;border-radius:13px;background:#111b23;padding:16px;text-align:center}.private-person-card>div:first-child small{color:var(--orange2);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.private-person-card h3{margin:5px 0 10px;font-size:19px}.private-person-card .code128{height:115px;padding:10px;margin-top:8px}.private-person-actions{display:flex;gap:8px;justify-content:center;margin-top:12px}.private-person-card.inactive{opacity:.7}.private-person-card.inactive .private-person-actions{margin-top:6px}.private-people-print{text-align:center}.private-people-print>h1{margin:0 0 20px}.private-people-print-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.private-people-print-grid article{border:1px solid #81909a;border-radius:10px;padding:16px;break-inside:avoid}.private-people-print-grid article>small{color:#555;text-transform:uppercase;letter-spacing:1px}.private-people-print-grid h2{margin:5px 0 10px}.private-people-print-grid .code128{height:115px;padding:9px;margin-top:0}.private-people-print-grid .barcode-text{color:#000}@media(max-width:700px){.private-people-grid,.private-people-print-grid{grid-template-columns:1fr}.private-people-head{align-items:flex-start;flex-direction:column}.private-people-toolbar{width:100%}}
@media(max-width:900px){.command-grid{grid-template-columns:1fr}.barcode-facts{grid-template-columns:1fr}}
@media print{body *{visibility:hidden}.barcode-print,.barcode-print *{visibility:visible}.barcode-print{position:absolute;inset:0;width:100%;background:#fff!important;color:#000!important;padding:18mm}.barcode-print .barcode-facts>div{background:#fff;border-color:#aaa}.barcode-print small{color:#444}.no-print{display:none!important}}
.back-link{display:inline-flex;align-items:center;gap:7px;color:#aebbc4;text-decoration:none;font-size:12px;font-weight:700;margin:0 0 14px;padding:7px 10px 7px 8px;border-radius:8px;transition:.18s}.back-link:hover{color:#fff;background:#17242d}.back-link:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.scanner-settings-modal .modal-head>div small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.scanner-setting-toggle{display:flex;align-items:flex-start;gap:12px;margin-top:18px;padding:14px;background:#121d25;border:1px solid #263943;border-radius:10px;cursor:pointer}.scanner-setting-toggle input{margin-top:3px;accent-color:var(--orange)}.scanner-setting-toggle strong,.scanner-setting-toggle small{display:block}.scanner-setting-toggle strong{font-size:12px}.scanner-setting-toggle small{color:var(--muted);font-size:10px;margin-top:4px}.scanner-device-info{margin-top:18px;padding-top:16px;border-top:1px solid #263640}.scanner-device-info span,.scanner-device-info small{display:block;color:var(--muted);font-size:10px}.scanner-device-info strong{display:block;font-size:11px;margin:7px 0;overflow-wrap:anywhere}
.settings-section-note{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:5px}
.command-print{margin-top:14px;width:100%}.command-print-title{text-align:center;margin:8px 0 22px}.command-print-title h1{font-size:26px;margin:0 0 8px}.command-print-title p{color:var(--muted);margin:0}.command-print-modal .receipt-barcode{margin-top:10px}
.opening-product-link{display:inline-flex;flex-direction:column;gap:3px;color:inherit;text-decoration:none}.opening-product-link:hover strong{color:var(--orange2);text-decoration:underline}.opening-product-link small{color:var(--muted);font-size:10px}.opening-row-actions{display:flex;gap:7px;justify-content:flex-end;white-space:nowrap}
.opening-capture-table th:nth-child(1){width:36%}.opening-capture-table th:nth-child(2){width:28%}.opening-capture-table th:nth-child(3){width:12%}.opening-capture-table th:nth-child(4){width:24%}.opening-capture-table th small{color:var(--muted);font-size:8px}.opening-unit-list>div,.opening-factor-list>div{min-height:23px;display:flex;align-items:center}.opening-unit-list>div{gap:6px}.opening-unit-list small{color:var(--muted)}.opening-factor-list{font-variant-numeric:tabular-nums}.opening-total-head,.opening-total{text-align:center!important}.opening-total .opening-quantity{display:block;font-size:20px;line-height:1}.opening-total span{display:block;color:var(--muted);font-size:10px;margin-top:4px}
.pack-ean.ean-scan-confirmed{border-color:var(--green)!important;box-shadow:0 0 0 3px rgba(53,201,135,.12);animation:ean-confirm .7s ease}@keyframes ean-confirm{0%{background:#123426}100%{background:#0c151c}}
.global-search-wrap{position:relative;width:min(540px,48vw)}.global-search-wrap .global-search{width:100%}.topbar-menu{position:relative}.top-popover{position:absolute;top:48px;background:#101a22;border:1px solid #30434f;border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.45);overflow:hidden;z-index:80}.top-popover[hidden]{display:none}.search-popover{left:0;width:100%;min-width:430px;max-height:min(520px,70vh);overflow:auto}.action-popover,.profile-popover{right:0;width:360px;max-height:min(540px,75vh);overflow:auto}.profile-popover{width:260px}.popover-label{padding:10px 13px 7px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:1px}.search-result{width:100%;border:0;border-top:1px solid #21313a;background:transparent;color:#e7edf1;display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;text-align:left;padding:11px 13px}.search-result:hover,.profile-popover>a:hover,.profile-popover>button:hover{background:#17242d}.search-result>span{width:28px;height:28px;border-radius:8px;background:var(--orange-soft);color:var(--orange2);display:grid;place-items:center;font-weight:800}.search-result strong,.search-result small{display:block}.search-result strong{font-size:11px}.search-result small{font-size:9px;color:var(--muted);margin-top:3px}.search-result>b{color:#71818e}.popover-head{padding:14px}.popover-head strong,.popover-head small{display:block}.popover-head strong{font-size:12px}.popover-head small{font-size:9px;color:var(--muted);margin-top:4px}.popover-empty{padding:22px 14px;color:var(--muted);font-size:10px;text-align:center}.notification-count{position:absolute;min-width:16px;height:16px;border-radius:9px;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:8px;font-weight:800;top:-5px;right:-5px;padding:0 4px}.notification-count[hidden]{display:none}.profile{border:0;background:transparent;color:inherit;cursor:pointer;border-left:1px solid #26323b}.profile:hover,.profile[aria-expanded="true"]{color:#fff}.profile-popover>a,.profile-popover>button{display:block;width:100%;padding:12px 14px;border:0;border-top:1px solid #21313a;background:transparent;color:#dce4e8;text-align:left;text-decoration:none;font-size:11px}.popover-foot{padding:11px 14px;color:#6f808c;font-size:9px;border-top:1px solid #21313a}
@media(max-width:700px){.search-popover{min-width:min(430px,92vw)}.action-popover{width:min(360px,92vw)}.global-search-wrap{width:55vw}}
.notification-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-head>div strong,.notification-head>div small{display:block}.notification-head button{border:0;background:transparent;color:var(--orange2);font-size:9px;font-weight:700;padding:5px}.notification-row{display:grid;grid-template-columns:1fr 34px;align-items:stretch;border-top:1px solid #21313a}.notification-main{border:0;background:transparent;color:#e7edf1;display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;text-align:left;padding:11px 8px 11px 13px}.notification-main:hover,.notification-dismiss:hover{background:#17242d}.notification-main>span{width:28px;height:28px;border-radius:8px;background:var(--orange-soft);color:var(--orange2);display:grid;place-items:center;font-weight:800}.notification-main strong,.notification-main small{display:block}.notification-main strong{font-size:11px}.notification-main small{font-size:9px;color:var(--muted);margin-top:3px}.notification-main>b{color:#71818e}.notification-dismiss{border:0;border-left:1px solid #21313a;background:transparent;color:#73838e;font-size:17px}.notification-dismiss:hover{color:#fff}
.notification-reset{width:100%;border:0;border-top:1px solid #21313a;background:#0e171e;color:#a9b7c0;padding:11px;font-size:9px;font-weight:700}.notification-reset:hover{color:#fff;background:#17242d}
.auth-screen{position:fixed;inset:0;z-index:500;background:radial-gradient(circle at 70% 15%,rgba(230,107,22,.12),transparent 34%),#080d12;display:grid;place-items:center;padding:24px}.auth-card{width:min(440px,95vw);background:#101a22;border:1px solid #30434f;border-radius:20px;padding:34px;box-shadow:0 28px 90px rgba(0,0,0,.55)}.auth-brand{display:flex;align-items:center;gap:13px;margin-bottom:30px}.auth-brand strong{display:block;font-size:21px;letter-spacing:1.7px}.auth-brand span{display:block;color:#778895;font-size:9px;letter-spacing:2px;margin-top:3px}.auth-card h1{font-size:26px;margin:0 0 8px}.auth-card>p{color:var(--muted);font-size:12px;line-height:1.55;margin:0 0 24px}.auth-card .form-group{margin-bottom:15px}.auth-submit{width:100%;margin-top:8px}.auth-help{display:block;color:var(--muted);line-height:1.5;margin-top:18px}.permission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:5px}.permission-row{display:flex;align-items:center;gap:9px;background:#0c151c;border:1px solid #253640;border-radius:9px;padding:10px;font-size:11px}.permission-row input,.toggle-line input{accent-color:var(--orange)}.toggle-line{display:flex;flex-direction:row;align-items:center;padding-top:24px}.setting-card[data-route="users"]{max-width:none}.auth-card .brand-mark{color:#fff}@media(max-width:650px){.permission-grid{grid-template-columns:1fr}.auth-card{padding:25px}}
.modal-foot .delete-left{margin-right:auto}body.employee [data-action="new-supplier"],body.employee [data-action="edit-supplier"],body.employee [data-action="new-category"],body.employee [data-action="edit-category"],body.employee [data-action="new-location"],body.employee [data-action="edit-location"],body.employee [data-action="backup"],body.employee [data-action="remove-pdf"]{display:none!important}
.toggle-line{min-height:54px;padding:12px 14px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:11px!important;background:#0c151c;border:1px solid #2a3b47;border-radius:10px;color:#dce4e8;font-size:12px;font-weight:700;cursor:pointer}.toggle-line input,.permission-row input{appearance:none!important;-webkit-appearance:none!important;width:18px!important;height:18px!important;min-width:18px!important;flex:0 0 18px!important;margin:0!important;padding:0!important;border:1px solid #50636f!important;border-radius:5px!important;background:#091118!important;display:grid!important;place-content:center!important}.toggle-line input:checked,.permission-row input:checked{background:var(--orange)!important;border-color:var(--orange)!important}.toggle-line input:checked:after,.permission-row input:checked:after{content:'✓';color:#fff;font-size:13px;font-weight:900;line-height:1}.permission-grid{gap:10px!important;margin-top:8px!important}.permission-row{min-height:50px;padding:11px 13px!important;justify-content:flex-start!important;gap:11px!important;cursor:pointer;transition:border-color .15s,background .15s}.permission-row:hover{border-color:#48606e;background:#101c24}.permission-row:has(input:checked){border-color:#70401f;background:rgba(230,107,22,.075)}.permission-row span{display:block!important;flex:1!important;min-width:0!important;text-align:left!important;font-size:11px!important;font-weight:650!important;line-height:1.35!important;color:#d9e1e6!important}.form-group.full>.permission-grid+small{display:block;margin-top:10px;line-height:1.45;color:#7f909c}.modal:has(.permission-grid){width:min(760px,96vw)}
.purchase-metrics{display:grid;grid-template-columns:repeat(2,minmax(220px,360px));gap:12px;margin-bottom:18px}.purchase-metrics .metric{min-height:108px}.purchasing-table td{vertical-align:middle}.purchasing-table .copy-value{font-family:ui-monospace,"Cascadia Mono",monospace;font-size:11px}.purchase-help{display:block;color:var(--muted);margin-top:14px;line-height:1.5}.purchasing-table .btn{white-space:nowrap}@media(max-width:760px){.purchase-metrics{grid-template-columns:1fr}}
.scanner-status{position:fixed;bottom:80px;left:12px;width:calc(var(--sidebar-width,210px) - 24px);max-width:210px;z-index:25;padding:10px;border:1px solid #365064;border-radius:9px;background:#10232e;color:#b7d7e9;text-decoration:none;font-size:11px;font-weight:700;box-sizing:border-box}.scanner-status.goods_receipt{background:#17372c;color:#70e4ac;border-color:#36795b}.scanner-status.paused{background:#442c15;color:#ffc07a;border-color:#a66c2e}@media(max-width:900px){.scanner-status{left:auto;right:12px;bottom:12px;width:auto}}
.opening-panel{margin:18px 0;border-color:#a65b23}.opening-panel .card-head small{display:block;color:var(--muted);margin-top:6px}.opening-actions{display:flex;gap:12px;flex-wrap:wrap}.opening-quantity{font-size:18px;font-weight:800;color:#ffad73}.opening-warning{font-size:11px;color:#ffad73}.opening-start-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.opening-check{display:flex;align-items:flex-start;gap:12px;color:#ffad73}.opening-check input{width:auto;flex:0 0 auto}.scanner-status.opening_balance,.scanner-status.opening_review,.scanner-status.opening_paused{border-color:#a65b23;color:#ffad73;background:#392719}


.opening-workspace .card-head small{display:block;color:var(--muted);margin-top:6px}.opening-empty{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px}.opening-empty-icon{font-size:34px;color:var(--orange);margin-bottom:12px}.opening-empty h3{margin:0 0 10px}.opening-empty p{color:var(--muted);margin:0;max-width:420px;line-height:1.6}.opening-number{text-align:right;white-space:nowrap}.opening-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px;border-top:1px solid #263945}.opening-summary>div:first-child{display:flex;flex-direction:column;gap:7px}.opening-summary span{color:var(--muted)}.opening-scan,.opening-resume{padding:20px 24px;border-bottom:1px solid #263945}.opening-scan label,.opening-command-input label{display:block;margin-bottom:9px;color:var(--muted);font-size:13px}.opening-scan>div{display:flex;gap:12px}.opening-scan input,.opening-command-input input{min-width:0;flex:1;padding:12px;background:#091118;color:white;border:1px solid #405865;border-radius:8px}.opening-command-input{margin-top:24px}.opening-command-input input{width:100%}@media(max-width:700px){.opening-summary{align-items:stretch;flex-direction:column}.opening-workspace .card-head{gap:16px;flex-wrap:wrap}}
.unknown-ean{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid #75451f;background:#231912;border-radius:12px}.unknown-ean-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:var(--orange);color:#fff;font-size:22px;font-weight:900}.unknown-ean strong,.unknown-ean p{display:block;margin:0}.unknown-ean strong{font:700 17px ui-monospace,"Cascadia Mono",monospace;color:#ffad73}.unknown-ean p{margin-top:5px;color:var(--muted)}.unknown-ean-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.unknown-ean-actions .btn{min-height:46px}.modal:has(.unknown-ean){width:min(620px,96vw)}@media(max-width:600px){.unknown-ean-actions{grid-template-columns:1fr}}
.page-head .actions [data-action="show-pdf"]{display:none}
.barcode-modal{width:min(760px,94vw)}.receipt-barcode{max-width:560px;margin:18px auto 4px}.receipt-barcode .code128{width:min(560px,100%);max-height:190px;height:auto;padding:16px}.receipt-barcode .barcode-text{font-size:16px}.page-head .actions [data-action="delete-receipt"]{order:99;width:38px;min-width:38px;padding:0;font-size:0;position:relative;overflow:hidden}.page-head .actions [data-action="delete-receipt"]:before{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;transform:translate(-50%,-50%);background:center/16px 16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ff858c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4h8v2'/%3E%3Cpath d='M19 6l-1 14H6L5 6'/%3E%3Cpath d='M10 11v5M14 11v5'/%3E%3C/svg%3E")}.page-head .actions [data-action="receipt-barcode"]{font-size:0}.page-head .actions [data-action="receipt-barcode"]:before{content:"▶ Scan-Erfassung starten";font-size:12px}
.product-pager{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.product-pager>div{display:flex;align-items:center;gap:12px}.product-pager strong{color:var(--text);min-width:110px;text-align:center}.product-pager .btn{min-width:38px}.btn:disabled{opacity:.35;cursor:default}@media(max-width:600px){.product-pager{align-items:stretch;flex-direction:column}.product-pager>div{justify-content:space-between}}
.form-group input:disabled{background:#172129;color:#82909a;border-color:#293740;cursor:not-allowed;opacity:.78}
.stock-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.stock-toolbar .filters{flex:1;display:flex;gap:10px;flex-wrap:wrap}.stock-toolbar .search-control{min-width:280px;flex:1}.stock-filter-summary{display:flex;align-items:center;gap:12px;white-space:nowrap;color:var(--muted);font-size:11px}.stock-filter-summary strong{color:var(--text)}.stock-filter-summary span{padding-left:12px;border-left:1px solid var(--line)}
.barcode-product-intro{margin-bottom:18px;padding:15px;border:1px solid #2c3f4a;border-radius:11px;background:#121d25}.barcode-product-intro strong,.barcode-product-intro span{display:block}.barcode-product-intro span{margin-top:5px;color:var(--orange2);font:700 11px ui-monospace,"Cascadia Mono",monospace}.barcode-product-intro p{margin:11px 0 0;color:var(--muted);font-size:11px;line-height:1.55}.product-barcode-title{text-align:center}.product-barcode-title small{display:block;color:var(--orange2);font-weight:800;letter-spacing:1px}.product-barcode-title h1{margin:7px 0 9px;font-size:25px}.product-barcode-title strong{font-size:14px}.product-barcode-note{text-align:center;color:#52616b;font-size:10px;margin:12px 0 0}.scanner-sound-test{display:flex;gap:9px;margin-top:10px}
@media(max-width:900px){.stock-toolbar{align-items:stretch;flex-direction:column}.stock-filter-summary{justify-content:flex-start}.stock-toolbar .filters>*{flex:1 1 220px}.stock-toolbar .search-control{min-width:0}.scanner-sound-test{flex-direction:column}}
.barcode-actions,.private-statement-actions{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.barcode-actions .command-print{width:auto;flex:1}.private-statement{margin-bottom:16px;overflow:hidden}.private-statement.open{border-left:4px solid var(--orange)}.private-statement.closed{border-left:4px solid var(--green)}.private-total-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px 20px;border-block:1px solid #263844;background:#0d171e}.private-total-grid>div{padding:12px;border-radius:10px;background:#131f27}.private-total-grid small,.private-total-grid strong{display:block}.private-total-grid small{color:var(--muted);font-size:10px}.private-total-grid strong{font-size:21px;margin-top:6px}.private-total-grid .grand{background:#47220e}.private-total-grid .grand strong{color:var(--orange2)}@media(max-width:800px){.private-total-grid{grid-template-columns:repeat(2,1fr)}}
.private-tax-breakdown{padding:18px 20px;border-bottom:1px solid var(--line)}.private-tax-breakdown>strong{display:block;margin-bottom:10px}.private-tax-breakdown>small{display:block;margin-top:10px;color:var(--muted)}.private-tax-row{display:grid;grid-template-columns:110px 1fr 1fr;gap:8px 16px;padding:9px 0;border-top:1px solid var(--line)}.private-tax-row small{grid-column:2/-1;color:var(--muted)}.private-tax-warning{margin:14px 20px;padding:12px 14px;border-radius:9px;border:1px solid var(--orange);background:#392416;color:#ffd2a9}@media(max-width:800px){.private-tax-row{grid-template-columns:1fr 1fr}.private-tax-row strong{grid-column:1/-1}.private-tax-row small{grid-column:1/-1}}
.private-tax-warning .btn{margin-left:12px}.private-tax-review-list{display:grid;gap:10px;margin:18px 0}.private-tax-review-item{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:9px}.private-tax-review-item strong,.private-tax-review-item small{display:block}.private-tax-review-item small{color:var(--muted);margin-top:4px}.private-tax-review-item select{width:100%}@media(max-width:650px){.private-tax-review-item{grid-template-columns:1fr}}
.btn{text-decoration:none;line-height:1.2}.btn.pdf-open{min-height:38px;padding:10px 14px;font-size:12px;white-space:nowrap}.barcode-actions .btn.pdf-open,.private-person-actions .btn.pdf-open{height:38px;align-self:center}

/* Shared spacing keeps both barcode actions on the same baseline. */
.barcode-actions{margin-top:14px;align-items:center}.barcode-actions .btn{margin-top:0;margin-bottom:0;height:38px;min-height:38px;align-self:center}
.scanner-mode.return{border-left-color:#4aa8e8;background:linear-gradient(120deg,#10273a,#111b23)}
.scanner-status.return_from_machine{background:#102d42;color:#9ed8ff;border-color:#377fae}
.command-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.package-ean{font-family:ui-monospace,"Cascadia Mono",monospace;line-height:1.5;white-space:nowrap}
@media(max-width:1200px){.command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.command-grid{grid-template-columns:1fr}}

.scanner-dashboard-top{display:grid;grid-template-columns:minmax(380px,.9fr) minmax(480px,1.25fr);gap:16px;align-items:stretch}.scanner-dashboard-top .scanner-mode{margin:0;display:flex;flex-direction:column;justify-content:center}.scanner-dashboard-top .scanner-mode strong{font-size:26px}.scanner-capture{display:grid;grid-template-rows:auto 1fr;gap:10px}.scanner-capture .scan-feedback{margin:0;display:flex;flex-direction:column;justify-content:center}.scanner-mode-meta{display:flex!important;flex-wrap:wrap;gap:8px 18px;margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}.scanner-mode-meta span{font-size:11px;color:var(--muted)}.scanner-mode-meta b{color:#eef3f6}.scanner-recent{margin-top:16px}.scanner-recent .card-head>div small{display:block;color:var(--muted);margin-top:4px}.scanner-event-details{padding:0 18px}.scanner-event-detail{display:grid;grid-template-columns:34px minmax(240px,1fr) 110px minmax(210px,.65fr);gap:14px;align-items:center;min-height:70px;padding:10px 0;border-bottom:1px solid #263741}.scanner-event-detail:last-child{border-bottom:0}.scanner-event-check{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-weight:900}.scanner-event-detail.error .scanner-event-check{background:var(--red-soft);color:var(--red)}.scanner-event-product strong,.scanner-event-product small,.scanner-event-kind small{display:block}.scanner-event-product small,.scanner-event-kind small{color:var(--muted);margin-top:4px;font-size:10px}.scanner-event-quantity{font-size:18px}.scanner-event-quantity.in{color:var(--green)}.scanner-event-quantity.out{color:var(--red)}.scanner-event-quantity.neutral{color:var(--muted)}.scan-kind{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800;background:#23313a;color:#c8d2d8}.scan-kind.in{background:var(--green-soft);color:var(--green)}.scan-kind.out{background:var(--red-soft);color:var(--red)}.scanner-command-modal{width:min(1500px,97vw)}
@media(max-width:1050px){.scanner-dashboard-top{grid-template-columns:1fr}.scanner-event-detail{grid-template-columns:34px minmax(180px,1fr) 90px minmax(170px,.7fr)}}
@media(max-width:700px){.scanner-event-detail{grid-template-columns:30px 1fr auto}.scanner-event-kind{grid-column:2/4}.scanner-event-details{padding:0 12px}.scanner-dashboard-top{display:block}.scanner-capture{margin-top:12px}}
.duplicate-product-list{display:grid;gap:6px;margin:10px 0}.duplicate-product-link{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border:1px solid #7b3b43;border-radius:8px;background:#151f27;color:#fff;text-align:left;cursor:pointer}.duplicate-product-link:hover{border-color:#ff6b76}.duplicate-product-link small{color:#9db0bf;white-space:nowrap}

/* Scannerzentrale: ruhige Übersicht mit eindeutiger Rückmeldung. */
.scanner-dashboard-top{grid-template-columns:minmax(300px,.85fr) minmax(380px,1.15fr)}
.scanner-dashboard-top .scanner-mode{justify-content:space-between;min-height:234px;padding:24px 26px}
.scanner-dashboard-top .scanner-mode>small{color:#b9c7d0;font-size:11px;font-weight:800}
.scanner-dashboard-top .scanner-mode>strong{font-size:clamp(23px,2vw,32px);line-height:1.13;overflow-wrap:anywhere}
.scanner-mode-meta{gap:10px 20px}
.scanner-mode-meta span{font-size:12px!important}
.scanner-input-card{padding:20px 22px}
.scanner-input-card label{font-size:15px}
.scanner-input-card input{min-width:0}
.scanner-capture .scan-feedback{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:15px;min-height:93px;padding:15px 19px;overflow:hidden}
.scan-feedback-icon{width:40px;height:40px;flex:0 0 40px;display:grid!important;place-items:center;border-radius:12px;background:#233540;color:#adc5d4;font-size:22px;font-weight:900}
.scan-feedback.success .scan-feedback-icon{background:#1d513a;color:#93edba}
.scan-feedback.error .scan-feedback-icon{background:#5c272e;color:#ff9aa0}
.scan-feedback>div{min-width:0}
.scan-feedback small{display:block;color:#b1c2cb;font-size:11px;font-weight:800;letter-spacing:.03em}
.scan-feedback strong{font-size:18px;line-height:1.25;margin-top:3px;overflow-wrap:anywhere}
.scan-feedback span:not(.scan-feedback-icon){font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.scan-feedback.just-scanned.success{animation:scanner-success-glow .95s ease-out}
.scan-feedback.just-scanned.error{animation:scanner-error-glow .95s ease-out}
.scanner-recent .card-head h2{font-size:16px}
.scanner-event-detail{min-height:76px}
.scanner-event-product strong{font-size:13px;line-height:1.3;overflow-wrap:anywhere}
.scanner-event-product small,.scanner-event-kind small{font-size:11px}
.scanner-event-detail.error .scanner-event-product strong{color:#ffb2b6}
#scan-code:focus-visible,.scanner-capture .btn:focus-visible,.scanner-recent a:focus-visible{outline:2px solid #ffa15c;outline-offset:3px}
@keyframes scanner-success-glow{35%{border-color:#83e6aa;box-shadow:0 0 0 3px rgba(91,226,151,.24),0 0 28px rgba(91,226,151,.18)}to{box-shadow:none}}
@keyframes scanner-error-glow{35%{border-color:#ff848c;box-shadow:0 0 0 3px rgba(245,94,108,.23)}to{box-shadow:none}}
@media(max-width:1180px){.scanner-dashboard-top{grid-template-columns:1fr}.scanner-dashboard-top .scanner-mode{min-height:0;gap:8px}.scanner-capture{grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);grid-template-rows:auto}.scanner-capture .scan-feedback{min-height:100%}}
@media(max-width:700px){.scanner-capture{display:grid;grid-template-columns:1fr}.scanner-capture .scan-feedback{min-height:90px}.scanner-input-card>div{grid-template-columns:1fr}.scanner-event-detail{gap:9px}.scanner-event-quantity{font-size:15px}}
@media(prefers-reduced-motion:reduce){.scan-feedback.just-scanned.success,.scan-feedback.just-scanned.error{animation:none}}
.scanner-dashboard-top .scanner-mode{justify-content:center;gap:8px}
.scanner-product-link{display:block;width:fit-content;max-width:100%;color:#f2f6f8;text-decoration:none;font-weight:800;line-height:1.3;overflow-wrap:anywhere}
.scanner-event-product .scanner-product-link{font-size:13px}
.scan-feedback .scanner-product-link{font-size:18px;margin-top:3px}
.scanner-product-link:hover{color:#ffae74;text-decoration:underline;text-underline-offset:3px}
.scanner-product-link:focus-visible{outline:2px solid #ffa15c;outline-offset:3px;border-radius:2px}

/* Kompakte Hauptnavigation: Tagesgeschäft bleibt sichtbar, seltene Bereiche klappen auf. */
.sidebar .brand{flex-shrink:0}
#nav{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#31414b transparent;padding-right:2px}
#nav .nav-item{text-decoration:none;min-height:42px}
#nav .nav-item>span:first-child{width:22px;flex:0 0 22px;text-align:center;font-size:17px}
.nav-group{margin:8px 0 0;border-top:1px solid #1f2c35;padding-top:8px}
.nav-group>summary{list-style:none;cursor:pointer;user-select:none}
.nav-group>summary::-webkit-details-marker{display:none}
#nav .nav-group-toggle{color:#c2cdd4}
#nav .nav-group.active>.nav-group-toggle{color:#ffae77}
.nav-more-chevron{margin-left:auto;transition:transform .18s ease;font-size:15px!important}
.nav-group[open] .nav-more-chevron{transform:rotate(180deg)}
.nav-group-content{padding:3px 0 5px 15px;border-left:1px solid #2a3a45;margin-left:23px}
.nav-subheading{padding:10px 10px 3px;color:#8797a3;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
#nav .nav-subitem{min-height:35px;padding:7px 10px;font-size:12px;margin:1px 0}
#nav .nav-subitem>span:first-child{font-size:15px;width:18px;flex-basis:18px}
.nav-settings{margin-top:8px;border-top:1px solid #1f2c35;padding-top:8px}
.sidebar .sidebar-foot{flex-shrink:0}
#nav .nav-item:focus-visible{outline:2px solid #ff9a58;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.nav-more-chevron{transition:none}}
.modal.telemetry-connection-modal{width:min(820px,96vw)}
.page-title-row{display:flex;align-items:center;gap:10px;min-width:0}.page-title-row h1{min-width:0;overflow-wrap:anywhere}.page-info{position:relative;flex:none;align-self:center;margin-bottom:6px}.page-info summary{list-style:none;display:grid;place-items:center;width:20px;height:20px;border:1px solid #526473;border-radius:50%;color:#a9bbc6;font-size:11px;font-weight:800;cursor:pointer}.page-info summary::-webkit-details-marker{display:none}.page-info summary:hover,.page-info[open] summary{border-color:#ff9a58;color:#ffb27f;background:#3b2418}.page-info-content{position:absolute;z-index:25;top:28px;left:0;width:min(310px,calc(100vw - 70px));padding:12px 14px;border:1px solid #40515b;border-radius:10px;background:#192630;box-shadow:0 14px 34px rgba(0,0,0,.4);color:#d7e0e5;font-size:12px;line-height:1.5;font-weight:400;letter-spacing:normal;text-transform:none}
@media(max-width:650px){.page-info-content{left:auto;right:0}.page-title-row{align-items:flex-start}.page-info{margin-top:6px}}
.telemetry-connection-dialog{display:grid;gap:16px}
#fillings-content .data-table a[href^="#products/"],#fillings-content .data-table a[href^="#products/"]:visited{color:#e8f0f4;text-decoration:none;font-weight:700;text-underline-offset:3px;transition:color .15s ease}
#fillings-content .data-table a[href^="#products/"]:hover,#fillings-content .data-table a[href^="#products/"]:focus-visible{color:#ffad73;text-decoration:underline}
#fillings-content .data-table a[href^="#products/"]:focus-visible{outline:2px solid #ffad73;outline-offset:3px;border-radius:2px}
.filling-number-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:4px}.filling-number-line strong{white-space:nowrap}.filling-completion-badge{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;font-size:9px;font-weight:800;line-height:1.2;white-space:nowrap}.filling-completion-badge.done{background:#1d3a2c;color:#a4e3ba}.filling-completion-badge.active{background:#443020;color:#ffc18d}
.filling-completion-badge.cancelled{background:#29343c;color:#b9c6ce}
.scanner-registration-modal{width:min(920px,96vw)}.scanner-registration-note{color:var(--muted);line-height:1.5;margin:0 0 18px}.scanner-registration-list{display:grid;gap:10px}.scanner-registration-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,1fr) auto auto;gap:12px;align-items:end;padding:14px;border:1px solid #31414c;border-radius:14px;background:#151e24}.scanner-registration-details{display:grid;gap:5px}.scanner-registration-details code{color:#ffae72;font-size:16px}.scanner-registration-details small{color:var(--muted)}.scanner-registration-row label,.scanner-registration-new label{display:grid;gap:6px;color:var(--muted);font-size:12px}.scanner-registration-row input:not([type=checkbox]),.scanner-registration-new input{width:100%;min-width:0;background:#10171c;color:#fff;border:1px solid #40505b;border-radius:9px;padding:10px}.scanner-registration-active{display:flex!important;align-items:center;gap:6px;padding-bottom:10px}.scanner-registration-new{display:flex;align-items:end;gap:12px;margin-top:22px;padding-top:18px;border-top:1px solid #31414c}.scanner-registration-new label{flex:1}@media(max-width:700px){.scanner-registration-row{grid-template-columns:1fr 1fr}.scanner-registration-details{grid-column:1/-1}.scanner-registration-new{flex-direction:column;align-items:stretch}}
.filling-reconcile-card>.card-head{gap:12px;flex-wrap:wrap}.filling-reconcile-card>.card-head>div{min-width:0;flex:1}.filling-reconcile-card>.card-head small{display:block;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}
.filling-compare-summary{display:flex;gap:18px;align-items:center;padding:15px 20px;background:#131f28;border-bottom:1px solid #2b3d48}.filling-compare-summary>div{display:flex;align-items:baseline;gap:8px}.filling-compare-summary strong{font-size:18px;color:#a4e3ba}.filling-compare-summary small{font-size:11px;color:#9aabb5}.filling-compare-summary .has-issues strong{color:#ff9397}.filling-compare-summary .all-matched strong{color:#a4e3ba}
.filling-compare-list{padding:9px 14px 14px;display:grid;gap:7px}.filling-compare-row{display:grid;grid-template-columns:minmax(200px,1fr) minmax(225px,330px) auto;gap:16px;align-items:center;min-width:0;min-height:75px;padding:12px 14px;border:1px solid #2a3c47;border-radius:11px;background:#121e26}.filling-compare-row.matched{border-left:3px solid #4d9e70}.filling-compare-row.difference{border-color:#784348;border-left:3px solid #ee777e;background:linear-gradient(90deg,#2a1c20,#17212a 55%)}.filling-compare-row.unresolved{border-color:#7d5737;border-left:3px solid #e8a35f;background:linear-gradient(90deg,#292119,#17212a 55%)}
.filling-compare-name{display:flex;align-items:center;gap:11px;min-width:0}.filling-compare-name>div{min-width:0}.filling-compare-name strong{display:block;font-size:12px;line-height:1.35;overflow-wrap:anywhere}.filling-compare-name small{display:block;color:#92a6b1;font-size:10px;margin-top:4px;line-height:1.35}.filling-compare-mark{width:25px;height:25px;flex:none;display:grid;place-items:center;border-radius:50%;background:#1d3a2c;color:#9ee4b5;font-size:14px;font-weight:800}.filling-compare-row.difference .filling-compare-mark{background:#4c292e;color:#ffb0b5}.filling-compare-row.unresolved .filling-compare-mark{background:#4c3524;color:#ffbf87}
.filling-compare-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0}.filling-compare-values>div{min-width:0}.filling-compare-values small,.filling-compare-values strong{display:block}.filling-compare-values small{font-size:9px;letter-spacing:.08em;font-weight:800;color:#869aa7}.filling-compare-values strong{font-size:15px;margin-top:4px}.filling-compare-row.difference .filling-compare-delta strong{color:#ff9397}.filling-compare-row.matched .filling-compare-delta strong{color:#a4e3ba}.filling-compare-row.unresolved .filling-compare-delta strong{color:#ffbf87}.filling-compare-action{justify-self:end}.filling-compare-action .btn{white-space:nowrap}
.filling-compare-warning,.filling-extra-scans{margin:12px 16px;padding:12px 14px;border:1px solid #81523b;border-radius:9px;background:#2b201b;color:#ffc49b;font-size:12px}.filling-extra-scans{margin-top:0}.filling-extra-scans p{margin:6px 0 0;color:#e4cbbb}.filling-compare-waiting{display:flex;align-items:center;gap:14px;padding:22px}.filling-compare-waiting>span{font-size:24px;color:#ffad73}.filling-compare-waiting strong,.filling-compare-waiting small{display:block}.filling-compare-waiting small{color:#9badb7;font-size:11px;margin-top:4px}.filling-manual-assignment{padding:0 20px 20px}.filling-manual-assignment label{display:block;font-size:11px;font-weight:700;margin-bottom:8px}.filling-manual-assignment>div{display:flex;gap:9px}.filling-manual-assignment select{min-width:0;flex:1}
@media(max-width:900px){.filling-compare-row{grid-template-columns:minmax(0,1fr) minmax(215px,300px)}.filling-compare-action{grid-column:1/-1;justify-self:end}}
@media(max-width:620px){.filling-compare-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px}.filling-compare-summary>div{display:block;min-width:0}.filling-compare-summary strong,.filling-compare-summary small{display:block}.filling-compare-summary strong{white-space:nowrap}.filling-compare-summary small{margin-top:3px;line-height:1.3}.filling-compare-list{padding:8px}.filling-compare-row{display:flex;flex-direction:column;align-items:stretch;gap:11px;padding:12px}.filling-compare-values{padding-left:36px}.filling-compare-action{align-self:flex-end}.filling-manual-assignment>div{flex-direction:column}.filling-manual-assignment .btn{align-self:flex-start}}
.filling-compare-waiting{align-items:flex-start;gap:16px;margin:18px;padding:20px 22px;border:1px solid #6b5138;border-radius:12px;background:linear-gradient(120deg,#2b221b,#18232b 68%)}.filling-compare-waiting .filling-wait-icon{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:11px;background:#4a3522;color:#ffc088;font-size:25px}.filling-wait-eyebrow{display:block;color:#ffb67e;font-size:10px;font-weight:800;letter-spacing:.11em;margin-bottom:7px}.filling-compare-waiting strong{font-size:16px}.filling-compare-waiting p{color:#afbec7;font-size:12px;line-height:1.5;margin:5px 0 0}
.filling-manual-assignment{margin:0 18px 18px;padding:0;border:1px solid #2e414b;border-radius:11px;background:#121e26;overflow:hidden}.filling-manual-assignment summary{display:flex;align-items:center;gap:12px;list-style:none;padding:13px 16px;cursor:pointer}.filling-manual-assignment summary::-webkit-details-marker{display:none}.filling-manual-assignment summary:hover{background:#1a2a34}.filling-manual-icon{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:8px;background:#263640;color:#ffad73;font-size:16px}.filling-manual-assignment summary>span:nth-child(2){flex:1;min-width:0}.filling-manual-assignment summary strong,.filling-manual-assignment summary small{display:block}.filling-manual-assignment summary strong{font-size:12px}.filling-manual-assignment summary small{color:#93a5b1;font-size:10px;margin-top:4px;line-height:1.4}.filling-manual-chevron{color:#93a5b1;transition:transform .2s}.filling-manual-assignment[open] .filling-manual-chevron{transform:rotate(180deg)}
.filling-manual-assignment>.filling-manual-body{display:block;padding:15px 16px 17px;border-top:1px solid #2e414b}.filling-manual-body label{display:block;color:#b8c7d0;font-size:10px;font-weight:800;margin-bottom:8px}.filling-manual-controls{display:flex;gap:10px}.filling-manual-controls select{min-width:0;flex:1;width:100%;min-height:42px;padding:9px 12px;border:1px solid #3a505c;border-radius:9px;background:#0d171f;color:#f4f7f9;color-scheme:dark}.filling-manual-controls select:focus-visible{outline:2px solid #ffad73;outline-offset:2px}.filling-manual-controls .btn{flex:none}.filling-manual-controls .btn:disabled{opacity:.48;cursor:not-allowed}.filling-manual-body>small{display:block;color:#879aa7;font-size:10px;margin-top:9px}
@media(max-width:620px){.filling-compare-waiting{margin:12px;padding:16px}.filling-manual-assignment{margin:0 12px 12px}.filling-manual-controls{flex-direction:column}.filling-manual-controls .btn{align-self:flex-start}}
.telemetry-connection-overview{border:1px solid #344a43;border-radius:16px;overflow:hidden;background:linear-gradient(130deg,#182921,#142029 62%)}
.telemetry-state-error{border-color:#744348;background:linear-gradient(130deg,#2b1d20,#17222a 65%)}
.telemetry-state-working,.telemetry-state-not_configured,.telemetry-state-not_started{border-color:#665039;background:linear-gradient(130deg,#2a221b,#17222a 65%)}
.telemetry-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:23px 24px 21px}
.telemetry-hero-copy{min-width:0}.telemetry-eyebrow{font-size:10px;letter-spacing:.15em;color:#a8c2b2;font-weight:800}
.telemetry-status-head{display:flex;align-items:center;gap:11px;margin:8px 0}.telemetry-status-head h3{font-size:24px;margin:0;line-height:1.2}
.telemetry-state-dot{width:11px;height:11px;border-radius:50%;background:#74d39c;box-shadow:0 0 0 6px rgba(116,211,156,.14);flex:none}
.telemetry-state-error .telemetry-state-dot{background:#f08585;box-shadow:0 0 0 6px rgba(240,133,133,.14)}
.telemetry-state-working .telemetry-state-dot,.telemetry-state-not_configured .telemetry-state-dot,.telemetry-state-not_started .telemetry-state-dot{background:#ffae73;box-shadow:0 0 0 6px rgba(255,174,115,.14)}
.telemetry-hero p{margin:0;color:#bdcacb;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.telemetry-check-button{flex:none;margin-top:8px}
.telemetry-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.1)}
.telemetry-status-grid>div{padding:16px 18px;min-width:0;border-right:1px solid rgba(255,255,255,.08)}.telemetry-status-grid>div:last-child{border-right:0}
.telemetry-status-grid small,.telemetry-recent-row small{display:block;color:#95a8b3;font-size:11px;line-height:1.4;margin-bottom:6px}
.telemetry-status-grid strong{display:block;font-size:13px;overflow-wrap:anywhere}
.telemetry-connection-error{color:#ffc0ba;background:#52272980;border-top:1px solid #744348;margin:0;padding:11px 24px;font-size:12px;overflow-wrap:anywhere}
.telemetry-recent{border:1px solid #293b46;border-radius:14px;background:#111c24;overflow:hidden}
.telemetry-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 20px;border-bottom:1px solid #293b46}.telemetry-section-head h3{margin:0;font-size:15px}.telemetry-section-head p{color:#93a5b1;font-size:11px;margin:4px 0 0}.telemetry-recent-total{font-size:11px;color:#ffad73;font-weight:800;white-space:nowrap}
.telemetry-recent-list{max-height:230px;overflow:auto}.telemetry-recent-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #273741;padding:11px 20px}.telemetry-recent-row:last-child{border-bottom:0}
.telemetry-recent-row>div{min-width:0}.telemetry-recent-row strong{display:block;font-size:12px;overflow-wrap:anywhere}.telemetry-recent-row small{margin:4px 0 0}.telemetry-recent-row a,.telemetry-unassigned{flex:none;font-size:11px}.telemetry-recent-empty{padding:20px;margin:0;color:#9eacb6;font-size:12px}
.telemetry-recent-row a[href^="#fillings/"],.telemetry-recent-row a[href^="#fillings/"]:visited{color:#ffad73;text-decoration:none;font-weight:800;white-space:nowrap}.telemetry-recent-row a[href^="#fillings/"]:hover,.telemetry-recent-row a[href^="#fillings/"]:focus-visible{color:#ffd0ad;text-decoration:underline;text-underline-offset:3px}.telemetry-recent-row a[href^="#fillings/"]:focus-visible{outline:2px solid #ffad73;outline-offset:3px;border-radius:2px}
.telemetry-credentials{border:1px solid #293b46;border-radius:14px;background:#101a22}.telemetry-credentials summary{display:flex;align-items:center;gap:12px;list-style:none;padding:15px 18px;cursor:pointer}.telemetry-credentials summary::-webkit-details-marker{display:none}.telemetry-credentials summary:hover{background:#17242d}.telemetry-credentials-icon{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:9px;background:#372a20;color:#ffad73;font-size:18px}.telemetry-credentials-copy{min-width:0;flex:1}.telemetry-credentials-copy strong,.telemetry-credentials-copy small{display:block;overflow-wrap:anywhere}.telemetry-credentials-copy strong{font-size:13px}.telemetry-credentials-copy small{font-size:11px;color:#9baab4;margin-top:4px}.telemetry-credentials-chevron{color:#9baab4;transition:transform .2s}.telemetry-credentials[open] .telemetry-credentials-chevron{transform:rotate(180deg)}.telemetry-credentials-body{border-top:1px solid #293b46;padding:16px 18px 18px}.telemetry-credentials-body>p{color:#9baab4;font-size:12px;line-height:1.5;margin:0 0 14px}.telemetry-credentials-body>.form-group{margin-bottom:13px}.telemetry-credentials-body>small{display:block;color:#9baab4;font-size:11px;line-height:1.5;margin-bottom:14px}
@media(max-width:650px){.telemetry-hero{flex-direction:column;padding:18px;gap:10px}.telemetry-check-button{margin:0}.telemetry-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.telemetry-status-grid>div:nth-child(2){border-right:0}.telemetry-status-grid>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08)}.telemetry-recent-row{align-items:flex-start;flex-direction:column}.telemetry-section-head{padding:15px}.telemetry-recent-row{padding:11px 15px}}
.product-telemetry-card .card-head{gap:16px;flex-wrap:wrap}
.product-telemetry-card .card-head>div{flex:1 1 250px;min-width:0}
.product-telemetry-card .card-head .btn{flex:0 0 auto}
.product-telemetry-card .telemetry-name-count{display:block;color:#ffad73;font-size:11px;font-weight:700;margin-top:8px}
.telemetry-name-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:10px}
.telemetry-name-item{display:flex;align-items:flex-start;gap:12px;min-width:0;padding:13px 14px;border:1px solid #2b3b45;border-radius:11px;background:#111c24}
.telemetry-name-mark{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#3a281c;color:#ffad73;font-weight:800}
.telemetry-name-copy{min-width:0;flex:1}
.telemetry-name-copy strong{display:block;font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.telemetry-name-copy small{display:block;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.4;overflow-wrap:anywhere}
.telemetry-name-empty{margin:0;color:var(--muted)}
@media(max-width:620px){.product-telemetry-card .card-head .btn{width:100%;justify-content:center}}
.private-compact-head{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:20px;align-items:center;padding:18px 22px}
.scan-delivery{position:fixed;z-index:1500;bottom:46px;left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);width:max-content;display:flex;align-items:center;gap:12px;padding:12px 18px;border:1px solid #446650;border-radius:12px;background:#182b20;box-shadow:0 8px 30px #0008;font-size:13px}.scan-delivery[hidden]{display:none}.scan-delivery.blocked{background:#422516;border-color:#d57732}.scan-delivery span{min-width:0;max-width:650px}.scan-delivery .btn{flex-shrink:0}@media(max-width:700px){.scan-delivery{flex-wrap:wrap;width:calc(100% - 30px)}}
.telemetry-search-picker{margin-top:18px;min-width:0}.telemetry-search-picker input{width:100%}.telemetry-search-picker small{display:block;color:var(--muted);margin:8px 0 12px}.telemetry-search-picker select{width:100%;height:230px;padding:6px;background:#0d151c;color:var(--text);color-scheme:dark}.telemetry-search-picker option{padding:10px 12px;border-radius:6px}.telemetry-search-picker option:checked{background:var(--orange);color:#fff}
.private-identity{min-width:0}.private-identity h2{margin:4px 0;font-size:18px;overflow-wrap:anywhere}.private-identity>small{color:var(--muted);font-size:12px}
.private-amount{text-align:right}.private-amount small{display:block;font-size:11px;color:var(--muted)}.private-amount strong{display:block;font-size:25px;color:var(--orange2);margin-top:4px;white-space:nowrap}
.private-compact .private-statement-actions{justify-content:flex-end}.private-consumption-list{padding:0 22px 7px;border-top:1px solid #2b3b45}
.private-consumption-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:11px 0;border-bottom:1px solid #24313b}.private-consumption-row:last-child{border-bottom:0}
.private-consumption-row>div{min-width:0}.private-consumption-row strong{display:block;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.private-consumption-row small{display:block;margin-top:3px;font-size:11px;color:var(--muted)}.private-consumption-row>span{white-space:nowrap;font-size:13px;font-weight:700}
@media(max-width:1100px){.private-compact-head{grid-template-columns:minmax(0,1fr) auto;gap:14px}.private-compact .private-statement-actions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:480px){.private-compact-head{padding:15px;gap:12px}.private-amount strong{font-size:22px}.private-amount small{max-width:120px}.private-consumption-list{padding-inline:15px}.private-compact .private-statement-actions .btn{flex:1}}

.filling-source-review,.filling-acceptance-history{padding:16px 20px;border-bottom:1px solid var(--border,#2a414e)}
.filling-source-review.pending{background:#442e172e}.filling-source-review p{margin:6px 0}.filling-compare-row.accepted{border-left:3px solid #4d9e70;background:#121e26}.filling-compare-row.accepted .filling-acceptance-note{color:#a4e3ba!important}.filling-compare-row.accepted .filling-compare-delta strong{color:#a4e3ba}.filling-acceptance-note{color:#e9ab58!important;line-height:1.5}.filling-compare-action{display:flex;flex-wrap:wrap;gap:8px}.filling-acceptance-history>div{padding:12px 0;border-top:1px solid #2a414e}.filling-compare-values strong{overflow-wrap:anywhere}

.filling-metrics{grid-template-columns:minmax(180px,1fr) minmax(150px,1fr) minmax(260px,2fr)}
@media(max-width:700px){.filling-metrics{grid-template-columns:1fr}.filling-compare-summary{flex-wrap:wrap}}
