/* Day mode final visual contract.
   Loaded after color-laws.css so Studio, Library, and Anchor Selection cannot
   fall back to night-mode green glows or black-on-black surfaces. */

:root[data-theme="green"],
html.light-mode {
  --bg-primary: #ffffff !important;
  --bg-primary-rgb: 255, 255, 255 !important;
  --bg-secondary: #f5f7fb !important;
  --bg-secondary-rgb: 245, 247, 251 !important;
  --bg-surface: #ffffff !important;
  --bg-surface-rgb: 255, 255, 255 !important;
  --bg-surface-alt: #eef3fb !important;
  --bg-surface-alt-rgb: 238, 243, 251 !important;
  --text-primary: #07111f !important;
  --text-primary-rgb: 7, 17, 31 !important;
  --text-secondary: #40516a !important;
  --text-secondary-rgb: 64, 81, 106 !important;
  --text-muted: #6b7a90 !important;
  --text-muted-rgb: 107, 122, 144 !important;
  --accent: #0047ab !important;
  --accent-primary: #0047ab !important;
  --accent-primary-rgb: 0, 71, 171 !important;
  --accent-secondary: #2563eb !important;
  --accent-secondary-rgb: 37, 99, 235 !important;
  --accent-success: #0047ab !important;
  --accent-success-rgb: 0, 71, 171 !important;
  --accent-warning: #0047ab !important;
  --accent-warning-rgb: 0, 71, 171 !important;
  --border-primary: rgba(0, 71, 171, 0.18) !important;
  --border-secondary: rgba(0, 71, 171, 0.10) !important;
}

body.light-mode {
  background: #f5f7fb !important;
  color: #07111f !important;
  --axiom-final-green: #0047ab;
  --axiom-final-green-hot: #2563eb;
  --focus-deck-lime: #0047ab;
  --studio-reference-lime: #0047ab;
  --axiom-help-accent: #0047ab;
  --axiom-help-ink: #ffffff;
}

body.light-mode .bg-axiom-accent,
body.light-mode .bg-axiom-accent\/5,
body.light-mode .bg-axiom-accent\/10,
body.light-mode .bg-axiom-accent\/15,
body.light-mode .bg-axiom-accent\/20,
body.light-mode .bg-axiom-accent\/30,
body.light-mode .bg-axiom-accent\/40,
body.light-mode .bg-\[\#a3ff00\],
body.light-mode .bg-\[\#39FF14\] {
  background-color: rgba(0, 71, 171, 0.18) !important;
}

body.light-mode .text-axiom-accent,
body.light-mode .text-green-400,
body.light-mode .text-green-500,
body.light-mode .text-\[\#a3ff00\],
body.light-mode .text-\[\#39FF14\] {
  color: #0047ab !important;
  text-shadow: none !important;
}

body.light-mode .border-axiom-accent,
body.light-mode .border-axiom-accent\/10,
body.light-mode .border-axiom-accent\/20,
body.light-mode .border-axiom-accent\/30,
body.light-mode .border-axiom-accent\/35,
body.light-mode .border-axiom-accent\/40,
body.light-mode .border-axiom-accent\/50,
body.light-mode .border-\[\#a3ff00\],
body.light-mode .border-\[\#39FF14\] {
  border-color: rgba(0, 71, 171, 0.32) !important;
}

body.light-mode [class*="shadow"][style*="163,255,0"],
body.light-mode [style*="rgba(163,255,0"],
body.light-mode [style*="rgba(163, 255, 0"],
body.light-mode [style*="#a3ff00"],
body.light-mode [style*="#39FF14"] {
  color: #0047ab !important;
  border-color: rgba(0, 71, 171, 0.32) !important;
  box-shadow: 0 0 24px rgba(0, 71, 171, 0.24) !important;
}

/* Studio: top glow, buttons, score, tabs, rows, and BPM spine. */
body.light-mode #studio-active-view,
body.light-mode #tab-content-studio {
  background: #f5f7fb !important;
  color: #07111f !important;
}

body.light-mode #studio-active-view::before {
  background:
    radial-gradient(circle at 54% 38%, rgba(0, 71, 171, 0.16), transparent 16%),
    radial-gradient(circle at 74% 12%, rgba(37, 99, 235, 0.10), transparent 28%),
    linear-gradient(rgba(0, 71, 171, 0.05), transparent 78%) !important;
  opacity: 0.30 !important;
}

body.light-mode #studio-active-view::after {
  background:
    repeating-linear-gradient(90deg, rgba(0, 71, 171, 0.10) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(0deg, rgba(0, 71, 171, 0.06) 0 1px, transparent 1px 24px),
    linear-gradient(178deg, transparent 0 34%, rgba(0, 71, 171, 0.10) 35%, transparent 36%),
    linear-gradient(182deg, transparent 0 44%, rgba(0, 71, 171, 0.06) 45%, transparent 46%) !important;
  opacity: 0.26 !important;
}

body.light-mode #studio-active-view .studio-header::before {
  background:
    radial-gradient(at 52% 100%, rgba(0, 71, 171, 0.14), transparent 58%),
    linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.12), transparent) !important;
  opacity: 0.78 !important;
}

body.light-mode #studio-active-view .studio-header,
body.light-mode #studio-active-view .studio-actions {
  background: transparent !important;
  color: #07111f !important;
}

body.light-mode #studio-active-view .studio-header h3,
body.light-mode #studio-active-view .studio-header h3 span,
body.light-mode #set-score-display,
body.light-mode #set-score-display.text-axiom-accent,
body.light-mode #set-score-display.text-green-400 {
  color: #0047ab !important;
  background: transparent !important;
  border: none !important;
  text-shadow: 0 0 20px rgba(0, 71, 171, 0.16) !important;
}

body.light-mode #set-score-display.text-red-500 {
  color: #f43f5e !important;
  text-shadow: none !important;
}

body.light-mode #studio-active-view .studio-action-btn,
body.light-mode #studio-active-view .studio-save-draft-btn,
body.light-mode #studio-active-view button[onclick="loadSetFromLocal()"],
body.light-mode #studio-active-view button[onclick="clearSet()"],
body.light-mode #studio-active-view button[onclick="cancelEditPlaylist()"] {
  background: rgba(255, 255, 255, 0.94) !important;
  color: #07111f !important;
  border-color: rgba(0, 71, 171, 0.22) !important;
  text-shadow: none !important;
  box-shadow: 0 12px 26px rgba(7, 17, 31, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.84) !important;
}

body.light-mode #studio-active-view .studio-action-btn:hover,
body.light-mode #studio-active-view .studio-action-btn:focus-visible,
body.light-mode #studio-active-view .studio-action-btn:active {
  background: rgba(238, 243, 251, 0.98) !important;
  color: #0047ab !important;
  border-color: rgba(0, 71, 171, 0.42) !important;
  box-shadow: 0 0 0 1px rgba(0, 71, 171, 0.10), 0 0 26px rgba(0, 71, 171, 0.20), 0 16px 34px rgba(7, 17, 31, 0.12) !important;
}

body.light-mode #studio-active-view .studio-save-crate-btn,
body.light-mode #studio-active-view #export-dropdown-btn,
body.light-mode #studio-active-view #magic-studio-btn {
  background: linear-gradient(135deg, #2563eb, #0047ab) !important;
  color: #ffffff !important;
  border-color: #0047ab !important;
  text-shadow: none !important;
  box-shadow: 0 0 30px rgba(0, 71, 171, 0.32), 0 16px 32px rgba(7, 17, 31, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
}

body.light-mode #studio-active-view .studio-save-crate-btn:hover,
body.light-mode #studio-active-view #export-dropdown-btn:hover,
body.light-mode #studio-active-view #magic-studio-btn:hover {
  background: linear-gradient(135deg, #3b82f6, #0047ab) !important;
  color: #ffffff !important;
  box-shadow: 0 0 42px rgba(0, 71, 171, 0.40), 0 18px 38px rgba(7, 17, 31, 0.16) !important;
}

/* Compact Studio command bar */
body.light-mode #studio-active-view .studio-header {
  background-color: rgba(255, 255, 255, 0.96) !important;
  border-bottom-color: rgba(0, 71, 171, 0.52) !important;
}

body.light-mode #studio-active-view .studio-score-lockup small {
  color: #07111f !important;
}

body.light-mode #studio-active-view .studio-header .studio-actions .studio-save-crate-btn {
  background: #0047ab !important;
  color: #ffffff !important;
  border-color: #0047ab !important;
  box-shadow: 0 8px 18px rgba(0, 71, 171, 0.18) !important;
}

body.light-mode #studio-active-view .studio-header .studio-actions #export-dropdown-btn,
body.light-mode #studio-active-view .studio-header .studio-actions .studio-more-menu-btn {
  background: #ffffff !important;
  color: #07111f !important;
  border-color: rgba(0, 71, 171, 0.34) !important;
  box-shadow: none !important;
}

body.light-mode #studio-active-view .studio-header .studio-actions #export-dropdown-btn:hover,
body.light-mode #studio-active-view .studio-header .studio-actions #export-dropdown-btn[aria-expanded="true"],
body.light-mode #studio-active-view .studio-header .studio-actions .studio-more-menu-btn:hover,
body.light-mode #studio-active-view .studio-header .studio-actions .studio-more-menu-btn[aria-expanded="true"] {
  background: #eef3fb !important;
  color: #0047ab !important;
  border-color: #0047ab !important;
}

body.light-mode #studio-active-view .studio-command-menu {
  background: #ffffff !important;
  color: #07111f !important;
  border-color: rgba(0, 71, 171, 0.24) !important;
  box-shadow: 0 18px 44px rgba(7, 17, 31, 0.16) !important;
}

body.light-mode #studio-active-view .studio-command-menu-label {
  color: #0047ab !important;
}

body.light-mode #studio-active-view .studio-command-menu-divider {
  border-top-color: rgba(7, 17, 31, 0.10) !important;
}

body.light-mode #studio-active-view .studio-command-menu button {
  color: #07111f !important;
}

body.light-mode #studio-active-view .studio-command-menu button:hover,
body.light-mode #studio-active-view .studio-command-menu button:focus-visible {
  background: #eef3fb !important;
  color: #0047ab !important;
}

body.light-mode #studio-active-view .studio-command-menu button.studio-command-danger {
  color: #c2263d !important;
}

body.light-mode #studio-active-view .studio-tabbar {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.86), rgba(238, 243, 251, 0.92), rgba(255, 255, 255, 0.86)) !important;
  border-color: rgba(0, 71, 171, 0.18) !important;
}

body.light-mode #studio-active-view .studio-mode-tab,
body.light-mode #studio-active-view #btn-studio-guide,
body.light-mode #studio-active-view #btn-optimize {
  background: rgba(255, 255, 255, 0.88) !important;
  color: #07111f !important;
  border-color: rgba(0, 71, 171, 0.20) !important;
  text-shadow: none !important;
  box-shadow: 0 10px 22px rgba(7, 17, 31, 0.08) !important;
}

body.light-mode #studio-active-view .studio-mode-tab:hover,
body.light-mode #studio-active-view .studio-mode-tab.active,
body.light-mode #studio-active-view #btn-studio-guide:hover,
body.light-mode #studio-active-view #btn-optimize:hover {
  background: rgba(0, 71, 171, 0.12) !important;
  color: #0047ab !important;
  border-color: rgba(0, 71, 171, 0.42) !important;
  box-shadow: 0 0 22px rgba(0, 71, 171, 0.18) !important;
}

body.light-mode #energy-ladder {
  background: rgba(255, 255, 255, 0.94) !important;
  border-color: rgba(0, 71, 171, 0.18) !important;
  box-shadow: 0 18px 40px rgba(7, 17, 31, 0.10), 0 0 22px rgba(0, 71, 171, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.84) !important;
}

body.light-mode #energy-ladder::before,
body.light-mode #active-playlist-container.energy-spine-active::before,
body.light-mode #active-playlist-container.energy-spine-active::after {
  background: linear-gradient(180deg, rgba(0, 71, 171, 0), rgba(0, 71, 171, 0.58), rgba(0, 71, 171, 0)) !important;
  box-shadow: 0 0 28px rgba(0, 71, 171, 0.24) !important;
  opacity: 0.42 !important;
}

body.light-mode .energy-block,
body.light-mode .energy-block::after,
body.light-mode .energy-block.energy-Low,
body.light-mode .energy-block.energy-Mid,
body.light-mode .energy-block.energy-Peak,
body.light-mode .energy-block.energy-High,
body.light-mode .energy-block.energy-Unknown,
body.light-mode .energy-block.energy-idle {
  background: linear-gradient(135deg, #3b82f6, #0047ab) !important;
  border-color: rgba(255, 255, 255, 0.70) !important;
  box-shadow: 0 0 20px rgba(0, 71, 171, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
}

body.light-mode #active-playlist-container .playlist-row,
body.light-mode #active-playlist-container .playlist-row.studio-transition-row {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.98), rgba(242, 246, 252, 0.98) 50%, rgba(255, 255, 255, 0.98)) !important;
  color: #07111f !important;
  border-color: rgba(0, 71, 171, 0.18) !important;
  text-shadow: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), 0 16px 34px rgba(7, 17, 31, 0.10), 0 0 24px rgba(0, 71, 171, 0.10) !important;
}

body.light-mode #active-playlist-container .studio-row-title,
body.light-mode #active-playlist-container .studio-row-artist,
body.light-mode #active-playlist-container .track-title-resize,
body.light-mode #active-playlist-container .track-artist-resize,
body.light-mode #active-playlist-container .studio-row-main,
body.light-mode #active-playlist-container .studio-row-main span,
body.light-mode #active-playlist-container .studio-row-main p {
  color: #07111f !important;
  text-shadow: none !important;
}

body.light-mode #active-playlist-container .studio-row-artist,
body.light-mode #active-playlist-container .track-artist-resize,
body.light-mode #active-playlist-container small,
body.light-mode #active-playlist-container .text-white\/40,
body.light-mode #active-playlist-container .text-white\/50,
body.light-mode #active-playlist-container .text-white\/60 {
  color: rgba(64, 81, 106, 0.86) !important;
}

body.light-mode #active-playlist-container .studio-dna-chip,
body.light-mode #active-playlist-container .studio-key-pill,
body.light-mode #active-playlist-container .studio-harmonic-indicator {
  background: rgba(0, 71, 171, 0.10) !important;
  color: #0047ab !important;
  border-color: rgba(0, 71, 171, 0.30) !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

body.light-mode .studio-smart-btn {
  background: rgba(0, 71, 171, 0.08) !important;
  color: #0047ab !important;
  border-color: rgba(0, 71, 171, 0.32) !important;
  text-shadow: none !important;
  box-shadow: 0 8px 18px rgba(7, 17, 31, 0.08) !important;
}

body.light-mode .studio-smart-btn:hover,
body.light-mode .studio-smart-btn:focus-visible,
body.light-mode .studio-smart-btn:active {
  background: linear-gradient(135deg, #3b82f6, #0047ab) !important;
  color: #ffffff !important;
  border-color: #0047ab !important;
  box-shadow: 0 0 28px rgba(0, 71, 171, 0.34), 0 12px 26px rgba(7, 17, 31, 0.14) !important;
}

body.light-mode .transition-badge,
body.light-mode .transition-badge.energy-spine-node,
body.light-mode .transition-badge.energy-spine-node::before,
body.light-mode .transition-badge.energy-spine-node::after,
body.light-mode .energy-spine-node,
body.light-mode .badge-green,
body.light-mode .badge-yellow {
  background: linear-gradient(135deg, #3b82f6, #0047ab) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.74) !important;
  text-shadow: none !important;
  box-shadow: 0 0 26px rgba(0, 71, 171, 0.34), 0 12px 24px rgba(7, 17, 31, 0.15) !important;
}

body.light-mode .studio-spine-orb {
  background: radial-gradient(circle, #ffffff 0 12%, rgba(59, 130, 246, 0.42) 30%, rgba(0, 71, 171, 0.82) 100%) !important;
  box-shadow: 0 0 28px rgba(0, 71, 171, 0.38) !important;
}

/* Library: currently playing track and bottom player in day mode. */
body.light-mode #search-results .library-track-card.playing-track,
body.light-mode #search-results .library-track-card.library-track-playing,
body.light-mode #search-results .vampire-row.playing-track,
body.light-mode #lib-suggestions-list .recommendation-card.playing-track {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.98), rgba(232, 240, 255, 0.98) 52%, rgba(255, 255, 255, 0.98)) !important;
  color: #07111f !important;
  border-color: rgba(0, 71, 171, 0.42) !important;
  border-left: 6px solid #0047ab !important;
  text-shadow: none !important;
  box-shadow: 0 0 0 1px rgba(0, 71, 171, 0.10), 0 18px 40px rgba(7, 17, 31, 0.12), 0 0 30px rgba(0, 71, 171, 0.16) !important;
}

body.light-mode #tab-content-library.library-cockpit #search-results .library-track-card.playing-track,
body.light-mode #tab-content-library.library-cockpit #search-results .library-track-card.library-track-playing,
body.light-mode #tab-content-library.library-cockpit #search-results .vampire-row.playing-track,
body.light-mode #tab-content-library.library-cockpit #search-results .vampire-row.library-track-playing {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.98), rgba(232, 240, 255, 0.98) 52%, rgba(255, 255, 255, 0.98)) !important;
  color: #07111f !important;
  border-color: rgba(0, 71, 171, 0.42) !important;
  border-left: 6px solid #0047ab !important;
  text-shadow: none !important;
  box-shadow: 0 0 0 1px rgba(0, 71, 171, 0.10), 0 18px 40px rgba(7, 17, 31, 0.12), 0 0 30px rgba(0, 71, 171, 0.16) !important;
}

body.light-mode #tab-content-library.library-cockpit #search-results .library-track-card.playing-track::before,
body.light-mode #tab-content-library.library-cockpit #search-results .library-track-card.library-track-playing::before,
body.light-mode #tab-content-library.library-cockpit #search-results .vampire-row.playing-track::before,
body.light-mode #tab-content-library.library-cockpit #search-results .vampire-row.library-track-playing::before {
  background: linear-gradient(90deg, rgba(0, 71, 171, 0.12), transparent 52%) !important;
  opacity: 1 !important;
}

