/* TradeMax factory display: clear information, restrained technology. */
.factory-screen.screen-midnight{background:radial-gradient(ellipse at 50% -20%,#193a61 0,transparent 65%),#080f1e;border-color:#253951;color:#e5effc}
.factory-screen .screen-masthead{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid #2a3e57;gap:24px}
.factory-screen .screen-masthead h1{color:#edf5ff;font-size:30px;line-height:1.4;letter-spacing:1px;margin:8px 0;font-weight:600}.factory-screen .screen-masthead p{color:#8da8c6;font-size:12px;letter-spacing:2px}.factory-screen .screen-brand{color:#9abfe9;font-size:14px;letter-spacing:1px}.factory-screen .screen-status>span{color:#d4e5fb;font-size:14px}.factory-screen .screen-status>small{color:#8ba3bf;font-size:11px}.factory-screen .screen-status button,.factory-screen .screen-status a{min-height:36px;border-radius:6px;font-size:12px;padding:8px 13px;background:#235b91;border:1px solid #3e77aa;color:#eaf4ff}.factory-screen .screen-status .quiet{background:#15263d;color:#bcd2eb;border:1px solid #324a66}.factory-screen .screen-tile{background:linear-gradient(140deg,#14263bd9,#0e1b2e);border:1px solid #2a3d56;border-radius:10px;padding:18px;box-shadow:inset 0 1px #b7d8ff08}.factory-screen .screen-tile:before{background:#83bfff;width:28px;left:18px}.factory-screen .screen-tile-heading h2{font-size:15px;line-height:1.6;color:#c6daf1;font-weight:500}.factory-screen .screen-module-code{color:#7895b6;font-size:10px;letter-spacing:1.5px}.factory-screen .screen-kpi-value{color:#d4e8ff;font-size:44px;line-height:1.5;letter-spacing:1px;font-weight:600}.factory-screen .screen-kpi-value small{color:#8ba7c7;font-size:12px;letter-spacing:0}.factory-screen .screen-kpi-value.screen-warning{color:#f4c182}.factory-screen .screen-kpi p,.factory-screen .screen-chart-note{color:#8ea7c2;font-size:11px;line-height:1.7}.factory-screen .screen-layout{gap:14px;margin:18px 0}.factory-screen .screen-echart{height:230px}.factory-screen .screen-footer{color:#809ab9;font-size:11px;border-color:#263b55;line-height:1.6}
.factory-screen .screen-task-labels,.factory-screen .screen-task-row{grid-template-columns:minmax(0,2.5fr) minmax(0,1.2fr) minmax(0,1fr) minmax(0,.8fr);gap:20px}.factory-screen .screen-task-labels{font-size:12px;color:#8ba9ca;padding:12px 14px;border-color:#2a405a}.factory-screen .screen-task-list{min-height:calc(var(--task-rows)*82px)}.factory-screen .screen-task-row{min-height:82px;padding:12px 14px;font-size:15px;border-color:#243952}.factory-screen .screen-task-row:nth-child(even){background:#6fafff06}.factory-screen .screen-task-row strong{font-size:15px;color:#e4efff;line-height:1.5;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:500;overflow-wrap:anywhere}.factory-screen .screen-task-row small{font-size:11px;line-height:1.8;color:#8aa4c2}.factory-screen .screen-task-row span{color:#c4d8f0}.factory-screen .screen-task-row .state-doing{color:#a6cfff;background:#244369}.factory-screen .screen-task-row .state-review{color:#f3cc98;background:#73552e44}.factory-screen .screen-task-row .state-done{color:#a2d2bf;background:#264c4044}.factory-screen .screen-task-row .screen-task-late span,.factory-screen .screen-task-row .screen-task-late small{color:#f4c182}.factory-screen .screen-task-progress i{background:#8dbfff}.factory-screen .screen-task-state{font-size:12px;padding:3px 8px}.factory-screen .screen-task-toolbar{color:#9bb4d1;font-size:12px;margin-top:12px}.factory-screen .screen-task-toolbar .quiet{min-height:38px;padding:8px 14px;color:#c9def6;background:#172b44;border-color:#385573}.factory-screen .screen-task-toolbar button:focus-visible,.factory-screen button:focus-visible{outline:2px solid #a7d4ff;outline-offset:3px}.factory-screen .screen-task-toolbar button:disabled{opacity:.35}.screen-task-playback{display:inline-flex;align-items:center;gap:7px;margin-right:14px;color:#acd1fb}.screen-task-playback:before{content:'';width:6px;height:6px;border-radius:50%;background:#9bc8fa}.screen-task-playback.paused{color:#f4c182}.screen-task-playback.paused:before{background:#f4c182}.screen-stale{display:block;color:#f4c182;font-size:12px;margin:7px 0}.screen-layout-preview{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;margin:12px 0 20px;padding:12px;background:#eef4fb;border:1px solid #d5e2ef;border-radius:8px}.screen-layout-preview>span{grid-column:span var(--preview-span);background:#153551;color:#c8e5ff;border:1px solid #3c6080;font-size:10px;line-height:1.5;padding:9px 5px;border-radius:4px;overflow-wrap:anywhere;text-align:center}.screen-preview-label{font-size:12px;color:#69849c;display:flex;justify-content:space-between}
/* Virtual canvas widths, independent of browser CSS viewport breakpoints. */
.display-canvas .factory-screen{padding:24px;border:0;border-radius:0;min-height:var(--display-min-height);box-sizing:border-box}.display-canvas .factory-screen .screen-layout>.screen-tile{grid-column:span var(--tile-span);padding:18px}.display-canvas .factory-screen .screen-echart{height:230px}.display-canvas .factory-screen .screen-kpi-value{font-size:44px}.display-canvas .factory-screen .screen-masthead{display:flex}.display-canvas .factory-screen .screen-status{margin:0;text-align:right}.display-canvas .factory-screen .screen-task-labels{display:grid}.display-canvas .factory-screen .screen-task-row{grid-template-columns:minmax(0,2.5fr) minmax(0,1.2fr) minmax(0,1fr) minmax(0,.8fr);min-height:82px}.display-canvas .factory-screen .screen-task-list{min-height:calc(var(--task-rows)*82px)}.display-canvas .factory-screen .screen-task-toolbar{flex-direction:row;align-items:center}.display-canvas .factory-screen .screen-footer{flex-direction:row}.display-canvas[data-orientation=portrait] .screen-layout>.screen-kpi{grid-column:span 4}.display-canvas[data-orientation=portrait] .screen-layout>.screen-visual{grid-column:span 6}.display-canvas[data-orientation=portrait] .screen-layout>.screen-visual[data-widget=operations],.display-canvas[data-orientation=portrait] .screen-layout>.screen-task-roll{grid-column:span 12}.display-canvas[data-orientation=portrait] .factory-screen .screen-echart{height:290px}.display-canvas[data-orientation=portrait] .screen-masthead h1{font-size:28px}.display-tools{opacity:.25}.display-tools:hover,.display-tools:focus-within{opacity:1}
.factory-screen.screen-light .screen-masthead h1{color:#214261}.factory-screen.screen-light .screen-tile{background:#fff;border-color:#d5e1ef}.factory-screen.screen-light .screen-tile h2{color:#3b5978}.factory-screen.screen-light .screen-kpi-value{color:#2e689a}.factory-screen.screen-light .screen-warning{color:#a66c26}.factory-screen.screen-light .screen-task-row strong{color:#244e73}.factory-screen.screen-light .screen-task-row span{color:#436c90}.factory-screen.screen-light .screen-task-row small{color:#6e879c}.factory-screen.screen-light .screen-task-labels,.factory-screen.screen-light .screen-task-row{border-color:#e1e9f2}.factory-screen.screen-light .screen-task-toolbar .quiet{background:#fff;color:#3d6587;border-color:#cfdeed}.factory-screen.screen-light .screen-task-row .screen-task-late span,.factory-screen.screen-light .screen-task-row .screen-task-late small{color:#a66c26}.factory-screen.screen-light .screen-task-playback{color:#47749c}
@media(max-width:800px){.factory-screen .screen-masthead{display:block}.factory-screen .screen-status{text-align:left;margin-top:15px}.factory-screen .screen-task-labels{display:none}.factory-screen .screen-task-row{grid-template-columns:1.6fr 1fr;gap:10px;min-height:135px}.factory-screen .screen-task-list{min-height:calc(var(--task-rows)*135px)}.factory-screen .screen-task-toolbar{align-items:start;flex-direction:column}.factory-screen .screen-task-toolbar .quiet{min-height:44px}.factory-screen .screen-footer{flex-direction:column}.factory-screen .screen-masthead h1{font-size:24px}}
@media(prefers-reduced-motion:reduce){.screen-task-slide{animation:none}}
/* Keep a standard five-row board near the 1080p canvas height. */
.display-canvas[data-orientation=landscape] .factory-screen{padding:20px}
.display-canvas[data-orientation=landscape] .factory-screen .screen-masthead{padding-bottom:12px}
.display-canvas[data-orientation=landscape] .factory-screen .screen-masthead h1{font-size:28px;margin:5px 0}
.display-canvas[data-orientation=landscape] .factory-screen .screen-layout{gap:12px;margin:14px 0}
.display-canvas[data-orientation=landscape] .factory-screen .screen-layout>.screen-tile{padding:14px}
.display-canvas[data-orientation=landscape] .factory-screen .screen-kpi-value{font-size:40px;line-height:1.25}
.display-canvas[data-orientation=landscape] .factory-screen .screen-echart{height:185px}
.display-canvas[data-orientation=landscape] .factory-screen .screen-task-row{min-height:68px;padding:7px 12px}
.display-canvas[data-orientation=landscape] .factory-screen .screen-task-list{min-height:calc(var(--task-rows)*68px)}
.display-canvas[data-orientation=landscape] .factory-screen .screen-task-labels{padding:8px 12px}
.display-canvas[data-orientation=landscape] .factory-screen .screen-task-row small{font-size:11px}
.display-canvas[data-orientation=landscape] .factory-screen .screen-task-progress{margin-top:4px}
.display-canvas[data-orientation=landscape] .factory-screen .screen-chart-note{margin-top:8px;font-size:10px}
.display-canvas[data-orientation=landscape] .factory-screen .screen-task-toolbar{margin-top:8px}
.screen-task-roll{container-type:inline-size}
@container (max-width:850px){
 .factory-screen .screen-task-roll .screen-task-labels{display:none}
 .factory-screen .screen-task-roll .screen-task-row,.display-canvas .factory-screen .screen-task-roll .screen-task-row{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);min-height:122px;gap:10px;padding:12px}
 .factory-screen .screen-task-roll .screen-task-list,.display-canvas .factory-screen .screen-task-roll .screen-task-list{min-height:calc(var(--task-rows)*122px)}
 .factory-screen .screen-task-roll .screen-task-toolbar,.display-canvas .factory-screen .screen-task-roll .screen-task-toolbar{flex-direction:column;align-items:flex-start}
}
@container (max-width:400px){
 .factory-screen .screen-task-roll .screen-task-row,.display-canvas .factory-screen .screen-task-roll .screen-task-row{grid-template-columns:1fr}
 .factory-screen .screen-task-roll .screen-task-toolbar>div{flex-wrap:wrap}
}