/* ===== rc_kpi_dispatch_html (HTML form) =====
   Loaded eagerly from anvil.yaml native_deps.head_html.

   NO ROOT-CLASS RULE AND NO :where() SCOPE. This form keeps two top-level nodes
   (the card and its drill-down overlay), so Anvil's own wrapper is the form root
   and no element wears a per-form class. That is safe here only because every
   rule below is led by one of this card's own two ids, which makes each rule
   order-independent and unable to reach another section. A future rule in this
   file that is neither id-led nor a private rc-kpi-dispatch-* name would be a
   silent cross-section leak with no scope to stop it.

   Per-card accent (RF-AD-046). The stripe, hover glow, value
   font, modal stripe, row highlight, drill-value font and back-button
   / tooltip accents all live once in the RotaCloud parent; this child
   only names its colour. */
#kpi-dispatch-card { --px-chart-accent: var(--px-chart-pink); --px-chart-accent-glow: var(--px-glow-pink); }
#dispatch-modal-overlay { --px-chart-accent: var(--px-chart-pink); }

/* Main table rows ARE clickable (drill to daily detail) */
#dispatch-drill-table tbody tr { cursor: pointer; }
#dispatch-drill-table tbody tr:hover { background: var(--px-bg-elevated); }
/* Daily detail table rows are NOT clickable */
#dispatch-daily-table tbody tr { cursor: default; }