body.light-mode #search-results .library-track-card.playing-track *,
body.light-mode #search-results .library-track-card.library-track-playing *,
body.light-mode #search-results .vampire-row.playing-track *,
body.light-mode #lib-suggestions-list .recommendation-card.playing-track * {
  text-shadow: none !important;
}

body.light-mode #search-results .library-track-card.playing-track .library-track-title,
body.light-mode #search-results .library-track-card.library-track-playing .library-track-title,
body.light-mode #search-results .library-track-card.playing-track .track-title-resize,
body.light-mode #search-results .library-track-card.library-track-playing .track-title-resize,
body.light-mode #search-results .vampire-row.playing-track .track-title-resize,
body.light-mode #lib-suggestions-list .recommendation-card.playing-track .recommendation-title,
body.light-mode #lib-suggestions-list .recommendation-card.playing-track .track-title-resize {
  color: #07111f !important;
}

body.light-mode #search-results .library-track-card.playing-track .library-track-artist,
body.light-mode #search-results .library-track-card.library-track-playing .library-track-artist,
body.light-mode #search-results .library-track-card.playing-track .track-artist-resize,
body.light-mode #search-results .library-track-card.library-track-playing .track-artist-resize,
body.light-mode #search-results .vampire-row.playing-track .track-artist-resize,
body.light-mode #lib-suggestions-list .recommendation-card.playing-track .recommendation-artist,
body.light-mode #lib-suggestions-list .recommendation-card.playing-track .track-artist-resize {
  color: rgba(64, 81, 106, 0.88) !important;
}

body.light-mode #search-results .library-track-card.playing-track .library-year-chip,
body.light-mode #search-results .library-track-card.playing-track .library-dna-chip,
body.light-mode #search-results .library-track-card.playing-track .library-bpm-value,
body.light-mode #search-results .library-track-card.library-track-playing .library-year-chip,
body.light-mode #search-results .library-track-card.library-track-playing .library-dna-chip,
body.light-mode #search-results .library-track-card.library-track-playing .library-bpm-value,
body.light-mode #search-results .vampire-row.playing-track .dna-badge,
body.light-mode #search-results .vampire-row.playing-track .bpm-block {
  background: #0047ab !important;
  color: #ffffff !important;
  border-color: #0047ab !important;
  box-shadow: 0 0 18px rgba(0, 71, 171, 0.24) !important;
}

body.light-mode #search-results .library-track-card.playing-track .library-artwork,
body.light-mode #search-results .library-track-card.library-track-playing .library-artwork,
body.light-mode #search-results .vampire-row.playing-track .library-artwork {
  border-color: rgba(0, 71, 171, 0.58) !important;
  box-shadow: 0 0 26px rgba(0, 71, 171, 0.22), 0 14px 26px rgba(7, 17, 31, 0.14) !important;
}

body.light-mode #audio-player.library-player-upgrade,
body.light-mode #audio-player {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(238, 243, 251, 0.98)) !important;
  color: #07111f !important;
  border-top-color: rgba(0, 71, 171, 0.18) !important;
  box-shadow: 0 -18px 44px rgba(7, 17, 31, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.90) !important;
}

body.light-mode #audio-player.library-player-upgrade .player-track-copy,
body.light-mode #audio-player.library-player-upgrade .player-track-copy *,
body.light-mode #audio-player .player-track-copy,
body.light-mode #audio-player .player-track-copy * {
  color: #07111f !important;
  text-shadow: none !important;
}

body.light-mode #audio-player .text-white\/40,
body.light-mode #audio-player .text-white\/50,
body.light-mode #audio-player .text-white\/60,
body.light-mode #audio-player .text-axiom-muted {
  color: rgba(64, 81, 106, 0.86) !important;
}

body.light-mode #audio-player .player-artwork {
  background: linear-gradient(135deg, rgba(0, 71, 171, 0.16), rgba(255, 255, 255, 0.96)) !important;
  border-color: rgba(0, 71, 171, 0.28) !important;
  box-shadow: 0 12px 24px rgba(7, 17, 31, 0.12) !important;
}

/* Anchor Selection: full day-mode modal, panels, suggestions, and live mix card. */
body.light-mode #replacement-modal.anchor-dj-modal {
  background: radial-gradient(circle at 46% 12%, rgba(0, 71, 171, 0.12), transparent 32%), rgba(248, 251, 255, 0.94) !important;
  color: #07111f !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .anchor-dj-shell,
body.light-mode #replacement-modal.anchor-dj-modal .anchor-hero-panel,
body.light-mode #replacement-modal.anchor-dj-modal .anchor-suggestions-panel,
body.light-mode #replacement-modal.anchor-dj-modal .live-transition-panel,
body.light-mode #replacement-modal.anchor-dj-modal .modal-action-panel,
body.light-mode #replacement-modal.anchor-dj-modal .anchor-insight-strip,
body.light-mode #replacement-modal.anchor-dj-modal .anchor-insight-bar,
body.light-mode #replacement-modal.anchor-dj-modal .mix-advice-card,
body.light-mode #replacement-modal.anchor-dj-modal .transition-stage-metric,
body.light-mode #replacement-modal.anchor-dj-modal .transition-now-playing,
body.light-mode #replacement-modal.anchor-dj-modal .transition-intel-stage {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(238, 243, 251, 0.96)) !important;
  color: #07111f !important;
  border-color: rgba(0, 71, 171, 0.20) !important;
  text-shadow: none !important;
  box-shadow: 0 18px 42px rgba(7, 17, 31, 0.12), 0 0 22px rgba(0, 71, 171, 0.10) !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .anchor-dj-shell::before,
body.light-mode #replacement-modal.anchor-dj-modal .live-transition-panel::before,
body.light-mode #replacement-modal.anchor-dj-modal .transition-now-playing::after {
  background: radial-gradient(circle at 50% 20%, rgba(0, 71, 171, 0.14), transparent 42%) !important;
  opacity: 0.58 !important;
  box-shadow: none !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .anchor-cover-card,
body.light-mode #replacement-modal.anchor-dj-modal .anchor-suggestion-art,
body.light-mode #replacement-modal.anchor-dj-modal .transition-focal-art {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(238, 243, 251, 0.96)) !important;
  color: #07111f !important;
  border-color: rgba(0, 71, 171, 0.28) !important;
  box-shadow: 0 12px 28px rgba(7, 17, 31, 0.12), 0 0 22px rgba(0, 71, 171, 0.14) !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .artwork-fallback {
  background:
    radial-gradient(circle at 50% 42%, rgba(0, 71, 171, 0.30), transparent 24%),
    linear-gradient(135deg, rgba(0, 71, 171, 0.82), rgba(37, 99, 235, 0.64) 58%, rgba(238, 243, 251, 0.92)) !important;
  color: #ffffff !important;
  text-shadow: 0 1px 8px rgba(0, 24, 72, 0.32) !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .anchor-close-btn,
body.light-mode #replacement-modal.anchor-dj-modal .anchor-filter-btn,
body.light-mode #replacement-modal.anchor-dj-modal .anchor-filter-select,
body.light-mode #replacement-modal.anchor-dj-modal .anchor-search-wrap,
body.light-mode #replacement-modal.anchor-dj-modal .anchor-search-input,
body.light-mode #replacement-modal.anchor-dj-modal .anchor-sort-select,
body.light-mode #replacement-modal.anchor-dj-modal .anchor-wave-mode,
body.light-mode #replacement-modal.anchor-dj-modal .anchor-cue-select,
body.light-mode #replacement-modal.anchor-dj-modal .transition-action {
  background: rgba(255, 255, 255, 0.96) !important;
  color: #07111f !important;
  border-color: rgba(0, 71, 171, 0.24) !important;
  text-shadow: none !important;
  box-shadow: 0 8px 18px rgba(7, 17, 31, 0.08) !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .anchor-filter-btn:hover,
body.light-mode #replacement-modal.anchor-dj-modal .anchor-filter-btn.primary,
body.light-mode #replacement-modal.anchor-dj-modal .anchor-filter-select:hover,
body.light-mode #replacement-modal.anchor-dj-modal .transition-action:hover,
body.light-mode #replacement-modal.anchor-dj-modal .transition-action.primary,
body.light-mode #replacement-modal.anchor-dj-modal .anchor-suggestion-add {
  background: linear-gradient(135deg, #3b82f6, #0047ab) !important;
  color: #ffffff !important;
  border-color: #0047ab !important;
  text-shadow: none !important;
  box-shadow: 0 0 28px rgba(0, 71, 171, 0.34), 0 12px 26px rgba(7, 17, 31, 0.14) !important;
}

body.light-mode .axiom-help-btn-compact,
body.light-mode #studio-active-view #btn-studio-guide.axiom-help-btn-compact {
  background: linear-gradient(145deg, #3b82f6, #0047ab) !important;
  color: #ffffff !important;
  border-color: #0047ab !important;
  box-shadow:
    0 0 0 1px rgba(0,71,171,0.18),
    0 0 24px rgba(0,71,171,0.20),
    0 14px 32px rgba(7,17,31,0.14),
    inset 0 1px 0 rgba(255,255,255,0.62) !important;
  text-shadow: none !important;
}

body.light-mode .axiom-help-btn-compact span,
body.light-mode #studio-active-view #btn-studio-guide.axiom-help-btn-compact span {
  color: #ffffff !important;
  text-shadow: none !important;
}

body.light-mode .axiom-help-btn-compact:hover,
body.light-mode #studio-active-view #btn-studio-guide.axiom-help-btn-compact:hover {
  background: linear-gradient(145deg, #60a5fa, #0056ce) !important;
  color: #ffffff !important;
  border-color: #0047ab !important;
  box-shadow:
    0 0 0 1px rgba(0,71,171,0.36),
    0 0 36px rgba(0,71,171,0.28),
    0 20px 46px rgba(7,17,31,0.18),
    inset 0 1px 0 rgba(255,255,255,0.82) !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .anchor-meta-pill,
body.light-mode #replacement-modal.anchor-dj-modal .anchor-tag-row span,
body.light-mode #replacement-modal.anchor-dj-modal .anchor-suggestion-tags span,
body.light-mode #replacement-modal.anchor-dj-modal .anchor-suggestion-metric,
body.light-mode #replacement-modal.anchor-dj-modal .anchor-suggestion-key,
body.light-mode #replacement-modal.anchor-dj-modal .anchor-suggestion-match,
body.light-mode #replacement-modal.anchor-dj-modal .hot-cue-card {
  background: rgba(0, 71, 171, 0.09) !important;
  color: #0047ab !important;
  border-color: rgba(0, 71, 171, 0.24) !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .anchor-suggestion-row,
body.light-mode #replacement-modal.anchor-dj-modal .vampire-row.anchor-suggestion-row {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.98), rgba(242, 246, 252, 0.98)) !important;
  color: #07111f !important;
  border-color: rgba(0, 71, 171, 0.16) !important;
  text-shadow: none !important;
  box-shadow: 0 10px 22px rgba(7, 17, 31, 0.08) !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .anchor-suggestion-row:hover,
body.light-mode #replacement-modal.anchor-dj-modal .anchor-suggestion-row.selected,
body.light-mode #replacement-modal.anchor-dj-modal .anchor-suggestion-row.active-suggestion {
  background: linear-gradient(90deg, rgba(238, 243, 251, 0.98), rgba(255, 255, 255, 0.98)) !important;
  border-color: rgba(0, 71, 171, 0.42) !important;
  box-shadow: 0 0 0 1px rgba(0, 71, 171, 0.10), 0 14px 28px rgba(7, 17, 31, 0.10), 0 0 26px rgba(0, 71, 171, 0.14) !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .anchor-suggestion-play {
  background: linear-gradient(135deg, #3b82f6, #0047ab) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.70) !important;
  box-shadow: 0 0 24px rgba(0, 71, 171, 0.30) !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .anchor-title,
body.light-mode #replacement-modal.anchor-dj-modal .anchor-subtitle,
body.light-mode #replacement-modal.anchor-dj-modal .anchor-section-title,
body.light-mode #replacement-modal.anchor-dj-modal .anchor-detail-title,
body.light-mode #replacement-modal.anchor-dj-modal .anchor-suggestion-title,
body.light-mode #replacement-modal.anchor-dj-modal .anchor-suggestion-artist,
body.light-mode #replacement-modal.anchor-dj-modal .transition-now-title,
body.light-mode #replacement-modal.anchor-dj-modal .transition-now-artist,
body.light-mode #replacement-modal.anchor-dj-modal .mix-advice-card strong,
body.light-mode #replacement-modal.anchor-dj-modal .transition-stage-metric strong,
body.light-mode #replacement-modal.anchor-dj-modal .anchor-suggestion-row strong,
body.light-mode #replacement-modal.anchor-dj-modal .anchor-suggestion-row span,
body.light-mode #replacement-modal.anchor-dj-modal .anchor-suggestion-row small,
body.light-mode #replacement-modal.anchor-dj-modal .anchor-suggestion-row p {
  color: #07111f !important;
  text-shadow: none !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .anchor-suggestion-artist,
body.light-mode #replacement-modal.anchor-dj-modal .transition-stage-metric span,
body.light-mode #replacement-modal.anchor-dj-modal .anchor-suggestion-metric span,
body.light-mode #replacement-modal.anchor-dj-modal .anchor-suggestion-key span,
body.light-mode #replacement-modal.anchor-dj-modal .anchor-suggestion-match span,
body.light-mode #replacement-modal.anchor-dj-modal .text-white\/40,
body.light-mode #replacement-modal.anchor-dj-modal .text-white\/50,
body.light-mode #replacement-modal.anchor-dj-modal .text-white\/60 {
  color: rgba(64, 81, 106, 0.86) !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .transition-stage-score,
body.light-mode #replacement-modal.anchor-dj-modal .confidence-ring,
body.light-mode #replacement-modal.anchor-dj-modal .transition-now-kicker,
body.light-mode #replacement-modal.anchor-dj-modal .text-axiom-accent,
body.light-mode #replacement-modal.anchor-dj-modal .compatibility-score,
body.light-mode #replacement-modal.anchor-dj-modal .anchor-meta-pill.accent,
body.light-mode #replacement-modal.anchor-dj-modal .anchor-suggestion-match strong {
  color: #0047ab !important;
  text-shadow: none !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .transition-stage-score,
body.light-mode #replacement-modal.anchor-dj-modal .confidence-ring {
  background: radial-gradient(circle, rgba(0, 71, 171, 0.12), transparent 58%) !important;
  border-color: rgba(0, 71, 171, 0.24) !important;
  box-shadow: 0 0 24px rgba(0, 71, 171, 0.16) !important;
}

/* Final leak plugs: pseudo glows and cue UI discovered in browser verification. */
body.light-mode .energy-timeline-track::before {
  background: linear-gradient(90deg, transparent, rgba(0, 71, 171, 0.28), transparent) !important;
  box-shadow: 0 0 18px rgba(0, 71, 171, 0.16) !important;
  opacity: 0.34 !important;
}

body.light-mode .energy-timeline-track::after {
  background: radial-gradient(rgba(255, 255, 255, 0.95), rgba(0, 71, 171, 0.36) 28%, transparent 74%) !important;
  box-shadow: 0 0 30px rgba(0, 71, 171, 0.20) !important;
}

body.light-mode #studio-start-view.command-launch-shell::before,
body.light-mode .command-launch-shell::before {
  background:
    radial-gradient(at 72% 38%, rgba(37, 99, 235, 0.12), transparent 18%),
    radial-gradient(at 67% 33%, rgba(0, 71, 171, 0.18), transparent 20%),
    radial-gradient(at 34% 46%, rgba(0, 71, 171, 0.10), transparent 28%),
    radial-gradient(at 50% 78%, rgba(255, 255, 255, 0.08), transparent 30%),
    linear-gradient(rgba(0, 71, 171, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 71, 171, 0.038) 1px, transparent 1px) !important;
  background-size: auto, auto, auto, 62px 62px, 62px 62px, 62px 62px !important;
  opacity: 0.66 !important;
}

body.light-mode #studio-start-view.command-launch-shell::after,
body.light-mode .command-launch-shell::after {
  background:
    repeating-linear-gradient(0deg, rgba(0, 71, 171, 0.035) 0 1px, transparent 1px 5px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.78), transparent 14%, transparent 82%, rgba(255, 255, 255, 0.80)),
    radial-gradient(at 50% 46%, transparent 0 42%, rgba(0, 71, 171, 0.06) 68%, rgba(255, 255, 255, 0.82) 100%) !important;
  opacity: 0.46 !important;
}

body.light-mode .command-action-card,
body.light-mode #btn-upload-csv.command-action-card {
  background: radial-gradient(at 82% 56%, rgba(13, 148, 136, 0.10), transparent 30%), linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(242, 246, 252, 0.94)) !important;
  color: #07111f !important;
  border-color: rgba(13, 148, 136, 0.22) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 22px 58px rgba(7, 17, 31, 0.12), 0 0 28px rgba(13, 148, 136, 0.08) !important;
}

