.ops-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px}.ops-layout aside{background:#152a2f;border:1px solid #365058;border-radius:14px;padding:24px;align-self:start}.ops-layout p{line-height:1.65;color:#c0ccc3}.ops-layout h2{font-size:27px;line-height:1.2}.ops-layout h3{line-height:1.35}.ops-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.ops-card{border:1px solid #39535a;background:linear-gradient(140deg,#213c40,#182e34);border-radius:14px;padding:22px;margin-bottom:18px}.ops-card.selected{border-color:#cbd985}.ops-card h3{margin:8px 0 12px}.ops-card .symbol{font-size:30px;color:#d8df9c}.ops-metrics{display:flex;gap:14px;flex-wrap:wrap;margin:18px 0}.ops-metric{flex:1;min-width:130px;padding:20px;background:#264349;border-radius:12px}.ops-metric strong{display:block;font-size:30px;color:#e6edbc;line-height:1.5}.ops-metric small{display:block;color:#b9cbc1}.ops-progress{height:7px;background:#12272d;border-radius:8px;overflow:hidden;margin:15px 0}.ops-progress span{height:100%;display:block;background:#ccd892}.ops-links{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}.ops-links a,.ops-button,.ops-layout button{font:inherit;border:1px solid #668078;border-radius:7px;background:#355647;color:#eef2d5;padding:10px 13px;text-decoration:none;cursor:pointer}.ops-layout button:hover,.ops-links a:hover{background:#436951}.ops-layout button:disabled{opacity:.5;cursor:wait}.ops-layout label{display:block;font-size:13px;color:#d2decf;line-height:1.5;margin:15px 0 7px}.ops-layout input,.ops-layout select,.ops-layout textarea{display:block;box-sizing:border-box;width:100%;padding:11px;border-radius:7px;border:1px solid #5a716d;background:#132c32;color:#edf0df;font:inherit}.ops-layout textarea{min-height:110px;resize:vertical}.ops-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.ops-note{font-size:13px;border-left:3px solid #90b3a2;padding:12px 15px;background:#142c30}.ops-error{color:#ffcbb2!important;border-left-color:#e89770}.ops-step{border-left:2px solid #688d77;margin:20px 0;padding:2px 0 2px 18px}.ops-flow{display:flex;gap:7px;align-items:stretch;flex-wrap:wrap;margin:20px 0}.ops-flow span{flex:1;min-width:85px;text-align:center;background:#34544c;border:1px solid #688778;padding:16px 10px;border-radius:8px;font-size:13px}.ops-flow b{align-self:center;color:#cbd890}.ops-table{width:100%;border-collapse:collapse;font-size:13px;margin:18px 0}.ops-table th,.ops-table td{text-align:left;vertical-align:top;border-bottom:1px solid #385459;padding:14px 12px;line-height:1.6}.ops-table th{color:#dce6b6}.ops-scroll{overflow-x:auto}.ops-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}.ops-list li{background:#294b43;border:1px solid #496658;border-radius:20px;padding:7px 12px;font-size:13px}.ops-journal{border-top:1px solid #4c6769;padding-top:15px;margin-top:15px}.ops-journal small{display:block;color:#94ada9;overflow-wrap:anywhere}.ops-source{border-top:1px solid #3e575a;padding-top:16px;margin-top:16px;font-size:13px}.ops-source a{color:#d4e3a4}.ops-source p{font-size:12px}.ops-sightline{width:100%;height:auto;background:#10272e;border:1px solid #4a6464;border-radius:12px}.ops-town-canvas{width:100%;height:410px;display:block;border:1px solid #58746c;border-radius:12px}.ops-layout details{margin-top:15px}.ops-layout summary{cursor:pointer;color:#d9e5b9}#ops-status{min-height:24px;color:#d8e2af}.ops-layout :focus-visible{outline:3px solid #e1d28b;outline-offset:3px}.ops-layout code{overflow-wrap:anywhere} @media(max-width:1050px){.ops-layout{grid-template-columns:1fr}.ops-layout aside{position:static}}@media(max-width:620px){.ops-grid,.ops-fields{grid-template-columns:1fr}.ops-card{padding:17px}.ops-table{min-width:600px}.ops-town-canvas{height:300px}}
.town-credit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.town-credit-grid article{border:1px solid #749cca40;border-radius:8px;padding:16px;background:#13253b}.town-credit-grid p{font-size:13px;margin:8px 0}.town-credit-grid a{display:block;font-size:11px;margin-top:8px}.town-credit-grid strong{color:#c1edff}.ops-layout #town-wall-separation{padding:10px 0;background:transparent;border:0}.ops-layout #town-separation-value{float:right;color:#b4eaff;font-family:Consolas,monospace}@media(max-width:620px){.town-credit-grid{grid-template-columns:1fr}}
.art-step-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:22px 0 14px}.art-step-picker button{text-align:left;line-height:1.4;font-size:13px}.art-step-picker small{display:block;font:10px Consolas,monospace;color:#afdff0;margin-bottom:8px}.art-stage-drawing{overflow:hidden;border-radius:9px;border:1px solid #8fbeda80;margin-bottom:22px}.art-stage-drawing svg{width:100%;height:auto;display:block}.pen-canvas{display:block;height:420px;max-height:65vh;width:100%}.pen-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0}.pen-controls label{margin:0;flex:1;min-width:150px}.pen-controls select{margin-top:5px}.ops-layout #pen-progress{padding:8px 0;background:transparent;border:0}#pen-position{font-size:23px}#pen-status{font-size:13px;color:#b9d9ef}@media(max-width:620px){.art-step-picker{grid-template-columns:1fr 1fr}.pen-canvas{height:320px}.pen-controls>button{flex:1}}
.power-edit-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin:22px 0}.power-edit-grid>section{min-width:0}.power-edit-grid h4{font-size:18px;margin:0 0 16px}.power-chart-scroll{max-height:430px;overflow:auto;border:1px solid #86b8e333;border-radius:10px;background:#091325;margin-top:20px}.power-day-chart{display:block;width:100%;min-width:660px}.power-demand-chart{display:block;width:100%;border:1px solid #86b8e333;border-radius:10px;background:#091325}.power-legend{font-size:11px;color:#a6bbd5;display:flex;gap:14px;flex-wrap:wrap}.power-legend span:nth-child(1){color:#68d6e8}.power-legend span:nth-child(2){color:#ae9be6}.power-legend span:nth-child(3){color:#edc691}.power-save-note{font-size:12px;color:#a4bad3}.power-unknown-note{border-color:#edc691!important}.power-planner>h3{font-size:27px}.power-planner .ops-metric strong{font-size:25px}.power-planner details{margin:15px 0}.power-edit-grid textarea{min-height:110px}@media(max-width:1050px){.power-edit-grid{grid-template-columns:1fr}.power-planner .ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.power-planner .ops-metrics{grid-template-columns:1fr}.power-demand-chart{min-height:145px}.power-legend{gap:8px}}

/* MG-001: keep geometry and energy flow readable at every workbench width. */
/* Seasonal planning keeps each resource's units and unknown months separate. */
.provision-workbench h4{font-size:21px;margin:24px 0 12px}.provision-workbench details{margin:20px 0}.provision-workbench #provision-status{font-size:13px;color:#b9d9ef}.provision-site-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.provision-site-fields textarea{min-height:92px}.provision-matrix-scroll,.provision-month-table-scroll{overflow:auto;max-height:620px;border:1px solid #86b8e344;border-radius:10px;margin:22px 0}.provision-matrix{border-collapse:collapse;min-width:930px;width:100%;font-size:11px}.provision-matrix caption,.provision-month-table caption{padding:16px;text-align:left;color:#bfdaea}.provision-matrix th,.provision-matrix td{padding:6px;border:1px solid #7191aa22;text-align:center}.provision-matrix th:first-child{position:sticky;left:0;background:#0c1d30;min-width:170px;max-width:210px;text-align:left;z-index:1}.provision-matrix th button{width:100%;text-align:left;overflow-wrap:anywhere}.provision-matrix small{display:block;color:#b4c5d9;margin-top:6px}.provision-matrix td button{border:0!important;border-radius:4px;padding:12px 4px;width:100%;background:transparent!important;font-size:11px;color:inherit!important}.provision-matrix .provision-nonnegative{background:#16465b;color:#adf1ff}.provision-matrix .provision-deficit{background:#582b43;color:#ffccd3}.provision-matrix .provision-unknown{background:repeating-linear-gradient(135deg,#253144,#253144 5px,#303b4d 5px,#303b4d 7px);color:#f1dca4}.provision-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:12px!important}.provision-legend span:nth-child(1){color:#adf1ff}.provision-legend span:nth-child(2){color:#ffb0c0}.provision-legend span:nth-child(3){color:#f1dca4}.provision-chart{display:block;width:100%;height:auto;background:#0b1728;border:1px solid #86b8e344;border-radius:10px;margin:24px 0}.provision-month-table{border-collapse:collapse;width:100%;min-width:600px;font-size:12px}.provision-month-table th,.provision-month-table td{padding:9px;border-bottom:1px solid #749cca30;text-align:left}.provision-month-table input{min-width:80px;max-width:135px;margin:0!important}.provision-month-table button{font-size:11px}.provision-workbench #provision-resource-editor{scroll-margin-top:180px}.provision-workbench #provision-quantity-source{border:1px solid #779bb74d;border-radius:9px;padding:18px}.provision-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.provision-comparison article{padding:18px;border:1px solid #7d9ec53d;border-radius:10px;background:#132638}.provision-comparison article p{font-size:12px}.provision-workbench .ops-metric strong{font-size:23px}@media(max-width:680px){.provision-site-fields{grid-template-columns:1fr}.provision-workbench .ops-metric strong{font-size:20px}}
.motor-canvas{display:block;width:100%;height:480px;max-height:65vh;min-height:300px;touch-action:none;border:1px solid #86b8e355;border-radius:12px;background:#091325}
.pixel-workbench>section{margin-top:30px;scroll-margin-top:150px}.pixel-workbench h4{font-size:22px;margin:24px 0 12px}.pixel-workbench h5{font-size:14px;color:#bce9ff;margin:18px 0 6px}.pixel-workbench details{margin:18px 0;border:1px solid #7b9ec03b;border-radius:9px;padding:15px}.pixel-workbench summary{cursor:pointer;color:#c5e9fa;line-height:1.5}.pixel-diagram{display:block;width:100%;height:auto;background:#0a192c;border:1px solid #86b8e344;border-radius:10px;margin:22px 0}.pixel-workbench .ops-metric strong{font-size:23px}.pixel-workbench .ops-metric{min-width:145px}.pixel-workbench .pixel-citations{font-size:12px}.pixel-history{border-left:2px solid #a79bd1;padding:5px 22px;background:#1b2541}.pixel-workbench #pixel-separation{padding:10px 0;background:transparent;border:0}#pixel-separation-value{display:block;text-align:right;color:#b4eaff;font-family:Consolas,monospace}#pixel-scene-status,#pixel-action-status{font-size:13px;color:#b9d9ef}.pixel-workbench .ops-fields{align-items:start}.pixel-workbench a{overflow-wrap:anywhere}@media(max-width:620px){.pixel-workbench{padding:15px}.pixel-workbench .ops-fields{grid-template-columns:1fr}.pixel-diagram{min-height:160px}.pixel-workbench .ops-metric strong{font-size:20px}}
.motor-flow{display:block;width:100%;height:auto;margin:24px 0 10px;border:1px solid #86b8e333;border-radius:10px;background:#091325}
.motor-part-card{margin:20px 0;padding:20px;border:1px solid #86b8e344;border-radius:10px;background:#12243a}
.motor-part-card h4{font-size:22px;margin:10px 0}.motor-part-card h5{font-size:14px;color:#bce9ff;margin:15px 0 8px}
.ops-layout #motor-separation{padding:10px 0;background:transparent;border:0}#motor-separation-value{display:block;text-align:right;color:#b4eaff;font-family:Consolas,monospace}
#motor-scene-status,#motor-action-status{font-size:13px;color:#b9d9ef}#motor-workbench>.ops-metrics strong{font-size:25px}
@media(max-width:620px){.motor-canvas{height:340px}.motor-part-card{padding:15px}.motor-flow{min-height:150px}}

.recovery-edit-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:25px;margin:28px 0}.recovery-edit-grid>section{min-width:0}.recovery-edit-grid h4{font-size:20px;margin:10px 0 16px}.recovery-diagram-scroll{max-height:440px;overflow:auto;border:1px solid #86b8e344;background:#091325;border-radius:12px;margin:24px 0}.recovery-stream-diagram{display:block;width:100%;min-width:690px}.recovery-stream-list{display:grid;gap:8px;max-height:330px;overflow:auto}.recovery-stream-list button{text-align:left;overflow-wrap:anywhere}.recovery-stream-list small{display:block;color:#a9c4dc;font-size:11px;margin-top:7px}.recovery-unresolved{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.recovery-unresolved button{border-color:#bb985970!important;text-align:left}.recovery-workbench .ops-metric strong{font-size:25px}.recovery-workbench .ops-metric small{line-height:1.5}.recovery-workbench #recovery-study-status{font-size:13px;color:#b9d9ef}.recovery-workbench .ops-metric{min-width:150px}@media(max-width:1050px){.recovery-edit-grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.recovery-edit-grid{grid-template-columns:1fr}}

.material-lineage-scroll{overflow:auto;max-height:510px;border:1px solid #86b8e344;border-radius:10px;background:#091325;margin:22px 0}.material-lineage-svg{display:block;width:100%;height:auto}.material-lineage-svg [role=button]{cursor:pointer}.material-lineage-svg [role=button]:focus-visible rect{stroke:#fff;stroke-width:3}.material-process-result{border-left:2px solid #8e85c6;padding:10px 15px;margin:13px 0;background:#152337}.material-process-result p{font-size:12px}.material-workbench h4{font-size:21px;margin:28px 0 15px}.material-version-history{display:grid;gap:12px;max-height:480px;overflow:auto}.material-version-history article{padding:17px;border:1px solid #749cca40;border-radius:8px;background:#122337}.material-version-history small{display:block;color:#9fb7d6}.material-version-history button{margin-top:12px}.material-workbench .material-input-choice{display:flex;align-items:center;gap:12px}.material-workbench .material-input-choice input{width:18px;height:18px;flex-shrink:0}.material-workbench #material-process-builder{border:1px solid #7b9ac34d;border-radius:9px;padding:18px;margin:22px 0}.material-workbench #material-status{font-size:13px;color:#b9d9ef}.material-workbench #material-lot-editor{background:#13283c;border:1px solid #749cca40;border-radius:9px;padding:20px}

.pixel-workbench .pixel-experiment{scroll-margin-top:130px}

#optical-workbench .ops-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#optical-workbench .ops-metric{min-width:0}#optical-workbench .ops-metric strong{font-size:27px}#optical-workbench .ops-metric small{line-height:1.5}#optical-workbench .ops-table{overflow:auto;min-width:0}#optical-workbench .ops-table table{min-width:530px}@media(max-width:620px){#optical-workbench .ops-metrics{grid-template-columns:1fr}}