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

   NO ROOT CLASS, 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 carries a per-form class.
   That is safe here and only here because every rule below is id-led: an id-led rule is order-
   independent, so it cannot be reached by another section and does not care which sheet loads
   later. A rule in this file that is
   neither id-led nor a private rc-bagging-* name would be an unscoped cross-section leak.

   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-bagging-card {
    --px-chart-accent: var(--px-chart-blue);
    --px-chart-accent-glow: var(--px-glow-blue);
}

#bagging-modal-overlay {
    --px-chart-accent: var(--px-chart-blue);
}

/* Bagging-only modal glow - dispatch and variance have none. */
#bagging-modal-overlay .rc-modal {
    box-shadow: 0 25px 80px rgba(0,0,0,0.25), var(--px-glow-blue);
}

/* Bagging table rows are NOT clickable - use ID for specificity */
#bagging-drill-table tbody tr {
    cursor: default;
}