/* Minimax AI Music — adapter for the six WStudios appearance finishes. */
body[data-gradient="blue"] {
  --suno-accent: #a765ff;
  --suno-accent-strong: #7c3aed;
  --suno-accent-soft: #d8b4fe;
  --suno-accent-rgb: 167, 101, 255;
  --suno-page: radial-gradient(circle at 62% -20%, #251438 0%, #0b0910 36%, #050507 76%);
  --suno-creator: linear-gradient(155deg, #100b18, #08070c 70%);
  --suno-workspace: linear-gradient(145deg, #070609, #0c0911 70%, #08070b);
  --suno-player: rgba(16, 12, 22, 0.96);
  --suno-surface: rgba(255, 255, 255, 0.055);
  --suno-surface-hover: rgba(255, 255, 255, 0.09);
  --suno-border: rgba(231, 219, 248, 0.11);
  --suno-text: #f3eef8;
  --suno-muted: #b5aabd;
  --suno-faint: #7f7488;
  --suno-shadow: rgba(8, 3, 13, 0.42);
}

body[data-gradient="green"] {
  --suno-accent: #34d399;
  --suno-accent-strong: #059669;
  --suno-accent-soft: #a7f3d0;
  --suno-accent-rgb: 52, 211, 153;
  --suno-page: radial-gradient(circle at 62% -20%, #103526 0%, #07150f 36%, #020806 76%);
  --suno-creator: linear-gradient(155deg, #0a2017, #040b08 70%);
  --suno-workspace: linear-gradient(145deg, #030906, #07140e 70%, #040a07);
  --suno-player: rgba(5, 20, 14, 0.96);
  --suno-surface: rgba(219, 255, 239, 0.06);
  --suno-surface-hover: rgba(219, 255, 239, 0.1);
  --suno-border: rgba(188, 255, 224, 0.12);
  --suno-text: #effff7;
  --suno-muted: #abd6c2;
  --suno-faint: #719987;
  --suno-shadow: rgba(1, 12, 8, 0.44);
}

body[data-gradient="gold"] {
  --suno-accent: #f5b72f;
  --suno-accent-strong: #c9860a;
  --suno-accent-soft: #fde7a7;
  --suno-accent-rgb: 245, 183, 47;
  --suno-page: radial-gradient(circle at 62% -20%, #3a290b 0%, #171005 36%, #080601 76%);
  --suno-creator: linear-gradient(155deg, #241907, #0c0903 70%);
  --suno-workspace: linear-gradient(145deg, #0b0802, #171005 70%, #0c0903);
  --suno-player: rgba(25, 17, 4, 0.97);
  --suno-surface: rgba(255, 245, 211, 0.06);
  --suno-surface-hover: rgba(255, 245, 211, 0.1);
  --suno-border: rgba(255, 231, 163, 0.13);
  --suno-text: #fffaf0;
  --suno-muted: #d8c7a3;
  --suno-faint: #9c8b68;
  --suno-shadow: rgba(14, 9, 1, 0.44);
}

body[data-gradient="white"] {
  --suno-accent: #63788b;
  --suno-accent-strong: #40566a;
  --suno-accent-soft: #253848;
  --suno-accent-rgb: 99, 120, 139;
  --suno-page: linear-gradient(150deg, #e8edf1 0%, #fbfcfd 48%, #e5ebef 100%);
  --suno-creator: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(231, 237, 241, 0.97));
  --suno-workspace: linear-gradient(145deg, #f9fbfc, #e9eef2 72%, #fdfefe);
  --suno-player: rgba(250, 252, 253, 0.94);
  --suno-surface: rgba(255, 255, 255, 0.72);
  --suno-surface-hover: rgba(255, 255, 255, 0.96);
  --suno-border: rgba(75, 94, 111, 0.2);
  --suno-text: #16212b;
  --suno-muted: #536271;
  --suno-faint: #82909d;
  --suno-shadow: rgba(48, 65, 79, 0.14);
}

body[data-gradient="metallic-white"] {
  --suno-accent: #516a80;
  --suno-accent-strong: #2f485d;
  --suno-accent-soft: #172c3d;
  --suno-accent-rgb: 81, 106, 128;
  --suno-page: linear-gradient(118deg, #cbd3da 0%, #fdfefe 19%, #e6ebef 38%, #c5cfd6 52%, #fff 72%, #dce3e8 100%);
  --suno-creator: linear-gradient(142deg, rgba(255, 255, 255, 0.98), rgba(218, 225, 230, 0.98) 54%, rgba(249, 251, 252, 0.98));
  --suno-workspace: linear-gradient(128deg, #f9fbfc 0%, #dce3e8 34%, #fff 58%, #d4dde3 78%, #f9fbfc 100%);
  --suno-player: rgba(242, 246, 248, 0.95);
  --suno-surface: rgba(255, 255, 255, 0.66);
  --suno-surface-hover: rgba(255, 255, 255, 0.93);
  --suno-border: rgba(63, 84, 102, 0.22);
  --suno-text: #101c26;
  --suno-muted: #465867;
  --suno-faint: #7b8a97;
  --suno-shadow: rgba(39, 56, 70, 0.17);
}

body[data-gradient="metallic-pink"] {
  --suno-accent: #cf5f8e;
  --suno-accent-strong: #a93c6a;
  --suno-accent-soft: #6f2344;
  --suno-accent-rgb: 207, 95, 142;
  --suno-page: linear-gradient(118deg, #e8cbd7 0%, #fff 19%, #f5e3eb 38%, #dcb4c5 52%, #fff 72%, #efdce5 100%);
  --suno-creator: linear-gradient(142deg, rgba(255, 252, 254, 0.98), rgba(241, 218, 228, 0.98) 54%, rgba(255, 249, 252, 0.98));
  --suno-workspace: linear-gradient(128deg, #fffafd 0%, #f1dde6 34%, #fff 58%, #ead0dc 78%, #fffafd 100%);
  --suno-player: rgba(255, 248, 252, 0.95);
  --suno-surface: rgba(255, 255, 255, 0.68);
  --suno-surface-hover: rgba(255, 255, 255, 0.94);
  --suno-border: rgba(148, 72, 104, 0.21);
  --suno-text: #27131c;
  --suno-muted: #6d4b5a;
  --suno-faint: #a0808e;
  --suno-shadow: rgba(103, 43, 68, 0.16);
}

/* Structural surfaces */
body[data-gradient] #page-suno-music,
body[data-gradient] #page-suno-music .suno-layout {
  color: var(--suno-text);
  background: var(--suno-page);
}

body[data-gradient] #page-suno-music .suno-creator {
  color: var(--suno-text);
  border-color: var(--suno-border);
  background: var(--suno-creator);
  box-shadow: 12px 0 30px var(--suno-shadow);
}

body[data-gradient] #page-suno-music .suno-workspace {
  color: var(--suno-text);
  background: var(--suno-workspace);
}

body[data-gradient] #page-suno-music .suno-player {
  color: var(--suno-text);
  border-color: var(--suno-border);
  background: var(--suno-player);
  box-shadow: 0 -12px 30px var(--suno-shadow);
}

body[data-gradient] #page-suno-music .suno-workspace-header,
body[data-gradient] #page-suno-music .suno-workspace-filters,
body[data-gradient] #page-suno-music .suno-instrumental-row {
  border-color: var(--suno-border);
}

/* Text and hierarchy */
body[data-gradient] #page-suno-music .suno-textarea,
body[data-gradient] #page-suno-music .suno-input,
body[data-gradient] #page-suno-music .suno-workspace-search input,
body[data-gradient] #page-suno-music .suno-track-title,
body[data-gradient] #page-suno-music .suno-player-title,
body[data-gradient] #page-suno-music .suno-field-collapsible-header,
body[data-gradient] #page-suno-music .suno-instrumental-label,
body[data-gradient] #page-suno-music .suno-workspace-breadcrumb span {
  color: var(--suno-text);
}

body[data-gradient] #page-suno-music .suno-field-label,
body[data-gradient] #page-suno-music .suno-workspace-breadcrumb,
body[data-gradient] #page-suno-music .suno-track-style,
body[data-gradient] #page-suno-music .suno-track-duration,
body[data-gradient] #page-suno-music .suno-player-style,
body[data-gradient] #page-suno-music .suno-player-time,
body[data-gradient] #page-suno-music .suno-credit-info {
  color: var(--suno-muted);
}

body[data-gradient] #page-suno-music .suno-textarea::placeholder,
body[data-gradient] #page-suno-music .suno-input::placeholder,
body[data-gradient] #page-suno-music .suno-workspace-search input::placeholder,
body[data-gradient] #page-suno-music .suno-workspace-search .material-icons-round,
body[data-gradient] #page-suno-music .suno-track-empty {
  color: var(--suno-faint);
}

/* Controls and cards */
body[data-gradient] #page-suno-music .suno-tabs,
body[data-gradient] #page-suno-music .suno-field-collapsible,
body[data-gradient] #page-suno-music .suno-input,
body[data-gradient] #page-suno-music .suno-workspace-search,
body[data-gradient] #page-suno-music .suno-tag-chip,
body[data-gradient] #page-suno-music .suno-vocal-btn,
body[data-gradient] #page-suno-music .suno-audio-btn,
body[data-gradient] #page-suno-music .suno-filter-btn,
body[data-gradient] #page-suno-music .suno-track-group {
  color: var(--suno-muted);
  border-color: var(--suno-border);
  background: var(--suno-surface);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

body[data-gradient] #page-suno-music .suno-tab-btn {
  color: var(--suno-muted);
}

body[data-gradient] #page-suno-music .suno-tab-btn:hover,
body[data-gradient] #page-suno-music .suno-field-collapsible-header:hover,
body[data-gradient] #page-suno-music .suno-tag-chip:hover,
body[data-gradient] #page-suno-music .suno-vocal-btn:hover,
body[data-gradient] #page-suno-music .suno-audio-btn:hover,
body[data-gradient] #page-suno-music .suno-filter-btn:hover,
body[data-gradient] #page-suno-music .suno-track-group:hover,
body[data-gradient] #page-suno-music .suno-track-item:hover,
body[data-gradient] #page-suno-music .suno-track-action-btn:hover,
body[data-gradient] #page-suno-music .suno-player-btn:hover {
  color: var(--suno-text);
  border-color: rgba(var(--suno-accent-rgb), 0.4);
  background: var(--suno-surface-hover);
}

body[data-gradient] #page-suno-music .suno-tab-btn.active,
body[data-gradient] #page-suno-music .suno-vocal-btn.active,
body[data-gradient] #page-suno-music .suno-filter-btn.active,
body[data-gradient] #page-suno-music .suno-player-btn.play-btn {
  color: var(--suno-accent-soft);
  border-color: rgba(var(--suno-accent-rgb), 0.48);
  background: rgba(var(--suno-accent-rgb), 0.15);
  box-shadow: 0 5px 16px rgba(var(--suno-accent-rgb), 0.13);
}

body[data-gradient] #page-suno-music .suno-input:focus,
body[data-gradient] #page-suno-music .suno-textarea:focus {
  border-color: rgba(var(--suno-accent-rgb), 0.55);
  box-shadow: 0 0 0 3px rgba(var(--suno-accent-rgb), 0.1);
}

body[data-gradient] #page-suno-music .suno-toggle-track,
body[data-gradient] #page-suno-music .suno-player-track,
body[data-gradient] #page-suno-music .suno-player-vol-track {
  background: rgba(var(--suno-accent-rgb), 0.16);
}

body[data-gradient] #page-suno-music .suno-toggle-switch input:checked + .suno-toggle-track,
body[data-gradient] #page-suno-music .suno-player-vol-fill,
body[data-gradient] #page-suno-music .suno-waveform span {
  background: var(--suno-accent);
}

