/* ===== ow_item_details_html (HTML form, scoped) =====
   Loaded eagerly from anvil.yaml native_deps.head_html.

   SCOPE. Every rule is :where(.ow-item-details-root), the private root class
   beside the #ow-id-root id. :where() adds no
   specificity, so it cannot change which rule wins.

   No second class is needed anywhere: no .ow-id-* name and no #ow-id-chart has
   a competitor in the dependency chrome CSS or in any sibling owings asset.

   pxSpin is the DEPENDENCY's global keyframe (_px_theme_css.py), used by the
   shared spinner rule in owings.css. It is not renamed and not copied here.

   The loading block itself (.ow-loading, .ow-loading-spinner, .ow-loading-text)
   is in owings.css, shared with ow_day_breakdown_html.

   .ow-id-hidden is the loading element's starting display:none, because a
   template may carry no inline style. The module adds it to the loading
   element, whose display: flex comes from
   owings.css, and that file sorts AFTER this one 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. */


:where(.ow-item-details-root) #ow-id-chart {
    width: 100%;
    min-height: 340px;
}

:where(.ow-item-details-root) .ow-id-hidden,
:where(.ow-item-details-root) .ow-loading.ow-id-hidden {
    display: none;
}