.screen-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0}.screen-layout>article{background:#1b2d46;border:1px solid #2b405a;border-radius:14px;padding:24px}.screen-layout>article>span{display:block;color:#a9bfd9}.screen-layout>article>strong{font-size:42px;display:block;margin-top:10px;color:#83dcce}.screen-layout>.screen-chart{grid-column:1/-1}.screen-light{background:#f3f7fc;color:#182c47;border:1px solid #dbe4ef}.screen-light h1,.screen-light .screen-chart h2{color:#182c47}.screen-light p,.screen-light .hint{color:#677991}.screen-light .screen-layout>article,.screen-light .screen-chart{background:#fff;border-color:#dce5f0}.screen-light .screen-layout>article>span{color:#65778d}.screen-light .screen-layout>article>strong{color:#206bc4}.screen-light .screen-bar>div{background:#eaf0f7}.screen-light .screen-bar span{background:#4890dc}.screen-widget-editor{display:flex;align-items:center;justify-content:space-between;border:1px solid #e5eaf1;border-radius:8px;padding:12px 14px;margin-bottom:10px;gap:16px}.screen-widget-editor label{display:flex;align-items:center;gap:9px;margin:0}.screen-widget-editor label input{width:16px}.screen-widget-editor>div{display:flex;gap:8px}@media(max-width:800px){.screen-layout{grid-template-columns:1fr 1fr}.screen-layout>article{padding:20px}.screen-layout>article>strong{font-size:32px}}@media(max-width:420px){.screen-widget-editor{align-items:flex-start;flex-direction:column}}
.factory-screen{background:radial-gradient(ellipse at 52% 0,#102f4f 0,transparent 58%),#071321;border:1px solid #1c3550;border-radius:14px;padding:28px;min-height:calc(100vh - 130px)}
.factory-screen .screen-masthead{border-bottom:1px solid #24405c;padding-bottom:24px;align-items:flex-start;gap:20px}.screen-masthead h1{font-size:clamp(22px,2.3vw,38px);font-weight:650;letter-spacing:1px;line-height:1.3;margin:10px 0}.screen-masthead p{font-size:12px;letter-spacing:3px;margin:0}.screen-masthead .eyebrow{font-size:10px;letter-spacing:3px;color:#54d8df;display:flex;align-items:center;gap:9px}.screen-masthead .eyebrow i{width:6px;height:6px;border-radius:50%;background:#3cd5bf;box-shadow:0 0 10px #3cd5bf}
.screen-status{flex-shrink:0;text-align:right;font-variant-numeric:tabular-nums}.screen-status>span{display:block;color:#d0e5f6;font-size:14px}.screen-status>small{display:block;margin:4px 0 14px;color:#7794b5}.screen-status .actions{gap:8px}.screen-status button{font-size:12px;min-height:34px;padding:7px 12px;border-radius:6px}.screen-status .quiet{background:#142c46;color:#c5dff1;border:1px solid #31506b}
.factory-screen .screen-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;margin:24px 0}.factory-screen .screen-tile{grid-column:span var(--tile-span);min-width:0;border-radius:9px;padding:19px;background:linear-gradient(135deg,#10263d99,#0c1b30);border:1px solid #223c57;position:relative;overflow:hidden}.screen-tile:before{content:'';position:absolute;top:0;left:18px;width:34px;height:2px;background:#36d6cf}.screen-tile-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.screen-tile-heading h2{font-size:14px;line-height:1.6;font-weight:500;margin:0;color:#c4d9ed;overflow-wrap:anywhere}.screen-module-code{font-size:10px;color:#527390;letter-spacing:1px}.screen-kpi-value{font-size:clamp(26px,3vw,46px);font-weight:650;line-height:1.6;color:#69e0d6;font-variant-numeric:tabular-nums;white-space:nowrap}.screen-kpi-value small{font-size:11px;font-weight:400;margin-left:8px;color:#7296b6}.screen-kpi p{font-size:10px;line-height:1.7;margin:5px 0 0;color:#7896b5}.screen-kpi-value.screen-warning{color:#f9b86a}.screen-echart{height:260px;width:100%;margin-top:8px}.factory-screen .screen-chart-note{font-size:10px;line-height:1.7;margin:12px 0 0;color:#6f8ba8}.screen-footer{display:flex;justify-content:space-between;gap:12px;padding-top:15px;border-top:1px solid #203751;color:#6b89a6;font-size:10px;letter-spacing:.5px}
.screen-presets{display:flex;gap:10px;margin-bottom:22px;flex-wrap:wrap}.screen-widget-editor{display:grid;grid-template-columns:160px 1fr auto;gap:12px;align-items:center}.screen-module-options{display:flex;gap:10px;flex-wrap:wrap}.screen-module-options label{display:flex;flex-direction:column;align-items:flex-start;gap:5px;font-size:11px;flex:1;min-width:80px}.screen-module-options label:first-child{flex:2}.screen-module-options input,.screen-module-options select{width:100%;font-size:12px;padding:8px;min-height:36px}.screen-widget-editor>label{font-size:13px}.screen-widget-editor>div:last-child{display:flex;gap:6px}
.factory-screen.screen-light{background:radial-gradient(ellipse at top,#e3f0ff,transparent 65%),#f3f7fc;color:#1c3047;border-color:#cfdeed}.screen-light .screen-tile{background:#fff;border-color:#d4e0ed}.screen-light .screen-tile h2{color:#38516a}.screen-light .screen-masthead{border-color:#d4e0ed}.screen-light .screen-masthead h1{color:#193554}.screen-light .screen-kpi-value{color:#187f9a}.screen-light .screen-warning{color:#bd6a21}.screen-light .screen-status>span{color:#284a6a}.screen-light .screen-status .quiet{background:#fff;color:#365b7f;border-color:#cfdeed}.screen-light .screen-footer{border-color:#d4e0ed;color:#718599}
#view:fullscreen{padding:24px;background:#071321;overflow:auto}#view:fullscreen .factory-screen{min-height:calc(100vh - 48px)}#view:fullscreen .screen-echart{height:clamp(260px,38vh,520px)}
@media(min-width:1800px){.screen-echart{height:360px}.screen-tile-heading h2{font-size:18px}.screen-kpi p,.factory-screen .screen-chart-note{font-size:13px}}
@media(max-width:1100px){.factory-screen .screen-kpi{grid-column:span 4}.factory-screen .screen-visual{grid-column:span 6}.factory-screen .screen-visual[data-widget=operations]{grid-column:span 12}.screen-widget-editor{grid-template-columns:1fr}.screen-widget-editor>div:last-child{justify-content:flex-end}.screen-masthead h1{font-size:24px}}
@media(max-width:640px){.factory-screen{padding:18px}.factory-screen .screen-masthead{display:block}.screen-status{margin-top:18px;text-align:left}.screen-status .actions{flex-wrap:wrap}.factory-screen .screen-kpi{grid-column:span 6;padding:14px}.factory-screen .screen-visual{grid-column:span 12}.factory-screen .screen-layout{gap:10px}.screen-kpi-value{font-size:32px}.screen-masthead h1{font-size:22px}.screen-tile-heading h2{font-size:12px}.screen-footer{flex-direction:column}.screen-module-options{flex-direction:column}.screen-module-options label{width:100%}}
.screen-task-labels,.screen-task-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,.8fr);gap:20px;align-items:center}.screen-task-labels{padding:16px 14px 10px;color:#7298bb;font-size:11px;border-bottom:1px solid #25415c}.screen-task-list{min-height:calc(var(--task-rows)*78px)}.screen-task-row{min-height:78px;padding:13px 14px;border-bottom:1px solid #1b334b;font-size:13px}.screen-task-row:nth-child(even){background:#16304a44}.screen-task-row>div{min-width:0}.screen-task-row strong{color:#dfedf9;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen-task-row small{display:block;font-size:10px;line-height:1.8;color:#7897b5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen-task-row span{color:#adc8de}.screen-task-row .screen-task-late span,.screen-task-row .screen-task-late small{color:#ffba78}.screen-task-state{display:inline-block;font-size:11px;border-radius:4px;padding:2px 7px;background:#173955}.screen-task-row .state-doing{color:#6cddd2}.screen-task-row .state-review{color:#ffd089}.screen-task-row .state-done{color:#92b6ff}.screen-task-progress{height:3px;margin-top:7px;background:#233c56;max-width:130px;border-radius:3px;overflow:hidden}.screen-task-progress i{display:block;height:100%;background:#36d6cf}.screen-task-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;font-size:11px;color:#7b9ab7}.screen-task-toolbar>div{display:flex;gap:8px}.screen-task-toolbar .quiet{background:#152e47;color:#c4dbef;border:1px solid #2d4b67;font-size:11px;padding:6px 10px;min-height:34px}.screen-task-empty{min-height:180px;display:grid;place-content:center;color:#8aa8c3}.screen-task-slide{animation:screen-task-enter .45s ease-out}@keyframes screen-task-enter{from{opacity:.25;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.screen-light .screen-task-row strong{color:#254766}.screen-light .screen-task-row span{color:#56748d}.screen-light .screen-task-row small{color:#6c859b}.screen-light .screen-task-row{border-color:#e1e9f2}.screen-light .screen-task-row:nth-child(even){background:#f4f8fc}.screen-light .screen-task-toolbar .quiet{background:#fff;color:#365b7f;border-color:#cfdeed}.screen-light .screen-task-row .screen-task-late span,.screen-light .screen-task-row .screen-task-late small{color:#b86224}
@media(max-width:800px){.factory-screen .screen-task-roll{grid-column:span 12}.screen-task-labels{display:none}.screen-task-row{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:8px;min-height:118px;padding:14px 8px}.screen-task-list{min-height:calc(var(--task-rows)*118px)}.screen-task-toolbar{flex-direction:column;align-items:flex-start}.screen-task-toolbar button{min-height:42px}.screen-task-row strong{white-space:normal}.screen-task-row>div:nth-child(4){text-align:right}}
@media(prefers-reduced-motion:reduce){.screen-task-slide{animation:none}}