/* Phase 6B: ambient-temperature room colouring. */
.inline-floor-plan #rooms .room{transition:fill .35s ease,fill-opacity .35s ease}
.inline-floor-plan #rooms .room.has-ambient-temperature{fill:var(--room-temperature-colour);fill-opacity:.84}
.inline-floor-plan #rooms .room.has-ambient-temperature:hover{fill:var(--room-temperature-colour);fill-opacity:.96}
.room-temperature-legend{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem .7rem;margin-top:.55rem;padding-top:.55rem;border-top:1px solid var(--line);color:var(--muted);font-size:.7rem;line-height:1.3}
.temperature-gradient{width:min(220px,42vw);height:10px;border:1px solid rgba(82,99,95,.28);border-radius:999px;background:linear-gradient(90deg,#8fc9e8 0%,#a9daca 32%,#eee6a3 55%,#edbd7a 76%,#df8b78 100%)}
.temperature-legend-labels{display:flex;justify-content:space-between;width:min(220px,42vw);color:var(--muted);font-variant-numeric:tabular-nums}
@media(prefers-color-scheme:dark){.inline-floor-plan #rooms .room.has-ambient-temperature{fill-opacity:.7}.inline-floor-plan #rooms .room.has-ambient-temperature:hover{fill-opacity:.84}}
@media(max-width:640px){.room-temperature-legend{align-items:flex-start;flex-direction:column}.temperature-gradient,.temperature-legend-labels{width:100%;max-width:280px}}