:root{--bg: #f6f7f5;--panel: #ffffff;--ink: #18201b;--muted: #69736c;--line: #dde2dc;--brand: #166534;--brand-ink: #ffffff;--empty: #eef1ed;--warn: #b45309;--bad: #b91c1c;--tile-l: 86%;--tile-s: 55%;--tile-ink: #18201b;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #101411;--panel: #181e1a;--ink: #e7ece8;--muted: #93a097;--line: #2a332d;--brand: #22c55e;--brand-ink: #062b14;--empty: #1e2621;--warn: #f59e0b;--bad: #f87171;--tile-l: 30%;--tile-s: 35%;--tile-ink: #eef3ef;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.35 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,select,input{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--brand);cursor:pointer;text-decoration:underline}h1,h2,h3{margin:0 0 6px;line-height:1.15}h2{font-size:20px}h3{font-size:15px;margin-top:18px}.muted{color:var(--muted);font-size:13px}.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;word-break:break-all}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row.end{justify-content:flex-end}.row.between{justify-content:space-between}.center{min-height:100vh;display:grid;place-content:center;text-align:center;gap:10px;padding:16px}.small-t{font-size:11px;letter-spacing:.12em}.warn-t{color:var(--warn)}.primary{background:var(--brand);color:var(--brand-ink);border:0;border-radius:10px;padding:10px 16px;font-weight:600}.primary:disabled{opacity:.5}.ghost{background:transparent;border:1px solid var(--line);border-radius:10px;padding:8px 12px}.ghost:disabled{opacity:.35}.small{padding:5px 9px;font-size:13px}.big{padding:14px 22px;font-size:16px}.logo-img{height:30px;width:auto;display:block}.app-name{font-weight:700}.logo-login{width:220px;max-width:70vw;height:auto;margin:0 auto 8px;display:block}@media (prefers-color-scheme: dark){.logo-img,.logo-login{background:#f1f4f0;border-radius:8px;padding:3px 6px}.logo-login{padding:10px 14px;border-radius:14px}}.app{padding-bottom:76px}.top{position:sticky;top:0;z-index:5;display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--line)}.brand{font-weight:700;display:flex;align-items:center;gap:6px;cursor:pointer}.logo{color:var(--brand)}.demo{background:var(--warn);color:#fff;font-size:10px;padding:2px 6px;border-radius:6px}.seg{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.seg button{border:0;background:transparent;padding:7px 14px;font-weight:600}.seg button.on{background:var(--brand);color:var(--brand-ink)}.search{flex:1 1 160px;min-width:0;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.movebar{position:sticky;top:56px;z-index:4;display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:10px 16px;background:#fef3c7;color:#422006;border-bottom:1px solid #f59e0b}.movebar .muted{color:#713f12}.movebar .ghost{border-color:#b45309}main{padding:14px 16px;max-width:1200px;margin:0 auto}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.stats div{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px;text-align:center}.stats b{display:block;font-size:20px}.stats span{font-size:12px;color:var(--muted)}.hits{margin-bottom:14px}.hitlist{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;max-height:210px;overflow:auto}.hit{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:6px 9px;display:flex;gap:6px;align-items:baseline;text-align:left}.hit.old{opacity:.65}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px;text-align:left}.card-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.card-f{font-size:12px;color:var(--muted);margin-top:6px}.dot{width:9px;height:9px;border-radius:50%;background:#16a34a}.st-Off .dot{background:#9ca3af}.st-Needs-Attention .dot{background:#f59e0b}.st-Not-Working .dot{background:#dc2626}.card.st-Not-Working{border-color:#dc2626}.card.st-Needs-Attention{border-color:#f59e0b}.mini{display:grid;grid-template-columns:1fr 1fr;gap:2px}.mini i{height:7px;border-radius:2px;background:var(--empty)}.mini i.full{background:hsl(var(--h, 0) var(--tile-s) calc(var(--tile-l) - 18%))}.mini i.unk{background:var(--muted)}.mini i.dim{opacity:.18}.fz-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.fz-title{flex:1;min-width:150px}.status{padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:var(--panel);font-weight:600}.status.st-Not-Working{border-color:#dc2626;color:var(--bad)}.status.st-Needs-Attention{border-color:#f59e0b;color:var(--warn)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.tile{position:relative;min-height:64px;border-radius:10px;border:1px solid var(--line);padding:20px 8px 6px;text-align:left;display:flex;flex-direction:column;justify-content:center;gap:4px;background:var(--empty)}.tile.full{background:hsl(var(--h, 0) var(--tile-s) var(--tile-l));color:var(--tile-ink);border-color:transparent}.tile.unk{background:var(--panel);border:1px dashed var(--muted)}.tile .code{position:absolute;left:7px;top:7px;font-size:11px;font-weight:700;opacity:.6}.tile .p{display:grid;grid-template-columns:1fr auto;column-gap:6px;align-items:baseline}.tile .p+.p{border-top:1px solid rgb(0 0 0 / .12);padding-top:3px}.tile .strain{grid-column:1 / -1;grid-row:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.tile .w{font-size:12px;opacity:.75;white-space:nowrap}.tile .flag{display:inline-grid;place-items:center;width:15px;height:15px;margin-left:4px;border-radius:50%;background:var(--warn);color:#fff;font-size:10px;vertical-align:1px}.tile.dim{opacity:.25}.tile.src{outline:3px solid #f59e0b}.tile.can-drop{border:2px dashed var(--brand);background:color-mix(in srgb,var(--brand) 12%,var(--empty))}.tile.can-drop .muted{color:var(--brand);font-weight:600}.tile.can-combine{outline:2px dashed var(--warn);outline-offset:-2px}.grid.dead{opacity:.5}.door{margin-top:8px;text-align:center;font-size:11px;letter-spacing:.3em;color:var(--muted);border-top:4px solid var(--line);padding-top:4px}.list{max-width:720px}.li{display:block;width:100%;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:6px}.li.static{cursor:default}.bottom{position:fixed;left:0;right:0;bottom:0;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);background:var(--panel);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.bottom button{background:transparent;border:0;padding:14px 4px;font-weight:600;color:var(--muted);position:relative}.bottom button.on{color:var(--brand);box-shadow:inset 0 3px 0 var(--brand)}.badge{margin-left:5px;background:var(--brand);color:var(--brand-ink);border-radius:9px;padding:1px 6px;font-size:11px}.badge.warn{background:var(--warn);color:#fff}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#00000073;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--panel);width:100%;max-width:560px;max-height:88vh;overflow:auto;border-radius:16px 16px 0 0;padding:16px 16px calc(20px + env(safe-area-inset-bottom))}.sheet-h{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.sheet dl{display:grid;grid-template-columns:96px 1fr;gap:6px 10px;margin:10px 0 14px}.sheet dt{color:var(--muted);font-size:13px}.sheet dd{margin:0}.warnbox{background:color-mix(in srgb,var(--warn) 15%,var(--panel));border:1px solid var(--warn);border-radius:10px;padding:8px 10px;font-size:14px}.hist{border-top:1px solid var(--line);padding:7px 0;font-size:14px}.dialog{background:var(--panel);border-radius:14px;padding:16px;margin:auto 16px;max-width:420px;width:100%}.dialog p{margin:0 0 14px;font-size:16px}.toast{position:fixed;left:50%;bottom:84px;transform:translate(-50%);z-index:20;background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:10px;max-width:calc(100% - 32px)}.toast.bad{background:var(--bad);color:#fff}@media (min-width: 900px){.grid,.freezer{max-width:640px}.sheet{border-radius:16px;margin-bottom:5vh}.scrim{align-items:center}}@media (max-width: 520px){.stats b{font-size:17px}.top .brand{flex:1}}.sheet.form{max-width:520px}.field{display:grid;gap:6px;margin:12px 0}.field>label{font-size:13px;font-weight:600;color:var(--muted)}.field input:not([type=checkbox]):not([type=color]){padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);font-size:16px;width:100%}.mono-in{font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.02em}.check{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--ink)!important;font-weight:400!important}.choices{display:flex;flex-wrap:wrap;gap:6px}.choices button{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:9px 12px}.choices button.on{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 14%,var(--panel));font-weight:600}.picklist{max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:10px}.pick{display:grid;grid-template-columns:auto auto 1fr auto;gap:10px;align-items:center;padding:9px 10px;border-bottom:1px solid var(--line);cursor:pointer}.pick:last-child{border-bottom:0}.pick.on{background:color-mix(in srgb,var(--brand) 10%,var(--panel))}.pick .muted{text-align:right}.row.actions{margin:4px 0 8px}.row.actions .big{flex:1;min-width:90px}.tile .flag.tag{background:#2563eb}.timeline .hist{border-left:3px solid var(--line);border-top:0;padding:6px 0 6px 10px;margin-left:2px}.timeline .t-split,.timeline .t-split_from{border-left-color:#2563eb}.timeline .t-merge,.timeline .t-merged_into{border-left-color:#7c3aed}.timeline .t-move,.timeline .t-unslot{border-left-color:var(--brand)}.timeline .t-weight_adjust,.timeline .t-tag_set{border-left-color:var(--warn)}.mini i.full.cc{background:color-mix(in srgb,var(--c) 85%,var(--panel))}.tile.full.cc{background:color-mix(in srgb,var(--c) 45%,var(--panel));color:var(--ink)}.on-btn{border-color:var(--brand);color:var(--brand)}.settings .tabs{margin:6px 0 10px;width:fit-content}.settings .tabs .muted{font-size:11px}.settings .toolbar{margin-bottom:8px}.filebtn{position:relative;overflow:hidden;display:inline-block;cursor:pointer}.filebtn input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.small-check{font-size:13px}.setrow{display:flex;gap:10px;align-items:center}.setrow .grow{flex:1;min-width:0}.setrow.retired{opacity:.55}.swatch{width:18px;height:18px;border-radius:5px;border:1px dashed var(--muted);flex:none}.swatch[style*=rgb]{border-style:solid;border-color:transparent}.sheet.form.wide{max-width:640px}.chips{gap:6px;margin:6px 0 10px}.chip{font-size:12px;padding:3px 8px;border-radius:99px;background:var(--empty)}.chip.new{background:color-mix(in srgb,var(--brand) 22%,var(--panel))}.chip.upd{background:color-mix(in srgb,#2563eb 22%,var(--panel))}.chip.err{background:color-mix(in srgb,var(--bad) 22%,var(--panel))}.preview{max-height:320px}.prev{display:grid;grid-template-columns:58px 1fr auto;gap:8px;padding:7px 10px;border-bottom:1px solid var(--line);font-size:14px;align-items:baseline}.prev.s-error span:last-child{color:var(--bad)}.prev.s-new span:last-child{color:var(--brand)}input[type=color]{width:44px;height:40px;padding:2px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.mini i.full.mx{background:repeating-linear-gradient(135deg,#7c3aed 0,#7c3aed 3px,#c4b5fd 3px,#c4b5fd 6px)}.tile.full.mx{background:repeating-linear-gradient(135deg,color-mix(in srgb,#7c3aed 22%,var(--panel)) 0,color-mix(in srgb,#7c3aed 22%,var(--panel)) 10px,color-mix(in srgb,#7c3aed 12%,var(--panel)) 10px,color-mix(in srgb,#7c3aed 12%,var(--panel)) 20px);color:var(--ink);border-color:#7c3aed}.tile.empty:not(:disabled) .muted{font-size:13px}.bottom.three{grid-template-columns:repeat(3,1fr)}.bigchoice{display:grid;gap:4px;width:100%;text-align:left;padding:14px;margin:8px 0;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.bigchoice b{font-size:16px}.bigchoice:hover{border-color:var(--brand)}.pick.addrow{display:grid;grid-template-columns:auto 1fr auto;gap:10px;width:100%;text-align:left;background:var(--panel);border:0;border-bottom:1px solid var(--line)}.mixline{border:1px solid var(--line);border-radius:12px;padding:10px;margin:8px 0;display:grid;gap:8px}.lbs-in{width:110px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--bg);font-size:16px}.grow-in{flex:1;min-width:160px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.small-note{font-size:13px}.infobox{background:color-mix(in srgb,#7c3aed 12%,var(--panel));border:1px solid #7c3aed;border-radius:10px;padding:8px 10px;font-size:14px;margin-bottom:6px}.contents{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:6px 0 10px}.content{display:grid;grid-template-columns:auto 1fr auto;gap:2px 10px;width:100%;text-align:left;padding:8px 10px;background:var(--panel);border:0;border-bottom:1px solid var(--line)}.content:last-child{border-bottom:0}.content .mono{grid-column:1 / -1;color:var(--muted)}.timeline .t-mixed_on,.timeline .t-mixed_off,.timeline .t-mixed_created,.timeline .t-mixed_added,.timeline .t-mixed_broken{border-left-color:#7c3aed}.bottom{grid-template-columns:repeat(4,1fr)}.pill{font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px;background:var(--empty);vertical-align:3px}.pill.s-planning{background:#e0e7ff;color:#3730a3}.pill.s-loading{background:#fef3c7;color:#92400e}.pill.s-in_transit{background:#dbeafe;color:#1e40af}.pill.s-delivered{background:#dcfce7;color:#166534}.pill.s-cancelled{background:#f3f4f6;color:#6b7280}.loadcard{display:grid;gap:4px}.stopline{display:flex;flex-wrap:wrap;gap:4px}.stopchip{font-size:12px;padding:2px 8px;border-radius:99px;border:1px solid var(--sc);color:var(--ink)}.stopchip.delivered{background:color-mix(in srgb,var(--sc) 18%,var(--panel));text-decoration:line-through}.stopnum{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--sc, var(--brand));color:#fff;font-size:12px;font-weight:700}.stops{display:grid;gap:6px;margin:8px 0 12px}.stopcard{border:1px solid var(--line);border-left:5px solid var(--sc);border-radius:10px;padding:8px 10px;background:var(--panel);display:grid;gap:4px;justify-items:start}.stopcard .row{width:100%}.stopcard.delivered{opacity:.65}.stoprow{display:flex;gap:8px;align-items:flex-start;border:1px solid var(--line);border-left:4px solid var(--sc);border-radius:10px;padding:8px;margin-bottom:6px}.stoprow .grow{flex:1;display:grid;gap:6px}.stopbtns{display:flex;gap:4px}.choices.col{flex-direction:column;align-items:stretch}.choices.col button{text-align:left}.choices button .stopnum{margin-right:4px}select{padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);font-size:15px}.loadview{max-width:640px}.truck-wrap{border:2px solid var(--line);border-radius:18px 18px 8px 8px;padding:8px;background:var(--panel)}.truck-label{text-align:center;font-size:11px;letter-spacing:.3em;color:var(--muted);padding:2px 0 6px}.truck-label.door{border-top:4px solid var(--line);padding-top:4px;margin-top:8px}.truck{display:grid;gap:6px}.tpos{position:relative;min-height:64px;border-radius:10px;border:1px solid var(--line);padding:20px 8px 6px;text-align:left;background:var(--empty);display:flex;flex-direction:column;gap:4px;justify-content:center}.tpos .code{position:absolute;left:7px;top:5px;font-size:11px;font-weight:700;opacity:.6}.tpos.full{background:color-mix(in srgb,var(--sc) 14%,var(--panel));border-color:var(--sc)}.tpos.target{outline:2px dashed var(--brand);outline-offset:-2px}.titem{display:grid;grid-template-columns:auto auto 1fr;gap:0 6px;align-items:baseline;border-left:3px solid var(--sc);padding-left:6px}.titem .tstop{font-size:11px;font-weight:700;color:#fff;background:var(--sc);border-radius:50%;width:16px;height:16px;display:inline-grid;place-items:center}.titem .strain{grid-column:1 / -1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.titem .w{grid-column:1 / -1;font-size:12px;color:var(--muted)}.titem+.titem{border-top:1px dashed var(--line);padding-top:3px}.tile .flag.load{background:#16a34a}.infobox.load{background:color-mix(in srgb,var(--sc) 12%,var(--panel));border-color:var(--sc)}.titem.done{opacity:.45}.sidebtn{font-size:16px;padding:4px 10px}.sidebar{position:fixed;z-index:15;top:0;left:0;bottom:0;width:340px;max-width:88vw;overflow-y:auto;background:var(--panel);border-right:1px solid var(--line);padding:10px 12px 90px;box-shadow:4px 0 16px #00000014}.side-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:14;background:#00000059}@media (min-width: 1000px){.side-scrim{display:none}.app.with-side{padding-left:340px}.app.with-side .bottom{left:340px}.sidebar{box-shadow:none;z-index:6;padding-bottom:20px}}.side-top{display:flex;justify-content:space-between;align-items:center;padding:4px 2px 10px}.side-sec{border-top:1px solid var(--line)}.side-h{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:0;padding:10px 2px;font-weight:700;text-align:left}.side-b{padding:0 0 12px;display:grid;gap:8px}.side-badge{font-size:11px;background:var(--brand);color:var(--brand-ink);border-radius:9px;padding:1px 7px}.side-badge.warn{background:var(--warn);color:#fff}.side-table{width:100%;border-collapse:collapse;font-size:13px}.side-table th{text-align:right;color:var(--muted);font-weight:600;padding:3px 4px}.side-table th:first-child,.side-table td:first-child{text-align:left}.side-table td{text-align:right;padding:4px;border-top:1px solid var(--line)}.side-table tr.att td{color:var(--warn);font-weight:600}.side-table tr.dead td{color:var(--bad);font-weight:600}.status-t tr.click{cursor:pointer}.status-t tr.click:hover td{background:var(--empty)}.status-t td:nth-child(2){text-align:left;white-space:nowrap}.status-t .dot{display:inline-block;vertical-align:0}.status-t tr.st-Off .dot{background:#9ca3af}.status-t tr.st-Needs-Attention .dot{background:#f59e0b}.status-t tr.st-Not-Working .dot{background:#dc2626}.side-list{display:grid;gap:4px}.side-row{display:flex;justify-content:space-between;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px 10px}.side-load{text-align:left;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px 10px;display:grid;gap:2px}.side-ev{font-size:13px;border-left:3px solid var(--line);padding:2px 0 2px 8px}.side-sub{font-size:12px;font-weight:700;color:var(--muted);margin-top:4px}.order{display:grid;gap:8px}.order-in{display:grid;grid-template-columns:1fr 96px 74px;gap:6px}.order-in input,.order-in select{padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--bg);font-size:14px;min-width:0}.order-kpis{display:grid;grid-template-columns:1fr 1fr;gap:6px}.order-kpis div{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:6px 8px;display:grid}.order-kpis span{font-size:11px;color:var(--muted)}.order-kpis .short b{color:var(--bad)}.side-pick{display:grid;grid-template-columns:18px auto 1fr auto;grid-template-rows:auto auto;gap:0 6px;align-items:baseline;text-align:left;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:6px 8px;font-size:13px}.side-pick .muted{grid-column:2 / -1;font-size:11px}.side-pick>b:first-child{grid-column:2}.chk{width:16px;height:16px;border:1px solid var(--line);border-radius:4px;display:inline-grid;place-items:center;font-size:11px;grid-row:1 / 3;align-self:center}.chk.on{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.mini i.stack{display:flex;gap:1px;background:none}.mini i.stack b{flex:1;border-radius:2px;background:hsl(var(--h, 0) var(--tile-s) calc(var(--tile-l) - 18%))}.mini i.stack b.cc{background:color-mix(in srgb,var(--c) 85%,var(--panel))}.mini i.stack b.unk{background:var(--muted)}.mini i.stack b.mx{background:repeating-linear-gradient(135deg,#7c3aed 0,#7c3aed 3px,#c4b5fd 3px,#c4b5fd 6px)}.tile.full.stacked{background:var(--panel);border:1px solid var(--line);padding:20px 4px 4px;gap:3px}.tile .p.band{border-radius:7px;padding:4px 6px;background:hsl(var(--h, 0) var(--tile-s) var(--tile-l));color:var(--tile-ink)}.tile .p.band.cc{background:color-mix(in srgb,var(--c) 45%,var(--panel));color:var(--ink)}.tile .p.band.unk{background:var(--empty);border:1px dashed var(--muted)}.tile .p.band.mx{background:repeating-linear-gradient(135deg,color-mix(in srgb,#7c3aed 22%,var(--panel)) 0,color-mix(in srgb,#7c3aed 22%,var(--panel)) 10px,color-mix(in srgb,#7c3aed 12%,var(--panel)) 10px,color-mix(in srgb,#7c3aed 12%,var(--panel)) 20px)}.tile .p.band+.p.band{border-top:0;padding-top:4px}.grouph{margin:16px 0 6px;font-size:14px;text-transform:uppercase;letter-spacing:.04em}.authform{display:flex;flex-direction:column;gap:4px;width:100%;max-width:340px;text-align:left;margin:8px auto}.authform .primary.big{margin-top:10px}.portal-auth h1{margin-bottom:4px}.small-print{margin-top:18px;font-size:13px}.linkbox input[readonly]{font-size:12px;margin:6px 0}.okbox{background:var(--ok-bg, #e6f4ea);padding:8px 12px;border-radius:10px;margin:8px 0}.portal-soon{margin-top:16px}.portal-soon h3{margin:14px 0 2px}.card-ish{border:1px solid var(--line, #ddd);border-radius:12px;padding:12px;margin:8px 0;max-width:380px}.portal .top .grow{flex:1}.restable{width:100%;border-collapse:collapse;margin:6px 0 12px;font-size:14px}.restable th,.restable td{padding:7px 8px;border-bottom:1px solid var(--line, #e3e3e3);text-align:left;vertical-align:top}.restable th{font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted, #777)}.restable .num{text-align:right;white-space:nowrap}.restable .small{font-size:12px}.rescard{margin-bottom:6px}.reserves h2 .muted{font-size:15px;font-weight:500;margin-left:6px}.bottom{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:1fr}@media (max-width: 480px){.bottom button{font-size:13px;padding:14px 2px}.badge{margin-left:3px;padding:1px 5px}}.pill.o-shipped{background:#dcfce7;color:#166534}.pill.o-pending{background:#fef3c7;color:#92400e}.pill.o-cancelled{background:#fee2e2;color:#991b1b}.pill.o-draft{background:#e5e7eb;color:#374151}.restable tr.tap{cursor:pointer}.restable tr.tap:hover td{background:var(--empty, #f0f0f0)}.rescard .li .num{text-align:right}.filebtn.primary{position:relative;overflow:hidden;display:inline-flex;align-items:center}.filebtn.disabled{opacity:.6;pointer-events:none}@media (max-width: 480px){.restable{font-size:13px}.restable th,.restable td{padding:6px 3px}.restable th{font-size:10px;letter-spacing:0}}.reqnote{font-size:12px;color:#92400e;margin-top:2px}.reqcard{display:flex;margin-bottom:6px;cursor:default}.reqcard.pending{border-color:#f59e0b}.reqcard .up{color:#166534}.reqcard .down{color:#991b1b}.reqact{margin-top:8px;gap:6px;flex-wrap:wrap}.reqact input{flex:1;min-width:140px}.pill.r-pending{background:#fef3c7;color:#92400e}.pill.r-approved{background:#dcfce7;color:#166534}.pill.r-declined,.pill.r-cancelled{background:#f3f4f6;color:#4b5563}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 12px}.stats>div{display:flex;flex-direction:column;background:var(--empty, #f3f3f3);border-radius:10px;padding:8px 10px;font-size:13px}.stats b{font-size:16px}.stepper input{flex:1;text-align:center;font-size:18px}.portal .portal-soon h3{margin-top:22px}.viewas{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#7c3aed;color:#fff;padding:8px 14px;font-size:14px}.viewas button{background:#fff;color:#5b21b6;border:0;border-radius:8px;padding:4px 12px;font-weight:600}.portal-head{align-items:flex-start;gap:12px;flex-wrap:wrap}.orderlist{max-height:45vh;overflow:auto;margin:8px 0}.restable input.qty{width:78px;text-align:right;padding:4px 6px}.restable tr.picked td{background:#ecfdf5}.orderfields{gap:10px}.orderfields .field{flex:1}.ordered{padding:0 2px 8px}.pill.o-submitted{background:#dbeafe;color:#1e40af}.pill.old{background:#e5e7eb;color:#374151;margin-left:6px;font-size:10px}.cropyear{margin:18px 0 4px}.yearseg{margin:4px 0 8px}.reserves .seg.tabs{display:flex;overflow-x:auto;flex-wrap:nowrap}.reserves .seg.tabs button{flex:0 0 auto;padding-left:12px;padding-right:12px}h2.tap{cursor:pointer}.brand .app-name{white-space:nowrap}@media (max-width: 480px){.brand .app-name{font-size:12px;line-height:1.1;white-space:normal;max-width:78px}.brand .logo-img{height:26px}}