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

   The card chrome is NOT here. It is the shared .px-card and .px-card-body, so the template
   carries those shared classes beside its private ones (class="px-card nms-activity-card").
   The body must never be
   anvil:name'd: the dependency drops the card padding with .px-card:has(> .px-card-body), a child
   combinator, and a named element is reparented into an <anvil-dropzone> that breaks it.

   The header rule stays private: it is .px-card-header minus display: flex, align-items and
   justify-content, so it is not the same rule.

   Every rule is scoped :where(.nms-activity-card), which adds zero specificity and so cannot change
   which rule wins. Both private names are declared in this file alone — checked across client_code,
   theme/assets and the shared dependency — so nothing here ties with theme.css or the dependency's
   injected sheet and no rule needs a second class. */

:where(.nms-activity-card) .nms-activity-header {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--px-border);
    font-family: var(--px-font);
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--px-text-primary);
}