body.light-mode .command-action-card::before,
body.light-mode #btn-upload-csv.command-action-card::before {
  background:
    radial-gradient(circle at 74% 50%, rgba(13, 148, 136, 0.16), transparent 24%),
    radial-gradient(at 50% 115%, rgba(255, 255, 255, 0.88), transparent 42%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.42), transparent 36%),
    linear-gradient(to top, rgba(15, 23, 42, 0.08), transparent 60%) !important;
  opacity: 0.70 !important;
}

body.light-mode .command-card-guidance span {
  color: rgba(64, 81, 106, 0.86) !important;
}

body.light-mode .command-card-guidance span::before {
  background: #0f766e !important;
  box-shadow: 0 0 10px rgba(15, 118, 110, 0.22) !important;
}

body.light-mode .command-action-card::after,
body.light-mode #btn-upload-csv.command-action-card::after,
body.light-mode .command-card-visual,
body.light-mode .command-card-visual::before {
  border-color: rgba(0, 71, 171, 0.14) !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .dj-waveform {
  --wave-active: #0047ab !important;
  --wave-base: rgba(64, 81, 106, 0.42) !important;
  background: rgba(255, 255, 255, 0.72) !important;
  border-color: rgba(0, 71, 171, 0.20) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.80), 0 10px 22px rgba(7, 17, 31, 0.08) !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .dj-wave-bars span,
body.light-mode #replacement-modal.anchor-dj-modal .dj-wave-bars span:nth-child(5n),
body.light-mode #replacement-modal.anchor-dj-modal .dj-wave-bars span:nth-child(13n),
body.light-mode #replacement-modal.anchor-dj-modal .dj-waveform.is-active .dj-wave-bars span:nth-child(4n) {
  background: rgba(0, 71, 171, 0.72) !important;
  box-shadow: 0 0 8px rgba(0, 71, 171, 0.20) !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .cue-marker,
body.light-mode #replacement-modal.anchor-dj-modal .cue-marker::before,
body.light-mode #replacement-modal.anchor-dj-modal .cue-marker::after,
body.light-mode #replacement-modal.anchor-dj-modal .cue-dot {
  background: #0047ab !important;
  border-color: rgba(255, 255, 255, 0.70) !important;
  box-shadow: 0 0 12px rgba(0, 71, 171, 0.34) !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .hot-cue-card strong,
body.light-mode #replacement-modal.anchor-dj-modal .hot-cue-card span,
body.light-mode #replacement-modal.anchor-dj-modal .anchor-insight-strip span {
  color: #0047ab !important;
  text-shadow: none !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .anchor-insight-strip p,
body.light-mode #replacement-modal.anchor-dj-modal #modal-insight-copy {
  color: #07111f !important;
  text-shadow: none !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .transition-stage-focal,
body.light-mode #replacement-modal.anchor-dj-modal .transition-overlap-wave,
body.light-mode #replacement-modal.anchor-dj-modal .transition-wave-card,
body.light-mode #replacement-modal.anchor-dj-modal .cue-table-card {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(238, 243, 251, 0.96)) !important;
  color: #07111f !important;
  border-color: rgba(0, 71, 171, 0.20) !important;
  text-shadow: none !important;
  box-shadow: 0 18px 42px rgba(7, 17, 31, 0.12), 0 0 22px rgba(0, 71, 171, 0.10) !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .transition-perspective-grid {
  background-image:
    linear-gradient(rgba(0, 71, 171, 0.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 71, 171, 0.12) 1px, transparent 1px) !important;
  box-shadow: inset 0 0 24px rgba(0, 71, 171, 0.08) !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .transition-intel-stage {
  background:
    radial-gradient(circle at 28% 28%, rgba(0, 71, 171, 0.12), transparent 34%),
    radial-gradient(circle at 92% 12%, rgba(37, 99, 235, 0.10), transparent 30%),
    linear-gradient(150deg, rgba(255, 255, 255, 0.99), rgba(238, 243, 251, 0.97) 58%, rgba(229, 237, 249, 0.94)) !important;
  color: #07111f !important;
  border-color: rgba(0, 71, 171, 0.32) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.90),
    0 16px 36px rgba(7, 17, 31, 0.12),
    0 0 24px rgba(0, 71, 171, 0.12) !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .transition-intel-stage::before {
  background:
    radial-gradient(circle at 22% 42%, rgba(0, 71, 171, 0.14), transparent 38%),
    radial-gradient(circle at 68% 66%, rgba(255, 255, 255, 0.42), transparent 34%),
    linear-gradient(110deg, transparent 0 42%, rgba(0, 71, 171, 0.08) 43% 44%, transparent 45% 100%) !important;
  filter: blur(16px) saturate(1) !important;
  opacity: 0.50 !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .transition-intel-stage::after {
  background:
    linear-gradient(to top, rgba(255, 255, 255, 0.38), transparent 38%),
    radial-gradient(circle at 50% 50%, transparent 0 36%, rgba(0, 71, 171, 0.08) 74%),
    repeating-linear-gradient(0deg, rgba(0, 71, 171, 0.045) 0 1px, transparent 1px 7px) !important;
  box-shadow: none !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .transition-sync-line {
  background: linear-gradient(to right, transparent, rgba(0, 71, 171, 0.34), rgba(255, 255, 255, 0.58), transparent) !important;
  box-shadow: 0 0 16px rgba(0, 71, 171, 0.18) !important;
  opacity: 0.36 !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .transition-now-playing,
body.light-mode #replacement-modal.anchor-dj-modal .transition-stage-metric,
body.light-mode #replacement-modal.anchor-dj-modal .transition-stage-score {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(226, 237, 252, 0.90)) !important;
  color: #07111f !important;
  border-color: rgba(0, 71, 171, 0.20) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.78),
    0 10px 22px rgba(7, 17, 31, 0.08) !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .transition-stage-score {
  color: #0047ab !important;
  text-shadow: 0 0 16px rgba(0, 71, 171, 0.12) !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .transition-now-kicker,
body.light-mode #replacement-modal.anchor-dj-modal .transition-stage-score span,
body.light-mode #replacement-modal.anchor-dj-modal .transition-stage-metric span {
  color: #0047ab !important;
  text-shadow: none !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .transition-now-title,
body.light-mode #replacement-modal.anchor-dj-modal .transition-now-artist,
body.light-mode #replacement-modal.anchor-dj-modal .transition-stage-metric strong {
  color: #07111f !important;
  text-shadow: none !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .transition-metric-card,
body.light-mode #replacement-modal.anchor-dj-modal .transition-metric-card.is-confidence {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(226, 237, 252, 0.90)) !important;
  color: #07111f !important;
  border-color: rgba(0, 71, 171, 0.20) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.78),
    0 10px 22px rgba(7, 17, 31, 0.08) !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .transition-metric-card span,
body.light-mode #replacement-modal.anchor-dj-modal .transition-metric-card.is-confidence span,
body.light-mode #replacement-modal.anchor-dj-modal .transition-metric-card.is-confidence strong {
  color: #0047ab !important;
  text-shadow: none !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .transition-metric-card strong {
  color: #07111f !important;
  text-shadow: none !important;
}

/* Health: top-level day-mode workspace with readable cards, rows, and progress panels. */
body.light-mode.studio-health-mode #tab-content-studio,
body.light-mode.studio-health-mode #studio-active-view,
body.light-mode #health-view {
  background: #f5f7fb !important;
  color: #07111f !important;
}

body.light-mode #health-view .health-command-header {
  border-bottom-color: rgba(0, 71, 171, 0.18) !important;
}

body.light-mode #health-view .health-command-kicker,
body.light-mode #health-view .health-repair-kicker,
body.light-mode #health-view .health-repair-result,
body.light-mode #health-view .text-axiom-accent,
body.light-mode #health-view .text-green-400,
body.light-mode #health-view .text-green-500 {
  color: #0047ab !important;
  text-shadow: none !important;
}

body.light-mode #health-view .health-command-title,
body.light-mode #health-view .health-repair-title,
body.light-mode #health-view .health-summary-card strong,
body.light-mode #health-view .health-repair-row strong,
body.light-mode #health-view .text-white,
body.light-mode #health-view .text-white\/80,
body.light-mode #health-view .text-white\/70,
body.light-mode #health-view .text-white\/60,
body.light-mode #health-view .text-white\/50,
body.light-mode #health-view .text-white\/40,
body.light-mode #health-view .text-white\/30 {
  color: #07111f !important;
  text-shadow: none !important;
}

body.light-mode #health-view .health-command-copy,
body.light-mode #health-view .health-summary-card small,
body.light-mode #health-view .health-repair-subtitle,
body.light-mode #health-view .health-repair-row span,
body.light-mode #health-view .text-axiom-muted {
  color: rgba(64, 81, 106, 0.86) !important;
  text-shadow: none !important;
}

body.light-mode #health-view .health-summary-card,
body.light-mode #health-view .health-tools-row,
body.light-mode #health-view #health-progress-container,
body.light-mode #health-view .health-repair-review,
body.light-mode #health-view .health-repair-row,
body.light-mode #health-view .glass,
body.light-mode #health-view .rescan-chip,
body.light-mode #health-view .health-item {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(238, 243, 251, 0.96)) !important;
  color: #07111f !important;
  border-color: rgba(0, 71, 171, 0.18) !important;
  text-shadow: none !important;
  box-shadow: 0 12px 28px rgba(7, 17, 31, 0.08) !important;
}

body.light-mode #health-view .acc-header,
body.light-mode #health-view .acc-body {
  background: rgba(255, 255, 255, 0.72) !important;
  color: #07111f !important;
  border-color: rgba(0, 71, 171, 0.14) !important;
}

body.light-mode #health-view button,
body.light-mode #health-view select {
  text-shadow: none !important;
}

body.light-mode #health-view button.bg-white\/5,
body.light-mode #health-view button.bg-white\/10,
body.light-mode #health-view .health-repair-actions button,
body.light-mode #health-view .health-back-studio-btn {
  background: rgba(255, 255, 255, 0.94) !important;
  color: #07111f !important;
  border-color: rgba(0, 71, 171, 0.24) !important;
  box-shadow: 0 8px 18px rgba(7, 17, 31, 0.08) !important;
}

body.light-mode #health-view .health-back-studio-btn,
body.light-mode #health-view button.bg-axiom-accent,
body.light-mode #health-view .health-repair-actions button.primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  border-radius: 12px;
  padding: 0 16px;
  background: linear-gradient(135deg, #3b82f6, #0047ab) !important;
  color: #ffffff !important;
  border: 1px solid #0047ab !important;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  box-shadow: 0 0 24px rgba(0, 71, 171, 0.24), 0 12px 24px rgba(7, 17, 31, 0.12) !important;
}

body.light-mode #health-view #processor-mode,
body.light-mode #health-view .bg-black\/40,
body.light-mode #health-view .bg-black\/50 {
  background: rgba(255, 255, 255, 0.88) !important;
  color: #07111f !important;
  border-color: rgba(0, 71, 171, 0.16) !important;
}

body.light-mode #health-view #health-progress-bar,
body.light-mode #health-view #inline-year-batch-bar {
  background: linear-gradient(90deg, #3b82f6, #0047ab) !important;
  box-shadow: 0 0 14px rgba(0, 71, 171, 0.24) !important;
}

body.light-mode #health-view .health-summary-card.bpm .health-stat,
body.light-mode #health-view .health-summary-card.key .health-stat {
  color: #0047ab !important;
}

body.light-mode #health-view .health-show-all-btn,
body.light-mode #health-view .health-summary-card.file .health-card-action,
body.light-mode #health-view .health-summary-card.bpm .health-card-action,
body.light-mode #health-view .health-summary-card.key .health-card-action,
body.light-mode #health-view button[onclick*="batchFixHealthByType('Missing BPM'"],
body.light-mode #health-view button[onclick*="batchFixHealthByType('Missing Key'"],
body.light-mode #health-view button[onclick*="purgeMissingFiles"] {
  background: linear-gradient(135deg, #3b82f6, #0047ab) !important;
  color: #ffffff !important;
  border-color: #0047ab !important;
  text-shadow: none !important;
  box-shadow: 0 0 22px rgba(0, 71, 171, 0.22), 0 12px 24px rgba(7, 17, 31, 0.12) !important;
}

body.light-mode #health-view .health-summary-card.year .health-card-action,
body.light-mode #health-view button[onclick*="startInlineBatchRescan"],
body.light-mode #health-view button[onclick*="toggleAccordion('year-rescan'"],
body.light-mode #health-view button[onclick*="resetAxiomLibraryIndex"] {
  background: linear-gradient(135deg, #f59e0b, #b45309) !important;
  color: #ffffff !important;
  border-color: #b45309 !important;
  text-shadow: none !important;
  box-shadow: 0 0 20px rgba(180, 83, 9, 0.18), 0 12px 24px rgba(7, 17, 31, 0.10) !important;
}

body.light-mode #health-view .health-summary-card.year .health-stat,
body.light-mode #health-view .text-amber-400,
body.light-mode #health-view .text-amber-300 {
  color: #92400e !important;
  text-shadow: none !important;
}

/* --------------------------------------------------------------------------
   Day mode system finish
   This block intentionally sits at true EOF. The redesign stylesheet owns
   geometry; Day Mode only inverts surfaces, text, state colour, and glow.
   -------------------------------------------------------------------------- */

/* Shared shell and sidebar */
body.light-mode #axiom-sidebar.axiom-sidebar {
  background: #ffffff !important;
  color: #07111f !important;
  border-right: 1px solid rgba(0, 71, 171, 0.16) !important;
  box-shadow: 14px 0 34px rgba(7, 17, 31, 0.08) !important;
}

body.light-mode #axiom-sidebar :is(
  .axiom-start-wordmark,
  .axiom-sidebar-nav-item,
  .axiom-sidebar-nav-label,
  .axiom-sidebar-track-unit
) {
  color: #07111f !important;
  text-shadow: none !important;
}

body.light-mode #axiom-sidebar :is(.axiom-sidebar-nav-item, .axiom-sidebar-utility-btn) svg {
  color: #40516a !important;
  filter: none !important;
}

body.light-mode #axiom-sidebar .axiom-sidebar-nav-item:hover {
  background: #eef3fb !important;
  color: #0047ab !important;
}

body.light-mode #axiom-sidebar .axiom-sidebar-nav-item[data-nav-state="active"] {
  background: linear-gradient(90deg, rgba(0, 71, 171, 0.14), rgba(37, 99, 235, 0.05)) !important;
  color: #07111f !important;
  box-shadow:
    inset 5px 0 0 #0047ab,
    inset 0 1px 0 rgba(0, 71, 171, 0.30),
    inset 0 -1px 0 rgba(0, 71, 171, 0.30) !important;
}

body.light-mode #axiom-sidebar .axiom-sidebar-nav-item[data-nav-state="active"] svg,
body.light-mode #axiom-sidebar .axiom-sidebar-nav-item[data-nav-state="active"] .axiom-sidebar-nav-icon {
  color: #0047ab !important;
  filter: drop-shadow(0 0 6px rgba(0, 71, 171, 0.20)) !important;
}

