/* datacenterwaterleaks.com: phones and small tablets. Loaded last on every page. */
@media (max-width: 760px) {
  html, body { overflow-x: hidden; }
  img, canvas, svg, video, iframe { max-width: 100%; }
  body * { min-width: 0; }
  .container, .balance-row, .portfolio-selector-area, .filters, .table-controls, .tab-bar, .tabs { flex-wrap: wrap !important; }
  .container { flex-direction: column; }
  .container > .sidebar, .sidebar:not(#sidebar) { width: 100% !important; height: auto !important; max-height: 420px; }
  .summary-grid, .coverage-grid, .role-grid, .law-grid, .grid, .br-kpis { grid-template-columns: 1fr 1fr !important; }
  .chart-row, [style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
  .tab-bar, .tabs, .agg-type-tabs { overflow-x: auto; flex-wrap: nowrap !important; scrollbar-width: none; }
  table { display: block; overflow-x: auto; max-width: 100%; }
  .support-box { padding: 22px !important; }
  .counter-card { min-width: 0 !important; padding: 16px 20px !important; }
  .logo-container { width: 104px !important; height: 104px !important; }
  .dashboard-header { flex-direction: column; gap: 10px; align-items: stretch !important; }
  select, input { max-width: 100%; }
}
@media (max-width: 420px) {
  .summary-grid, .coverage-grid, .br-kpis { grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
  .role-grid, .law-grid, .grid { grid-template-columns: 1fr !important; }
}