.stream-dashboard{--stream-ink:#183029;--stream-muted:#5f706a;--stream-border:#dce5df;--stream-surface:#fff;--stream-bg:#edf2ee;--stream-green:#19553a;--stream-purple:#7851aa;--stream-amber:#a86b13;--stream-blue:#216caf;--stream-red:#b34536;--stream-row-height:clamp(50px,4.5vh,96px);--stream-side-row-height:clamp(44px,4.7vh,84px);--stream-columns:minmax(62px,.72fr) minmax(180px,2.7fr) minmax(88px,1.05fr) minmax(100px,1.15fr) repeat(4,minmax(64px,.83fr)) 54px 44px;display:flex;flex-direction:column;width:100%;height:100dvh;min-height:600px;margin:0;overflow:hidden;color:var(--stream-ink);background:var(--stream-bg);font-family:var(--font-body,"IBM Plex Sans",Arial,sans-serif);font-size:clamp(17px,1.15vw,36px);line-height:1.35;outline:none}.stream-dashboard *{box-sizing:border-box}.stream-dashboard :is(h1,h2,h3,p,dl){margin:0}.stream-dashboard :is(h1,h2,h3){font-family:inherit;letter-spacing:-.015em}.stream-dashboard button{font-family:inherit}.stream-dashboard button:focus-visible{outline:3px solid #8ab5e2;outline-offset:3px}.stream-header{flex:0 0 auto;justify-content:space-between;gap:24px;min-height:clamp(78px,8vh,160px);padding:16px clamp(20px,1.7vw,60px);background:#153a29;color:#fff}.stream-brand,.stream-header{display:flex;align-items:center}.stream-brand{gap:13px;min-width:0}.stream-brand>svg{flex-shrink:0;color:#b3d4bc;width:clamp(28px,1.7vw,48px);height:clamp(28px,1.7vw,48px)}.stream-brand strong{display:block;font-size:clamp(20px,1.48vw,42px);font-weight:650;line-height:1.2;white-space:nowrap}.stream-brand span{display:block;margin-top:5px;color:#c0d5c7;font-size:.84em;line-height:1.3;letter-spacing:.08em;text-transform:uppercase}.stream-clock{margin-left:auto;text-align:right;flex-shrink:0}.stream-clock strong{display:block;font-size:clamp(21px,1.65vw,48px);font-weight:550;line-height:1.2;font-variant-numeric:tabular-nums}.stream-clock span{display:block;margin-top:4px;color:#c4d7ca;font-size:.84em}.stream-header-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.stream-dashboard .stream-control{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:10px;border:1px solid #ffffff35;border-radius:7px;color:#fff;background:#ffffff0d;font-size:14px;font-weight:500;line-height:1.3;cursor:pointer}.stream-dashboard .stream-control:hover{background:#ffffff21;border-color:#ffffff65}.stream-dashboard .stream-control svg{flex-shrink:0}.stream-dashboard .stream-exit{padding:10px 13px}.stream-dashboard.is-fullscreen .stream-header-controls{opacity:0;pointer-events:none}.stream-dashboard.is-fullscreen .stream-header-controls:focus-within,.stream-dashboard.is-fullscreen .stream-header:hover .stream-header-controls{opacity:1;pointer-events:auto}.stream-content{display:flex;flex-direction:column;flex:1;min-height:0;padding:clamp(16px,1.3vw,42px) clamp(20px,1.7vw,60px) 12px;gap:clamp(14px,1.1vw,30px)}.stream-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,.9vw,26px);flex:0 0 auto}.stream-summary-card{display:flex;align-items:center;gap:14px;min-width:0;padding:clamp(12px,1.1vw,32px) clamp(14px,1.15vw,38px);border:1px solid var(--stream-border);border-left:4px solid var(--summary-colour,#19553a);border-radius:9px;background:var(--stream-surface)}.stream-summary-card>svg{flex:0 0 auto;width:clamp(25px,1.6vw,48px);height:clamp(25px,1.6vw,48px);color:var(--summary-colour)}.stream-summary-card span{display:block;color:var(--stream-muted);font-size:.85em;line-height:1.3;font-weight:550}.stream-summary-card strong{display:block;margin-top:4px;color:var(--stream-ink);font-size:clamp(29px,2vw,60px);line-height:1;font-weight:650;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.stream-summary-active{--summary-colour:var(--stream-green)}.stream-summary-today{--summary-colour:var(--stream-amber)}.stream-summary-tomorrow{--summary-colour:#607567}.stream-summary-overdue{--summary-colour:var(--stream-red)}.stream-summary-dispatch{--summary-colour:var(--stream-blue)}.stream-workspace{display:grid;grid-template-columns:minmax(0,1fr) clamp(270px,21vw,720px);gap:clamp(14px,1.1vw,30px);flex:1;min-height:0}.stream-orders-panel{display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid var(--stream-border);border-radius:9px;background:var(--stream-surface);overflow:hidden}.stream-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto;padding:clamp(13px,1vw,30px) clamp(14px,1.15vw,38px);border-bottom:1px solid var(--stream-border)}.stream-panel-heading h1{font-size:clamp(21px,1.35vw,40px);line-height:1.2;font-weight:650}.stream-panel-heading>span{color:var(--stream-muted);font-size:.78em}.stream-orders-table{display:flex;flex-direction:column;flex:1;min-height:0}.stream-order-columns,.stream-order-row{display:grid;grid-template-columns:var(--stream-columns);align-items:center;gap:clamp(6px,.45vw,15px);padding-left:clamp(12px,.9vw,32px);padding-right:clamp(12px,.9vw,32px)}.stream-order-columns{flex:0 0 auto;min-height:clamp(40px,3.9vh,80px);border-bottom:1px solid var(--stream-border);background:#f4f7f4;color:var(--stream-muted);font-size:.74em;font-weight:600}.stream-order-columns>span{min-width:0;white-space:nowrap}.stream-order-columns .stream-column-production{color:var(--stream-purple)}.stream-order-columns .stream-column-decant{color:var(--stream-amber)}.stream-order-columns .stream-column-packing{color:var(--stream-blue)}.stream-order-body{position:relative;flex:1;min-height:0;overflow:hidden}.stream-row-measure{display:block;position:absolute;width:1px;height:var(--stream-row-height);visibility:hidden;pointer-events:none}.stream-order-row{height:var(--stream-row-height);min-height:0;border-bottom:1px solid #e8ede9;border-left:3px solid transparent;font-size:.94em}.stream-order-row:nth-of-type(2n){background:#fafcfb}.stream-order-row.is-urgent{border-left-color:var(--stream-red)}.stream-order-row.is-held{background:#fff6f2;border-left-color:#bf6952}.stream-order-row>[role=cell]{min-width:0}.stream-order-id{font-size:.84em;line-height:1.25;color:var(--stream-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.stream-order-row .stream-customer{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--stream-ink);font-size:1em;font-weight:600;line-height:1.22;overflow-wrap:anywhere}.stream-order-row .stream-customer.is-long{font-size:.87em}.stream-order-due{display:flex;flex-direction:column;gap:2px;font-size:.88em;line-height:1.2}.stream-order-due>strong{font-weight:550}.stream-order-due>small{font-size:.8em;color:var(--stream-muted)}.stream-due-overdue>small,.stream-due-overdue>strong{color:var(--stream-red)}.stream-due-today>strong{color:var(--stream-amber);font-weight:650}.stream-status{display:inline-flex;align-items:center;min-height:26px;max-width:100%;padding:4px 7px;border-radius:5px;color:#52655b;background:#edf1ee;font-size:.78em;font-weight:600;line-height:1.2;overflow-wrap:anywhere}.stream-status-production{color:#653d98;background:#efe8f9}.stream-status-decant,.stream-status-labelfill{color:#956117;background:#fff0d2}.stream-status-dispatch,.stream-status-shipped{color:#1b5f9d;background:#e6f0fa}.stream-status-bin,.stream-status-complete,.stream-status-packed{color:#245a3a;background:#e6f1e8}.stream-status-hold,.stream-status-rawonhold,.stream-status-review{color:#a34832;background:#f9e7df}.stream-progress{--progress-colour:var(--stream-green);min-width:0;max-width:100%;padding-right:3px}.stream-progress strong{display:block;color:var(--progress-colour);font-size:1em;line-height:1.1;font-weight:650;font-variant-numeric:tabular-nums}.stream-progress strong>span{font-size:.77em;font-weight:550}.stream-progress-track{display:block;width:100%;height:5px;margin-top:5px;overflow:hidden;border-radius:3px;background:#e9eee9}.stream-progress-track>span{display:block;height:100%;background:var(--progress-colour);border-radius:inherit}.stream-progress-production{--progress-colour:var(--stream-purple)}.stream-progress-decant{--progress-colour:var(--stream-amber)}.stream-progress-packing{--progress-colour:var(--stream-blue)}.stream-progress-na{display:block;color:#99a49e;font-size:1.1em}.stream-row-flag{display:grid;place-items:center;color:#b9c3bc}.stream-hold-flag,.stream-urgent-flag{display:grid;place-items:center;width:28px;height:28px;border-radius:5px;color:var(--stream-red);background:#fae9e4}.stream-orders-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:clamp(48px,4.6vh,88px);flex:0 0 auto;padding:3px clamp(12px,.9vw,32px);border-top:1px solid var(--stream-border);color:var(--stream-muted);background:#fbfcfb;font-size:.74em}.stream-orders-footer>span:first-child{white-space:nowrap}.stream-progress-key{max-width:260px;text-align:right}.stream-pagination{display:flex;align-items:center;gap:9px}.stream-pagination>span{min-width:86px;text-align:center;font-variant-numeric:tabular-nums}.stream-pagination small{display:block;margin-top:2px;font-size:.86em}.stream-dashboard .stream-page-button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--stream-border);border-radius:6px;background:#fff;color:var(--stream-ink);cursor:pointer}.stream-dashboard .stream-page-button:hover{background:#edf4ee}.stream-dashboard.is-fullscreen .stream-page-button{opacity:0;pointer-events:none}.stream-dashboard.is-fullscreen .stream-orders-footer:hover .stream-page-button,.stream-dashboard.is-fullscreen .stream-pagination:focus-within .stream-page-button{opacity:1;pointer-events:auto}.stream-empty-orders{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%;padding:30px;color:var(--stream-muted);text-align:center}.stream-empty-orders>svg{color:var(--stream-green)}.stream-empty-orders>strong{color:var(--stream-ink);font-size:1.25em}.stream-empty-orders>span{font-size:.9em}.stream-sideboard{display:grid;grid-template-rows:minmax(0,1.1fr) auto minmax(0,1fr);gap:clamp(12px,.9vw,26px);min-width:0;min-height:0}.stream-sideboard>section{display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid var(--stream-border);border-radius:9px;background:var(--stream-surface);overflow:hidden}.stream-side-heading{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:clamp(12px,.9vw,26px) clamp(13px,1vw,30px);border-bottom:1px solid var(--stream-border);background:#f8faf8}.stream-side-heading>svg{flex-shrink:0;color:var(--stream-green)}.stream-side-heading>h2{flex:1;min-width:0;font-size:1em;font-weight:650;line-height:1.2}.stream-side-heading>svg:last-child{width:17px}.stream-side-count{font-size:.84em;color:var(--stream-muted);font-variant-numeric:tabular-nums}.stream-notice-panel.is-important{border-color:#ddc9a3}.stream-notice-panel.is-important .stream-side-heading{background:#fff5e0;border-color:#ecdebf}.stream-notice-panel.is-important .stream-side-heading>svg{color:var(--stream-amber)}.stream-notice-title{padding:12px clamp(13px,1vw,30px) 5px;flex:0 0 auto}.stream-notice-priority{display:block;margin-bottom:5px;color:var(--stream-muted);font-size:.67em;font-weight:600;text-transform:uppercase;letter-spacing:.07em}.stream-notice-priority.is-high{color:var(--stream-amber)}.stream-notice-title>h3{font-size:1.02em;font-weight:600;line-height:1.3;overflow-wrap:anywhere}.stream-notice-copy{flex:1;min-height:0;margin:2px clamp(13px,1vw,30px) 10px;color:#3e5347;font-size:.89em;line-height:1.45;overflow:hidden}.stream-notice-copy>p{font-size:inherit;line-height:inherit;white-space:pre-wrap;overflow-wrap:anywhere}.stream-notice-panel>footer{display:flex;justify-content:space-between;gap:6px;flex:0 0 auto;padding:8px clamp(13px,1vw,30px);border-top:1px solid var(--stream-border);color:var(--stream-muted);font-size:.63em}.stream-attention-counts{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:6px 10px;padding:9px clamp(13px,1vw,30px);border-bottom:1px solid var(--stream-border);background:#fff8f4}.stream-attention-counts>span{display:flex;align-items:baseline;gap:5px;color:#a34c36;font-size:.78em;line-height:1.35}.stream-attention-counts strong{font-weight:650;font-variant-numeric:tabular-nums}.stream-short-list{position:relative;flex:1;min-height:0;padding:0 clamp(13px,1vw,30px);overflow:hidden}.stream-side-row-measure{display:block;position:absolute;width:1px;height:var(--stream-side-row-height);visibility:hidden;pointer-events:none}.stream-short-list>div{display:flex;align-items:center;gap:10px;height:var(--stream-side-row-height);padding:4px 0;border-bottom:1px solid #e8ede9}.stream-short-list>div:last-child{border-bottom:0}.stream-short-list>div>span:first-child{flex:1;min-width:0}.stream-short-list strong{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-size:.92em;line-height:1.25;font-weight:600;overflow-wrap:anywhere}.stream-short-list small{display:block;color:var(--stream-muted);margin-top:3px;font-size:.69em;line-height:1.25;font-variant-numeric:tabular-nums}.stream-production-panel .stream-side-heading>svg{color:var(--stream-purple)}.stream-production-order>.stream-progress{flex:0 0 42px}.stream-production-order>.stream-progress strong{display:block;font-size:.9em}.stream-side-empty{padding:15px 0;color:var(--stream-muted);font-size:.83em;line-height:1.4}.stream-refresh-footer{display:flex;align-items:center;flex-wrap:wrap;gap:4px 24px;flex:0 0 auto;min-height:25px;color:var(--stream-muted);font-size:.72em}.stream-refresh-footer>span:nth-child(2){margin-left:auto}.stream-refresh-footer strong{color:var(--stream-ink);font-weight:550;font-variant-numeric:tabular-nums}.stream-refresh-footer small{font-size:inherit}.stream-connection{display:inline-flex;align-items:center;gap:7px;color:var(--stream-green);font-weight:550}.stream-connection>span{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:currentColor}.stream-connection-stale{color:var(--stream-red)}.stream-dashboard.is-stale .stream-refresh-footer{padding:7px 10px;border:1px solid #e9c6bb;border-radius:6px;background:#fff4ef}.stream-refresh-footer .stream-fullscreen-error{color:#a3633e}@media(max-width:1550px){.stream-dashboard{--stream-columns:minmax(60px,.68fr) minmax(170px,2.8fr) minmax(76px,.96fr) minmax(87px,1.02fr) repeat(4,minmax(57px,.76fr)) 44px 38px}.stream-header{gap:20px}.stream-summary-card{gap:10px}.stream-summary-card>svg{width:25px;height:25px}.stream-progress-key{display:none}.stream-side-heading{gap:7px}}@media(max-height:850px) and (min-width:1101px){.stream-dashboard{--stream-side-row-height:40px}.stream-content{padding-top:14px;gap:12px}.stream-header{min-height:72px;padding-top:12px;padding-bottom:12px}.stream-summary-card{padding-top:10px;padding-bottom:10px}.stream-summary-card strong{font-size:30px}.stream-panel-heading{padding-top:11px;padding-bottom:11px}.stream-sideboard{grid-template-rows:minmax(0,1.1fr) auto minmax(0,1fr);gap:10px}.stream-side-heading{padding-top:10px;padding-bottom:10px}.stream-short-list>div{padding-top:4px;padding-bottom:4px}.stream-attention-counts{padding-top:6px;padding-bottom:6px}.stream-notice-title{padding-top:8px}.stream-notice-priority{margin-bottom:3px}}@media(min-width:2400px){.stream-dashboard{--stream-columns:minmax(118px,.7fr) minmax(380px,2.7fr) minmax(170px,1.05fr) minmax(200px,1.15fr) repeat(4,minmax(130px,.83fr)) 80px 68px}.stream-status{padding:7px 12px}.stream-hold-flag,.stream-urgent-flag{width:44px;height:44px}.stream-row-flag svg{width:27px;height:27px}.stream-progress-track{height:8px;margin-top:8px}.stream-production-order>.stream-progress{flex-basis:80px}}@media(max-width:1100px){.stream-dashboard{height:auto;min-height:100dvh;overflow:visible;font-size:15px;--stream-columns:60px minmax(150px,2.3fr) 73px 87px repeat(4,minmax(52px,.7fr)) 31px 28px;--stream-row-height:54px}.stream-content{padding:16px}.stream-header{padding:14px 16px;flex-wrap:wrap;gap:14px}.stream-header-controls{margin-left:auto}.stream-clock strong{font-size:21px}.stream-workspace{display:flex;flex-direction:column}.stream-orders-panel{height:calc(100dvh - 250px);min-height:410px}.stream-sideboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:300px}.stream-summary-card{padding:11px 12px;gap:8px}.stream-summary-card>svg{display:none}.stream-side-heading{padding:11px 12px}}@media(max-width:760px){.stream-dashboard{--stream-columns:54px minmax(105px,2fr) 68px 80px repeat(4,minmax(44px,.7fr)) 28px 26px;font-size:13px}.stream-brand strong{font-size:20px}.stream-brand>svg{width:24px}.stream-clock{display:none}.stream-header{gap:10px}.stream-dashboard .stream-exit>span{display:none}.stream-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.stream-summary-card{padding:9px 7px;border-left-width:3px}.stream-summary-card span{font-size:11px}.stream-summary-card strong{font-size:25px}.stream-panel-heading>span{display:none}.stream-order-columns,.stream-order-row{gap:4px;padding-left:8px;padding-right:8px}.stream-sideboard{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(3,250px)}.stream-refresh-footer>span:nth-child(2){margin-left:0}.stream-order-columns{font-size:9px}.stream-status{font-size:10px;padding:3px 4px}}@media(prefers-reduced-motion:reduce){.stream-dashboard *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}