.view-switch{display:flex;gap:5px;justify-content:flex-end;margin:0 0 16px}.view-switch button{background:#0e1b26;border:1px solid #2b4354;color:#91acbf;border-radius:6px;padding:8px 13px;font-size:11px}.view-switch button[aria-pressed=true]{background:#193843;color:#91edf1;border-color:#387080}.infra-metrics{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px;padding:12px 0 15px;border-top:1px solid #243541}.infra-metrics div{min-width:0}.infra-metrics small,.infra-metrics span{display:block;color:#7993a7;font-size:8px;line-height:1.6}.infra-metrics small{letter-spacing:.7px}.infra-metrics strong{display:block;font-weight:500;font-size:11px;line-height:1.8;color:#c4d9e6;overflow-wrap:anywhere}.cards[data-layout=compact]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.cards[data-layout=compact] .card{padding:17px 17px 0}.cards[data-layout=compact] .gauge svg{max-width:102px}.cards[data-layout=compact] .gauge-description{font-size:8px;min-height:26px}.cards[data-layout=compact] .sparkline{height:18px}.cards[data-layout=compact] .host-icon{display:none}.cards[data-layout=compact] .card-foot{margin:12px -17px 0;padding:11px 17px}.cards[data-layout=compact] .infra-metrics{gap:8px}.cards[data-layout=list]{grid-template-columns:minmax(0,1fr);gap:12px}.cards[data-layout=list] .card{display:grid;grid-template-columns:minmax(175px,1.2fr) minmax(255px,1.6fr) minmax(290px,1.8fr) 115px;align-items:center;column-gap:24px;padding:18px 22px}.cards[data-layout=list] .card-head{display:block}.cards[data-layout=list] .card-head .chip{display:inline-block;margin-top:10px}.cards[data-layout=list] .host-icon{display:none}.cards[data-layout=list] .card h3{overflow-wrap:anywhere}.cards[data-layout=list] .gauges{margin:0;gap:15px}.cards[data-layout=list] .gauge svg{max-width:74px}.cards[data-layout=list] .gauge-value{font-size:25px}.cards[data-layout=list] .gauge-description,.cards[data-layout=list] .load-label,.cards[data-layout=list] .sparkline{display:none}.cards[data-layout=list] .gauge-label{margin-top:0;font-size:9px}.cards[data-layout=list] .infra-metrics{border:0;padding:0;gap:18px}.cards[data-layout=list] .infra-metrics strong{font-size:12px}.cards[data-layout=list] .card-info{grid-column:1/4;grid-row:2;margin:12px 0 0;padding-top:10px}.cards[data-layout=list] .card-foot{grid-column:4;grid-row:1/3;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:12px;background:none;border:0;margin:0;padding:0;font-size:10px;line-height:1.7}.cards[data-layout=list] .stale-text,.cards[data-layout=list] .vc-card-note{grid-column:1/-1;grid-row:3;margin:10px 0 0}.nas-detail h4{font-weight:500;color:#a8cad9;margin:24px 0 12px}.nas-table{border:1px solid #243c4c;border-radius:7px}.nas-table td,.nas-table th{padding:12px 14px}.nas-table td small{display:block;color:#7993a7;white-space:normal;max-width:360px;margin-top:4px}.nas-enabled{flex-direction:row;align-items:center}.nas-enabled input{width:auto}#nas-acl-dialog{width:min(1100px,95vw)}#detail-dialog{width:min(1120px,95vw)}.nas-detail p{line-height:1.7}
.cards[data-layout=compact]{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
@media(min-width:1850px){.cards[data-layout=compact]{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1350px){.cards[data-layout=list] .card{grid-template-columns:minmax(165px,1fr) minmax(230px,1.3fr) minmax(245px,1.4fr);column-gap:18px}.cards[data-layout=list] .card-foot{grid-column:3;grid-row:2;flex-direction:row;text-align:right;justify-content:flex-end}.cards[data-layout=list] .card-info{grid-column:1/3}.cards[data-layout=list] .infra-metrics{gap:12px}}
@media(max-width:1050px){.cards[data-layout=list] .card{grid-template-columns:1fr 1.5fr;gap:16px}.cards[data-layout=list] .infra-metrics{grid-column:1/-1;border-top:1px solid #243541;padding-top:12px;grid-row:2}.cards[data-layout=list] .card-info{grid-column:1;grid-row:3;border:0;padding:0;margin:0}.cards[data-layout=list] .card-foot{grid-column:2;grid-row:3}.cards[data-layout=list] .stale-text,.cards[data-layout=list] .vc-card-note{grid-row:4}}
@media(max-width:550px){.view-switch{justify-content:flex-start}.cards[data-layout=compact]{grid-template-columns:minmax(0,1fr)}.cards[data-layout=list] .card{padding:17px 15px;grid-template-columns:1fr}.cards[data-layout=list] .gauges{grid-row:2}.cards[data-layout=list] .infra-metrics{grid-row:3;gap:10px}.cards[data-layout=list] .card-info{grid-row:4;grid-column:1}.cards[data-layout=list] .card-foot{grid-row:5;grid-column:1;justify-content:space-between}.cards[data-layout=list] .stale-text,.cards[data-layout=list] .vc-card-note{grid-row:6}.infra-metrics strong{font-size:10px}}

.disk-group{min-width:0;align-self:start;text-align:center}.disk-group>.gauge-label{margin:0 0 8px}.disk-grid{display:grid;grid-template-columns:repeat(var(--disk-columns),minmax(0,1fr));gap:7px}.disk-mini{min-width:0}.disk-mini .gauge svg{width:100%;max-width:66px}.disk-mini .gauge-label{font-size:8px;overflow-wrap:anywhere;margin:0}.disk-mini .gauge-description,.disk-mini .load-label,.disk-mini .sparkline{display:none}.disk-mini>small{display:block;color:#7993a7;font-size:8px;line-height:1.5;overflow-wrap:anywhere}.disk-more{margin-top:9px}.disk-more summary{cursor:pointer;color:#8ad9dc;font-size:10px;line-height:1.6}.disk-more[open] .disk-grid{margin-top:9px}.cards[data-layout=list] .disk-mini .gauge svg{max-width:42px}.cards[data-layout=list] .gauges{align-items:start}.cards[data-layout=list] .stale-text,.cards[data-layout=list] .vc-card-note{grid-row:auto}

.disk-mini .gauge svg{max-width:48px}

.disk-mini .gauge svg{max-width:48px}

/* Lista alineada v1 */
.cards[data-layout=list] .card-head{grid-column:1;grid-row:1}
.cards[data-layout=list] .gauges{grid-column:2;grid-row:1}
.cards[data-layout=list] .infra-metrics{grid-column:3;grid-row:1}
.cards[data-layout=list] .stale-text{grid-column:1/-1;grid-row:3}
.cards[data-layout=list] .vc-card-note{grid-column:1/-1;grid-row:4}
@media(max-width:1050px){.cards[data-layout=list] .infra-metrics{grid-column:1/-1;grid-row:2}.cards[data-layout=list] .stale-text{grid-row:4}.cards[data-layout=list] .vc-card-note{grid-row:5}}
@media(max-width:550px){.cards[data-layout=list] .gauges{grid-column:1;grid-row:2}.cards[data-layout=list] .infra-metrics{grid-row:3}.cards[data-layout=list] .stale-text{grid-row:6}.cards[data-layout=list] .vc-card-note{grid-row:7}}

/* Títulos de métricas uniformes v1 */
.disk-group>.gauge-label{display:none}.disk-mini .gauge-label{font-size:10px;letter-spacing:1.5px;font-weight:600;margin-top:-5px}.cards[data-layout=list] .disk-mini .gauge-label{font-size:9px;margin-top:0}
