/* ===== ca_bulk_actions_html (HTML form, scoped) =====
   Clinical Approvals - the auto-approve strip.
   The anvil-reset twin below the root rule re-states values the root rule
   already carries. T.17: styles derive from px-internal's REAL conventions
   - .mar-btn-generate geometry for the solid primary, .mar-draft-btn geometry
   (1.5px outline, .78rem) for the outline button, the
   --px-mode-acute-strong green already used estate-wide. The strip chrome
   mirrors the v3 FINAL mockup's .approve-strip (sticky under the topbar).

   Loaded eagerly from anvil.yaml native_deps.head_html.

   SCOPE. .ca-ba-strip IS the form root, so its own rule stays bare as the
   values' one home for the designer canvas, which loads this form with no
   .px-anvil-reset ancestor; the twin below it covers the mounted case. The
   other eight rules are wrapped
   :where(.ca-ba-strip): sharing the .ca-ba- prefix with the root class does
   not make a descendant class a root selector, and eight unscoped rules in an
   app-wide head sheet would reach any element that ever took one of these
   names. :where() adds zero specificity, so every one of the eight weighs
   exactly what the bare selector it replaces did and no tie changes hands.

   Nothing here names a shared px-/pxm-/mar- class, so nothing needs the
   doubling the dependency's runtime theme injection forces on rules that used
   to win by document order. No keyframes, no url(), no @font-face.

   Two instances of this form live at once (Tab 1 and Tab 2); the rules are
   identical for both and carry no instance state. */

.ca-ba-strip {
  position: sticky;
  top: 56px;              /* under the orchestrator's sticky topbar */
  z-index: 30;
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  background: var(--px-bg-card);
  border: 1px solid var(--px-border);
  border-radius: var(--px-radius);
  box-shadow: var(--px-shadow);
  padding: 10px 14px;
  margin-bottom: 12px;
  font-family: var(--px-font);
}

/* THE RESET CAN REACH THE ROOT. theme.css declares
     .px-anvil-reset .anvil-component { padding:0 !important; margin:0 !important;
                                        max-width:100% !important; border:none !important }
   The strip is the form's own mounted root, directly under
   div[anvil-slot="ca-sq-strip"] inside .ca-sq-root.px-anvil-reset, so if the runtime stamps .anvil-component / .anvil-container on an adopted
   HTML-form root that (0,2,0) !important rule beats the bare (0,1,0) root rule
   above and the strip renders borderless and unpadded, buttons on the card edge
   and no gap above the cards below. Whether the class lands there is not
   established anywhere in either repo, so this twin re-states the only three
   declarations the reset can reach, at (0,3,0) - one class more than the reset -
   which wins whatever the head-link order turns out to be and is an inert no-op
   if the class never lands. max-width needs no twin: the root declares none, and
   the wrapper carried the same max-width:100% !important before. Same shape
   as the auto_pmring search bar and bagging_check item card twins. */
.px-anvil-reset .ca-ba-strip.px-anvil-reset {
  padding: 10px 14px !important;
  border: 1px solid var(--px-border) !important;
  margin-bottom: 12px !important;
}
/* primary = real .mar-btn-generate geometry, acute-strong green */
:where(.ca-ba-strip) .ca-ba-any {
  background: var(--px-mode-acute-strong);
  color: #fff;
  border: none;
  padding: 7px 16px;
  border-radius: var(--px-radius-sm);
  font-size: .82rem;
  font-weight: 600;
  font-family: var(--px-font);
  cursor: pointer;
  transition: background .15s;
  white-space: nowrap;
}
:where(.ca-ba-strip) .ca-ba-any:hover:not(:disabled) { background: var(--px-mode-acute-strong-hover); }
:where(.ca-ba-strip) .ca-ba-any:disabled {
  background: var(--px-bg-card);
  color: var(--px-text-muted);
  border: 1.5px solid var(--px-border);
  cursor: not-allowed;
  opacity: 1;
}
/* outline = real .mar-draft-btn geometry, green variant */
:where(.ca-ba-strip) .ca-ba-mine {
  padding: 6px 12px;
  border-radius: var(--px-radius-sm);
  font-size: .78rem;
  font-family: var(--px-font);
  cursor: pointer;
  border: 1.5px solid var(--px-mode-acute-strong);
  background: var(--px-bg-card);
  color: var(--px-mode-acute-strong);
  white-space: nowrap;
}
:where(.ca-ba-strip) .ca-ba-mine:hover:not(:disabled) { background: var(--px-mode-acute-subtle); }
:where(.ca-ba-strip) .ca-ba-mine:disabled {
  color: var(--px-text-muted);
  border-color: var(--px-border);
  cursor: not-allowed;
  opacity: 1;
}
:where(.ca-ba-strip) .ca-ba-hint {
  font-size: 11.5px;
  color: var(--px-text-muted);
}
:where(.ca-ba-strip) .ca-ba-cnt { font-weight: 700; }