body[data-gradient] #page-suno-music .suno-create-btn {
  color: #fff;
  background: linear-gradient(135deg, var(--suno-accent-strong), var(--suno-accent), var(--suno-accent-strong));
  box-shadow: 0 8px 24px rgba(var(--suno-accent-rgb), 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.28);
}

body[data-gradient] #page-suno-music .suno-create-btn:hover {
  background: linear-gradient(135deg, var(--suno-accent), var(--suno-accent-strong), var(--suno-accent));
  box-shadow: 0 11px 30px rgba(var(--suno-accent-rgb), 0.46), inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

body[data-gradient] #page-suno-music .suno-credit-info strong,
body[data-gradient] #page-suno-music .suno-track-credits,
body[data-gradient] #page-suno-music .suno-track-status-badge.doing,
body[data-gradient] #page-suno-music .suno-track-status-badge.waiting {
  color: var(--suno-accent);
}

body[data-gradient] #page-suno-music .suno-track-group::before,
body[data-gradient] #page-suno-music .suno-track-progress-bar,
body[data-gradient] #page-suno-music .suno-player-fill,
body[data-gradient] #page-suno-music .suno-player-track:hover .suno-player-fill {
  background: linear-gradient(90deg, var(--suno-accent-strong), var(--suno-accent), var(--suno-accent-soft));
}

