:root{font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#192c43;background:#eef3f8}*{box-sizing:border-box}body{margin:0}header{background:#143c68;color:white;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px clamp(14px,4vw,54px)}.brand{display:flex;align-items:center;gap:12px}.brand span{font-size:12px;opacity:.8}main{max-width:1240px;margin:auto;padding:20px}.hero{background:linear-gradient(120deg,#164b81,#2984be);color:white;border-radius:16px;padding:22px 26px;margin-bottom:18px}.hero h1{margin:0 0 6px}.hero p{margin:6px 0}.cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}article,.panel{background:white;border:1px solid #dce5ef;border-radius:14px;padding:20px;margin-bottom:16px;box-shadow:0 2px 5px #1b38550c}.panel article{box-shadow:none}h2{margin-top:0}h3{margin-top:18px}label{display:block;font-weight:600;font-size:14px;margin:12px 0}input,select{display:block;margin-top:6px;width:100%;padding:11px 12px;border:1px solid #bacada;border-radius:8px;font:inherit;background:white;color:#192c43}button{border:0;border-radius:8px;padding:11px 14px;background:#1564a6;color:white;cursor:pointer;font-weight:650;font:inherit;margin:5px 4px 5px 0}button:hover{filter:brightness(.94)}button.secondary{background:#486377}button.danger{background:#a72e38}button:disabled{opacity:.5;cursor:not-allowed}nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}nav button{background:#dce8f2;color:#194b72}nav button.active{background:#145e9b;color:white}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat{background:#e9f4fd;border-radius:10px;padding:18px}.stat strong{font-size:28px;display:block}.stat span{font-size:13px}.sub{color:#5f7285;font-size:13px;font-weight:400}.notice{background:#eaf4fe;padding:12px;border-radius:8px}.record{display:flex;align-items:center;justify-content:space-between;gap:9px;border-bottom:1px solid #e3ebf0;padding:10px 0}.record small{display:block;color:#607386}.record button{font-size:12px;padding:7px 9px}.record .actions{flex-shrink:0}.pill{display:inline-block;padding:4px 9px;border-radius:20px;background:#e5ecf1;font-size:12px}.pill.ok{background:#c9f0dd;color:#145c39}.pill.warn{background:#fae2bb;color:#855100}#toast{position:fixed;bottom:15px;right:15px;max-width:min(400px,90vw);background:#152e43;color:white;padding:15px 18px;border-radius:12px;display:none;z-index:50}.total{font-size:26px;font-weight:800}.flex{display:flex;align-items:center;justify-content:space-between;gap:8px}a{color:#1269af}#printLayer{display:none}@media(max-width:760px){.cols{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.brand span{display:none}.panel{padding:13px}main{padding:10px}}
@page{size:54mm 25mm;margin:0}@media print{body>*:not(#printLayer){display:none!important}#printLayer,#printLayer[hidden]{display:block!important;position:fixed;inset:0;background:white!important}#labelSheet{width:54mm;height:25mm;padding:1.2mm 1.6mm;overflow:hidden;color:black;font-family:Arial,sans-serif;font-size:7pt;line-height:1.06}#labelSheet .labelTop{display:flex;justify-content:space-between;gap:2mm;font-weight:bold}#labelSheet .labelName{font-size:8pt;margin-top:1mm;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#labelSheet .labelBottom{display:flex;align-items:end;justify-content:space-between}#labelSheet svg{height:9mm;max-width:46mm}#labelSheet .labelCode{text-align:center;font-size:7pt;letter-spacing:1pt}}

@media print{ @page{size:54mm 25mm;margin:0}#printLayer{position:static!important;display:block!important}#labelSheet{width:auto!important;height:auto!important;padding:0!important;overflow:visible!important}#labelSheet .label{width:54mm;height:25mm;page-break-after:always;break-after:page;box-sizing:border-box;padding:1.5mm 2mm;display:flex;flex-direction:column;justify-content:space-between;color:#000}.labelHero{display:flex;justify-content:space-between;gap:2mm;align-items:flex-start}.labelItem{font-size:11pt;font-weight:800;line-height:1.05;overflow:hidden;max-height:12mm;overflow-wrap:anywhere}.labelPrice{font-size:12pt;white-space:nowrap}.labelMeta{font-size:5.5pt;color:#444}#labelSheet .label svg{height:5mm;width:95%;max-width:none}}

.categoryOptions{border:1px solid #c5d2df;border-radius:9px;padding:12px;margin:10px 0}.categoryOptions label{display:flex;gap:10px;align-items:center;margin:8px 0}.categoryOptions input[type=checkbox]{width:auto;min-width:18px;height:18px;margin:0}#returnScanForm{background:#ecf5ff;border-radius:10px;padding:12px;margin-bottom:14px}#returnScanForm input{font-size:1.25rem}

/* Skibasar.360: Office-inspiriertes Ribbon, große Aktionsflächen und Ampelstatus */
header{background:#fff;color:#19324a;border-bottom:1px solid #d4dfeb;padding:12px 28px}.brand{font-size:21px;font-weight:700}.brand strong{color:#14579c}.brandLogo{width:1.2em;height:1.2em;vertical-align:middle;flex:none}.brand span{color:#596b81;font-size:13px}nav{background:#f8fbff;border:1px solid #d7e5f3;padding:9px;border-radius:8px;gap:5px;position:sticky;top:0;z-index:5}nav button{min-height:52px;min-width:110px;background:transparent;color:#20476b;border:1px solid transparent;border-radius:4px;padding:12px 18px}nav button.active{background:#e3f0fc;border:1px solid #8fc1ec;color:#10487c}button{min-height:41px}.stat{border:1px solid #cbdff0;background:#f5faff}.stat span{font-weight:650;color:#285178;display:block;margin-top:8px}.stat strong{font-size:clamp(21px,2.6vw,31px)}.traffic{display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:5px 8px;font-weight:750;font-size:12px;margin:3px 4px;background:#eef1f5;color:#48515c}.traffic::before{content:'';height:10px;width:10px;border-radius:50%;background:currentColor;flex:none}.traffic.angenommen{background:#d8efff;color:#08649d}.traffic.verkauft{background:#ddf7e6;color:#197741}.traffic.abholbereit{background:#fff1c6;color:#905d00}.traffic.zurueckgegeben{background:#e3e7ec;color:#5e6978}.labelConfig{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.labelConfig label{font-size:12px;margin:3px}.cashDialog{border:1px solid #9db8d1;border-radius:13px;padding:24px;width:min(440px,94vw);box-shadow:0 15px 80px #101c2d55}.cashDialog::backdrop{background:#0d203f8c}.cashDialog #cashAmount{font-size:26px;font-weight:700}.cashDialog #cashGiven{font-size:23px}.cashDialog .total{color:#0c643e}@media(max-width:700px){.labelConfig{grid-template-columns:repeat(2,1fr)}nav button{min-width:85px;min-height:46px}}
@media print{#labelSheet .label{position:relative}.labelHero{max-height:11mm}.labelItem{font-size:10pt;max-height:10mm}.labelPrice{font-size:13pt}.labelSize{font-size:7.5pt;font-weight:600;white-space:nowrap;border-top:.3pt solid #aaa;padding-top:.4mm}.labelMeta{font-size:4.8pt}#labelSheet .label svg{height:3.5mm}}

.filterbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.filterbar label{flex:1;min-width:180px}.tablewrap{overflow-x:auto}.dataTable{width:100%;border-collapse:collapse;background:#fff}.dataTable th,.dataTable td{border-bottom:1px solid #e0e6ed;padding:10px 8px;text-align:left}.dataTable th{background:#e6eff8;color:#234b6c;position:sticky;top:0}#saleDetail article{margin-top:15px;background:#f5f9fe;padding:14px;border-radius:9px}