/* BarkThread occupied Phase 1 — design tokens + Get Judged chrome overrides.
   Source: docs/overhaul/TOKEN_HEX_SHEET.md. Do not replace picker art or JS hooks.
   Cascade: must beat bt-themes.css skin rules (incl. !important) on Bitesback only.
   Interpret (data-bt-skin=interpret) is intentionally untouched. */

:root {
  --bt-bg: #050505;
  --bt-bg-elev: #080808;
  --bt-panel: #0c0c0c;
  --bt-hairline: #191919;
  --bt-acid: #b8ff2e;
  --bt-on-acid: #0a0a0a;
  --bt-mg: #ff2d95;
  --bt-cy: #00d0e0;
  --bt-ind: #6b73ff;
  --bt-cream: #f5f0e8;
  --bt-white: #ffffff;
  --bt-dim: #9a9a9a;
  --bt-glow-acid: rgba(184, 255, 46, 0.4);
  --bt-glow-mg: rgba(255, 45, 149, 0.35);
  --bt-glow-cy: rgba(0, 208, 224, 0.12);
  /* Live product tier accents (preserve) — borders/selection only */
  --bt-tier-wholesome: #1cb5c9;
  --bt-tier-jb: #c026d3;
  --bt-tier-sick: #b8ff2e;
}

.bt-disp {
  font-family: "Anton", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  font-weight: 400;
}

.bt-cond {
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
}

/* Shared Bitesback/occupied scope — exclude Interpret skin */
body.bt-clapback.clapback-active:not([data-bt-skin="interpret"]),
body.clapback-active.bt-clapback:not([data-bt-skin="interpret"]),
body.clapback-active[data-bt-skin="wholesome_pup"],
body.clapback-active[data-bt-skin="judgmental_bastard"],
body.clapback-active[data-bt-skin="sick_puppy"],
body.bt-clapback[data-bt-skin="wholesome_pup"],
body.bt-clapback[data-bt-skin="judgmental_bastard"],
body.bt-clapback[data-bt-skin="sick_puppy"] {
  --bt-bg: #050505;
  --bt-bg-elev: #080808;
  --bt-panel: #0c0c0c;
  --bt-hairline: #191919;
  --bt-acid: #b8ff2e;
  --bt-on-acid: #0a0a0a;
  --bt-mg: #ff2d95;
  --bt-cy: #00d0e0;
  --bt-cream: #f5f0e8;
  --bt-white: #ffffff;
  --bt-dim: #9a9a9a;
  --bt-text: #f5f0e8;
  --bt-muted: #9a9a9a;
  --bt-card: #0c0c0c;
  --bt-sand: #080808;
  --bt-sea: #b8ff2e;
  --bt-kelpie: #b8ff2e;
  background: #050505 !important;
  color: #f5f0e8 !important;
  font-family: "Inter", system-ui, sans-serif !important;
}

body.clapback-active[data-bt-skin="wholesome_pup"]::after,
body.clapback-active[data-bt-skin="judgmental_bastard"]::after,
body.clapback-active[data-bt-skin="sick_puppy"]::after,
body.bt-clapback[data-bt-skin="wholesome_pup"]::after,
body.bt-clapback[data-bt-skin="judgmental_bastard"]::after,
body.bt-clapback[data-bt-skin="sick_puppy"]::after {
  opacity: 0 !important;
  display: none !important;
}

body.clapback-active[data-bt-skin="wholesome_pup"] .upload-container,
body.clapback-active[data-bt-skin="judgmental_bastard"] .upload-container,
body.clapback-active[data-bt-skin="sick_puppy"] .upload-container,
body.bt-clapback[data-bt-skin="wholesome_pup"] .upload-container,
body.bt-clapback[data-bt-skin="judgmental_bastard"] .upload-container,
body.bt-clapback[data-bt-skin="sick_puppy"] .upload-container,
body.clapback-active[data-bt-skin="wholesome_pup"] .container-fluid,
body.clapback-active[data-bt-skin="judgmental_bastard"] .container-fluid,
body.clapback-active[data-bt-skin="sick_puppy"] .container-fluid {
  background: transparent !important;
  color: #f5f0e8 !important;
}