body.light-mode #axiom-sidebar :is(.axiom-sidebar-submenu, .axiom-sidebar-counter-menu) {
  background: #f8fbff !important;
  color: #07111f !important;
  border-color: rgba(0, 71, 171, 0.16) !important;
}

body.light-mode #axiom-sidebar :is(.axiom-sidebar-submenu-item, .axiom-sidebar-submenu-item span) {
  color: #40516a !important;
}

body.light-mode #axiom-sidebar .axiom-sidebar-submenu-item:hover {
  background: rgba(0, 71, 171, 0.08) !important;
  color: #0047ab !important;
}

body.light-mode #axiom-sidebar #tracks-drop-zone {
  background: linear-gradient(180deg, #f8fbff, #eef3fb) !important;
  border-top: 2px solid #0047ab !important;
  box-shadow: inset 0 14px 30px rgba(0, 71, 171, 0.06) !important;
}

body.light-mode #axiom-sidebar #tracks-drop-zone #lib-track-count-val {
  color: #0047ab !important;
  text-shadow: none !important;
}

body.light-mode #axiom-sidebar #tracks-drop-zone .axiom-sidebar-track-unit {
  color: #07111f !important;
}

body.light-mode #axiom-sidebar #lib-status,
body.light-mode #axiom-sidebar #lib-status span {
  background: #ffffff !important;
  color: #40516a !important;
}

body.light-mode #axiom-sidebar #lib-status::before {
  background: #0047ab !important;
  box-shadow: 0 0 8px rgba(0, 71, 171, 0.24) !important;
}

/* Shared controls: every Night lime action becomes Day blue. */
body.light-mode :is(.button--primary, .player-add-btn, .library-add-btn, .anchor-suggestion-add) {
  background: #0047ab !important;
  color: #ffffff !important;
  border-color: #0047ab !important;
  text-shadow: none !important;
  box-shadow: 0 0 16px rgba(0, 71, 171, 0.18) !important;
}

body.light-mode :is(.button--green-outline, .studio-smart-btn, .anchor-header-action.primary) {
  background: #ffffff !important;
  color: #0047ab !important;
  border-color: rgba(0, 71, 171, 0.58) !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

body.light-mode :is(.axiom-help-btn, .axiom-help-btn--compact, .axiom-help-btn--feature),
body.light-mode #studio-active-view #btn-studio-guide.axiom-help-btn,
body.light-mode #tab-content-library.library-cockpit .library-guide-btn.axiom-help-btn {
  background: #0047ab !important;
  color: #ffffff !important;
  border-color: #0047ab !important;
  text-shadow: none !important;
  box-shadow: 0 0 18px rgba(0, 71, 171, 0.18) !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .anchor-close-btn:not(.axiom-help-btn) {
  background: #ffffff !important;
  color: #07111f !important;
  border-color: rgba(7, 17, 31, 0.24) !important;
  box-shadow: none !important;
}

body.light-mode :is(.axiom-help-btn, .axiom-help-btn--compact, .axiom-help-btn--feature) span {
  color: #ffffff !important;
}

body.light-mode :is(.axiom-help-btn, .axiom-help-btn--compact, .axiom-help-btn--feature):hover {
  background: #2563eb !important;
  color: #ffffff !important;
  border-color: #2563eb !important;
}

/* Library and live recommendations: one readable hierarchy in every state. */
body.light-mode #tab-content-library.library-cockpit {
  background: #f5f7fb !important;
  color: #07111f !important;
}

body.light-mode #tab-content-library.library-cockpit :is(
  .library-topbar,
  .library-set-prep,
  .recommendations-panel,
  .smart-links-container
) {
  background-color: #ffffff !important;
  color: #07111f !important;
  border-color: rgba(0, 71, 171, 0.16) !important;
}

body.light-mode #tab-content-library.library-cockpit #search-results .library-track-card,
body.light-mode #tab-content-library.library-cockpit #lib-suggestions-list .recommendation-card {
  background: #ffffff !important;
  color: #07111f !important;
  border-color: rgba(7, 17, 31, 0.12) !important;
  box-shadow: 0 8px 18px rgba(7, 17, 31, 0.06) !important;
}

body.light-mode #tab-content-library.library-cockpit :is(
  .library-track-title,
  .recommendation-title,
  .recommendations-title,
  .track-title-resize
) {
  color: #07111f !important;
  text-shadow: none !important;
}

body.light-mode #tab-content-library.library-cockpit :is(
  .library-track-artist,
  .recommendation-artist,
  .track-artist-resize,
  .library-meta-line,
  .library-meta-line span,
  .recommendation-meta,
  .recommendation-meta span
) {
  color: #40516a !important;
  text-shadow: none !important;
}

body.light-mode #tab-content-library.library-cockpit #search-results .library-track-card.axiom-focus-deck-row.selected,
body.light-mode #tab-content-library.library-cockpit #lib-suggestions-list .recommendation-card:is(.selected, .active-suggestion),
body.light-mode #replacement-modal #modal-suggestions-list .anchor-suggestion-row.axiom-focus-deck-row:is(.selected, .active-suggestion) {
  background: linear-gradient(90deg, #ffffff, #e8f0ff 54%, #ffffff) !important;
  color: #07111f !important;
  border-top-color: #0047ab !important;
  border-right-color: rgba(0, 71, 171, 0.44) !important;
  border-bottom-color: #0047ab !important;
  box-shadow: 0 0 0 1px rgba(0, 71, 171, 0.10), 0 14px 28px rgba(7, 17, 31, 0.10), 0 0 22px rgba(0, 71, 171, 0.12) !important;
}

body.light-mode .axiom-focus-deck-row:is(.selected, .active-suggestion) .axiom-focus-marker {
  background: #0047ab !important;
  color: #ffffff !important;
  box-shadow: inset 5px 0 0 #00357f, inset -1px 0 0 rgba(255, 255, 255, 0.30) !important;
}

body.light-mode .axiom-focus-deck-row:is(.selected, .active-suggestion) .axiom-focus-marker > span {
  color: #ffffff !important;
}

body.light-mode .axiom-focus-deck-row:is(.selected, .active-suggestion) :is(
  .library-track-title,
  .studio-row-title,
  .anchor-suggestion-title
) {
  color: #07111f !important;
  border-bottom-color: #0047ab !important;
  text-decoration-color: #0047ab !important;
}

body.light-mode .axiom-focus-deck-row:is(.selected, .active-suggestion) :is(
  .library-track-artist,
  .studio-row-artist,
  .anchor-suggestion-artist,
  .library-meta-line,
  .library-meta-line span
) {
  color: #40516a !important;
}

body.light-mode .axiom-focus-deck-row:is(.selected, .active-suggestion) :is(
  .library-add-btn,
  .studio-smart-btn,
  .anchor-suggestion-add
) {
  background: #0047ab !important;
  color: #ffffff !important;
  border-color: #0047ab !important;
  box-shadow: 0 0 16px rgba(0, 71, 171, 0.18) !important;
}

/* Studio: preserve geometry and turn the entire musical-data system blue. */
body.light-mode #studio-active-view :is(#studio-save-set-btn, #btn-manual-mode) {
  background: #0047ab !important;
  color: #ffffff !important;
  border-color: #0047ab !important;
  box-shadow: 0 0 16px rgba(0, 71, 171, 0.18) !important;
}

body.light-mode #studio-active-view :is(.studio-set-brief, .studio-brief-strip) {
  background: #ffffff !important;
  color: #07111f !important;
  border-color: rgba(0, 71, 171, 0.16) !important;
}

body.light-mode #studio-active-view #btn-optimize.button--harmonic {
  background: #ffffff !important;
  color: #07111f !important;
  border-color: rgba(0, 71, 171, 0.54) !important;
  box-shadow: inset 0 0 12px rgba(0, 71, 171, 0.04) !important;
}

body.light-mode #studio-active-view #btn-optimize.button--harmonic:is(.active, [aria-pressed="true"]) {
  background: #2563eb !important;
  color: #ffffff !important;
  border-color: #2563eb !important;
}

body.light-mode #active-playlist-container .playlist-row.studio-transition-row.axiom-focus-deck-row.selected {
  background: linear-gradient(90deg, #ffffff, #e8f0ff 56%, #ffffff) !important;
  color: #07111f !important;
  border-top-color: #0047ab !important;
  border-right-color: rgba(0, 71, 171, 0.44) !important;
  border-bottom-color: #0047ab !important;
  box-shadow: 0 0 0 1px rgba(0, 71, 171, 0.10), 0 14px 28px rgba(7, 17, 31, 0.10), 0 0 22px rgba(0, 71, 171, 0.12) !important;
}

body.light-mode #active-playlist-container .playlist-row.studio-transition-row.axiom-focus-deck-row.selected .transition-badge.energy-spine-node {
  background: #ffffff !important;
  color: #0047ab !important;
  border-color: #0047ab !important;
  box-shadow: 0 0 0 4px rgba(0, 71, 171, 0.08), 0 0 22px rgba(0, 71, 171, 0.30), inset 0 0 12px rgba(0, 71, 171, 0.06) !important;
}

/* Matching Songs: invert the complete shell, including first-visit guidance. */
body.light-mode #replacement-modal.anchor-dj-modal .anchor-dj-topline {
  background: #ffffff !important;
  border-bottom-color: rgba(0, 71, 171, 0.16) !important;
}

body.light-mode #replacement-modal.anchor-dj-modal :is(
  .anchor-logo-word,
  .anchor-kicker,
  .anchor-section-label,
  .anchor-board-mode,
  .anchor-context-copy,
  .anchor-title,
  .anchor-subtitle,
  .anchor-remaining,
  .anchor-result-count,
  .anchor-decision-summary,
  .anchor-sort-pill > span,
  .transition-title
) {
  color: #07111f !important;
  text-shadow: none !important;
}

body.light-mode #replacement-modal.anchor-dj-modal :is(.anchor-context-copy, .anchor-subtitle, .anchor-result-count, .anchor-decision-summary) {
  color: #40516a !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .anchor-section-chip {
  background: color-mix(in srgb, var(--cue, #0047ab) 7%, #ffffff) !important;
  color: #07111f !important;
  box-shadow: none !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .anchor-section-chip span {
  color: #40516a !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .anchor-results-placeholder {
  background: rgba(0, 71, 171, 0.06) !important;
  color: #07111f !important;
  border-color: rgba(0, 71, 171, 0.34) !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .anchor-results-placeholder span {
  color: #0047ab !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .anchor-results-placeholder small {
  color: #40516a !important;
}

body.light-mode #replacement-modal.anchor-dj-modal :is(.anchor-panel-header, .anchor-filter-bar) {
  background: #ffffff !important;
  color: #07111f !important;
  border-color: rgba(0, 71, 171, 0.16) !important;
}

body.light-mode #replacement-modal.anchor-dj-modal :is(.anchor-header-action, .anchor-sort-pill, .transition-settings-btn) {
  background: #ffffff !important;
  color: #07111f !important;
  border-color: rgba(0, 71, 171, 0.24) !important;
  box-shadow: none !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .anchor-header-action.primary {
  background: #0047ab !important;
  color: #ffffff !important;
  border-color: #0047ab !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .transition-play-btn {
  background: #0047ab !important;
  color: #ffffff !important;
  border-color: #0047ab !important;
  box-shadow: 0 0 24px rgba(0, 71, 171, 0.24) !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .transition-preview-controls > button:not(.transition-play-btn) {
  color: #07111f !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .transition-preview-controls .skip-preview-icon {
  filter: brightness(0) saturate(100%) invert(20%) sepia(97%) saturate(2662%) hue-rotate(206deg) brightness(78%) contrast(111%) !important;
}

body.light-mode #replacement-modal.anchor-dj-modal .transition-action.primary {
  background: #0047ab !important;
  color: #ffffff !important;
  border-color: #0047ab !important;
  box-shadow: 0 0 20px rgba(0, 71, 171, 0.20) !important;
}

body.light-mode #smart-list-guide-popover {
  background: #ffffff !important;
  color: #07111f !important;
  border-color: rgba(0, 71, 171, 0.22) !important;
  box-shadow: 0 18px 42px rgba(7, 17, 31, 0.16) !important;
}

body.light-mode #smart-list-guide-popover .workflow-item.workflow-item-attention {
  border-color: rgba(0, 71, 171, 0.72) !important;
  box-shadow: inset 4px 0 0 #0047ab, 0 0 22px rgba(0, 71, 171, 0.18) !important;
}

body.light-mode #smart-list-guide-popover .workflow-close {
  background: #ffffff !important;
  color: #07111f !important;
  border-color: rgba(7, 17, 31, 0.24) !important;
}

body.light-mode #smart-list-guide-popover .workflow-close:hover,
body.light-mode #smart-list-guide-popover .workflow-close:focus-visible {
  background: #0047ab !important;
  color: #ffffff !important;
  border-color: #0047ab !important;
  outline-color: rgba(0, 71, 171, 0.56) !important;
}

/* Specificity locks for legacy selectors that still carry explicit night ink. */
html body.light-mode #axiom-sidebar .axiom-sidebar-nav-item :is(span, svg),
html body.light-mode #axiom-sidebar .axiom-sidebar-nav-item[data-nav-state="active"] :is(span, svg) {
  color: #07111f !important;
  filter: none !important;
}

html body.light-mode #axiom-sidebar .axiom-sidebar-nav-item[data-nav-state="active"] svg {
  color: #0047ab !important;
}

html body.light-mode #axiom-sidebar .axiom-sidebar-engine {
  background: #ffffff !important;
  color: #40516a !important;
  border-top-color: rgba(0, 71, 171, 0.14) !important;
}

html body.light-mode #tab-content-library.library-cockpit .library-guide-btn.axiom-help-btn.button--secondary,
html body.light-mode #studio-active-view #btn-studio-guide.axiom-help-btn.button--secondary {
  background: #0047ab !important;
  color: #ffffff !important;
  border-color: #0047ab !important;
  box-shadow: 0 0 18px rgba(0, 71, 171, 0.18) !important;
}

html body.light-mode #tab-content-library.library-cockpit #search-results .library-track-card.axiom-focus-deck-row :is(
  .library-track-title,
  .track-title-resize
),
html body.light-mode #tab-content-library.library-cockpit #lib-suggestions-list .recommendation-card :is(
  .recommendation-title,
  .track-title-resize
) {
  color: #07111f !important;
  text-shadow: none !important;
}

html body.light-mode #tab-content-library.library-cockpit #search-results .library-track-card.axiom-focus-deck-row :is(
  .library-track-artist,
  .track-artist-resize,
  .library-meta-line,
  .library-meta-line span
),
html body.light-mode #tab-content-library.library-cockpit #lib-suggestions-list .recommendation-card :is(
  .recommendation-artist,
  .track-artist-resize
) {
  color: #40516a !important;
  text-shadow: none !important;
}

html body.light-mode #tab-content-library.library-cockpit #search-results .library-track-card.axiom-focus-deck-row.selected .library-track-title {
  color: #07111f !important;
  border-bottom-color: #0047ab !important;
}

html body.light-mode #tab-content-studio,
html body.light-mode #studio-active-view {
  background: #f5f7fb !important;
  color: #07111f !important;
}

html body.light-mode #studio-active-view #studio-set-brief-bar,
html body.light-mode #studio-active-view #studio-mode-controls {
  background: #ffffff !important;
  color: #07111f !important;
  border-color: rgba(0, 71, 171, 0.16) !important;
}

html body.light-mode #studio-active-view #studio-save-set-btn.button--primary,
html body.light-mode #studio-active-view #studio-tab-manual.button--primary {
  background: #0047ab !important;
  color: #ffffff !important;
  border-color: #0047ab !important;
  box-shadow: 0 0 16px rgba(0, 71, 171, 0.18) !important;
}

html body.light-mode #studio-active-view #btn-optimize.button--harmonic {
  background: #ffffff !important;
  color: #07111f !important;
  border-color: rgba(0, 71, 171, 0.58) !important;
  box-shadow: inset 0 0 12px rgba(0, 71, 171, 0.04) !important;
}

html body.light-mode #active-playlist-container .playlist-row.studio-transition-row .transition-badge.energy-spine-node,
html body.light-mode #active-playlist-container .playlist-row.studio-transition-row .transition-badge.energy-spine-node::before,
html body.light-mode #active-playlist-container .playlist-row.studio-transition-row .transition-badge.energy-spine-node::after {
  background: linear-gradient(145deg, #60a5fa, #0047ab 58%, #00357f) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.82) !important;
  text-shadow: none !important;
  box-shadow:
    0 0 0 2px rgba(0, 71, 171, 0.08),
    0 0 12px rgba(0, 71, 171, 0.28),
    0 0 24px rgba(0, 71, 171, 0.14),
    inset 0 0 8px rgba(255, 255, 255, 0.16) !important;
}

