/* Compact room cards and valve-position display for thermal balancing. */
.room.room-compact{
    display:block;
    padding:10px 12px;
}
.room-main{
    display:grid;
    grid-template-columns:minmax(190px,1.1fr) minmax(310px,1.4fr) minmax(330px,2fr);
    grid-template-areas:
        "head metrics rec"
        "valves valves rec";
    gap:7px 14px;
    align-items:start;
}
.room-compact .room-head{grid-area:head;min-width:0}
.room-compact .room-head strong{font-size:15px}
.room-compact .room-head small{display:block;margin-top:2px;white-space:nowrap}
.room-metrics{grid-area:metrics;display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start}
.room-metric{
    display:inline-flex;
    align-items:baseline;
    gap:6px;
    min-height:28px;
    padding:4px 7px;
    border:1px solid var(--line);
    border-radius:7px;
    background:#182028;
}
.room-metric small{color:var(--muted);font-size:11px}
.room-metric strong{font-size:12px;font-weight:600}
.room-metric.open{border-color:#49775c}
.room-metric.open strong{color:var(--ok)}
.room-metric.throttling{border-color:#8a7440}
.room-metric.throttling strong{color:var(--warn)}
.room-metric.unknown strong{color:var(--muted)}
.valve-row{grid-area:valves;display:flex;gap:5px;flex-wrap:wrap;min-height:25px}
.valve-chip{
    display:inline-flex;
    gap:5px;
    align-items:baseline;
    padding:3px 6px;
    border:1px solid var(--line);
    border-radius:999px;
    font-size:11px;
    background:#161e25;
    white-space:nowrap;
}
.valve-chip small{color:var(--muted);font-size:10px}
.valve-chip.open{border-color:#49775c}
.valve-chip.throttling{border-color:#8a7440;color:var(--warn)}
.valve-chip.unknown{color:var(--muted)}
.room-compact .room-rec{grid-area:rec;align-self:stretch;padding-top:2px;padding-bottom:2px}
.room-bottom{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    margin-top:8px;
    padding-top:7px;
    border-top:1px solid #2b3540;
}
.target-inline{
    display:inline-flex;
    align-items:center;
    gap:5px;
    color:var(--muted);
    font-size:12px;
}
.target-inline input{width:70px;padding:5px 7px}
.room-bottom .room-actions{display:flex;gap:5px;flex-wrap:wrap}
.room-bottom button{padding:5px 8px;font-size:12px}
.room-status{margin:0 0 0 auto;min-height:0;font-size:11px}
@media(max-width:1050px){
    .room-main{
        grid-template-columns:1fr 1fr;
        grid-template-areas:
            "head metrics"
            "valves valves"
            "rec rec";
    }
    .room-status{width:100%;margin-left:0}
}
@media(max-width:650px){
    .room-main{
        grid-template-columns:1fr;
        grid-template-areas:"head" "metrics" "valves" "rec";
    }
    .room-compact .room-head small{white-space:normal}
    .room-bottom{align-items:flex-start}
    .room-bottom .room-actions{width:100%}
}