body.clapback-active[data-bt-skin="wholesome_pup"] .header-section,
body.clapback-active[data-bt-skin="judgmental_bastard"] .header-section,
body.clapback-active[data-bt-skin="sick_puppy"] .header-section,
body.clapback-active[data-bt-skin="wholesome_pup"] .navigation-section,
body.clapback-active[data-bt-skin="judgmental_bastard"] .navigation-section,
body.clapback-active[data-bt-skin="sick_puppy"] .navigation-section,
body.clapback-active[data-bt-skin="wholesome_pup"] .upload-form-container,
body.clapback-active[data-bt-skin="judgmental_bastard"] .upload-form-container,
body.clapback-active[data-bt-skin="sick_puppy"] .upload-form-container,
body.clapback-active[data-bt-skin="wholesome_pup"] .file-preview,
body.clapback-active[data-bt-skin="judgmental_bastard"] .file-preview,
body.clapback-active[data-bt-skin="sick_puppy"] .file-preview,
body.bt-clapback[data-bt-skin="wholesome_pup"] .header-section,
body.bt-clapback[data-bt-skin="judgmental_bastard"] .header-section,
body.bt-clapback[data-bt-skin="sick_puppy"] .header-section,
body.bt-clapback[data-bt-skin="wholesome_pup"] .upload-form-container,
body.bt-clapback[data-bt-skin="judgmental_bastard"] .upload-form-container,
body.bt-clapback[data-bt-skin="sick_puppy"] .upload-form-container {
  background: #0c0c0c !important;
  border: 1px solid #191919 !important;
  border-radius: 18px !important;
  box-shadow: none !important;
  color: #f5f0e8 !important;
}

body.clapback-active[data-bt-skin="wholesome_pup"] .upload-area,
body.clapback-active[data-bt-skin="judgmental_bastard"] .upload-area,
body.clapback-active[data-bt-skin="sick_puppy"] .upload-area,
body.bt-clapback[data-bt-skin="wholesome_pup"] .upload-area,
body.bt-clapback[data-bt-skin="judgmental_bastard"] .upload-area,
body.bt-clapback[data-bt-skin="sick_puppy"] .upload-area {
  background: #080808 !important;
  border: 2px dashed #191919 !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  color: #f5f0e8 !important;
}

body.clapback-active[data-bt-skin="wholesome_pup"] .upload-area:hover,
body.clapback-active[data-bt-skin="judgmental_bastard"] .upload-area:hover,
body.clapback-active[data-bt-skin="sick_puppy"] .upload-area:hover,
body.clapback-active[data-bt-skin="wholesome_pup"] .upload-area.dragover,
body.clapback-active[data-bt-skin="judgmental_bastard"] .upload-area.dragover,
body.clapback-active[data-bt-skin="sick_puppy"] .upload-area.dragover {
  border-color: #b8ff2e !important;
  box-shadow: 0 0 30px rgba(184, 255, 46, 0.12) !important;
}

body.clapback-active[data-bt-skin="wholesome_pup"] .upload-title,
body.clapback-active[data-bt-skin="judgmental_bastard"] .upload-title,
body.clapback-active[data-bt-skin="sick_puppy"] .upload-title,
body.bt-clapback[data-bt-skin="wholesome_pup"] .upload-title,
body.bt-clapback[data-bt-skin="judgmental_bastard"] .upload-title,
body.bt-clapback[data-bt-skin="sick_puppy"] .upload-title {
  font-family: "Oswald", sans-serif !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}

