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

   NOT ROOT-SCOPED, on purpose. window.pxShowOverlay
   MOVES #dr-drill-overlay out of this form's root into the shared layout's
   #px-modal-portal while the pop-up is open, so a :where(.dr-drill-host)
   ancestor would stop matching exactly when the rules are needed. Every
   selector below already names #dr-drill-overlay, an id this section owns, so
   nothing leaks beyond the pop-up.

   No second class is needed anywhere. #dr-drill-overlay .px-modal is (1,1,0)
   against the dependency's .px-modal at (0,1,0), so it wins on specificity and
   does not depend on which sheet loads later - which matters, because
   ensure_theme_injected() appends the dependency's sheet to <head> at runtime,
   after every head_html link.

   --dr-accent is NOT declared here. The .dr-info button inside this pop-up
   reads it, and pxShowOverlay copies only --accent*, --accent-subtle,
   --accent-text and --px-loading-accent onto a portaled overlay, so
   drivers.css declares it on #dr-drill-overlay as well as on .dr-dashboard.
   Do not add it to this file.

   The [hidden] rule is an attribute rule, not a class, so the designer canvas
   hides the same three blocks the browser does and no live-class gate is
   needed. */

#dr-drill-overlay .px-modal { width:93vw; max-height:90vh; }
#dr-drill-overlay table { white-space:nowrap; }
#dr-drill-overlay th, #dr-drill-overlay .dr-keyline { color:var(--px-text-muted); font-size:12px; }
#dr-drill-overlay .dr-keyline { margin:12px 0; }
#dr-drill-overlay .dr-grid-note { color:var(--px-warning-ink); }
#dr-drill-overlay .dr-drill-group { text-align:center; border-bottom:1px solid var(--px-border); }
#dr-drill-overlay .dr-drill-retry { border:1px solid var(--px-border); border-radius:4px; background:none; color:var(--px-text-primary); font:inherit; padding:.2rem .7rem; margin-left:.5rem; cursor:pointer; }
#dr-drill-overlay h2[title], #dr-drill-overlay th[title] { cursor:help; }
#dr-drill-overlay [hidden] { display:none !important; }