:root{color-scheme:dark;--bg:#0b1014;--panel:#11191f;--border:#243039;--muted:#82939f;--text:#edf4f5;--accent:#59e4c6;--green:#77e2a7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button{color:inherit}input{color:var(--text);min-width:0}input::placeholder{color:#758590}a{color:inherit}.rail{position:fixed;inset:0 auto 0 0;width:78px;border-right:1px solid var(--border);display:flex;align-items:center;flex-direction:column;background:#0e151a}.logo{margin-top:24px;text-decoration:none;background:var(--accent);color:#102b26;font-size:29px;font-weight:900;width:40px;height:40px;line-height:34px;text-align:center;border-radius:12px}.logo span{font-size:21px}.rail-active{margin-top:58px;color:var(--accent);background:#17332f;border:1px solid #285247;border-radius:10px;font-size:23px;padding:4px 12px}.rail-bottom{margin-top:auto;margin-bottom:24px;background:#27363e;border-radius:50%;padding:8px 15px;position:relative}.online{position:absolute;width:8px;height:8px;background:var(--accent);border-radius:50%;right:1px;bottom:1px}main{margin-left:78px;padding:0 36px;max-width:1700px}header{height:83px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-size:20px;font-weight:700;letter-spacing:-.5px}.brand>span:first-child{color:var(--accent)}.brand .divider{color:#394851;margin:0 20px;font-weight:400}.brand small{font-size:12px;color:var(--muted);font-weight:400;letter-spacing:0}.connection{border:1px solid #284238;border-radius:30px;padding:7px 12px;font-size:11px;background:#15241f;color:#a6d5c5;white-space:nowrap}.connection i,.tiny-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:7px}.page-heading{display:flex;justify-content:space-between;align-items:center;padding:32px 0 29px}.eyebrow{color:var(--accent);font-size:10px;font-weight:650;letter-spacing:1.8px}h1{font-size:30px;font-weight:650;letter-spacing:-1px;margin:6px 0}p{margin:0;color:var(--muted)}.saved{color:#879d95;font-size:11px}.workspace{display:grid;grid-template-columns:330px minmax(0,1fr);gap:22px;align-items:start}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;overflow:hidden}.orders{height:700px;display:flex;flex-direction:column}.panel-heading{padding:22px 20px 18px;display:flex;align-items:center;justify-content:space-between}h2{font-size:15px;margin:0}.count{display:inline-block;background:#263239;color:#a9bbc4;font-size:10px;border-radius:5px;padding:1px 6px;margin-left:7px}.muted{font-size:10px;color:var(--muted)}.search-wrap{display:flex;align-items:center;margin:0 16px;border:1px solid #2d3b45;background:#0d1419;border-radius:7px;padding:8px 10px;gap:8px;color:var(--muted)}.search-wrap>span{font-size:22px;line-height:1}.search-wrap input{width:100%;border:0;outline:0;background:none;font-size:11px}.list-label{display:flex;justify-content:space-between;margin:22px 20px 12px;color:#6f838e;font-size:8px;letter-spacing:1.1px}.order-list{flex:1;min-height:0;overflow-y:auto;padding:0 10px;scrollbar-width:thin;scrollbar-color:#34454d transparent}.order{display:flex;align-items:center;width:100%;text-align:left;border:1px solid transparent;border-bottom-color:#202b33;background:none;padding:16px 10px;gap:12px;border-radius:8px}.order:hover{background:#19252b}.order.active{background:#162f2d;border:1px solid #326052}.order-icon{background:#223038;border:1px solid #31434b;border-radius:9px;width:35px;height:38px;display:grid;place-items:center;font-size:18px;color:#8faaa9}.active .order-icon{color:var(--accent);background:#21473e;border-color:#365e50}.order-copy{flex:1;min-width:0}.order-copy strong{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}.order-copy>span{display:block;font-size:11px;color:#a3b2ba;margin-top:3px}.order-copy small{font-size:9px;color:#6f858f}.order-status{font-size:8px;background:#28302c;border:1px solid #4a4935;color:#d6c997;border-radius:4px;padding:1px 5px}.order-status.finished{color:var(--green);border-color:#305440;background:#183128}.chevron{color:#667f84;font-size:21px}.list-footer{padding:15px 16px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);font-size:9px;color:var(--muted)}.text-button{border:0;background:none;color:var(--accent);font-size:10px;padding:5px}.detail-heading{padding:25px 26px 20px;display:flex;justify-content:space-between;align-items:center}.detail-heading h2{font-size:25px;letter-spacing:-.6px;margin:7px 0}.detail-heading p{font-size:11px}.detail-heading p span{padding:0 7px;color:#4d626f}.badge{vertical-align:middle;font-size:9px;color:var(--accent);background:#17322d;border:1px solid #284c40;border-radius:5px;padding:4px 8px;margin-left:8px;font-weight:400;letter-spacing:0}.badge.green{color:var(--green)}.detail-icon{font-size:28px;color:#466059}.progress-area{margin:0 26px 24px}.progress-area>div{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:10px}.progress-area strong{font-weight:500;color:#b8c7ce}.progress-area b{color:var(--text)}.progress-area em{font-style:normal;color:var(--accent);padding-left:15px}progress{appearance:none;display:block;height:6px;width:100%;border:0;border-radius:10px;overflow:hidden;background:#27323a}progress::-webkit-progress-bar{background:#27323a}progress::-webkit-progress-value{background:var(--accent);border-radius:10px}progress::-moz-progress-bar{background:var(--accent)}.scanner{margin:0 26px 24px;padding:18px;border:1px solid #34584e;border-radius:10px;background:linear-gradient(120deg,#18312c,#142421)}.scanner-title{display:flex;align-items:center;gap:11px;margin-bottom:16px}.scanner-title>span{font-size:25px;color:var(--accent)}h3{font-size:13px;margin:0;font-weight:600}.scanner-title p{font-size:10px;margin-top:3px;color:#8ca89f}.pulse{margin-left:auto;width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px #24483d}form{display:flex;gap:9px;align-items:stretch}.scan-input{display:flex;align-items:center;background:#0c1917;border:1px solid #426b5e;border-radius:7px;flex:1;padding:10px;gap:10px}.scan-input span{color:#7b9b90;font-size:20px}.scan-input input{width:100%;background:none;border:0;outline:0;font-size:12px}.quantity{font-size:8px;color:#9db4ab;background:#0c1917;border:1px solid #365348;border-radius:7px;display:flex;flex-direction:column;padding:4px 8px;width:62px}.quantity input{border:0;outline:0;background:none;width:100%;font-size:14px}.primary{background:var(--accent);border:1px solid var(--accent);color:#102d27;border-radius:7px;font-size:11px;font-weight:700;padding:12px 16px}.primary:hover{background:#8ef2da}.feedback{font-size:9px;color:#7f9d92;margin-top:12px;min-height:15px}.feedback.bad{color:#ffaaaa}.feedback.good{color:var(--green)}.items-heading{margin:0 26px 7px;display:flex;align-items:center;justify-content:space-between}.items-heading span{color:var(--muted);font-size:10px}.items{padding:0 26px}.item{display:flex;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid #243039}.product-art{width:58px;height:62px;border-radius:8px;background:#c2b3a0;flex-shrink:0;padding:7px;color:#605143}.product-art.bottle{background:#81958a;color:#d0d7c1}.product-art.bag{background:#b7b6a9;color:#615f50}.product-art svg{width:100%;height:100%;fill:currentColor;stroke:#ffffff44;stroke-width:1.5}.product-art.bag svg,.product-art.box svg{fill:none;stroke:currentColor;stroke-width:3}.product-copy{flex:1;min-width:0}h4{font-size:12px;font-weight:600;margin:0 0 2px}.product-copy p{font-size:10px}.product-copy>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:7px}.product-copy code{font:8px monospace;background:#202c34;padding:2px 5px;border-radius:3px;color:#adbfc8}.product-copy>div>span{font:8px monospace;color:#71858f}.item-count{text-align:right;min-width:72px}.item-count strong{font-size:18px;font-weight:600}.item-count strong span{font-size:13px;color:#71858f;font-weight:400}.item-count small{display:block;font-size:9px;color:#7e929d;margin-top:3px}.item-done{background:#17312855;margin:0 -10px;padding-left:10px;padding-right:10px}.item-done h4,.item-done .item-count strong,.item-done .item-count small{color:var(--green)}.detail-footer{display:flex;justify-content:space-between;gap:10px;padding:19px 26px;color:#728a92;font-size:9px}.demo-help{padding:0 26px 18px;color:#95aaa8;font-size:10px}.demo-help summary{cursor:pointer}.demo-help p{margin-top:9px}.demo-help button,#retry-load{background:#213c34;border:1px solid #345e4b;color:var(--accent);border-radius:4px;padding:4px 8px}.empty{padding:60px 20px;text-align:center;color:var(--muted)}footer{display:flex;justify-content:space-between;color:#627780;font-size:10px;padding:24px 0}.version{margin-left:8px;color:#415760}#notice{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#203c32;color:#c7ffe2;border:1px solid #476756;border-radius:10px;padding:14px 22px;max-width:90vw;z-index:10;transition:.15s}#notice.visible{opacity:1;transform:translate(-50%,0)}#notice.error{background:#442627;color:#ffe0df;border-color:#8b4e4e}@media(min-width:1500px){main{margin:auto;padding-left:115px}}@media(max-width:1100px){main{padding:0 20px}.workspace{grid-template-columns:290px minmax(0,1fr);gap:16px}.scanner,.progress-area{margin-left:18px;margin-right:18px}.detail-heading,.items{padding-left:18px;padding-right:18px}.badge{display:inline-block;margin-left:0}.saved{display:none}.primary{padding:10px}.scanner-title p{font-size:9px}.product-art{width:45px;height:52px}.product-copy>div>span{display:none}}@media(max-width:800px){.rail{width:58px}.logo{width:35px;height:35px;font-size:25px}.rail-active{padding:2px 9px}main{margin-left:58px;padding:0 16px}.brand small,.divider{display:none}.workspace{grid-template-columns:1fr}.orders{height:380px}.page-heading{padding:24px 0}h1{font-size:26px}.page-heading p{font-size:12px}.connection{font-size:9px}.detail-heading h2{font-size:23px}.pick{min-height:400px}footer{gap:20px}}@media(max-width:440px){.rail{display:none}main{margin:0;padding:0 12px}header{height:65px}.brand{font-size:18px}form{flex-wrap:wrap}.scan-input{flex-basis:70%}.primary{width:100%}.items-heading span{font-size:9px}.detail-footer{flex-direction:column}}

select{font:inherit;color:var(--text);background:#0d191c;border:1px solid #365348;border-radius:6px;padding:9px;max-width:100%}select:focus-visible{outline:2px solid var(--accent)}.cart-filter{margin:14px 16px 0;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px}.cart-filter select{flex:1;min-width:0}.cart-area{margin:0 26px 22px;padding:16px;border:1px solid #344741;border-radius:10px;background:#14211f}.cart-area p{font-size:11px;margin:4px 0 12px}.cart-area form{align-items:end;flex-wrap:wrap}.cart-area label{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#a9bcb5}.cart-note{flex:1;min-width:150px}.cart-area input{background:#0d191c;border:1px solid #365348;border-radius:6px;padding:9px;width:100%;font-size:12px}.secondary{background:#263e36;border:1px solid #436658;border-radius:6px;padding:10px;color:#c0efda;font-size:11px}.cart-area small{display:block;color:#85a094;font-size:10px;margin-top:12px}.cart-area>.primary{margin-top:12px}.order-copy>.cart-label{font-size:10px;color:var(--accent)}@media(max-width:600px){.cart-area{margin-left:18px;margin-right:18px}.cart-area form>label,.cart-area form>button{width:100%}}
/* Larger warehouse-friendly type and controls. */
body{font-size:16px}main{padding:0 28px}.brand{font-size:25px}.brand small,.connection{font-size:14px}.eyebrow{font-size:13px}h1{font-size:36px}.saved{font-size:14px}.workspace{grid-template-columns:380px minmax(0,1fr)}h2{font-size:20px}.count,.muted{font-size:13px}.search-wrap{padding:12px}.search-wrap input{font-size:15px}.list-label{font-size:11px}.order{padding:18px 12px}.order-copy strong{font-size:18px}.order-copy>span{font-size:15px}.order-copy small{font-size:13px}.order-status{font-size:12px}.order-copy>.cart-label{font-size:14px}.list-footer,.text-button{font-size:13px}.cart-filter{font-size:15px}.cart-filter select{font-size:15px}.orders{height:780px}.detail-heading{gap:16px;flex-wrap:wrap}.detail-heading h2{font-size:30px}.detail-heading p{font-size:15px}.badge{font-size:13px}.progress-area>div{font-size:15px}progress{height:10px}h3{font-size:18px}.scanner-title p{font-size:14px}.scan-input input{font-size:18px}.quantity{font-size:12px;width:78px}.quantity input{font-size:20px}.primary,.secondary{font-size:15px;min-height:44px;padding:12px 16px}.feedback{font-size:14px}.items-heading{gap:12px;flex-wrap:wrap}.items-heading span{font-size:14px}h4{font-size:18px}.product-copy p{font-size:15px}.product-copy code,.product-copy>div>span{font-size:12px}.item-count strong{font-size:24px}.item-count strong span{font-size:18px}.item-count small{font-size:13px}.product-art{width:68px;height:74px}.detail-footer,.demo-help,footer{font-size:13px}.cart-area p{font-size:15px}.cart-area label{font-size:14px}.cart-area input,.cart-area select{font-size:16px;min-height:44px}.cart-area small{font-size:13px}.cart-area form{gap:12px}.cart-note{min-width:220px}.dashboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric{padding:22px;background:var(--panel);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:6px}.metric>span{font-size:17px;font-weight:600}.metric strong{font-size:38px;color:var(--accent);line-height:1.2}.metric small{font-size:13px;color:#a2b2bd}.overview-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0 22px;font-size:13px;color:#9aaeb6}.overview-footer button{flex-shrink:0}dialog{width:min(1050px,96vw);max-height:92vh;border:1px solid #52645e;border-radius:14px;padding:24px;background:#fff;color:#172822;overflow:auto}dialog::backdrop{background:#000b}.picklist-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #ddd;padding-bottom:18px}.picklist-actions h2{margin-right:auto}.print-heading{display:flex;justify-content:space-between;gap:24px;padding:24px 0}.print-heading p{color:#4e6359}.print-heading h1{font-size:28px}.print-summary,.print-note{padding:14px;background:#eff6f2;color:#213d30;margin-bottom:18px}.picklist-table{width:100%;border-collapse:collapse;font-size:15px}.picklist-table th,.picklist-table td{border-bottom:1px solid #cad5ce;padding:12px 8px;text-align:left}.picklist-table th{background:#eaf1ed}.picklist-table td span{font-size:13px;overflow-wrap:anywhere}.print-signature{margin-top:32px;color:#30483b}.print-footnote{font-size:12px;margin-top:22px;color:#506558}
@media(max-width:1150px){.workspace{grid-template-columns:330px minmax(0,1fr)}.scanner form{flex-wrap:wrap}.scanner .scan-input{flex-basis:65%}.scanner .primary{flex:1}.cart-note{min-width:160px}.metric{padding:16px}.metric>span{font-size:15px}.product-copy>div>span{display:block}.detail-footer{flex-wrap:wrap}}
@media(max-width:900px){.workspace{grid-template-columns:1fr}.orders{height:480px}.dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-footer{flex-wrap:wrap}.saved{display:none}.brand small,.divider{display:none}}
@media(max-width:600px){main{padding:0 12px}.page-heading h1{font-size:28px}.page-heading p{font-size:16px}.connection{font-size:11px}.brand{font-size:20px}.metric small{font-size:12px}.metric strong{font-size:32px}.cart-note{min-width:0}.scan-input{min-width:0}.product-art{width:48px;height:54px}.item{gap:10px}.product-copy>div{overflow-wrap:anywhere}.product-copy code{word-break:break-word}.item-count{min-width:66px}.print-heading{flex-direction:column}.picklist-table{font-size:12px}.picklist-table th,.picklist-table td{padding:6px 3px}.picklist-table td span{font-size:10px}}
@media print{@page{size:A4;margin:14mm}body{background:white!important;color:black!important}body>aside,body>main,#notice{display:none!important}dialog[open]{position:static;display:block;width:100%;max-width:none;max-height:none;margin:0;padding:0;overflow:visible;border:0;border-radius:0}dialog::backdrop{display:none}.picklist-actions{display:none}.print-heading h1{font-size:25pt}.picklist-table{font-size:11pt}.picklist-table td span{font-size:9pt}.picklist-table thead{display:table-header-group}.picklist-table tr{break-inside:avoid}.print-signature{break-inside:avoid}.print-footnote{font-size:9pt}body{font-size:11pt}}

.easure-wordmark{font-size:30px;font-weight:800;letter-spacing:2px;color:#183b31!important}.barcode-block{display:flex;flex-direction:column;align-items:center;margin-top:16px;width:fit-content;max-width:100%;break-inside:avoid}.order-barcode{max-width:100%;height:80px;background:white;shape-rendering:crispEdges}.barcode-block>strong{font:16px monospace;letter-spacing:2px;color:#000}.customer-address{padding:16px 0 20px;break-inside:avoid}.customer-address>strong{font-size:13px;color:#506558}.customer-address address{font-style:normal;font-size:16px;line-height:1.6;margin-top:6px}.verification-text{margin-top:18px;padding:14px;border:1px solid #889d90;color:#172822;break-inside:avoid}.verification-text>strong{color:#814200}.verification-text small{font-size:12px}
@media print{.order-barcode{height:22mm;max-width:100%}.barcode-block{max-width:100%}.customer-address address{font-size:11pt}.verification-text{font-size:11pt}.easure-wordmark{font-size:24pt}}

/* Compact picklist header with original logo and right-hand address. */
.print-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,1fr);align-items:start;gap:28px;padding:18px 0}.easure-logo{display:block;width:90px;height:90px;object-fit:contain;margin-bottom:4px}.print-heading h1{margin:4px 0 8px}.print-right{justify-self:end;min-width:230px;max-width:100%;padding-top:8px}.print-right>p{font-size:13px;margin-top:4px}.print-right .customer-address{padding:14px 0 0}.print-right address{line-height:1.4}.barcode-block{margin-top:8px}.order-barcode{height:40px}.print-signature{margin-top:22px}
@media screen and (max-width:600px){.print-heading{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.print-right{min-width:0;width:100%;font-size:12px}.print-right address{font-size:13px;overflow-wrap:anywhere}.print-right .customer-address>strong{font-size:11px}.print-heading h1{font-size:22px}.easure-logo{width:70px;height:70px}}
@media print{.print-heading{display:grid;grid-template-columns:1fr 1fr;gap:10mm;padding:0 0 5mm;break-inside:avoid}.easure-logo{width:22mm;height:22mm}.print-right{min-width:0;width:100%;justify-self:end;padding-top:0}.order-barcode{height:11mm}.print-right address{font-size:11pt}.print-heading h1{font-size:20pt}}

/* Abgestimmte Lager-Farbpalette */
:root{--bg:#121315;--panel:#1E1F21;--border:#777777;--muted:#A5A5A6;--text:#FFFFFF;--accent:#FFFFFF}
.rail{display:none}main{margin-left:0}.page-heading{padding:20px 0}.page-heading h1{margin-top:0}
.scanner,.cart-area,.order.active,.product-art{background:#444444;border-color:#777777}
.primary,.secondary,.text-button{background:#000;color:#fff;border:1px solid #777777;border-radius:8px}
input,select{background:#121315;color:#fff;border-color:#777777}
.feedback.bad{background:#b91c1c;color:white;padding:12px;border-radius:8px}
#cart-dialog{color:#fff;background:#1e1f21;border:1px solid #777;border-radius:14px;width:min(650px,94vw);padding:20px}
#cart-dialog::backdrop{background:#000a}#cart-dialog .cart-area{margin-top:14px}#cart-form{display:flex;flex-direction:column;align-items:stretch;gap:14px}
.detail-heading{flex-wrap:wrap;gap:12px}.detail-heading>div{flex:1;min-width:180px}
@media(max-width:700px){main{padding:0 14px}.page-heading{gap:12px;flex-wrap:wrap}.workspace{grid-template-columns:1fr}.orders{height:400px}#scan-form{display:flex;flex-direction:column;align-items:stretch}.detail-heading button{flex:1}.item{flex-wrap:wrap}}