html body.light-mode #active-playlist-container .playlist-row.studio-transition-row .studio-smart-btn.button--green-outline {
  background: #ffffff !important;
  color: #0047ab !important;
  border-color: rgba(0, 71, 171, 0.58) !important;
  box-shadow: none !important;
}

html body.light-mode #active-playlist-container .playlist-row.studio-transition-row .studio-smart-btn.button--green-outline:hover,
html body.light-mode #active-playlist-container .playlist-row.studio-transition-row.selected .studio-smart-btn.button--green-outline {
  background: #0047ab !important;
  color: #ffffff !important;
  border-color: #0047ab !important;
}

html body.light-mode #replacement-modal.anchor-dj-modal #anchor-transition-panel > .anchor-panel-header .anchor-section-label {
  color: #07111f !important;
  text-shadow: none !important;
}

html body.light-mode #replacement-modal.anchor-dj-modal .anchor-intent-btn.active {
  background: #0047ab !important;
  color: #ffffff !important;
  border-color: #0047ab !important;
  box-shadow: 0 0 20px rgba(0, 71, 171, 0.16) !important;
}

html body.light-mode #replacement-modal.anchor-dj-modal .anchor-section-chip:first-child,
html body.light-mode #replacement-modal.anchor-dj-modal .anchor-section-chip:first-child strong {
  --cue: #0047ab !important;
  color: #0047ab !important;
  border-color: rgba(0, 71, 171, 0.42) !important;
}

html body.light-mode #replacement-modal.anchor-dj-modal .transition-action.primary,
html body.light-mode #replacement-modal.anchor-dj-modal .transition-action.primary :is(span, small) {
  background: #0047ab !important;
  color: #ffffff !important;
  border-color: #0047ab !important;
  text-shadow: none !important;
}

/* Day mode completion locks. These selectors deliberately mirror the most
   specific night-mode component rules so the inverse system stays coherent. */
html body.light-mode aside#axiom-sidebar .axiom-sidebar-nav-item > div > span.text-primary-contrast,
html body.light-mode aside#axiom-sidebar .axiom-sidebar-nav-item > div > span:not(#fav-sidebar-badge) {
  color: #07111f !important;
  text-shadow: none !important;
}

html body.light-mode aside#axiom-sidebar .axiom-sidebar-nav-item svg,
html body.light-mode aside#axiom-sidebar .axiom-sidebar-nav-item .axiom-sidebar-nav-icon {
  color: #40516a !important;
  filter: none !important;
}

html body.light-mode aside#axiom-sidebar .axiom-sidebar-nav-item[data-nav-state="active"] > div > span:not(#fav-sidebar-badge),
html body.light-mode aside#axiom-sidebar .axiom-sidebar-nav-item[data-nav-state="active"] svg,
html body.light-mode aside#axiom-sidebar .axiom-sidebar-nav-item[data-nav-state="active"] .axiom-sidebar-nav-icon {
  color: #0047ab !important;
  filter: none !important;
}

html body.light-mode #tab-content-library.library-cockpit .library-brief-chip.button--small:not(.library-fresh-rotate) {
  background: #ffffff !important;
  color: #07111f !important;
  border-color: rgba(0, 71, 171, 0.34) !important;
  box-shadow: none !important;
}

html body.light-mode #tab-content-library.library-cockpit .library-brief-chip.button--small.active {
  background: #0047ab !important;
  color: #ffffff !important;
  border-color: #0047ab !important;
  box-shadow: 0 0 16px rgba(0, 71, 171, 0.16) !important;
}

html body.light-mode #tab-content-library.library-cockpit #search-results .library-track-card.selected .library-add-btn.button--primary,
html body.light-mode #tab-content-library.library-cockpit #lib-suggestions-list .recommendation-add-btn.button--primary {
  background: #0047ab !important;
  color: #ffffff !important;
  border-color: #0047ab !important;
  box-shadow: 0 0 14px rgba(0, 71, 171, 0.16) !important;
}

html body.light-mode #studio-active-view .studio-header .studio-actions #studio-save-set-btn.studio-save-crate-btn.button--primary,
html body.light-mode #studio-active-view .studio-header .studio-actions #btn-studio-guide.axiom-help-btn.button--secondary {
  background: #0047ab !important;
  color: #ffffff !important;
  border-color: #0047ab !important;
  box-shadow: 0 0 16px rgba(0, 71, 171, 0.18) !important;
}

html body.light-mode #studio-active-view .studio-header .studio-actions #studio-save-set-btn.studio-save-crate-btn.button--primary :is(span, svg),
html body.light-mode #studio-active-view .studio-header .studio-actions #btn-studio-guide.axiom-help-btn.button--secondary :is(span, svg) {
  color: #ffffff !important;
}

html body.light-mode #studio-active-view .studio-header .studio-actions #export-dropdown-btn.button--secondary,
html body.light-mode #studio-active-view .studio-header .studio-actions #studio-more-menu-btn.button--icon {
  background: #ffffff !important;
  color: #07111f !important;
  border-color: rgba(0, 71, 171, 0.34) !important;
  box-shadow: none !important;
}

html body.light-mode #studio-active-view .studio-header .studio-actions #export-dropdown-btn.button--secondary :is(span, svg),
html body.light-mode #studio-active-view .studio-header .studio-actions #studio-more-menu-btn.button--icon :is(span, svg) {
  color: #07111f !important;
}

html body.light-mode #active-playlist-container .playlist-row.studio-transition-row.axiom-focus-deck-row .transition-badge.energy-spine-node {
  background: linear-gradient(145deg, #60a5fa, #0047ab 58%, #00357f) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.84) !important;
  text-shadow: none !important;
  box-shadow:
    0 0 0 2px rgba(0, 71, 171, 0.08),
    0 0 12px rgba(0, 71, 171, 0.28),
    0 0 24px rgba(0, 71, 171, 0.14),
    inset 0 0 8px rgba(255, 255, 255, 0.16) !important;
}

html body.light-mode #active-playlist-container .playlist-row.studio-transition-row.axiom-focus-deck-row .transition-badge.energy-spine-node::before,
html body.light-mode #active-playlist-container .playlist-row.studio-transition-row.axiom-focus-deck-row .transition-badge.energy-spine-node::after {
  background: linear-gradient(180deg, rgba(37, 99, 235, 0.18), #0047ab 26%, #0047ab 74%, rgba(37, 99, 235, 0.18)) !important;
  box-shadow: 0 0 8px rgba(0, 71, 171, 0.32) !important;
}

html body.light-mode #active-playlist-container .playlist-row.studio-transition-row.axiom-focus-deck-row :is(
  .studio-harmonic-value,
  .studio-harmonic-anchor,
  .studio-harmonic-percent
) {
  color: #0047ab !important;
  text-shadow: none !important;
}

html body.light-mode #active-playlist-container .playlist-row.studio-transition-row.axiom-focus-deck-row :is(
  .studio-harmonic-label,
  .studio-harmonic-caption
) {
  color: #40516a !important;
  text-shadow: none !important;
}

html body.light-mode #replacement-modal.anchor-dj-modal .anchor-intent-btn:not(.active) {
  background: #ffffff !important;
  color: #07111f !important;
  border-color: rgba(0, 71, 171, 0.30) !important;
  box-shadow: none !important;
}

html body.light-mode #replacement-modal.anchor-dj-modal #btn-action-add.transition-action.primary,
html body.light-mode #replacement-modal.anchor-dj-modal #btn-action-add.transition-action.primary span.text-primary-contrast,
html body.light-mode #replacement-modal.anchor-dj-modal #btn-action-add.transition-action.primary small {
  background: #0047ab !important;
  color: #ffffff !important;
  border-color: #0047ab !important;
  text-shadow: none !important;
}

html body.light-mode #audio-player.library-player-upgrade :is(#ap-title, #ap-title.text-white) {
  color: #07111f !important;
  text-shadow: none !important;
}

html body.light-mode #audio-player.library-player-upgrade #ap-artist {
  color: #40516a !important;
  text-shadow: none !important;
}

html body.light-mode #tab-content-library.library-cockpit #search-results .library-track-card.axiom-focus-deck-row.selected .library-bpm-value {
  color: #0047ab !important;
  text-shadow: none !important;
}

html body.light-mode #tab-content-library.library-cockpit #search-results .library-track-card.axiom-focus-deck-row.selected :is(
  .library-bpm-tools,
  .library-meta-line,
  .library-meta-line span
) {
  color: #40516a !important;
  text-shadow: none !important;
}

html body.light-mode #studio-active-view #active-playlist-container
  .playlist-row.studio-transition-row.axiom-focus-deck-row:not(.selected)
  .transition-badge.energy-spine-node,
html body.light-mode #studio-active-view #active-playlist-container
  .playlist-row.studio-transition-row.axiom-focus-deck-row.selected
  .transition-badge.energy-spine-node,
html body.light-mode #studio-active-view #active-playlist-container
  .playlist-row.studio-transition-row.axiom-focus-deck-row.selected.playing-track
  .transition-badge.energy-spine-node {
  background:
    radial-gradient(circle at 40% 28%, rgba(255, 255, 255, 0.34), transparent 24%),
    linear-gradient(145deg, #60a5fa 0%, #2563eb 48%, #0047ab 100%) !important;
  color: #ffffff !important;
  border: 2px solid rgba(255, 255, 255, 0.84) !important;
  text-shadow: none !important;
  box-shadow:
    0 0 0 2px rgba(0, 71, 171, 0.08),
    0 0 12px rgba(0, 71, 171, 0.30),
    0 0 24px rgba(0, 71, 171, 0.14),
    inset 0 0 8px rgba(255, 255, 255, 0.14) !important;
}

html body.light-mode #studio-active-view #active-playlist-container
  .playlist-row.studio-transition-row .transition-badge.energy-spine-node::after {
  background: linear-gradient(180deg, rgba(37, 99, 235, 0.24), #60a5fa 48%, rgba(0, 71, 171, 0.30)) !important;
  box-shadow:
    0 0 5px rgba(0, 71, 171, 0.50),
    0 0 12px rgba(0, 71, 171, 0.20) !important;
  opacity: 0.82 !important;
}

html body.light-mode #studio-active-view #active-playlist-container
  .playlist-row.studio-transition-row .studio-spine-orb {
  background: radial-gradient(circle, rgba(96, 165, 250, 0.62) 0 10%, rgba(37, 99, 235, 0.36) 28%, rgba(0, 71, 171, 0.12) 55%, transparent 72%) !important;
  filter: blur(3px) saturate(1.02) !important;
  opacity: 0.24 !important;
}

html body.light-mode #studio-active-view #active-playlist-container
  .playlist-row.studio-transition-row .studio-harmonic-metric .studio-harmonic-indicator {
  color: #0047ab !important;
  text-shadow: none !important;
}

html body.light-mode #studio-active-view #active-playlist-container
  .playlist-row.studio-transition-row .studio-harmonic-metric small {
  color: #40516a !important;
  text-shadow: none !important;
}

/* --------------------------------------------------------------------------
   DAY MODE ZERO-GREEN LAW

   Night mode owns AXIOM green. Day mode uses the same interaction hierarchy
   with AXIOM blue, including decorative pseudo-elements and legacy inline
   utilities that are otherwise easy to miss in a visual pass.
   -------------------------------------------------------------------------- */

html body.light-mode {
  --accent: #0047ab !important;
  --accent-rgb: 0, 71, 171 !important;
  --focus-deck-lime: #0047ab !important;
  --focus-deck-accent: #0047ab !important;
  --color-accent: #0047ab !important;
  --color-accent-rgb: 0, 71, 171 !important;
  --color-accent-blue: #0047ab !important;
}

/* Sidebar: every inactive item is deliberately readable; the active item and
   submenu counters use blue without inheriting night-mode filters or glows. */
html body.light-mode aside#axiom-sidebar .axiom-sidebar-nav-item {
  color: #07111f !important;
  opacity: 1 !important;
  filter: none !important;
}

html body.light-mode aside#axiom-sidebar .axiom-sidebar-nav-item > div,
html body.light-mode aside#axiom-sidebar .axiom-sidebar-nav-item > div > span,
html body.light-mode aside#axiom-sidebar .axiom-sidebar-nav-item .axiom-sidebar-nav-label {
  color: #07111f !important;
  opacity: 1 !important;
  text-shadow: none !important;
  filter: none !important;
}

html body.light-mode aside#axiom-sidebar .axiom-sidebar-nav-item :is(svg, svg *, .axiom-sidebar-nav-icon) {
  color: #40516a !important;
  stroke: currentColor !important;
  opacity: 1 !important;
  filter: none !important;
}

html body.light-mode aside#axiom-sidebar .axiom-sidebar-nav-item[data-nav-state="active"],
html body.light-mode aside#axiom-sidebar .axiom-sidebar-nav-item[aria-current="page"] {
  background: linear-gradient(90deg, rgba(0, 71, 171, 0.13), rgba(37, 99, 235, 0.045)) !important;
  color: #0047ab !important;
  border-color: rgba(0, 71, 171, 0.44) !important;
  box-shadow: inset 4px 0 0 #0047ab !important;
}

html body.light-mode aside#axiom-sidebar .axiom-sidebar-nav-item[data-nav-state="active"] > div > span,
html body.light-mode aside#axiom-sidebar .axiom-sidebar-nav-item[data-nav-state="active"] :is(svg, svg *, .axiom-sidebar-nav-icon),
html body.light-mode aside#axiom-sidebar .axiom-sidebar-nav-item[aria-current="page"] > div > span,
html body.light-mode aside#axiom-sidebar .axiom-sidebar-nav-item[aria-current="page"] :is(svg, svg *, .axiom-sidebar-nav-icon) {
  color: #0047ab !important;
  stroke: currentColor !important;
  opacity: 1 !important;
  filter: none !important;
}

html body.light-mode aside#axiom-sidebar .axiom-sidebar-counter-menu-btn,
html body.light-mode aside#axiom-sidebar #studio-tools-dropdown-btn,
html body.light-mode aside#axiom-sidebar #sidebar-export-dropdown-btn {
  background: #ffffff !important;
  color: #0047ab !important;
  border-color: rgba(0, 71, 171, 0.45) !important;
  outline-color: rgba(0, 71, 171, 0.44) !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

html body.light-mode aside#axiom-sidebar .axiom-sidebar-counter-menu-btn:is(:hover, :focus-visible, [aria-expanded="true"]),
html body.light-mode aside#axiom-sidebar #studio-tools-dropdown-btn:is(:hover, :focus-visible, [aria-expanded="true"]),
html body.light-mode aside#axiom-sidebar #sidebar-export-dropdown-btn:is(:hover, :focus-visible, [aria-expanded="true"]) {
  background: rgba(0, 71, 171, 0.09) !important;
  color: #0047ab !important;
  border-color: #0047ab !important;
}

html body.light-mode aside#axiom-sidebar .axiom-sidebar-counter-menu-btn :is(svg, svg *),
html body.light-mode aside#axiom-sidebar #studio-tools-dropdown-btn :is(svg, svg *),
html body.light-mode aside#axiom-sidebar #sidebar-export-dropdown-btn :is(svg, svg *) {
  color: #0047ab !important;
  stroke: currentColor !important;
  filter: none !important;
}

/* Shared progress, grid, Help and guide accents. */
html body.light-mode #undo-progress-bar {
  background: linear-gradient(90deg, #60a5fa, #2563eb 52%, #0047ab) !important;
  box-shadow: 0 0 12px rgba(0, 71, 171, 0.24) !important;
}

html body.light-mode #tab-content-library::before {
  background-image:
    linear-gradient(rgba(0, 71, 171, 0.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 71, 171, 0.018) 1px, transparent 1px) !important;
}

html body.light-mode :is(
  #tab-content-library .library-guide-btn,
  #studio-active-view #btn-studio-guide
)::before {
  border-color: rgba(0, 71, 171, 0.55) transparent rgba(0, 71, 171, 0.55) transparent !important;
  filter: none !important;
}

/* Library: selection, readiness and recommendation cues all belong to the
   same blue interaction system in Day Mode. */
html body.light-mode #tab-content-library.library-cockpit #search-results
  .library-track-card.axiom-focus-deck-row.selected .library-artwork {
  border-color: rgba(0, 71, 171, 0.72) !important;
  background: #ffffff !important;
  box-shadow:
    0 0 0 5px rgba(255, 255, 255, 0.88),
    0 0 18px rgba(0, 71, 171, 0.17),
    0 10px 22px rgba(15, 23, 42, 0.12) !important;
}

html body.light-mode #tab-content-library.library-cockpit #search-results
  .library-track-card.axiom-focus-deck-row.selected .library-track-title {
  color: #07111f !important;
  border-bottom-color: #0047ab !important;
  text-decoration-color: #0047ab !important;
}

