.operator-login-view,.operation-view{width:100%;min-height:100%;padding:clamp(22px,4vw,52px)}.machine-banner{display:flex;align-items:stretch;gap:0;border:1px solid var(--line);background:var(--paper-bright);margin-bottom:clamp(26px,5vw,52px)}.machine-banner>.machine-code{display:grid;place-items:center;min-width:118px;padding:18px;background:var(--ink);color:var(--safety);font:700 1.25rem/1 var(--display);letter-spacing:.08em}.machine-banner>div{display:flex;flex-direction:column;justify-content:center;padding:12px 20px}.machine-banner small,.operator-chip small{font-size:.66rem;letter-spacing:.16em;color:var(--muted);font-weight:800}.machine-banner strong{font:700 clamp(1.1rem,2.4vw,1.55rem)/1.2 var(--display)}.login-layout{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(320px,1fr);gap:clamp(30px,7vw,90px);align-items:end}.operator-login-form{display:grid;gap:12px}.operator-login-form input{font-size:clamp(1.25rem,3vw,1.7rem);letter-spacing:.08em}.operator-login-form #operator-pin{font-size:2rem;letter-spacing:.3em}.operation-view{display:flex;flex-direction:column}.operation-header{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:stretch}.compact-banner{margin:0}.operator-chip{min-width:220px;padding:14px 20px;border:1px solid var(--line);background:var(--paper-bright);display:grid;align-content:center}.operator-chip strong{font-size:1rem}.operator-chip span{font-size:.78rem;color:var(--muted)}.state-strip{display:flex;align-items:center;gap:12px;margin:20px 0;padding:15px 20px;background:#dde8e2;color:var(--success);font-size:.78rem;letter-spacing:.1em}.state-strip>span:last-child{margin-left:auto;color:var(--ink);letter-spacing:0;font-size:.9rem}.state-strip.paused{background:#f5e5bd;color:#8b6208}.state-strip.running{background:#d8ebe2}.start-production{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,7vw,80px);align-items:end;padding:clamp(28px,6vw,70px) 0}.start-production h1{margin:.1em 0;font:700 clamp(2.4rem,6vw,5rem)/.95 var(--display)}.start-production p{max-width:480px;color:var(--muted)}#start-form{display:grid;gap:14px}#part-number{font:700 clamp(1.5rem,4vw,2.4rem)/1 var(--display);text-transform:uppercase}.production-button{min-height:82px;border:0;padding:20px 26px;display:flex;align-items:center;justify-content:space-between;font:800 clamp(1rem,2.4vw,1.35rem)/1 var(--body);cursor:pointer;text-align:left}.production-button span{font-size:1.45em}.production-button.start,.production-button.resume{background:var(--success);color:white}.production-button.pause{background:var(--safety);color:var(--ink)}.production-button.finish{background:#d9d9d3;color:#6b2c25;border:1px solid #b8b9b3}.production-button:disabled{opacity:.45;cursor:wait}.active-production{display:flex;flex:1;flex-direction:column;justify-content:center}.time-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:var(--line);gap:1px}.time-grid article{padding:clamp(18px,4vw,38px);background:var(--paper-bright)}.time-grid small{display:block;margin-bottom:10px;font-size:.68rem;letter-spacing:.14em;color:var(--muted);font-weight:800}.time-grid strong{font:700 clamp(1.7rem,4vw,3rem)/1 var(--display);font-variant-numeric:tabular-nums}.production-actions{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-top:18px}.operation-message{min-height:24px;color:var(--success);font-weight:700}.operator-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.operator-actions button{border:0;background:transparent;color:var(--muted);text-decoration:underline;padding:10px;cursor:pointer}dialog{width:min(560px,calc(100% - 28px));padding:0;border:0;background:transparent}dialog::backdrop{background:#08110fd6;backdrop-filter:blur(4px)}.machine-dialog{padding:clamp(28px,6vw,52px);background:var(--paper-bright);border-top:8px solid var(--safety)}.machine-dialog h2{font:700 clamp(1.8rem,5vw,3rem)/1 var(--display);margin:.3em 0}.machine-dialog>p{color:var(--muted);line-height:1.5}.machine-dialog select{width:100%;margin:8px 0 24px;padding:16px;border:1px solid var(--line);background:white;font:inherit}.machine-dialog>div{display:grid;grid-template-columns:1fr 1.6fr;gap:12px}.machine-dialog button{min-height:58px;border:1px solid var(--line);background:#eee;color:var(--ink);font-weight:800}.machine-dialog .confirm-pause{background:var(--safety);border-color:var(--safety)}.machine-dialog .confirm-finish{background:#8b332b;border-color:#8b332b;color:white}@media(max-width:760px){.operator-login-view,.operation-view{padding:18px}.login-layout,.start-production{grid-template-columns:1fr}.operation-header{grid-template-columns:1fr}.operator-chip{min-width:0}.machine-banner>.machine-code{min-width:90px}.time-grid{grid-template-columns:1fr}.time-grid article{display:flex;align-items:center;justify-content:space-between;padding:16px 18px}.time-grid small{margin:0}.production-actions{grid-template-columns:1fr}.production-button{min-height:72px}.state-strip{align-items:flex-start;flex-wrap:wrap}.state-strip>span:last-child{width:100%;margin-left:24px}.operator-actions{justify-content:center}}@media(orientation:landscape) and (max-height:700px){.operator-login-view,.operation-view{padding:16px 28px}.machine-banner{margin-bottom:18px}.start-production{padding:20px 0}.time-grid article{padding:18px}.production-button{min-height:64px}.operator-actions{margin-top:4px}}