body.clapback-active[data-bt-skin="wholesome_pup"] .upload-description,
body.clapback-active[data-bt-skin="judgmental_bastard"] .upload-description,
body.clapback-active[data-bt-skin="sick_puppy"] .upload-description,
body.clapback-active[data-bt-skin="wholesome_pup"] .upload-formats,
body.clapback-active[data-bt-skin="judgmental_bastard"] .upload-formats,
body.clapback-active[data-bt-skin="sick_puppy"] .upload-formats {
  color: #9a9a9a !important;
}

body.clapback-active[data-bt-skin="wholesome_pup"] .upload-icon,
body.clapback-active[data-bt-skin="judgmental_bastard"] .upload-icon,
body.clapback-active[data-bt-skin="sick_puppy"] .upload-icon,
body.bt-clapback[data-bt-skin="wholesome_pup"] .upload-icon,
body.bt-clapback[data-bt-skin="judgmental_bastard"] .upload-icon,
body.bt-clapback[data-bt-skin="sick_puppy"] .upload-icon {
  color: #b8ff2e !important;
  text-shadow: 0 0 24px rgba(184, 255, 46, 0.4);
}

body.clapback-active[data-bt-skin="wholesome_pup"] .btn-primary,
body.clapback-active[data-bt-skin="wholesome_pup"] .upload-btn,
body.clapback-active[data-bt-skin="judgmental_bastard"] .btn-primary,
body.clapback-active[data-bt-skin="judgmental_bastard"] .upload-btn,
body.clapback-active[data-bt-skin="sick_puppy"] .btn-primary,
body.clapback-active[data-bt-skin="sick_puppy"] .upload-btn,
body.bt-clapback[data-bt-skin="wholesome_pup"] .btn-primary,
body.bt-clapback[data-bt-skin="wholesome_pup"] .upload-btn,
body.bt-clapback[data-bt-skin="judgmental_bastard"] .btn-primary,
body.bt-clapback[data-bt-skin="judgmental_bastard"] .upload-btn,
body.bt-clapback[data-bt-skin="sick_puppy"] .btn-primary,
body.bt-clapback[data-bt-skin="sick_puppy"] .upload-btn {
  font-family: "Oswald", sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  background: #b8ff2e !important;
  border: 2px solid #b8ff2e !important;
  border-radius: 10px !important;
  color: #0a0a0a !important;
  font-weight: 700 !important;
  box-shadow: 0 0 24px rgba(184, 255, 46, 0.4) !important;
}

body.clapback-active[data-bt-skin="wholesome_pup"] .btn-primary:hover,
body.clapback-active[data-bt-skin="wholesome_pup"] .upload-btn:hover,
body.clapback-active[data-bt-skin="judgmental_bastard"] .btn-primary:hover,
body.clapback-active[data-bt-skin="judgmental_bastard"] .upload-btn:hover,
body.clapback-active[data-bt-skin="sick_puppy"] .btn-primary:hover,
body.clapback-active[data-bt-skin="sick_puppy"] .upload-btn:hover {
  background: #c8ff52 !important;
  border-color: #c8ff52 !important;
  color: #0a0a0a !important;
}

body.clapback-active[data-bt-skin="wholesome_pup"] .tier-card,
body.clapback-active[data-bt-skin="judgmental_bastard"] .tier-card,
body.clapback-active[data-bt-skin="sick_puppy"] .tier-card,
body.bt-clapback[data-bt-skin="wholesome_pup"] .tier-card,
body.bt-clapback[data-bt-skin="judgmental_bastard"] .tier-card,
body.bt-clapback[data-bt-skin="sick_puppy"] .tier-card {
  background: #0c0c0c !important;
  border: 2px solid #191919 !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  color: #f5f0e8 !important;
}

body.clapback-active[data-bt-skin="wholesome_pup"] .tier-card.selected,
body.clapback-active[data-bt-skin="wholesome_pup"] .tier-card.tier-selected,
body.bt-clapback[data-bt-skin="wholesome_pup"] .tier-card.selected {
  border-color: #1cb5c9 !important;
  box-shadow: 0 0 28px rgba(28, 181, 201, 0.25) !important;
  transform: none !important;
}