html body.light-mode #tab-content-library.library-cockpit .library-health-chip.ready,
html body.light-mode #tab-content-library.library-cockpit .library-health-chip.set-ready,
html body.light-mode #tab-content-library.library-cockpit .library-health-chip[data-state="ready"] {
  background: rgba(0, 71, 171, 0.08) !important;
  color: #0047ab !important;
  border-color: rgba(0, 71, 171, 0.38) !important;
  box-shadow: none !important;
}

html body.light-mode #tab-content-library.library-cockpit :is(.recommendations-icon, .recommendations-title-icon) {
  background: rgba(0, 71, 171, 0.08) !important;
  color: #0047ab !important;
  border-color: rgba(0, 71, 171, 0.36) !important;
  box-shadow: none !important;
}

html body.light-mode #tab-content-library.library-cockpit :is(.recommendations-icon, .recommendations-title-icon) :is(svg, svg *) {
  color: #0047ab !important;
  stroke: currentColor !important;
}

/* Studio: replace the remaining green structural bloom, row washes and
   artwork treatments while preserving the approved blue BPM spine. */
html body.light-mode #studio-active-view .studio-header {
  border-color: rgba(0, 71, 171, 0.18) !important;
  box-shadow: none !important;
}

html body.light-mode #studio-active-view #studio-set-brief-bar .text-primary-contrast,
html body.light-mode #studio-active-view #studio-set-brief-bar .text-axiom-accent {
  color: #0047ab !important;
  text-shadow: none !important;
}

html body.light-mode #studio-active-view .studio-tabbar::before {
  background: linear-gradient(90deg, #0047ab, #2563eb 64%, rgba(96, 165, 250, 0.26)) !important;
  box-shadow: 0 0 10px rgba(0, 71, 171, 0.18) !important;
}

html body.light-mode #studio-active-view #btn-optimize :is(.text-axiom-accent, svg, svg *) {
  color: #0047ab !important;
  stroke: currentColor !important;
  filter: none !important;
}

html body.light-mode #active-playlist-container
  .playlist-row.studio-transition-row.axiom-focus-deck-row::before {
  background: linear-gradient(90deg, rgba(0, 71, 171, 0.045), rgba(37, 99, 235, 0.015) 48%, transparent 78%) !important;
  box-shadow: none !important;
}

html body.light-mode #active-playlist-container
  .playlist-row.studio-transition-row.axiom-focus-deck-row::after {
  background: linear-gradient(90deg, rgba(0, 71, 171, 0.15), rgba(37, 99, 235, 0.035) 28%, transparent 64%) !important;
  box-shadow: none !important;
}

html body.light-mode #active-playlist-container
  .playlist-row.studio-transition-row.axiom-focus-deck-row .studio-track-artwork::after {
  background: linear-gradient(135deg, rgba(96, 165, 250, 0.28), rgba(0, 71, 171, 0.08) 42%, transparent 72%) !important;
  box-shadow: none !important;
}

/* Matching Songs: selection/sort cues follow the blue Day Mode law. */
html body.light-mode #replacement-modal.anchor-dj-modal .anchor-sort-pill::after {
  color: #0047ab !important;
  background: #0047ab !important;
  border-color: #0047ab !important;
  box-shadow: none !important;
}

html body.light-mode #replacement-modal.anchor-dj-modal
  .anchor-suggestion-row.axiom-focus-deck-row:is(.selected, .active-suggestion) {
  --focus-deck-lime: #0047ab !important;
  border-color: #0047ab !important;
}

/* ========================================================================
   DAY MODE SURFACE COMPLETION
   Night Mode remains acid green. Day Mode is a true light inversion with
   AXIOM blue as its only positive/product accent.
   ======================================================================== */

/* AXIOM Start ----------------------------------------------------------- */
html body.light-mode #studio-start-view.command-launch-shell {
  color: #07111f !important;
  background: #f7f9fc !important;
}

html body.light-mode #studio-start-view .command-launch-hero {
  grid-template-columns: minmax(0, 1.06fr) minmax(380px, 0.94fr) !important;
  border-color: rgba(0, 71, 171, 0.22) !important;
  background: linear-gradient(90deg, #ffffff 0 50%, #eaf1fb 72%, #dce8f8 100%) !important;
  box-shadow: 0 18px 44px rgba(28, 54, 88, 0.10) !important;
}

html body.light-mode #studio-start-view .command-launch-hero > div:not(.command-terrain):not(.command-status-readout) {
  position: relative !important;
  z-index: 3 !important;
}

html body.light-mode #studio-start-view .command-terrain {
  width: 100% !important;
  transform: none !important;
  opacity: 0.78 !important;
  filter: saturate(0.72) hue-rotate(170deg) brightness(1.12) !important;
  mask-image: linear-gradient(90deg, transparent 0, #000 24%, #000 100%) !important;
}

html body.light-mode #studio-start-view :is(.command-section-kicker, .command-launch-copy h1, .command-launch-copy h2) {
  color: #07111f !important;
  text-shadow: none !important;
}

html body.light-mode #studio-start-view :is(.command-launch-copy p, .command-status-readout, .command-status-readout *) {
  color: #40516a !important;
  text-shadow: none !important;
}

html body.light-mode #studio-start-view .command-action-grid {
  border: 1px solid rgba(0, 71, 171, 0.22) !important;
  background: #ffffff !important;
  box-shadow: 0 18px 40px rgba(28, 54, 88, 0.10) !important;
}

html body.light-mode #studio-start-view .command-action-card,
html body.light-mode #studio-start-view .command-action-card.primary,
html body.light-mode #studio-start-view .command-action-card.secondary,
html body.light-mode #studio-start-view .command-action-card:not(.is-selected) {
  border-color: rgba(0, 71, 171, 0.20) !important;
  background: #ffffff !important;
  color: #07111f !important;
  box-shadow: none !important;
}

html body.light-mode #studio-start-view .command-action-card.is-selected,
html body.light-mode #studio-start-view .command-action-card:first-child.is-selected,
html body.light-mode #studio-start-view .command-action-card:last-child.is-selected {
  border-color: #0047ab !important;
  background: linear-gradient(118deg, #0047ab 0%, #2563eb 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 34px rgba(0, 71, 171, 0.20) !important;
}

html body.light-mode #studio-start-view .command-action-card:not(.is-selected) :is(.command-card-kicker, .command-card-title) {
  color: #07111f !important;
}

html body.light-mode #studio-start-view .command-action-card:not(.is-selected) :is(.command-card-desc, .command-card-guidance, .command-card-guidance span) {
  color: #40516a !important;
}

html body.light-mode #studio-start-view .command-action-card.is-selected :is(.command-card-kicker, .command-card-title) {
  color: #ffffff !important;
}

html body.light-mode #studio-start-view .command-action-card.is-selected :is(.command-card-desc, .command-card-guidance, .command-card-guidance span) {
  color: rgba(255, 255, 255, 0.82) !important;
}

html body.light-mode #studio-start-view .command-card-kicker::before,
html body.light-mode #studio-start-view .command-card-guidance > span::before {
  background: #0047ab !important;
  box-shadow: none !important;
}

html body.light-mode #studio-start-view .command-action-card.is-selected :is(.command-card-kicker::before, .command-card-guidance > span::before) {
  background: #ffffff !important;
}

html body.light-mode #studio-start-view .command-action-card:not(.is-selected) .command-card-cta,
html body.light-mode #studio-start-view .command-action-card:not(.is-selected) #btn-upload-csv.command-card-cta {
  border-color: rgba(0, 71, 171, 0.70) !important;
  background: #ffffff !important;
  color: #0047ab !important;
}

html body.light-mode #studio-start-view .command-action-card.is-selected .command-card-cta,
html body.light-mode #studio-start-view .command-action-card.is-selected #btn-upload-csv.command-card-cta {
  border-color: #ffffff !important;
  background: #ffffff !important;
  color: #07111f !important;
}

html body.light-mode #studio-start-view .command-path-or {
  border-color: rgba(0, 71, 171, 0.38) !important;
  background: #ffffff !important;
  color: #0047ab !important;
  box-shadow: 0 8px 20px rgba(28, 54, 88, 0.12) !important;
}

html body.light-mode #studio-start-view .build-night-panel,
html body.light-mode #studio-start-view .build-night-grid {
  border-color: rgba(0, 71, 171, 0.20) !important;
  background: #ffffff !important;
  box-shadow: 0 16px 36px rgba(28, 54, 88, 0.08) !important;
}

html body.light-mode #studio-start-view .build-night-card {
  border-color: rgba(0, 71, 171, 0.16) !important;
  background: #ffffff !important;
  color: #0047ab !important;
  box-shadow: none !important;
}

html body.light-mode #studio-start-view .build-night-card:hover,
html body.light-mode #studio-start-view .build-night-card:focus-visible {
  background: #edf4ff !important;
  box-shadow: inset 0 3px 0 #0047ab !important;
}

html body.light-mode #studio-start-view .build-night-icon {
  filter: brightness(0) saturate(100%) invert(21%) sepia(98%) saturate(2120%) hue-rotate(207deg) brightness(78%) contrast(111%) !important;
}

html body.light-mode #studio-start-view .build-night-card strong,
html body.light-mode #studio-start-view :is(.build-night-kicker, .build-night-title) {
  color: #07111f !important;
}

html body.light-mode #studio-start-view .build-night-card-copy > span:not(.build-night-settings):not(.build-night-start),
html body.light-mode #studio-start-view .build-night-text {
  color: #40516a !important;
}

html body.light-mode #studio-start-view .build-night-settings b {
  border-color: rgba(0, 71, 171, 0.28) !important;
  background: #f7f9fc !important;
  color: #40516a !important;
}

html body.light-mode #studio-start-view .build-night-card-copy > .build-night-start {
  color: #0047ab !important;
}

/* Quick Start ----------------------------------------------------------- */
html body.light-mode .axiom-arrival-overlay {
  background: rgba(226, 233, 243, 0.88) !important;
}

html body.light-mode .axiom-arrival-card {
  border-color: rgba(0, 71, 171, 0.24) !important;
  background: #ffffff !important;
  box-shadow: 0 28px 74px rgba(28, 54, 88, 0.20) !important;
}

html body.light-mode .axiom-step-main,
html body.light-mode .axiom-step-content,
html body.light-mode .axiom-walkthrough-sidebar,
html body.light-mode .axiom-step-footer {
  border-color: rgba(0, 71, 171, 0.16) !important;
  background: #ffffff !important;
}

html body.light-mode :is(.axiom-walkthrough-brand, .axiom-arrival-title) {
  color: #07111f !important;
}

html body.light-mode :is(.axiom-walkthrough-kicker, .axiom-step-eyebrow, .axiom-step-counter, .axiom-step-module strong) {
  color: #0047ab !important;
}

html body.light-mode .axiom-step-ghost {
  color: rgba(0, 71, 171, 0.075) !important;
}

html body.light-mode :is(.axiom-arrival-copy, .axiom-step-module span, .axiom-walkthrough-protection) {
  color: #40516a !important;
}

html body.light-mode .axiom-step-module:not(:last-child)::after {
  filter: brightness(0) saturate(100%) invert(21%) sepia(98%) saturate(2120%) hue-rotate(207deg) brightness(78%) contrast(111%) !important;
}

html body.light-mode :is(.axiom-walkthrough-sidebar-head, .axiom-walkthrough-step) {
  border-color: rgba(0, 71, 171, 0.16) !important;
  color: #40516a !important;
  background: transparent !important;
}

html body.light-mode .axiom-walkthrough-steps::before {
  background: rgba(0, 71, 171, 0.22) !important;
}

html body.light-mode .axiom-walkthrough-step-number {
  border-color: rgba(0, 71, 171, 0.42) !important;
  background: #ffffff !important;
  color: #40516a !important;
}

html body.light-mode .axiom-walkthrough-step.active {
  border-left-color: #0047ab !important;
  background: linear-gradient(90deg, rgba(0, 71, 171, 0.10), rgba(37, 99, 235, 0.035)) !important;
  color: #0047ab !important;
}

html body.light-mode .axiom-walkthrough-step.active .axiom-walkthrough-step-number,
html body.light-mode .axiom-step-progress-dot.active,
html body.light-mode .axiom-arrival-primary {
  border-color: #0047ab !important;
  background: #0047ab !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

html body.light-mode .axiom-step-progress-dot {
  background: rgba(0, 71, 171, 0.18) !important;
}

html body.light-mode .axiom-arrival-secondary {
  border-color: rgba(0, 71, 171, 0.48) !important;
  background: #ffffff !important;
  color: #0047ab !important;
}

html body.light-mode .axiom-arrival-secondary:disabled {
  border-color: rgba(7, 17, 31, 0.12) !important;
  background: #f1f4f8 !important;
  color: rgba(7, 17, 31, 0.34) !important;
}

/* Release/update splash ------------------------------------------------- */
html body.light-mode .release-splash-overlay {
  background: rgba(226, 233, 243, 0.92) !important;
}

html body.light-mode .release-splash-shell,
html body.light-mode .release-splash-brand,
html body.light-mode .release-splash-content {
  border-color: rgba(0, 71, 171, 0.20) !important;
  background: #ffffff !important;
  color: #07111f !important;
  box-shadow: none !important;
}

html body.light-mode .release-splash-brand {
  background: radial-gradient(circle at 30% 25%, rgba(0, 71, 171, 0.08), transparent 34%), #f7f9fc !important;
}

html body.light-mode .release-splash-mark {
  mix-blend-mode: multiply !important;
  filter: hue-rotate(170deg) saturate(1.1) !important;
}

html body.light-mode :is(.release-splash-latest, .release-splash-footer) {
  color: #0047ab !important;
}

html body.light-mode :is(.release-splash-version, .release-splash-version strong, .release-splash-statement, .release-splash-headline, .release-splash-feature strong) {
  color: #07111f !important;
}

html body.light-mode :is(.release-splash-identity-copy, .release-splash-title, .release-splash-feature span:last-child span) {
  color: #40516a !important;
}

html body.light-mode .release-splash-feature {
  border-bottom-color: rgba(0, 71, 171, 0.16) !important;
}

html body.light-mode .release-splash-feature::before {
  color: rgba(0, 71, 171, 0.44) !important;
}

html body.light-mode .release-splash-btn.primary {
  border-color: #0047ab !important;
  background: #0047ab !important;
  color: #ffffff !important;
}

html body.light-mode .release-splash-btn.secondary {
  color: #0047ab !important;
}

/* Magic Set ------------------------------------------------------------- */
html body.light-mode.studio-magic-mode #studio-active-view.graph-mode,
html body.light-mode.studio-magic-mode #studio-active-view.graph-mode #magic-set-command,
html body.light-mode.studio-magic-mode #studio-active-view.graph-mode .magic-command-main,
html body.light-mode.studio-magic-mode #studio-active-view.graph-mode #studio-build-controls,
html body.light-mode.studio-magic-mode #studio-active-view.graph-mode #studio-workspace,
html body.light-mode.studio-magic-mode #studio-active-view.graph-mode #graph-container {
  border-color: rgba(0, 71, 171, 0.18) !important;
  background: #ffffff !important;
  color: #07111f !important;
  box-shadow: none !important;
}

html body.light-mode.studio-magic-mode #studio-active-view.graph-mode :is(.magic-command-title, .magic-command-copy, .magic-score-card span, .magic-score-card small, .magic-score-card strong) {
  color: #07111f !important;
  text-shadow: none !important;
}

html body.light-mode.studio-magic-mode #studio-active-view.graph-mode .magic-score-card {
  border-color: rgba(0, 71, 171, 0.24) !important;
  background: #f7f9fc !important;
}

html body.light-mode.studio-magic-mode #studio-active-view.graph-mode :is(#magic-score-value, #magic-score-label, .magic-axis-bpm, .magic-phase-band .active, .magic-chart-stats strong) {
  color: #0047ab !important;
}

html body.light-mode.studio-magic-mode #studio-active-view.graph-mode :is(.magic-generate-btn, #btn-magic-set, #btn-view-studio-set) {
  border-color: #0047ab !important;
  background: #0047ab !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

html body.light-mode.studio-magic-mode #studio-active-view.graph-mode .magic-build-around-btn {
  border-color: #0047ab !important;
  background: #ffffff !important;
  color: #0047ab !important;
  box-shadow: none !important;
}

html body.light-mode.studio-magic-mode #studio-active-view.graph-mode :is(select, input, button:not(.magic-generate-btn):not(.magic-build-around-btn)) {
  border-color: rgba(0, 71, 171, 0.28) !important;
  background: #ffffff !important;
  color: #07111f !important;
  box-shadow: none !important;
}

html body.light-mode.studio-magic-mode #studio-active-view.graph-mode .magic-phase-band,
html body.light-mode.studio-magic-mode #studio-active-view.graph-mode .magic-graph-hud,
html body.light-mode.studio-magic-mode #studio-active-view.graph-mode .magic-chart-footer {
  border-color: rgba(0, 71, 171, 0.18) !important;
  background: #f7f9fc !important;
  color: #07111f !important;
}

