/* ── Match reference UI layout ─────────────────────────────────────────── */

/* Grid: cards align to their natural height, no stretching */
.dashboard-grid { align-items: start; }

/* Chart cards: fixed height matching reference (~220px) */
.chart-card.chart-row {
  min-height: 0;
  padding: 14px 16px;
}
.chart-wrap { width: 120px; height: 120px; }
.chart-center-value { font-size: 20px; }

/* Recent activity: cap height with scroll so charts row isn't stretched */
#activity-list {
  max-height: 260px;
  overflow-y: auto;
}

/* Saved views: delete button on hover */
.saved-view-item button { transition: opacity .15s; }

/* Topology: ensure minimum height */
#topo-map-dashboard { min-height: 200px; }

/* Fix KPI cards icon sizes on smaller screens */
@media (max-width: 1400px) {
  .kpi-grid { grid-template-columns: repeat(6, 1fr); }
  .kpi-value { font-size: 22px; }
}