/* Danmi v37 — consolidated dark mode stylesheet
   Original cascade preserved:
   1) dark-mode-polish-v7.css
   2) dark-mode-solid-v8.css
   Visual behavior is intentionally unchanged. */

/* Danmi dark mode polish v7 — soft pastel, higher contrast, less muddy */
html[data-theme="dark"], body.dark-mode {
  --ui-bg: #18151f;
  --ui-bg-2: #201b29;
  --ui-surface: rgba(43, 36, 55, .96);
  --ui-surface-strong: #30283d;
  --ui-soft: #3a3048;
  --ui-soft-pink: #463243;
  --ui-soft-blue: #2f3b50;
  --ui-soft-mint: #2f433f;
  --ui-line: #5b4d69;
  --ui-line-strong: #79678a;
  --ui-text: #fff9ff;
  --ui-sub: #ddd2e6;
  --ui-primary: #cbb0ed;
  --ui-primary-strong: #eadbfa;
  --ui-pink: #f3b4d2;
  --text-main: #fff9ff;
  --text-sub: #ddd2e6;
  --card-bg: #2c2537;
  --panel-bg: #30283d;
  --border-color: #5b4d69;
  --accent-soft: #4a3b60;
  --ui-shadow: 0 14px 32px rgba(7, 4, 12, .34);
  --ui-shadow-soft: 0 7px 20px rgba(7, 4, 12, .24);
  color-scheme: dark;
}

html[data-theme="dark"],
html[data-theme="dark"] body,
body.dark-mode,
html[data-theme="dark"] .app-layout,
html[data-theme="dark"] .page-area,
body.dark-mode .app-layout,
body.dark-mode .page-area {
  background: #18151f !important;
  color: #fff9ff !important;
}

/* Main surfaces */
html[data-theme="dark"] .profile-card,
html[data-theme="dark"] .profile-summary,
html[data-theme="dark"] .content-card,
html[data-theme="dark"] .dashboard-card,
html[data-theme="dark"] .schedule-card,
html[data-theme="dark"] .songbook-card,
html[data-theme="dark"] .homework-card,
html[data-theme="dark"] .notice-card,
html[data-theme="dark"] .admin-card,
html[data-theme="dark"] .settings-card,
html[data-theme="dark"] .member-panel,
html[data-theme="dark"] .admin-panel,
html[data-theme="dark"] .route-page-shell,
html[data-theme="dark"] .full-view-panel,
html[data-theme="dark"] .full-view-content,
html[data-theme="dark"] .route-page-content,
html[data-theme="dark"] .modal-card,
html[data-theme="dark"] .auth-modal-card,
body.dark-mode .profile-card,
body.dark-mode .profile-summary,
body.dark-mode .content-card,
body.dark-mode .dashboard-card,
body.dark-mode .schedule-card,
body.dark-mode .songbook-card,
body.dark-mode .homework-card,
body.dark-mode .notice-card,
body.dark-mode .admin-card,
body.dark-mode .settings-card,
body.dark-mode .member-panel,
body.dark-mode .admin-panel,
body.dark-mode .route-page-shell,
body.dark-mode .full-view-panel,
body.dark-mode .full-view-content,
body.dark-mode .route-page-content,
body.dark-mode .modal-card,
body.dark-mode .auth-modal-card {
  background: linear-gradient(145deg, rgba(48,40,61,.98), rgba(40,34,51,.98)) !important;
  border-color: #5b4d69 !important;
  color: #fff9ff !important;
}

/* Headers and sticky rows */
html[data-theme="dark"] .full-view-header,
html[data-theme="dark"] .route-page-header,
html[data-theme="dark"] .card-header,
html[data-theme="dark"] .song-table-header,
html[data-theme="dark"] .route-song-header,
html[data-theme="dark"] .admin-list-header,
body.dark-mode .full-view-header,
body.dark-mode .route-page-header,
body.dark-mode .card-header,
body.dark-mode .song-table-header,
body.dark-mode .route-song-header,
body.dark-mode .admin-list-header {
  background: #342b41 !important;
  border-color: #665675 !important;
  color: #fff9ff !important;
  box-shadow: 0 6px 18px rgba(5,3,9,.20) !important;
}