body[data-gradient] #page-suno-music .suno-player-track::after {
  background: var(--suno-accent);
}

body[data-gradient] #page-suno-music .suno-track-spinner {
  border-color: rgba(var(--suno-accent-rgb), 0.2);
  border-top-color: var(--suno-accent);
}

body[data-gradient] #page-suno-music .suno-track-item.playing {
  background: rgba(var(--suno-accent-rgb), 0.09);
}

body[data-gradient] #page-suno-music .suno-track-group .suno-track-item + .suno-track-item {
  border-color: var(--suno-border);
}

body[data-gradient] #page-suno-music .suno-track-action-btn,
body[data-gradient] #page-suno-music .suno-player-btn {
  color: var(--suno-muted);
}

body[data-gradient] #page-suno-music .suno-bulk-delete {
  color: var(--suno-text) !important;
  border-color: rgba(var(--suno-accent-rgb), 0.38) !important;
  background: rgba(var(--suno-accent-rgb), 0.13) !important;
}

body[data-gradient] #page-suno-music #suno-bulk-count {
  color: var(--suno-accent-soft) !important;
}

body[data-gradient] #page-suno-music #suno-player-cover > .material-icons-round {
  color: var(--suno-accent) !important;
}

body[data-gradient] #page-suno-music .suno-creator::-webkit-scrollbar-thumb,
body[data-gradient] #page-suno-music .suno-track-list::-webkit-scrollbar-thumb {
  background: rgba(var(--suno-accent-rgb), 0.38);
}

