/* Base At A Glance + live overtime (Tracker 951, Oct 23 2026). Shared by command-center.php and the Base widget. */
.bg-glance { margin: 0 0 12px; min-width: 0; }
.bg-glance h2 { font-weight: 400; margin: 0 0 8px; }
.bg-gauges { justify-content: flex-start; }
.bg-gauges > a { color: inherit; text-decoration: none; }
.bg-ot, .bg-list-wrap { margin-top: 10px; max-width: 100%; overflow: hidden; }
.bg-ot-t, .bg-list { width: 100%; border-collapse: collapse; }
.bg-ot-t th, .bg-list th { background: var(--paper); text-align: left; padding: var(--t-pad, 6px 8px); border-bottom: 1px solid var(--line); font-weight: 400; }
.bg-ot-t td, .bg-list td { padding: var(--t-pad, 6px 8px); border-bottom: 1px solid var(--line); }
.bg-ot-t tr.bg-warn td:first-child { box-shadow: inset 3px 0 0 var(--orange); }
.bg-ot-t tr.bg-down td:first-child { box-shadow: inset 3px 0 0 var(--red); }
.bg-bar { display: inline-block; width: 60px; height: 6px; border-radius: 3px; background: var(--line); vertical-align: middle; overflow: hidden; }
.bg-bar i { display: block; height: 100%; background: var(--grass); }
.bg-warn .bg-bar i { background: var(--orange); }
.bg-down .bg-bar i { background: var(--red); }
.bg-note { margin: 6px 0 0; font-size: .78rem; }
@media (max-width: 600px) {
  .bg-gauges { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .bg-gauges figure figcaption { font-size: .7rem; }
  .bg-ot-t td .muted, .bg-cap { display: none; }
  .bg-ot-t td { white-space: nowrap; }
  .bg-ot { overflow-x: hidden; }
  .bg-ot-t th, .bg-ot-t td, .bg-list th, .bg-list td { padding: var(--t-pad, 5px 4px); font-size: .74rem; }
  .bg-bar { display: none; }
}
.dw-base { min-width: 0; overflow: auto; height: 100%; }
.dw-base-full { overflow: hidden; display: flex; }
.dw-base-full iframe { flex: 1; min-height: 520px; }
.dw-base .bg-glance { margin: 0; box-shadow: none; border: 0; padding: 0; }
.dw-base .bg-glance h2 { display: none; }
.bg-bar i.bg-w0 { width: 0%; }
.bg-bar i.bg-w10 { width: 10%; }
.bg-bar i.bg-w20 { width: 20%; }
.bg-bar i.bg-w30 { width: 30%; }
.bg-bar i.bg-w40 { width: 40%; }
.bg-bar i.bg-w50 { width: 50%; }
.bg-bar i.bg-w60 { width: 60%; }
.bg-bar i.bg-w70 { width: 70%; }
.bg-bar i.bg-w80 { width: 80%; }
.bg-bar i.bg-w90 { width: 90%; }
.bg-bar i.bg-w100 { width: 100%; }
.bg-ot-t { table-layout: auto; }
.bg-ot-t td { white-space: nowrap; overflow: visible; text-overflow: clip; max-width: none; }