/* Responsive breakpoints */
@media (max-width: 800px) {
  .charts { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .container { padding: 10px; gap: 12px; }
  .disk-grid { grid-template-columns: 1fr; }
  .app-bar { padding: 8px 12px; }
  .app-bar h1 { font-size: 16px; }
  .metric-row { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 400px) {
  .summary { grid-template-columns: 1fr 1fr; }
  .drawer-panel { width: 100%; }
}