/* Muziekstad 3.0: restrained refinements over the retained station interface. */
.station-dashboard{--v3-orange:#ff791f;--v3-muted:#becdd9}
.station-dashboard .station-grid{grid-template-columns:minmax(0,1fr) clamp(350px,27vw,390px);gap:28px}
.station-dashboard .station-sidebar{padding-left:22px}
.m-stad .station-dashboard .station-hero{grid-template-columns:clamp(240px,24vw,320px) minmax(0,1fr);gap:28px;min-height:340px}
.m-stad .station-dashboard .station-hero h2{font-size:clamp(30px,3vw,45px);overflow-wrap:anywhere}
.m-stad .station-dashboard .station-track,.m-stad .station-dashboard .station-track .track-ticker-text{white-space:normal;overflow-wrap:anywhere;max-width:100%}
.station-dashboard .station-wave{height:54px;gap:4px;max-width:290px}
.station-dashboard .station-wave i{background:#fff;opacity:.65}
.station-dashboard .station-wave i:nth-child(4n+1){background:var(--v3-orange);opacity:.95}
.station-dashboard .station-wave i:nth-child(n+24){background:#91a5b5;opacity:.35}
.station-dashboard .station-shortcuts{gap:14px;align-items:stretch;grid-auto-rows:1fr}
.m-stad .station-dashboard .station-shortcut{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:0;min-height:290px;border-radius:10px;background:#0e2232;transition:border-color .18s,transform .18s}
.station-dashboard .station-shortcut:after{display:none}
.m-stad .station-dashboard .station-shortcut>img{position:relative;inset:auto;display:block;z-index:0;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center 25%;opacity:1}
.m-stad .station-dashboard .shortcut-taste>img{object-fit:contain;background:#071522}
.m-stad .station-dashboard .station-shortcut>div:not(.shortcut-number){display:flex;flex-direction:column;flex:1;padding:16px}
.m-stad .station-dashboard .station-shortcut .shortcut-label{display:block;color:#ff9a52;font-size:13px;line-height:1.35;margin:0 0 10px}
.m-stad .station-dashboard .station-shortcut h3{font-size:17px;line-height:1.3;overflow-wrap:anywhere}
.m-stad .station-dashboard .station-shortcut p{font-size:14px;line-height:1.45;margin:5px 0 18px;color:#d8e3eb}
.m-stad .station-dashboard .shortcut-button{font-size:11px;min-height:42px;align-self:flex-start;white-space:normal;margin-top:auto;padding:8px 11px;border-radius:7px;box-sizing:border-box}
.m-stad .station-dashboard .shortcut-chart .shortcut-number{height:auto;aspect-ratio:16/9;box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;flex:none;margin:0;background:#1f2c35;color:#ff8b3d;font-size:22px}
.m-stad .station-dashboard .shortcut-chart .shortcut-number strong{font-size:64px;letter-spacing:-3px}
.m-stad .station-dashboard .shortcut-request:before{content:'↗';display:grid;place-items:center;aspect-ratio:16/9;background:#102c3d;color:#ff8b3d;font-size:62px;font-weight:400}
.m-stad .station-dashboard .shortcut-contact{display:none}
.station-dashboard .station-shortcut:hover{transform:translateY(-2px);border-color:#ff791f99}
.m-stad .station-dashboard .recent-list{gap:16px}
.m-stad .station-dashboard .recent-track p{font-size:14px;line-height:1.4}
.m-stad .station-dashboard .recent-track h3{font-size:13px;line-height:1.45}
.m-stad .station-dashboard .recent-track time{font-size:12px;padding-top:10px}
.m-stad .station-dashboard .recent-track img{border-radius:8px;object-fit:contain;cursor:zoom-in}
.station-dashboard .recent-footer p,.station-dashboard .recent-intro{font-size:12px}
.m-stad .station-dashboard .station-sidebar .feature-image{height:210px}
.m-stad .station-dashboard .station-sidebar .feature-copy h3{font-size:23px;line-height:1.3}
.m-stad .station-dashboard .station-sidebar .feature-copy p{font-size:15px;line-height:1.5}
.m-stad .station-dashboard .station-sidebar .feature-copy .feature-time{font-size:15px}
.station-dashboard .station-today-row{grid-template-columns:79px 54px minmax(0,1fr);gap:11px;padding:13px 5px}
.station-dashboard .station-today-row img{width:54px;height:54px;object-fit:contain}
.station-dashboard .station-today-row time{font-size:12px}
.station-dashboard .station-today-row strong{font-size:14px;line-height:1.4}
.station-dashboard .station-today-row p{font-size:12px;line-height:1.5}
.station-dashboard .station-today-row.is-current{background:#ff791f15;border-left:3px solid #ff791f;color:#fff;padding-left:9px;margin:4px 0}
.station-dashboard .station-today-row.is-current time,.station-dashboard .station-today-row.is-current p{color:#dce7f0}
.station-dashboard .station-today-heading h2,.station-dashboard .station-next h2{font-size:20px}
.station-dashboard .station-today-heading a{font-size:12px}
.station-dashboard .station-today-details>summary{display:none;cursor:pointer;min-height:44px;align-items:center;color:#dce7f0;font-size:14px}
.m-stad .station-dashboard .station-sidebar .onair-card--next{grid-template-columns:84px minmax(0,1fr);gap:14px;padding:16px}
.m-stad .station-dashboard .station-sidebar .onair-card--next>.onair-photo{width:84px;height:84px}
.m-stad .station-dashboard .station-sidebar .onair-card--next h3{font-size:20px}
.m-stad .station-dashboard .app-download{grid-template-columns:minmax(0,1fr) 190px;min-height:0;gap:28px;padding:28px 32px;align-items:center}
.m-stad .station-dashboard .app-download h2{font-size:30px;line-height:1.2}
.m-stad .station-dashboard .app-download-intro{font-size:15px!important;max-width:480px;line-height:1.6}
.m-stad .station-dashboard .app-download-visual{height:auto;overflow:visible;filter:none;margin:0}
.m-stad .station-dashboard .app-phone-frame{width:150px;margin:auto;padding:7px;border:2px solid #5b6a75;border-radius:24px;background:#03070b;box-shadow:0 8px 16px #0003;transform:rotate(0)}
.m-stad .station-dashboard .app-phone-frame img{display:block;width:100%;height:auto;object-fit:contain;border-radius:16px}
.m-stad .station-dashboard .app-store-badges{display:flex;flex-direction:row;gap:12px;margin:18px 0 0;align-items:center}
.m-stad .station-dashboard .app-store-badge{flex:none;width:140px;height:46px;min-height:0;padding:0;margin:0}
.m-stad .station-dashboard .app-store-badge img{width:100%;height:46px;object-fit:contain}
.m-stad .station-dashboard .section{padding-block:26px}
.m-stad .station-dashboard .player{box-shadow:none}
.m-stad .station-dashboard .player-inner{min-height:74px;gap:14px}
.m-stad .station-dashboard .player-title{min-width:0}
.m-stad .station-dashboard .player-title strong{font-size:14px}
.m-stad .station-dashboard .player-title>span:not(.sr-only){font-size:12px}
.m-stad .station-dashboard .player-art{width:46px;height:46px;flex-shrink:0}
@media(max-width:1200px) and (min-width:901px){
.station-dashboard .station-grid{grid-template-columns:minmax(0,1fr) 330px;gap:20px}
.m-stad .station-dashboard .station-hero{grid-template-columns:200px minmax(0,1fr);gap:20px}
.station-dashboard .station-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}
.m-stad .station-dashboard .recent-list{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
.m-stad .station-dashboard .wrap{width:calc(100% - 36px)}
.station-dashboard .station-grid{grid-template-columns:minmax(0,1fr);gap:22px;padding-top:24px}
.station-dashboard .station-main,.station-dashboard .station-sidebar{display:contents}
.station-dashboard .station-hero{order:1}.station-dashboard .live-feature{order:2}.station-dashboard .station-next{order:3}.station-dashboard .station-today{order:4}.station-dashboard .station-shortcuts{order:5}.station-dashboard .recently-played{order:6}.station-dashboard .app-download{order:7}
.m-stad .station-dashboard .station-hero{grid-template-columns:160px minmax(0,1fr);min-height:0;padding-bottom:0;gap:24px}
.m-stad .station-dashboard .station-hero h2{font-size:30px}
.m-stad .station-dashboard .station-track{font-size:20px}
.station-dashboard .station-hero:before{opacity:.3;inset:0}
.m-stad .station-dashboard .station-sidebar .live-feature{padding:18px;display:block}
.m-stad .station-dashboard .station-sidebar .feature-programme{display:grid;grid-template-columns:130px minmax(0,1fr);gap:18px;align-items:center}
.m-stad .station-dashboard .station-sidebar .feature-image{height:115px;width:130px}
.m-stad .station-dashboard .station-sidebar .feature-copy{padding:0}
.station-dashboard .station-next,.station-dashboard .station-today{margin:0;padding:0;border:0}
.station-dashboard .station-today-details>summary{display:flex}
.station-dashboard .station-today-heading{margin-bottom:2px}
.station-dashboard .station-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}
.m-stad .station-dashboard .recently-played,.m-stad .station-dashboard .app-download{margin:0}
.m-stad .station-dashboard .recent-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
}
@media(max-width:600px){
.m-stad .station-dashboard .nav{min-height:84px;padding-block:16px;gap:14px;grid-template-columns:minmax(0,1fr) 44px 38px}
.m-stad .station-dashboard .nav .brand-logo{width:min(100%,208px);height:52px}
.m-stad .station-dashboard .nav-play{width:44px;height:44px;min-height:44px;padding:0}
.m-stad .station-dashboard .station-hero{grid-template-columns:112px minmax(0,1fr);gap:16px}
.m-stad .station-dashboard .station-hero h2{font-size:24px;line-height:1.2;letter-spacing:-.5px}
.m-stad .station-dashboard .station-track{font-size:16px;line-height:1.5}
.station-dashboard .station-live{padding:6px 8px;font-size:9px;letter-spacing:0;margin-bottom:10px;gap:6px}
.station-dashboard .station-controls{gap:12px;margin-top:14px}
.station-dashboard .station-play{width:48px;height:48px}
.station-dashboard .station-wave{height:38px;max-width:180px;gap:3px}
.station-dashboard .station-reception{font-size:11px;margin-top:12px;letter-spacing:0}
.m-stad .station-dashboard .station-hero .live-details{font-size:11px;margin-top:10px;gap:8px}
.station-dashboard .station-photo-credit{display:none}
.m-stad .station-dashboard .station-sidebar .feature-programme{grid-template-columns:96px minmax(0,1fr);gap:14px}
.m-stad .station-dashboard .station-sidebar .feature-image{width:96px;height:96px}
.m-stad .station-dashboard .station-sidebar .feature-copy h3{font-size:20px}
.m-stad .station-dashboard .station-sidebar .feature-copy p,.m-stad .station-dashboard .station-sidebar .feature-copy .feature-time{font-size:13px}
.m-stad .station-dashboard .station-sidebar .onair-card--next{grid-template-columns:76px minmax(0,1fr);gap:14px}
.m-stad .station-dashboard .station-sidebar .onair-card--next>.onair-photo{width:76px;height:76px}
.m-stad .station-dashboard .station-sidebar .onair-card--next h3{font-size:19px}
.m-stad .station-dashboard .station-shortcut{min-height:270px}
.m-stad .station-dashboard .station-shortcut>div:not(.shortcut-number){padding:13px}
.m-stad .station-dashboard .station-shortcut .shortcut-label{font-size:11px;margin-bottom:8px}
.m-stad .station-dashboard .station-shortcut h3{font-size:16px}
.m-stad .station-dashboard .station-shortcut p{font-size:13px}
.m-stad .station-dashboard .shortcut-button{font-size:10px;min-height:44px;padding:8px}
.m-stad .station-dashboard .recent-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}
.m-stad .station-dashboard .recent-track p{font-size:14px}
.m-stad .station-dashboard .recent-track h3{font-size:13px}
.m-stad .station-dashboard .app-download{grid-template-columns:minmax(0,1fr) 110px;gap:14px;padding:20px}
.m-stad .station-dashboard .app-download h2{font-size:24px}
.m-stad .station-dashboard .app-download-intro{font-size:13px!important;text-align:left}
.m-stad .station-dashboard .app-phone-frame{width:100px;border-radius:17px;padding:5px}
.m-stad .station-dashboard .app-phone-frame img{border-radius:10px}
.m-stad .station-dashboard .app-store-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:300px;gap:10px;margin:16px 0 0}
.m-stad .station-dashboard .app-store-badge{width:100%;height:36px}
.m-stad .station-dashboard .app-store-badge img{height:36px}
.m-stad .station-dashboard .player-inner{min-height:68px;gap:9px}
.m-stad .station-dashboard .player-title strong{font-size:13px}
.m-stad .station-dashboard .player-title>span:not(.sr-only){font-size:12px}
.m-stad .station-dashboard .player-art{width:40px;height:40px}
}
@media(max-width:375px){.m-stad .station-dashboard .app-download{grid-template-columns:minmax(0,1fr)}.m-stad .station-dashboard .app-phone-frame{width:120px}.m-stad .station-dashboard .station-hero{grid-template-columns:100px minmax(0,1fr);gap:12px}}
@media(prefers-reduced-motion:reduce){.station-dashboard .station-wave i{animation:none!important}.station-dashboard .station-shortcut{transition:none;transform:none}}
.m-stad .station-dashboard h1,.m-stad .station-dashboard h2,.m-stad .station-dashboard h3,.m-stad .station-dashboard button{font-family:Manrope,Arial,sans-serif}
@media(max-width:600px){
.m-stad .station-dashboard .app-download-copy{display:contents}
.m-stad .station-dashboard .app-download .eyebrow{grid-column:1;grid-row:1;margin:0}
.m-stad .station-dashboard .app-download h2{grid-column:1;grid-row:2;margin:0}
.m-stad .station-dashboard .app-download-intro{grid-column:1;grid-row:3;margin:0!important}
.m-stad .station-dashboard .app-download-visual{grid-column:2;grid-row:1 / 4;align-self:center}
.m-stad .station-dashboard .app-store-badges{grid-column:1 / -1;grid-row:4;max-width:320px;margin:8px 0 0}
.m-stad .station-dashboard .app-store-badge,.m-stad .station-dashboard .app-store-badge img{height:44px}
}
@media(max-width:375px){
.m-stad .station-dashboard .app-download{grid-template-columns:minmax(0,1fr) 90px}
.m-stad .station-dashboard .app-phone-frame{width:82px}
}

/* Current brand phone illustration, built from the official logo and real editorial image. */
.m-stad .station-dashboard .app-phone-frame{position:relative;box-sizing:border-box;aspect-ratio:auto;width:176px;padding:6px;border:2px solid #526574;border-radius:25px;background:#02080e;overflow:hidden}
.m-stad .station-dashboard .app-phone-screen{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 12px 12px;background:#06121d;border-radius:18px;min-height:300px;color:#fff}
.m-stad .station-dashboard .app-phone-speaker{position:absolute;top:7px;width:38px;height:4px;border-radius:5px;background:#02080e}
.m-stad .station-dashboard .app-phone-frame .app-phone-logo{position:static;inset:auto;display:block;width:100%;height:auto;max-width:100%;aspect-ratio:5;border-radius:0;object-fit:contain;clip-path:none;margin:6px 0}
.m-stad .station-dashboard .app-phone-live{font-size:8px;line-height:1.5;color:#ff9a52;border:1px solid #ff791f66;padding:3px 8px;border-radius:20px;font-weight:800}
.m-stad .station-dashboard .app-phone-frame .app-phone-cover{position:static;inset:auto;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;max-width:100%;border-radius:6px;clip-path:none;margin:0}
.m-stad .station-dashboard .app-phone-screen strong{font-size:12px;line-height:1.4;margin:0;text-align:center}
.m-stad .station-dashboard .app-phone-tagline{font-size:9px;line-height:1.4;color:#becdd9;margin-top:-6px}
.m-stad .station-dashboard .app-phone-play{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#ff791f;margin:3px 0}
.m-stad .station-dashboard .app-phone-play:after{content:'';display:block;width:12px;height:15px;background:#fff;clip-path:polygon(0 0,100% 50%,0 100%);margin-left:3px}
.m-stad .station-dashboard .app-phone-nav{display:flex;justify-content:space-around;gap:10px;width:100%;padding-top:12px;margin-top:auto;border-top:1px solid #ffffff18;font-size:8px;line-height:1.4;color:#becdd9}
.m-stad .station-dashboard .app-phone-nav>span:first-child{color:#ff9a52}
@media(max-width:600px){
.m-stad .station-dashboard .app-phone-frame{width:110px;border-radius:18px;padding:4px}
.m-stad .station-dashboard .app-phone-screen{min-height:218px;border-radius:12px;padding:17px 7px 9px;gap:7px}
.m-stad .station-dashboard .app-phone-screen strong{font-size:9px}
.m-stad .station-dashboard .app-phone-tagline{font-size:7px;margin-top:-3px}
.m-stad .station-dashboard .app-phone-live{font-size:6px;padding:2px 5px}
.m-stad .station-dashboard .app-phone-nav{font-size:6px;gap:3px;padding-top:8px}
.m-stad .station-dashboard .app-phone-play{width:30px;height:30px}
}
@media(max-width:375px){.m-stad .station-dashboard .app-phone-frame{width:90px}.m-stad .station-dashboard .app-phone-screen{min-height:195px}.m-stad .station-dashboard .app-phone-screen strong{font-size:8px}}

/* Restore programme interaction and retain the station's existing chart artwork. */
.m-stad .station-dashboard .shortcut-chart>img,.m-stad .station-dashboard .shortcut-releases>img{object-fit:contain;object-position:center;background:#071522}
.programme-chat{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;margin-top:12px;padding:10px 16px;border:1px solid #ff791f;border-radius:7px;background:#ff791f;color:#071522;font:inherit;font-weight:800;cursor:pointer}
.programme-chat:hover{background:#ff9a52}
.programme-chat:focus-visible{outline:3px solid #fff;outline-offset:3px}
.m-stad .station-dashboard .station-contact{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-block:20px 30px;padding:26px;background:#0e2232;border:1px solid #ffffff20;border-radius:10px}
.station-contact h2{margin:4px 0 12px}.station-contact p{max-width:640px;color:#becdd9;font-size:15px;line-height:1.6}.station-contact .button{flex-shrink:0;min-height:44px}
@media(max-width:600px){.m-stad .station-dashboard .station-contact{flex-direction:column;align-items:flex-start;padding:20px;gap:12px}.programme-chat{padding:8px 12px;font-size:14px}}