html,body{min-width:0}
.production-order-workspace{min-width:0;min-height:100vh;background:#f4f6f5;color:var(--ink)}
.production-order-header{min-height:124px;display:flex;align-items:center;gap:24px;padding:18px 28px;border-bottom:1px solid var(--line);background:#fff}.production-order-title{min-width:510px}.production-order-title>a{display:inline-block;margin-bottom:8px;color:#657477;font-size:13px;text-decoration:none}.production-order-title>div{display:flex;align-items:center;gap:14px}.production-order-title h1{margin:0;font-size:30px;line-height:1.18;letter-spacing:-.4px}.production-order-title>div>span{padding:7px 12px;border:1px solid #9ec9cb;border-radius:20px;background:#f2f9f9;color:var(--teal);font-size:13px;font-weight:700}.production-order-title p{margin:7px 0 0;color:#687679;font-size:14px}.order-total-progress{min-width:210px;margin-left:auto}.order-total-progress small,.order-header-fact small{display:block;margin-bottom:7px;color:#687679;font-size:12px}.order-total-progress>div{display:flex;align-items:center;gap:13px}.order-total-progress b{color:var(--teal);font-size:28px}.order-total-progress span{width:120px;height:8px;overflow:hidden;border-radius:8px;background:#dfe5e5}.order-total-progress i{height:100%;display:block;border-radius:8px;background:var(--teal)}.order-header-fact{min-width:82px}.order-header-fact b{font-size:18px}.order-header-fact--risk b{color:#cc6d19}.production-order-actions .button{height:44px;font-size:13px;white-space:nowrap}
.production-order-tabs{height:62px;display:flex;align-items:stretch;padding:0 25px;border-bottom:1px solid var(--line);background:#fff}.production-order-tabs a,.production-order-tabs button{position:relative;display:flex;align-items:center;padding:0 19px;border:0;background:transparent;color:#566568;font-size:13px;text-decoration:none;cursor:pointer}.production-order-tabs .is-active{color:var(--teal);font-weight:800}.production-order-tabs .is-active:after{content:"";position:absolute;left:17px;right:17px;bottom:0;height:3px;background:var(--teal)}
.production-operation-grid{display:grid;grid-template-columns:minmax(820px,1fr) 430px;gap:14px;margin:16px 20px 28px}.operations-card,.operation-control{border:1px solid var(--line);border-radius:7px;background:#fff;box-shadow:0 3px 12px rgba(31,45,47,.035)}.operations-card{overflow:hidden}.operations-card>header{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid var(--line)}.operations-card h2,.operation-control h2{margin:0;font-size:20px}.operations-card>header p{margin:6px 0 0;color:#6a787b;font-size:13px}.operations-card>header .button{height:42px;font-size:13px;white-space:nowrap}
.operations-table-head,.operation-row{display:grid;grid-template-columns:minmax(260px,1.3fr) minmax(185px,.9fr) minmax(170px,.8fr) 125px;gap:12px;align-items:center}.operations-table-head{min-height:48px;padding:0 17px;color:#687679;font-size:12px}.operation-row{width:100%;min-height:82px;padding:11px 17px;border:0;border-top:1px solid var(--line);background:#fff;color:#344346;font-size:13px;text-align:left;cursor:pointer}.operation-row:hover{background:#f7fafa}.operation-row.is-selected{position:relative;background:#edf7f7;box-shadow:inset 4px 0 0 var(--teal)}.operation-name,.operation-owner{display:flex;align-items:center;gap:10px;min-width:0}.operation-name>i,.operation-owner>i{width:30px;height:30px;display:grid;flex:0 0 30px;place-items:center;border-radius:50%;font-style:normal;font-weight:700}.operation-name>i{border:1px solid #c6d0d1;color:#5e6d70;background:#fff}.operation-owner>i{background:#eef2f2;color:#526164}.operation-name span,.operation-owner span,.operation-time{min-width:0}.operation-row b,.operation-row small{display:block}.operation-row b{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.operation-row small{margin-top:5px;overflow:hidden;color:#738184;font-size:11px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.operation-row--complete .operation-name>i{border-color:#72b18d;background:#edf8f1;color:#258451}.operation-status{display:flex;align-items:center;gap:7px;padding:7px 9px;border-radius:5px;white-space:nowrap;background:#eef2f2;color:#5d6b6e}.operation-status>i{width:8px;height:8px;border-radius:50%;background:#a8b3b5}.operation-row--complete .operation-status{background:#edf8f1;color:#258451}.operation-row--complete .operation-status>i{background:#3c9964}.operation-row--active .operation-status{background:#e8f5f5;color:var(--teal)}.operation-row--active .operation-status>i{background:var(--teal)}.operation-row--risk .operation-status{background:#fff2e4;color:#cf6b16}.operation-row--risk .operation-status>i{background:#e89142}.operation-row--stopped .operation-status{background:#fff0ef;color:#d73f38}.operation-row--stopped .operation-status>i{background:#d73f38}.operation-row--qc .operation-status{background:#f4effb;color:#7453a2}.operation-row--qc .operation-status>i{background:#7453a2}
.operation-control{align-self:start;overflow:hidden}.operation-control>header{min-height:82px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}.operation-control>header span{display:block;margin-top:6px;color:#6b797c;font-size:12px}.operation-control>header span b{font-weight:700}.operation-control>header>strong{padding:7px 9px;border-radius:5px;background:#e8f5f5;color:var(--teal);font-size:12px;white-space:nowrap}.operation-control[data-state="complete"]>header>strong{background:#edf8f1;color:#258451}.operation-control[data-state="risk"]>header>strong{background:#fff2e4;color:#cf6b16}.operation-control[data-state="stopped"]>header>strong{background:#fff0ef;color:#d73f38}.operation-control[data-state="qc"]>header>strong{background:#f4effb;color:#7453a2}.operation-control-body{padding:16px 18px}.operation-field{display:block;margin-bottom:14px}.operation-field>span{display:block;margin-bottom:7px;color:#687679;font-size:12px}.operation-field select,.operation-field textarea{width:100%;padding:10px 11px;border:1px solid #cbd4d5;border-radius:5px;background:#fff;color:#344346;font-size:13px}.operation-field textarea{min-height:75px;resize:vertical}.operation-facts{display:grid;grid-template-columns:1fr 1fr;margin:0 0 14px;border:1px solid var(--line);border-radius:6px;overflow:hidden}.operation-facts>div{min-height:70px;padding:11px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.operation-facts>div:nth-child(even){border-right:0}.operation-facts>div:nth-last-child(-n+2){border-bottom:0}.operation-facts dt{color:#687679;font-size:11px}.operation-facts dd{margin:6px 0 0;font-size:13px;font-weight:700}.operation-readiness{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.operation-readiness span{padding:7px 8px;border-radius:5px;background:#edf8f1;color:#258451;font-size:11px}.operation-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.operation-actions .button{height:42px;font-size:12px}.operation-actions .button--primary{grid-column:1/-1}.operation-pause-panel{margin-top:14px;padding:14px;border-left:4px solid #d8751b;border-radius:4px;background:#fff3e7}.operation-pause-panel[hidden]{display:none}.operation-pause-panel h3,.operation-audit h3{margin:0 0 12px;font-size:15px}.operation-pause-panel>div{display:flex;justify-content:flex-end;gap:8px}.operation-pause-panel .button{height:39px;font-size:12px}.operation-stop-confirm{border:1px solid #e49a94;background:#fff0ef;color:#c83832}.operation-validation{margin:-5px 0 10px;color:#c83832;font-size:12px}.operation-validation[hidden]{display:none}.operation-audit{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.operation-audit p{display:flex;gap:10px;margin:10px 0;color:#637174;font-size:12px}.operation-audit p>i{width:26px;height:26px;display:grid;flex:0 0 26px;place-items:center;border-radius:50%;background:#edf3f3;color:var(--teal);font-style:normal}.operation-audit b,.operation-audit small{display:block}.operation-audit b{color:#344346;font-size:12px}.operation-audit small{margin-top:3px;line-height:1.35}
.production-order-toast{position:fixed;right:25px;bottom:25px;z-index:30;min-width:350px;max-width:480px;display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #9bbec0;border-radius:7px;background:#f3f9f9;box-shadow:0 12px 30px rgba(24,48,49,.18)}.production-order-toast>span{width:30px;height:30px;display:grid;flex:0 0 30px;place-items:center;border-radius:50%;background:#dceff0;color:var(--teal)}.production-order-toast b,.production-order-toast p{display:block;margin:0}.production-order-toast b{font-size:13px}.production-order-toast p{margin-top:4px;color:#637679;font-size:11px;line-height:1.4}.production-order-toast[hidden]{display:none}
.production-order-prototype-note{margin:12px 18px 0;padding:10px 12px;border-left:3px solid #d4914f;background:#fff7ec;color:#765633;font-size:11px;line-height:1.5}
@media(max-width:1600px){.production-order-header{padding:15px 20px;gap:17px}.production-order-title{min-width:440px}.production-order-title h1{font-size:26px}.order-total-progress{min-width:185px}.production-order-tabs{padding:0 15px}.production-order-tabs a,.production-order-tabs button{padding:0 14px}.production-operation-grid{grid-template-columns:minmax(760px,1fr) 390px;margin-left:14px;margin-right:14px}.operations-table-head,.operation-row{grid-template-columns:minmax(235px,1.25fr) minmax(165px,.85fr) minmax(150px,.75fr) 115px;gap:8px}.operation-row{padding-left:14px;padding-right:14px}.operation-row b{font-size:13px}}
/* Static pilot: use the available workspace width, including a narrow phone. */
.production-order-workspace{min-width:0;width:auto}
.production-order-header{flex-wrap:wrap}
.production-order-title{min-width:0;flex:1 1 400px}
.production-order-title>div{flex-wrap:wrap}
.production-order-title h1,.production-order-title p{overflow-wrap:anywhere}
.production-order-tabs{height:auto;min-height:62px;flex-wrap:wrap}
.production-order-tabs a,.production-order-tabs button{min-height:48px}
.production-operation-grid{grid-template-columns:minmax(0,1fr) 360px}
.operations-table-head,.operation-row{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr) minmax(0,.8fr) minmax(0,.7fr)}
.operation-status{white-space:normal;overflow-wrap:anywhere}
.operation-control,.operations-card{min-width:0}
.operation-control>header{flex-wrap:wrap}
.operation-facts>div{min-width:0;display:block}
.operation-facts dd{overflow-wrap:anywhere}
.operation-pause-panel>div{flex-wrap:wrap}
.operation-field select{min-width:0}
.operation-readiness [data-operation-field="prerequisite"]{background:#eef2f2;color:#566568}
.production-order-workspace button:focus-visible,.production-order-workspace a:focus-visible{outline:3px solid var(--teal);outline-offset:2px}
@media(max-width:1280px){.production-operation-grid{grid-template-columns:minmax(0,1fr)}.order-total-progress{margin-left:0}.operation-control{width:100%}}
@media(max-width:780px){
 .production-order-header{padding:16px;gap:14px}.production-order-title{flex-basis:100%}
 .production-order-title h1{font-size:23px}.production-order-title p{font-size:12px}
 .production-order-tabs{padding:0 8px}
 .production-operation-grid{margin:12px;gap:12px}
 .operations-card>header{flex-wrap:wrap}
 .operations-table-head{display:none}
 .operation-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:14px}
 .operation-name{grid-column:1/-1}
 .operation-row b,.operation-row small{white-space:normal;overflow-wrap:anywhere;text-overflow:clip}
 .operation-status{grid-column:1/-1;width:max-content;max-width:100%}
 .operation-actions{grid-template-columns:minmax(0,1fr)}
 .operation-actions .button{height:auto;min-height:44px;white-space:normal}
 .operation-control-body{padding:14px}
 .production-order-toast{left:12px;right:12px;bottom:12px;min-width:0;max-width:none}
 .production-order-prototype-note{margin:12px 12px 0}
}