/* Core typography contrast */
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] strong,
html[data-theme="dark"] .profile-name,
html[data-theme="dark"] .song-title,
html[data-theme="dark"] .route-week-content > strong,
html[data-theme="dark"] .route-notice-summary strong,
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode strong,
body.dark-mode .profile-name,
body.dark-mode .song-title,
body.dark-mode .route-week-content > strong,
body.dark-mode .route-notice-summary strong {
  color: #fffaff !important;
}
html[data-theme="dark"] p,
html[data-theme="dark"] small,
html[data-theme="dark"] time,
html[data-theme="dark"] .muted,
html[data-theme="dark"] .subtext,
html[data-theme="dark"] .song-artist,
html[data-theme="dark"] .route-week-content p,
html[data-theme="dark"] .route-week-date span,
body.dark-mode p,
body.dark-mode small,
body.dark-mode time,
body.dark-mode .muted,
body.dark-mode .subtext,
body.dark-mode .song-artist,
body.dark-mode .route-week-content p,
body.dark-mode .route-week-date span {
  color: #ddd2e6 !important;
}

/* Lists */
html[data-theme="dark"] .song-row,
html[data-theme="dark"] .schedule-item,
html[data-theme="dark"] .homework-item,
html[data-theme="dark"] .notice-item,
html[data-theme="dark"] .route-week-row,
html[data-theme="dark"] .route-notice-item,
html[data-theme="dark"] .admin-song-item,
html[data-theme="dark"] .admin-homework-item,
html[data-theme="dark"] .admin-notice-item,
body.dark-mode .song-row,
body.dark-mode .schedule-item,
body.dark-mode .homework-item,
body.dark-mode .notice-item,
body.dark-mode .route-week-row,
body.dark-mode .route-notice-item,
body.dark-mode .admin-song-item,
body.dark-mode .admin-homework-item,
body.dark-mode .admin-notice-item {
  background: #352d41 !important;
  border-color: #5d506b !important;
  color: #fff9ff !important;
}
html[data-theme="dark"] .song-row:hover,
html[data-theme="dark"] .schedule-item:hover,
html[data-theme="dark"] .homework-item:hover,
html[data-theme="dark"] .notice-item:hover,
body.dark-mode .song-row:hover,
body.dark-mode .schedule-item:hover,
body.dark-mode .homework-item:hover,
body.dark-mode .notice-item:hover {
  background: #40354f !important;
}

