.stats-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; } .stats-cell { min-width:0; } .monitor-card { padding:0; overflow:hidden; box-shadow:var(--shadow); } .monitor-card .card-header { padding:18px 22px; background:var(--surface); border-bottom:1px solid var(--line); } .monitor-card h3 { font-size:14px; } .monitor-card .card-body { padding:24px; min-height:235px; } .monitor-card .card-body > .text-muted { overflow-wrap:anywhere; } .monitor-card .row { flex-wrap:nowrap; gap:10px; } .monitor-card .col-4 { min-width:0; } .monitor-card .fw-bold { font-size:13px; overflow-wrap:anywhere; margin-top:6px; } .monitor-card .small { font-size:11px; } .cpu-gauge { min-height:185px; display:grid; place-items:center; } .raid-summary { text-align:center; padding:20px 0; } .raid-summary > .ui-icon { font-size:30px; margin-bottom:12px; } .monitor-card .progress { margin-top:8px; } .monitor-card .resource-section + .resource-section { margin-top:24px; } @media(max-width:1000px) { .stats-grid { grid-template-columns:1fr; } } @media(max-width:600px) { .monitor-card .card-body { padding:18px; } .monitor-card .row { gap:6px; } .monitor-card .p-2 { padding:10px 6px; } }