:root{--ink:#26364b;--muted:#8292a8;--blue:#3269e9;--line:#e1e8f3;--bg:#f4f7fc;--green:#237a55;--red:#a34550}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:14px/1.5 'Segoe UI',Arial,sans-serif;color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.shell{width:min(1050px,100%);margin:auto;min-height:100vh;background:#fff;padding:0 26px 24px}.header{height:82px;display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line)}.logo{display:grid;place-items:center;background:#eaf1ff;color:var(--blue);border-radius:12px;width:42px;height:42px;font-size:26px}.heading{display:flex;flex-direction:column}.heading strong{font-size:20px;letter-spacing:-.6px}.heading small{color:#8597ad;font-size:10px;letter-spacing:1px;font-weight:700}.sync{margin-left:auto;border:1px solid #d3e1fa;color:#2861c7;background:#f0f6ff;border-radius:9px;padding:9px 13px;font-weight:700}.top{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 0 12px}.top h1{margin:0;font-size:25px}.top p{color:var(--muted);font-size:12px;margin:4px 0}.date{color:#8191a9;font-size:11px}.tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:14px}.tabs button{background:#fff;border:1px solid var(--line);border-radius:9px;color:#697b97;padding:10px 13px;font-size:13px;font-weight:700}.tabs button.selected{background:#eaf1ff;color:#275fc8;border-color:#aac7ff}.tabs b{background:#e9edf5;border-radius:7px;font-size:11px;padding:3px 6px;margin-left:4px}.search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:11px;background:#f8faff;padding:9px 14px;margin-bottom:18px}.search span{font-size:24px;color:#7790b2}.search input{border:0;outline:0;width:100%;background:transparent;color:var(--ink)}.orders{display:grid;gap:11px}.order{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px;box-shadow:0 3px 14px #2341650a}.order-header{display:flex;align-items:center;gap:9px}.order-number{font-weight:800;color:#275dba}.order-stage{margin-left:auto;background:#eaf4ff;color:#356bb1;border-radius:7px;padding:3px 8px;font-size:10px;font-weight:800}.order h3{font-size:16px;margin:9px 0 5px}.meta{color:#7d8ca2;font-size:12px}.order-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px}.open{color:#2e63c9;background:#edf3ff;border:1px solid #cbdcfb;padding:8px 12px;border-radius:8px;font-weight:800}.warn{display:inline-block;color:#a26223;background:#fff5e8;border:1px solid #fae1b9;padding:4px 7px;border-radius:6px;font-size:11px}.panel{border:1px solid var(--line);border-radius:14px;background:#fff;padding:18px;margin-bottom:14px}.panel h2{margin:0 0 9px;font-size:17px}.panel p{color:#718198;font-size:12px}.back{background:none;border:0;color:#3166c5;font-weight:800;padding:10px 0;margin:0 0 9px}.fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.field{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700}.field input,.field select,.scaninput input{width:100%;border:1px solid #d7e1ee;border-radius:9px;padding:11px;min-width:0;background:#fff;color:var(--ink)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}button.primary{background:#3269e9;border:1px solid #3269e9;color:white;padding:11px 16px;border-radius:9px;font-weight:800}button.secondary{color:#36639d;background:#f1f6fd;border:1px solid #d1e0f5;padding:10px 13px;border-radius:9px;font-weight:800}.packages{display:grid;gap:10px}.package{border:1px solid #e0e8f2;border-radius:11px;padding:13px;display:flex;align-items:center;gap:12px;justify-content:space-between}.package>div:first-child{min-width:0}.package strong{font-size:14px}.package .location{display:block;color:#74869d;font-size:12px;margin-top:4px}.package button{margin:2px}.hist{padding-left:0;list-style:none}.hist li{border-bottom:1px solid #edf0f5;padding:10px 0;font-size:12px}.hist span{color:#8e99a9}.empty{padding:40px 10px;text-align:center;color:#8190a8}.scaninput{display:flex;gap:8px;margin-top:15px}.scaninput button{border:1px solid #ccd8e8;border-radius:8px;background:white;padding:8px 12px}#toast{position:fixed;bottom:25px;right:22px;max-width:min(94vw,410px);background:#223752;color:#fff;border-radius:10px;padding:12px 15px;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 8px 24px #14243a30}#toast.visible{opacity:1}#toast.error{background:#a24546}footer{margin-top:30px;text-align:center;font-size:11px;color:#9da9ba;border-top:1px solid var(--line);padding-top:15px}[hidden]{display:none!important}@media(max-width:650px){.shell{padding:0 12px 20px}.header{height:70px}.heading strong{font-size:18px}.heading small{font-size:8px}.sync{font-size:11px;padding:8px}.top{flex-direction:column;align-items:flex-start;gap:3px}.top h1{font-size:23px}.tabs{gap:5px}.tabs button{font-size:11px;padding:9px}.fields{grid-template-columns:1fr 1fr}.package{flex-direction:column;align-items:stretch}.actions{flex-direction:column}.actions button{width:100%}.order-bottom{align-items:flex-end}}

/* Explicit opaque canvas for Telegram WebViews, including overscroll. */
:root{color-scheme:light;background:#fff}
html{min-height:100%;background:#fff;overscroll-behavior-y:none}
body{min-height:100vh;min-height:100dvh;background:#fff;overscroll-behavior-y:none}
.shell{min-height:100vh;min-height:100dvh}
#toast{display:none;opacity:1;transition:none;z-index:1000}
#toast.visible{display:block}
.order{box-shadow:none;overflow-wrap:anywhere}

.tabs .qr-tab{flex-basis:100%;min-height:54px;font-size:18px;padding:12px 18px;border:2px solid #aac7ff;color:#275fc8;background:#f0f6ff}
.field input{font-size:16px;min-height:46px;touch-action:manipulation}
.pdf-result{display:block;margin-top:12px;color:#275fc8;font-weight:700;overflow-wrap:anywhere}

.task-due{margin-top:9px;color:#3269a2;font-size:12px;font-weight:700}.task-due.overdue{color:#a34550}

/* Selected navigation: QR first, two large queue buttons below. */
.tabs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:18px 0 16px;margin:0}
.tabs .qr-tab{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:12px 16px;border:1px solid #3269e9;border-radius:13px;background:#3269e9;color:#fff;font-size:18px;font-weight:700}
.tabs .qr-tab.selected{background:#2454bf;color:#fff;border-color:#2454bf}
.tabs .queue-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:92px;padding:12px 8px;border-radius:13px;background:#f8faff;color:#536984;font-size:19px;font-weight:700}
.tabs .queue-tab.selected{background:#eaf1ff;color:#275fc8;border:2px solid #aac7ff}
.tabs .queue-icon{font-size:25px;line-height:1.2}
.tabs .queue-tab b{display:inline-block;font-size:12px;margin-left:3px;vertical-align:middle}
@media(max-width:360px){.tabs .queue-tab{font-size:17px}.tabs .queue-tab b{font-size:11px;padding:2px 4px}}