/* Sección Interiores del proyecto (src/index.html): se suma a app.css, misma norma de marca */
canvas#plan{position:absolute;inset:0;width:100%;height:100%;display:block}
.legend select{width:auto;min-height:30px;padding:3px 28px 3px 8px;font-size:12px;margin:0 0 6px;background-position:right 9px center}
.legend .lg-note{font:400 11px/1.4 var(--font-sans);color:var(--muted);margin-top:4px;max-width:180px}
table.iv-t{font-size:12.5px}
table.iv-t th,table.iv-t td{padding:4px 6px;vertical-align:middle}
table.iv-t td:nth-child(2),table.iv-t th:nth-child(2){text-align:left}
table.iv-t input,table.iv-t select{min-height:30px;padding:3px 6px;font-size:12.5px}
table.iv-t input[type=number]{width:72px}
table.iv-t select{width:auto;padding-right:26px;background-position:right 8px center}
table.iv-t input[type=checkbox]{width:auto;min-height:0}
.iv-room{border:1px solid var(--line);border-left:4px solid var(--line);border-radius:var(--radius);margin-bottom:8px;background:var(--panel)}
.iv-room.ok{border-left-color:var(--ok)}.iv-room.bad{border-left-color:var(--red)}.iv-room.off{border-left-style:dashed}
.iv-room.sel{background:var(--ser-blue-50)}
.iv-room>summary{display:flex;gap:8px;align-items:baseline;margin:0;padding:10px 12px;color:var(--ink);font-weight:400}
.iv-room>summary b{color:var(--brand);font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.iv-room>summary span{font:400 12px/1.4 var(--font-mono);color:var(--muted);white-space:nowrap}
.iv-room .body{padding:0 12px 10px}
.iv-room .row{margin-bottom:8px}
.chip{display:inline-block;font:600 10.5px/1 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:4px 8px;white-space:nowrap}
.chip.ok{background:var(--ok);color:#fff}.chip.bad{background:var(--red);color:#fff}.chip.na{background:var(--ser-blue-100);color:var(--muted)}
.iv-dev .unit{grid-template-columns:repeat(3,minmax(0,1fr))}
.iv-dev .spec{font:400 12px/1.5 var(--font-mono);color:var(--muted);margin:2px 0 6px}