body.clapback-active[data-bt-skin="judgmental_bastard"] .tier-card.selected,
body.clapback-active[data-bt-skin="judgmental_bastard"] .tier-card.tier-selected,
body.bt-clapback[data-bt-skin="judgmental_bastard"] .tier-card.selected {
  border-color: #c026d3 !important;
  box-shadow: 0 0 28px rgba(192, 38, 211, 0.28) !important;
  transform: none !important;
}

body.clapback-active[data-bt-skin="sick_puppy"] .tier-card.selected,
body.clapback-active[data-bt-skin="sick_puppy"] .tier-card.tier-selected,
body.bt-clapback[data-bt-skin="sick_puppy"] .tier-card.selected {
  border-color: #b8ff2e !important;
  box-shadow: 0 0 28px rgba(184, 255, 46, 0.4) !important;
  transform: none !important;
}

body.clapback-active[data-bt-skin="wholesome_pup"] .tier-card .tier-name,
body.clapback-active[data-bt-skin="judgmental_bastard"] .tier-card .tier-name,
body.clapback-active[data-bt-skin="sick_puppy"] .tier-card .tier-name {
  font-family: "Oswald", sans-serif !important;
  color: #f5f0e8 !important;
}

body.clapback-active[data-bt-skin="wholesome_pup"] .clapback-welfare-note,
body.clapback-active[data-bt-skin="judgmental_bastard"] .clapback-welfare-note,
body.clapback-active[data-bt-skin="sick_puppy"] .clapback-welfare-note,
body.bt-clapback[data-bt-skin="wholesome_pup"] .clapback-welfare-note,
body.bt-clapback[data-bt-skin="judgmental_bastard"] .clapback-welfare-note,
body.bt-clapback[data-bt-skin="sick_puppy"] .clapback-welfare-note {
  background: #080808 !important;
  border: 1px solid #191919 !important;
  border-left: 3px solid #00d0e0 !important;
  border-radius: 10px !important;
  color: #f5f0e8 !important;
  padding: 0.85rem 1rem !important;
}

body.clapback-active[data-bt-skin="wholesome_pup"] .clapback-welfare-note i,
body.clapback-active[data-bt-skin="judgmental_bastard"] .clapback-welfare-note i,
body.clapback-active[data-bt-skin="sick_puppy"] .clapback-welfare-note i {
  color: #00d0e0 !important;
}

body.clapback-active[data-bt-skin="wholesome_pup"] .bt-intensity,
body.clapback-active[data-bt-skin="judgmental_bastard"] .bt-intensity,
body.clapback-active[data-bt-skin="sick_puppy"] .bt-intensity {
  background: #050505 !important;
  border: 1px solid #191919 !important;
  border-radius: 12px !important;
  padding: 0.75rem 0.9rem !important;
}

body.clapback-active[data-bt-skin="wholesome_pup"] .bt-intensity-label,
body.clapback-active[data-bt-skin="judgmental_bastard"] .bt-intensity-label,
body.clapback-active[data-bt-skin="sick_puppy"] .bt-intensity-label {
  font-family: "Oswald", sans-serif !important;
  text-transform: uppercase !important;
  color: #ff2d95 !important;
}

body.clapback-active[data-bt-skin="wholesome_pup"] .bt-intensity-opt,
body.clapback-active[data-bt-skin="judgmental_bastard"] .bt-intensity-opt,
body.clapback-active[data-bt-skin="sick_puppy"] .bt-intensity-opt {
  background: #0c0c0c !important;
  border: 1px solid #191919 !important;
  color: #f5f0e8 !important;
  font-family: "Oswald", sans-serif !important;
  text-transform: uppercase !important;
}

