/* Quiet Spotify media surfaces; existing MITK typography and colour tokens. */
.mitk-spotify-inline { width:100%; min-width:0; margin-block:16px 24px; }
.mitk-spotify-inline__surface { overflow:hidden; border:1px solid var(--mitk-border,#354256); border-radius:12px; background:var(--mitk-surface,#101c2c); }
.mitk-spotify-inline.is-allowed .mitk-spotify-inline__surface { border:0; background:transparent; }
.mitk-spotify-inline-frame { display:block; width:100%; height:var(--mitk-spotify-player-height,352px); border:0; border-radius:12px; }
.mitk-spotify-prompt { display:flex; align-items:flex-start; gap:16px; padding:22px; color:var(--mitk-text,#f4f6fa); }
.mitk-spotify-prompt__icon { display:grid; flex:0 0 40px; place-items:center; width:40px; height:40px; border:1px solid var(--mitk-border,#354256); border-radius:50%; font-size:24px; color:var(--mitk-text-soft,#c2cddd); }
.mitk-spotify-prompt__copy { min-width:0; }
.mitk-spotify-prompt strong { display:block; margin-bottom:5px; font-size:1rem; }
.mitk-spotify-prompt p,.mitk-spotify-settings-panel p,.mitk-spotify-fallback { margin:0 0 12px; font-size:.875rem; line-height:1.55; color:var(--mitk-text-soft,#c2cddd); }
.mitk-spotify-remember { display:flex; align-items:flex-start; gap:8px; margin:8px 0 10px; font-size:.8rem; line-height:1.5; color:var(--mitk-text-soft,#c2cddd); cursor:pointer; }
.mitk-spotify-remember input { width:16px; height:16px; flex:0 0 16px; margin:2px 0 0; accent-color:var(--mitk-purple,#a78bfa); }
.mitk-spotify-prompt__actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px 18px; }
.mitk-spotify-choice { min-height:40px; padding:8px 15px; border:1px solid var(--mitk-border-bright,#687891); border-radius:8px; background:var(--mitk-surface-raised,#1e3047); color:var(--mitk-text,#f4f6fa); font:inherit; font-size:.85rem; font-weight:600; cursor:pointer; }
.mitk-spotify-choice:hover { border-color:var(--mitk-purple,#a78bfa); }
.mitk-spotify-text-button { display:inline; min-height:36px; padding:4px 0; border:0; background:transparent; color:var(--mitk-text-soft,#c2cddd); font:inherit; font-size:.8rem; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.mitk-spotify-text-button:hover { color:var(--mitk-text,#f4f6fa); }
.mitk-spotify-inline__footer { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:4px 16px; padding-top:4px; font-size:.8rem; }
.mitk-spotify-inline__footer a { color:var(--mitk-text-soft,#c2cddd); text-underline-offset:3px; }
.mitk-spotify-settings-panel { padding:12px 0; border-top:1px solid var(--mitk-border,#354256); }
.mitk-spotify-fallback { padding:20px; }
.mitk-spotify-inline button:focus-visible,.mitk-spotify-remember input:focus-visible { outline:2px solid var(--mitk-purple,#a78bfa); outline-offset:4px; }
.mitk-playlist-spotify .mitk-spotify-inline { margin-top:0; }
.mitk-artist-panel .mitk-spotify-inline[data-spotify-type="artist"] { max-width:var(--mitk-media-width,1120px); margin-inline:auto; }
@media(max-width:600px) { .mitk-spotify-prompt { gap:10px; padding:18px 14px; }.mitk-spotify-prompt__icon { flex-basis:30px; width:30px; height:30px; font-size:20px; }.mitk-spotify-remember { font-size:.76rem; }.mitk-spotify-inline__footer { gap:2px 12px; } }

/* Keep the frame and its surface the same height after consent. */
.mitk-spotify-inline[data-spotify-type="playlist"] { --mitk-spotify-player-height:550px; }
.mitk-spotify-inline[data-spotify-type="playlist"].is-allowed .mitk-spotify-inline__surface { height:var(--mitk-spotify-player-height); }
@media(max-width:767px) { .mitk-spotify-inline[data-spotify-type="playlist"] { --mitk-spotify-player-height:480px; } }