html body.light-mode.studio-magic-mode #studio-active-view.graph-mode #graph-container::before {
  border-color: rgba(0, 71, 171, 0.18) !important;
  background: linear-gradient(rgba(0,71,171,0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(0,71,171,0.07) 1px, transparent 1px) !important;
}

/* Health Command Centre ------------------------------------------------- */
html body.light-mode.studio-health-mode #health-view {
  background: #f7f9fc !important;
}

html body.light-mode.studio-health-mode :is(.health-inbox-app, .health-repair-center, .health-inbox-workspace, .health-inbox-nav, .health-inbox-detail, .health-inbox-activity) {
  border-color: rgba(0, 71, 171, 0.18) !important;
  background: #ffffff !important;
  color: #07111f !important;
  box-shadow: none !important;
}

html body.light-mode.studio-health-mode .health-repair-center {
  background: radial-gradient(circle at 15% -26%, rgba(0, 71, 171, 0.12), transparent 44%), #ffffff !important;
}

html body.light-mode.studio-health-mode :is(.health-repair-center-kicker, .health-repair-center-title .healthy, .health-detail-guidance-card span) {
  color: #0047ab !important;
}

html body.light-mode.studio-health-mode :is(.health-repair-center-title, .health-repair-center-copy, .health-repair-center-card span, .health-repair-center-card small, .health-command-utility, .health-command-utility strong, .health-inbox-group-title, .health-inbox-group-title span, .health-inbox-item-label, .health-inbox-item-hint, .health-detail-title, .health-detail-copy, .health-detail-guidance-card strong) {
  color: #07111f !important;
  text-shadow: none !important;
}

html body.light-mode.studio-health-mode :is(.health-repair-center-card, .health-repair-center-main, .health-command-utility, .health-detail-guidance-card + .health-detail-guidance-card) {
  border-color: rgba(0, 71, 171, 0.16) !important;
  background: #ffffff !important;
}

html body.light-mode.studio-health-mode #health-repair-center[data-overall-health="healthy"] {
  --health-overall-accent: #0047ab !important;
  --health-overall-accent-rgb: 0, 71, 171 !important;
}

html body.light-mode.studio-health-mode :is(#health-scan-all-button, .health-repair-center-actions #health-scan-all-button) {
  border-color: #0047ab !important;
  background: #0047ab !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

html body.light-mode.studio-health-mode .health-repair-center-actions > button:not(#health-scan-all-button) {
  border-color: rgba(0, 71, 171, 0.38) !important;
  background: #ffffff !important;
  color: #0047ab !important;
  box-shadow: none !important;
}

html body.light-mode #playlist-undo-snackbar .undo-btn {
  border-color: rgba(255, 255, 255, 0.82) !important;
  background: #0047ab !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

html body.light-mode.studio-health-mode .health-inbox-item.active:not(.danger) {
  border-left-color: #0047ab !important;
  background: rgba(0, 71, 171, 0.08) !important;
}

html body.light-mode #health-top-scan-banner,
html body.light-mode #health-progress-container.is-running {
  border-color: rgba(0, 71, 171, 0.34) !important;
  background: linear-gradient(90deg, #0047ab, #2563eb) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 30px rgba(0, 71, 171, 0.20) !important;
}

html body.light-mode #health-top-scan-banner *,
html body.light-mode #health-progress-container.is-running :is(.health-live-headline, .health-live-headline *, #health-progress-label, #health-progress-percent) {
  color: #ffffff !important;
}

html body.light-mode #health-progress-bar,
html body.light-mode #health-top-scan-banner .health-progress-track::after {
  background: #ffffff !important;
}

/* Help button review board --------------------------------------------- */
html body.light-mode #help-button-scale-review {
  background: linear-gradient(rgba(0,71,171,0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(0,71,171,0.035) 1px, transparent 1px), #f7f9fc !important;
  color: #07111f !important;
}

html body.light-mode :is(.help-button-review-header, .help-button-review-card, .help-button-review-copy, .help-button-review-stage, .help-button-review-key) {
  border-color: rgba(0, 71, 171, 0.18) !important;
  background-color: #ffffff !important;
  color: #07111f !important;
}

html body.light-mode :is(.help-button-review-header h1, .help-button-review-copy h2, .help-button-review-copy dd, .help-button-review-header p, .help-button-review-copy p, .help-button-review-key span) {
  color: #07111f !important;
}

html body.light-mode :is(.help-button-review-header > div:first-child > span, .help-button-review-copy > span) {
  color: #0047ab !important;
}

html body.light-mode .help-button-review-key i,
html body.light-mode .help-peer-btn.positive {
  border-color: #0047ab !important;
  background: #0047ab !important;
  color: #ffffff !important;
}

html body.light-mode .help-button-review-stage.large-stage {
  background: linear-gradient(90deg, transparent 49.8%, rgba(0,71,171,0.12) 50%, transparent 50.2%), linear-gradient(transparent 49.8%, rgba(0,71,171,0.12) 50%, transparent 50.2%), #ffffff !important;
}

html body.light-mode .help-peer-btn:not(.positive):not(.attention):not(.danger) {
  border-color: rgba(0, 71, 171, 0.34) !important;
  background: #ffffff !important;
  color: #0047ab !important;
}

/* Verification pass: remove late high-specificity colour leaks. */
html body.light-mode .release-splash-overlay :is(.release-splash-headline, .release-splash-feature, .release-splash-feature strong, .release-splash-feature span, .release-splash-title) {
  opacity: 1 !important;
}

html body.light-mode .release-splash-overlay :is(.release-splash-headline, .release-splash-feature strong) {
  color: #07111f !important;
}

html body.light-mode .release-splash-overlay :is(.release-splash-title, .release-splash-feature span:last-child span) {
  color: #40516a !important;
}

html body.light-mode .release-splash-overlay .release-splash-btn.secondary :is(svg, svg *, img) {
  color: #0047ab !important;
  stroke: currentColor !important;
  filter: brightness(0) saturate(100%) invert(21%) sepia(98%) saturate(2120%) hue-rotate(207deg) brightness(78%) contrast(111%) !important;
}

html body.light-mode.studio-magic-mode #studio-active-view.graph-mode .magic-phase-band div.active {
  border-color: #0047ab !important;
  background: rgba(0, 71, 171, 0.08) !important;
  box-shadow: inset 0 3px 0 #0047ab !important;
}

html body.light-mode.studio-magic-mode #studio-active-view.graph-mode .magic-phase-band div.active :is(strong, span),
html body.light-mode.studio-magic-mode #studio-active-view.graph-mode .magic-axis-title.bpm strong {
  color: #0047ab !important;
  text-shadow: none !important;
}

html body.light-mode.studio-magic-mode #studio-active-view.graph-mode .magic-legend i {
  border-color: #0047ab !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.light-mode.studio-magic-mode #studio-active-view.graph-mode .magic-legend i.compatible {
  border-color: #0891b2 !important;
}

html body.light-mode.studio-magic-mode #studio-active-view.graph-mode .magic-legend i.review {
  border-color: #d99a00 !important;
}

html body.light-mode.studio-health-mode :is(#btn-fix-all-health, #btn-fix-bpm, #btn-fix-key, #btn-health-refresh, .health-detail-action.primary) {
  border-color: #0047ab !important;
  background: #0047ab !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

html body.light-mode.studio-health-mode :is(.health-inbox-item, .health-inbox-group, .health-inbox-group-title, .health-inbox-item-label, .health-inbox-item-hint, .health-inbox-item-count) {
  color: #07111f !important;
}

html body.light-mode.studio-health-mode .health-inbox-item:not(.active) {
  background: #ffffff !important;
}

html body.light-mode.studio-health-mode :is(#btn-health-reset, #health-purge-missing, .health-detail-action.danger) {
  background: #ffffff !important;
  color: #c92b31 !important;
}

html body.light-mode #health-progress-container :is(.health-live-headline-dot, .health-progress-stage.active .health-progress-stage-dot, .health-progress-stage.done .health-progress-stage-dot),
html body.light-mode #health-working-banner::before {
  border-color: #0047ab !important;
  background: #0047ab !important;
  box-shadow: none !important;
}

html body.light-mode #health-progress-container :is(.health-live-headline strong, .health-working-banner strong, .health-progress-stage.done strong, .health-progress-stage.active strong, .health-progress-stage-top strong),
html body.light-mode #health-working-banner :is(strong, span),
html body.light-mode #health-live-headline-status {
  color: #0047ab !important;
  text-shadow: none !important;
}

html body.light-mode #health-progress-container.is-running :is(.health-live-headline strong, .health-live-headline span, .health-live-headline small, #health-live-headline-status) {
  color: #ffffff !important;
}

/* Sidebar active state: every Day Mode feature uses the same blue law. */
html body.light-mode aside#axiom-sidebar .axiom-sidebar-nav :is(button, .sidebar-nav-item).active,
html body.light-mode aside#axiom-sidebar .axiom-sidebar-nav :is(button, .sidebar-nav-item)[aria-current="page"] {
  border-color: #0047ab !important;
  border-left-color: #0047ab !important;
  background: linear-gradient(90deg, rgba(0, 71, 171, 0.11), rgba(37, 99, 235, 0.035)) !important;
  color: #0047ab !important;
  box-shadow: none !important;
}

/* Performance ---------------------------------------------------------- */
html body.light-mode #tab-content-performance,
html body.light-mode #tab-content-performance .performance-shell,
html body.light-mode #tab-content-performance .performance-panel {
  border-color: rgba(0, 71, 171, 0.18) !important;
  background: #ffffff !important;
  color: #07111f !important;
  box-shadow: none !important;
}

html body.light-mode #tab-content-performance > .flex:first-child {
  border-bottom: 1px solid rgba(0, 71, 171, 0.16) !important;
  background: #ffffff !important;
}

html body.light-mode #tab-content-performance :is(h2, .performance-track-title, .performance-suggestion-title, .performance-rank) {
  color: #07111f !important;
  text-shadow: none !important;
}

html body.light-mode #tab-content-performance :is(.performance-now-card, .performance-shell > section.performance-panel) {
  border-color: rgba(0, 71, 171, 0.16) !important;
  background: #ffffff !important;
}

html body.light-mode #tab-content-performance :is(.performance-signal, .performance-playing-bpm-control, .performance-cued-next) {
  border-color: rgba(0, 71, 171, 0.18) !important;
  background: #f7f9fc !important;
  color: #07111f !important;
}

html body.light-mode #tab-content-performance .performance-gig-profile {
  border-color: rgba(8, 145, 178, 0.46) !important;
  border-left-color: #0891b2 !important;
  background: #f2fbfd !important;
  color: #07111f !important;
}

html body.light-mode #tab-content-performance :is(.performance-gig-profile-head > span, .performance-gig-profile-summary, .performance-signal small) {
  color: #0047ab !important;
}

html body.light-mode #tab-content-performance :is(.performance-suggestion-card, .performance-suggestion-card:not(.is-priority):not(.is-selected)) {
  border-color: rgba(0, 71, 171, 0.18) !important;
  background: #ffffff !important;
  color: #07111f !important;
}

html body.light-mode #tab-content-performance :is(.performance-suggestion-card.is-priority, .performance-suggestion-card.is-selected, .performance-suggestion-card.gig-serato) {
  border-color: rgba(8, 145, 178, 0.44) !important;
  border-left-color: #0891b2 !important;
  background: #f2fbfd !important;
}

html body.light-mode #tab-content-performance :is(.performance-suggestion-card.gig-djay) {
  border-color: rgba(217, 119, 6, 0.44) !important;
  border-left-color: #d97706 !important;
  background: #fff8ed !important;
}

html body.light-mode #tab-content-performance :is(.performance-action, .performance-pick-btn, #performance-live-assist, #performance-serato-toggle, #performance-save-session, #performance-send-studio) {
  border-color: #0047ab !important;
  background: #0047ab !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

html body.light-mode #tab-content-performance :is(.performance-action.secondary, .performance-mini-btn, .performance-filter-chip, input, select) {
  border-color: rgba(0, 71, 171, 0.30) !important;
  background: #ffffff !important;
  color: #0047ab !important;
  box-shadow: none !important;
}

html body.light-mode #tab-content-performance :is(p, small, .text-axiom-muted, .performance-decision-line span) {
  color: #40516a !important;
}

html body.light-mode .performance-assist-activation {
  border-color: #0047ab !important;
  background: #ffffff !important;
  color: #07111f !important;
  box-shadow: 0 12px 30px rgba(0, 71, 171, 0.16) !important;
}

html body.light-mode .performance-assist-activation:hover {
  background: #edf4ff !important;
  box-shadow: 0 14px 34px rgba(0, 71, 171, 0.22) !important;
}

html body.light-mode .performance-assist-live-dot {
  background: #0047ab !important;
  box-shadow: 0 0 10px rgba(0, 71, 171, 0.42) !important;
}

html body.light-mode .performance-assist-copy :is(small, strong) {
  color: #07111f !important;
}

html body.light-mode aside#axiom-sidebar .axiom-sidebar-nav [class*="border-axiom-accent"] {
  border-color: #0047ab !important;
  border-left-color: #0047ab !important;
  background: linear-gradient(90deg, rgba(0, 71, 171, 0.11), rgba(37, 99, 235, 0.035)) !important;
  color: #0047ab !important;
  box-shadow: none !important;
}

/* Playlists ------------------------------------------------------------ */
html body.light-mode #tab-content-playlists,
html body.light-mode #tab-content-playlists .playlists-shell,
html body.light-mode #tab-content-playlists .playlists-shell > aside,
html body.light-mode #tab-content-playlists .playlists-shell > section {
  border-color: rgba(0, 71, 171, 0.18) !important;
  background: #ffffff !important;
  color: #07111f !important;
  box-shadow: none !important;
}

html body.light-mode #tab-content-playlists > .flex:first-child {
  border-bottom-color: rgba(0, 71, 171, 0.16) !important;
  background: #ffffff !important;
}

html body.light-mode #tab-content-playlists :is(h2, #playlist-listen-title, .playlist-empty-state strong) {
  color: #07111f !important;
  text-shadow: none !important;
}

html body.light-mode #tab-content-playlists :is(.playlist-empty-state, #saved-playlists-list, #playlist-listen-tracks) {
  border-color: rgba(0, 71, 171, 0.18) !important;
  background: #ffffff !important;
  color: #40516a !important;
}

html body.light-mode #tab-content-playlists :is(.playlist-listen-row:hover, .playlist-listen-row.playing-track) {
  background: rgba(0, 71, 171, 0.06) !important;
}

html body.light-mode #tab-content-playlists #saved-playlists-list .playlist-crate-row.active {
  border-color: #0047ab !important;
  background: #0047ab !important;
  color: #ffffff !important;
}

html body.light-mode #tab-content-playlists #saved-playlists-list .playlist-crate-row.active :is(p, span, .playlist-quiet-action) {
  color: #ffffff !important;
}

html body.light-mode #tab-content-playlists #saved-playlists-list .playlist-crate-row.active .playlist-edit-cta {
  border-color: #ffffff !important;
  background: #ffffff !important;
  color: #0047ab !important;
}

html body.light-mode #tab-content-playlists :is(button, .playlist-quiet-action) {
  border-color: rgba(0, 71, 171, 0.30) !important;
  color: #0047ab !important;
  box-shadow: none !important;
}

html body.light-mode #tab-content-playlists :is(button.bg-axiom-accent, button[class*="bg-axiom-accent"]) {
  border-color: #0047ab !important;
  background: #0047ab !important;
  color: #ffffff !important;
}

/* Final Day Mode navigation law. The original redesign uses route-specific
   selectors with two IDs, so keep this equally specific and later in source. */
html body.light-mode #axiom-sidebar :is(
  #tab-btn-library,
  #tab-btn-studio,
  #tab-btn-export,
  #tab-btn-performance,
  #tab-btn-playlists,
  #tab-btn-health
)[data-nav-state="active"] {
  border-color: rgba(0, 71, 171, 0.44) !important;
  border-left-color: #0047ab !important;
  background: linear-gradient(90deg, rgba(0, 71, 171, 0.13), rgba(37, 99, 235, 0.045)) !important;
  color: #0047ab !important;
  box-shadow: inset 4px 0 0 #0047ab !important;
}