body.clapback-active[data-bt-skin="wholesome_pup"] .bt-intensity-opt.is-active,
body.clapback-active[data-bt-skin="judgmental_bastard"] .bt-intensity-opt.is-active,
body.clapback-active[data-bt-skin="sick_puppy"] .bt-intensity-opt.is-active {
  background: #ff2d95 !important;
  border-color: #ff2d95 !important;
  color: #ffffff !important;
  box-shadow: 0 0 18px rgba(255, 45, 149, 0.35) !important;
}

body.clapback-active[data-bt-skin="wholesome_pup"] .bt-steps,
body.clapback-active[data-bt-skin="judgmental_bastard"] .bt-steps,
body.clapback-active[data-bt-skin="sick_puppy"] .bt-steps,
body.clapback-active[data-bt-skin="wholesome_pup"] .bt-picker-hint,
body.clapback-active[data-bt-skin="judgmental_bastard"] .bt-picker-hint,
body.clapback-active[data-bt-skin="sick_puppy"] .bt-picker-hint {
  font-family: "Oswald", sans-serif !important;
  text-transform: uppercase !important;
  color: #9a9a9a !important;
}

body.clapback-active[data-bt-skin="wholesome_pup"] .bt-step.is-active,
body.clapback-active[data-bt-skin="judgmental_bastard"] .bt-step.is-active,
body.clapback-active[data-bt-skin="sick_puppy"] .bt-step.is-active {
  color: #b8ff2e !important;
}

body.clapback-active[data-bt-skin="wholesome_pup"] .bt-step.is-active .bt-step-num,
body.clapback-active[data-bt-skin="judgmental_bastard"] .bt-step.is-active .bt-step-num,
body.clapback-active[data-bt-skin="sick_puppy"] .bt-step.is-active .bt-step-num {
  background: #b8ff2e !important;
  color: #0a0a0a !important;
  border-color: #b8ff2e !important;
}

body.clapback-active[data-bt-skin="wholesome_pup"] .bt-sheet-header,
body.clapback-active[data-bt-skin="judgmental_bastard"] .bt-sheet-header,
body.clapback-active[data-bt-skin="sick_puppy"] .bt-sheet-header {
  background: #080808 !important;
  border-bottom: 1px solid #191919 !important;
  color: #f5f0e8 !important;
}

body.clapback-active[data-bt-skin="wholesome_pup"] .bt-coach,
body.clapback-active[data-bt-skin="judgmental_bastard"] .bt-coach,
body.clapback-active[data-bt-skin="sick_puppy"] .bt-coach {
  background: #080808 !important;
  border: 1px solid #191919 !important;
  color: #f5f0e8 !important;
}

@media (prefers-reduced-motion: reduce) {
  body.clapback-active[data-bt-skin="wholesome_pup"] .tier-card,
  body.clapback-active[data-bt-skin="judgmental_bastard"] .tier-card,
  body.clapback-active[data-bt-skin="sick_puppy"] .tier-card,
  body.clapback-active[data-bt-skin="wholesome_pup"] .upload-btn,
  body.clapback-active[data-bt-skin="judgmental_bastard"] .upload-btn,
  body.clapback-active[data-bt-skin="sick_puppy"] .upload-btn {
    box-shadow: none !important;
    transition: none !important;
  }
}


