.mes-workspace{--mes-line:#2b4254;--mes-muted:#99adbf;--mes-accent:#78d6e5;--mes-card:#112231;--mes-green:#78d9b1;--mes-red:#ff9090;--mes-yellow:#f3ce7c;font-size:16px;line-height:1.5;max-width:1760px;color:#e8f1f8}
.mes-workspace *{box-sizing:border-box}.mes-workspace button,.mes-workspace input,.mes-workspace select,.mes-workspace textarea{font:inherit}.mes-workspace button{min-height:44px;cursor:pointer;border:1px solid #36556a;border-radius:8px;padding:9px 14px;background:#183145;color:#d8e9f5;touch-action:manipulation}.mes-workspace button:hover:not(:disabled){background:#23465e;border-color:#78abc0}.mes-workspace button:disabled{opacity:.43;cursor:not-allowed}.mes-workspace :focus-visible{outline:2px solid var(--mes-accent);outline-offset:3px}.mes-workspace button svg{width:21px;height:21px}.mes-workspace input,.mes-workspace select,.mes-workspace textarea{color:#e7f2fb;background:#0c1b27;border:1px solid #3a556a;border-radius:7px;padding:10px 12px;min-height:44px;max-width:100%;margin:0}.mes-workspace select{color-scheme:dark}.mes-workspace small{font-size:14px;color:var(--mes-muted)}.mes-workspace h2,.mes-workspace h3,.mes-workspace h4,.mes-workspace p{margin:0}.mes-workspace h3{font-size:18px;font-weight:600}.mes-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.mes-machine-title{display:flex;gap:17px;align-items:center}.mes-machine-id{display:grid;place-items:center;width:72px;height:72px;border-radius:13px;background:linear-gradient(145deg,#23516a,#173345);border:1px solid #47768f;color:#b6eaf8;font-size:30px;font-weight:650}.mes-machine-title h2{font-size:28px;letter-spacing:-.025em;line-height:1.2}.mes-machine-title h2 small{font-size:18px;font-weight:400}.mes-machine-title p{font-size:14px;color:var(--mes-muted);margin-top:8px}.mes-machine-title p span{padding:0 6px}.mes-view-tools{display:flex;gap:12px;align-items:center}.mes-local-badge{font-size:14px;color:#98d7e7;border:1px solid #32596c;background:#173447;border-radius:6px;padding:7px 12px;white-space:nowrap}
.mes-record-bar{border:1px solid var(--mes-line);background:#10212e;border-radius:12px;display:grid;grid-template-columns:minmax(190px,1.6fr) auto minmax(120px,.6fr) minmax(200px,1.4fr);gap:18px;align-items:center;padding:16px 19px;margin-bottom:15px}.mes-record-select label,.mes-event-select{display:block;font-size:14px;color:var(--mes-muted)}.mes-record-select select,.mes-event-select select{display:block;width:100%;margin-top:5px;font-size:14px}.mes-transport{display:flex;align-items:center;gap:8px}.mes-transport button{display:flex;align-items:center;justify-content:center;gap:7px}.mes-transport label{display:flex;align-items:center;gap:7px;font-size:14px;color:var(--mes-muted)}.mes-transport select{font-size:14px;padding:9px 7px;width:72px}.mes-record-clock{font-variant-numeric:tabular-nums}.mes-record-clock b{display:block;font-size:26px;font-weight:550;letter-spacing:.03em}.mes-record-clock span{font-size:14px;color:var(--mes-muted)}.mes-scrubber{grid-column:1/-1;display:flex;align-items:center;gap:20px}.mes-scrubber input{flex:1;accent-color:var(--mes-accent);padding:0;min-height:24px;border:0;background:none}.mes-scrubber span{font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums;color:#9db9cb}
.mes-status-strip{display:flex;align-items:center;gap:22px;border:1px solid #2d5560;background:#122b35;border-radius:8px;padding:11px 17px;color:#aee9d4;margin-bottom:16px}.mes-status-strip>div{display:flex;gap:10px;align-items:center;flex:1}.mes-status-strip i{width:8px;height:8px;background:currentColor;border-radius:50%;flex-shrink:0}.mes-status-strip b{font-size:18px;font-weight:600}.mes-status-strip span{font-size:14px}.mes-status-strip [data-mes-state-since],.mes-source-tag{color:#b3c9d6}.mes-status-strip[data-mes-status=STOP],.mes-status-strip[data-mes-status=HOLD],.mes-status-strip[data-mes-status=MSTR]{background:#302c1c;border-color:#655330;color:var(--mes-yellow)}.mes-status-strip[data-mes-status=ALARM],.mes-status-strip[data-mes-status=EMERGENCY]{background:#421f2a;border-color:#99515b;color:#ffabab}.mes-status-strip[data-mes-status=UNKNOWN],.mes-status-strip[data-mes-status=RESET_OR_MIXED_IDLE]{background:#202b36;border-color:#415365;color:#b8c7d6}.mes-alert{display:flex;align-items:center;gap:13px;padding:15px 17px;background:#681f2c;border:1px solid #da6374;border-radius:8px;margin-bottom:16px;color:#ffe1e6}.mes-alert[hidden]{display:none}.mes-alert svg{width:25px;height:25px;flex-shrink:0}.mes-alert b{flex:1;font-size:16px;font-weight:550}.mes-alert button{background:#87303f;border-color:#ca6575;color:white}
.mes-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--mes-line);border-radius:12px;background:linear-gradient(120deg,#172d3e,#112231);overflow:hidden}.mes-kpis article{padding:21px 24px;border-right:1px solid var(--mes-line)}.mes-kpis article:last-child{border:0}.mes-kpis article>span{font-size:15px;color:#aac0d1}.mes-kpis strong{display:block;font-size:46px;font-weight:550;letter-spacing:-.045em;line-height:1.2;margin:8px 0}.mes-kpis small{display:block;font-size:13px}.mes-kpis .mes-produced strong{color:#90e7d4}.mes-progress{display:flex;gap:15px;align-items:center;margin:16px 0 24px}.mes-progress progress{width:100%;height:7px;accent-color:var(--mes-green);border:0;border-radius:8px;overflow:hidden;appearance:none}.mes-progress progress::-webkit-progress-bar{background:#223748}.mes-progress progress::-webkit-progress-value{background:#67c8b5;border-radius:8px}.mes-progress span{white-space:nowrap;font-size:14px;color:#9cdccb}.mes-tabs{display:flex;gap:6px;border-bottom:1px solid var(--mes-line);padding-bottom:12px;margin-bottom:20px;overflow-x:auto;overscroll-behavior:contain;scrollbar-width:thin}.mes-tabs button{white-space:nowrap;background:none;border-color:transparent;color:#91aabd;font-size:15px;padding:8px 14px;border-radius:7px}.mes-tabs button[aria-selected=true]{background:#234355;border-color:#3b6379;color:#d8f5fd}.mes-tabs button b{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;background:#4d2832;color:#f6c0c7;border-radius:5px;font-size:13px;margin-left:8px}.mes-tabs button[aria-selected=true][data-mes-tab=alarms]:has(b:not(:empty)){border-color:#704557}.mes-two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.mes-full{grid-column:1/-1}.mes-card{background:linear-gradient(140deg,#142736,#101f2d);border:1px solid var(--mes-line);border-radius:12px;padding:21px;min-width:0}.mes-card>header{display:flex;align-items:center;justify-content:space-between;gap:13px;padding-bottom:18px;border-bottom:1px solid #2b4254;margin-bottom:20px;flex-wrap:wrap}.mes-card>header>span{font-size:14px;color:#91aabd}.mes-production-numbers{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:20px}.mes-production-numbers span{font-size:14px;color:var(--mes-muted);display:block}.mes-production-numbers b{font-size:36px;font-weight:550;display:block;margin-top:5px}.mes-production-numbers small{font-size:18px;font-weight:400}.mes-production-detail{display:grid;gap:11px;padding:18px 0;border-top:1px solid var(--mes-line)}.mes-production-detail>div{display:flex;align-items:baseline;justify-content:space-between;gap:13px;font-size:14px}.mes-production-detail span{color:var(--mes-muted)}.mes-production-detail b{font-size:14px;font-weight:500;text-align:right}.mes-plan-estimate{background:#173c4c88;border:1px solid #30596c;padding:14px 17px;border-radius:9px;display:flex;flex-direction:column;gap:5px;margin-top:6px}.mes-plan-estimate>span{font-size:14px;color:#a3c6d8}.mes-plan-estimate strong{font-size:28px;font-weight:550;letter-spacing:-.03em}.mes-plan-estimate small{font-size:13px}.mes-head-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mes-head-grid article{padding:15px;border:1px solid #30495b;background:#11202d;border-radius:9px}.mes-head-grid article>span{color:#79bfd6;font-size:14px}.mes-head-grid h4{font:600 25px ui-monospace,monospace;margin:8px 0}.mes-head-grid p{font-size:14px;display:flex;justify-content:space-between;gap:8px;color:#91aabd}.mes-head-grid dl{display:grid;grid-template-columns:1fr auto;gap:9px;font-size:14px;margin:16px 0 0}.mes-head-grid dt{color:var(--mes-muted)}.mes-head-grid dd{margin:0;font-variant-numeric:tabular-nums}.mes-onecycle-chain{margin-top:21px}.mes-onecycle-chain h4{font-size:15px;color:#bdd4e3;margin-bottom:8px}.mes-onecycle-chain>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #294254;font-size:14px}.mes-onecycle-chain small{margin-left:10px;color:#748ea4;font:13px ui-monospace,monospace}.mes-bit{display:inline-block;border-radius:5px;border:1px solid #3b5364;font-size:13px;padding:3px 9px;white-space:nowrap;background:#20313e;color:#a8bccb}.mes-bit.on{background:#19463e;color:#a8f1d5;border-color:#3d8e79}.mes-bit.off{background:#1a2a37;color:#91aabd}.mes-bit.unknown{color:#a6b6c4;border-style:dashed;background:none}
.mes-range-tools{display:flex;gap:14px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.mes-range-tools>label{display:flex;align-items:center;gap:8px;color:var(--mes-muted);font-size:14px}.mes-range-tools>span{margin-left:auto;font-size:14px;color:#8da6b9}.mes-range-tools select,.mes-range-tools input{font-size:14px;min-height:40px;padding:8px 10px}.mes-state-timeline{display:flex;overflow:hidden;height:36px;border-radius:6px;background:#293a48;min-width:0}.mes-state-timeline button{height:36px;min-height:36px;padding:0;min-width:1px;border:0;border-right:1px solid #0f202baa;border-radius:0;flex-grow:0;flex-shrink:0;background:#526378}.mes-state-timeline button[data-state=RUN],.mes-state-legend i[data-state=RUN]{background:#5bac94}.mes-state-timeline button[data-state=RUN_PARTIAL],.mes-state-legend i[data-state=RUN_PARTIAL]{background:#367665}.mes-state-timeline button[data-state=STOP],.mes-state-legend i[data-state=STOP]{background:#d1aa60}.mes-state-timeline button[data-state=HOLD],.mes-state-legend i[data-state=HOLD]{background:#bc9355}.mes-state-timeline button[data-state=ALARM],.mes-state-legend i[data-state=ALARM]{background:#d16678}.mes-state-timeline button[data-state=EMERGENCY],.mes-state-legend i[data-state=EMERGENCY]{background:#a8384b}.mes-state-timeline button[data-state=UNKNOWN],.mes-state-legend i[data-state=UNKNOWN]{background:repeating-linear-gradient(45deg,#455160 0 4px,#657181 4px 6px)}.mes-state-timeline button:hover{filter:brightness(1.3)}.mes-timeline-times{display:flex;justify-content:space-between;font-size:13px;color:#8ea8bc;margin-top:7px}.mes-state-legend{display:flex;gap:12px 20px;flex-wrap:wrap;margin-top:19px;font-size:14px;color:var(--mes-muted)}.mes-state-legend>span{display:flex;align-items:center;gap:7px}.mes-state-legend i{width:9px;height:9px;border-radius:2px;background:#526378}.mes-state-legend b{color:#c3d8e7;font-weight:500}.mes-table-wrap{overflow-x:auto}.mes-workspace table{border-collapse:collapse;width:100%;font-size:14px;min-width:610px}.mes-workspace th{color:#91aec3;text-align:left;font-weight:500;padding:12px 13px;border-bottom:1px solid #36546a;white-space:nowrap}.mes-workspace td{padding:16px 13px;border-bottom:1px solid #294253;vertical-align:top;font-variant-numeric:tabular-nums}.mes-workspace td b,.mes-workspace td>span:not(.mes-pill){display:block}.mes-workspace td>span:not(.mes-pill){font-size:14px;color:#a0b9cd;margin-top:5px}.mes-pill{display:inline-block;font-size:13px;padding:4px 8px;border:1px solid #435a6c;border-radius:5px;color:#b6cfdf;white-space:nowrap}.mes-pill.danger{background:#622a38;border-color:#b95b6d;color:#ffd5dc}.mes-pill[data-state=STOP]{color:#f6d28b}.mes-pill[data-state=ALARM],.mes-pill[data-state=EMERGENCY]{color:#ffacb8}.mes-active-alarms{display:grid;gap:10px;margin-bottom:20px}.mes-active-alarms article{display:flex;align-items:center;gap:15px;padding:17px;background:#5c2434;border:1px solid #a85469;border-radius:8px;color:#ffdae2}.mes-active-alarms svg{width:26px;height:26px;flex-shrink:0}.mes-active-alarms article b{display:block;font-size:17px}.mes-active-alarms article span{display:block;margin-top:5px;font-size:14px;color:#efbac6}.mes-alarm-row{background:#43243566}.mes-note{font-size:14px;color:#8ca8bc;line-height:1.7;margin-top:17px!important}.mes-empty{padding:15px 0;color:var(--mes-muted);font-size:15px}
.mes-load-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:20px}.mes-load-card{padding:18px}.mes-load-card>header{margin-bottom:13px}.mes-load-card strong{font-size:39px;font-weight:550;color:#a8e2f4}.mes-load-card strong small{font-size:21px;margin-left:4px}.mes-load-card svg{width:100%;height:88px;margin-top:9px;overflow:visible}.mes-load-card polyline{fill:none;stroke:#77d2e2;stroke-width:2}.mes-chart-grid{stroke:#335264;stroke-width:1;fill:none;stroke-dasharray:3 4}.mes-load-bottom{display:flex;justify-content:space-between;font-size:14px;color:var(--mes-muted);padding-top:9px}.mes-load-bottom b{font-weight:500;color:#b8d8e9}.mes-servo-list{display:grid;gap:15px}.mes-servo-list>div{display:flex;gap:13px;align-items:center}.mes-servo-list span{width:64px;font-size:15px}.mes-servo-list small{font-size:12px}.mes-servo-list meter{flex:1;width:100%;height:8px;accent-color:var(--mes-accent)}.mes-servo-list b{font-size:14px;font-weight:500;width:56px;text-align:right}.mes-valve-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.mes-valve-grid article{background:#0e202e;border:1px solid #334c60;border-radius:10px;padding:17px}.mes-valve-grid article[data-state=on]{border-color:#3f8c79;background:#16362f}.mes-valve-grid article>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.mes-valve-grid article>div span{font-size:15px;color:var(--mes-muted)}.mes-valve-grid article>div b{font-size:30px;font-weight:500}.mes-valve-grid small{display:block;margin-top:12px;font-size:13px}.mes-equipment-list article{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid #2a4254;font-size:15px}.mes-equipment-list small{display:block;font-size:13px}.mes-equipment-list b{font-size:14px;text-align:right;font-weight:500}.mes-danger{color:var(--mes-red)}.mes-material-note{margin-top:22px;padding:17px;background:#19364a;border-radius:8px}.mes-material-note h4{font-size:16px}.mes-material-note p{font-size:14px;margin-top:7px;color:#acc5d8}.mes-command-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.mes-command-pair>div{border:1px solid #33536a;border-radius:8px;padding:14px}.mes-command-pair span{font-size:14px;color:var(--mes-muted);display:block}.mes-command-pair b{display:block;font:600 24px ui-monospace,monospace;margin-top:6px}.mes-program-card pre{margin:0;max-height:440px;min-height:250px;overflow:auto;background:#091620;padding:18px;border-radius:8px;border:1px solid #2c465a;color:#aed3de;font:14px/1.8 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.mes-operator-banner{display:flex;justify-content:space-between;align-items:center;gap:17px;margin-bottom:20px;border:1px solid #8e693e;background:#352d21;padding:18px 21px;border-radius:10px}.mes-operator-banner>div{display:flex;align-items:center;gap:14px}.mes-operator-banner svg{width:28px;height:28px;flex-shrink:0;color:#ffd18d}.mes-operator-banner b{font-size:19px;font-weight:600;display:block;color:#ffe0a6}.mes-operator-banner>div span{display:block;font-size:14px;margin-top:4px;color:#d5c29d}.mes-operator-banner>span{font-size:14px;color:#d6c9b5;white-space:nowrap}.mes-operator-banner.danger{background:#562536;border-color:#bc5c71}.mes-operator-banner.danger b,.mes-operator-banner.danger svg{color:#ffd0dc}.mes-operator-banner.danger>div span{color:#edb6c5}.mes-operator-banner.ready{background:#163b34;border-color:#438b75}.mes-operator-banner.ready b,.mes-operator-banner.ready svg{color:#a5edd3}.mes-order-line{display:flex;justify-content:space-between;gap:13px}.mes-order-line b{display:block;font-size:18px}.mes-order-line span{display:block;font-size:14px;color:var(--mes-muted);margin-top:5px}.mes-order-line button{font-size:14px}.mes-drawing{background:#0d1d29;border:1px dashed #3c576b;border-radius:8px;padding:13px 14px;margin:22px 0;color:#b4d7e7}.mes-drawing svg{width:100%;height:130px;display:block}.mes-drawing>span{font-size:13px;color:#819bad;display:block;text-align:center}.mes-measure-form{display:grid;gap:15px}.mes-part-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:15px}.mes-part-title span{font-size:13px;color:#8da6b9}.mes-measure-form>label{display:grid;grid-template-columns:minmax(100px,1fr) 140px 135px;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid #304758}.mes-measure-form label>span b{display:block;font-size:16px;font-weight:500}.mes-measure-form label>span small{display:block;margin-top:4px}.mes-measure-form label>div{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--mes-muted)}.mes-measure-form input{width:100%;font-size:22px;font-variant-numeric:tabular-nums;min-width:0}.mes-measure-form output{font-size:14px;color:#94afc4;text-align:right}.mes-measure-form output.good{color:#8adbb9}.mes-measure-form output.bad{color:#ff9bb4}.mes-workspace .mes-primary{background:#32718a;border-color:#528fa6;color:#eafaff;font-size:16px;font-weight:500}.mes-workspace .mes-primary:hover{background:#3b839d}.mes-quality-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.mes-quality-actions button{font-size:14px}.mes-scenario-counts{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:20px;margin-top:21px;border-top:1px solid #304b5e}.mes-scenario-counts>span{display:flex;justify-content:space-between;font-size:14px;color:var(--mes-muted)}.mes-scenario-counts b{color:#d5e8f5;font-size:18px}.mes-stack{display:grid;gap:20px;align-content:start}.mes-reason-form{display:grid;gap:14px}.mes-reason-form>label{font-size:14px;color:var(--mes-muted)}.mes-reason-form select,.mes-reason-form textarea{display:block;width:100%;margin-top:7px}.mes-model-state{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px;color:#c1e8ed;font-size:16px}.mes-model-state span{font-size:14px}.mes-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.mes-control-grid button{min-height:54px;font-size:16px}.mes-complete-part{width:100%;margin-top:12px}.mes-model-controls .mes-note{font-size:13px}.mes-audit-list{list-style:none;margin:0;padding:0;display:grid}.mes-audit-list li{display:flex;gap:17px;align-items:flex-start;padding:13px 0;border-bottom:1px solid #2a4152}.mes-audit-list time{font-size:14px;color:#8fadc0;min-width:70px;font-variant-numeric:tabular-nums}.mes-audit-list li>div{flex:1}.mes-audit-list b{font-size:15px;font-weight:500;display:block}.mes-audit-list li>div span{font-size:14px;color:#9bb8cc;display:block;margin-top:4px}.mes-audit-list small{font-size:13px}.mes-control-availability{padding:18px;background:#213044;border:1px solid #43556a;border-radius:8px;margin-bottom:18px}.mes-control-availability b{font-size:19px;color:#d5e6f4}.mes-control-availability p{font-size:15px;line-height:1.7;color:#afc4d6;margin-top:8px}.mes-real-controls{margin-bottom:18px}.mes-real-controls button{background:#26323e;border-style:dashed}.mes-acceptance-list{margin-top:24px}.mes-acceptance-list>div{padding:14px 0;border-bottom:1px solid #2c4454}.mes-acceptance-list b{font-size:15px;font-weight:500;display:block}.mes-acceptance-list span{font-size:14px;color:#9db5c7;display:block;margin-top:5px}.mes-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid #2a4355;padding-top:20px;margin-top:23px;font-size:13px;color:#8da7ba}.mes-footer button{font-size:14px;background:none}.mes-source-dialog{max-width:720px;width:calc(100vw - 32px);max-height:85dvh;color:#deedf7;background:#122433;border:1px solid #44657d;border-radius:14px;padding:0;overflow:auto}.mes-source-dialog::backdrop{background:#020b14b3}.mes-source-dialog header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #36536a}.mes-source-dialog h2{font-size:21px}.mes-source-dialog>div{padding:22px;font-size:15px}.mes-source-dialog p{line-height:1.8}.mes-source-dialog dl{margin:20px 0 0}.mes-source-dialog dt{font-size:16px;font-weight:600;margin-top:18px;color:#a7dce9}.mes-source-dialog dd{margin:7px 0 0;color:#acc3d5;line-height:1.8}.mes-loading,.mes-error{border:1px solid #304e64;border-radius:12px;padding:30px;color:#aacbdf}.mes-error p{margin:12px 0 20px}
@media(max-width:1320px){.mes-record-bar{grid-template-columns:1.4fr auto 1fr}.mes-event-select{grid-column:1/3}.mes-scrubber{grid-column:1/-1}.mes-record-clock{grid-column:3;grid-row:1}.mes-load-cards{grid-template-columns:1fr 1fr}.mes-two-col{grid-template-columns:1fr}.mes-full{grid-column:auto}.mes-head-grid{gap:20px}.mes-kpis article{padding:18px}.mes-kpis strong{font-size:39px}.mes-kpis small{font-size:12px}.mes-source-tag{display:none}}
@media(max-width:740px){.mes-workspace{padding:18px 14px}.mes-top{align-items:flex-start;flex-wrap:wrap;gap:15px}.mes-machine-id{width:56px;height:56px;font-size:25px}.mes-machine-title h2{font-size:24px}.mes-view-tools{width:100%;justify-content:space-between}.mes-view-tools button{font-size:14px}.mes-record-bar{padding:14px;grid-template-columns:1fr 1fr;gap:13px}.mes-record-select{grid-column:1/-1}.mes-record-clock{grid-column:2;grid-row:2;text-align:right}.mes-record-clock b{font-size:23px}.mes-record-clock span{font-size:12px}.mes-event-select{grid-column:1/-1}.mes-transport label{display:none}.mes-scrubber{display:grid;gap:2px}.mes-scrubber input{width:100%}.mes-scrubber span{font-size:12px}.mes-status-strip{flex-wrap:wrap;gap:7px;padding:12px}.mes-status-strip>div{flex-basis:100%;flex-wrap:wrap}.mes-status-strip b{font-size:16px}.mes-status-strip span{font-size:13px}.mes-kpis{grid-template-columns:1fr 1fr}.mes-kpis article{padding:17px;border-bottom:1px solid var(--mes-line)}.mes-kpis article:nth-child(2){border-right:0}.mes-kpis article:nth-child(3){border-bottom:0}.mes-kpis strong{font-size:40px}.mes-kpis small{font-size:12px}.mes-card{padding:17px}.mes-production-detail>div{flex-wrap:wrap;gap:4px}.mes-production-detail b{text-align:left}.mes-head-grid article{padding:12px}.mes-head-grid dl{grid-template-columns:1fr}.mes-head-grid dt{font-size:13px}.mes-head-grid dd{margin-top:-7px}.mes-progress{gap:10px;margin:14px 0 18px}.mes-tabs{margin-bottom:16px}.mes-tabs button{font-size:14px;padding:8px 11px}.mes-range-tools{gap:10px}.mes-range-tools>label{flex-wrap:wrap}.mes-range-tools>span{margin-left:0;font-size:13px;flex-basis:100%}.mes-load-cards{gap:12px}.mes-load-card strong{font-size:33px}.mes-load-bottom{font-size:12px}.mes-load-card{padding:14px}.mes-operator-banner{padding:16px;flex-wrap:wrap}.mes-operator-banner>span{display:none}.mes-operator-banner b{font-size:17px}.mes-operator-banner>div span{font-size:14px}.mes-order-line{flex-wrap:wrap}.mes-order-line button{padding:8px 11px;font-size:13px}.mes-measure-form>label{grid-template-columns:1fr 130px;gap:9px}.mes-measure-form output{grid-column:1/-1;text-align:left}.mes-drawing{padding:6px}.mes-drawing>span{padding:10px;font-size:12px}.mes-part-title span{font-size:13px}.mes-model-state{flex-wrap:wrap}.mes-control-grid{gap:9px}.mes-control-grid button{font-size:14px}.mes-audit-list li{flex-wrap:wrap;gap:8px 12px}.mes-audit-list li>div{min-width:60%}.mes-audit-list small{margin-left:82px}.mes-alert{flex-wrap:wrap;padding:13px}.mes-alert b{font-size:14px}.mes-alert button{margin-left:36px;font-size:14px}.mes-footer{flex-wrap:wrap;gap:12px;font-size:12px}.mes-plan-estimate strong{font-size:25px}.mes-valve-grid{gap:10px}.mes-valve-grid article{padding:13px}.mes-onecycle-chain small{display:block;margin:2px 0 0}}
.mes-performance{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:18px;align-items:center;margin-bottom:24px;padding:18px;background:#0e202c;border:1px solid #2d485a;border-radius:9px}.mes-performance>div>span{display:block;color:#9fb9ca;font-size:13px;margin-bottom:7px}.mes-performance strong{display:block;font-size:17px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}.mes-run-ratio{display:flex;align-items:center;gap:13px}.mes-ratio-ring{position:relative;display:grid;place-items:center;width:78px;height:78px;flex-shrink:0;border-radius:50%;background:conic-gradient(#78cfb4 var(--ratio),#2f4352 0)}.mes-ratio-ring:before{content:'';position:absolute;inset:7px;border-radius:50%;background:#0e202c}.mes-ratio-ring b{position:relative;font-size:18px;color:#b5eddb;font-weight:550}.mes-run-ratio>div>b{display:block;font-size:15px;font-weight:500}.mes-run-ratio>div>span,.mes-run-ratio small{display:block;font-size:12px;line-height:1.6;color:#98b2c5}.mes-run-ratio small{margin-top:5px;color:#7594a9}.mes-alarm-summary{margin-bottom:25px;padding:20px;background:#0e202c;border:1px solid #3e485b;border-radius:9px}.mes-alarm-summary h4{font-size:17px;font-weight:550}.mes-alarm-summary>p{font-size:13px;color:#a0b8c9;margin:7px 0 20px}.mes-alarm-summary [role=listitem]{display:grid;grid-template-columns:minmax(160px,1fr) 2fr 150px;gap:18px;align-items:center;margin-top:16px}.mes-alarm-summary-label b{font-size:15px;font-weight:550}.mes-alarm-summary-label span{display:block;font-size:12px;color:#a4b8ca;margin-top:4px}.mes-alarm-summary-bar{height:20px;background:#293342;border-radius:4px;overflow:hidden}.mes-alarm-summary-bar>span{display:block;height:100%;background:linear-gradient(90deg,#a44e67,#d67d87);border-radius:4px}.mes-alarm-summary-value{text-align:right;font-variant-numeric:tabular-nums}.mes-alarm-summary-value>b{font-size:14px;font-weight:500}.mes-alarm-summary-value small{display:block;margin-top:4px;font-size:12px;color:#829eb1}.mes-source-dialog a{color:#a0dfef;text-decoration:underline}
@media(max-width:1320px){.mes-performance{grid-template-columns:repeat(4,1fr);gap:17px}.mes-run-ratio{grid-column:1/-1}.mes-performance strong{font-size:15px}}
@media(max-width:740px){.mes-performance{grid-template-columns:1fr 1fr;padding:14px}.mes-performance>div>span{font-size:12px}.mes-performance strong{font-size:14px}.mes-alarm-summary{padding:15px}.mes-alarm-summary [role=listitem]{grid-template-columns:1fr auto;gap:9px}.mes-alarm-summary-bar{grid-row:2;grid-column:1/-1;height:15px}.mes-alarm-summary-label{min-width:0}.mes-alarm-summary-value{font-size:12px}.mes-alarm-summary-value>b{font-size:13px}}
.mes-release-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap;border:1px solid #376a60;background:#14322c;padding:15px;border-radius:8px;margin-top:15px}.mes-release-form>label{font-size:14px;color:#b4d6ca;flex:1;min-width:180px}.mes-release-form input{display:block;width:100%;margin-top:6px}.mes-release-form button{font-size:14px}
@media(prefers-reduced-motion:reduce){.mes-workspace *{scroll-behavior:auto!important}}