.infrastructure .infra-tools{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:18px 0}.infrastructure .infra-tools>*{width:auto;min-width:160px;flex:1}.infrastructure .infra-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.infrastructure .infra-grid .card{margin:0}.infrastructure .infra-value{font-size:1.7rem;font-weight:700;margin:.4rem 0}.infrastructure .infra-state{padding:12px 16px;border-radius:10px;background:var(--surface,#fff);border:1px solid #bac5d5}.infrastructure .infra-state-critical{border-color:#b22b34}.infrastructure .infra-state-attention{border-color:#a36b05}.infrastructure .infra-state-unavailable{border-style:dashed}.infrastructure .infra-table-wrap{width:100%;overflow-x:auto;margin:18px 0}.infrastructure table{width:100%;border-collapse:collapse;min-width:560px}.infrastructure th,.infrastructure td{text-align:left;padding:12px;border-bottom:1px solid #ccd3df;vertical-align:top;font-size:.9rem}.infrastructure svg{display:block;width:100%;height:150px;color:#af2d36}.infrastructure .actions button[aria-pressed=true]{background:#ad2b35;color:#fff}.infrastructure [hidden]{display:none!important}@media(max-width:600px){.infrastructure .infra-tools>*{width:100%;flex-basis:100%}.infrastructure .infra-grid{grid-template-columns:1fr}}
.infrastructure>.actions{justify-content:flex-start}.infrastructure .infra-tools>button{flex:0 0 auto;min-width:0;margin-left:auto}@media(max-width:600px){.infrastructure .infra-tools>button{width:auto;flex-basis:auto}}