/* EVOLVE 034 — Scenario Constraint Studio: compact mobile-first multiobjective workbench */
.scenario-lab{margin:20px 0;padding:clamp(12px,2vw,22px);background:linear-gradient(155deg,#102031,#0a1724);border:1px solid #405c71;border-radius:14px;color:#d4e6f1}
.scenario-lab header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.scenario-lab h2,.scenario-lab h3{margin:.4rem 0 .65rem;color:#edf7fd}
.scenario-lab header p{max-width:850px;line-height:1.5}
#scenario-badge{font:600 11px ui-monospace,monospace;color:#85e9d8;border:1px solid #456d7c;border-radius:6px;padding:8px}
.scenario-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:15px 0}
.scenario-controls label,.scenario-editor label{display:flex;flex-direction:column;gap:5px;font:500 11px ui-monospace,monospace;color:#bad2e0}
.scenario-controls input,.scenario-controls select,.scenario-editor input,.scenario-editor select{min-width:0;width:100%;padding:9px;border:1px solid #426176;background:#091826;color:#e8f6ff;border-radius:6px;font:inherit}
.scenario-controls label:has(input[type=checkbox]){justify-content:center;align-items:center;flex-direction:row;gap:9px}
.scenario-controls input[type=checkbox]{width:auto;accent-color:#7ce7d9}
.scenario-workspace{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:14px}
.scenario-stage{min-width:0;background:#091826;border:1px solid #405a70;border-radius:9px;overflow:hidden}
#scenario-map{display:block;width:100%;height:auto;aspect-ratio:2;touch-action:none;cursor:crosshair}
.scenario-stage p{padding:9px;margin:0;color:#a8c5d7;font:11px ui-monospace,monospace}
.scenario-editor{padding:12px;border:1px solid #405a70;border-radius:9px;display:flex;flex-direction:column;gap:10px;min-width:0}
.scenario-editor p{font-size:12px;line-height:1.5;color:#a9c3d4}
.scenario-row{display:flex;gap:6px;flex-wrap:wrap}
.scenario-row select{flex:1 1 110px;width:auto}
.scenario-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.scenario-lab button{border:1px solid #486b80;background:#1b374a;color:#e4f0f8;border-radius:7px;padding:9px 11px;min-height:40px;font:600 11px ui-monospace,monospace;cursor:pointer}
.scenario-lab button.primary{background:#215e69;border-color:#69c0c5}
.scenario-lab button[aria-pressed=true],.scenario-lab button.active{border-color:#7be8d9;background:#235661}
.scenario-lab button:disabled{opacity:.38;cursor:not-allowed}
.scenario-lab button:focus-visible,#scenario-map:focus-visible{outline:2px solid #a1f2e8;outline-offset:2px}
.scenario-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.scenario-progress{display:flex;gap:12px;align-items:center;font:12px ui-monospace,monospace}
.scenario-progress progress{flex:1;height:11px;accent-color:#81e6d6}
.scenario-table{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:7px;max-height:360px;overflow:auto}
.scenario-table button{text-align:left;line-height:1.5;white-space:normal}
.scenario-lab small{font:11px ui-monospace,monospace;color:#a9c6d5}
#scenario-status{font-size:12px;line-height:1.5;color:#b5d0df}
@media(max-width:860px){.scenario-workspace{grid-template-columns:1fr}.scenario-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.scenario-actions button{flex:1 1 125px}}
@media(max-width:420px){.scenario-lab{padding:10px}.scenario-controls{gap:7px}.scenario-editor{padding:9px}.scenario-row button{flex:1 1 90px}}
@media(prefers-reduced-motion:reduce){.scenario-lab *{animation:none!important;transition:none!important}}