
.sim-shell{display:grid;grid-template-columns:280px minmax(0,1fr) 320px;gap:18px;align-items:start}.sim-panel{background:var(--card,#fff);border:1px solid var(--line,#d7deea);border-radius:18px;padding:18px}.sim-list{display:grid;gap:10px}.sim-scenario{width:100%;text-align:left}.sim-scenario.active{outline:3px solid color-mix(in srgb,var(--accent,#4f6fd8) 35%,transparent)}.sim-status{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.sim-metric{background:color-mix(in srgb,var(--accent,#4f6fd8) 7%,var(--card,#fff));border-radius:12px;padding:10px;text-align:center}.sim-metric strong{display:block;font-size:1.35rem}.sim-choice{display:block;width:100%;text-align:left;margin:10px 0;padding:14px;border-radius:14px;border:1px solid var(--line,#d7deea);background:var(--card,#fff);color:inherit;cursor:pointer}.sim-choice:hover{transform:translateY(-1px);box-shadow:0 9px 24px rgba(25,40,70,.1)}.sim-feedback{border-left:5px solid var(--accent,#4f6fd8);padding:14px;background:color-mix(in srgb,var(--accent,#4f6fd8) 7%,var(--card,#fff));border-radius:12px;margin:14px 0}.sim-log{max-height:390px;overflow:auto;font-size:.92rem}.sim-log-entry{padding:9px 0;border-bottom:1px solid var(--line,#d7deea)}.sim-bars{display:grid;gap:8px}.sim-bar label{display:flex;justify-content:space-between}.sim-track{height:9px;background:var(--line,#d7deea);border-radius:999px;overflow:hidden}.sim-fill{height:100%;background:var(--accent,#4f6fd8)}.sim-end{padding:18px;border-radius:16px;background:color-mix(in srgb,var(--accent,#4f6fd8) 9%,var(--card,#fff))}.sim-actions{display:flex;gap:8px;flex-wrap:wrap}.sim-map{display:flex;gap:8px;align-items:center;overflow:auto;padding:12px 0}.sim-node{min-width:110px;padding:10px;border:1px solid var(--line,#d7deea);border-radius:12px;text-align:center}.sim-node.active{background:color-mix(in srgb,var(--accent,#4f6fd8) 15%,var(--card,#fff))}@media(max-width:1050px){.sim-shell{grid-template-columns:1fr}.sim-status{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.sim-status{grid-template-columns:repeat(2,1fr)}.sim-panel{padding:14px}.sim-actions .btn{flex:1}}
