.twin-shell{max-width:1550px;margin:0 auto;padding:24px 22px 50px}
.twin-hero{display:flex;justify-content:space-between;gap:22px;align-items:flex-end;padding:30px;border-radius:26px;background:linear-gradient(135deg,#10262e,#164b51);color:#fff;box-shadow:0 24px 60px rgba(0,0,0,.15)}
.twin-hero h1{margin:5px 0 9px;font-size:clamp(2.2rem,5vw,4rem);line-height:1}.twin-hero p{max-width:900px;margin:0;opacity:.8;line-height:1.55}.twin-actions{display:flex;gap:8px;flex-wrap:wrap}.twin-hero .tiny-btn{color:#fff;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.08)}
.twin-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:17px 0}.twin-kpis article,.scenario-output article{padding:14px;border:1px solid #e0e8e9;border-radius:16px;background:#fff}.twin-kpis small,.scenario-output small{display:block;opacity:.55}.twin-kpis strong,.scenario-output strong{display:block;margin-top:3px;font-size:1.25rem}
.twin-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,.8fr);gap:14px;margin-bottom:14px}.twin-head{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:13px}.twin-head h2{margin:2px 0}.twin-filters{display:flex;gap:7px;flex-wrap:wrap}.twin-filters select{padding:9px 11px;border:1px solid #dce4e5;border-radius:11px;background:#fff}
.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:9px}.room-node{padding:12px;border:1px solid #e1e7e8;border-radius:16px;background:#fff;min-width:0}.room-node.high{border-color:#dfaea6;background:#fff9f7}.room-node.watch{border-color:#e9cf8a;background:#fffdf6}
.room-top{display:flex;justify-content:space-between;align-items:center}.room-top strong{font-size:1.25rem}.room-top span{display:flex;width:30px;height:30px;border-radius:50%;align-items:center;justify-content:center;background:#eef3f4;font-size:11px;font-weight:900}.room-node>small{opacity:.55}.room-node p{margin:8px 0 0;font-size:12px;font-weight:800}
.room-state{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0 7px}.room-state b,.room-reasons span,.room-node footer span{font-size:10px;padding:5px 7px;border-radius:999px;background:#edf3f3}.room-reasons{display:flex;gap:4px;flex-wrap:wrap}.room-node footer{display:flex;gap:4px;flex-wrap:wrap;margin-top:10px;opacity:.72}
.scenario-card h2,.scenario-card p{margin:3px 0 9px}.scenario-card p{opacity:.66;line-height:1.5}.scenario-card label{display:grid;grid-template-columns:1fr auto;gap:8px;margin:15px 0;font-size:12px;font-weight:800}.scenario-card input[type=range]{grid-column:1/-1;width:100%}
.scenario-output{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}.scenario-note{display:block;margin-top:10px;opacity:.55;line-height:1.4}
.resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px}.resource-grid article{display:grid;gap:3px;padding:13px;border-radius:14px;background:#f3f7f7}.resource-grid small{opacity:.55}.resource-grid strong{font-size:1.1rem}.resource-grid span{font-size:11px;opacity:.5}
.twin-empty{grid-column:1/-1;padding:30px;text-align:center;border:1px dashed #d6e0e2;border-radius:15px;opacity:.6}
@media(max-width:1050px){.twin-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.twin-layout{grid-template-columns:1fr}.scenario-card{order:-1}}
@media(max-width:650px){.twin-shell{padding:13px 11px 36px}.twin-hero{padding:21px;align-items:flex-start;flex-direction:column}.twin-hero h1{font-size:2.2rem}.twin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.twin-head{align-items:flex-start;flex-direction:column}.scenario-output{grid-template-columns:1fr 1fr}.room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.room-grid,.scenario-output{grid-template-columns:1fr}.twin-kpis{grid-template-columns:1fr 1fr}}
html[dir="rtl"] .room-node,html[dir="rtl"] .scenario-card{text-align:right}