/* DSP load meter page (load.html). Extends styles.css; no inline styles (CSP). */
.load-ports { margin-top: 18px; }
.load-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}
.load-stat {
  display: grid;
  gap: 6px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--panel-raised);
}
.load-stat span { color: var(--muted); font-size: 0.78rem; font-weight: 700; }
.load-stat strong { font-size: 1.5rem; font-variant-numeric: tabular-nums; }
.load-stat-main { grid-column: span 2; border-color: #285f86; background: #10273a; }
.load-stat-main strong { font-size: 2.6rem; }
.load-stat meter { width: 100%; height: 14px; }
.load-setup {
  margin-bottom: 18px;
  padding: 16px 18px;
  border: 1px solid #7a5e2b;
  border-radius: 10px;
  background: #2a2110;
}
.load-setup h3 { margin-bottom: 8px; color: var(--amber); }
.load-setup ol { margin: 0; padding-left: 20px; line-height: 1.55; }
.load-setup li { margin-bottom: 6px; }
.load-current {
  margin-bottom: 18px;
  padding: 16px 18px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--panel-raised);
}
.load-current h3 { margin-bottom: 8px; font-size: 1.15rem; }
.load-current label { margin-top: 12px; }
.load-press { margin-bottom: 8px; color: var(--amber); font-weight: 800; }
.load-press:empty { display: none; }
table.load-table { min-width: 0; font-size: 0.85rem; }
table.load-table td:last-child { color: inherit; font-family: inherit; font-size: inherit; }
.load-table td { font-variant-numeric: tabular-nums; }
.load-table tr { cursor: pointer; }
.load-table tr.load-row-current td { background: #183f62; }
.load-table tr.load-row-done td:first-child { color: var(--green); font-weight: 800; }
.load-report { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.8rem; }
.table-wrap:has(.load-table) { max-height: none; margin-bottom: 12px; }
@media (max-width: 600px) {
  .load-stat-main { grid-column: 1 / -1; }
  .load-ports { grid-template-columns: 1fr; }
  .load-table th:nth-child(6), .load-table td:nth-child(6) { display: none; }
}
.load-channels { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }