/* ================================================================
   SunoWeb · Midnight Gold / transport & actions
   Cosmetic layer only. Loaded after Bootstrap, site.css and car-web.
   All IDs, playback events and queue selectors are preserved.
   ================================================================ */
:root {
    --sw-gold: #f6c86c;
    --sw-gold-bright: #ffdf96;
    --sw-gold-ink: #291b08;
    --sw-dark: #111821;
    --sw-line: rgba(184, 204, 226, .14);
    --sw-ink: #eef2fa;
    --sw-muted: #a8b3c3;
}

/* Elevated, quiet player surface, not a flat black toolbar. */
.global-audio-player.suno-modern-player {
    background: linear-gradient(135deg, #171e27 0%, #10151d 62%, #111821 100%);
    border-top: 1px solid rgba(246, 200, 108, .27);
    box-shadow: 0 -13px 35px rgba(0,0,0,.38), 0 -1px 0 rgba(255,255,255,.04);
    padding: 12px 18px 12px;
    color: var(--sw-ink);
    scrollbar-color: #576170 transparent;
}
.suno-modern-player .player-row-main {
    grid-template-columns: minmax(170px, 300px) auto minmax(165px, 1fr);
    gap: 12px 18px;
}
.suno-modern-player .player-row-tools {
    border-top: 1px solid var(--sw-line);
    margin-top: 12px;
    padding-top: 10px;
}
.suno-modern-player .global-player-cover,
.suno-modern-player .global-player-cover img { border-radius: 12px; }
.suno-modern-player .global-player-cover img {
    box-shadow: 0 3px 15px #0008;
    outline: 1px solid #ffffff21;
}
.suno-modern-player .global-player-title {
    font-size: 13px;
    font-weight: 720;
    letter-spacing: .015em;
    color: #f8fafc;
}
.suno-modern-player .global-player-status { color: var(--sw-muted); }
.suno-modern-player .global-player-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 5px 9px;
    border: 1px solid #ffffff14;
    border-radius: 22px;
    background: linear-gradient(180deg, #27303b90, #141b2470);
    box-shadow: 0 7px 22px #0003, inset 0 1px 0 #ffffff09;
}
.suno-modern-player .global-player-button.suno-transport-button {
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 41px;
    width: 41px;
    height: 41px;
    min-width: 41px;
    min-height: 41px;
    padding: 0;
    border: 1px solid #ffffff16;
    border-radius: 14px;
    background: linear-gradient(180deg, #343f4c, #26303c);
    color: #e6edf6;
    font-size: 0;
    line-height: 1;
    box-shadow: 0 2px 7px #0003, inset 0 1px 0 #ffffff12;
    transition: transform .16s ease, background .16s ease,
                box-shadow .16s ease, border-color .16s ease;
    -webkit-tap-highlight-color: transparent;
}
.suno-modern-player .global-player-button.suno-transport-button:hover {
    background: linear-gradient(180deg, #475463, #344251);
    border-color: #f6c86c66;
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 5px 13px #0005, inset 0 1px 0 #ffffff12;
}
.suno-modern-player .global-player-button.suno-transport-button:active {
    transform: translateY(1px) scale(.96);
}
.suno-modern-player .global-player-button.suno-transport-button:focus-visible,
.suno-action:focus-visible,
.sunocar-web .car-btn:focus-visible {
    outline: 2px solid var(--sw-gold-bright);
    outline-offset: 3px;
    box-shadow: 0 0 0 4px #f6c86c25;
}
.suno-modern-player .suno-transport-svg {
    display: block;
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke-width: 1.8;
    overflow: visible;
}
.suno-modern-player .suno-transport-svg text {
    fill: currentColor;
    stroke: none;
    font: 800 9px system-ui, sans-serif;
}
.suno-modern-player .suno-transport-jump .suno-transport-svg { width: 24px; height: 24px; }
.suno-modern-player .suno-transport-stop { color: #f4b8a3 !important; }
.suno-modern-player .suno-transport-stop .suno-transport-svg rect {
    fill: currentColor;
    stroke: none;
}
/* The original player writes ▶ / ❚❚; the separate observer tracks it.
   CSS paints the polished icon without changing any audio behaviour. */
.suno-modern-player .global-player-button.global-main-play.suno-transport-button {
    flex-basis: 59px;
    width: 59px;
    height: 59px;
    min-width: 59px;
    min-height: 59px;
    border: 1px solid #fff2b763;
    border-radius: 20px;
    background: linear-gradient(155deg, #ffe5a2 0%, #f7c66a 50%, #da9841 100%);
    box-shadow: 0 5px 18px #f9bd4f28, 0 5px 15px #0005,
                inset 0 1px 0 #fff9d590;
    color: var(--sw-gold-ink);
}
.suno-modern-player .global-main-play.suno-transport-button:hover {
    background: linear-gradient(155deg, #fff2bc, #ffd17c 58%, #e7a852);
    box-shadow: 0 7px 24px #ffca6a50, 0 5px 15px #0005;
}
.suno-modern-player .global-main-play::before {
    content: "";
    display: block;
    width: 21px;
    height: 23px;
    margin-left: 3px;
    background: #271d12;
    clip-path: polygon(8% 2%, 95% 50%, 8% 98%);
}
.suno-modern-player .global-main-play[data-transport-state="playing"]::before {
    width: 20px;
    height: 22px;
    margin-left: 0;
    clip-path: none;
    border-radius: 2px;
    background: linear-gradient(90deg,
                #271d12 0 35%, transparent 35% 64%, #271d12 64% 100%);
}
.suno-modern-player .global-player-progress {
    color: #b7c2d1;
    font-size: 11px;
    font-variant-numeric: tabular-nums;
}
.suno-modern-player input[type="range"] { accent-color: var(--sw-gold); }
.suno-modern-player #globalSeekSlider { height: 5px; }
.suno-modern-player .global-queue-toggle,
.suno-modern-player .global-lyrics-toggle,
.suno-modern-player #globalEqToggle,
.suno-modern-player #globalEqPower {
    border-radius: 10px;
    padding: 7px 12px;
    font-weight: 650;
    font-size: 11px;
    letter-spacing: .02em;
    border: 1px solid #ffffff2b;
    background: #28323f;
    color: #e7edf4;
}
.suno-modern-player .global-queue-toggle:hover,
.suno-modern-player .global-lyrics-toggle:hover,
.suno-modern-player #globalEqToggle:hover,
.suno-modern-player #globalEqPower:hover { background: #3d4b5a; color:#fff; }
.suno-modern-player #globalEqPower.btn-success { border-color: #4bd2a664; color: #98ebcc; }
.suno-modern-player #globalEqPower.btn-danger { border-color: #e69b7866; color:#f5b7a9; }
.suno-modern-player select.form-select { background-color:#26303c; color:#eef2fa; border-color:#5b6675; border-radius:9px; }

/* Shared list actions: consistent shape, icons, and states on both pages. */
#songsResults .suno-action {
    --action-fore: #d5deeb;
    --action-bg1: #303b49;
    --action-bg2: #242e3b;
    --action-edge: #ffffff26;
    box-sizing: border-box;
    display: inline-flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 8px 12px;
    min-height: 36px;
    border: 1px solid var(--action-edge);
    border-radius: 11px;
    background: linear-gradient(180deg, var(--action-bg1), var(--action-bg2));
    box-shadow: inset 0 1px 0 #ffffff13, 0 2px 6px #0003;
    color: var(--action-fore);
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .005em;
    line-height: 1.2;
    white-space: nowrap;
    cursor: pointer;
    transition: background .15s ease, box-shadow .15s ease,
                border-color .15s ease, color .15s ease, transform .15s ease;
}
#songsResults .suno-action:hover {
    color: #fff;
    border-color: #f4c97973;
    background: linear-gradient(180deg,#424f5e,#303d4c);
    box-shadow: inset 0 1px 0 #ffffff24, 0 4px 10px #0004;
    transform: translateY(-1px);
}
#songsResults .suno-action:active { transform: translateY(1px); }
/* Play/Playing is written dynamically by global-player.js: visually replace
   plain Unicode text while leaving its DOM text available to the player. */
#songsResults .suno-action.song-play-button {
    --action-fore: #2b210f;
    --action-bg1: #ffe2a0;
    --action-bg2: #eeb85e;
    --action-edge: #f9cf80;
    font-size: 0;
    min-width: 94px;
    box-shadow: inset 0 1px 0 #fff8dd, 0 4px 12px #efaf4825;
}
#songsResults .suno-action.song-play-button::before {
    content: "";
    width: 12px;
    height: 14px;
    background: #2b210f;
    clip-path: polygon(8% 2%, 95% 50%, 8% 98%);
}
#songsResults .suno-action.song-play-button::after { content:"Play"; font-size:12px; }
#songsResults .suno-action.song-play-button:hover {
    color: #2b210f;
    background: linear-gradient(180deg, #fff0bf, #ffc86d);
    border-color: #fff1c0;
    box-shadow: 0 5px 14px #ffc06635;
}
#songsResults .suno-action.song-play-button.btn-success {
    --action-fore: #bcffe6;
    --action-bg1: #1e604e;
    --action-bg2: #194b3f;
    --action-edge: #49b99670;
    box-shadow: inset 0 1px 0 #ffffff19, 0 0 0 1px #2cc89219;
}
#songsResults .suno-action.song-play-button.btn-success::before {
    background: #98f4ce;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    clip-path: none;
    box-shadow: 0 0 0 3px #74e2bd32;
    animation: sw-playing-glow 2.2s ease-in-out infinite;
}
#songsResults .suno-action.song-play-button.btn-success::after { content: "Playing"; }
#songsResults .suno-action.song-play-button.btn-success:hover {
    background: linear-gradient(180deg, #26735c, #1c5a49);
    border-color: #54d4ae;
    color: #ceffeb;
}
@keyframes sw-playing-glow { 50% { box-shadow: 0 0 0 5px #74e2bd18; } }
/* Details: understated Midnight Gold action, never a platform-colored emoji.
   The previous ↗ character rendered as a blue boxed emoji on some Android and
   Windows fonts, unlike the other custom-painted controls. CSS only: keep the
   existing anchor and MVC routing unchanged. */
#songsResults .suno-action.suno-action-details {
    --action-fore: #ffe5af;
    --action-bg1: #384355;
    --action-bg2: #232d3b;
    --action-edge: #d6aa6273;
    color: var(--action-fore);
    background: linear-gradient(160deg, var(--action-bg1), var(--action-bg2));
    border-color: var(--action-edge);
    box-shadow: inset 0 1px 0 #fff4d51c, 0 3px 9px #0004;
}
#songsResults .suno-action.suno-action-details::before {
    content: "";
    display: inline-block;
    flex: 0 0 17px;
    width: 17px;
    height: 17px;
    background: transparent center / 16px 16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffdfa0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='3.5' width='17' height='17' rx='3'/%3E%3Cpath d='M9 15l6-6m-5 0h5v5'/%3E%3C/svg%3E");
}
#songsResults .suno-action.suno-action-details:hover {
    color: #fff2cf;
    background: linear-gradient(155deg, #45536a, #303b4d);
    border-color: #f7ce80;
    box-shadow: inset 0 1px 0 #fff5d52a, 0 5px 13px #0005;
}
#songsResults .suno-action.suno-action-details:active {
    background: linear-gradient(160deg, #253144, #202a39);
}

#songsResults .suno-action-next::before { content:"⇥"; font-size: 17px; color: #f7ce7c; line-height:1; }
#songsResults .suno-action-queue::before { content:"＋"; font-size: 15px; color:#f7ce7c; line-height:1; }
#songsResults .suno-action-download {
    --action-fore:#c0f5dd;
    --action-bg1:#255447;
    --action-bg2:#1d3e37;
    --action-edge:#4fb69161;
}
#songsResults .suno-action-download::before { content:"↓"; font-size:18px; line-height:1; }
#songsResults .suno-action-download:hover { background:linear-gradient(180deg,#306b56,#285544);border-color:#54d1a4;color:#ddfff0; }

/* Car Edition buttons: same visual language extends to navigation & filters. */
body:has(#sunocarWeb) .car-btn:not(.suno-action) {
    min-height: 35px;
    padding: 8px 13px;
    border-radius: 11px;
    border: 1px solid #ffffff25;
    background: linear-gradient(180deg, #323b47, #242c38);
    color: #e4ebf5;
    font-size: 12px;
    font-weight: 690;
    box-shadow: inset 0 1px 0 #ffffff12, 0 2px 7px #0003;
    transition: background .16s ease, border-color .16s ease, transform .16s ease;
}
body:has(#sunocarWeb) .car-btn:not(.suno-action):hover {
    background:linear-gradient(180deg,#44505e,#313d49);
    color: #fff;
    border-color:#f6c86c75;
    transform:translateY(-1px);
}
body:has(#sunocarWeb) .car-btn.car-yellow:not(.suno-action) {
    color:#2b210f;
    background:linear-gradient(155deg,#ffe2a0,#edb85e);
    border-color:#f6ce7e;
}
body:has(#sunocarWeb) .car-btn.car-yellow:not(.suno-action):hover {
    background:linear-gradient(155deg,#fff0c2,#ffd17c);
    color:#2b210f;
}
body:has(#sunocarWeb) .car-songs tbody tr:hover {background:#27303a}
body:has(#sunocarWeb) .car-songs th {color:#f9cb72;}
body:has(#sunocarWeb) .car-songs td {padding-top:8px;padding-bottom:8px;}
body:has(#sunocarWeb) .car-songs th:nth-child(7) {width:112px;}
body:has(#sunocarWeb) .car-songs th:nth-child(8) {width:180px;}
body:has(#sunocarWeb) .car-songs td:nth-child(8) {overflow:visible;text-overflow:clip;}
body:has(#sunocarWeb) .car-songs td:nth-child(8) .suno-action + .suno-action {margin-left:5px;}
body:has(#sunocarWeb) .car-songs .suno-action {min-height:33px;padding:7px 10px;font-size:11px;}
body:has(#sunocarWeb) .car-songs .song-play-button.suno-action {font-size:0;}
body:has(#sunocarWeb) .car-songs .song-play-button.suno-action::after{font-size:11px;}

/* Make action buttons fit gracefully in the original Library. */
#songsResults td .d-flex.flex-wrap.gap-2 {gap:6px !important;}
#songsResults td .d-flex.flex-wrap.gap-2 > .suno-action {margin:0;}

@media (max-width: 1100px) {
    .suno-modern-player .player-row-main {grid-template-columns:minmax(180px,1fr) auto;gap:9px 15px;}
    .suno-modern-player .player-right {grid-column:1/-1;}
}
@media (max-width: 800px) {
    .suno-modern-player .player-row-main { grid-template-columns:1fr; }
    .suno-modern-player .global-player-controls {margin-inline:auto;}
    .suno-modern-player .global-player-button.suno-transport-button {width:41px;min-width:41px;flex-basis:41px;}
    .suno-modern-player .global-main-play.suno-transport-button {width:59px;min-width:59px;flex-basis:59px;}
}
@media (max-width: 430px) {
    .global-audio-player.suno-modern-player {padding-inline:8px;}
    .suno-modern-player .global-player-controls {gap:5px;padding:5px 7px;}
    .suno-modern-player .global-player-button.suno-transport-button {width:37px;height:39px;min-width:37px;min-height:39px;flex-basis:37px;border-radius:12px;}
    .suno-modern-player .global-main-play.suno-transport-button {width:52px;height:52px;min-width:52px;min-height:52px;flex-basis:52px;border-radius:17px;}
}
@media (prefers-reduced-motion:reduce) {
    .suno-modern-player .global-player-button.suno-transport-button,
    #songsResults .suno-action,body:has(#sunocarWeb) .car-btn,
    #songsResults .suno-action.song-play-button.btn-success::before {
        transition:none !important;animation:none !important;
    }
}

/* SunoWeb Midnight Gold — unified Download actions (Library + Car Edition).
   Menu is portaled to body to avoid table overflow clipping on the last row. */
#songsResults .suno-download-trigger {
    position:relative;
    padding-right:13px;
    min-width:116px;
    --action-fore:#c7f7dd;
    --action-bg1:#255447;
    --action-bg2:#1d3e37;
    --action-edge:#4fb69172;
}
#songsResults .suno-download-trigger::after {
    content:"";
    display:inline-block;
    width:6px;height:6px;
    border-right:2px solid currentColor;
    border-bottom:2px solid currentColor;
    transform:translateY(-2px) rotate(45deg);
    margin-left:2px;
    opacity:.88;
}
#songsResults .suno-download-trigger[aria-expanded="true"] {
    border-color:#a2edbe;
    box-shadow:inset 0 1px 0 #ffffff20, 0 0 0 2px #6deba92d;
    color:#f0fff6;
}
.suno-download-menu {
    position:fixed;
    z-index:2147480000;
    width:min(290px, calc(100vw - 20px));
    box-sizing:border-box;
    padding:7px;
    border:1px solid #bd985b87;
    border-radius:15px;
    background:linear-gradient(155deg, #25313e 0%, #171f2b 100%);
    box-shadow:0 16px 48px #000b, inset 0 1px 0 #fff2cf16;
    color:#f4f6fa;
    font-family:inherit;
}
.suno-download-menu-title {
    display:block;
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
    font-size:10px;
    color:#dab978;
    padding:7px 12px 8px;
}
.suno-download-menu [role="menuitem"] {
    box-sizing:border-box;
    display:flex;
    align-items:center;
    gap:12px;
    width:100%;
    min-height:49px;
    text-align:left;
    padding:8px 11px;
    border:1px solid transparent;
    border-radius:10px;
    color:#eaf1f9;
    background:transparent;
    font:inherit;
    cursor:pointer;
    text-decoration:none;
    -webkit-tap-highlight-color:transparent;
}
.suno-download-menu [role="menuitem"]:hover,
.suno-download-menu [role="menuitem"]:focus-visible {
    color:#fff;
    background:linear-gradient(120deg,#445363,#31404e);
    border-color:#f5c97670;
    outline:0;
}
.suno-download-menu [role="menuitem"]:disabled {
    opacity:.66;
    cursor:default;
}
.suno-download-menu-icon {
    flex:0 0 31px;
    width:31px;height:31px;
    display:grid;place-items:center;
    font-size:14px;
    color:#baf7d7;
    border-radius:9px;
    border:1px solid #7ddbb34d;
    background:#1c473a;
}
.suno-download-menu [data-kind="m4a"] .suno-download-menu-icon {color:#ffe2a2;border-color:#ffd17b4d;background:#5a4727;}
.suno-download-menu [data-kind="offline"] .suno-download-menu-icon {color:#c3d9ff;border-color:#87aafa4d;background:#283e63;}
.suno-download-menu-copy {display:flex;flex-direction:column;line-height:1.4;min-width:0;}
.suno-download-menu-copy strong {font-size:12px;font-weight:750;}
.suno-download-menu-copy small {font-size:10px;color:#b6c1d0;}
.suno-download-menu-separator {height:1px;margin:5px 9px;background:#ffffff24;}
.suno-download-toast {
    position:fixed;z-index:2147481000;
    left:50%;bottom:22px;transform:translateX(-50%);
    background:#213445;color:#e4f5ee;
    border:1px solid #9dddb37e;
    border-radius:12px;padding:10px 16px;
    box-shadow:0 8px 25px #000a;
    font-size:12px;max-width:min(450px,90vw);
    text-align:center;
    pointer-events:none;
}
.suno-download-toast.is-error {background:#442a30;color:#ffe2dc;border-color:#e49c8e;}
@media (max-width:760px) {
    #songsResults .suno-download-trigger {min-width:100px;padding:8px 10px;}
    .suno-download-menu [role="menuitem"] {min-height:52px;}
}


/* 13 Oct 2026 — compact song actions / visible Car Edition downloads.
   Keep the existing download-menu binding and action classes intact. */

/* Library: force a predictable two-row layout instead of Bootstrap flex-wrap.
   Row 1: Details / Play Next; row 2: Queue / Download. */
#songsResults .suno-library-actions {
    display: grid;
    grid-template-columns: minmax(0, .91fr) minmax(0, 1.18fr);
    gap: 6px;
    align-items: stretch;
    width: 100%;
}
#songsResults .suno-library-actions > .suno-action {
    box-sizing: border-box;
    display: inline-flex;
    width: 100%;
    min-width: 0;
    height: 35px;
    min-height: 35px;
    margin: 0;
    padding: 7px 6px;
    gap: 5px;
    font-size: 11px;
    white-space: nowrap;
}
#songsResults .suno-library-actions > .suno-download-trigger {
    padding-right: 6px;
}

/* Car: the original 180px queue cell was narrower than its three controls.
   Allocate enough table space to Queue, and recover it from the title / tags
   distribution instead of letting Download spill under the right edge. */
body:has(#sunocarWeb) .car-songs th:nth-child(8) {
    width: 295px;
}
body:has(#sunocarWeb) .car-songs td:nth-child(8) {
    overflow: hidden;
    text-overflow: clip;
    padding-left: 5px;
    padding-right: 7px;
}
body:has(#sunocarWeb) .car-songs .car-row-actions {
    display: flex;
    width: 100%;
    gap: 5px;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    white-space: nowrap;
}
body:has(#sunocarWeb) .car-songs td:nth-child(8) .car-row-actions > .suno-action {
    flex: 0 0 auto;
    margin-left: 0;
    padding: 6px 8px;
    min-width: 0;
    min-height: 34px;
    gap: 5px;
    font-size: 11px;
}
body:has(#sunocarWeb) #songsResults .car-songs td:nth-child(8) .car-row-actions > .suno-download-trigger {
    min-width: 110px;
    padding-right: 7px;
}
@media (max-width: 1320px) {
    body:has(#sunocarWeb) .car-songs th:nth-child(2) {width: 22%;}
}
@media (max-width: 1120px) {
    body:has(#sunocarWeb) .car-songs th:nth-child(2) {width: 20%;}
}


/* ================================================================
   SunoWeb · 1024px responsive player/EQ + independent minimizers.
   Only layout; does not change EQ gains, streams, player state.
   ================================================================ */
.suno-modern-player {position:fixed; box-sizing:border-box;}
.suno-modern-player .player-row,
.suno-modern-player .player-left,
.suno-modern-player .player-center,
.suno-modern-player .player-right {min-width:0;}
.suno-modern-player .suno-panel-toggle {
    appearance:none;flex:0 0 31px; width:31px;height:31px;
    padding:0;display:inline-flex;align-items:center;justify-content:center;
    border:1px solid rgba(246,200,108,.55);border-radius:9px;
    background:linear-gradient(160deg,#303946,#1b2633);
    color:var(--sw-gold-bright);font-size:22px;line-height:1;cursor:pointer;
    font-weight:600;touch-action:manipulation;
}
.suno-modern-player .suno-panel-toggle:hover {background:#3b4351;border-color:var(--sw-gold);}
.suno-modern-player .suno-panel-toggle:focus-visible {outline:2px solid var(--sw-gold-bright);outline-offset:2px;}
.suno-modern-player .suno-player-compact-toggle {
    position:absolute;z-index:3;top:8px;right:9px;
    box-shadow:0 2px 8px #0005;
}
/* Prevent the floating minimize control covering the seek area. */
.suno-modern-player:not(.suno-player-compact) .player-row-main {padding-right:34px;}

/* At head-unit / laptop widths, group playback tools in one balanced row,
   then place a separate, clearly delineated EQ toolbar underneath. */
@media (max-width:1500px) {
  .suno-modern-player:not(.suno-player-compact) .player-row-tools {
      display:grid;grid-template-columns:minmax(148px,215px) minmax(0,1fr);
      gap:9px 14px;align-items:center;margin-top:8px;padding-top:8px;
  }
  .suno-modern-player .global-player-options {
      display:flex;justify-content:flex-end;flex-wrap:wrap;
      min-width:0;gap:7px 16px;
  }
  .suno-modern-player:not(.suno-player-compact) .global-player-eq-tools {
      grid-column:1/-1;box-sizing:border-box;min-width:0;width:100%;
      display:grid;
      grid-template-columns: 24px 31px auto minmax(110px,155px) auto minmax(150px,1fr) auto;
      gap:7px 10px;justify-content:stretch;align-items:center;
      white-space:normal;text-align:left;
      border:1px solid rgba(246,200,108,.20);
      border-radius:11px;padding:8px 10px;
      background:linear-gradient(100deg,#1f2835,#151f2a);
  }
  .suno-modern-player .global-player-eq-tools strong {font-size:13px;}
  .suno-modern-player .global-player-eq-tools select.form-select {
      width:100%;min-width:0;max-width:none;flex:1 1 auto;
  }
  .suno-modern-player .global-player-eq-tools .sunoweb-eq-mode {
      flex-wrap:nowrap;gap:4px;white-space:nowrap;
  }
  .suno-modern-player .global-player-eq-tools .sunoweb-eq-mode label {margin:0 3px;}
  .suno-modern-player .global-player-eq-tools .global-preamp {
      width:100%;min-width:0;display:flex;gap:7px;
  }
  .suno-modern-player .global-player-eq-tools .global-preamp input[type="range"] {
      min-width:62px; width:100%;flex:1 1 auto;
  }
  .suno-modern-player .global-player-eq-tools #globalPreampValue {width:auto;min-width:42px;}
  .suno-modern-player .global-player-eq-tools #globalEqToggle {white-space:nowrap;}
  .suno-modern-player.suno-eq-collapsed:not(.suno-player-compact) .player-row-tools {
      grid-template-columns:minmax(140px,205px) minmax(0,1fr) auto;
  }
  .suno-modern-player.suno-eq-collapsed:not(.suno-player-compact) .global-player-eq-tools {
      grid-column:auto;display:flex;width:auto;padding:4px 7px;
      gap:8px;white-space:nowrap;
  }
}
/* The collapsed EQ toolbar is still independently restorable; the EQ audio
   signal and actual #globalEqPanel's visibility state remain untouched. */
.suno-modern-player.suno-eq-collapsed .global-player-eq-tools > :not(strong):not(#globalEqCompactToggle) {display:none!important;}
.suno-modern-player.suno-eq-collapsed .global-eq-panel {display:none!important;}
.suno-modern-player.suno-eq-collapsed .suno-eq-compact-toggle {width:auto;min-width:63px;flex-basis:auto;padding:0 9px;font-size:12px;letter-spacing:.01em;}

/* At narrower sizes wrap logically into accessible, full-width groups. */
@media (max-width:910px) {
  .suno-modern-player:not(.suno-player-compact) .global-player-eq-tools {
      display:flex;flex-wrap:wrap;justify-content:flex-start;
  }
  .suno-modern-player .global-player-eq-tools select.form-select {width:145px;flex:0 1 145px;}
  .suno-modern-player .global-player-eq-tools .global-preamp {width:auto;min-width:180px;flex:1 1 230px;}
  .suno-modern-player.suno-eq-collapsed:not(.suno-player-compact) .global-player-eq-tools {display:flex;}
}
@media (max-width:680px) {
  .suno-modern-player:not(.suno-player-compact) .player-row-tools,
  .suno-modern-player.suno-eq-collapsed:not(.suno-player-compact) .player-row-tools {
      grid-template-columns:minmax(0,1fr);
  }
  .suno-modern-player:not(.suno-player-compact) .global-player-options {justify-content:flex-start;}
  .suno-modern-player.suno-eq-collapsed:not(.suno-player-compact) .global-player-eq-tools {grid-column:1;}
  .suno-modern-player:not(.suno-player-compact) .player-row-main {padding-right:28px;}
  .suno-modern-player .global-player-eq-tools .sunoweb-eq-mode {flex-wrap:wrap;}
}

/* Compact playback stays visible with title + play/next + Restore. */
.global-audio-player.suno-modern-player.suno-player-compact {
    left:auto;right:12px;bottom:var(--hosting-bottom-overlay-height);
    width:min(450px,calc(100vw - 24px));height:auto;max-height:88px;
    padding:10px 48px 10px 10px;border-radius:15px 15px 0 0;
    border:1px solid rgba(246,200,108,.50);border-bottom:0;
    overflow:hidden;box-sizing:border-box;
}
.suno-modern-player.suno-player-compact .player-row-tools,
.suno-modern-player.suno-player-compact .player-right,
.suno-modern-player.suno-player-compact #globalEqPanel {display:none!important;}
.suno-modern-player.suno-player-compact .player-row-main {
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;align-items:center;padding:0!important;
}
.suno-modern-player.suno-player-compact .player-left {grid-column:1!important;min-width:0;gap:7px;}
.suno-modern-player.suno-player-compact .player-center {grid-column:2!important;min-width:0;}
.suno-modern-player.suno-player-compact .global-player-cover,
.suno-modern-player.suno-player-compact .global-player-cover img {width:40px;height:40px;flex:0 0 40px;}
.suno-modern-player.suno-player-compact .global-player-info {min-width:0;overflow:hidden;}
.suno-modern-player.suno-player-compact .global-player-title {
    overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;
}
.suno-modern-player.suno-player-compact .global-player-status {
    overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px;max-width:100%;
}
.suno-modern-player.suno-player-compact .global-player-controls {gap:5px;padding:3px;}
.suno-modern-player.suno-player-compact .global-player-controls > button:not(#globalPlayButton):not(#globalNextButton) {display:none!important;}
.suno-modern-player.suno-player-compact .global-player-button.suno-transport-button {
    width:32px;min-width:32px;height:36px;min-height:36px;flex:0 0 32px;border-radius:9px;
}
.suno-modern-player.suno-player-compact .global-player-button.global-main-play.suno-transport-button {
    width:36px;min-width:36px;height:36px;min-height:36px;flex-basis:36px;
}
.suno-modern-player.suno-player-compact .suno-player-compact-toggle {top:13px;right:8px;}

/* Saved named-EQ identity; independent from EQ processing and player collapse. */
.suno-modern-player .sunoweb-named-eq-status {
    display:block;
    width:fit-content;
    max-width:100%;
    margin:6px 0 2px;
    padding:5px 10px;
    border:1px solid rgba(221,187,111,.35);
    border-radius:10px;
    background:rgba(27,30,36,.88);
    color:#f0d898;
    font-size:12px;
    line-height:1.35;
    white-space:normal;
    overflow-wrap:anywhere;
}
.suno-modern-player .sunoweb-named-eq-status[data-profile-state="modified"] {
    border-color:rgba(230,166,97,.50);
    color:#f6c38b;
}


/* SunoCar playlist-shortcut parity: compact Midnight Gold Library filters.
   Existing Advanced filters remain exactly as before, but start collapsed. */
.suno-library-filter-card {
    background:linear-gradient(150deg,#1d232c,#171c24);
    border:1px solid rgba(228,185,95,.24);
    border-radius:14px;
    overflow:visible;
    box-shadow:0 7px 25px #0002;
}
.suno-library-filter-card .suno-library-filter-body {padding:11px 14px 10px;}
.suno-filter-toprow {display:flex;align-items:center;gap:8px;min-width:0;}
.suno-filter-search {flex:1 1 280px;min-width:125px;}
.suno-library-filter-card .suno-search-input {
    min-height:38px;width:100%;border-radius:9px;
    color:#f0f2f8;background:#15191f;border:1px solid #495360;
    padding:7px 12px;
}
.suno-library-filter-card .suno-search-input:focus {
    background:#181e26;color:#fff;box-shadow:0 0 0 2px #e6b95747;border-color:#edc673;
}
.suno-filter-toprow .btn {
    min-height:38px;display:inline-flex;align-items:center;justify-content:center;
    gap:6px;margin:0;white-space:nowrap;border-radius:9px;
    font-size:12px;font-weight:700;padding:7px 14px;
}
.suno-library-filter-card .suno-filter-submit {
    color:#17140e;background:linear-gradient(#ffde8d,#dca940);border:1px solid #e5b755;
}
.suno-library-filter-card .suno-filter-submit:hover {color:#17140e;background:#ffe29a;}
.suno-library-filter-card .suno-filter-toggle {
    background:#2b3441;color:#f1e5c7;border:1px solid #67717e;
}
.suno-library-filter-card .suno-filter-toggle:hover,
.suno-library-filter-card .suno-filter-toggle[aria-expanded="true"] {
    color:#ffe19b;background:#394457;border-color:#e6b657;
}
.suno-filter-count {min-width:20px;padding:1px 5px;border-radius:6px;
    background:#cda64e;color:#10141c;font-size:11px;}
.suno-library-filter-card .suno-filter-clear {
    background:#202731;border:1px solid #57606d;color:#d9e0ea;
}
.suno-library-filter-card .suno-filter-clear:hover {color:#fff;background:#303b48;}
.suno-playlist-bar {display:flex;align-items:center;gap:10px;min-width:0;
    margin-top:9px;padding-top:9px;border-top:1px solid rgba(221,192,135,.16);}
.suno-playlist-caption {flex:0 0 auto;color:#b5a481;font-weight:800;
    font-size:10px;letter-spacing:1px;}
.suno-playlist-scroll {display:flex;align-items:center;flex:1 1 0;min-width:0;
    gap:7px;overflow-x:auto;overflow-y:hidden;padding:1px 1px 5px;
    scrollbar-width:thin;scrollbar-color:#82704e transparent;}
.suno-playlist-scroll::-webkit-scrollbar {height:4px;}
.suno-playlist-scroll::-webkit-scrollbar-thumb {background:#776849;border-radius:10px;}
.suno-library-filter-card .suno-playlist-chip {flex:0 0 auto;display:inline-flex;
    align-items:center;gap:7px;min-height:31px;max-width:240px;padding:5px 11px;
    border-radius:9px;border:1px solid #455162;
    color:#e6eaf2;background:#293341;font-size:12px;font-weight:650;
    white-space:nowrap;text-decoration:none;box-shadow:inset 0 1px #ffffff12;}
.suno-library-filter-card .suno-playlist-chip span {
    display:block;max-width:185px;overflow:hidden;text-overflow:ellipsis;}
.suno-library-filter-card .suno-playlist-chip small {
    padding:1px 5px;background:#ffffff18;border-radius:5px;font-size:10px;
    color:#cbd4e0;line-height:1.2;}
.suno-library-filter-card .suno-playlist-chip:hover {
    color:#fff;border-color:#d9b568;background:#39465a;}
.suno-library-filter-card .suno-playlist-chip.is-active {
    color:#231b0e;background:linear-gradient(#f7d991,#d6a74b);
    border-color:#ffe4a5;box-shadow:0 0 0 1px #e8c67833;}
.suno-library-filter-card .suno-playlist-chip.is-active small {color:#332611;background:#513e222e;}
.suno-library-filter-card .suno-playlist-chip:focus-visible {
    outline:2px solid #ffdb87;outline-offset:2px;}
.suno-filter-active {display:flex;align-items:center;flex-wrap:wrap;gap:5px;
    min-height:21px;margin-top:4px;}
.suno-active-pill {display:inline-block;color:#d5dfeb;background:#2b3847;
    border:1px solid #556272;padding:2px 7px;line-height:1.3;font-size:10px;
    border-radius:12px;}
.suno-active-pill.is-liked {background:#713144;color:#ffdfe7;border-color:#ac4c60;}
.suno-library-filter-card #advancedLibraryFilters .border-top {
    border-color:#4b5363!important;margin-top:10px!important;padding-top:10px!important;}
.suno-library-filter-card #advancedLibraryFilters .row {row-gap:10px;}
.suno-library-filter-card #advancedLibraryFilters label {font-size:12px;margin-bottom:4px;}
.suno-library-filter-card #advancedLibraryFilters select.form-select {min-height:36px;padding-top:5px;padding-bottom:5px;}
@media(max-width:700px) {
  .suno-library-filter-card .suno-library-filter-body {padding:10px;}
  .suno-filter-toprow {flex-wrap:wrap;gap:6px;}
  .suno-filter-search {flex-basis:100%;}
  .suno-filter-toprow .btn {min-height:34px;padding:5px 11px;}
  .suno-playlist-caption {font-size:9px;}
}