/* Schedule full view */
html[data-theme="dark"] .route-week-date,
body.dark-mode .route-week-date {
  background: linear-gradient(145deg, #493b59, #3b3049) !important;
  border: 1px solid #6d5a7d !important;
}
html[data-theme="dark"] .route-week-date strong,
body.dark-mode .route-week-date strong { color: #fff6ff !important; }
html[data-theme="dark"] .route-week-time,
body.dark-mode .route-week-time {
  background: #443851 !important;
  border: 1px solid #665574 !important;
  color: #efe4f6 !important;
}

/* Notice full view */
html[data-theme="dark"] .route-notice-summary,
body.dark-mode .route-notice-summary {
  background: #352d41 !important;
  color: #fff9ff !important;
}
html[data-theme="dark"] .route-notice-content,
body.dark-mode .route-notice-content {
  background: #30283b !important;
  border-top: 1px solid #554761 !important;
  color: #eee4f4 !important;
}
html[data-theme="dark"] .notice-chevron,
body.dark-mode .notice-chevron {
  background: #473a55 !important;
  color: #f1e6f7 !important;
}

/* Buttons and tabs */
html[data-theme="dark"] .secondary-button,
html[data-theme="dark"] .route-view-toggle,
html[data-theme="dark"] .route-view-toggle-mobile,
html[data-theme="dark"] .view-all-button,
html[data-theme="dark"] .route-home-button,
html[data-theme="dark"] .admin-tab-button,
body.dark-mode .secondary-button,
body.dark-mode .route-view-toggle,
body.dark-mode .route-view-toggle-mobile,
body.dark-mode .view-all-button,
body.dark-mode .route-home-button,
body.dark-mode .admin-tab-button {
  background: #40354d !important;
  border-color: #665675 !important;
  color: #f3e8f9 !important;
}
html[data-theme="dark"] button:hover,
body.dark-mode button:hover { filter: brightness(1.08); }
html[data-theme="dark"] .primary-button,
body.dark-mode .primary-button {
  background: linear-gradient(135deg, #a98ad0, #d793b8) !important;
  color: #211828 !important;
  text-shadow: none !important;
}

/* Inputs */
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea {
  background: #282231 !important;
  border-color: #655675 !important;
  color: #fff9ff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder,
body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder { color: #bfb2c9 !important; opacity: 1 !important; }

/* Navigation */
html[data-theme="dark"] .sidebar,
html[data-theme="dark"] .mobile-navigation,
body.dark-mode .sidebar,
body.dark-mode .mobile-navigation {
  background: rgba(39,32,49,.98) !important;
  border-color: #564961 !important;
}
html[data-theme="dark"] .menu-button,
html[data-theme="dark"] .mobile-nav-button,
body.dark-mode .menu-button,
body.dark-mode .mobile-nav-button { color: #d9cfe2 !important; }
html[data-theme="dark"] .menu-button.active,
html[data-theme="dark"] .mobile-nav-button.active,
html[data-theme="dark"] .menu-button[aria-current="page"],
html[data-theme="dark"] .mobile-nav-button[aria-current="page"],
body.dark-mode .menu-button.active,
body.dark-mode .mobile-nav-button.active,
body.dark-mode .menu-button[aria-current="page"],
body.dark-mode .mobile-nav-button[aria-current="page"] {
  background: linear-gradient(135deg, #4a3b5d, #573b50) !important;
  border-color: #7b678c !important;
  color: #fff8ff !important;
}

/* Badges: keep pastel but improve readability */
html[data-theme="dark"] .genre,
html[data-theme="dark"] .difficulty,
html[data-theme="dark"] .song-status,
html[data-theme="dark"] .status-badge,
html[data-theme="dark"] .live-badge,
html[data-theme="dark"] .notice-category,
html[data-theme="dark"] .route-week-state,
body.dark-mode .genre,
body.dark-mode .difficulty,
body.dark-mode .song-status,
body.dark-mode .status-badge,
body.dark-mode .live-badge,
body.dark-mode .notice-category,
body.dark-mode .route-week-state {
  border-color: rgba(255,255,255,.16) !important;
  text-shadow: none !important;
  filter: saturate(.90) brightness(1.08);
}

/* Links and icons */
html[data-theme="dark"] a,
body.dark-mode a { color: #d9bff4; }
html[data-theme="dark"] svg,
body.dark-mode svg { color: currentColor; }

/* Toast/loading */
html[data-theme="dark"] .ui-toast,
html[data-theme="dark"] .song-copy-toast,
html[data-theme="dark"] .server-loading-indicator,
body.dark-mode .ui-toast,
body.dark-mode .song-copy-toast,
body.dark-mode .server-loading-indicator {
  background: #2d2637 !important;
  border-color: #665675 !important;
  color: #fff9ff !important;
}

/* Scrollbar */
html[data-theme="dark"] * { scrollbar-color: #756285 #211b29; }
html[data-theme="dark"] *::-webkit-scrollbar-track { background: #211b29 !important; }
html[data-theme="dark"] *::-webkit-scrollbar-thumb { background: #756285 !important; border: 3px solid #211b29 !important; }

/* ===== original dark-mode-solid-v8.css ===== */

/* Danmi dark mode v8 — no gradients, soft pastel solid surfaces */
html[data-theme="dark"], body.dark-mode {
  --ui-bg: #17141d;
  --ui-bg-2: #1e1926;
  --ui-surface: #26212f;
  --ui-surface-2: #2d2638;
  --ui-surface-3: #342d42;
  --ui-line: #5e5571;
  --ui-line-soft: #4d455d;
  --ui-text: #faf5ff;
  --ui-sub: #ddd5ec;
  --ui-accent: #ccb8ee;
  --ui-accent-2: #edbfd9;
  --ui-accent-soft: rgba(204, 184, 238, 0.14);
  --ui-shadow: 0 14px 30px rgba(7, 6, 12, 0.32);
  --card-bg: #26212f;
  --panel-bg: #2b2535;
  --border-color: #5e5571;
  --text-main: #faf5ff;
  --text-sub: #ddd5ec;
  --soft-bg: #30293b;
  color-scheme: dark;
}

html[data-theme="dark"],
html[data-theme="dark"] body,
body.dark-mode,
html[data-theme="dark"] .app-layout,
html[data-theme="dark"] .page-area,
body.dark-mode .app-layout,
body.dark-mode .page-area {
  background: #17141d !important;
  color: #faf5ff !important;
}

/* remove glossy decorations and gradients */
html[data-theme="dark"] .sidebar-profile::before,
html[data-theme="dark"] .profile-summary::before,
html[data-theme="dark"] .dashboard-grid > .card::before,
html[data-theme="dark"] .mobile-summary-card::before,
html[data-theme="dark"] .route-page-header::before,
html[data-theme="dark"] .admin-dashboard-card::before,
html[data-theme="dark"] .admin-form-section::before,
html[data-theme="dark"] .admin-list-section::before,
html[data-theme="dark"] .admin-backup-section::before,
html[data-theme="dark"] .member-panel::before,
html[data-theme="dark"] .policy-panel::before,
html[data-theme="dark"] .admin-login-panel::before,
body.dark-mode .sidebar-profile::before,
body.dark-mode .profile-summary::before,
body.dark-mode .dashboard-grid > .card::before,
body.dark-mode .mobile-summary-card::before,
body.dark-mode .route-page-header::before,
body.dark-mode .admin-dashboard-card::before,
body.dark-mode .admin-form-section::before,
body.dark-mode .admin-list-section::before,
body.dark-mode .admin-backup-section::before,
body.dark-mode .member-panel::before,
body.dark-mode .policy-panel::before,
body.dark-mode .admin-login-panel::before {
  background: none !important;
}

html[data-theme="dark"] .profile-card,
html[data-theme="dark"] .profile-summary,
html[data-theme="dark"] .content-card,
html[data-theme="dark"] .dashboard-card,
html[data-theme="dark"] .schedule-card,
html[data-theme="dark"] .songbook-card,
html[data-theme="dark"] .homework-card,
html[data-theme="dark"] .notice-card,
html[data-theme="dark"] .admin-card,
html[data-theme="dark"] .settings-card,
html[data-theme="dark"] .member-panel,
html[data-theme="dark"] .admin-panel,
html[data-theme="dark"] .route-page-shell,
html[data-theme="dark"] .full-view-panel,
html[data-theme="dark"] .full-view-content,
html[data-theme="dark"] .route-page-content,
html[data-theme="dark"] .modal-card,
html[data-theme="dark"] .auth-modal-card,
html[data-theme="dark"] .sidebar-profile,
body.dark-mode .profile-card,
body.dark-mode .profile-summary,
body.dark-mode .content-card,
body.dark-mode .dashboard-card,
body.dark-mode .schedule-card,
body.dark-mode .songbook-card,
body.dark-mode .homework-card,
body.dark-mode .notice-card,
body.dark-mode .admin-card,
body.dark-mode .settings-card,
body.dark-mode .member-panel,
body.dark-mode .admin-panel,
body.dark-mode .route-page-shell,
body.dark-mode .full-view-panel,
body.dark-mode .full-view-content,
body.dark-mode .route-page-content,
body.dark-mode .modal-card,
body.dark-mode .auth-modal-card,
body.dark-mode .sidebar-profile {
  background: #26212f !important;
  border-color: #5e5571 !important;
  color: #faf5ff !important;
  box-shadow: var(--ui-shadow) !important;
}

html[data-theme="dark"] .full-view-header,
html[data-theme="dark"] .route-page-header,
html[data-theme="dark"] .card-header,
html[data-theme="dark"] .song-table-header,
html[data-theme="dark"] .route-song-header,
html[data-theme="dark"] .admin-list-header,
body.dark-mode .full-view-header,
body.dark-mode .route-page-header,
body.dark-mode .card-header,
body.dark-mode .song-table-header,
body.dark-mode .route-song-header,
body.dark-mode .admin-list-header {
  background: #312b3c !important;
  border-color: #675d7c !important;
  color: #faf5ff !important;
  box-shadow: 0 8px 18px rgba(7, 6, 12, 0.22) !important;
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] strong,
html[data-theme="dark"] .profile-name,
html[data-theme="dark"] .song-title,
html[data-theme="dark"] .route-week-content > strong,
html[data-theme="dark"] .route-notice-summary strong,
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode strong,
body.dark-mode .profile-name,
body.dark-mode .song-title,
body.dark-mode .route-week-content > strong,
body.dark-mode .route-notice-summary strong,
body.dark-mode .admin-section-title,
html[data-theme="dark"] .admin-section-title {
  color: #fcf8ff !important;
}

html[data-theme="dark"] p,
html[data-theme="dark"] small,
html[data-theme="dark"] time,
html[data-theme="dark"] .muted,
html[data-theme="dark"] .subtext,
html[data-theme="dark"] .song-artist,
html[data-theme="dark"] .route-week-content p,
html[data-theme="dark"] .route-week-date span,
body.dark-mode p,
body.dark-mode small,
body.dark-mode time,
body.dark-mode .muted,
body.dark-mode .subtext,
body.dark-mode .song-artist,
body.dark-mode .route-week-content p,
body.dark-mode .route-week-date span,
body.dark-mode label,
html[data-theme="dark"] label {
  color: #ddd5ec !important;
}

html[data-theme="dark"] .song-row,
html[data-theme="dark"] .schedule-item,
html[data-theme="dark"] .homework-item,
html[data-theme="dark"] .notice-item,
html[data-theme="dark"] .route-week-row,
html[data-theme="dark"] .route-notice-item,
html[data-theme="dark"] .admin-song-item,
html[data-theme="dark"] .admin-homework-item,
html[data-theme="dark"] .admin-notice-item,
body.dark-mode .song-row,
body.dark-mode .schedule-item,
body.dark-mode .homework-item,
body.dark-mode .notice-item,
body.dark-mode .route-week-row,
body.dark-mode .route-notice-item,
body.dark-mode .admin-song-item,
body.dark-mode .admin-homework-item,
body.dark-mode .admin-notice-item {
  background: #2e2839 !important;
  border-color: #5a516b !important;
  color: #faf5ff !important;
}

html[data-theme="dark"] .song-row:hover,
html[data-theme="dark"] .schedule-item:hover,
html[data-theme="dark"] .homework-item:hover,
html[data-theme="dark"] .notice-item:hover,
body.dark-mode .song-row:hover,
body.dark-mode .schedule-item:hover,
body.dark-mode .homework-item:hover,
body.dark-mode .notice-item:hover,
body.dark-mode .route-week-row:hover,
html[data-theme="dark"] .route-week-row:hover {
  background: #393244 !important;
}

html[data-theme="dark"] .route-week-date,
body.dark-mode .route-week-date,
html[data-theme="dark"] .route-week-time,
body.dark-mode .route-week-time,
html[data-theme="dark"] .route-notice-summary,
body.dark-mode .route-notice-summary,
html[data-theme="dark"] .route-notice-content,
body.dark-mode .route-notice-content,
html[data-theme="dark"] .notice-chevron,
body.dark-mode .notice-chevron {
  background: #332d40 !important;
  border-color: #645a78 !important;
  color: #f7f2ff !important;
}

html[data-theme="dark"] .secondary-button,
html[data-theme="dark"] .route-view-toggle,
html[data-theme="dark"] .route-view-toggle-mobile,
html[data-theme="dark"] .view-all-button,
html[data-theme="dark"] .route-home-button,
html[data-theme="dark"] .admin-tab-button,
html[data-theme="dark"] .card-header > button,
body.dark-mode .secondary-button,
body.dark-mode .route-view-toggle,
body.dark-mode .route-view-toggle-mobile,
body.dark-mode .view-all-button,
body.dark-mode .route-home-button,
body.dark-mode .admin-tab-button,
body.dark-mode .card-header > button {
  background: #373042 !important;
  border-color: #675d7c !important;
  color: #f8f3ff !important;
}

html[data-theme="dark"] .primary-button,
body.dark-mode .primary-button {
  background: #d9b8eb !important;
  border-color: #e7cff4 !important;
  color: #2a1f34 !important;
  text-shadow: none !important;
}

html[data-theme="dark"] .menu-button,
html[data-theme="dark"] .mobile-nav-button,
body.dark-mode .menu-button,
body.dark-mode .mobile-nav-button {
  color: #e1d8ee !important;
}

html[data-theme="dark"] .menu-button.active,
html[data-theme="dark"] .mobile-nav-button.active,
html[data-theme="dark"] .menu-button[aria-current="page"],
html[data-theme="dark"] .mobile-nav-button[aria-current="page"],
body.dark-mode .menu-button.active,
body.dark-mode .mobile-nav-button.active,
body.dark-mode .menu-button[aria-current="page"],
body.dark-mode .mobile-nav-button[aria-current="page"] {
  background: #43394f !important;
  border-color: #7c6e92 !important;
  color: #fff9ff !important;
}

html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea {
  background: #221d2b !important;
  border-color: #625878 !important;
  color: #fcf8ff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder,
body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder { color: #bdb1cd !important; opacity: 1 !important; }

html[data-theme="dark"] .sidebar,
html[data-theme="dark"] .mobile-navigation,
body.dark-mode .sidebar,
body.dark-mode .mobile-navigation {
  background: #241f2c !important;
  border-color: #595068 !important;
}

html[data-theme="dark"] .profile-image,
html[data-theme="dark"] .summary-profile-image,
body.dark-mode .profile-image,
body.dark-mode .summary-profile-image {
  background: #332d3f !important;
  border-color: rgba(228, 212, 246, 0.22) !important;
}

html[data-theme="dark"] .profile-links,
html[data-theme="dark"] .profile-links a,
body.dark-mode .profile-links,
body.dark-mode .profile-links a {
  background: #2f2938 !important;
  border-color: #5f5572 !important;
  color: #f7f2ff !important;
}
html[data-theme="dark"] .profile-links a:hover,
body.dark-mode .profile-links a:hover {
  background: #3a3247 !important;
}

html[data-theme="dark"] .song-meta-badge,
html[data-theme="dark"] .song-status,
html[data-theme="dark"] .profile-text .tag-list span,
html[data-theme="dark"] .schedule-type,
html[data-theme="dark"] .homework-status,
html[data-theme="dark"] .notice-category,
html[data-theme="dark"] .songbook-notice-chip,
html[data-theme="dark"] .genre,
html[data-theme="dark"] .difficulty,
html[data-theme="dark"] .status-badge,
html[data-theme="dark"] .live-badge,
html[data-theme="dark"] .route-week-state,
body.dark-mode .song-meta-badge,
body.dark-mode .song-status,
body.dark-mode .profile-text .tag-list span,
body.dark-mode .schedule-type,
body.dark-mode .homework-status,
body.dark-mode .notice-category,
body.dark-mode .songbook-notice-chip,
body.dark-mode .genre,
body.dark-mode .difficulty,
body.dark-mode .status-badge,
body.dark-mode .live-badge,
body.dark-mode .route-week-state {
  border-color: rgba(250, 243, 255, 0.18) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}

html[data-theme="dark"] a,
body.dark-mode a { color: #e3c9f4; }

html[data-theme="dark"] .ui-toast,
html[data-theme="dark"] .song-copy-toast,
html[data-theme="dark"] .server-loading-indicator,
body.dark-mode .ui-toast,
body.dark-mode .song-copy-toast,
body.dark-mode .server-loading-indicator {
  background: #2c2637 !important;
  border-color: #675d7c !important;
  color: #fcf8ff !important;
}

html[data-theme="dark"] *, body.dark-mode * { scrollbar-color: #77698f #1d1825; }
html[data-theme="dark"] *::-webkit-scrollbar-track,
body.dark-mode *::-webkit-scrollbar-track { background: #1d1825 !important; }
html[data-theme="dark"] *::-webkit-scrollbar-thumb,
body.dark-mode *::-webkit-scrollbar-thumb { background: #77698f !important; border: 3px solid #1d1825 !important; }