.operator-tablet .operator-controls button{min-height:48px;touch-action:manipulation}.operator-tablet .operator-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.operator-tablet .operator-job h3{line-height:1.4}.operator-tablet .page-actions button{min-height:48px}
@media(pointer:coarse){.workspace-sidebar nav button,.workspace-sidebar summary{min-height:44px}.k3-close{width:44px;height:44px}.editor-form input,.editor-form select,.editor-form button{min-height:44px}.editor-form input,.editor-form select,.editor-form textarea{font-size:16px}.workspace-header{padding-top:max(12px,env(safe-area-inset-top))}.k3-stop-form select,.k3-stop-form textarea{font-size:16px}.k3-test-actions button{min-height:44px}}
@media(min-width:800px) and (max-width:1200px){.operator-tablet .operator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.operator-tablet .operator-grid{grid-template-columns:1fr}.operator-tablet .page-lead{align-items:stretch;flex-direction:column}.operator-tablet .page-actions button{width:100%}.operator-tablet .operator-controls button{font-size:14px;padding:10px}}
.operator-console{background:linear-gradient(125deg,#142d34,#142028 66%,#182b31);border:1px solid #355057;border-radius:22px;padding:24px;margin-bottom:26px;box-shadow:0 14px 38px #07101540;color:#edf5f3}.operator-console-top{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px}.operator-console-top>div:first-child{margin-right:auto}.operator-console-top h2{margin:0;font-size:28px;letter-spacing:-.7px}.operator-console-top p{margin:6px 0 0;color:#aabec2;font-size:15px}.operator-machine-selector{display:flex;gap:6px}.operator-machine-selector button{min-width:50px;min-height:46px;border:1px solid #45606a;border-radius:12px;background:#203740;color:#c8d9db;font-weight:700}.operator-machine-selector button[aria-pressed=true]{background:#b6e4d2;color:#152b28;border-color:#b6e4d2}.operator-machine-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.operator-eyebrow{display:block;color:#a4bfc4;font-size:12px;letter-spacing:.7px;margin-bottom:7px}.operator-machine-head h3{margin:0;font-size:36px;letter-spacing:-1px}.operator-machine-head h3 small{font-size:15px;font-weight:500;color:#b6c8ca;letter-spacing:0;margin-left:12px}.operator-state{display:flex;align-items:center;gap:8px;font-weight:700;background:#273c44;border:1px solid #4b656c;border-radius:30px;padding:10px 16px;white-space:nowrap}.operator-state i{width:8px;height:8px;border-radius:50%;background:#91a9b2}.operator-state[data-state=run]{border-color:#4b9279;color:#b6e4d2}.operator-state[data-state=run] i{background:#95dcb6;box-shadow:0 0 14px #95dcb670}.operator-state[data-state=alarm],.operator-state[data-state=stop]{color:#ffb9ba;border-color:#a9535f}.operator-state[data-state=alarm] i,.operator-state[data-state=stop] i{background:#f87985}.operator-state[data-state=hold]{color:#f3d5a2;border-color:#a78a58}.operator-source-line{display:flex;justify-content:space-between;gap:10px;color:#9fb6ba;font-size:12px;margin:12px 0 20px;flex-wrap:wrap}.operator-machine-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(180px,1.5fr);background:#ffffff05;border:1px solid #40545e;border-radius:16px;padding:17px 8px}.operator-machine-metrics>div{padding:0 16px;border-right:1px solid #40545e}.operator-machine-metrics>div:last-child{border:0}.operator-machine-metrics span{display:block;color:#b4c8cb;font-size:13px;margin-bottom:10px}.operator-machine-metrics b{display:block;font-size:32px;line-height:1.1;letter-spacing:-.6px;font-variant-numeric:tabular-nums}.operator-machine-metrics small{font-size:12px;color:#97adb5;font-weight:500;letter-spacing:0}.operator-machine-metrics .operator-duration{font-size:21px;line-height:1.5;letter-spacing:0}.operator-machine-progress{margin-top:20px}.operator-machine-progress>div{display:flex;justify-content:space-between;font-size:13px;color:#afc5c7}.operator-machine-progress b{color:#bbe6d5}.operator-machine-progress progress{width:100%;height:8px;margin:8px 0 0;border-radius:10px;overflow:hidden;accent-color:#9ed5bf}.operator-machine-progress progress::-webkit-progress-bar{background:#344851}.operator-machine-progress progress::-webkit-progress-value{background:#a9dbc7}.operator-loads{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:22px 0}.operator-loads>div{display:grid;grid-template-columns:1fr auto;gap:8px}.operator-loads span{font-size:12px;color:#a5bfc4}.operator-loads b{font-size:17px;font-variant-numeric:tabular-nums}.operator-load-track{grid-column:1/-1;background:#344952;height:5px;border-radius:4px;overflow:hidden}.operator-load-track i{display:block;height:100%;background:#8fbfc6;transition:width .3s}.operator-load-track i.high{background:#e6bb7a}.operator-valves{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:17px}.operator-valves>span{font-size:12px;color:#9db8bf;margin-right:auto}.operator-valves>b{border:1px solid #40555e;border-radius:8px;padding:7px 10px;font-size:12px;color:#bacacf;min-width:64px}.operator-valves small{margin-left:6px;font-size:11px;font-weight:500}.operator-valves>b[data-on=true]{border-color:#658e90;color:#c0eded;background:#2b474c}.operator-alarm-strip{width:100%;border:1px solid #3a575d;border-radius:12px;padding:14px 16px;display:flex;justify-content:space-between;gap:10px;background:#1c333b;text-align:left;color:#b1d3d2;min-height:52px;line-height:1.4}.operator-alarm-strip>span{font-size:13px;white-space:nowrap}.operator-alarm-strip>b{font-size:13px;font-weight:600}.operator-alarm-strip[data-state=alarm]{background:#522a35;border-color:#ae596a;color:#ffd0d4}.operator-provenance{margin:13px 0 0;color:#9db5bb;font-size:12px;line-height:1.65}.operator-provenance summary{cursor:pointer;min-height:30px}.operator-provenance p{margin:5px 0}.operator-console-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:15px;border-top:1px solid #38515a;padding-top:17px}.operator-console-actions button{min-height:46px}.operator-console-actions>span{color:#c8b997;font-size:12px;margin-left:auto}.tablet-setup{padding:5px 24px 24px}.tablet-network-status{display:flex;flex-direction:column;gap:8px;background:#362f27;border:1px solid #77674b;border-radius:14px;padding:16px;color:#e7d5b2}.tablet-network-status span{font-size:13px;overflow-wrap:anywhere}.tablet-network-status[data-ready=true]{background:#243d33;border-color:#618675;color:#c1e4d5}.tablet-setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.tablet-setup-grid section{padding:15px 18px;background:#192b34;border:1px solid #344c59;border-radius:14px}.tablet-setup-grid h3{font-size:18px;margin:0 0 12px}.tablet-setup-grid p{font-size:14px;line-height:1.7;color:#b9cbd0;margin:8px 0}.tablet-setup-footer{font-size:12px;color:#93a9b3;line-height:1.6}
@media(max-width:1000px){.operator-machine-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.operator-machine-metrics>div:last-child{grid-column:1/-1;border-top:1px solid #40545e;padding-top:15px;margin-top:15px}.operator-machine-metrics>div:nth-child(3){border-right:0}.operator-console-actions>span{margin-left:0}}
@media(max-width:600px){.operator-console{padding:18px;border-radius:18px}.operator-console-top{gap:12px;margin-bottom:18px}.operator-console-top h2{font-size:25px}.operator-machine-head{align-items:flex-start}.operator-machine-head h3{font-size:31px}.operator-machine-head h3 small{display:block;margin:6px 0 0;font-size:12px}.operator-state{font-size:12px;padding:8px 10px}.operator-machine-metrics>div{padding:0 10px}.operator-machine-metrics b{font-size:27px}.operator-machine-metrics span{font-size:11px}.operator-machine-metrics small{display:block;margin-top:5px}.operator-loads{grid-template-columns:repeat(2,minmax(0,1fr))}.operator-alarm-strip{flex-direction:column}.operator-console-actions button{flex:1}.operator-console-actions>span{width:100%;margin-top:5px}.tablet-setup-grid{grid-template-columns:1fr}.tablet-setup{padding:5px 16px 20px}}
@media(prefers-reduced-motion:reduce){.operator-load-track i{transition:none}}
.operator-alarm-strip small{display:block;margin-top:5px;font-size:11px;font-weight:500;color:inherit;opacity:.9}
.machine-access-editor{border:1px solid #3b5868;border-radius:14px;padding:18px;margin:12px 0 24px;background:#142b35}
.machine-access-editor>label{display:grid;gap:9px;font-size:14px;color:#cee3e8}
.machine-scope-options{border:0;padding:16px 0 4px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.machine-scope-options[hidden],.permission-tree[hidden],.permission-header[hidden]{display:none!important}
.machine-scope-options legend{font-size:13px;color:#a9c4ce;padding-top:14px}
.machine-scope-options label{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 6px;border:1px solid #385766;border-radius:9px;min-height:44px}
.machine-scope-options label:has(input:checked){background:#264f4b;border-color:#80b9a4;color:#d7f4e6}
.machine-scoped .operator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.machine-scoped .operator-job h2{font-size:26px}.machine-scoped .operator-job h3{font-size:19px}
.machine-scoped .operator-controls button{font-size:15px}
@media(max-width:900px){.machine-scoped .operator-grid{grid-template-columns:1fr}}
@media(max-width:600px){.machine-scope-options{grid-template-columns:repeat(4,minmax(0,1fr))}.machine-access-editor{padding:14px}}
.operator-deep{border:1px solid #6fa99d25;border-radius:10px;margin:14px 0;background:#0b1c241f}.operator-deep>summary{padding:14px 16px;font-size:12px;color:#acd6c9;cursor:pointer;min-height:44px}.operator-deep[open]{padding-bottom:8px}.operator-deep .operator-loads,.operator-deep .operator-valves{margin-left:16px;margin-right:16px}.operator-machine-head h3{font-size:29px}.operator-machine-metrics b{font-size:29px}.operator-console-top h2{font-size:25px}.operator-console{margin-top:0}.operator-console-actions{flex-wrap:wrap}.operator-console-actions>span{font-size:10px}.operator-grid .operator-job{border-radius:15px}.operator-job .operator-controls{gap:10px}.operator-job .operator-controls button{min-height:48px}
@media(min-width:800px) and (max-height:820px){.operator-console{padding:20px}.operator-console-top{margin-bottom:14px}.operator-source-line{margin-bottom:14px}.operator-machine-metrics{padding-top:14px;padding-bottom:14px}.operator-machine-progress{margin-top:14px}.operator-loads{margin-top:16px;margin-bottom:16px}.operator-valves{margin-bottom:12px}.operator-console-actions{margin-top:10px;padding-top:12px}}