/* === CONTRAST A11Y (occupied dark chrome) ===
   Tokens (Orchestrator / Designer overnight):
   - Header persona + tagline: cream/white on near-black (beat bt-themes #1a1a1a)
   - Mode active + acid CTAs: #0a0a0a on #b8ff2e (not white-on-lime)
*/
body.clapback-active[data-bt-skin="wholesome_pup"] .brand-title-inline,
body.clapback-active[data-bt-skin="judgmental_bastard"] .brand-title-inline,
body.clapback-active[data-bt-skin="sick_puppy"] .brand-title-inline,
body.clapback-active[data-bt-skin="wholesome_pup"] #brandTitle,
body.clapback-active[data-bt-skin="judgmental_bastard"] #brandTitle,
body.clapback-active[data-bt-skin="sick_puppy"] #brandTitle,
body.bt-clapback[data-bt-skin="wholesome_pup"] .brand-title-inline,
body.bt-clapback[data-bt-skin="judgmental_bastard"] .brand-title-inline,
body.bt-clapback[data-bt-skin="sick_puppy"] .brand-title-inline,
body.bt-clapback[data-bt-skin="wholesome_pup"] #brandTitle,
body.bt-clapback[data-bt-skin="judgmental_bastard"] #brandTitle,
body.bt-clapback[data-bt-skin="sick_puppy"] #brandTitle {
  color: #ffffff !important;
}

body.clapback-active[data-bt-skin="wholesome_pup"] .brand-subtitle,
body.clapback-active[data-bt-skin="judgmental_bastard"] .brand-subtitle,
body.clapback-active[data-bt-skin="sick_puppy"] .brand-subtitle,
body.clapback-active[data-bt-skin="wholesome_pup"] #brandSubtitle,
body.clapback-active[data-bt-skin="judgmental_bastard"] #brandSubtitle,
body.clapback-active[data-bt-skin="sick_puppy"] #brandSubtitle,
body.bt-clapback[data-bt-skin="wholesome_pup"] .brand-subtitle,
body.bt-clapback[data-bt-skin="judgmental_bastard"] .brand-subtitle,
body.bt-clapback[data-bt-skin="sick_puppy"] .brand-subtitle,
body.bt-clapback[data-bt-skin="wholesome_pup"] #brandSubtitle,
body.bt-clapback[data-bt-skin="judgmental_bastard"] #brandSubtitle,
body.bt-clapback[data-bt-skin="sick_puppy"] #brandSubtitle {
  color: #f5f0e8 !important;
}

/* Mode toggle: inactive cream; active acid with on-acid ink */
body.clapback-active[data-bt-skin="wholesome_pup"] .mode-toggle .mode-btn,
body.clapback-active[data-bt-skin="judgmental_bastard"] .mode-toggle .mode-btn,
body.clapback-active[data-bt-skin="sick_puppy"] .mode-toggle .mode-btn,
body.clapback-active[data-bt-skin="wholesome_pup"] .site-menu-mode-toggle .mode-btn,
body.clapback-active[data-bt-skin="judgmental_bastard"] .site-menu-mode-toggle .mode-btn,
body.clapback-active[data-bt-skin="sick_puppy"] .site-menu-mode-toggle .mode-btn,
body.bt-clapback[data-bt-skin="wholesome_pup"] .mode-toggle .mode-btn,
body.bt-clapback[data-bt-skin="judgmental_bastard"] .mode-toggle .mode-btn,
body.bt-clapback[data-bt-skin="sick_puppy"] .mode-toggle .mode-btn {
  color: #f5f0e8 !important;
  background: #0c0c0c !important;
  border: 1px solid #191919 !important;
}

body.clapback-active[data-bt-skin="wholesome_pup"] .mode-toggle .mode-btn.active,
body.clapback-active[data-bt-skin="judgmental_bastard"] .mode-toggle .mode-btn.active,
body.clapback-active[data-bt-skin="sick_puppy"] .mode-toggle .mode-btn.active,
body.clapback-active[data-bt-skin="wholesome_pup"] .site-menu-mode-toggle .mode-btn.active,
body.clapback-active[data-bt-skin="judgmental_bastard"] .site-menu-mode-toggle .mode-btn.active,
body.clapback-active[data-bt-skin="sick_puppy"] .site-menu-mode-toggle .mode-btn.active,
body.bt-clapback[data-bt-skin="wholesome_pup"] .mode-toggle .mode-btn.active,
body.bt-clapback[data-bt-skin="judgmental_bastard"] .mode-toggle .mode-btn.active,
body.bt-clapback[data-bt-skin="sick_puppy"] .mode-toggle .mode-btn.active {
  background: #b8ff2e !important;
  border-color: #b8ff2e !important;
  color: #0a0a0a !important;
}

