/*
 * R3 interaction clarity
 * Passive labels are deliberately not capsules. Rounded controls remain only
 * where the element itself is a link or button.
 */

html body :is(
  .eyebrow,
  .tag,
  .badge,
  .pill,
  .label,
  .kicker,
  .package-pill,
  .type,
  .package-modal__eyebrow
):not(a):not(button) {
  position: relative !important;
  display: block !important;
  width: fit-content !important;
  max-width: 100% !important;
  padding: .08rem 0 .08rem .72rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html body :is(
  .eyebrow,
  .tag,
  .badge,
  .pill,
  .label,
  .kicker,
  .package-pill,
  .type,
  .package-modal__eyebrow
):not(a):not(button)::before {
  content: "" !important;
  position: absolute !important;
  inset: .08rem auto .08rem 0 !important;
  width: 3px !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: currentColor !important;
  box-shadow: none !important;
}

html body :is(
  .eyebrow,
  .tag,
  .badge,
  .pill,
  .label,
  .kicker,
  .package-pill,
  .type,
  .package-modal__eyebrow
):not(a):not(button)::after {
  display: none !important;
}

body.samples-library .eyebrow { color: #0d5f58 !important; }
body.theme-vibrant-prism :is(.eyebrow, .tag, .badge, .pill, .label, .kicker, .package-pill, .type, .package-modal__eyebrow) { color: #8d174f !important; }
body.theme-coastal-ledger :is(.eyebrow, .tag, .badge, .pill, .label, .kicker, .package-pill, .type, .package-modal__eyebrow) { color: #0c6871 !important; }
body.theme-kinetic-ledger :is(.eyebrow, .tag, .badge, .pill, .label, .kicker, .package-pill, .type, .package-modal__eyebrow) { color: #2b55c7 !important; }
body.theme-terra-claims :is(.eyebrow, .tag, .badge, .pill, .label, .kicker, .package-pill, .type, .package-modal__eyebrow) { color: #743424 !important; }
body.theme-metallic-luxe :is(.eyebrow, .tag, .badge, .pill, .label, .kicker, .package-pill, .type, .package-modal__eyebrow) { color: #f2cf67 !important; }
body.theme-neon-grid :is(.eyebrow, .tag, .badge, .pill, .label, .kicker, .package-pill, .type, .package-modal__eyebrow) { color: #67e8ff !important; }

/* Library package balance reads as three statistics, not three controls. */
html body.samples-library .package-summary > span {
  display: inline-flex !important;
  align-items: center !important;
  padding: .1rem 0 .1rem .62rem !important;
  border: 0 !important;
  border-left: 2px solid var(--teal) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Definition labels are headings for the adjacent text. */
html body.theme-kinetic-ledger .summary-card dt {
  width: fit-content !important;
  padding: 0 0 .26rem !important;
  border: 0 !important;
  border-bottom: 2px solid #2b55c7 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #2b55c7 !important;
}

/* Privacy copy is an anchored note, not a pill. */
html body .form-note {
  padding: .75rem 0 .75rem .9rem !important;
  border: 0 !important;
  border-left: 3px solid currentColor !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* The legacy polish layer styles every class containing "form" as a card. */
html body.contact-polish .quote-form .form-note,
html body.contact-polish .contact-form .form-note,
html body.contact-polish form .form-note {
  padding: .75rem 0 .75rem .9rem !important;
  border: 0 !important;
  border-left: 3px solid currentColor !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.theme-metallic-luxe .form-note { color: #f4effa !important; }
html body.theme-neon-grid .form-note { color: #e7f9ff !important; }
html body.theme-terra-claims .form-note { color: #5f3328 !important; }
html body.theme-vibrant-prism .form-note { color: #651339 !important; }
html body.theme-coastal-ledger .form-note { color: #214d51 !important; }
html body.theme-kinetic-ledger .form-note { color: #263c75 !important; }