:root{color-scheme:light;--bg:#f5f7f8;--ink:#17201d;--muted:#63706b;--line:#d8e0dd;--green:#1f7a4d;--yellow:#f2b84b;--blue:#246b91;--panel:#ffffff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}a{text-decoration:none}.shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.sidebar{background:#20312c;color:white;padding:18px 14px}.brand{font-size:22px;font-weight:700;margin:6px 8px 24px}.nav{width:100%;height:42px;display:flex;gap:10px;align-items:center;border:0;border-radius:6px;padding:0 12px;color:#dbe6e2;background:transparent;cursor:pointer}.nav.active,.nav:hover{background:#2d493f;color:white}.workspace{padding:22px;min-width:0}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:16px}h1,h2,p{margin:0}h1{font-size:28px}.order span,.panel p,.topbar p{color:var(--muted)}.scanBox{width:min(520px,100%);height:44px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:6px;background:white}.scanBox input{border:0;outline:0;width:100%;min-width:0}.scanBox.wide{width:100%}.operatorState{min-width:172px;height:36px;display:grid;place-items:center;border:1px solid #9cc7b1;border-radius:6px;background:#eef8f2;color:var(--green);font-weight:700}.workspaceGrid{display:grid;grid-template-columns:minmax(320px,1.3fr) minmax(280px,.7fr);grid-gap:14px;gap:14px;align-items:start}.labelPreview,.orderDetails,.scanPanel,.successPanel{border:1px solid var(--line);background:white;border-radius:6px;padding:14px}.orderDetails,.scanPanel{display:grid;grid-gap:12px;gap:12px}.operatorMessage{min-height:24px;color:var(--muted)}.orderDetails div{display:grid;grid-gap:4px;gap:4px}.labelSheet span,.orderDetails span{color:var(--muted)}.labelPreview{margin-top:14px;display:grid;grid-template-columns:minmax(220px,340px) auto;grid-gap:14px;gap:14px;align-items:center}.labelSheet{aspect-ratio:2/3;border:1px dashed var(--line);border-radius:6px;display:grid;place-items:center;align-content:center;grid-gap:8px;gap:8px;text-align:center;padding:16px;background:#fbfcfc}.primaryAction{height:42px;width:-moz-fit-content;width:fit-content;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:6px;background:var(--green);color:white;padding:0 14px;cursor:pointer}.primaryAction.compact{height:36px}.successPanel{margin-top:14px;display:flex;align-items:center;gap:12px;border-color:#9cc7b1;background:#eef8f2}.errorMatrix,.rulesGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-top:14px}.documentPlan,.errorMatrix div,.ruleCard{border:1px solid var(--line);background:white;border-radius:6px;padding:12px;display:grid;grid-gap:6px;gap:6px;align-content:start}.documentPlan span,.errorMatrix span,.ruleCard span{color:var(--muted)}.ruleCard.danger{border-color:#e6b1a8;background:#fff7f5}.documentPlan{max-width:420px}.errorMatrix{grid-template-columns:repeat(4,1fr)}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.tabs button{height:34px;border:1px solid var(--line);border-radius:6px;background:white;padding:0 12px}.tabs .active{background:var(--green);color:white;border-color:var(--green)}.flow{grid-template-columns:repeat(6,minmax(110px,1fr));grid-gap:8px;gap:8px;align-items:center;margin-bottom:18px}.flow,.step{display:grid}.step{min-height:52px;border:1px solid var(--line);border-radius:6px;background:white;place-items:center;text-align:center;padding:8px}.step.active{border-color:var(--blue);color:var(--blue);font-weight:700}.arrow{display:none}.orders{display:grid;grid-gap:8px;gap:8px}.order{display:grid;grid-template-columns:1.1fr 1.4fr 1fr 70px;grid-gap:12px;gap:12px;align-items:center;min-height:68px;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:6px}.order div{display:grid;grid-gap:4px;gap:4px;min-width:0}.status{display:flex!important;flex-direction:row;flex-wrap:wrap}.express{color:#6b4300!important;background:#ffe2a1;border-radius:999px;padding:3px 8px;width:-moz-fit-content;width:fit-content}.time{justify-self:end;color:var(--muted)}.bottomGrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin-top:18px}.panel{min-height:112px;border:1px solid var(--line);background:white;border-radius:6px;padding:14px;display:grid;grid-gap:8px;gap:8px;align-content:start}.panel h2{font-size:16px}.panel.done{border-color:#9cc7b1;background:#eef8f2}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{display:flex;gap:8px;overflow-x:auto}.brand{margin:8px 12px 8px 0}.nav{width:auto;min-width:120px}.labelPreview,.order,.topbar,.workspaceGrid{grid-template-columns:1fr;display:grid}.bottomGrid,.errorMatrix,.flow,.rulesGrid{grid-template-columns:1fr}.arrow{display:grid;place-items:center;color:var(--muted)}}