html body.light-mode #axiom-sidebar :is(
  #tab-btn-library,
  #tab-btn-studio,
  #tab-btn-export,
  #tab-btn-performance,
  #tab-btn-playlists,
  #tab-btn-health
)[data-nav-state="active"] :is(span, svg, svg *, .axiom-sidebar-nav-icon) {
  color: #0047ab !important;
  stroke: currentColor !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Settings is a shared overlay, so its search field must also invert. */
html body.light-mode .settings-search input {
  border-color: rgba(0, 71, 171, 0.24) !important;
  background: #ffffff !important;
  color: #07111f !important;
  box-shadow: none !important;
}

html body.light-mode .settings-search input::placeholder {
  color: #68778d !important;
  opacity: 1 !important;
}

html body.light-mode .settings-search svg {
  color: #40516a !important;
  stroke: currentColor !important;
}

html body.light-mode .settings-search input:focus {
  border-color: #0047ab !important;
  outline: 2px solid rgba(0, 71, 171, 0.16) !important;
  outline-offset: 1px !important;
}

/* Settings rows were still inheriting their Night Mode white typography.
   Keep every Library preference legible on the white Control Room surface. */
html body.light-mode #master-hud .settings-column > h3,
html body.light-mode #master-hud .settings-section-group > h3,
html body.light-mode #master-hud .settings-item strong {
  color: #07111f !important;
  -webkit-text-fill-color: #07111f !important;
  text-shadow: none !important;
}

html body.light-mode #master-hud .settings-item > div:first-child > span {
  color: #40516a !important;
  -webkit-text-fill-color: #40516a !important;
}

html body.light-mode #master-hud .settings-item,
html body.light-mode #master-hud .settings-column.experience,
html body.light-mode #master-hud .settings-column > h3,
html body.light-mode #master-hud .settings-section-group > h3 {
  border-color: rgba(0, 71, 171, 0.16) !important;
}

html body.light-mode #master-hud .settings-toggle {
  border-color: #0047ab !important;
  background: #0047ab !important;
  box-shadow: none !important;
}

html body.light-mode #master-hud .settings-toggle:not([aria-pressed="true"]) {
  background: #e8eef8 !important;
}

/* First-run connection is part of the same Day Mode surface. Keep the real
   assets, but translate their night-green treatment to AXIOM blue. */
html body.light-mode #connect-music-view :is(.connect-music-mark img, .connect-source-action img) {
  filter: hue-rotate(152deg) saturate(1.35) brightness(0.82) !important;
}

html body.light-mode #connect-music-view .connect-source-action.primary {
  border-color: #0047ab !important;
  background: #0047ab !important;
  color: #ffffff !important;
}

html body.light-mode #connect-music-view .connect-source-action.primary :is(strong, small, .connect-source-arrow) {
  color: #ffffff !important;
}

html body.light-mode .release-splash-overlay .release-splash-btn.secondary :is(span, .text-primary-contrast) {
  color: #0047ab !important;
  -webkit-text-fill-color: #0047ab !important;
}

/* Health scan running state uses blue/white anticipation in Day Mode. */
html body.light-mode #health-top-scan-banner .health-top-scan-pulse,
html body.light-mode #health-progress-container.is-running .health-live-headline-dot,
html body.light-mode #health-progress-container.is-running .health-working-pulse {
  border-color: #ffffff !important;
  background: #ffffff !important;
  box-shadow: 0 0 18px rgba(255, 255, 255, 0.48) !important;
}

html body.light-mode #health-top-scan-banner .health-top-scan-status,
html body.light-mode #health-progress-container.is-running #health-live-headline-status {
  border-color: #ffffff !important;
  background: #ffffff !important;
  color: #0047ab !important;
  box-shadow: none !important;
}

html body.light-mode #health-top-scan-banner .health-top-scan-meter {
  background: rgba(255, 255, 255, 0.28) !important;
}

html body.light-mode #health-top-scan-banner .health-top-scan-meter span,
html body.light-mode #health-progress-container.is-running #health-progress-bar {
  background: linear-gradient(90deg, #ffffff, #9fe8ff, #ffffff) !important;
  box-shadow: none !important;
}

/* Magic Set form controls are data-entry surfaces, not Night Mode blocks. */
html body.light-mode.studio-magic-mode #studio-active-view.graph-mode #studio-build-controls :is(select, input[type="number"], input[type="text"]) {
  border-color: rgba(0, 71, 171, 0.34) !important;
  background: #ffffff !important;
  color: #07111f !important;
  box-shadow: none !important;
}

html body.light-mode.studio-magic-mode #studio-active-view.graph-mode .magic-phase-band div:not(.active) :is(strong, span),
html body.light-mode.studio-magic-mode #studio-active-view.graph-mode .magic-axis-title.time :is(strong, small) {
  color: #07111f !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* Dropdown groups use an expanded state instead of data-nav-state=active. */
html body.light-mode #axiom-sidebar .axiom-sidebar-nav-group.is-expanded > .axiom-sidebar-nav-item,
html body.light-mode:has(#studio-start-view:not(.hidden)) #axiom-sidebar .axiom-sidebar-nav-group.is-expanded > .axiom-sidebar-nav-item,
html body.light-mode.axiom-start-mode #axiom-sidebar .axiom-sidebar-nav-group.is-expanded > .axiom-sidebar-nav-item {
  border-color: rgba(0, 71, 171, 0.44) !important;
  border-left-color: #0047ab !important;
  background: linear-gradient(90deg, rgba(0, 71, 171, 0.13), rgba(37, 99, 235, 0.045)) !important;
  color: #0047ab !important;
  box-shadow: inset 4px 0 0 #0047ab !important;
}

html body.light-mode #axiom-sidebar .axiom-sidebar-nav-group.is-expanded > .axiom-sidebar-nav-item :is(span, svg, svg *, .axiom-sidebar-nav-icon),
html body.light-mode:has(#studio-start-view:not(.hidden)) #axiom-sidebar .axiom-sidebar-nav-group.is-expanded > .axiom-sidebar-nav-item :is(span, svg, svg *, .axiom-sidebar-nav-icon),
html body.light-mode.axiom-start-mode #axiom-sidebar .axiom-sidebar-nav-group.is-expanded > .axiom-sidebar-nav-item :is(span, svg, svg *, .axiom-sidebar-nav-icon) {
  color: #0047ab !important;
  -webkit-text-fill-color: #0047ab !important;
  stroke: currentColor !important;
  opacity: 1 !important;
  filter: none !important;
}

/* ========================================================================
   DAY MODE SHARED NAVIGATION + MUSICAL DATA REPAIR
   Keep Night Mode's acid-green system untouched. These selectors deliberately
   match the high-specificity release rules used by Library, Studio and the
   full-window Matching Songs shell.
   ======================================================================== */

/* Some grouped navigation labels carry a direct night-mode text fill on their
   inner span. Override both color channels so Export and Playlists behave like
   every other inactive, active and expanded Day Mode route. */
html body.light-mode #axiom-sidebar .axiom-sidebar-nav-label > span {
  color: #07111f !important;
  -webkit-text-fill-color: #07111f !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html body.light-mode #axiom-sidebar :is(
  .axiom-sidebar-nav-item[data-nav-state="active"],
  .axiom-sidebar-nav-item[aria-current="page"]
) .axiom-sidebar-nav-label > span,
html body.light-mode #axiom-sidebar .axiom-sidebar-nav-group.is-expanded > .axiom-sidebar-nav-item .axiom-sidebar-nav-label > span {
  color: #0047ab !important;
  -webkit-text-fill-color: #0047ab !important;
}

/* Library rows: metadata should read as secondary information, not as solid
   blue blocks. BPM and key remain clearly distinct musical-data controls. */
html body.light-mode #tab-content-library.library-cockpit #search-results .library-track-card :is(
  .library-dna-chip,
  .library-year-chip
) {
  border-color: rgba(0, 71, 171, 0.28) !important;
  background: rgba(0, 71, 171, 0.08) !important;
  color: #0047ab !important;
  -webkit-text-fill-color: #0047ab !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

html body.light-mode #tab-content-library.library-cockpit #search-results .library-track-card :is(
  .library-bpm-label,
  .library-bpm-tools,
  .library-bpm-tools button
) {
  color: #40516a !important;
  -webkit-text-fill-color: #40516a !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

html body.light-mode #tab-content-library.library-cockpit #search-results .library-track-card .library-bpm-tools button {
  border-color: rgba(0, 71, 171, 0.22) !important;
  background: rgba(0, 71, 171, 0.055) !important;
}

html body.light-mode #tab-content-library.library-cockpit #search-results .library-track-card .library-key-cell {
  border-color: rgba(8, 145, 178, 0.46) !important;
  background: #f0fbfd !important;
  color: #07111f !important;
  box-shadow: none !important;
}

html body.light-mode #tab-content-library.library-cockpit #search-results .library-track-card .library-key-cell :is(
  .camelot-pill,
  strong
) {
  color: #087f96 !important;
  -webkit-text-fill-color: #087f96 !important;
  text-shadow: none !important;
}

html body.light-mode #tab-content-library.library-cockpit #search-results .library-track-card .library-key-cell :is(
  small,
  .library-key-label
) {
  color: #40516a !important;
  -webkit-text-fill-color: #40516a !important;
  opacity: 1 !important;
}

html body.light-mode #fav-panel-count-badge {
  border-color: rgba(0, 71, 171, 0.34) !important;
  background: rgba(0, 71, 171, 0.10) !important;
  color: #0047ab !important;
  -webkit-text-fill-color: #0047ab !important;
  box-shadow: none !important;
}

/* Studio uses the same BPM/key hierarchy as Library. The circular BPM spine
   stays blue; only the stale dark key housing and pale labels are inverted. */
html body.light-mode #studio-active-view #active-playlist-container .playlist-row.studio-transition-row :is(
  .studio-bpm-metric small,
  .studio-node-bpm-label
) {
  color: #40516a !important;
  -webkit-text-fill-color: #40516a !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html body.light-mode #studio-active-view #active-playlist-container .playlist-row.studio-transition-row .studio-key-metric {
  border-color: rgba(8, 145, 178, 0.46) !important;
  background: #f0fbfd !important;
  color: #07111f !important;
  box-shadow: none !important;
}

html body.light-mode #studio-active-view #active-playlist-container .playlist-row.studio-transition-row .studio-key-metric .camelot-pill {
  color: #087f96 !important;
  -webkit-text-fill-color: #087f96 !important;
  text-shadow: none !important;
}

html body.light-mode #studio-active-view #active-playlist-container .playlist-row.studio-transition-row .studio-key-metric > small {
  color: #40516a !important;
  -webkit-text-fill-color: #40516a !important;
  opacity: 1 !important;
}

/* Matching Songs is mounted at document level and the approved Night Mode
   rules intentionally use duplicate IDs. Match that specificity so no dark or
   acid-green row component can win in Day Mode. */
html body.light-mode #replacement-modal#replacement-modal.anchor-dj-modal #modal-suggestions-list .anchor-suggestion-row {
  border-color: rgba(0, 71, 171, 0.18) !important;
  background: #ffffff !important;
  color: #07111f !important;
  box-shadow: 0 8px 18px rgba(7, 17, 31, 0.07) !important;
}

html body.light-mode #replacement-modal#replacement-modal.anchor-dj-modal #modal-suggestions-list .anchor-suggestion-row:is(.selected, .active-suggestion) {
  border-color: #0047ab !important;
  background: linear-gradient(90deg, #ffffff, #e8f0ff 54%, #ffffff) !important;
  box-shadow: 0 0 0 1px rgba(0, 71, 171, 0.10), 0 12px 24px rgba(7, 17, 31, 0.09), 0 0 20px rgba(0, 71, 171, 0.11) !important;
}

html body.light-mode #replacement-modal#replacement-modal.anchor-dj-modal #modal-suggestions-list .anchor-suggestion-art {
  border-color: rgba(0, 71, 171, 0.26) !important;
  background: linear-gradient(135deg, #ffffff, #e8f0ff) !important;
  color: #07111f !important;
  box-shadow: none !important;
}

html body.light-mode #replacement-modal#replacement-modal.anchor-dj-modal #modal-suggestions-list .anchor-suggestion-play {
  border-color: rgba(255, 255, 255, 0.78) !important;
  background: #0047ab !important;
  color: #ffffff !important;
  box-shadow: 0 0 16px rgba(0, 71, 171, 0.20) !important;
}

html body.light-mode #replacement-modal#replacement-modal.anchor-dj-modal #modal-suggestions-list .anchor-suggestion-play :is(svg, svg *) {
  color: #ffffff !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

html body.light-mode #replacement-modal#replacement-modal.anchor-dj-modal #modal-suggestions-list :is(
  .anchor-suggestion-title,
  .anchor-suggestion-title strong
) {
  color: #07111f !important;
  -webkit-text-fill-color: #07111f !important;
  text-shadow: none !important;
}

html body.light-mode #replacement-modal#replacement-modal.anchor-dj-modal #modal-suggestions-list .anchor-suggestion-artist {
  color: #40516a !important;
  -webkit-text-fill-color: #40516a !important;
  text-shadow: none !important;
}

html body.light-mode #replacement-modal#replacement-modal.anchor-dj-modal #modal-suggestions-list :is(
  .anchor-suggestion-tags span,
  .anchor-suggestion-bpm,
  .anchor-suggestion-key,
  .anchor-suggestion-match
) {
  border-color: rgba(0, 71, 171, 0.24) !important;
  background: rgba(0, 71, 171, 0.075) !important;
  color: #0047ab !important;
  box-shadow: none !important;
}

html body.light-mode #replacement-modal#replacement-modal.anchor-dj-modal #modal-suggestions-list :is(
  .anchor-suggestion-bpm > strong,
  .anchor-suggestion-match > strong
) {
  color: #0047ab !important;
  -webkit-text-fill-color: #0047ab !important;
  text-shadow: none !important;
}

html body.light-mode #replacement-modal#replacement-modal.anchor-dj-modal #modal-suggestions-list .anchor-suggestion-key strong {
  border-color: rgba(8, 145, 178, 0.46) !important;
  background: #f0fbfd !important;
  color: #087f96 !important;
  -webkit-text-fill-color: #087f96 !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

html body.light-mode #replacement-modal#replacement-modal.anchor-dj-modal #modal-suggestions-list :is(
  .anchor-suggestion-metric span,
  .anchor-suggestion-key span,
  .anchor-suggestion-match span,
  .anchor-suggestion-bpm-tools,
  .anchor-suggestion-bpm-tools button
) {
  color: #40516a !important;
  -webkit-text-fill-color: #40516a !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html body.light-mode #replacement-modal#replacement-modal.anchor-dj-modal #modal-suggestions-list .anchor-suggestion-bpm-tools button {
  border-color: rgba(0, 71, 171, 0.22) !important;
  background: rgba(0, 71, 171, 0.055) !important;
}

html body.light-mode #replacement-modal#replacement-modal.anchor-dj-modal #modal-suggestions-list .anchor-suggestion-add {
  border-color: #0047ab !important;
  background: #0047ab !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 0 14px rgba(0, 71, 171, 0.16) !important;
}

html body.light-mode #replacement-modal#replacement-modal.anchor-dj-modal #modal-suggestions-list .anchor-decision-btn {
  border-color: rgba(0, 71, 171, 0.30) !important;
  background: #ffffff !important;
  color: #0047ab !important;
  -webkit-text-fill-color: #0047ab !important;
  box-shadow: none !important;
}

html body.light-mode #replacement-modal#replacement-modal.anchor-dj-modal #modal-suggestions-list .anchor-decision-btn:is(:hover, .active) {
  border-color: #0047ab !important;
  background: #0047ab !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Library's live recommendation filters and compact key cells are shared with
   the side-panel suggestions, so they must invert even when Matching Songs is
   not open as a full-window shell. */
html body.light-mode #tab-content-library.library-cockpit :is(#lmod-era, #lmod-root, #lmod-count) {
  border-color: rgba(0, 71, 171, 0.26) !important;
  background: #ffffff !important;
  color: #07111f !important;
  -webkit-text-fill-color: #07111f !important;
  box-shadow: none !important;
}

html body.light-mode #tab-content-library.library-cockpit #lib-suggestions-list .recommendation-key-metric {
  border-color: rgba(8, 145, 178, 0.42) !important;
  background: #f0fbfd !important;
  color: #07111f !important;
  box-shadow: none !important;
}

html body.light-mode #tab-content-library.library-cockpit #lib-suggestions-list .recommendation-key-metric :is(
  .camelot-pill,
  strong
) {
  color: #087f96 !important;
  -webkit-text-fill-color: #087f96 !important;
  text-shadow: none !important;
}

html body.light-mode #tab-content-library.library-cockpit #lib-suggestions-list .recommendation-key-metric :is(
  small,
  span
) {
  color: #40516a !important;
  -webkit-text-fill-color: #40516a !important;
  opacity: 1 !important;
}

/* These shared overlays can be summoned from any feature. Their resting Day
   Mode state should not expose a black Night Mode panel behind the page. */
html body.light-mode #playlist-undo-snackbar,
html body.light-mode #favorites-panel-drawer {
  border-color: rgba(0, 71, 171, 0.24) !important;
  background: #ffffff !important;
  color: #07111f !important;
  box-shadow: 0 18px 42px rgba(7, 17, 31, 0.14) !important;
}