body.clapback-active[data-bt-skin="wholesome_pup"] .mode-toggle .mode-btn.active i,
body.clapback-active[data-bt-skin="judgmental_bastard"] .mode-toggle .mode-btn.active i,
body.clapback-active[data-bt-skin="sick_puppy"] .mode-toggle .mode-btn.active i,
body.clapback-active[data-bt-skin="wholesome_pup"] .site-menu-mode-toggle .mode-btn.active i,
body.clapback-active[data-bt-skin="judgmental_bastard"] .site-menu-mode-toggle .mode-btn.active i,
body.clapback-active[data-bt-skin="sick_puppy"] .site-menu-mode-toggle .mode-btn.active i,
body.bt-clapback[data-bt-skin="wholesome_pup"] .mode-toggle .mode-btn.active i,
body.bt-clapback[data-bt-skin="judgmental_bastard"] .mode-toggle .mode-btn.active i,
body.bt-clapback[data-bt-skin="sick_puppy"] .mode-toggle .mode-btn.active i {
  color: #0a0a0a !important;
}

/* Reinforce Choose File / primary acid CTAs: ink on lime (incl. icons) */
body.clapback-active[data-bt-skin="wholesome_pup"] .upload-btn,
body.clapback-active[data-bt-skin="judgmental_bastard"] .upload-btn,
body.clapback-active[data-bt-skin="sick_puppy"] .upload-btn,
body.clapback-active[data-bt-skin="wholesome_pup"] .btn-primary,
body.clapback-active[data-bt-skin="judgmental_bastard"] .btn-primary,
body.clapback-active[data-bt-skin="sick_puppy"] .btn-primary,
body.bt-clapback[data-bt-skin="wholesome_pup"] .upload-btn,
body.bt-clapback[data-bt-skin="judgmental_bastard"] .upload-btn,
body.bt-clapback[data-bt-skin="sick_puppy"] .upload-btn {
  color: #0a0a0a !important;
}

body.clapback-active[data-bt-skin="wholesome_pup"] .upload-btn i,
body.clapback-active[data-bt-skin="judgmental_bastard"] .upload-btn i,
body.clapback-active[data-bt-skin="sick_puppy"] .upload-btn i,
body.clapback-active[data-bt-skin="wholesome_pup"] .btn-primary i,
body.clapback-active[data-bt-skin="judgmental_bastard"] .btn-primary i,
body.clapback-active[data-bt-skin="sick_puppy"] .btn-primary i,
body.bt-clapback[data-bt-skin="wholesome_pup"] .upload-btn i,
body.bt-clapback[data-bt-skin="judgmental_bastard"] .upload-btn i,
body.bt-clapback[data-bt-skin="sick_puppy"] .upload-btn i {
  color: #0a0a0a !important;
}


/* === HEADER LOGO SIZE LOCK === */
/* Intrinsic logo is 800×800 — never let it render full-res (ROAST ANOTHER / resize). */
body.clapback-active .logo-inline,
body.clapback-active #themeAwareLogo,
body.bt-clapback .logo-inline,
body.bt-clapback #themeAwareLogo {
  width: 108px !important;
  height: 108px !important;
  max-width: 108px !important;
  max-height: 108px !important;
  object-fit: contain !important;
}

@media (max-width: 576px) {
  body.clapback-active .logo-inline,
  body.clapback-active #themeAwareLogo,
  body.bt-clapback .logo-inline,
  body.bt-clapback #themeAwareLogo {
    width: 60px !important;
    height: 60px !important;
    max-width: 60px !important;
    max-height: 60px !important;
  }
}