:root{--ink:#20334d;--muted:#718197;--blue:#326bea;--teal:#139c9a;--border:#e8eef5;--bg:#eff5fc;--amber:#ad721c}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 30% 0%,#dceafa 0,transparent 52%),var(--bg);font:16px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-variant-numeric:tabular-nums}.shell{max-width:1920px;margin:auto;padding:24px 32px 16px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.brand{display:flex;align-items:center;gap:14px}.monogram{width:48px;height:48px;background:var(--blue);border-radius:14px;color:white;display:grid;place-items:center;font-weight:750;font-size:19px;box-shadow:0 6px 16px #326bea25}h1,h2,p{margin:0}h1{font-size:26px;letter-spacing:-.6px;font-weight:700}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.3px;color:var(--muted)}.header-right{display:flex;gap:10px;align-items:center}.datetime{display:flex;gap:10px;align-items:center;margin-right:12px}.datetime strong{font-size:23px}.datetime span{color:var(--muted);font-size:14px}button{font:inherit;font-size:14px;border:1px solid #d8e2f0;border-radius:8px;background:white;color:var(--ink);padding:9px 13px;cursor:pointer}button:hover{background:#e8f0ff}button:focus-visible,a:focus-visible{outline:3px solid #87abff;outline-offset:3px}.statusbar{font-size:14px;display:flex;justify-content:space-between;color:var(--muted);margin-bottom:16px}.statusbar>div{display:flex;gap:8px;align-items:center}.dot{height:7px;width:7px;border-radius:50%;display:inline-block;background:var(--teal)}.dot.waiting{background:#e5ad4b}.dot.error{background:#d16b57}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.kpi{position:relative;background:white;overflow:hidden;border-radius:12px;padding:19px 23px 20px;box-shadow:0 3px 20px #36578306;border:1px solid #ffffff}.label{font-size:13px;color:var(--muted);font-weight:650;letter-spacing:.9px}.metric{display:flex;gap:8px;align-items:baseline;margin:5px 0}.metric strong{font-size:38px;line-height:1.2;letter-spacing:-1.3px;font-weight:750}.metric>span{font-size:14px;color:var(--muted)}.kpi-foot{font-size:14px;color:var(--muted)}.accent{position:absolute;bottom:0;left:23px;width:45px;height:3px;background:#a4b7d4}.accent.blue{background:var(--blue)}.accent.teal{background:var(--teal)}.accent.violet{background:#8372d0}.actual .metric strong{color:#147e82}.metric .pill{margin-left:auto;color:#168886;background:#e7f6f2;border-radius:6px;font-size:16px;font-weight:650;padding:4px 8px}main{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(350px,1fr);gap:20px}.left{display:grid;gap:16px;align-content:start}.card{background:white;border:1px solid #e9eff7;border-radius:12px;box-shadow:0 4px 22px #29497405;padding:22px 24px}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}h2{font-size:19px;letter-spacing:-.25px;font-weight:680}.legend{display:flex;gap:14px;font-size:13px;color:var(--muted)}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:9px;height:9px;border-radius:2px}.legend-blue{background:var(--blue)}.legend-gray{background:#d6e1f1}.table-head,.line-row{display:grid;grid-template-columns:92px minmax(100px,1fr) 58px 58px 62px 55px;gap:12px;align-items:center}.table-head{font-size:12px;font-weight:650;color:var(--muted);padding-bottom:10px;border-bottom:1px solid var(--border)}.table-head span:nth-child(n+3),.line-row>span{text-align:right}.line-row{padding:10px 0;border-bottom:1px solid #f0f3f8;font-size:16px}.line-name{font-size:14px;font-weight:650}.track{background:#f0f4fa;height:9px;border-radius:5px;position:relative;overflow:hidden}.target-bar{background:#d7e3f4;height:100%;position:absolute;left:0;border-radius:5px}.actual-bar{background:var(--blue);height:100%;position:absolute;left:0;min-width:0;border-radius:5px}.line-progress{display:flex;align-items:center;gap:10px}.line-progress .track{flex:1}.pct{color:var(--muted);font-size:12px;width:31px;text-align:right}.line-row .strong{color:var(--blue);font-weight:700}.gap.negative{color:#b47339}.gap.positive{color:#178b79}.production-foot{font-size:13px;color:var(--muted);display:flex;gap:18px;justify-content:space-between;padding-top:13px}.amber-text{color:var(--amber)}.aging .sectionhead{margin-bottom:12px}.totals{display:flex;gap:8px;align-items:baseline;white-space:nowrap}.totals strong{font-size:25px;color:var(--amber)}.totals span{font-size:13px;color:var(--muted)}.aging-list{display:grid;grid-template-columns:1fr 1fr;gap:9px 16px}.age-item{background:#f8fafd;border-radius:7px;padding:10px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.age-item .style{font-size:14px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.age-item .detail{font-size:12px;color:var(--muted);margin-top:3px}.age-badge{background:#fff0d9;color:#a16a19;padding:5px 8px;font-size:14px;font-weight:650;align-self:center;border-radius:6px}.smallfoot{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted);margin-top:12px}.smallfoot a{color:#4a78b9;text-decoration:none}.hourly{padding-top:15px;padding-bottom:14px}.hourly-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.hourly-title h2{font-size:16px}.hourly-title span{font-size:12px;color:var(--muted)}.hourly-bars{display:flex;gap:12px;align-items:flex-end;height:59px}.hour-cell{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:12px;color:var(--muted);height:59px;justify-content:flex-end}.hour-cell b{font-size:12px;font-weight:600;color:var(--ink)}.hour-cell .bar{background:#74a3f2;width:100%;max-width:38px;border-radius:3px 3px 0 0;min-height:2px}.shipment{display:flex;flex-direction:column;padding:22px 24px}.shipheading{display:flex;align-items:center;justify-content:space-between;gap:8px}.priority-pill{border:1px solid #dfe9f7;color:#6481a6;border-radius:20px;padding:5px 8px;font-size:12px;white-space:nowrap}.shiptotal{display:flex;align-items:baseline;gap:9px;margin-top:12px;flex-wrap:wrap}.shiptotal strong{font-size:35px;letter-spacing:-1px;color:var(--blue)}.shiptotal>span{font-size:14px;color:var(--muted)}.shiptotal small{font-size:13px;color:var(--muted);margin-left:auto}.priority-key{display:flex;gap:5px;flex-wrap:wrap;padding:12px 0 17px;border-bottom:1px solid var(--border)}.tag{font-size:12px;font-weight:600;border-radius:4px;padding:3px 7px;white-space:nowrap}.sy{color:#3268c7;background:#e9f1ff}.asap{color:#a57220;background:#fff2d7}.pre{color:#7d67af;background:#f1edfa}.container{color:#288991;background:#e6f4f4}.other{background:#f1f3f6;color:#64748b}.shipline{display:flex;justify-content:space-between;align-items:center;margin:17px 0 5px;padding:9px 12px;background:#f1f6ff;border-radius:6px}.shipline strong{font-size:16px}.shipline span{font-size:12px;color:#6c86a5;margin-left:10px}.ship-list{flex:1}.shipitem{padding:13px 0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:minmax(0,1fr) 53px;gap:12px}.shipitem h3{font-size:15px;font-weight:600;line-height:1.35;margin:0 0 5px}.shipitem .meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--muted)}.qty{font-size:23px;font-weight:700;text-align:right;line-height:1.2;align-self:center;color:var(--ink)}.qty span{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:3px}.shipbottom{margin-top:auto;padding-top:14px}.pager{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted)}.pager button{padding:4px 11px;font-size:18px}.pager #pause{font-size:12px;margin-left:auto;padding:7px 10px}.shipbottom .smallfoot{line-height:1.5}footer{display:flex;justify-content:space-between;margin-top:14px;color:var(--muted);font-size:12px}.empty{color:var(--muted);font-size:14px;display:flex;align-items:center;justify-content:center;min-height:150px}.aging-list .empty,.hourly .empty{min-height:55px}.source-error{color:#ac563e}.error-banner{background:#fff5eb;padding:10px;border-radius:6px;color:#9f5b31;font-size:14px}
@media(min-width:1600px){.line-row{padding:13px 0}.shipitem{padding:16px 0}.card{padding:24px 28px}.shipitem h3{font-size:16px}.shell{padding:26px 38px 16px}.kpi{padding:22px 26px}.metric strong{font-size:44px}.aging-list{gap:12px 18px}.age-item{padding:13px}.hourly-bars{height:70px}.hour-cell{height:70px}}
@media(max-width:1100px){.shell{padding:16px}.datetime span{display:none}.card{padding:16px}main{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:12px}.kpis{gap:10px}.kpi{padding:15px}.metric strong{font-size:30px}.kpi-foot{font-size:12px}.table-head,.line-row{gap:6px;grid-template-columns:74px minmax(80px,1fr) 42px 42px 44px 43px}.legend{font-size:12px}.line-row{font-size:14px}.aging-list{grid-template-columns:1fr}.age-item:nth-child(n+3){display:none}.production-foot{gap:6px;font-size:12px}.priority-pill{display:none}.shipitem{padding:12px 0}}
@media(max-width:800px){main{grid-template-columns:1fr}.header-right{gap:6px}.datetime{margin-right:0}h1{font-size:20px}.eyebrow{font-size:11px}.monogram{width:38px;height:38px}.datetime strong{font-size:18px}.header-right button{font-size:12px;padding:7px}.statusbar{gap:10px;font-size:12px}.kpis{grid-template-columns:1fr 1fr}.metric strong{font-size:32px}.kpi-foot{font-size:13px}.shipment{min-height:640px}.aging-list{grid-template-columns:1fr 1fr}.age-item:nth-child(n+3){display:grid}footer{flex-direction:column;gap:4px}.smallfoot{font-size:12px}}
@media(max-width:500px){.shell{padding:12px}.brand{gap:8px}.datetime{display:none}.header-right button{padding:7px 8px}h1{font-size:19px}.table-head,.line-row{grid-template-columns:68px minmax(60px,1fr) 40px 40px 43px;gap:5px}.table-head>span:last-child,.line-row>span:last-child{display:none}.table-head{font-size:10px}.line-name{font-size:12px}.pct{display:none}.production-foot{flex-wrap:wrap;justify-content:start}.legend{display:none}.aging-list{grid-template-columns:1fr}.sectionhead{align-items:start}.aging h2{font-size:16px}.totals{flex-direction:column;gap:0}.kpi{padding:13px}.metric .pill{font-size:13px;padding:3px}.statusbar{flex-direction:column;gap:5px}.label{font-size:12px}.hourly-bars{gap:5px}.shipheading h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media(min-width:1100px){.card{padding:18px 22px}.line-row{padding:7px 0}.age-item{padding:11px 12px}.sectionhead{margin-bottom:12px}.kpi{padding:17px 23px}.metric strong{font-size:40px}.shell{padding-top:20px}.aging-list{gap:10px}}
@media(min-width:1100px) and (max-height:850px){.shell{padding:12px 22px 10px}header{margin-bottom:9px}.monogram{width:40px;height:40px}.brand h1{font-size:23px}.statusbar{margin-bottom:10px;font-size:13px}.kpis{margin-bottom:12px;gap:12px}.kpi{padding:12px 18px}.metric{margin:3px 0}.metric strong{font-size:32px}.kpi-foot{font-size:12px}.card{padding:12px 18px}.sectionhead{margin-bottom:8px}.production .sectionhead .eyebrow,.aging .sectionhead .eyebrow{display:none}h2{font-size:17px}.table-head{padding-bottom:7px;font-size:11px}.line-row{padding:3px 0;font-size:14px}.line-name{font-size:13px}.production-foot{padding-top:8px;font-size:12px}.left{gap:10px}main{gap:14px}.age-item{padding:8px 10px}.age-item .detail{margin-top:2px}.aging .smallfoot{margin-top:8px}.totals strong{font-size:21px}.hourly-title{margin-bottom:6px}.hourly-bars,.hour-cell{height:40px}.hourly{padding:10px 18px}.shipheading h2{font-size:18px}.shiptotal{margin-top:7px}.shiptotal strong{font-size:29px}.priority-key{padding:8px 0 10px}.shipline{margin-top:10px;padding:7px 10px}.shipitem{padding:10px 0}.shipitem h3{font-size:14px}.shipbottom{padding-top:9px}.qty{font-size:21px}footer{margin-top:9px;font-size:12px}.shipment .smallfoot{font-size:12px}}
.brand-logo{width:190px;height:66px;object-fit:contain;background:transparent;mix-blend-mode:multiply;flex-shrink:0}.brand{gap:18px}.brand h1{font-size:25px}.table-head,.line-row{grid-template-columns:76px minmax(90px,1fr) 45px 45px 50px 45px 64px 136px;gap:9px}.wip-inline{font-weight:650;color:#4f698a}.line-row .wip-estimate{font-size:13px;line-height:1.4;color:#647c97;text-align:left}.actual-bar,.target-bar{transition:width .7s ease}.download,.button{font:inherit;font-size:13px;font-weight:600;background:#edf3ff;border:1px solid #dbe7fb;color:#3568bd;border-radius:7px;padding:8px 12px;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.download:disabled{opacity:.45;cursor:wait}.actions{display:flex;gap:8px}.summary-scroll{overflow:auto}.summary-table{border-collapse:collapse;width:100%;min-width:740px;font-size:14px;font-variant-numeric:tabular-nums}.summary-table th,.summary-table td{padding:8px 7px;text-align:right;border-bottom:1px solid #eef2f8}.summary-table thead{font-size:12px;color:#7890aa}.summary-table thead th{font-weight:600}.summary-table thead tr:first-child th{text-align:center;background:#f8faff}.summary-table tbody th{text-align:left;font-size:13px;font-weight:650;position:sticky;left:0;background:white}.summary-table .received{color:#288c82}.summary-table .remaining{font-weight:650;color:#3768b4;border-right:1px solid #e5edf8}.summary-table tbody tr:hover td{background:#f8faff}.aging-stats{display:flex;gap:34px;padding:3px 0 17px}.aging-stats>div{display:flex;flex-direction:column;gap:2px}.aging-stats strong{font-size:28px;font-weight:700;color:#a7782b;letter-spacing:-.6px}.aging-stats span{font-size:13px;color:var(--muted)}.aging-stats>div:last-child{margin-left:auto}.aging-stats>div:last-child strong{font-size:22px}.aging-line-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.aging-line{background:#f8fafd;border:1px solid #eef2f8;border-radius:7px;padding:9px 11px;text-decoration:none;color:var(--ink)}.aging-line:hover{border-color:#cbdcfa;background:#f0f5ff}.aging-line>div{display:flex;justify-content:space-between;gap:8px;align-items:center}.aging-line strong{font-size:12px;font-weight:650}.aging-line b{font-size:18px;font-weight:650}.aging-line b small{font-size:12px;color:var(--muted);font-weight:400}.aging-line>span{font-size:12px;color:var(--muted);display:block;margin-top:3px}.shipment{position:sticky;top:18px;align-self:start}.ship-toolbar{display:flex;align-items:center;gap:7px;padding:12px 0;font-size:12px;color:var(--muted)}.ship-toolbar>span{margin-right:auto}.ship-toolbar #pause{font-size:12px;padding:7px 8px}.ship-toolbar .download{font-size:12px;padding:7px 9px}.ship-list{display:block;overflow:auto;scrollbar-width:thin;scrollbar-color:#cfddf1 transparent;max-height:calc(100vh - 355px);min-height:300px;overscroll-behavior:contain;scroll-behavior:auto;padding-right:7px}.ship-group-heading{position:sticky;top:0;z-index:1;background:#edf4ff;display:flex;align-items:center;gap:8px;border-radius:6px;padding:11px 12px;margin:7px 0 0;box-shadow:0 4px 9px #ffffffbb}.ship-group-heading strong{font-size:15px}.ship-group-heading>span{font-size:12px;color:#7791b2}.ship-group-heading b{margin-left:auto;font-size:14px;font-weight:650;color:#4170b4}.shipitem{padding:12px 3px}.shipitem h3{font-size:14px}.shipitem .qty{font-size:21px}.review-label{font-size:11px;color:#ad7c34}.shipbottom{padding-top:9px}.shipment-summary h2{font-size:18px}.ship-list:focus-visible{outline:2px solid #8db1f5;outline-offset:3px}.detail-shell{max-width:1600px}.page-back{color:#547cac;text-decoration:none;font-size:14px}.detail-kpis{grid-template-columns:repeat(3,1fr);margin-top:20px}.detail-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.detail-controls input,.detail-controls select{font:inherit;font-size:14px;padding:10px 12px;border:1px solid #dce5f1;border-radius:7px;background:white;color:var(--ink)}.detail-controls input{min-width:240px;flex:1}.detail-table{width:100%;min-width:850px;border-collapse:collapse;font-size:14px}.detail-table th{background:#f0f5fd;color:#6b83a2;font-size:12px;letter-spacing:.4px;text-align:left;padding:12px 10px;position:sticky;top:0}.detail-table td{padding:13px 10px;border-bottom:1px solid #edf2f8}.detail-table td:nth-child(3){font-weight:550}.detail-table .num{text-align:right}.detail-table tr:hover td{background:#f8faff}.detail-table-wrap{max-height:62vh;overflow:auto}.detail-foot{font-size:13px;color:var(--muted);margin-top:14px}.detail-filters label{font-size:13px;color:var(--muted)}.detail-controls .download{font-size:14px}
@media(max-width:1300px){main{grid-template-columns:minmax(0,1.75fr) minmax(335px,1fr)}.card{padding:16px}.table-head,.line-row{grid-template-columns:67px minmax(65px,1fr) 35px 35px 40px 35px 48px 105px;gap:6px}.table-head{font-size:10px}.line-row{font-size:13px}.line-row .wip-estimate{font-size:12px}.pct{display:none}.aging-line-grid{grid-template-columns:repeat(3,1fr)}.brand-logo{width:155px}.ship-toolbar{flex-wrap:wrap}.aging-stats{gap:18px}.summary-table{font-size:13px}.sectionhead{flex-wrap:wrap}.ship-list{max-height:calc(100vh - 365px)}}
@media(max-width:1000px){main{grid-template-columns:1fr}.shipment{position:static}.ship-list{max-height:65vh}.brand-logo{width:145px;height:48px}.brand h1{font-size:22px}.header-right .datetime{display:none}.aging-line-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:650px){.brand-logo{width:118px}.brand{gap:8px}.brand h1{font-size:17px}.brand .eyebrow{font-size:9px}.header-right #refresh{display:none}.line-list,.production .table-head{min-width:640px}.production{overflow-x:auto}.production-foot{min-width:640px}.aging-line-grid{grid-template-columns:repeat(2,1fr)}.aging-stats{gap:15px;flex-wrap:wrap}.aging-stats>div:last-child{margin-left:0}.aging-stats strong{font-size:24px}.aging-stats>div:last-child strong{font-size:19px}.actions{flex-wrap:wrap}.detail-kpis{grid-template-columns:1fr 1fr 1fr}.detail-kpis .metric strong{font-size:23px}.detail-kpis .label{font-size:11px}.detail-controls input{min-width:180px}.ship-list{max-height:70vh}.detail-controls{gap:8px}.detail-controls input,.detail-controls select{width:100%}}
@media(prefers-reduced-motion:reduce){.actual-bar,.target-bar{transition:none}}
@media(max-width:650px){.production .table-head>span:last-child,.production .line-row>span:last-child{display:block}.production .table-head,.production .line-row{grid-template-columns:67px minmax(65px,1fr) 35px 35px 40px 35px 48px 105px;gap:6px}}

/* Compact shipment rows for the live display. */
.shipment .shipitem{padding:8px 3px;gap:10px}.shipment .shipitem h3{font-size:13px;margin-bottom:3px}.shipment .shipitem .qty{font-size:19px}.shipment .ship-group-heading{padding:9px 12px}.shipment .ship-group-heading strong{font-size:14px}

.summary-table .summary-total th,.summary-table .summary-total td{background:#edf4ff;border-top:2px solid #cbdcf4;font-weight:700}.summary-scroll{overflow-x:auto}.live-workspace .left{min-width:0}.live-workspace .kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:0;gap:10px}.live-workspace .kpi{padding:14px 16px}.live-workspace .metric strong{font-size:32px}.live-workspace .kpi-foot{font-size:12px}.live-workspace .label{font-size:11px}.live-workspace .metric .pill{font-size:12px;padding:3px 5px}.live-workspace .shipment{top:0;height:100%;min-height:0}.live-workspace .ship-list{min-height:0;max-height:none;flex:1}.live-workspace .shipheading,.live-workspace .shiptotal,.live-workspace .priority-key,.live-workspace .ship-toolbar,.live-workspace .shipbottom{flex-shrink:0}
@media(min-width:1101px){.shell{height:100dvh;display:flex;flex-direction:column;padding-bottom:10px}.live-workspace{grid-template-columns:minmax(0,1.8fr) minmax(350px,1fr);flex:1;min-height:0;overflow:hidden}.live-workspace .left{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:5px;display:block}.live-workspace .left>section{margin-bottom:14px}.live-workspace .shipment{position:relative;align-self:stretch}.live-workspace .kpis{display:grid}.live-workspace .production .legend{font-size:12px}header,.statusbar,footer{flex-shrink:0}}
@media(max-width:1100px){.live-workspace{grid-template-columns:1fr}.live-workspace .shipment{height:auto}.live-workspace .ship-list{max-height:65vh;min-height:300px}.live-workspace .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.live-workspace .production{overflow-x:auto}.live-workspace .line-list,.live-workspace .production .table-head{min-width:640px}}

.period-label{font-size:12px;color:var(--muted)}.capacity-table{min-width:620px}.capacity-table th:first-child{text-align:left}.work-calendar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding-bottom:14px;border-bottom:1px solid var(--border)}.work-calendar>div{display:flex;flex-direction:column;gap:4px}.work-calendar span{font-size:12px;color:var(--muted)}.work-calendar strong{font-size:14px;font-weight:650}.factory-events{display:grid;gap:8px;margin-top:12px}.factory-event{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:12px;padding:10px 12px;background:#f8faff;border-radius:7px;align-items:start}.factory-event time{font-size:12px;color:#56759f}.factory-event h3{font-size:14px;margin:0 0 3px}.factory-event p{font-size:12px;color:var(--muted)}.factory-events .empty{min-height:65px}.factory-event .tag{font-size:11px}.source-note{color:#aa7433}@media(max-width:650px){.work-calendar{grid-template-columns:repeat(2,minmax(0,1fr))}.factory-event{grid-template-columns:85px minmax(0,1fr)}.factory-event>.tag{grid-column:2}}
.factory-calendar-days{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.calendar-day{border:1px solid var(--border,#e3e8ef);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:4px;font-size:11px}.calendar-day b{color:#137c6c}@media(max-width:700px){.factory-calendar-days{grid-template-columns:repeat(2,minmax(0,1fr))}}

.forecast-pending{color:#9a640c;text-decoration:none;font-size:11px;line-height:1.4}.forecast-pending:hover{text-decoration:underline}.smallfoot a{color:#2f67ed;margin-left:8px}

.remaining-link{border:0;background:transparent;padding:4px 2px;min-height:28px;font:inherit;font-weight:700;color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.remaining-link:hover{color:#174bd9}.remaining-link:focus-visible{outline:2px solid #245de9;outline-offset:3px}#shipment-detail{width:min(1440px,94vw);max-height:88vh;padding:24px;border:1px solid #dbe5f3;border-radius:16px;color:#203553;background:#fff;box-shadow:0 24px 80px #122f5a44}#shipment-detail::backdrop{background:#132b4d80}.detail-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.detail-head h2{font-size:22px;margin:5px 0}.detail-head p,.detail-note{font-size:14px;color:#657c9c;line-height:1.5}.detail-scroll{overflow:auto;max-height:60vh;border:1px solid #e1e9f5;border-radius:8px}.detail-table{border-collapse:collapse;width:100%;font-size:14px;min-width:1500px}.detail-table th{position:sticky;top:0;background:#edf3fc;padding:12px;text-align:left;white-space:nowrap;z-index:1}.detail-table td{padding:12px;border-bottom:1px solid #e7edf7;vertical-align:top}.detail-table tbody tr:nth-child(even){background:#f8faff}.detail-table td:nth-child(2),.detail-table td:nth-child(5){min-width:180px}.detail-table td:nth-child(9){font-weight:700;color:#245de9}@media(max-width:650px){#shipment-detail{padding:14px}.detail-head{flex-direction:column}.detail-head .actions{width:100%}}

/* Cozy Earth: sage, olive, warm sand, rustic tan and cream. */
:root{--ink:#30372e;--muted:#68725f;--blue:#737863;--teal:#57715b;--border:#e6e2d6;--bg:#f5f0e5;--amber:#956440;--sage:#a8bca4;--sand:#c1a383;--rust:#b27d52;--surface:#fffdf8}
body{background:radial-gradient(ellipse at 8% 0%,#dce4d480 0,transparent 48%),radial-gradient(ellipse at 94% 5%,#eadaca60 0,transparent 38%),var(--bg);color:var(--ink)}
.brand-stacked{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.brand-stacked h1{line-height:1}.brand-stacked .brand-logo{display:block;width:190px;height:54px;object-fit:contain;object-position:left center}.brand-stacked .eyebrow{color:#74765f;letter-spacing:1.4px;font-size:12px}
button,.detail-controls input,.detail-controls select{background:var(--surface);border-color:#dcdccd;color:var(--ink)}button:hover{background:#eeeedf}button:focus-visible,a:focus-visible,.ship-list:focus-visible,.remaining-link:focus-visible{outline-color:#86977a}
.card,.kpi{background:var(--surface);border-color:#e1e0d2;box-shadow:0 4px 22px #55543c06}.live-workspace .kpi{border-top:2px solid #d3c0a5}.live-workspace .kpi:nth-child(2){border-top-color:#9ea88d}.live-workspace .kpi.actual{background:#f0f4ea;border-top-color:#809574}.live-workspace .kpi:last-child{border-top-color:#b27d52}.metric strong{color:#3c4537}.actual .metric strong{color:#526b4b}.metric .pill{color:#4f6948;background:#dfe8d7}.accent{background:var(--sand)}.accent.blue{background:var(--blue)}.accent.teal{background:#819877}.accent.violet{background:var(--rust)}
.track{background:#eeeee4}.target-bar{background:#d8ddcc}.actual-bar,.legend-blue{background:#788769}.legend-gray{background:#d8ddcc}.line-row{border-color:#ecebe1}.line-row .strong{color:#576a4a}.line-row .wip-estimate,.wip-inline{color:#68725f}.gap.negative{color:#9b623e}.gap.positive{color:#557348}
.download,.button{background:#e9eee2;border-color:#d6dec9;color:#526543}.download:hover,.button:hover{background:#dde6d3}.smallfoot a,.page-back{color:#63774f}.forecast-pending{color:#94623f}.hour-cell .bar{background:#a3b397}.hour-cell b{color:#46523d}
.summary-table th,.summary-table td{border-color:#e8e6da}.summary-table thead{color:#72755f}.summary-table thead tr:first-child th{background:#f2f0e5}.summary-table tbody th{background:var(--surface)}.summary-table .received{color:#54734e}.summary-table .remaining{color:#65734f;border-color:#e4e4d4}.summary-table tbody tr:hover td{background:#f1f3e8}.summary-table .summary-total th,.summary-table .summary-total td{background:#e8eddf;border-top-color:#aebd9c}
.priority-pill{border-color:#d8decb;color:#6b785b}.sy{color:#516742;background:#e7eddf}.asap{color:#925e36;background:#f3e5d4}.pre{color:#7a684c;background:#eee7d7}.container{color:#5c7460;background:#e5ece2}.other{background:#eeede5;color:#71745e}.ship-group-heading,.shipline{background:#e9eee1;box-shadow:0 4px 9px #fffdf8bb}.ship-group-heading>span,.shipline span{color:#7b866d}.ship-group-heading b{color:#5e7151}.shiptotal strong{color:#667753}.ship-list{scrollbar-color:#bbc5ac transparent}.review-label{color:#99633e}.remaining-link:hover{color:#8a5b35}
.aging-stats strong,.totals strong{color:#9a6c44}.aging-line,.age-item,.factory-event{background:#f4f3ea;border-color:#e4e5d7}.aging-line:hover{border-color:#b2bf9d;background:#eaf0e1}.age-badge{background:#f1e4d1;color:#92663d}.calendar-day{background:#f9f7ef;border-color:#e3e1d3}.calendar-day b{color:#5c7450}.factory-event time{color:#737b5f}.source-note,.source-error{color:#9a6140}
.detail-table th{background:#ecefdf;color:#5d6b50}.detail-table td{border-color:#e6e6d8}.detail-table tr:hover td,.detail-table tbody tr:nth-child(even){background:#f5f5eb}.detail-table td:nth-child(9){color:#63754e}.detail-controls input:focus,.detail-controls select:focus{outline-color:#86977a}.detail-foot,.detail-head p,.detail-note{color:var(--muted)}
#shipment-detail{color:var(--ink);background:var(--surface);border-color:#d8deca;box-shadow:0 24px 80px #3d493844}#shipment-detail::backdrop{background:#35433080}.detail-scroll{border-color:#dfe3d1}.dot.waiting{background:#b99761}.dot.error{background:#b1694b}.error-banner{background:#f5e8d6;color:#915a37}
@media(max-width:650px){.brand-stacked .brand-logo{width:155px;height:44px}.brand-stacked .eyebrow{font-size:10px;letter-spacing:1px}}

/* Clear production display: warm white, deep green and golden tan. */
:root{--ink:#24352a;--muted:#637267;--blue:#426d48;--teal:#238363;--border:#e4e8df;--bg:#f4f5ef;--amber:#a5652d;--sage:#96b68a;--sand:#d3ab71;--rust:#a56632;--surface:#ffffff}
body{background:linear-gradient(125deg,#f6f4ed,#f0f5ef 70%,#eef4ee);color:var(--ink)}
.brand-stacked .brand-logo{width:300px;height:96px}.brand-stacked{gap:0}.brand-stacked .eyebrow{font-size:12px;color:#4d6551;letter-spacing:1.8px;margin-left:8px}header{margin-bottom:10px}.card,.kpi{background:#fff;border-color:#e0e8dd;box-shadow:0 4px 18px #283e2905}.card h2{color:#243b2b}.eyebrow,.label{color:#5c745d}.live-workspace .kpi{border-top:3px solid #d4ad77}.live-workspace .kpi:nth-child(2){border-top-color:#638656}.live-workspace .kpi.actual{background:#eff8ef;border-top-color:#2f8655}.live-workspace .kpi:last-child{border-top-color:#b5793e}.metric strong{color:#254c32}.actual .metric strong{color:#248150}.metric .pill{background:#d8efdd;color:#226a3d}.accent.blue{background:#426d48}.accent.teal{background:#238363}.accent.violet{background:#b5793e}
button,.detail-controls input,.detail-controls select{background:#fff;border-color:#d8e3d3}.download,.button{background:#eff6ec;border-color:#d1e2c8;color:#3d6843}.download:hover,.button:hover,button:hover{background:#e5f0df}.track{background:#edf3e9}.target-bar,.legend-gray{background:#cbdcc2}.actual-bar,.legend-blue{background:#47814f}.line-row .strong{color:#2f7542}.line-row .wip-estimate,.wip-inline{color:#617661}.summary-table .received{color:#23815d}.summary-table .remaining{color:#3f7448}.summary-table thead tr:first-child th{background:#f1f6ed}.summary-table .summary-total th,.summary-table .summary-total td{background:#e3f0dd;border-top-color:#b4cea7}.summary-table tbody th{background:#fff}.ship-group-heading{background:#e7f2e0;box-shadow:0 4px 9px #ffffffbb}.ship-group-heading strong{color:#314f33}.ship-group-heading b,.shiptotal strong{color:#397241}.sy{color:#346f3a;background:#e4f1dc}.asap{color:#9b6027;background:#faecd5}.pre{color:#806038;background:#f2e5d3}.container{color:#227e67;background:#e0f0e8}.aging-stats strong{color:#ad702e}.aging-line{background:#f5f8f1;border-color:#e1e8d9}.forecast-pending{color:#a5682b}.smallfoot a{color:#46764a}
.hourly{padding:18px 22px}.hourly-title h2{font-size:17px}.hourly-title span{font-size:13px}.hourly-bars{height:112px;gap:12px;align-items:flex-end}.hour-cell{height:112px;flex:1;justify-content:flex-end;gap:6px;min-width:0}.hour-cell b{font-size:14px;line-height:20px;color:#305c38;flex-shrink:0}.hour-cell .bar{flex-shrink:0;max-height:66px;max-width:42px;width:100%;background:linear-gradient(0deg,#4d7e49,#85ab6a);border-radius:4px 4px 0 0;box-shadow:inset 0 1px 0 #ffffff55}.hour-cell>span{font-size:13px;line-height:18px;color:#5e7060;flex-shrink:0}.detail-table th{background:#eaf3e4;color:#476447}.detail-table tbody tr:nth-child(even){background:#f7faf4}.detail-table td:nth-child(9){color:#3d7742}#shipment-detail{background:#fff;color:var(--ink)}.detail-note{color:#637267}
.orders-shell{height:auto!important;min-height:100vh;max-width:1800px}.orders-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:20px 0}.orders-heading h2{font-size:26px}.orders-heading p{font-size:14px;color:var(--muted);margin-top:6px}.orders-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.orders-table{min-width:1700px}.orders-controls select,.orders-controls input{min-width:150px}.orders-controls input{flex:1}.orders-card .detail-table-wrap{max-height:60vh}.orders-table .overdue{color:#a85a2c;font-weight:650}.orders-table .kanban-missing{color:#9c712c}
@media(max-width:800px){.brand-stacked .brand-logo{width:240px;height:78px}.brand-stacked .eyebrow{font-size:10px}.header-right{flex-wrap:wrap;justify-content:flex-end}.header-right .page-nav{font-size:12px;padding:7px 9px}.orders-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.brand-stacked .brand-logo{width:185px;height:60px}.brand-stacked .eyebrow{font-size:9px;letter-spacing:1px}.header-right{max-width:135px}.hourly-bars{gap:5px}.hour-cell b{font-size:12px}.hour-cell>span{font-size:12px}.orders-heading h2{font-size:22px}}

/* Hourly chart follows the supplied reference. */
.hourly-bars,.hour-cell{height:76px}.hour-cell{gap:4px}.hour-cell b{font-size:12px;line-height:16px;color:#24405b}.hour-cell>span{font-size:12px;line-height:16px;color:#637991}.hour-cell .bar{max-height:38px;max-width:38px;background:#74a3f2;box-shadow:none;border-radius:3px 3px 0 0;flex-shrink:0}