body[data-gradient] #page-suno-music .minimax-tutorial-trigger,
body[data-gradient] .nav-provider-suno .suno-nav-new-badge {
  color: var(--suno-accent-soft);
  border-color: rgba(var(--suno-accent-rgb), 0.42);
  background: rgba(var(--suno-accent-rgb), 0.14);
}

/* Extra depth for light metallic finishes. */
body[data-gradient="white"] #page-suno-music .suno-creator,
body[data-gradient="metallic-white"] #page-suno-music .suno-creator,
body[data-gradient="metallic-pink"] #page-suno-music .suno-creator,
body[data-gradient="white"] #page-suno-music .suno-workspace,
body[data-gradient="metallic-white"] #page-suno-music .suno-workspace,
body[data-gradient="metallic-pink"] #page-suno-music .suno-workspace {
  text-shadow: none;
}

body[data-gradient="white"] #page-suno-music .suno-field-collapsible,
body[data-gradient="metallic-white"] #page-suno-music .suno-field-collapsible,
body[data-gradient="metallic-pink"] #page-suno-music .suno-field-collapsible,
body[data-gradient="white"] #page-suno-music .suno-input,
body[data-gradient="metallic-white"] #page-suno-music .suno-input,
body[data-gradient="metallic-pink"] #page-suno-music .suno-input {
  box-shadow: inset 0 1px 0 #fff, 0 5px 12px var(--suno-shadow);
}

body[data-gradient="white"] #page-suno-music .suno-toggle-track::after,
body[data-gradient="metallic-white"] #page-suno-music .suno-toggle-track::after,
body[data-gradient="metallic-pink"] #page-suno-music .suno-toggle-track::after {
  border: 1px solid rgba(45, 62, 76, 0.16);
  background: #fff;
}

body[data-gradient="white"] #page-suno-music :is(.suno-tab-btn.active, .suno-vocal-btn.active, .suno-filter-btn.active, .suno-player-btn.play-btn),
body[data-gradient="metallic-white"] #page-suno-music :is(.suno-tab-btn.active, .suno-vocal-btn.active, .suno-filter-btn.active, .suno-player-btn.play-btn),
body[data-gradient="metallic-pink"] #page-suno-music :is(.suno-tab-btn.active, .suno-vocal-btn.active, .suno-filter-btn.active, .suno-player-btn.play-btn) {
  color: var(--suno-accent-soft) !important;
}

@media (prefers-reduced-motion: reduce) {
  body[data-gradient] #page-suno-music .suno-create-btn,
  body[data-gradient] #page-suno-music .suno-track-status-badge,
  body[data-gradient] #page-suno-music .suno-waveform span {
    animation: none;
  }
}