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

   Every rule is scoped :where(.ow-breakdown-root), which adds zero
   specificity. There is no root rule: the form's box is owned by the slide
   panel body it is moved into.

   .ow-bd-hidden is how the module shows and hides, because a template may
   carry no inline style. The shared .ow-loading display: flex lives in
   owings.css, which sorts AFTER this file in head_html, so the hide is written
   compound against .ow-loading as well: a bare class would tie on specificity
   and lose on document order.

   The loading block itself (.ow-loading, .ow-loading-spinner, .ow-loading-text)
   is in owings.css, shared with ow_item_details_html, which carried the same
   three rules under its own prefix. */


:where(.ow-breakdown-root) .ow-bd-count {
    font-family: var(--px-mono);
    font-size: 0.7rem;
    font-weight: 700;
    color: var(--px-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.75rem;
}

:where(.ow-breakdown-root) .ow-bd-hidden,
:where(.ow-breakdown-root) .ow-loading.ow-bd-hidden {
    display: none;
}