/* pd_open_card_html — the open-container mini card.
 *
 * This form had no <style> block: every visual rule the card wears is declared
 * under `.pack-deliveries-root` in theme/assets/pack_deliveries/pack_deliveries.css
 * (`.pdLayout-card*`, `.pdLayout-open-card*`, `.pdLayout-card-row`,
 * `.pdLayout-stale`, `.pdLayout-flash`), and it stays there, because that is
 * where it is today and because this card is always inside the shell root at
 * runtime.
 *
 * Known cost, accepted and recorded: this
 * leaf is drag-only on the canvas. A leaf's canvas has no `.pack-deliveries-root`
 * ancestor, so the shared rules do not reach it there. The tree, the names and
 * the drag all work; the picture does not.
 *
 * No designer gate: both badges hide through the `.pdLayout-is-hidden` state
 * class and the override below. The designer canvas loads these head-linked
 * assets, so the canvas shows what first paint shows.
 */

/* HIDE-STATE OVERRIDES.
   The shared `.pdLayout-is-hidden` is (0,1,0) and both badges carry
   a competing `display: inline-block` from
   `.pack-deliveries-root .pdLayout-card-mode-badge` and
   `.pack-deliveries-root .pdLayout-card-stale-badge` at (0,2,0), so the shared
   class loses on specificity and order cannot save it.

   Compounding the hide with the badge's own class under this form's private
   root is (0,3,0) and wins outright, order-independently (the guide's "give the
   new one a second class"). The root class is NOT `:where()`-wrapped here,
   because its specificity is exactly what makes these rules win. */
.pack-deliveries-open-card-root .pdLayout-card-mode-badge.pdLayout-is-hidden,
.pack-deliveries-open-card-root .pdLayout-card-stale-badge.pdLayout-is-hidden {
  display: none;
}