.environment-switch button:disabled{opacity:.42;cursor:not-allowed}
.mop-dialog{width:min(940px,96vw);padding:0;border:0;background:transparent;color:var(--text)}
.mop-dialog::backdrop{background:#111820e8;backdrop-filter:blur(5px)}
.mop-panel{aspect-ratio:1.6;border:8px solid #52595C;border-radius:20px;background:#17212a;box-shadow:0 30px 90px #000;overflow:hidden;display:flex;flex-direction:column}
.mop-panel>header{height:76px;min-height:76px;padding:12px 16px;border-bottom:1px solid #8392A5;align-items:flex-start}
.mop-panel>header small{display:block;color:#B1BBC8;font-size:.48rem;letter-spacing:.13em}
.mop-panel>header strong{display:block;margin-top:3px;font-size:1rem}
.mop-panel>header p{margin:3px 0 0;color:#B1BBC8;font-size:.53rem}
.mop-panel>header button{margin-left:auto;border:1px solid #B1BBC8;background:transparent;color:#EEF1F3;padding:6px 10px;cursor:pointer}
.mop-status{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#4A5B70;border-bottom:1px solid #8392A5}
.mop-status div{background:#202b35;padding:7px 13px}.mop-status small{display:block;color:#9BA0A2;font-size:.42rem;letter-spacing:.1em}.mop-status strong{display:block;margin-top:2px;font-size:.58rem;color:#EEF1F3}.mop-status strong.strained{color:#E2736B}.mop-status strong.valid{color:#B1BBC8}.mop-status strong.outside{color:#EEA9A3}
.mop-main{display:grid;grid-template-columns:1.25fr .9fr .95fr;gap:7px;padding:8px 10px 7px}
.mop-card{border:1px solid #4A5B70;background:#202b35;padding:9px 10px;min-height:220px}.mop-card>header{height:auto;border:0;display:grid;grid-template-columns:1fr;align-items:start;gap:2px}.mop-card header small{color:#B1BBC8;font-size:.42rem;letter-spacing:.11em}.mop-card header strong{display:block;font-size:.64rem;margin-top:2px}.workflow-card>header{grid-template-columns:1fr auto}.workflow-card header small,.workflow-card header strong{grid-column:1}.workflow-card header span{grid-column:2;grid-row:1/3;font-family:ui-monospace,monospace;font-size:.62rem}.progress{height:3px;background:#52595C;margin:7px 0 8px}.progress i{display:block;height:100%;width:58%;background:#8392A5}.workflow-card dl{margin:0}.workflow-card dl div{display:grid;grid-template-columns:78px 1fr;gap:7px;padding:4px 0;border-top:1px solid #4A5B70}.workflow-card dt{color:#9BA0A2;font-size:.4rem;letter-spacing:.08em}.workflow-card dd{margin:0;color:#EEF1F3;font-size:.49rem;line-height:1.3}.workflow-actions{display:flex;gap:4px;margin-top:7px}.mop-panel button{font-family:inherit}.workflow-actions button,.interaction button{border:1px solid #8392A5;background:#17212a;color:#EEF1F3;padding:5px 7px;font-size:.43rem;cursor:pointer}.workflow-actions button:hover,.interaction button:hover{border-color:#E2736B}
.manpower-card table{width:100%;border-collapse:collapse;margin-top:7px}.manpower-card th,.manpower-card td{padding:5px 3px;border-top:1px solid #4A5B70;font-size:.47rem;text-align:right}.manpower-card th:first-child,.manpower-card td:first-child{text-align:left}.manpower-card th{color:#9BA0A2;font-weight:500}.manpower-card td{color:#EEF1F3}.manpower-card td.gap{color:#E2736B}.manpower-card td i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--role);border:1px solid #EEF1F3}.manpower-card p,.integrity-card p{color:#B1BBC8;font-size:.43rem;line-height:1.35;margin:8px 0 0}
.integrity-row{display:flex;justify-content:space-between;gap:8px;margin-top:10px;color:#D8DEE4;font-size:.48rem}.integrity-row b{font-family:ui-monospace,monospace}.integrity-bar{height:3px;background:#52595C;margin-top:4px}.integrity-bar i{display:block;height:100%;background:#8392A5}.integrity-card>header strong{color:#E2736B}
.mop-interactions{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 10px 8px}.interaction{border:1px solid #8392A5;background:#202b35;padding:8px 10px}.interaction.containment{border-top:2px solid #8392A5}.interaction.emerging{border-top:2px solid #C00000}.interaction header{height:auto;border:0;display:flex;justify-content:space-between;align-items:flex-start}.interaction small{color:#B1BBC8;font-size:.4rem;letter-spacing:.1em}.interaction strong{display:block;font-size:.58rem;margin-top:2px}.interaction header>b{font-family:ui-monospace,monospace;color:#E2736B;font-size:.48rem}.interaction p{color:#B1BBC8;font-size:.45rem;line-height:1.35;margin:6px 0}.interaction>div{display:flex;gap:4px}.interaction.emerging button:last-child{margin-left:auto;border-color:#E2736B}
.mop-panel>footer{height:32px;margin-top:auto;padding:7px 12px;border-top:1px solid #8392A5;display:flex;justify-content:space-between;gap:12px;color:#EEF1F3;font-size:.43rem}.mop-panel>footer small{color:#9BA0A2;text-align:right}
@media(max-width:760px){.mop-panel{aspect-ratio:auto;max-height:90vh;overflow:auto}.mop-main{grid-template-columns:1fr}.mop-interactions{grid-template-columns:1fr}.mop-card{min-height:0}.mop-status{grid-template-columns:1fr}}

/* Laptop readability pass: operational text stays legible without browser zoom. */
.mop-dialog{width:min(1180px,97vw);max-height:94vh}
.mop-panel{aspect-ratio:auto;min-height:min(760px,92vh);max-height:92vh;overflow:auto;border-width:5px;border-radius:14px}
.mop-panel>header{height:92px;min-height:92px;padding:16px 20px}
.mop-panel>header small{font-size:.72rem}.mop-panel>header strong{font-size:1.25rem}.mop-panel>header p{font-size:.82rem;line-height:1.35}
.mop-panel>header button{font-size:.82rem;padding:8px 14px}
.mop-status div{padding:10px 16px}.mop-status small{font-size:.68rem}.mop-status strong{font-size:.88rem;margin-top:4px}
.mop-main{grid-template-columns:1.2fr .9fr 1fr;gap:10px;padding:12px 14px 10px}
.mop-card{padding:13px 14px;min-height:285px}.mop-card header small{font-size:.68rem}.mop-card header strong{font-size:.94rem;line-height:1.25}.workflow-card header span{font-size:.86rem}
.progress{height:5px;margin:10px 0 11px}.workflow-card dl div{grid-template-columns:104px 1fr;gap:10px;padding:7px 0}.workflow-card dt{font-size:.66rem}.workflow-card dd{font-size:.79rem;line-height:1.4}
.workflow-actions{gap:7px;margin-top:11px}.workflow-actions button,.interaction button{padding:8px 10px;font-size:.72rem;line-height:1.2}
.manpower-card th,.manpower-card td{padding:8px 4px;font-size:.78rem}.manpower-card td i{width:8px;height:8px;margin-right:7px}.manpower-card p,.integrity-card p{font-size:.72rem;line-height:1.45;margin-top:12px}
.integrity-row{font-size:.78rem;margin-top:14px}.integrity-bar{height:5px;margin-top:6px}
.mop-interactions{gap:10px;padding:0 14px 12px}.interaction{padding:11px 14px}.interaction small{font-size:.66rem}.interaction strong{font-size:.86rem;line-height:1.3}.interaction header>b{font-size:.76rem}.interaction p{font-size:.76rem;line-height:1.4;margin:8px 0}.interaction>div{gap:7px}
.mop-panel>footer{height:auto;min-height:44px;padding:10px 16px;font-size:.7rem;line-height:1.35}.mop-panel>footer small{font-size:.66rem}
@media(max-width:980px){.mop-dialog{width:98vw}.mop-panel{max-height:94vh}.mop-main{grid-template-columns:1fr 1fr}.integrity-card{grid-column:1/-1}.mop-card{min-height:0}.mop-interactions{grid-template-columns:1fr}}
@media(max-width:700px){.mop-main{grid-template-columns:1fr}.integrity-card{grid-column:auto}.mop-status{grid-template-columns:1fr}.mop-panel>footer{flex-direction:column}.mop-panel>footer small{text-align:left}}