@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Oswald:wght@500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root{
  --gold:#f4b51b;
  --gold2:#ffd75a;
  --bg:#050505;
  --panel:#0d0d0c;
  --panel2:#1c1910;
  --text:#fff;
  --muted:#999;
  --line:rgba(244,181,27,.28);
  --danger:#d55252;
  --green:#62c778;
}

*{box-sizing:border-box;margin:0;padding:0}

html{
  scroll-behavior:smooth;
}

body{
  min-height:100vh;
  font-family:Inter,Arial,sans-serif;
  color:#fff;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 50% 8%,#29230f 0,#111008 30%,#050505 70%);
}

body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.12;
  z-index:-1;
  background-image:
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,#000,transparent 85%);
}

a{color:inherit}
img{max-width:100%}
button,input,select,textarea{font:inherit}

.container{
  width:min(1080px,92%);
  margin:auto;
}

/* TOPBAR */
.topbar-wrap{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(5,5,5,.95);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(244,181,27,.25);
}

.topbar{
  min-height:62px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:22px;
}

.brand{
  font-size:.92rem;
  font-weight:800;
  letter-spacing:1.4px;
  text-decoration:none;
  white-space:nowrap;
}
.brand span{color:var(--gold)}

.nav{
  display:flex;
  justify-content:center;
  gap:16px;
  align-items:center;
  min-width:0;
}

.nav a{
  color:#8f8f8f;
  text-decoration:none;
  font-size:.62rem;
  font-weight:800;
  letter-spacing:1px;
  transition:.2s ease;
}

.nav a:hover,
.nav a.active{color:var(--gold)}

.top-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
}

.status{
  display:flex;
  align-items:center;
  gap:6px;
  color:#aaa;
  font-size:.58rem;
  font-weight:800;
  white-space:nowrap;
}
.status b{color:var(--gold)}
.dot{
  display:inline-block;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#ee3d3d;
  box-shadow:0 0 10px rgba(238,61,61,.82);
  animation:pulse 1.2s steps(2,end) infinite;
}
@keyframes pulse{50%{opacity:.38}}

.menu-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:31px;
  padding:6px 9px;
  border:1px solid rgba(244,181,27,.35);
  border-radius:8px;
  color:var(--gold);
  background:rgba(244,181,27,.06);
  text-decoration:none;
  font-size:.57rem;
  font-weight:800;
  letter-spacing:.55px;
  white-space:nowrap;
}
.menu-button:hover,.menu-button.gold{
  background:var(--gold);
  color:#111;
  border-color:var(--gold);
}
.menu-button.subtle{color:#888}

.profile-chip{
  display:flex;
  align-items:center;
  gap:7px;
  color:#ddd;
  text-decoration:none;
  font-size:.61rem;
  max-width:165px;
}
.profile-chip img,
.profile-chip>span{
  width:30px;
  height:30px;
  border-radius:50%;
  flex:0 0 30px;
  object-fit:cover;
  display:grid;
  place-items:center;
  border:1px solid rgba(244,181,27,.45);
  background:#17130b;
  color:var(--gold);
  font-weight:900;
}
.profile-chip b{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.mobile-nav-wrap{
  display:none;
  border-bottom:1px solid rgba(244,181,27,.16);
  background:#080808;
}
.mobile-nav{
  display:flex;
  gap:5px;
  overflow-x:auto;
  padding-top:6px;
  padding-bottom:6px;
  scrollbar-width:none;
}
.mobile-nav::-webkit-scrollbar{display:none}
.mobile-nav a{
  flex:0 0 auto;
  padding:7px 9px;
  border-radius:7px;
  color:#999;
  text-decoration:none;
  font-size:.61rem;
  font-weight:800;
}
.mobile-nav a:hover{background:rgba(244,181,27,.07);color:var(--gold)}

/* GLOBAL PLAYER */
.global-player-wrap{
  padding:16px 0 12px;
  border-bottom:1px solid rgba(244,181,27,.16);
  background:linear-gradient(180deg,rgba(15,14,10,.95),rgba(7,7,7,.96));
}
.global-player{
  padding:15px;
  border:1px solid rgba(244,181,27,.28);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(28,25,16,.94),rgba(10,10,10,.97));
  box-shadow:0 12px 34px rgba(0,0,0,.28);
}
.global-player-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  margin-bottom:10px;
}
.global-player-head>div:first-child{
  min-width:0;
  display:flex;
  align-items:baseline;
  gap:10px;
}
.eyebrow{
  color:var(--gold);
  font-size:.55rem;
  font-weight:900;
  letter-spacing:1px;
  white-space:nowrap;
}
.global-player-head strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-family:Oswald,Impact,sans-serif;
  font-size:1.05rem;
  text-transform:uppercase;
}
.onair{
  display:flex;
  align-items:center;
  gap:6px;
  color:var(--gold);
  font-size:.56rem;
  font-weight:900;
  white-space:nowrap;
}
.stream-player{
  width:100%;
  overflow:hidden;
  border-radius:10px;
  background:#000;
  border:1px solid rgba(244,181,27,.22);
}
.stream-player iframe{
  display:block;
  width:100%;
  height:110px;
  min-height:110px;
  border:0;
}

/* LIGHT TICKER */
.message-ticker-wrap{
  border-bottom:1px solid rgba(244,181,27,.16);
  background:#070707;
}
.message-ticker{
  min-height:37px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:12px;
}
.ticker-label{
  color:#111;
  background:var(--gold);
  padding:5px 8px;
  border-radius:5px;
  font-size:.52rem;
  font-weight:900;
  letter-spacing:.8px;
}
.ticker-window{
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
}
.ticker-text{
  display:inline-block;
  min-width:max-content;
  color:var(--gold);
  font-size:.66rem;
  font-weight:700;
}
.ticker-text.run{
  padding-left:100%;
  animation:tickerMove var(--ticker-duration,12s) linear forwards;
}
@keyframes tickerMove{
  from{transform:translateX(0)}
  to{transform:translateX(-100%)}
}

/* HERO */
.hero{
  text-align:center;
  padding:44px 0 34px;
}
.hero-mark{
  width:88px;
  height:88px;
  margin:0 auto 10px;
  display:grid;
  place-items:center;
  border:1px solid rgba(244,181,27,.42);
  border-radius:50%;
  background:
    radial-gradient(circle at 35% 28%,rgba(255,215,90,.2),transparent 32%),
    linear-gradient(145deg,#211b0d,#080808);
  box-shadow:0 15px 32px rgba(0,0,0,.5);
  color:var(--gold);
  font-family:Oswald,Impact,sans-serif;
  font-size:1.55rem;
  font-weight:700;
  letter-spacing:2px;
}
.hero h1{
  font-family:Oswald,Impact,sans-serif;
  text-transform:uppercase;
  font-size:clamp(2.25rem,6vw,4.3rem);
  line-height:.95;
  margin:12px 0;
  text-shadow:0 4px 0 #000;
}
.hero h1 span{color:var(--gold)}
.lead{
  max-width:700px;
  margin:auto;
  color:#aaa;
  font-size:.83rem;
  line-height:1.68;
}
.hero-buttons{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}
.listen-button,.ghost-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:39px;
  padding:9px 15px;
  border-radius:8px;
  text-decoration:none;
  font-size:.67rem;
  font-weight:900;
}
.listen-button{background:var(--gold);color:#111}
.ghost-button{
  color:var(--gold);
  border:1px solid rgba(244,181,27,.36);
  background:rgba(244,181,27,.045);
}
.ghost-button:hover{background:rgba(244,181,27,.11)}
.hero-stats{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  margin-top:22px;
}
.hero-stats span{
  padding:7px 10px;
  border:1px solid rgba(244,181,27,.15);
  border-radius:999px;
  color:#777;
  font-size:.59rem;
}
.hero-stats b{color:var(--gold)}

/* PUBLIC LAYOUT */
.page{padding:28px 0 36px}
.site-layout,.old-grid{
  width:min(1450px,96%);
  margin:0 auto 30px;
  display:grid;
  grid-template-columns:310px minmax(0,1fr);
  gap:20px;
  align-items:start;
}
.page.container{width:min(1450px,96%)}
.page.container .old-grid{width:100%;margin:0}
.sidebar{
  display:flex;
  flex-direction:column;
  gap:16px;
  position:sticky;
  top:80px;
  grid-column:1;
  grid-row:1;
}
.content-stack,.main-content{
  min-width:0;
  grid-column:2;
  grid-row:1;
  display:flex;
  flex-direction:column;
  gap:18px;
}
.right-sidebar{display:none!important}

/* SIDEBAR */
.side-panel{
  width:100%;
  padding:14px 0;
  border-top:1px solid rgba(244,181,27,.35);
  border-bottom:1px solid rgba(244,181,27,.35);
}
.side-title{
  display:flex;
  align-items:center;
  gap:7px;
  margin-bottom:10px;
  color:var(--gold);
  font-family:Oswald,Impact,sans-serif;
  font-size:1.18rem;
  text-transform:uppercase;
}
.side-panel p{
  color:#888;
  font-size:.72rem;
  line-height:1.5;
}
.side-live{
  display:grid;
  grid-template-columns:82px minmax(0,1fr);
  gap:11px;
  align-items:center;
}
.side-live-photo,.side-live-fallback{
  width:82px;
  height:82px;
  border-radius:11px;
  border:1px solid rgba(244,181,27,.25);
  background:#070707;
}
.side-live-photo{object-fit:cover;object-position:center top}
.side-live-fallback{
  display:grid;
  place-items:center;
  color:var(--gold);
  font-family:Oswald,Impact,sans-serif;
  font-weight:700;
}
.side-live small{
  display:block;
  color:#777;
  font-size:.52rem;
  font-weight:900;
  letter-spacing:.7px;
}
.side-live strong{
  display:block;
  margin:3px 0;
  color:#fff;
  font-family:Oswald,Impact,sans-serif;
  text-transform:uppercase;
}
.side-live p{font-size:.65rem}
.side-links{display:flex;flex-direction:column}
.side-links a{
  display:flex;
  gap:8px;
  align-items:center;
  padding:9px 4px;
  border-bottom:1px solid rgba(244,181,27,.09);
  color:#929292;
  text-decoration:none;
  font-size:.68rem;
  font-weight:700;
}
.side-links a:last-child{border-bottom:0}
.side-links a:hover{color:var(--gold)}
.side-schedule{display:flex;flex-direction:column;gap:7px}
.side-schedule-item{
  padding:8px 9px;
  border:1px solid rgba(244,181,27,.11);
  border-radius:8px;
  background:rgba(255,255,255,.012);
}
.side-schedule-item b,.side-schedule-item span,.side-schedule-item small{display:block}
.side-schedule-item b{color:var(--gold);font-size:.61rem}
.side-schedule-item span{margin-top:3px;color:#ddd;font-size:.66rem}
.side-schedule-item small{margin-top:2px;color:#777;font-size:.57rem}
.side-actions{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:10px;
}

/* PANELS / BOXES */
.panel,.box{
  padding:20px;
  border:1px solid rgba(244,181,27,.32);
  border-radius:17px;
  background:
    linear-gradient(145deg,rgba(28,25,16,.95),rgba(10,10,10,.97));
  box-shadow:
    0 18px 50px rgba(0,0,0,.5),
    inset 0 1px rgba(255,255,255,.04);
}
.box{padding:0;overflow:hidden}
.box-title{
  padding:14px 18px 10px;
  color:var(--gold);
  font-family:Oswald,Impact,sans-serif;
  font-size:.82rem;
  font-weight:700;
  letter-spacing:.65px;
  text-transform:uppercase;
  border-bottom:1px solid rgba(244,181,27,.15);
}
.box-body{padding:18px}
.badge{
  display:inline-block;
  padding:5px 10px;
  margin-bottom:9px;
  border-radius:999px;
  background:var(--gold);
  color:#111;
  font-size:.52rem;
  font-weight:900;
  letter-spacing:1px;
}
.panel h2,.section-title{
  font-family:Oswald,Impact,sans-serif;
  text-transform:uppercase;
  font-size:1.65rem;
  margin-bottom:5px;
  color:#fff;
}
.panel-intro,.muted{
  color:#999;
  font-size:.76rem;
  line-height:1.55;
}
.panel h3{font-family:Oswald,Impact,sans-serif}
.panel-actions,.hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:14px;
}

.copy-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:16px;
}
.copy-block{
  padding:15px;
  border:1px solid rgba(244,181,27,.13);
  border-radius:11px;
  background:#090909;
}
.copy-block h3{
  margin-bottom:6px;
  color:var(--gold);
  font-size:1rem;
  text-transform:uppercase;
}
.copy-block p{
  color:#8d8d8d;
  font-size:.74rem;
  line-height:1.62;
}

.radio-status-card{
  margin-top:15px;
  display:grid;
  grid-template-columns:60px minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  padding:16px;
  border:1px solid rgba(244,181,27,.20);
  border-radius:12px;
  background:#090909;
}
.radio-status-icon{
  width:60px;height:60px;
  display:grid;place-items:center;
  border-radius:12px;
  background:rgba(244,181,27,.08);
  font-size:1.5rem;
}
.radio-status-card small{
  display:block;color:#777;font-size:.55rem;font-weight:900;letter-spacing:.8px
}
.radio-status-card strong{
  display:block;margin:3px 0;color:var(--gold);font-size:.83rem
}
.radio-status-card p{color:#777;font-size:.66rem}

.feature-grid{
  margin-top:15px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.feature-card{
  display:block;
  padding:15px;
  border:1px solid rgba(244,181,27,.13);
  border-radius:11px;
  background:#090909;
  text-decoration:none;
  transition:.18s ease;
}
.feature-card:hover{
  transform:translateY(-2px);
  border-color:rgba(244,181,27,.38);
  background:#11100c;
}
.feature-card>span{font-size:1.35rem}
.feature-card h3{
  margin:7px 0 5px;
  color:#fff;
  text-transform:uppercase;
  font-size:.92rem;
}
.feature-card p{
  color:#7f7f7f;
  font-size:.68rem;
  line-height:1.5;
}

.home-schedule-grid{
  margin-top:15px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}
.home-show-card{
  padding:13px;
  border:1px solid rgba(244,181,27,.13);
  border-radius:10px;
  background:#090909;
}
.home-show-card small{
  display:block;
  color:var(--gold);
  font-size:.54rem;
  font-weight:900;
  letter-spacing:.8px;
  text-transform:uppercase;
}
.home-show-card strong{
  display:block;
  margin:4px 0 7px;
  font-family:Oswald,Impact,sans-serif;
  font-size:1rem;
}
.home-show-card h3{font-size:.76rem;color:#ddd}
.home-show-card p{margin-top:3px;color:#737373;font-size:.61rem}

.empty-state{
  margin-top:14px;
  padding:15px;
  border:1px solid rgba(244,181,27,.14);
  border-radius:10px;
  background:#090909;
}
.empty-state b,.empty-state span{display:block}
.empty-state b{color:var(--gold)}
.empty-state span{margin-top:3px;color:#777;font-size:.7rem}

.final-panel{text-align:center}
.final-panel .panel-intro{max-width:640px;margin:auto}
.final-panel .panel-actions{justify-content:center}

/* BUTTONS */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 12px;
  border:1px solid rgba(244,181,27,.34);
  border-radius:8px;
  background:rgba(244,181,27,.045);
  color:var(--gold);
  text-decoration:none;
  font-size:.65rem;
  font-weight:900;
  cursor:pointer;
}
.btn:hover{background:rgba(244,181,27,.12)}
.btn.gold{background:var(--gold);color:#111;border-color:var(--gold)}
.btn.red{background:#8b1d1d;color:#fff;border-color:#ae3030}
.btn.green{background:#4fae64;color:#081409;border-color:#68c87a}
.btn.small{min-height:29px;padding:5px 8px;font-size:.56rem}

/* FORMS */
.form-grid,.message-form{display:grid;gap:11px}
.form-row{display:grid;gap:5px}
.form-row label{
  color:#aaa;
  font-size:.63rem;
  font-weight:800;
}
.form-row input,.form-row select,.form-row textarea,.admin-actions select{
  width:100%;
  min-height:42px;
  padding:9px 10px;
  border:1px solid rgba(244,181,27,.24);
  border-radius:8px;
  background:#080808;
  color:#fff;
  outline:none;
  font-size:16px;
}
.form-row textarea{min-height:95px;resize:vertical}
.form-row input:focus,.form-row select:focus,.form-row textarea:focus{
  border-color:rgba(244,181,27,.72);
  box-shadow:0 0 0 3px rgba(244,181,27,.08);
}
.form-row input[type=color]{padding:4px}
.form-row input[type=range]{accent-color:var(--gold)}
.ticker-options{
  display:grid;
  grid-template-columns:130px minmax(170px,1fr) auto;
  align-items:end;
  gap:10px;
}
.form-result{
  min-height:18px;
  color:#777;
  font-size:.68rem;
}
.form-result.ok{color:#7dda90}
.form-result.error{color:#f08a8a}

.login-callout{
  margin-top:14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:15px;
  border:1px solid rgba(244,181,27,.14);
  border-radius:10px;
  background:#090909;
}
.login-callout strong{color:var(--gold)}
.login-callout p{margin-top:3px;color:#777;font-size:.68rem}

/* ALERTS */
.alert{
  padding:10px 12px;
  margin:10px 0;
  border-radius:8px;
  font-size:.7rem;
}
.alert.ok{border:1px solid #2f713d;background:#102b16;color:#a6e7b1}
.alert.error{border:1px solid #743030;background:#351111;color:#f2aaaa}

/* REQUEST LISTS / STATS */
.request-list{display:grid;gap:8px}
.request-item{
  padding:11px;
  border:1px solid rgba(244,181,27,.12);
  border-radius:9px;
  background:#090909;
}
.request-item strong{color:#eee}
.request-meta{
  margin-top:4px;
  color:#777;
  font-size:.62rem;
  line-height:1.45;
}
.stat-line{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:8px 0;
  border-bottom:1px solid rgba(244,181,27,.09);
  color:#888;
  font-size:.68rem;
}
.stat-line:last-child{border-bottom:0}
.stat-line b{color:var(--gold);text-align:right}
.status-badge,.role-badge{
  display:inline-flex;
  margin-top:5px;
  padding:4px 7px;
  border:1px solid rgba(244,181,27,.27);
  border-radius:999px;
  background:rgba(244,181,27,.06);
  color:var(--gold);
  font-size:.53rem;
  font-weight:900;
  letter-spacing:.4px;
  text-transform:uppercase;
}
.gold-text{color:var(--gold)}
.red-text{color:#ed8282}

/* TEAM */
.team-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:11px;
}
.team-card{
  overflow:hidden;
  border:1px solid rgba(244,181,27,.18);
  border-radius:12px;
  background:#090909;
}
.team-card img,.team-card .fallback{
  width:100%;
  height:250px;
}
.team-card img{display:block;object-fit:cover;object-position:center top}
.team-card .fallback{
  display:grid;
  place-items:center;
  color:var(--gold);
  font-family:Oswald,Impact,sans-serif;
  font-size:2.4rem;
}
.team-card-body{padding:13px}
.team-card .role{
  color:var(--gold);
  font-size:.55rem;
  font-weight:900;
  letter-spacing:.7px;
  text-transform:uppercase;
}
.team-card h2{
  margin:4px 0;
  color:#fff;
  font-family:Oswald,Impact,sans-serif;
  text-transform:uppercase;
  font-size:1.25rem;
}
.team-card p{color:#858585;font-size:.67rem;line-height:1.48}

/* LIVE CARD */
.live-card{
  display:grid;
  grid-template-columns:90px minmax(0,1fr);
  gap:12px;
  align-items:center;
}
.live-photo,.live-fallback{
  width:90px;height:90px;border-radius:11px;
  border:1px solid rgba(244,181,27,.25);
  background:#090909;
}
.live-photo{object-fit:cover;object-position:center top}
.live-fallback{
  display:grid;place-items:center;color:var(--gold);
  font-family:Oswald,Impact,sans-serif;font-size:1.15rem
}
.live-card h3{font-family:Oswald,Impact,sans-serif;text-transform:uppercase}
.live-title{color:var(--gold);font-size:.73rem;font-weight:800}
.live-msg{margin-top:4px;color:#7d7d7d;font-size:.66rem}

/* SCHEDULE */
.schedule{display:grid;gap:10px}
.schedule-day{
  overflow:hidden;
  border:1px solid rgba(244,181,27,.16);
  border-radius:10px;
  background:#090909;
}
.schedule-day h2{
  padding:9px 11px;
  background:rgba(244,181,27,.06);
  color:var(--gold);
  font-family:Oswald,Impact,sans-serif;
  text-transform:uppercase;
  font-size:.94rem;
}
.schedule-row{
  display:grid;
  grid-template-columns:110px minmax(0,1fr) 140px;
  gap:10px;
  align-items:center;
  padding:10px 11px;
  border-top:1px solid rgba(244,181,27,.08);
  color:#888;
  font-size:.67rem;
}
.schedule-time{color:#fff;font-weight:800}
.schedule-dj{text-align:right;color:var(--gold);font-weight:800}

/* CHAT */
.chat-frame{
  margin-top:10px;
  overflow:hidden;
  border-radius:12px;
  border:1px solid rgba(244,181,27,.28);
  background:#090909;
}
.chat-frame iframe{
  display:block;
  width:100%;
  height:650px;
  border:0;
}

/* LOGIN / ACCOUNT */
.login-shell{
  width:min(580px,92%);
  margin:34px auto 44px;
}
.account-profile-head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:18px;
  align-items:center;
}
.account-avatar-wrap{display:flex;justify-content:center}
.account-avatar,.account-avatar-fallback{
  width:130px;height:130px;
  border-radius:50%;
  border:2px solid rgba(244,181,27,.48);
  background:#090909;
}
.account-avatar{object-fit:cover}
.account-avatar-fallback{
  display:grid;place-items:center;
  color:var(--gold);
  font-family:Oswald,Impact,sans-serif;
  font-size:2.8rem;
}
.account-profile-label{color:var(--gold);font-size:.58rem;font-weight:900;letter-spacing:.8px}
.account-profile-copy h2{
  margin:4px 0;
  font-family:Oswald,Impact,sans-serif;
  text-transform:uppercase;
}
.account-settings-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.account-avatar-panel{
  padding:14px;
  border:1px solid rgba(244,181,27,.14);
  border-radius:10px;
  background:#090909;
}
.avatar-file-picker{
  display:block;
  width:100%;
  margin:8px 0;
  color:#888;
  font-size:.7rem;
}

/* PANEL / TABLES */
.panel-nav{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:12px 0 16px;
}
.panel-nav a{
  padding:7px 9px;
  border:1px solid rgba(244,181,27,.18);
  border-radius:7px;
  color:#888;
  text-decoration:none;
  font-size:.6rem;
  font-weight:800;
}
.panel-nav a:hover,.panel-nav a.active{
  background:var(--gold);
  border-color:var(--gold);
  color:#111;
}
.table-wrap{
  overflow:auto;
  border:1px solid rgba(244,181,27,.14);
  border-radius:10px;
}
table{
  width:100%;
  min-width:680px;
  border-collapse:collapse;
  background:#080808;
}
th,td{
  padding:9px;
  border-bottom:1px solid rgba(244,181,27,.08);
  text-align:left;
  vertical-align:top;
  color:#b9b9b9;
  font-size:.65rem;
}
th{
  color:var(--gold);
  background:#141109;
  font-size:.58rem;
  text-transform:uppercase;
}
.admin-actions{
  display:flex;
  gap:5px;
  flex-wrap:wrap;
  align-items:center;
}
.admin-actions form{margin:0}

/* FOOTER */
.beerbar{
  text-align:center;
  padding:12px 0 4px;
  color:var(--gold);
  font-size:18px;
  letter-spacing:4px;
}
.footer{
  text-align:center;
  color:#666;
  font-size:.65rem;
  padding:10px 0 25px;
}
.footer b{color:var(--gold)}

/* RESPONSIVE */
@media(max-width:1150px){
  .nav{gap:10px}
  .status{display:none}
  .site-layout,.old-grid{grid-template-columns:280px minmax(0,1fr)}
  .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-schedule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:900px){
  .topbar{grid-template-columns:auto 1fr}
  .nav{display:none}
  .mobile-nav-wrap{display:block}
  .top-actions{min-width:0}
  .profile-chip b{display:none}
  .site-layout,.old-grid{
    grid-template-columns:1fr;
    width:min(900px,94%);
  }
  .sidebar{
    position:static;
    grid-column:1;
    grid-row:2;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .content-stack,.main-content{
    grid-column:1;
    grid-row:1;
  }
  .copy-grid{grid-template-columns:1fr}
  .team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:650px){
  .container{width:min(94%,1080px)}
  .topbar{min-height:56px;gap:8px}
  .brand{font-size:.77rem}
  .menu-button{padding:5px 7px;font-size:.5rem}
  .top-actions .menu-button.subtle{display:none}
  .global-player-wrap{padding:10px 0}
  .global-player{padding:10px}
  .global-player-head>div:first-child{
    flex-direction:column;
    align-items:flex-start;
    gap:2px;
  }
  .stream-player iframe{height:112px;min-height:112px}
  .message-ticker{gap:7px}
  .ticker-label{font-size:.46rem}
  .hero{padding:32px 0 25px}
  .hero-mark{width:72px;height:72px;font-size:1.25rem}
  .hero-buttons>a{flex:1 1 145px}
  .hero-stats{gap:5px}
  .site-layout,.old-grid{width:94%;gap:14px}
  .sidebar{grid-template-columns:1fr}
  .panel,.box{border-radius:13px}
  .panel{padding:16px}
  .box-body{padding:14px}
  .feature-grid,.home-schedule-grid,.team-grid,.account-settings-grid{grid-template-columns:1fr}
  .radio-status-card{grid-template-columns:50px minmax(0,1fr)}
  .radio-status-card .btn{grid-column:1/-1}
  .radio-status-icon{width:50px;height:50px}
  .ticker-options{grid-template-columns:1fr}
  .login-callout{align-items:flex-start;flex-direction:column}
  .schedule-row{grid-template-columns:1fr;gap:4px}
  .schedule-dj{text-align:left}
  .chat-frame iframe{height:520px}
  .account-profile-head{grid-template-columns:1fr;text-align:center}
  .account-avatar-wrap{margin:auto}
}

@media(max-width:430px){
  .top-actions .menu-button.gold{display:none}
  .global-player-head .onair{display:none}
  .profile-chip{max-width:40px}
}


/* LOGO + GEREGISTREERDE GEBRUIKERS */
.brand{
  display:flex;
  align-items:center;
  gap:8px;
}

.brand-logo{
  width:44px;
  height:44px;
  flex:0 0 44px;
  object-fit:contain;
  border-radius:50%;
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.45));
}

.brand-text{
  color:#fff;
  font-size:.86rem;
  font-weight:800;
  letter-spacing:1.25px;
  white-space:nowrap;
}

.brand-text b{
  color:var(--gold);
}

.status-separator{
  color:#4d4d4d;
}

.hero-logo{
  display:block;
  width:min(270px,62vw);
  height:auto;
  margin:0 auto 8px;
  object-fit:contain;
  filter:drop-shadow(0 18px 25px rgba(0,0,0,.58));
}

.station-numbers{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.station-numbers>div{
  min-width:0;
  padding:11px 8px;
  border:1px solid rgba(244,181,27,.13);
  border-radius:9px;
  background:rgba(255,255,255,.012);
  text-align:center;
}

.station-numbers strong{
  display:block;
  color:var(--gold);
  font-family:Oswald,Impact,sans-serif;
  font-size:1.35rem;
}

.station-numbers span{
  display:block;
  margin-top:2px;
  color:#777;
  font-size:.52rem;
  line-height:1.35;
}

@media(max-width:1150px){
  .brand-text{font-size:.75rem}
}

@media(max-width:650px){
  .brand-logo{
    width:38px;
    height:38px;
    flex-basis:38px;
  }
  .brand-text{
    font-size:.66rem;
    letter-spacing:.7px;
  }
  .hero-logo{
    width:min(230px,70vw);
  }
}


/* TEAM: FUNCTIE + ACCOUNTROL */
.team-role-row{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  min-height:26px;
}

.team-role-row .role{
  color:var(--gold);
  font-size:.55rem;
  font-weight:900;
  letter-spacing:.7px;
  text-transform:uppercase;
}

.team-role-row .role-badge{
  margin-top:0;
}

.team-account-role{
  background:rgba(255,255,255,.035);
  border-color:rgba(244,181,27,.36);
}

.team-linked-role{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  padding:8px 9px;
  border:1px solid rgba(244,181,27,.12);
  border-radius:8px;
  background:#090909;
  color:#8d8d8d;
  font-size:.64rem;
}


/* LEDENLIJST */
.member-count-bar{
  display:flex;align-items:baseline;gap:8px;margin-top:14px;padding:12px 14px;
  border:1px solid rgba(244,181,27,.14);border-radius:10px;background:#090909;
}
.member-count-bar strong{
  color:var(--gold);font-family:Oswald,Impact,sans-serif;font-size:1.7rem;
}
.member-count-bar span{color:#858585;font-size:.68rem}

.members-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;
}
.member-card{
  overflow:hidden;border:1px solid rgba(244,181,27,.18);border-radius:13px;
  background:linear-gradient(145deg,rgba(24,21,14,.96),rgba(8,8,8,.98));
  box-shadow:0 14px 32px rgba(0,0,0,.24);
}
.member-avatar-wrap{display:flex;justify-content:center;padding:22px 18px 8px}
.member-avatar{
  width:105px;height:105px;border-radius:50%;object-fit:cover;
  border:2px solid rgba(244,181,27,.46);background:#090909;
  box-shadow:0 10px 22px rgba(0,0,0,.34);
}
.member-avatar-fallback{
  display:grid;place-items:center;color:var(--gold);
  font-family:Oswald,Impact,sans-serif;font-size:2.2rem;font-weight:700;
}
.member-card-body{padding:12px 15px 16px;text-align:center}
.member-role{
  display:inline-flex;padding:4px 8px;border:1px solid rgba(244,181,27,.28);
  border-radius:999px;background:rgba(244,181,27,.06);color:var(--gold);
  font-size:.52rem;font-weight:900;letter-spacing:.5px;text-transform:uppercase;
}
.member-card h2{
  margin:8px 0 3px;color:#fff;font-family:Oswald,Impact,sans-serif;
  font-size:1.2rem;text-transform:uppercase;
}
.member-username{color:#777;font-size:.65rem}
.member-meta{
  display:flex;justify-content:space-between;gap:8px;margin-top:13px;padding-top:10px;
  border-top:1px solid rgba(244,181,27,.09);color:#777;font-size:.6rem;
}
.member-meta b{color:#aaa;font-weight:700}

@media(max-width:1100px){
  .members-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .members-grid{grid-template-columns:1fr}
  .member-avatar{width:92px;height:92px}
}


/* =====================================================
   COMPACTE LEDENLIJST + VRIENDEN
===================================================== */
.compact-members-head .box-body{
  padding-bottom:14px;
}

.member-summary{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  margin-top:11px;
}

.member-summary span{
  padding:6px 9px;
  border:1px solid rgba(244,181,27,.14);
  border-radius:999px;
  background:#090909;
  color:#777;
  font-size:.6rem;
}

.member-summary b{
  color:var(--gold);
}

.compact-members-list{
  display:flex;
  flex-direction:column;
}

.compact-member-row,
.compact-friend-row{
  min-height:70px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 15px;
  border-bottom:1px solid rgba(244,181,27,.085);
}

.compact-member-row:last-child,
.compact-friend-row:last-child{
  border-bottom:0;
}

.compact-member-row:hover{
  background:rgba(244,181,27,.025);
}

.compact-member-row.is-me{
  background:rgba(244,181,27,.035);
}

.compact-member-main{
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
}

.compact-avatar{
  width:48px;
  height:48px;
  flex:0 0 48px;
  border-radius:50%;
  object-fit:cover;
  border:1px solid rgba(244,181,27,.35);
  background:#090909;
}

.compact-avatar-fallback{
  display:grid;
  place-items:center;
  color:var(--gold);
  font-family:Oswald,Impact,sans-serif;
  font-size:1rem;
  font-weight:700;
}

.compact-member-copy{
  min-width:0;
}

.compact-member-copy>div{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
}

.compact-member-main strong{
  display:block;
  overflow:hidden;
  color:#e9e9e9;
  font-size:.72rem;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.compact-member-main small{
  display:block;
  overflow:hidden;
  margin-top:3px;
  color:#777;
  font-size:.57rem;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.you-badge{
  padding:2px 5px;
  border-radius:999px;
  background:var(--gold);
  color:#111;
  font-size:.43rem;
  font-weight:900;
}

.compact-member-action{
  flex:0 0 auto;
}

.friend-actions{
  display:flex;
  align-items:center;
  gap:5px;
  flex-wrap:wrap;
}

.friend-actions form,
.compact-member-action form,
.friend-mini-card form{
  margin:0;
}

.compact-friend-list{
  padding:0!important;
}

.friends-mini-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}

.friend-mini-card{
  min-width:0;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  padding:8px;
  border:1px solid rgba(244,181,27,.13);
  border-radius:9px;
  background:#090909;
}

.friend-mini-card .compact-avatar{
  width:42px;
  height:42px;
  flex-basis:42px;
}

.friend-mini-name{
  min-width:0;
}

.friend-mini-name strong,
.friend-mini-name small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.friend-mini-name strong{
  color:#ddd;
  font-size:.65rem;
}

.friend-mini-name small{
  margin-top:2px;
  color:#777;
  font-size:.52rem;
}

.friend-remove{
  width:26px;
  height:26px;
  border:1px solid rgba(244,181,27,.18);
  border-radius:50%;
  background:transparent;
  color:#777;
  cursor:pointer;
  font-size:.9rem;
}

.friend-remove:hover{
  border-color:#b84e4e;
  color:#ef8b8b;
}

@media(max-width:1050px){
  .friends-mini-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:650px){
  .compact-member-row,
  .compact-friend-row{
    align-items:flex-start;
    flex-direction:column;
  }

  .compact-member-main{
    width:100%;
  }

  .compact-member-action,
  .compact-member-action form,
  .compact-member-action .btn,
  .friend-actions,
  .friend-actions form{
    width:100%;
  }

  .friend-actions .btn{
    width:100%;
  }

  .friends-mini-grid{
    grid-template-columns:1fr;
  }
}


/* =====================================================
   PRIVÉCHAT TUSSEN VRIENDEN
===================================================== */
.menu-unread{
  display:inline-grid;
  place-items:center;
  min-width:17px;
  height:17px;
  margin-left:4px;
  padding:0 4px;
  border-radius:999px;
  background:var(--gold);
  color:#111;
  font-size:.48rem;
}

.private-chat-shell{
  min-height:620px;
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  overflow:hidden;
  border:1px solid rgba(244,181,27,.24);
  border-radius:14px;
  background:#080808;
}

.private-chat-list{
  min-width:0;
  border-right:1px solid rgba(244,181,27,.13);
  background:#0a0a09;
}

.private-chat-list-title{
  padding:13px;
  border-bottom:1px solid rgba(244,181,27,.12);
  color:var(--gold);
  font-family:Oswald,Impact,sans-serif;
  font-size:.83rem;
  text-transform:uppercase;
}

.private-chat-person{
  min-width:0;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  padding:10px;
  border-bottom:1px solid rgba(244,181,27,.07);
  color:inherit;
  text-decoration:none;
}

.private-chat-person:hover,
.private-chat-person.active{
  background:rgba(244,181,27,.06);
}

.chat-person-avatar{
  width:42px;
  height:42px;
  border-radius:50%;
  object-fit:cover;
  border:1px solid rgba(244,181,27,.30);
  background:#111;
}

.chat-person-fallback{
  display:grid;
  place-items:center;
  color:var(--gold);
  font-family:Oswald,Impact,sans-serif;
  font-weight:700;
}

.chat-person-copy{
  min-width:0;
}

.chat-person-copy strong,
.chat-person-copy small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.chat-person-copy strong{
  color:#ddd;
  font-size:.65rem;
}

.chat-person-copy small{
  margin-top:2px;
  color:#717171;
  font-size:.52rem;
}

.chat-unread{
  display:grid;
  place-items:center;
  min-width:20px;
  height:20px;
  padding:0 5px;
  border-radius:999px;
  background:var(--gold);
  color:#111;
  font-size:.53rem;
  font-weight:900;
}

.private-chat-main{
  min-width:0;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto auto;
}

.chat-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:11px 13px;
  border-bottom:1px solid rgba(244,181,27,.11);
  background:#0d0c09;
}

.chat-messages{
  height:470px;
  overflow-y:auto;
  padding:15px;
  scroll-behavior:smooth;
}

.chat-loading{
  color:#777;
  font-size:.68rem;
}

.chat-empty{
  min-height:140px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:20px;
  color:#777;
  text-align:center;
}

.chat-empty strong{
  color:var(--gold);
}

.chat-empty span{
  font-size:.67rem;
}

.chat-bubble-row{
  display:flex;
  margin:7px 0;
}

.chat-bubble-row.mine{
  justify-content:flex-end;
}

.chat-bubble-row.theirs{
  justify-content:flex-start;
}

.chat-bubble{
  max-width:min(74%,620px);
  padding:9px 11px;
  border:1px solid rgba(244,181,27,.12);
  border-radius:12px;
  background:#121212;
}

.chat-bubble-row.mine .chat-bubble{
  border-color:rgba(244,181,27,.27);
  background:#251f0d;
}

.chat-bubble-text{
  color:#e6e6e6;
  font-size:.72rem;
  line-height:1.45;
  white-space:pre-wrap;
  word-break:break-word;
}

.chat-bubble-meta{
  margin-top:5px;
  color:#696969;
  font-size:.48rem;
  text-align:right;
}

.chat-compose{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  padding:10px;
  border-top:1px solid rgba(244,181,27,.12);
  background:#0b0b0a;
}

.chat-compose textarea{
  width:100%;
  min-height:50px;
  max-height:130px;
  padding:9px 10px;
  border:1px solid rgba(244,181,27,.22);
  border-radius:9px;
  background:#070707;
  color:#fff;
  resize:vertical;
  outline:none;
  font-size:16px;
}

.chat-compose textarea:focus{
  border-color:rgba(244,181,27,.65);
}

.private-chat-main>.form-result{
  padding:0 11px 8px;
}

.friend-mini-actions{
  display:flex;
  gap:4px;
  align-items:center;
}

.friend-chat-link{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:1px solid rgba(244,181,27,.20);
  border-radius:50%;
  text-decoration:none;
  font-size:.72rem;
}

.friend-chat-link:hover{
  background:rgba(244,181,27,.10);
}

@media(max-width:820px){
  .private-chat-shell{
    grid-template-columns:1fr;
    min-height:0;
  }

  .private-chat-list{
    display:flex;
    overflow-x:auto;
    border-right:0;
    border-bottom:1px solid rgba(244,181,27,.13);
  }

  .private-chat-list-title{
    display:none;
  }

  .private-chat-person{
    min-width:170px;
    border-bottom:0;
    border-right:1px solid rgba(244,181,27,.07);
  }

  .chat-messages{
    height:440px;
  }
}

@media(max-width:560px){
  .private-chat-person{
    min-width:145px;
    grid-template-columns:36px minmax(0,1fr) auto;
  }

  .chat-person-avatar{
    width:36px;
    height:36px;
  }

  .chat-header .btn{
    display:none;
  }

  .chat-messages{
    height:390px;
    padding:10px;
  }

  .chat-bubble{
    max-width:88%;
  }

  .chat-compose{
    grid-template-columns:1fr;
  }

  .chat-compose .btn{
    width:100%;
  }
}


/* FRIEND/CHAT VISIBILITY REPAIR */
.members-help-line{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:8px 15px;
  border-bottom:1px solid rgba(244,181,27,.15);
  background:rgba(244,181,27,.045);
  color:var(--gold);
  font-size:.52rem;
  font-weight:900;
  letter-spacing:.7px;
  text-transform:uppercase;
}

.member-action-btn{
  min-height:35px;
  padding:7px 11px;
  white-space:nowrap;
  font-size:.58rem;
}

.account-social-shortcuts{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:12px 0;
  padding:12px;
  border:1px solid rgba(244,181,27,.16);
  border-radius:10px;
  background:#090909;
}

.member-private-link{
  color:var(--gold)!important;
}

@media(max-width:650px){
  .member-action-btn{
    width:100%;
  }

  .account-social-shortcuts .btn{
    width:100%;
  }
}


/* =====================================================
   COMPACT MENU
===================================================== */
.topbar{
  min-height:56px;
  gap:14px;
}

.compact-nav{
  justify-content:center;
  gap:8px;
}

.compact-nav>a,
.compact-menu-summary{
  min-height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 8px;
  border-radius:7px;
  color:#8f8f8f;
  text-decoration:none;
  font-size:.56rem;
  font-weight:900;
  letter-spacing:.7px;
  cursor:pointer;
  list-style:none;
  white-space:nowrap;
}

.compact-nav>a:hover,
.compact-nav>a.active,
.compact-menu-summary:hover,
.compact-menu-summary.active{
  color:var(--gold);
  background:rgba(244,181,27,.055);
}

.compact-account-menu{
  position:relative;
}

.compact-account-menu>summary::-webkit-details-marker{
  display:none;
}

.compact-account-menu>summary::after{
  content:"▾";
  margin-left:5px;
  font-size:.5rem;
  color:#666;
}

.compact-account-menu[open]>summary{
  color:var(--gold);
  background:rgba(244,181,27,.07);
}

.compact-dropdown{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  z-index:1200;
  width:200px;
  padding:6px;
  border:1px solid rgba(244,181,27,.24);
  border-radius:10px;
  background:#0b0b0a;
  box-shadow:0 16px 32px rgba(0,0,0,.45);
}

.compact-dropdown a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:9px 10px;
  border-radius:7px;
  color:#aaa;
  text-decoration:none;
  font-size:.62rem;
  font-weight:800;
}

.compact-dropdown a:hover{
  color:var(--gold);
  background:rgba(244,181,27,.06);
}

.compact-profile-chip{
  max-width:none;
}

.compact-profile-chip b{
  display:none;
}

.compact-login,
.compact-register{
  min-height:29px;
  padding:5px 8px;
}

.status{
  font-size:.53rem;
}

.status b{
  font-size:.55rem;
}

@media(max-width:1180px){
  .brand-text{
    display:none;
  }

  .brand-logo{
    width:40px;
    height:40px;
    flex-basis:40px;
  }

  .compact-nav{
    gap:5px;
  }

  .compact-nav>a,
  .compact-menu-summary{
    padding:6px 7px;
    font-size:.52rem;
  }
}

@media(max-width:900px){
  .compact-nav{
    display:none;
  }
}


/* =====================================================
   ACCOUNTMENU ONDER ELKAAR
===================================================== */
.account-menu-stack{
  display:flex;
  flex-direction:column;
  gap:5px;
  width:min(360px,100%);
  margin:10px 0 14px;
}

.account-menu-stack a{
  display:grid;
  grid-template-columns:26px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:8px;
  align-items:center;
  padding:7px 9px;
  border:1px solid rgba(244,181,27,.14);
  border-radius:8px;
  background:#090909;
  color:#aaa;
  text-decoration:none;
}

.account-menu-stack a:hover{
  border-color:rgba(244,181,27,.38);
  background:rgba(244,181,27,.045);
}

.account-menu-stack a>span{
  grid-row:1/3;
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  border-radius:7px;
  background:rgba(244,181,27,.07);
  font-size:.78rem;
}

.account-menu-stack b{
  color:#ddd;
  font-size:.62rem;
  line-height:1.15;
}

.account-menu-stack small{
  margin-top:1px;
  color:#686868;
  font-size:.49rem;
  line-height:1.15;
}

/* ACCOUNT dropdown in top menu: narrower + stacked tightly */
.compact-dropdown{
  width:162px;
  padding:4px;
}

.compact-dropdown a{
  min-height:30px;
  padding:6px 7px;
  font-size:.55rem;
  line-height:1.1;
}

.compact-account-menu .compact-menu-summary{
  padding-left:7px;
  padding-right:7px;
}

/* =====================================================
   EXTRA COMPACTE LEDENLIJST
===================================================== */
.compact-members-head .box-body{
  padding:9px 12px;
}

.member-summary{
  gap:4px;
  margin-top:7px;
}

.member-summary span{
  padding:4px 7px;
  font-size:.52rem;
}

.members-help-line{
  padding:5px 10px;
  font-size:.46rem;
}

.compact-member-row,
.compact-friend-row{
  min-height:50px;
  gap:7px;
  padding:5px 9px;
}

.compact-member-main{
  gap:7px;
}

.compact-avatar{
  width:34px;
  height:34px;
  flex:0 0 34px;
}

.compact-avatar-fallback{
  font-size:.72rem;
}

.compact-member-main strong{
  font-size:.62rem;
}

.compact-member-main small{
  margin-top:1px;
  font-size:.49rem;
}

.you-badge{
  padding:1px 4px;
  font-size:.38rem;
}

.member-action-btn{
  min-height:27px;
  padding:4px 7px;
  border-radius:6px;
  font-size:.47rem;
}

.friend-actions{
  gap:3px;
}

.compact-friend-list .compact-friend-row{
  min-height:48px;
}

.friends-mini-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:5px;
}

.friend-mini-card{
  grid-template-columns:30px minmax(0,1fr) auto;
  gap:5px;
  padding:5px;
  border-radius:7px;
}

.friend-mini-card .compact-avatar{
  width:30px;
  height:30px;
  flex-basis:30px;
}

.friend-mini-name strong{
  font-size:.56rem;
}

.friend-mini-name small{
  font-size:.45rem;
}

.friend-chat-link,
.friend-remove{
  width:23px;
  height:23px;
  font-size:.58rem;
}

.compact-members-list{
  max-height:560px;
  overflow-y:auto;
}

/* old larger members cards are not used on members.php;
   make sure they do not add visual bulk if reused */
.members-grid{
  gap:7px;
}

@media(max-width:1100px){
  .friends-mini-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:700px){
  .friends-mini-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .compact-member-row,
  .compact-friend-row{
    min-height:0;
    padding:6px 8px;
  }

  .compact-member-action{
    width:auto;
  }

  .compact-member-action form,
  .compact-member-action .btn,
  .friend-actions,
  .friend-actions form{
    width:auto;
  }

  .friend-actions .btn,
  .member-action-btn{
    width:auto;
  }
}

@media(max-width:480px){
  .friends-mini-grid{
    grid-template-columns:1fr;
  }

  .compact-member-row{
    align-items:center;
    flex-direction:row;
  }

  .compact-member-copy small{
    max-width:150px;
  }

  .member-action-btn{
    min-width:52px;
  }
}


/* =====================================================
   PERSISTENTE RADIOPLAYER
   De header/player blijven staan; alleen #rskPageContent wisselt.
===================================================== */
#rskPageContent{
  min-height:220px;
  transition:opacity .14s ease;
}

.rsk-page-loading #rskPageContent{
  opacity:.48;
  pointer-events:none;
}

.rsk-page-loading .global-player-wrap{
  opacity:1!important;
  pointer-events:auto!important;
}

.rsk-persistent-player-active .global-player-wrap{
  position:relative;
  z-index:30;
}


/* =====================================================
   LEDEN ONLINE STATUS
===================================================== */
.member-presence{
  display:inline-flex;
  align-items:center;
  gap:3px;
  margin-left:5px;
  white-space:nowrap;
  font-size:.46rem;
  font-weight:800;
}

.member-presence i{
  width:6px;
  height:6px;
  flex:0 0 6px;
  border-radius:50%;
  background:#555;
}

.member-presence.online{
  color:#79d98a;
}

.member-presence.online i{
  background:#3bd45a;
  box-shadow:0 0 0 2px rgba(59,212,90,.10);
}

.member-presence.offline{
  color:#666;
}

.member-presence.offline i{
  background:#4a4a4a;
}

@media(max-width:480px){
  .member-presence{
    display:flex;
    margin:2px 0 0;
  }
}


/* =====================================================
   LEDENLIJST IETS GROTER + CHAT GROTER
===================================================== */

/* Ledenlijst: iets ruimer dan de extra-compacte versie */
.compact-member-row,
.compact-friend-row{
  min-height:60px;
  padding:7px 11px;
  gap:9px;
}

.compact-member-main{
  gap:9px;
}

.compact-avatar{
  width:42px;
  height:42px;
  flex:0 0 42px;
}

.compact-avatar-fallback{
  font-size:.88rem;
}

.compact-member-main strong{
  font-size:.69rem;
}

.compact-member-main small{
  margin-top:2px;
  font-size:.54rem;
}

.member-presence{
  font-size:.5rem;
}

.member-presence i{
  width:7px;
  height:7px;
  flex-basis:7px;
}

.member-action-btn{
  min-height:31px;
  padding:5px 9px;
  font-size:.52rem;
}

.members-help-line{
  padding:7px 11px;
  font-size:.5rem;
}

.member-summary span{
  padding:5px 8px;
  font-size:.56rem;
}

/* Vriendenkaartjes iets groter */
.friends-mini-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}

.friend-mini-card{
  grid-template-columns:38px minmax(0,1fr) auto;
  gap:7px;
  padding:7px;
}

.friend-mini-card .compact-avatar{
  width:38px;
  height:38px;
  flex-basis:38px;
}

.friend-mini-name strong{
  font-size:.62rem;
}

.friend-mini-name small{
  font-size:.49rem;
}

.friend-chat-link,
.friend-remove{
  width:26px;
  height:26px;
  font-size:.67rem;
}

/* Chat: groter venster */
.private-chat-shell{
  min-height:700px;
  grid-template-columns:250px minmax(0,1fr);
}

.private-chat-list-title{
  padding:15px;
  font-size:.92rem;
}

.private-chat-person{
  grid-template-columns:48px minmax(0,1fr) auto;
  gap:10px;
  padding:12px;
}

.chat-person-avatar{
  width:48px;
  height:48px;
}

.chat-person-copy strong{
  font-size:.72rem;
}

.chat-person-copy small{
  font-size:.58rem;
}

.chat-header{
  padding:13px 15px;
}

.chat-messages{
  height:540px;
  padding:18px;
}

.chat-bubble{
  max-width:min(78%,680px);
  padding:11px 13px;
  border-radius:14px;
}

.chat-bubble-text{
  font-size:.85rem;
  line-height:1.52;
}

.chat-bubble-meta{
  margin-top:6px;
  font-size:.54rem;
}

.chat-compose{
  gap:10px;
  padding:12px;
}

.chat-compose textarea{
  min-height:64px;
  max-height:170px;
  padding:11px 12px;
  font-size:17px;
  line-height:1.45;
}

.chat-compose .btn{
  min-width:115px;
  min-height:46px;
  font-size:.62rem;
}

.chat-empty{
  min-height:170px;
}

.chat-empty strong{
  font-size:.9rem;
}

.chat-empty span{
  font-size:.72rem;
}

@media(max-width:820px){
  .private-chat-shell{
    min-height:0;
  }

  .private-chat-person{
    min-width:185px;
  }

  .chat-messages{
    height:500px;
  }
}

@media(max-width:560px){
  .compact-member-row{
    min-height:58px;
  }

  .compact-avatar{
    width:40px;
    height:40px;
    flex-basis:40px;
  }

  .compact-member-main strong{
    font-size:.67rem;
  }

  .compact-member-main small{
    font-size:.52rem;
  }

  .chat-messages{
    height:460px;
    padding:12px;
  }

  .chat-bubble{
    max-width:92%;
    padding:10px 12px;
  }

  .chat-bubble-text{
    font-size:.82rem;
  }

  .chat-compose textarea{
    min-height:70px;
    font-size:17px;
  }
}


/* =====================================================
   LAATST ONLINE
===================================================== */
.member-presence.offline{
  color:#777;
}

.member-presence.offline span{
  white-space:nowrap;
}

@media(max-width:560px){
  .member-presence{
    margin-top:3px;
    line-height:1.2;
  }

  .member-presence.offline span{
    white-space:normal;
  }
}


/* =====================================================
   CHAT EMOJI + GELEZEN STATUS
===================================================== */
.chat-compose{
  position:relative;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
}

.chat-compose-input-wrap{
  position:relative;
  min-width:0;
}

.chat-compose-input-wrap textarea{
  padding-right:48px;
}

.emoji-toggle{
  position:absolute;
  right:9px;
  bottom:9px;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(244,181,27,.22);
  border-radius:9px;
  background:#111;
  color:#fff;
  cursor:pointer;
  font-size:1.15rem;
}

.emoji-toggle:hover,
.emoji-toggle[aria-expanded="true"]{
  border-color:rgba(244,181,27,.60);
  background:rgba(244,181,27,.08);
}

.emoji-picker{
  position:absolute;
  right:0;
  bottom:calc(100% + 8px);
  z-index:120;
  width:min(330px,82vw);
  max-height:230px;
  overflow-y:auto;
  padding:8px;
  border:1px solid rgba(244,181,27,.28);
  border-radius:12px;
  background:#0b0b0a;
  box-shadow:0 14px 30px rgba(0,0,0,.45);
}

.emoji-picker[hidden]{
  display:none;
}

.emoji-choice{
  width:38px;
  height:38px;
  margin:2px;
  border:1px solid transparent;
  border-radius:8px;
  background:transparent;
  cursor:pointer;
  font-size:1.25rem;
}

.emoji-choice:hover{
  border-color:rgba(244,181,27,.24);
  background:rgba(244,181,27,.07);
}

.chat-compose-hint{
  padding:0 12px 8px;
  color:#666;
  font-size:.52rem;
}

.chat-bubble-meta.is-sent{
  color:#858585;
}

.chat-bubble-meta.is-read{
  color:#d9b45a;
  font-weight:700;
}

.chat-send-button{
  align-self:stretch;
}

@media(max-width:560px){
  .emoji-picker{
    right:auto;
    left:0;
    width:min(320px,88vw);
  }

  .emoji-choice{
    width:40px;
    height:40px;
    font-size:1.28rem;
  }

  .chat-compose-hint{
    padding-left:10px;
    padding-right:10px;
  }
}


/* =====================================================
   ONDERHOUDSMODUS
===================================================== */
.maintenance-page{
  min-height:100vh;
  margin:0;
  background:
    radial-gradient(circle at 50% 0,rgba(244,181,27,.12),transparent 34%),
    #050505;
}

.maintenance-topbar{
  border-bottom:1px solid rgba(244,181,27,.18);
  background:rgba(7,7,7,.96);
}

.maintenance-topbar-inner{
  width:min(1260px,94%);
  min-height:64px;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

.maintenance-brand{
  display:flex;
  align-items:center;
  gap:10px;
  color:#eee;
  text-decoration:none;
  font-family:Oswald,Impact,sans-serif;
  font-size:1.05rem;
  letter-spacing:.4px;
}

.maintenance-brand b{
  color:var(--gold);
}

.maintenance-brand img{
  width:46px;
  height:46px;
  object-fit:contain;
}

.maintenance-top-actions{
  display:flex;
  align-items:center;
  gap:8px;
}

.maintenance-status-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 9px;
  border:1px solid rgba(244,181,27,.26);
  border-radius:999px;
  background:rgba(244,181,27,.06);
  color:var(--gold);
  font-size:.55rem;
  font-weight:900;
}

.maintenance-status-pill i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--gold);
  animation:maintenancePulse 1.6s infinite;
}

@keyframes maintenancePulse{
  0%,100%{opacity:1}
  50%{opacity:.35}
}

.maintenance-shell{
  width:min(1260px,94%);
  margin:26px auto 40px;
}

.maintenance-hero{
  display:flex;
  align-items:center;
  gap:18px;
  padding:22px;
  border:1px solid rgba(244,181,27,.22);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(28,24,13,.96),rgba(8,8,8,.98));
}

.maintenance-icon{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:76px;
  height:76px;
  border:1px solid rgba(244,181,27,.28);
  border-radius:18px;
  background:rgba(244,181,27,.055);
  font-size:2rem;
}

.maintenance-hero h1{
  margin:4px 0 7px;
  color:#fff;
  font-family:Oswald,Impact,sans-serif;
  font-size:clamp(1.55rem,4vw,2.6rem);
  text-transform:uppercase;
}

.maintenance-hero p{
  max-width:840px;
  margin:0;
  color:#aaa;
  line-height:1.55;
}

.maintenance-player-card,
.maintenance-info-card,
.maintenance-xat-card{
  margin-top:14px;
  padding:15px;
  border:1px solid rgba(244,181,27,.18);
  border-radius:14px;
  background:#090909;
}

.maintenance-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}

.maintenance-section-head h2,
.maintenance-info-card h2{
  margin:3px 0 0;
  color:#eee;
  font-family:Oswald,Impact,sans-serif;
  font-size:1.15rem;
  text-transform:uppercase;
}

.maintenance-grid{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:14px;
}

.maintenance-info-card{
  margin-top:14px;
}

.maintenance-info-card>p{
  color:#999;
  font-size:.7rem;
  line-height:1.55;
}

.maintenance-info-list{
  display:grid;
  gap:7px;
  margin-top:13px;
}

.maintenance-info-list>div{
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  grid-template-rows:auto auto;
  gap:1px 8px;
  padding:8px;
  border:1px solid rgba(244,181,27,.10);
  border-radius:8px;
  background:#060606;
}

.maintenance-info-list>div>span{
  grid-row:1/3;
  display:grid;
  place-items:center;
  font-size:1rem;
}

.maintenance-info-list b{
  color:#ddd;
  font-size:.63rem;
}

.maintenance-info-list small{
  color:#727272;
  font-size:.53rem;
}

.maintenance-socials{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  margin-top:12px;
}

.maintenance-socials a{
  padding:6px 9px;
  border:1px solid rgba(244,181,27,.20);
  border-radius:7px;
  color:var(--gold);
  text-decoration:none;
  font-size:.57rem;
  font-weight:800;
}

.maintenance-xat-frame{
  height:520px;
  overflow:hidden;
  border:1px solid rgba(244,181,27,.12);
  border-radius:10px;
  background:#050505;
}

.maintenance-xat-frame iframe{
  width:100%;
  height:100%;
  border:0;
}

.maintenance-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:14px;
  padding:12px 14px;
  border:1px solid rgba(244,181,27,.12);
  border-radius:10px;
  background:#080808;
}

.maintenance-bottom p{
  margin:0;
  color:#777;
  font-size:.62rem;
}

.maintenance-panel-grid{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);
  gap:12px;
}

.maintenance-control-card{
  padding:14px;
  border:1px solid rgba(244,181,27,.16);
  border-radius:12px;
  background:#090909;
}

.maintenance-control-card.is-on{
  border-color:rgba(218,83,83,.45);
}

.maintenance-control-card.is-off{
  border-color:rgba(70,190,98,.30);
}

.maintenance-control-status{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:13px;
  padding-bottom:11px;
  border-bottom:1px solid rgba(244,181,27,.10);
}

.maintenance-control-status>span{
  font-size:1.55rem;
}

.maintenance-control-status small,
.maintenance-control-status strong{
  display:block;
}

.maintenance-control-status small{
  color:#777;
  font-size:.48rem;
}

.maintenance-control-status strong{
  margin-top:2px;
  color:#eee;
  font-size:.72rem;
}

.maintenance-dashboard-card.is-on{
  border-color:rgba(218,83,83,.45);
  background:rgba(130,35,35,.09);
}

.maintenance-dashboard-card.is-off{
  border-color:rgba(70,190,98,.24);
}

@media(max-width:900px){
  .maintenance-grid,
  .maintenance-panel-grid{
    grid-template-columns:1fr;
  }

  .maintenance-xat-frame{
    height:480px;
  }
}

@media(max-width:600px){
  .maintenance-topbar-inner,
  .maintenance-bottom{
    align-items:flex-start;
    flex-direction:column;
  }

  .maintenance-brand span{
    font-size:.9rem;
  }

  .maintenance-hero{
    align-items:flex-start;
    padding:16px;
  }

  .maintenance-icon{
    width:54px;
    height:54px;
    border-radius:12px;
    font-size:1.45rem;
  }

  .maintenance-xat-frame{
    height:430px;
  }
}

@media(prefers-reduced-motion:reduce){
  .maintenance-status-pill i{
    animation:none;
  }
}


/* =====================================================
   CENTRALE WEBSITE ALERT
===================================================== */
.site-alert-overlay{
  position:fixed;
  inset:0;
  z-index:5000;
  display:grid;
  place-items:center;
  padding:18px;
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(3px);
}

.site-alert-overlay[hidden]{
  display:none;
}

.site-alert-modal{
  position:relative;
  width:min(560px,94vw);
  max-height:82vh;
  overflow:auto;
  padding:24px 22px 18px;
  border:1px solid rgba(244,181,27,.48);
  border-radius:16px;
  background:
    radial-gradient(circle at 50% 0,rgba(244,181,27,.10),transparent 40%),
    #0a0a09;
  box-shadow:0 28px 70px rgba(0,0,0,.65);
  text-align:center;
}

.site-alert-close{
  position:absolute;
  top:9px;
  right:9px;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(244,181,27,.18);
  border-radius:50%;
  background:#111;
  color:#aaa;
  cursor:pointer;
  font-size:1.1rem;
}

.site-alert-close:hover{
  color:#fff;
  border-color:rgba(244,181,27,.52);
}

.site-alert-icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  margin:0 auto 10px;
  border:1px solid rgba(244,181,27,.28);
  border-radius:15px;
  background:rgba(244,181,27,.06);
  font-size:1.65rem;
}

.site-alert-eyebrow{
  color:var(--gold);
  font-size:.54rem;
  font-weight:900;
  letter-spacing:1px;
}

.site-alert-copy h2{
  margin:5px 0 9px;
  color:#fff;
  font-family:Oswald,Impact,sans-serif;
  font-size:1.55rem;
  text-transform:uppercase;
}

.site-alert-copy p{
  margin:0;
  color:#d0d0d0;
  font-size:.83rem;
  line-height:1.58;
  white-space:pre-wrap;
  word-break:break-word;
}

.site-alert-copy small{
  display:block;
  margin-top:10px;
  color:#6f6f6f;
  font-size:.52rem;
}

.site-alert-ok{
  margin-top:16px;
  min-width:130px;
}

body.site-alert-open{
  overflow:hidden;
}

/* Staffpaneel Alert */
.alert-panel-grid{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);
  gap:12px;
}

.alert-control-card{
  padding:14px;
  border:1px solid rgba(244,181,27,.16);
  border-radius:12px;
  background:#090909;
}

.alert-control-card.is-on{
  border-color:rgba(244,181,27,.48);
  background:
    linear-gradient(145deg,rgba(244,181,27,.045),rgba(9,9,9,.98));
}

.alert-control-head{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
  padding-bottom:11px;
  border-bottom:1px solid rgba(244,181,27,.11);
}

.alert-control-head>span{
  font-size:1.55rem;
}

.alert-control-head small,
.alert-control-head strong{
  display:block;
}

.alert-control-head small{
  color:#777;
  font-size:.48rem;
}

.alert-control-head strong{
  margin-top:2px;
  color:#eee;
  font-size:.72rem;
}

.current-alert-preview{
  margin-bottom:12px;
  padding:11px;
  border:1px solid rgba(244,181,27,.18);
  border-radius:9px;
  background:#060606;
}

.current-alert-preview small{
  color:var(--gold);
  font-size:.47rem;
  font-weight:900;
}

.current-alert-preview h3{
  margin:5px 0;
  color:#eee;
  font-size:.86rem;
}

.current-alert-preview p{
  margin:0;
  color:#aaa;
  font-size:.64rem;
  line-height:1.45;
}

.current-alert-preview span{
  display:block;
  margin-top:8px;
  color:#666;
  font-size:.48rem;
}

.alert-dashboard-card.is-on{
  border-color:rgba(244,181,27,.45);
  background:rgba(244,181,27,.055);
}

.alert-dashboard-card.is-off{
  border-color:rgba(100,100,100,.18);
}

@media(max-width:820px){
  .alert-panel-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:560px){
  .site-alert-modal{
    padding:20px 15px 15px;
  }

  .site-alert-copy h2{
    font-size:1.25rem;
  }

  .site-alert-copy p{
    font-size:.76rem;
  }
}

@media(prefers-reduced-motion:reduce){
  .site-alert-overlay{
    backdrop-filter:none;
  }
}


/* =====================================================
   LEDEN MODERATIE: KICK / BAN / UNBAN
===================================================== */
.member-moderation-intro{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:11px;
  padding:12px;
  border:1px solid rgba(244,181,27,.16);
  border-radius:10px;
  background:#090909;
}

.member-moderation-intro h3{
  margin:0 0 4px;
  color:var(--gold);
  font-family:Oswald,Impact,sans-serif;
  font-size:1rem;
  text-transform:uppercase;
}

.member-moderation-intro p{
  max-width:720px;
  margin:0;
  color:#8c8c8c;
  font-size:.62rem;
  line-height:1.45;
}

.member-moderation-rights{
  flex:0 0 auto;
  padding:6px 8px;
  border:1px solid rgba(244,181,27,.18);
  border-radius:7px;
  color:#aaa;
  font-size:.52rem;
  font-weight:800;
}

.member-moderation-list{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.member-moderation-row{
  display:grid;
  grid-template-columns:minmax(220px,1fr) 125px minmax(280px,1.1fr);
  gap:10px;
  align-items:center;
  padding:8px 10px;
  border:1px solid rgba(244,181,27,.11);
  border-radius:9px;
  background:#080808;
}

.member-moderation-row.is-banned{
  border-color:rgba(205,69,69,.38);
  background:rgba(105,25,25,.07);
}

.member-moderation-person{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
}

.member-moderation-avatar{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  border:1px solid rgba(244,181,27,.24);
  border-radius:50%;
  background:#111;
  color:var(--gold);
  font-family:Oswald,Impact,sans-serif;
  font-size:.85rem;
  font-weight:700;
}

.member-moderation-person strong,
.member-moderation-person small,
.member-ban-reason{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
}

.member-moderation-person strong{
  color:#ddd;
  font-size:.65rem;
  white-space:nowrap;
}

.member-moderation-person small{
  margin-top:2px;
  color:#737373;
  font-size:.5rem;
  white-space:nowrap;
}

.member-ban-reason{
  margin-top:3px;
  color:#d28b8b;
  font-size:.48rem;
  white-space:normal;
}

.member-moderation-last small,
.member-moderation-last b{
  display:block;
}

.member-moderation-last small{
  color:#666;
  font-size:.46rem;
  text-transform:uppercase;
}

.member-moderation-last b{
  margin-top:2px;
  color:#999;
  font-size:.53rem;
}

.member-moderation-actions{
  min-width:0;
}

.member-mod-form{
  display:flex;
  align-items:center;
  gap:5px;
  margin:0;
}

.member-mod-form input{
  min-width:0;
  flex:1 1 auto;
  height:31px;
  padding:5px 7px;
  border:1px solid rgba(244,181,27,.14);
  border-radius:6px;
  background:#050505;
  color:#ddd;
  font-size:.54rem;
}

.member-mod-buttons{
  display:flex;
  gap:4px;
  flex:0 0 auto;
}

.member-mod-log-box{
  margin-top:12px;
}

.member-mod-log{
  display:flex;
  flex-direction:column;
}

.member-mod-log>div{
  display:grid;
  grid-template-columns:55px minmax(110px,.8fr) minmax(110px,.8fr) minmax(160px,1.4fr) auto;
  gap:7px;
  align-items:center;
  padding:6px 0;
  border-bottom:1px solid rgba(244,181,27,.07);
  color:#777;
  font-size:.52rem;
}

.member-mod-log>div:last-child{
  border-bottom:0;
}

.member-mod-log b{
  color:#aaa;
}

.member-mod-log small{
  color:#777;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.member-mod-log time{
  color:#626262;
  white-space:nowrap;
}

.member-mod-action{
  display:inline-flex;
  justify-content:center;
  padding:3px 5px;
  border-radius:5px;
  font-weight:900;
  font-size:.45rem;
}

.member-mod-action.kick{
  background:rgba(244,181,27,.08);
  color:var(--gold);
}

.member-mod-action.ban{
  background:rgba(205,69,69,.12);
  color:#df8787;
}

.member-mod-action.unban{
  background:rgba(70,190,98,.11);
  color:#83d493;
}

@media(max-width:980px){
  .member-moderation-row{
    grid-template-columns:minmax(0,1fr) auto;
  }

  .member-moderation-last{
    display:none;
  }
}

@media(max-width:720px){
  .member-moderation-intro{
    flex-direction:column;
  }

  .member-moderation-row{
    grid-template-columns:1fr;
  }

  .member-mod-form{
    align-items:stretch;
    flex-direction:column;
  }

  .member-mod-buttons{
    width:100%;
  }

  .member-mod-buttons .btn,
  .member-mod-form>.btn{
    flex:1;
  }

  .member-mod-log>div{
    grid-template-columns:auto 1fr auto;
  }

  .member-mod-log>div>span:nth-of-type(2),
  .member-mod-log small{
    grid-column:2/4;
  }
}


/* =====================================================
   LEDEN MODERATIE UPGRADE / REPARATIE
===================================================== */
.moderation-upgrade-shell{
  max-width:920px;
}

.moderation-upgrade-steps{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin:12px 0;
}

.moderation-upgrade-steps>div{
  display:flex;
  align-items:flex-start;
  gap:8px;
  padding:8px 10px;
  border:1px solid rgba(244,181,27,.12);
  border-radius:8px;
  background:#080808;
}

.moderation-upgrade-steps>div.ok{
  border-color:rgba(70,190,98,.24);
}

.moderation-upgrade-steps>div.fail{
  border-color:rgba(205,69,69,.42);
  background:rgba(110,25,25,.07);
}

.moderation-upgrade-steps span{
  flex:0 0 auto;
}

.moderation-upgrade-steps strong,
.moderation-upgrade-steps small{
  display:block;
}

.moderation-upgrade-steps strong{
  color:#ddd;
  font-size:.66rem;
}

.moderation-upgrade-steps small{
  margin-top:2px;
  color:#777;
  font-size:.53rem;
  word-break:break-word;
}

.moderation-upgrade-error{
  margin:10px 0;
  padding:9px;
  border:1px solid rgba(205,69,69,.45);
  border-radius:8px;
  background:rgba(110,25,25,.08);
}

.moderation-upgrade-error strong,
.moderation-upgrade-error code{
  display:block;
}

.moderation-upgrade-error strong{
  margin-bottom:4px;
  color:#e99;
  font-size:.6rem;
}

.moderation-upgrade-error code{
  color:#ddd;
  white-space:normal;
  word-break:break-word;
  font-size:.55rem;
}

.moderation-upgrade-help{
  margin:12px 0;
  padding:10px;
  border:1px solid rgba(244,181,27,.14);
  border-radius:8px;
  background:#070707;
}

.moderation-upgrade-help strong{
  color:var(--gold);
  font-size:.62rem;
}

.moderation-upgrade-help p{
  margin:5px 0 0;
  color:#777;
  font-size:.56rem;
  line-height:1.45;
}


/* =====================================================
   LEDENPROFIEL BEKIJKEN
===================================================== */
.member-profile-shell{
  max-width:980px;
}

.member-profile-card{
  overflow:hidden;
  border:1px solid rgba(244,181,27,.20);
  border-radius:15px;
  background:#090909;
}

.member-profile-cover{
  min-height:105px;
  display:flex;
  align-items:flex-end;
  padding:14px 18px;
  background:
    radial-gradient(circle at 25% 10%,rgba(244,181,27,.18),transparent 35%),
    linear-gradient(145deg,#171205,#070707 65%);
}

.member-profile-cover span{
  color:rgba(244,181,27,.68);
  font-family:Oswald,Impact,sans-serif;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:1.3px;
}

.member-profile-main{
  display:grid;
  grid-template-columns:128px minmax(0,1fr);
  gap:18px;
  padding:0 18px 18px;
}

.member-profile-avatar-wrap{
  margin-top:-48px;
}

.member-profile-avatar{
  width:112px;
  height:112px;
  object-fit:cover;
  border:4px solid #090909;
  border-radius:50%;
  background:#111;
  box-shadow:0 0 0 1px rgba(244,181,27,.24);
}

.member-profile-avatar-fallback{
  display:grid;
  place-items:center;
  color:var(--gold);
  font-family:Oswald,Impact,sans-serif;
  font-size:2rem;
  font-weight:700;
}

.member-profile-copy{
  min-width:0;
  padding-top:13px;
}

.member-profile-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}

.member-profile-heading h1{
  margin:0;
  color:#fff;
  font-family:Oswald,Impact,sans-serif;
  font-size:1.55rem;
  text-transform:uppercase;
}

.member-profile-heading p{
  margin:2px 0 0;
  color:#777;
  font-size:.65rem;
}

.member-profile-presence{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-top:8px;
  color:#777;
  font-size:.58rem;
  font-weight:800;
}

.member-profile-presence i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#555;
}

.member-profile-presence.online{
  color:#7bd58b;
}

.member-profile-presence.online i{
  background:#3bd45a;
}

.member-profile-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin-top:14px;
}

.member-profile-stats>div{
  padding:8px 9px;
  border:1px solid rgba(244,181,27,.10);
  border-radius:8px;
  background:#060606;
}

.member-profile-stats small,
.member-profile-stats strong{
  display:block;
}

.member-profile-stats small{
  color:#666;
  font-size:.48rem;
  text-transform:uppercase;
}

.member-profile-stats strong{
  margin-top:2px;
  color:#ddd;
  font-size:.62rem;
}

.member-profile-actions{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  margin-top:14px;
}

.member-profile-inline-form{
  margin:0;
}

.member-profile-info{
  margin-top:12px;
}

.member-profile-info p{
  margin:0;
  color:#777;
  font-size:.62rem;
  line-height:1.5;
}

.member-profile-chat-callout{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:12px;
  padding:10px;
  border:1px solid rgba(244,181,27,.14);
  border-radius:9px;
  background:#070707;
}

.member-profile-chat-callout strong,
.member-profile-chat-callout span{
  display:block;
}

.member-profile-chat-callout strong{
  color:#ddd;
  font-size:.68rem;
}

.member-profile-chat-callout span{
  margin-top:2px;
  color:#707070;
  font-size:.53rem;
}

.member-profile-link-avatar{
  display:inline-flex;
  color:inherit;
  text-decoration:none;
}

.member-profile-name-link{
  color:inherit;
  text-decoration:none;
}

.member-profile-name-link:hover{
  color:var(--gold);
}

.member-row-actions{
  display:flex;
  gap:4px;
  flex-wrap:wrap;
}

@media(max-width:620px){
  .member-profile-main{
    grid-template-columns:1fr;
    gap:5px;
  }

  .member-profile-avatar-wrap{
    margin-top:-48px;
  }

  .member-profile-copy{
    padding-top:0;
  }

  .member-profile-stats{
    grid-template-columns:1fr;
  }

  .member-profile-chat-callout{
    align-items:stretch;
    flex-direction:column;
  }
}


/* =====================================================
   AUTOMATISCHE UPDATES
===================================================== */
.system-update-shell{
  max-width:1180px;
}

.system-update-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:12px;
  padding:17px;
  border:1px solid rgba(244,181,27,.18);
  border-radius:13px;
  background:
    radial-gradient(circle at 15% 0,rgba(244,181,27,.10),transparent 36%),
    #090909;
}

.system-update-hero h1{
  margin:4px 0 5px;
  color:#fff;
  font-family:Oswald,Impact,sans-serif;
  font-size:1.55rem;
  text-transform:uppercase;
}

.system-update-hero p{
  max-width:760px;
  margin:0;
  color:#888;
  font-size:.62rem;
  line-height:1.48;
}

.system-update-hero code,
.system-update-info code{
  color:var(--gold);
}

.system-update-counter{
  min-width:112px;
  padding:10px;
  border:1px solid rgba(244,181,27,.16);
  border-radius:10px;
  text-align:center;
}

.system-update-counter strong,
.system-update-counter span{
  display:block;
}

.system-update-counter strong{
  color:#fff;
  font-family:Oswald,Impact,sans-serif;
  font-size:1.7rem;
}

.system-update-counter span{
  color:#777;
  font-size:.48rem;
  text-transform:uppercase;
}

.system-update-counter.has-updates{
  border-color:rgba(244,181,27,.46);
  background:rgba(244,181,27,.055);
}

.system-update-counter.has-updates strong{
  color:var(--gold);
}

.system-update-counter.is-current{
  border-color:rgba(70,190,98,.25);
}

.system-update-grid{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(270px,.5fr);
  gap:12px;
}

.system-update-list{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.system-update-row{
  display:grid;
  grid-template-columns:32px minmax(0,1fr) auto;
  gap:9px;
  align-items:center;
  padding:8px 9px;
  border:1px solid rgba(244,181,27,.10);
  border-radius:8px;
  background:#070707;
}

.system-update-row.pending{
  border-color:rgba(244,181,27,.30);
  background:rgba(244,181,27,.035);
}

.system-update-row.done{
  opacity:.8;
}

.system-update-state{
  display:grid;
  place-items:center;
  font-size:.95rem;
}

.system-update-copy strong{
  display:block;
  color:#d6d6d6;
  font-size:.64rem;
}

.system-update-copy p{
  margin:2px 0;
  color:#777;
  font-size:.51rem;
  line-height:1.35;
}

.system-update-copy small{
  color:#555;
  font-size:.43rem;
}

.system-update-badge{
  min-width:90px;
  text-align:right;
}

.system-update-badge>span{
  display:inline-flex;
  padding:3px 6px;
  border-radius:999px;
  font-size:.44rem;
  font-weight:900;
}

.system-update-badge span.done{
  background:rgba(70,190,98,.10);
  color:#80d491;
}

.system-update-badge span.pending{
  background:rgba(244,181,27,.10);
  color:var(--gold);
}

.system-update-badge small{
  display:block;
  margin-top:3px;
  color:#555;
  font-size:.42rem;
}

.system-update-actions{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  margin-top:12px;
}

.system-update-run{
  min-height:38px;
}

.system-update-current{
  padding:7px 9px;
  border:1px solid rgba(70,190,98,.22);
  border-radius:7px;
  color:#83d493;
  background:rgba(70,190,98,.055);
  font-size:.58rem;
  font-weight:800;
}

.system-update-info-row{
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:7px;
  padding:8px 0;
  border-bottom:1px solid rgba(244,181,27,.07);
}

.system-update-info-row:last-child{
  border-bottom:0;
}

.system-update-info-row>span{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border:1px solid rgba(244,181,27,.18);
  border-radius:50%;
  color:var(--gold);
  font-size:.54rem;
  font-weight:900;
}

.system-update-info-row strong,
.system-update-info-row small{
  display:block;
}

.system-update-info-row strong{
  color:#aaa;
  font-size:.58rem;
}

.system-update-info-row small{
  margin-top:2px;
  color:#666;
  font-size:.49rem;
  line-height:1.35;
}

.system-update-results{
  display:flex;
  flex-direction:column;
  gap:5px;
  margin:9px 0 12px;
}

.system-update-results>div{
  display:flex;
  gap:8px;
  padding:7px 9px;
  border:1px solid rgba(244,181,27,.10);
  border-radius:7px;
  background:#070707;
}

.system-update-results>div.fail{
  border-color:rgba(205,69,69,.40);
}

.system-update-results strong,
.system-update-results small{
  display:block;
}

.system-update-results strong{
  color:#bbb;
  font-size:.59rem;
}

.system-update-results small{
  margin-top:2px;
  color:#777;
  font-size:.5rem;
  word-break:break-word;
}

.update-dashboard-card.has-updates{
  border-color:rgba(244,181,27,.42);
  background:rgba(244,181,27,.05);
}

.update-dashboard-card.is-current{
  border-color:rgba(70,190,98,.20);
}

@media(max-width:850px){
  .system-update-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:620px){
  .system-update-hero{
    align-items:stretch;
    flex-direction:column;
  }

  .system-update-counter{
    min-width:0;
  }

  .system-update-row{
    grid-template-columns:28px minmax(0,1fr);
  }

  .system-update-badge{
    grid-column:2;
    text-align:left;
  }
}


/* =====================================================
   GOOGLE LOGIN
===================================================== */
.google-login-button{
  width:100%;
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:9px 13px;
  border:1px solid #d9d9d9;
  border-radius:8px;
  background:#fff;
  color:#1f1f1f;
  text-decoration:none;
  font-size:.66rem;
  font-weight:700;
}

.google-login-button:hover{
  background:#f4f4f4;
  border-color:#fff;
}

.google-g{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#fff;
  color:#4285f4;
  font-family:Arial,sans-serif;
  font-size:1rem;
  font-weight:900;
}

.login-divider{
  display:flex;
  align-items:center;
  gap:8px;
  margin:13px 0;
  color:#666;
  font-size:.52rem;
  text-transform:uppercase;
}

.login-divider:before,
.login-divider:after{
  content:"";
  height:1px;
  flex:1;
  background:rgba(244,181,27,.11);
}

.google-setup-shell{
  max-width:880px;
}

.google-redirect-box{
  margin:12px 0;
  padding:10px;
  border:1px solid rgba(244,181,27,.18);
  border-radius:8px;
  background:#070707;
}

.google-redirect-box small,
.google-redirect-box code{
  display:block;
}

.google-redirect-box small{
  color:var(--gold);
  font-size:.48rem;
  font-weight:900;
}

.google-redirect-box code{
  margin-top:5px;
  color:#ddd;
  font-size:.58rem;
  word-break:break-all;
}

.google-oauth-info{
  margin-top:12px;
  padding:9px;
  border:1px solid rgba(244,181,27,.11);
  border-radius:8px;
  background:#080808;
}

.google-oauth-info strong,
.google-oauth-info span,
.google-oauth-info small{
  display:block;
}

.google-oauth-info strong{
  color:#ddd;
  font-size:.61rem;
}

.google-oauth-info span{
  margin-top:3px;
  color:var(--gold);
  font-size:.57rem;
  font-weight:800;
}

.google-oauth-info small{
  margin-top:3px;
  color:#6d6d6d;
  font-size:.5rem;
}


/* =====================================================
   FACEBOOK-ACHTIGE CHATBALK ONDERIN
===================================================== */
.rsk-chat-dock{
  position:fixed;
  right:18px;
  bottom:0;
  z-index:4200;
  display:flex;
  align-items:flex-end;
  gap:8px;
  pointer-events:none;
}

.rsk-chat-dock>*{
  pointer-events:auto;
}

.rsk-chat-toggle{
  position:relative;
  min-width:188px;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:6px;
  padding:8px 12px;
  border:1px solid rgba(244,181,27,.28);
  border-bottom:0;
  border-radius:10px 10px 0 0;
  background:#101010;
  color:#e2e2e2;
  box-shadow:0 -8px 24px rgba(0,0,0,.30);
  cursor:pointer;
  font-family:Inter,Arial,sans-serif;
}

.rsk-chat-toggle:hover,
.rsk-chat-toggle[aria-expanded="true"]{
  border-color:rgba(244,181,27,.58);
  background:#15130c;
}

.rsk-chat-toggle-icon{
  font-size:.88rem;
}

.rsk-chat-toggle strong{
  font-size:.63rem;
}

.rsk-chat-toggle small{
  color:#777;
  font-size:.5rem;
}

.rsk-chat-toggle.has-unread{
  border-color:rgba(244,181,27,.62);
}

.rsk-chat-unread-badge{
  position:absolute;
  top:-7px;
  right:8px;
  min-width:20px;
  height:20px;
  display:grid;
  place-items:center;
  padding:0 5px;
  border:2px solid #080808;
  border-radius:999px;
  background:#d44141;
  color:#fff;
  font-size:.46rem;
  font-weight:900;
}

.rsk-chat-friends-panel{
  position:absolute;
  right:0;
  bottom:42px;
  width:300px;
  max-height:min(560px,72vh);
  overflow:hidden;
  border:1px solid rgba(244,181,27,.25);
  border-radius:11px 11px 0 0;
  background:#0a0a0a;
  box-shadow:0 -14px 36px rgba(0,0,0,.48);
}

.rsk-chat-friends-panel[hidden]{
  display:none;
}

.rsk-chat-panel-head,
.rsk-chat-panel-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:9px 10px;
  background:#0f0f0f;
}

.rsk-chat-panel-head{
  border-bottom:1px solid rgba(244,181,27,.11);
}

.rsk-chat-panel-foot{
  border-top:1px solid rgba(244,181,27,.10);
}

.rsk-chat-panel-head strong,
.rsk-chat-panel-head small{
  display:block;
}

.rsk-chat-panel-head strong{
  color:#e2e2e2;
  font-size:.64rem;
}

.rsk-chat-panel-head small{
  margin-top:1px;
  color:#727272;
  font-size:.48rem;
}

.rsk-chat-panel-head>a,
.rsk-chat-panel-foot>a{
  color:var(--gold);
  text-decoration:none;
  font-size:.48rem;
  font-weight:800;
}

.rsk-chat-friends-list{
  max-height:430px;
  overflow-y:auto;
  padding:4px;
}

.rsk-chat-friend{
  width:100%;
  min-height:52px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  padding:6px 7px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:inherit;
  text-align:left;
  cursor:pointer;
}

.rsk-chat-friend:hover{
  background:rgba(244,181,27,.055);
}

.rsk-chat-friend-avatar-wrap,
.rsk-mini-chat-avatar-wrap{
  position:relative;
  display:inline-flex;
}

.rsk-chat-friend-avatar{
  width:38px;
  height:38px;
  object-fit:cover;
  border-radius:50%;
  background:#141414;
}

.rsk-chat-friend-avatar.fallback{
  display:grid;
  place-items:center;
  border:1px solid rgba(244,181,27,.20);
  color:var(--gold);
  font-family:Oswald,Impact,sans-serif;
  font-size:.75rem;
}

.rsk-chat-presence-dot{
  position:absolute;
  right:-1px;
  bottom:1px;
  width:10px;
  height:10px;
  border:2px solid #0a0a0a;
  border-radius:50%;
  background:#555;
}

.rsk-chat-presence-dot.online{
  background:#36cf55;
}

.rsk-chat-presence-dot.offline{
  background:#555;
}

.rsk-chat-friend-copy{
  min-width:0;
}

.rsk-chat-friend-copy strong,
.rsk-chat-friend-copy small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.rsk-chat-friend-copy strong{
  color:#d9d9d9;
  font-size:.61rem;
}

.rsk-chat-friend-copy small{
  margin-top:2px;
  color:#696969;
  font-size:.46rem;
}

.rsk-chat-friend-unread{
  min-width:21px;
  height:21px;
  display:grid;
  place-items:center;
  padding:0 5px;
  border-radius:999px;
  background:#d44141;
  color:#fff;
  font-size:.43rem;
}

.rsk-chat-empty-list{
  min-height:100px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:3px;
  padding:15px;
  text-align:center;
}

.rsk-chat-empty-list strong,
.rsk-chat-empty-list span{
  display:block;
}

.rsk-chat-empty-list strong{
  color:#aaa;
  font-size:.62rem;
}

.rsk-chat-empty-list span{
  color:#666;
  font-size:.49rem;
  line-height:1.4;
}

/* Mini chatvenster */
.rsk-mini-chat-host{
  display:flex;
  align-items:flex-end;
  gap:8px;
}

.rsk-mini-chat-window{
  width:340px;
  height:470px;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto auto;
  overflow:hidden;
  border:1px solid rgba(244,181,27,.30);
  border-bottom:0;
  border-radius:11px 11px 0 0;
  background:#090909;
  box-shadow:0 -14px 38px rgba(0,0,0,.52);
}

.rsk-mini-chat-header{
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:7px 8px;
  border-bottom:1px solid rgba(244,181,27,.12);
  background:#11100d;
}

.rsk-mini-chat-person{
  min-width:0;
  display:flex;
  align-items:center;
  gap:7px;
  color:inherit;
  text-decoration:none;
}

.rsk-mini-chat-avatar{
  width:34px;
  height:34px;
  object-fit:cover;
  border-radius:50%;
  background:#151515;
}

.rsk-mini-chat-avatar.fallback{
  display:grid;
  place-items:center;
  border:1px solid rgba(244,181,27,.18);
  color:var(--gold);
  font-family:Oswald,Impact,sans-serif;
  font-size:.72rem;
}

.rsk-mini-chat-person-copy{
  min-width:0;
}

.rsk-mini-chat-person-copy strong,
.rsk-mini-chat-person-copy small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.rsk-mini-chat-person-copy strong{
  max-width:185px;
  color:#e1e1e1;
  font-size:.61rem;
}

.rsk-mini-chat-person-copy small{
  max-width:185px;
  margin-top:1px;
  color:#727272;
  font-size:.44rem;
}

.rsk-mini-chat-head-actions{
  display:flex;
  gap:3px;
}

.rsk-mini-chat-head-btn{
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  border:1px solid rgba(244,181,27,.10);
  border-radius:6px;
  background:#090909;
  color:#a8a8a8;
  text-decoration:none;
  cursor:pointer;
  font-size:.76rem;
}

.rsk-mini-chat-head-btn:hover{
  border-color:rgba(244,181,27,.38);
  color:#fff;
}

.rsk-mini-chat-messages{
  min-height:0;
  overflow-y:auto;
  padding:10px;
  background:
    radial-gradient(circle at 50% 0,rgba(244,181,27,.025),transparent 35%),
    #070707;
}

.rsk-mini-chat-loading,
.rsk-mini-chat-empty{
  height:100%;
  display:grid;
  place-items:center;
  align-content:center;
  gap:3px;
  color:#666;
  text-align:center;
  font-size:.52rem;
}

.rsk-mini-chat-empty strong{
  color:#999;
  font-size:.62rem;
}

.rsk-mini-message-row{
  display:flex;
  margin:5px 0;
}

.rsk-mini-message-row.mine{
  justify-content:flex-end;
}

.rsk-mini-message-row.theirs{
  justify-content:flex-start;
}

.rsk-mini-message-bubble{
  max-width:82%;
  padding:7px 9px;
  border:1px solid rgba(244,181,27,.10);
  border-radius:11px;
  background:#121212;
}

.rsk-mini-message-row.mine .rsk-mini-message-bubble{
  border-color:rgba(244,181,27,.24);
  background:rgba(244,181,27,.075);
}

.rsk-mini-message-text{
  color:#ddd;
  font-size:.69rem;
  line-height:1.42;
  white-space:pre-wrap;
  word-break:break-word;
}

.rsk-mini-message-meta{
  display:block;
  margin-top:4px;
  color:#686868;
  font-size:.41rem;
}

.rsk-mini-message-meta.is-read{
  color:#cba34b;
}

.rsk-mini-chat-compose{
  display:grid;
  grid-template-columns:minmax(0,1fr) 40px;
  gap:5px;
  align-items:end;
  padding:7px;
  border-top:1px solid rgba(244,181,27,.10);
  background:#0d0d0d;
}

.rsk-mini-chat-input-wrap{
  position:relative;
  min-width:0;
}

.rsk-mini-chat-compose textarea{
  width:100%;
  min-height:42px;
  max-height:105px;
  resize:none;
  padding:9px 39px 9px 9px;
  border:1px solid rgba(244,181,27,.14);
  border-radius:8px;
  outline:none;
  background:#060606;
  color:#e0e0e0;
  font:16px/1.35 Inter,Arial,sans-serif;
}

.rsk-mini-chat-compose textarea:focus{
  border-color:rgba(244,181,27,.42);
}

.rsk-mini-emoji-toggle{
  position:absolute;
  right:5px;
  bottom:5px;
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:7px;
  background:transparent;
  cursor:pointer;
  font-size:1rem;
}

.rsk-mini-emoji-toggle:hover{
  background:rgba(244,181,27,.07);
}

.rsk-mini-emoji-picker{
  position:absolute;
  right:0;
  bottom:calc(100% + 6px);
  width:270px;
  max-height:180px;
  overflow-y:auto;
  padding:6px;
  border:1px solid rgba(244,181,27,.24);
  border-radius:9px;
  background:#0b0b0b;
  box-shadow:0 12px 30px rgba(0,0,0,.52);
}

.rsk-mini-emoji-picker[hidden]{
  display:none;
}

.rsk-mini-emoji-choice{
  width:34px;
  height:34px;
  margin:1px;
  border:1px solid transparent;
  border-radius:7px;
  background:transparent;
  cursor:pointer;
  font-size:1.08rem;
}

.rsk-mini-emoji-choice:hover{
  border-color:rgba(244,181,27,.16);
  background:rgba(244,181,27,.06);
}

.rsk-mini-chat-send{
  width:40px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(244,181,27,.34);
  border-radius:8px;
  background:var(--gold);
  color:#0a0a0a;
  cursor:pointer;
  font-size:.88rem;
  font-weight:900;
}

.rsk-mini-chat-result{
  min-height:0;
  padding:0 8px 5px;
  color:#d88181;
  font-size:.45rem;
}

@media(max-width:760px){
  .rsk-chat-dock{
    right:0;
    left:0;
    gap:0;
  }

  .rsk-chat-toggle{
    margin-left:auto;
    min-width:150px;
    border-radius:9px 0 0 0;
  }

  .rsk-chat-friends-panel{
    right:0;
    width:min(330px,94vw);
  }

  .rsk-mini-chat-host{
    position:fixed;
    right:0;
    left:0;
    bottom:0;
    justify-content:center;
    pointer-events:none;
  }

  .rsk-mini-chat-window{
    width:min(100%,430px);
    height:min(62vh,520px);
    pointer-events:auto;
    border-right:0;
    border-left:0;
  }

  .rsk-mini-chat-window + .rsk-chat-toggle{
    display:none;
  }
}

@media(max-width:420px){
  .rsk-chat-toggle{
    min-width:140px;
  }

  .rsk-mini-chat-window{
    width:100%;
    height:66vh;
    border-radius:10px 10px 0 0;
  }

  .rsk-mini-chat-person-copy strong,
  .rsk-mini-chat-person-copy small{
    max-width:155px;
  }

  .rsk-mini-emoji-picker{
    right:auto;
    left:0;
    width:min(270px,82vw);
  }
}


/* =====================================================
   CHATBALK IETS GROTER
===================================================== */
.rsk-chat-toggle{
  min-width:210px;
  min-height:48px;
  padding:10px 14px;
}

.rsk-chat-toggle-icon{
  font-size:1rem;
}

.rsk-chat-toggle strong{
  font-size:.69rem;
}

.rsk-chat-toggle small{
  font-size:.54rem;
}

.rsk-chat-friends-panel{
  bottom:48px;
  width:325px;
  max-height:min(600px,76vh);
}

.rsk-chat-panel-head,
.rsk-chat-panel-foot{
  padding:11px 12px;
}

.rsk-chat-panel-head strong{
  font-size:.69rem;
}

.rsk-chat-panel-head small,
.rsk-chat-panel-head>a,
.rsk-chat-panel-foot>a{
  font-size:.52rem;
}

.rsk-chat-friend{
  min-height:58px;
  grid-template-columns:42px minmax(0,1fr) auto;
  gap:9px;
  padding:7px 8px;
}

.rsk-chat-friend-avatar{
  width:42px;
  height:42px;
}

.rsk-chat-friend-copy strong{
  font-size:.66rem;
}

.rsk-chat-friend-copy small{
  font-size:.50rem;
}

.rsk-mini-chat-window{
  width:375px;
  height:520px;
}

.rsk-mini-chat-header{
  min-height:58px;
  padding:8px 10px;
}

.rsk-mini-chat-avatar{
  width:38px;
  height:38px;
}

.rsk-mini-chat-person-copy strong{
  max-width:215px;
  font-size:.66rem;
}

.rsk-mini-chat-person-copy small{
  max-width:215px;
  font-size:.48rem;
}

.rsk-mini-chat-messages{
  padding:12px;
}

.rsk-mini-message-bubble{
  max-width:84%;
  padding:8px 10px;
}

.rsk-mini-message-text{
  font-size:.74rem;
  line-height:1.46;
}

.rsk-mini-message-meta{
  font-size:.45rem;
}

.rsk-mini-chat-compose{
  grid-template-columns:minmax(0,1fr) 44px;
  gap:6px;
  padding:8px;
}

.rsk-mini-chat-compose textarea{
  min-height:46px;
  max-height:120px;
  padding:10px 42px 10px 10px;
}

.rsk-mini-emoji-toggle{
  width:34px;
  height:34px;
  font-size:1.08rem;
}

.rsk-mini-chat-send{
  width:44px;
  height:46px;
  font-size:.95rem;
}

.rsk-mini-emoji-picker{
  width:292px;
  max-height:200px;
}

.rsk-mini-emoji-choice{
  width:36px;
  height:36px;
  font-size:1.12rem;
}

@media(max-width:760px){
  .rsk-chat-toggle{
    min-width:165px;
    min-height:46px;
  }

  .rsk-chat-friends-panel{
    bottom:46px;
    width:min(350px,96vw);
  }

  .rsk-mini-chat-window{
    width:min(100%,455px);
    height:min(66vh,560px);
  }
}

@media(max-width:420px){
  .rsk-chat-toggle{
    min-width:152px;
  }

  .rsk-mini-chat-window{
    width:100%;
    height:68vh;
  }
}


/* =====================================================
   AUTOMATISCHE UPDATES GROTER EN DUIDELIJKER
===================================================== */
.system-update-shell{
  max-width:1240px;
}

.system-update-hero{
  gap:22px;
  margin-bottom:16px;
  padding:22px;
  border-radius:16px;
}

.system-update-hero h1{
  margin:5px 0 7px;
  font-size:1.95rem;
}

.system-update-hero p{
  max-width:820px;
  font-size:.72rem;
  line-height:1.55;
}

.system-update-counter{
  min-width:135px;
  padding:14px 12px;
  border-radius:12px;
}

.system-update-counter strong{
  font-size:2.15rem;
}

.system-update-counter span{
  margin-top:2px;
  font-size:.54rem;
}

.system-update-grid{
  grid-template-columns:minmax(0,1.55fr) minmax(300px,.45fr);
  gap:16px;
}

.system-update-list{
  gap:8px;
}

.system-update-row{
  grid-template-columns:40px minmax(0,1fr) 112px;
  gap:12px;
  min-height:78px;
  padding:12px 13px;
  border-radius:10px;
}

.system-update-state{
  font-size:1.2rem;
}

.system-update-copy strong{
  font-size:.73rem;
}

.system-update-copy p{
  margin:4px 0;
  font-size:.58rem;
  line-height:1.42;
}

.system-update-copy small{
  font-size:.48rem;
}

.system-update-badge{
  min-width:102px;
}

.system-update-badge>span{
  padding:5px 8px;
  font-size:.49rem;
}

.system-update-badge small{
  margin-top:5px;
  font-size:.46rem;
}

.system-update-actions{
  gap:8px;
  margin-top:16px;
}

.system-update-actions .btn,
.system-update-run{
  min-height:42px;
  padding:9px 13px;
  font-size:.58rem;
}

.system-update-current{
  padding:9px 12px;
  font-size:.64rem;
}

.system-update-info-row{
  grid-template-columns:34px minmax(0,1fr);
  gap:9px;
  padding:11px 0;
}

.system-update-info-row>span{
  width:32px;
  height:32px;
  font-size:.61rem;
}

.system-update-info-row strong{
  font-size:.65rem;
}

.system-update-info-row small{
  margin-top:3px;
  font-size:.54rem;
  line-height:1.42;
}

.system-update-results{
  gap:7px;
  margin:11px 0 15px;
}

.system-update-results>div{
  gap:10px;
  padding:10px 12px;
  border-radius:9px;
}

.system-update-results strong{
  font-size:.66rem;
}

.system-update-results small{
  margin-top:3px;
  font-size:.55rem;
}

.system-update-shell .box-title{
  font-size:.73rem;
  padding:11px 13px;
}

.system-update-shell .box-body{
  padding:13px;
}

@media(max-width:850px){
  .system-update-hero{
    padding:18px;
  }

  .system-update-row{
    grid-template-columns:36px minmax(0,1fr);
  }

  .system-update-badge{
    grid-column:2;
    min-width:0;
    text-align:left;
  }
}

@media(max-width:620px){
  .system-update-hero h1{
    font-size:1.6rem;
  }

  .system-update-hero p{
    font-size:.66rem;
  }

  .system-update-counter{
    min-width:0;
  }

  .system-update-row{
    min-height:0;
    padding:11px;
  }

  .system-update-copy strong{
    font-size:.69rem;
  }

  .system-update-copy p{
    font-size:.56rem;
  }
}


/* =====================================================
   NIEUWS & WEER
===================================================== */
.news-page-shell{
  width:min(1240px,94%);
  margin:22px auto 38px;
}

.news-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:20px;
  border:1px solid rgba(244,181,27,.18);
  border-radius:15px;
  background:
    radial-gradient(circle at 15% 0,rgba(244,181,27,.12),transparent 37%),
    #090909;
}

.news-hero h1{
  margin:5px 0 6px;
  color:#fff;
  font-family:Oswald,Impact,sans-serif;
  font-size:2rem;
  text-transform:uppercase;
}

.news-hero p{
  max-width:720px;
  margin:0;
  color:#898989;
  font-size:.7rem;
  line-height:1.5;
}

.news-live-pill{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 10px;
  border:1px solid rgba(244,181,27,.32);
  border-radius:999px;
  background:rgba(244,181,27,.055);
  color:var(--gold);
  font-size:.54rem;
  font-weight:900;
}

.news-live-pill i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#4ad164;
  box-shadow:0 0 0 3px rgba(74,209,100,.10);
}

.news-weather-card,
.news-section{
  margin-top:14px;
  padding:16px;
  border:1px solid rgba(244,181,27,.15);
  border-radius:13px;
  background:#090909;
}

.news-section-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}

.news-section-heading h2{
  margin:3px 0 0;
  color:#efefef;
  font-family:Oswald,Impact,sans-serif;
  font-size:1.25rem;
  text-transform:uppercase;
}

.news-section-heading small{
  display:block;
  margin-top:2px;
  color:#666;
  font-size:.5rem;
}

.weather-place-tabs,
.news-category-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}

.weather-place-tabs a,
.news-category-tabs a{
  padding:6px 8px;
  border:1px solid rgba(244,181,27,.12);
  border-radius:7px;
  background:#070707;
  color:#8a8a8a;
  text-decoration:none;
  font-size:.52rem;
  font-weight:800;
}

.weather-place-tabs a:hover,
.news-category-tabs a:hover{
  color:#ddd;
  border-color:rgba(244,181,27,.32);
}

.weather-place-tabs a.active,
.news-category-tabs a.active{
  border-color:rgba(244,181,27,.48);
  background:rgba(244,181,27,.08);
  color:var(--gold);
}

.weather-current{
  display:grid;
  grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);
  gap:14px;
  align-items:center;
  padding:14px;
  border:1px solid rgba(244,181,27,.12);
  border-radius:11px;
  background:
    linear-gradient(145deg,rgba(244,181,27,.04),rgba(6,6,6,.98));
}

.weather-current-main{
  display:flex;
  align-items:center;
  gap:12px;
}

.weather-current-icon{
  font-size:3.2rem;
}

.weather-current-main strong,
.weather-current-main span{
  display:block;
}

.weather-current-main strong{
  color:#fff;
  font-family:Oswald,Impact,sans-serif;
  font-size:2.25rem;
  line-height:1;
}

.weather-current-main span{
  margin-top:4px;
  color:#aaa;
  font-size:.67rem;
}

.weather-current-details{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}

.weather-current-details>div{
  padding:8px 9px;
  border:1px solid rgba(244,181,27,.09);
  border-radius:8px;
  background:#070707;
}

.weather-current-details small,
.weather-current-details b{
  display:block;
}

.weather-current-details small{
  color:#646464;
  font-size:.47rem;
  text-transform:uppercase;
}

.weather-current-details b{
  margin-top:3px;
  color:#ccc;
  font-size:.62rem;
}

.weather-forecast-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:7px;
  margin-top:9px;
}

.weather-day-card{
  min-width:0;
  padding:9px;
  border:1px solid rgba(244,181,27,.09);
  border-radius:9px;
  background:#070707;
  text-align:center;
}

.weather-day-card>strong,
.weather-day-card>small,
.weather-day-card>em{
  display:block;
}

.weather-day-card>strong{
  color:#ccc;
  font-size:.57rem;
  text-transform:uppercase;
}

.weather-day-icon{
  display:block;
  margin:6px 0 3px;
  font-size:1.55rem;
}

.weather-day-card>small{
  min-height:27px;
  color:#6c6c6c;
  font-size:.46rem;
  line-height:1.25;
}

.weather-day-card>div{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  margin-top:5px;
}

.weather-day-card>div b{
  color:#eee;
  font-size:.7rem;
}

.weather-day-card>div span{
  color:#777;
  font-size:.59rem;
}

.weather-day-card>em{
  margin-top:5px;
  color:#7498c7;
  font-size:.47rem;
  font-style:normal;
}

.news-heading-stack{
  align-items:flex-end;
}

.news-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}

.news-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  padding:13px;
  border:1px solid rgba(244,181,27,.10);
  border-radius:10px;
  background:#070707;
}

.news-card.featured{
  grid-column:span 2;
  background:
    radial-gradient(circle at 15% 0,rgba(244,181,27,.065),transparent 40%),
    #070707;
  border-color:rgba(244,181,27,.22);
}

.news-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:7px;
}

.news-card-top span{
  color:var(--gold);
  font-size:.46rem;
  font-weight:900;
  text-transform:uppercase;
}

.news-card-top time{
  color:#555;
  font-size:.44rem;
  white-space:nowrap;
}

.news-card h3{
  margin:0;
  color:#dedede;
  font-size:.76rem;
  line-height:1.34;
}

.news-card.featured h3{
  font-size:.93rem;
}

.news-card p{
  margin:7px 0 12px;
  color:#787878;
  font-size:.56rem;
  line-height:1.48;
}

.news-card>a{
  margin-top:auto;
  color:var(--gold);
  text-decoration:none;
  font-size:.49rem;
  font-weight:900;
}

.news-card>a:hover{
  text-decoration:underline;
}

.news-source-line{
  margin-top:10px;
  color:#555;
  font-size:.46rem;
  text-align:right;
}

.news-empty{
  min-height:130px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:3px;
  color:#666;
}

.news-empty strong{
  color:#999;
  font-size:.68rem;
}

.news-empty span{
  font-size:.52rem;
}

@media(max-width:940px){
  .news-section-heading{
    flex-direction:column;
  }

  .news-heading-stack{
    align-items:flex-start;
  }

  .weather-current{
    grid-template-columns:1fr;
  }

  .news-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:680px){
  .news-hero{
    align-items:flex-start;
    flex-direction:column;
  }

  .news-hero h1{
    font-size:1.65rem;
  }

  .weather-current-details{
    grid-template-columns:1fr;
  }

  .weather-forecast-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .weather-day-card:first-child{
    grid-column:span 2;
  }

  .news-grid{
    grid-template-columns:1fr;
  }

  .news-card.featured{
    grid-column:auto;
  }

  .weather-place-tabs,
  .news-category-tabs{
    width:100%;
  }

  .weather-place-tabs a,
  .news-category-tabs a{
    flex:1 1 auto;
    text-align:center;
  }
}


/* =====================================================
   STAFFTEAM
===================================================== */
.staffteam-box .box-body{
  padding:16px;
}

.staffteam-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}

.staffteam-count{
  flex:0 0 auto;
  padding:6px 9px;
  border:1px solid rgba(244,181,27,.18);
  border-radius:999px;
  background:rgba(244,181,27,.05);
  color:var(--gold);
  font-size:.52rem;
  font-weight:900;
}

.staffteam-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.staffteam-card{
  display:flex;
  gap:11px;
  min-width:0;
  padding:12px;
  border:1px solid rgba(244,181,27,.12);
  border-radius:11px;
  background:#080808;
}

.staffteam-avatar-wrap{
  position:relative;
  flex:0 0 auto;
}

.staffteam-avatar{
  width:74px;
  height:74px;
  object-fit:cover;
  border:2px solid rgba(244,181,27,.18);
  border-radius:50%;
  background:#111;
}

.staffteam-avatar-fallback{
  display:grid;
  place-items:center;
  color:var(--gold);
  font-family:Oswald,Impact,sans-serif;
  font-size:1.35rem;
  font-weight:700;
}

.staffteam-online-dot{
  position:absolute;
  right:3px;
  bottom:5px;
  width:12px;
  height:12px;
  border:2px solid #080808;
  border-radius:50%;
  background:#555;
}

.staffteam-online-dot.online{
  background:#3bd45a;
}

.staffteam-copy{
  min-width:0;
}

.staffteam-copy h2{
  margin:5px 0 0;
  overflow:hidden;
  color:#eee;
  font-family:Oswald,Impact,sans-serif;
  font-size:.9rem;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.staffteam-copy>p{
  margin:1px 0 0;
  color:#6e6e6e;
  font-size:.5rem;
}

.staffteam-presence{
  margin-top:7px;
  color:#777;
  font-size:.49rem;
  line-height:1.35;
}

.staffteam-presence.online{
  color:#74d589;
  font-weight:800;
}

.staffteam-meta{
  margin:7px 0;
}

.staffteam-meta small,
.staffteam-meta strong{
  display:block;
}

.staffteam-meta small{
  color:#555;
  font-size:.43rem;
  text-transform:uppercase;
}

.staffteam-meta strong{
  margin-top:1px;
  color:#9a9a9a;
  font-size:.5rem;
}

.staffteam-empty{
  padding:20px;
  border:1px solid rgba(244,181,27,.10);
  border-radius:9px;
  color:#777;
  text-align:center;
  background:#070707;
  font-size:.6rem;
}

@media(max-width:980px){
  .staffteam-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:620px){
  .staffteam-heading{
    flex-direction:column;
  }

  .staffteam-grid{
    grid-template-columns:1fr;
  }

  .staffteam-card{
    padding:11px;
  }

  .staffteam-avatar{
    width:68px;
    height:68px;
  }
}


/* =====================================================
   MULTIROLLEN + VIP
===================================================== */
.role-badge-list{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:3px;
}

.role-badge.role-vip{
  border-color:rgba(196,124,255,.42);
  background:rgba(168,78,235,.12);
  color:#d8a8ff;
}

.role-badge.role-beheer{
  border-color:rgba(244,181,27,.42);
}

.role-badge.role-admin{
  border-color:rgba(225,94,94,.34);
}

.role-badge.role-moderator{
  border-color:rgba(95,150,235,.32);
}

.role-badge.role-dj{
  border-color:rgba(78,195,175,.30);
}

.multi-role-form{
  min-width:250px;
  margin:0;
}

.multi-role-options{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  margin-bottom:7px;
}

.multi-role-option{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:5px 7px;
  border:1px solid rgba(244,181,27,.12);
  border-radius:7px;
  background:#070707;
  color:#999;
  font-size:.49rem;
  font-weight:800;
  cursor:pointer;
}

.multi-role-option input{
  width:auto;
  margin:0;
}

.multi-role-option:has(input:checked){
  border-color:rgba(244,181,27,.34);
  background:rgba(244,181,27,.05);
  color:#eee;
}

.multi-role-option.role-vip:has(input:checked){
  border-color:rgba(196,124,255,.46);
  background:rgba(168,78,235,.10);
  color:#d8a8ff;
}

.member-profile-role-list{
  justify-content:flex-end;
  max-width:300px;
}

/* STAFFTEAM extra compact */
.staffteam-box .box-body{
  padding:10px;
}

.staffteam-heading{
  margin-bottom:8px;
}

.staffteam-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
}

.staffteam-card{
  gap:7px;
  padding:8px;
  border-radius:8px;
}

.staffteam-avatar{
  width:50px;
  height:50px;
}

.staffteam-avatar-fallback{
  font-size:.95rem;
}

.staffteam-online-dot{
  width:10px;
  height:10px;
  right:1px;
  bottom:2px;
}

.staffteam-copy h2{
  margin-top:3px;
  font-size:.70rem;
}

.staffteam-copy>p{
  font-size:.42rem;
}

.staffteam-role-list{
  gap:2px;
}

.staffteam-role-list .role-badge{
  padding:2px 4px;
  font-size:.38rem;
}

.staffteam-presence{
  margin-top:4px;
  font-size:.41rem;
}

.staffteam-meta{
  margin:4px 0;
}

.staffteam-meta small{
  font-size:.36rem;
}

.staffteam-meta strong{
  font-size:.42rem;
}

.staffteam-card .btn.small{
  min-height:26px;
  padding:4px 6px;
  font-size:.40rem;
}

@media(max-width:1120px){
  .staffteam-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:820px){
  .staffteam-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:560px){
  .staffteam-grid{
    grid-template-columns:1fr;
  }

  .member-profile-role-list{
    justify-content:flex-start;
  }
}


/* =====================================================
   BEDANKT DJ
===================================================== */
.side-dj-thank{margin-top:8px}
.side-dj-thank .dj-thank-button{width:100%;justify-content:center;min-height:32px;font-size:.52rem}
.dj-thank-button{display:inline-flex;align-items:center;justify-content:center;gap:3px}
.dj-thank-button:disabled{opacity:.48;cursor:not-allowed;filter:grayscale(.35)}
.dj-thank-button.is-thanked{border-color:#5fc878;background:#14391d;color:#9ee7ad}
.dj-thank-count{font-weight:900}
.dj-thank-status{display:block;min-height:13px;margin-top:4px;color:#777;font-size:.43rem;line-height:1.3}
.dj-thank-status.success{color:#78d98b}.dj-thank-status.error{color:#df7f7f}
.live-dj-thank-status{margin-top:7px;font-size:.52rem}
.dj-thank-total{margin-top:8px;padding-top:7px;border-top:1px solid rgba(244,181,27,.09);color:#ba9131;font-size:.49rem;font-weight:800}
@media(max-width:680px){.hero-actions .dj-thank-button{flex:1 1 100%}}


/* =====================================================
   NU OP DE RADIO - IETS GROTER
===================================================== */
.side-panel:first-child{
  padding-top:17px;
  padding-bottom:17px;
}

.side-panel:first-child .side-title{
  margin-bottom:13px;
  font-size:1.32rem;
}

.side-live{
  grid-template-columns:104px minmax(0,1fr);
  gap:14px;
}

.side-live-photo,
.side-live-fallback{
  width:104px;
  height:104px;
  border-radius:13px;
}

.side-live-fallback{
  font-size:1.05rem;
}

.side-live small{
  font-size:.58rem;
}

.side-live strong{
  margin:4px 0;
  font-size:1.08rem;
  line-height:1.15;
}

.side-live p{
  margin-top:4px;
  font-size:.71rem;
  line-height:1.45;
}

.side-dj-thank{
  margin-top:10px;
}

.side-dj-thank .dj-thank-button{
  min-height:36px;
  font-size:.57rem;
}

@media(max-width:1100px){
  .side-live{
    grid-template-columns:92px minmax(0,1fr);
  }

  .side-live-photo,
  .side-live-fallback{
    width:92px;
    height:92px;
  }
}

@media(max-width:760px){
  .side-live{
    grid-template-columns:96px minmax(0,1fr);
  }

  .side-live-photo,
  .side-live-fallback{
    width:96px;
    height:96px;
  }
}


/* =====================================================
   VIP FUNCTIES
===================================================== */
.vip-mini-badge,
.vip-priority-badge{
  display:inline-flex;
  align-items:center;
  gap:2px;
  margin-left:4px;
  padding:2px 5px;
  border:1px solid rgba(205,140,255,.45);
  border-radius:999px;
  background:linear-gradient(135deg,rgba(115,46,170,.23),rgba(244,181,27,.10));
  color:#e0b4ff;
  font-size:.42rem;
  font-weight:900;
  vertical-align:middle;
  white-space:nowrap;
}

.vip-priority-badge{
  margin-left:6px;
  color:#f0ca72;
  border-color:rgba(244,181,27,.42);
  box-shadow:0 0 12px rgba(244,181,27,.08);
}

.vip-request-banner{
  display:flex;
  align-items:center;
  gap:10px;
  margin:10px 0 13px;
  padding:10px 12px;
  border:1px solid rgba(195,121,255,.32);
  border-radius:10px;
  background:
    radial-gradient(circle at 0 0,rgba(183,85,255,.12),transparent 42%),
    rgba(244,181,27,.035);
}

.vip-request-banner>span{
  font-size:1.55rem;
}

.vip-request-banner strong,
.vip-request-banner small{
  display:block;
}

.vip-request-banner strong{
  color:#e2b7ff;
  font-size:.64rem;
}

.vip-request-banner small{
  margin-top:2px;
  color:#8c7b95;
  font-size:.5rem;
  line-height:1.4;
}

.compact-member-row.is-vip-member{
  border-color:rgba(185,91,255,.20);
  background:
    linear-gradient(90deg,rgba(137,51,198,.055),transparent 42%),
    #080808;
}

.compact-member-row.is-vip-member:hover{
  border-color:rgba(202,125,255,.34);
  box-shadow:0 0 18px rgba(152,63,220,.06);
}

.vip-account-profile{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(192,105,255,.28);
  border-radius:12px;
  padding:10px;
  background:
    radial-gradient(circle at 0 0,rgba(151,62,219,.12),transparent 38%),
    radial-gradient(circle at 100% 100%,rgba(244,181,27,.08),transparent 35%);
}

.vip-account-profile:after{
  content:"💎 VIP";
  position:absolute;
  top:8px;
  right:9px;
  padding:4px 7px;
  border:1px solid rgba(203,135,255,.38);
  border-radius:999px;
  background:rgba(66,22,99,.72);
  color:#e0b1ff;
  font-size:.43rem;
  font-weight:900;
}

.vip-account-shortcut{
  border-color:rgba(194,113,255,.25)!important;
  background:
    linear-gradient(135deg,rgba(133,45,196,.10),rgba(244,181,27,.045))!important;
}

.vip-account-shortcut>b{
  color:#dfb1ff!important;
}

.vip-member-profile-card{
  border-color:rgba(192,105,255,.30);
  box-shadow:0 0 30px rgba(138,44,201,.08);
}

.vip-member-profile-card .member-profile-cover{
  background:
    radial-gradient(circle at 15% 0,rgba(187,93,255,.20),transparent 38%),
    radial-gradient(circle at 85% 100%,rgba(244,181,27,.12),transparent 34%),
    #090909;
}

.vip-cover-badge{
  position:absolute;
  right:13px;
  top:11px;
  padding:5px 8px;
  border:1px solid rgba(211,153,255,.42);
  border-radius:999px;
  background:rgba(46,15,70,.75);
  color:#e5baff;
  font-size:.45rem;
  letter-spacing:.04em;
}

.vip-menu-link,
.vip-side-link{
  color:#d8a8ff!important;
}

/* VIP Lounge */
.vip-lounge-shell{
  width:min(1180px,94%);
  margin:20px auto 38px;
}

.vip-lounge-hero{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  overflow:hidden;
  padding:18px;
  border:1px solid rgba(198,117,255,.30);
  border-radius:15px;
  background:
    radial-gradient(circle at 10% 0,rgba(163,65,233,.22),transparent 38%),
    radial-gradient(circle at 90% 100%,rgba(244,181,27,.13),transparent 34%),
    #090909;
  box-shadow:0 12px 36px rgba(0,0,0,.30);
}

.vip-diamond{
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  border:1px solid rgba(210,143,255,.35);
  border-radius:16px;
  background:rgba(85,30,126,.32);
  font-size:2rem;
  box-shadow:inset 0 0 22px rgba(196,111,255,.10);
}

.vip-kicker{
  color:#d6a5fb;
  font-size:.5rem;
  font-weight:900;
  letter-spacing:.1em;
}

.vip-lounge-hero h1{
  margin:3px 0 4px;
  color:#fff;
  font-family:Oswald,Impact,sans-serif;
  font-size:1.8rem;
  text-transform:uppercase;
}

.vip-lounge-hero p{
  margin:0;
  color:#95869d;
  font-size:.62rem;
}

.vip-hero-badge{
  padding:7px 10px;
  border:1px solid rgba(244,181,27,.35);
  border-radius:999px;
  background:rgba(244,181,27,.07);
  color:#efc75d;
  font-size:.49rem;
  font-weight:900;
}

.vip-perk-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
}

.vip-perk-grid article{
  min-width:0;
  padding:12px;
  border:1px solid rgba(195,117,255,.13);
  border-radius:10px;
  background:#080808;
}

.vip-perk-grid article>span{
  font-size:1.35rem;
}

.vip-perk-grid strong{
  display:block;
  margin-top:6px;
  color:#e0d9e5;
  font-size:.67rem;
}

.vip-perk-grid p{
  min-height:47px;
  margin:5px 0 8px;
  color:#746a79;
  font-size:.51rem;
  line-height:1.43;
}

.vip-perk-grid a{
  color:#d49cff;
  text-decoration:none;
  font-size:.45rem;
  font-weight:900;
}

.vip-lounge-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:10px;
}

.vip-live-card{
  display:flex;
  align-items:center;
  gap:10px;
}

.vip-live-icon{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border:1px solid rgba(244,181,27,.15);
  border-radius:10px;
  background:#070707;
  font-size:1.5rem;
}

.vip-live-card small{
  color:#8c7996;
  font-size:.43rem;
  font-weight:900;
}

.vip-live-card h2{
  margin:2px 0;
  color:#eee;
  font-size:.82rem;
}

.vip-live-card p{
  margin:0;
  color:#6d6670;
  font-size:.49rem;
}

.vip-live-actions{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin-top:10px;
}

.vip-community-stats{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  margin-bottom:9px;
}

.vip-community-stats>div{
  padding:9px;
  border:1px solid rgba(194,109,255,.12);
  border-radius:8px;
  background:#070707;
  text-align:center;
}

.vip-community-stats strong,
.vip-community-stats span{
  display:block;
}

.vip-community-stats strong{
  color:#deb1ff;
  font-size:1rem;
}

.vip-community-stats span{
  color:#69606e;
  font-size:.43rem;
}

.vip-member-mini-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:5px;
}

.vip-member-mini{
  position:relative;
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  gap:6px;
  align-items:center;
  min-width:0;
  padding:5px;
  border:1px solid rgba(190,104,255,.10);
  border-radius:7px;
  background:#070707;
  color:#bdb5c2;
  text-decoration:none;
}

.vip-member-mini img,
.vip-member-mini>span{
  width:30px;
  height:30px;
  border-radius:50%;
  object-fit:cover;
  background:#141414;
}

.vip-member-mini>span{
  display:grid;
  place-items:center;
  color:#d9a4ff;
  font-weight:900;
}

.vip-member-mini b{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.5rem;
}

.vip-member-mini i{
  position:absolute;
  right:5px;
  bottom:5px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#555;
}

.vip-member-mini i.online{
  background:#43d461;
}

.vip-locked-card{
  text-align:center;
}

.vip-lock-icon{
  margin:10px auto;
  font-size:2.6rem;
}

.vip-locked-card h1{
  color:#e2b3ff;
  font-family:Oswald,Impact,sans-serif;
  text-transform:uppercase;
}

@media(max-width:900px){
  .vip-perk-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .vip-lounge-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:600px){
  .vip-lounge-hero{
    grid-template-columns:auto minmax(0,1fr);
  }

  .vip-hero-badge{
    grid-column:1 / -1;
    justify-self:start;
  }

  .vip-perk-grid{
    grid-template-columns:1fr;
  }

  .vip-member-mini-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .vip-account-profile:after{
    position:static;
    display:inline-flex;
    margin-top:6px;
  }
}


/* =====================================================
   FACEBOOK-ACHTIG LEDENPROFIEL / TIJDLIJN
===================================================== */
.member-cover-edit{
  position:absolute;
  right:13px;
  bottom:11px;
  padding:5px 8px;
  border:1px solid rgba(244,181,27,.28);
  border-radius:7px;
  background:rgba(6,6,6,.78);
  color:#ddd;
  text-decoration:none;
  font-size:.45rem;
  font-weight:900;
}

.profile-social-wall{
  width:100%;
}

.profile-social-layout{
  display:grid;
  grid-template-columns:minmax(230px,.38fr) minmax(0,.62fr);
  gap:10px;
  align-items:start;
}

.profile-social-about{
  display:grid;
  gap:10px;
  position:sticky;
  top:10px;
}

.profile-about-row{
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:7px;
  align-items:center;
  padding:7px 0;
  border-bottom:1px solid rgba(244,181,27,.07);
}

.profile-about-row:last-child{
  border-bottom:0;
}

.profile-about-row>span{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:7px;
  background:#080808;
}

.profile-about-row small,
.profile-about-row strong{
  display:block;
}

.profile-about-row small{
  color:#666;
  font-size:.42rem;
  text-transform:uppercase;
}

.profile-about-row strong{
  margin-top:1px;
  color:#bbb;
  font-size:.52rem;
  line-height:1.35;
}

.profile-social-main{
  display:grid;
  gap:10px;
}

.profile-post-composer-card{
  overflow:visible;
}

.profile-post-composer{
  margin:0;
}

.profile-composer-head{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:9px;
  align-items:start;
}

.profile-composer-head img,
.profile-composer-head>span{
  width:42px;
  height:42px;
  border-radius:50%;
  object-fit:cover;
  background:#121212;
}

.profile-composer-head>span{
  display:grid;
  place-items:center;
  color:var(--gold);
  font-family:Oswald,Impact,sans-serif;
  font-size:.82rem;
  font-weight:900;
}

.profile-composer-head textarea{
  width:100%;
  min-height:86px;
  resize:vertical;
  padding:11px 12px;
  border:1px solid rgba(244,181,27,.12);
  border-radius:13px;
  outline:none;
  background:#070707;
  color:#ddd;
  font:16px/1.45 Inter,Arial,sans-serif;
}

.profile-composer-head textarea:focus{
  border-color:rgba(244,181,27,.38);
}

.profile-media-fields{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  margin-top:8px;
}

.profile-media-fields label{
  display:grid;
  gap:4px;
}

.profile-media-fields label>span{
  color:#898989;
  font-size:.47rem;
  font-weight:800;
}

.profile-media-fields input{
  width:100%;
  min-width:0;
  padding:8px 9px;
  border:1px solid rgba(244,181,27,.10);
  border-radius:8px;
  background:#060606;
  color:#ccc;
  font-size:.56rem;
}

.profile-composer-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:8px;
}

.profile-emoji-wrap{
  position:relative;
}

.profile-social-emoji-picker{
  position:absolute;
  z-index:12;
  left:0;
  bottom:calc(100% + 6px);
  width:292px;
  max-height:185px;
  overflow-y:auto;
  padding:6px;
  border:1px solid rgba(244,181,27,.22);
  border-radius:10px;
  background:#090909;
  box-shadow:0 12px 30px rgba(0,0,0,.45);
}

.profile-social-emoji-picker[hidden]{
  display:none;
}

.profile-social-emoji{
  width:35px;
  height:35px;
  margin:1px;
  border:1px solid transparent;
  border-radius:7px;
  background:transparent;
  cursor:pointer;
  font-size:1rem;
}

.profile-social-emoji:hover{
  border-color:rgba(244,181,27,.15);
  background:rgba(244,181,27,.055);
}

.profile-post-result{
  min-height:14px;
  margin-top:5px;
  color:#777;
  font-size:.46rem;
}

.profile-post-result.error{
  color:#df7c7c;
}

.profile-post-result.success{
  color:#70ce82;
}

.profile-timeline-box .box-body{
  display:grid;
  gap:9px;
}

.profile-social-post{
  overflow:hidden;
  border:1px solid rgba(244,181,27,.10);
  border-radius:11px;
  background:#080808;
}

.profile-post-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:10px 11px 7px;
}

.profile-post-author{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
  color:inherit;
  text-decoration:none;
}

.profile-post-author img,
.profile-post-author>span{
  width:40px;
  height:40px;
  flex:0 0 auto;
  border-radius:50%;
  object-fit:cover;
  background:#111;
}

.profile-post-author>span{
  display:grid;
  place-items:center;
  color:var(--gold);
  font-weight:900;
}

.profile-post-author>div{
  min-width:0;
}

.profile-post-author strong,
.profile-post-author small{
  display:block;
}

.profile-post-author strong{
  overflow:hidden;
  color:#dedede;
  font-size:.62rem;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.profile-post-author small{
  margin-top:2px;
  color:#656565;
  font-size:.44rem;
}

.profile-post-delete{
  width:32px;
  height:28px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:#777;
  cursor:pointer;
  font-weight:900;
}

.profile-post-delete:hover{
  background:#131313;
  color:#fff;
}

.profile-post-body{
  padding:5px 11px 11px;
  color:#ddd;
  font-size:.72rem;
  line-height:1.55;
  word-break:break-word;
}

.profile-post-video{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  background:#000;
}

.profile-post-video iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}

.profile-post-music.spotify iframe{
  display:block;
  width:100%;
  height:152px;
  border:0;
}

.profile-post-music.audio{
  display:grid;
  gap:6px;
  padding:10px 11px;
  border-top:1px solid rgba(244,181,27,.08);
  border-bottom:1px solid rgba(244,181,27,.08);
  background:#060606;
}

.profile-post-music.audio>span{
  color:#aaa;
  font-size:.52rem;
  font-weight:800;
}

.profile-post-music.audio audio{
  width:100%;
  height:38px;
}

.profile-post-music-link{
  display:block;
  padding:10px 11px;
  border-top:1px solid rgba(244,181,27,.08);
  border-bottom:1px solid rgba(244,181,27,.08);
  background:#060606;
  color:var(--gold);
  text-decoration:none;
  font-size:.55rem;
  font-weight:900;
}

.profile-post-social-summary{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  min-height:30px;
  padding:6px 11px;
  color:#696969;
  font-size:.45rem;
}

.profile-post-reactions{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  border-top:1px solid rgba(244,181,27,.08);
}

.profile-post-reactions button{
  min-width:0;
  min-height:43px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  padding:5px 3px;
  border:0;
  border-right:1px solid rgba(244,181,27,.055);
  background:#080808;
  color:#787878;
  cursor:pointer;
}

.profile-post-reactions button:last-child{
  border-right:0;
}

.profile-post-reactions button:hover{
  background:#101010;
  color:#ddd;
}

.profile-post-reactions button.active{
  background:rgba(244,181,27,.055);
  color:var(--gold);
}

.profile-post-reactions button>span{
  font-size:.86rem;
}

.profile-post-reactions button>b{
  overflow:hidden;
  font-size:.39rem;
  font-weight:800;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.profile-post-reactions button>small{
  min-width:10px;
  color:inherit;
  font-size:.37rem;
  font-weight:900;
}

.profile-social-empty{
  min-height:145px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:4px;
  text-align:center;
}

.profile-social-empty>span{
  font-size:1.9rem;
}

.profile-social-empty strong{
  color:#aaa;
  font-size:.68rem;
}

.profile-social-empty p{
  margin:0;
  color:#666;
  font-size:.52rem;
}

.social-profile-shortcut{
  border-color:rgba(69,133,225,.20)!important;
  background:linear-gradient(135deg,rgba(55,105,182,.06),transparent)!important;
}

@media(max-width:900px){
  .profile-social-layout{
    grid-template-columns:1fr;
  }

  .profile-social-about{
    position:static;
  }
}

@media(max-width:650px){
  .profile-media-fields{
    grid-template-columns:1fr;
  }

  .profile-post-reactions{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .profile-post-reactions button:nth-child(3){
    border-right:0;
  }

  .profile-post-reactions button:nth-child(-n+3){
    border-bottom:1px solid rgba(244,181,27,.055);
  }

  .profile-social-emoji-picker{
    width:min(292px,86vw);
  }
}

@media(max-width:430px){
  .profile-post-reactions button>b{
    display:none;
  }

  .profile-post-reactions button{
    min-height:40px;
  }

  .profile-composer-actions{
    align-items:stretch;
  }
}


/* =====================================================
   VIP FIX - EIGEN BEHEERACCOUNT + STATUS
===================================================== */
.self-role-note{
  margin-bottom:7px;
  padding:7px 8px;
  border:1px solid rgba(244,181,27,.18);
  border-radius:7px;
  background:rgba(244,181,27,.045);
  color:#998155;
  font-size:.48rem;
  line-height:1.4;
}

.account-vip-status{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0 0 9px;
  padding:9px 10px;
  border:1px solid rgba(150,150,150,.12);
  border-radius:9px;
  background:#080808;
}

.account-vip-status>span{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#111;
  font-size:1.2rem;
}

.account-vip-status strong,
.account-vip-status small{
  display:block;
}

.account-vip-status strong{
  color:#888;
  font-size:.58rem;
}

.account-vip-status small{
  margin-top:2px;
  color:#606060;
  font-size:.46rem;
  line-height:1.4;
}

.account-vip-status.active{
  border-color:rgba(197,111,255,.28);
  background:
    linear-gradient(135deg,rgba(130,41,193,.10),rgba(244,181,27,.035)),
    #080808;
}

.account-vip-status.active>span{
  background:rgba(89,29,132,.26);
}

.account-vip-status.active strong{
  color:#dfafff;
}


/* =====================================================
   PROFIEL V2 - STRAKKER / COMPACTER / FACEBOOK-ACHTIG
===================================================== */
.member-profile-shell{
  width:min(980px,94%);
}

.member-profile-card{
  overflow:hidden;
  border-radius:12px;
}

.member-profile-cover{
  position:relative;
  height:165px;
  min-height:165px;
  overflow:hidden;
  background:
    radial-gradient(circle at 15% 20%,rgba(244,181,27,.12),transparent 34%),
    linear-gradient(135deg,#141414,#050505);
}

.member-profile-cover-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
}

.member-profile-cover.has-cover:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.56));
}

.member-profile-cover>span,
.member-profile-cover .vip-cover-badge,
.member-profile-cover .member-cover-edit{
  z-index:2;
}

.member-cover-edit{
  border:1px solid rgba(255,255,255,.18);
  cursor:pointer;
  font-family:inherit;
}

.member-profile-main{
  padding:0 14px 12px;
}

.member-profile-avatar-wrap{
  margin-top:-48px;
}

.member-profile-avatar{
  width:104px;
  height:104px;
  border-width:4px;
}

.member-profile-copy{
  padding-top:8px;
}

.member-profile-heading h1{
  font-size:1.28rem;
}

.member-profile-heading p{
  margin-top:1px;
  font-size:.52rem;
}

.member-profile-bio{
  max-width:590px;
  margin-top:5px;
  color:#999;
  font-size:.56rem;
  line-height:1.45;
}

.member-profile-stats{
  gap:5px;
  margin:8px 0;
}

.member-profile-stats>div{
  padding:6px 8px;
}

.member-profile-actions{
  gap:5px;
}

.member-profile-actions .btn{
  min-height:30px;
  padding:6px 9px;
  font-size:.48rem;
}

.profile-edit-panel{
  margin:9px 0;
  border:1px solid rgba(244,181,27,.15);
  border-radius:10px;
  background:#080808;
}

.profile-edit-panel>summary{
  padding:9px 11px;
  cursor:pointer;
  color:#d8d8d8;
  font-size:.58rem;
  font-weight:900;
  list-style:none;
}

.profile-edit-panel>summary::-webkit-details-marker{display:none}
.profile-edit-panel[open]>summary{border-bottom:1px solid rgba(244,181,27,.08)}
.profile-edit-panel-body{padding:10px}

.profile-edit-details{
  display:grid;
  grid-template-columns:minmax(160px,.34fr) minmax(0,.66fr) auto;
  gap:7px;
  align-items:end;
}

.profile-edit-details label{
  display:grid;
  gap:4px;
  color:#777;
  font-size:.46rem;
  font-weight:800;
}

.profile-edit-details input,
.profile-edit-details textarea{
  width:100%;
  padding:8px 9px;
  border:1px solid rgba(244,181,27,.12);
  border-radius:7px;
  outline:none;
  background:#060606;
  color:#ddd;
  font:12px/1.4 Inter,Arial,sans-serif;
}

.profile-edit-details textarea{
  min-height:58px;
  resize:vertical;
}

.profile-edit-media-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-top:8px;
}

.profile-edit-media-grid form{
  display:grid;
  grid-template-columns:minmax(100px,1fr) minmax(145px,1.3fr) auto;
  gap:7px;
  align-items:center;
  padding:8px;
  border:1px solid rgba(244,181,27,.08);
  border-radius:8px;
  background:#060606;
}

.profile-edit-media-grid strong,
.profile-edit-media-grid small{display:block}
.profile-edit-media-grid strong{color:#aaa;font-size:.52rem}
.profile-edit-media-grid small{color:#5f5f5f;font-size:.4rem}
.profile-edit-media-grid input[type=file]{min-width:0;color:#777;font-size:.46rem}

.profile-edit-delete-actions{
  display:flex;
  gap:5px;
  flex-wrap:wrap;
  margin-top:7px;
}

.profile-social-layout{
  grid-template-columns:220px minmax(0,1fr);
  gap:8px;
}

.profile-social-about{
  gap:8px;
}

.profile-about-bio{
  margin-bottom:6px;
  padding:7px 8px;
  border-radius:7px;
  background:#070707;
  color:#aaa;
  font-size:.5rem;
  line-height:1.45;
}

.profile-about-row{
  grid-template-columns:24px minmax(0,1fr);
  gap:6px;
  padding:5px 0;
}

.profile-about-row>span{
  width:24px;
  height:24px;
}

.profile-post-composer-card .box-body{
  padding:8px;
}

.profile-composer-head{
  grid-template-columns:34px minmax(0,1fr);
  gap:7px;
}

.profile-composer-head img,
.profile-composer-head>span{
  width:34px;
  height:34px;
}

.profile-composer-head textarea{
  min-height:54px;
  padding:9px 10px;
  border-radius:10px;
  font-size:13px;
}

.profile-composer-toolbar{
  display:flex;
  align-items:center;
  gap:4px;
  margin-top:6px;
  padding-top:6px;
  border-top:1px solid rgba(244,181,27,.07);
}

.profile-composer-tool{
  min-height:29px;
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:5px 8px;
  border:1px solid transparent;
  border-radius:7px;
  background:#0b0b0b;
  color:#777;
  cursor:pointer;
  font:700 .45rem Inter,Arial,sans-serif;
}

.profile-composer-tool:hover,
.profile-composer-tool.active{
  border-color:rgba(244,181,27,.14);
  color:#ddd;
  background:#101010;
}

.profile-composer-submit{
  margin-left:auto;
  min-height:29px;
  padding:5px 10px;
}

.profile-media-fields.compact{
  grid-template-columns:1fr;
  margin-top:6px;
  padding:7px;
  border:1px solid rgba(244,181,27,.08);
  border-radius:7px;
  background:#060606;
}

.profile-media-fields.compact[hidden]{display:none}
.profile-media-fields.compact label[hidden]{display:none}
.profile-media-fields.compact input{padding:7px 8px}

.profile-timeline-box .box-body{
  gap:7px;
  padding:8px;
}

.profile-social-post{
  border-radius:9px;
}

.profile-post-head{
  padding:8px 9px 5px;
}

.profile-post-author img,
.profile-post-author>span{
  width:34px;
  height:34px;
}

.profile-post-body{
  padding:4px 9px 9px;
  font-size:.62rem;
  line-height:1.48;
}

.profile-post-image-wrap{
  max-height:520px;
  overflow:hidden;
  background:#030303;
  text-align:center;
}

.profile-post-image{
  display:block;
  width:100%;
  max-height:520px;
  object-fit:contain;
}

.profile-post-social-summary{
  min-height:25px;
  padding:4px 9px;
}

.profile-post-reactions button{
  min-height:35px;
}

.profile-post-reactions button>span{font-size:.72rem}
.profile-post-reactions button>b{font-size:.34rem}

@media(max-width:780px){
  .member-profile-cover{height:135px;min-height:135px}
  .member-profile-avatar{width:88px;height:88px}
  .member-profile-avatar-wrap{margin-top:-40px}
  .profile-social-layout{grid-template-columns:1fr}
  .profile-social-about{position:static}
  .profile-edit-details{grid-template-columns:1fr}
  .profile-edit-media-grid{grid-template-columns:1fr}
  .profile-edit-media-grid form{grid-template-columns:1fr}
}

@media(max-width:520px){
  .member-profile-main{padding:0 9px 9px}
  .member-profile-heading{align-items:flex-start}
  .member-profile-role-list{justify-content:flex-start}
  .profile-composer-toolbar{flex-wrap:wrap}
  .profile-composer-submit{margin-left:0}
  .profile-composer-tool span{display:none}
  .profile-composer-tool{min-width:34px;justify-content:center;font-size:.68rem}
}


/* =====================================================
   PROFIEL V2.1 - GROTER / RUIMER / DUIDELIJKER
===================================================== */
.member-profile-shell{
  width:min(1240px,96%);
}

.member-profile-card{
  border-radius:16px;
}

.member-profile-cover{
  height:260px;
  min-height:260px;
}

.member-profile-cover>span{
  top:16px;
  left:18px;
  font-size:.68rem;
  letter-spacing:.08em;
}

.member-cover-edit{
  right:18px;
  bottom:16px;
  min-height:40px;
  padding:9px 13px;
  border-radius:9px;
  font-size:.58rem;
}

.member-profile-main{
  padding:0 22px 20px;
}

.member-profile-avatar-wrap{
  margin-top:-74px;
}

.member-profile-avatar{
  width:156px;
  height:156px;
  border-width:5px;
}

.member-profile-avatar-fallback{
  font-size:2.15rem;
}

.member-profile-copy{
  padding-top:12px;
}

.member-profile-heading{
  gap:14px;
}

.member-profile-heading h1{
  font-size:2rem;
  line-height:1.05;
}

.member-profile-heading p{
  margin-top:4px;
  font-size:.72rem;
}

.member-profile-bio{
  max-width:760px;
  margin-top:8px;
  font-size:.78rem;
  line-height:1.55;
}

.member-profile-role-list .role-badge{
  padding:5px 8px;
  font-size:.53rem;
}

.member-profile-presence{
  margin-top:8px;
  font-size:.58rem;
}

.member-profile-stats{
  gap:8px;
  margin:12px 0;
}

.member-profile-stats>div{
  min-width:135px;
  padding:10px 12px;
  border-radius:9px;
}

.member-profile-stats small{
  font-size:.48rem;
}

.member-profile-stats strong{
  margin-top:2px;
  font-size:.66rem;
}

.member-profile-actions{
  gap:8px;
}

.member-profile-actions .btn{
  min-height:39px;
  padding:9px 13px;
  border-radius:8px;
  font-size:.59rem;
}

.profile-edit-panel{
  margin:13px 0;
  border-radius:12px;
}

.profile-edit-panel>summary{
  padding:13px 15px;
  font-size:.72rem;
}

.profile-edit-panel-body{
  padding:14px;
}

.profile-edit-details{
  grid-template-columns:minmax(210px,.34fr) minmax(0,.66fr) auto;
  gap:10px;
}

.profile-edit-details label{
  gap:6px;
  font-size:.58rem;
}

.profile-edit-details input,
.profile-edit-details textarea{
  padding:11px 12px;
  border-radius:8px;
  font:15px/1.45 Inter,Arial,sans-serif;
}

.profile-edit-details textarea{
  min-height:86px;
}

.profile-edit-media-grid{
  gap:10px;
  margin-top:11px;
}

.profile-edit-media-grid form{
  grid-template-columns:minmax(130px,1fr) minmax(190px,1.4fr) auto;
  gap:10px;
  padding:11px;
  border-radius:10px;
}

.profile-edit-media-grid strong{font-size:.64rem}
.profile-edit-media-grid small{font-size:.49rem}
.profile-edit-media-grid input[type=file]{font-size:.56rem}

.profile-social-layout{
  grid-template-columns:300px minmax(0,1fr);
  gap:13px;
}

.profile-social-about{
  gap:11px;
}

.profile-social-wall .box-title{
  padding:12px 14px;
  font-size:.76rem;
}

.profile-social-wall .box-body{
  padding:13px;
}

.profile-about-bio{
  margin-bottom:9px;
  padding:11px 12px;
  border-radius:9px;
  font-size:.68rem;
  line-height:1.55;
}

.profile-about-row{
  grid-template-columns:34px minmax(0,1fr);
  gap:9px;
  padding:9px 0;
}

.profile-about-row>span{
  width:34px;
  height:34px;
  border-radius:8px;
  font-size:1rem;
}

.profile-about-row small{
  font-size:.48rem;
}

.profile-about-row strong{
  font-size:.64rem;
}

.profile-post-composer-card .box-body{
  padding:13px;
}

.profile-composer-head{
  grid-template-columns:50px minmax(0,1fr);
  gap:11px;
}

.profile-composer-head img,
.profile-composer-head>span{
  width:50px;
  height:50px;
}

.profile-composer-head>span{
  font-size:1rem;
}

.profile-composer-head textarea{
  min-height:94px;
  padding:13px 14px;
  border-radius:12px;
  font-size:16px;
  line-height:1.5;
}

.profile-composer-toolbar{
  gap:7px;
  margin-top:9px;
  padding-top:9px;
}

.profile-composer-tool{
  min-height:38px;
  padding:8px 11px;
  border-radius:8px;
  font-size:.56rem;
}

.profile-composer-submit{
  min-height:38px;
  padding:8px 14px;
  font-size:.57rem;
}

.profile-media-fields.compact{
  margin-top:9px;
  padding:10px;
  border-radius:9px;
}

.profile-media-fields.compact label>span{
  font-size:.56rem;
}

.profile-media-fields.compact input{
  padding:10px 11px;
  font-size:.64rem;
}

.profile-timeline-box .box-body{
  gap:11px;
  padding:13px;
}

.profile-social-post{
  border-radius:12px;
}

.profile-post-head{
  padding:12px 13px 8px;
}

.profile-post-author{
  gap:10px;
}

.profile-post-author img,
.profile-post-author>span{
  width:48px;
  height:48px;
}

.profile-post-author strong{
  font-size:.76rem;
}

.profile-post-author small{
  margin-top:3px;
  font-size:.52rem;
}

.profile-post-delete{
  width:38px;
  height:34px;
  font-size:.75rem;
}

.profile-post-body{
  padding:7px 13px 13px;
  font-size:.84rem;
  line-height:1.58;
}

.profile-post-image-wrap{
  max-height:720px;
}

.profile-post-image{
  max-height:720px;
}

.profile-post-music.spotify iframe{
  height:172px;
}

.profile-post-music.audio{
  padding:13px;
}

.profile-post-music.audio>span,
.profile-post-music-link{
  font-size:.65rem;
}

.profile-post-social-summary{
  min-height:34px;
  padding:7px 13px;
  font-size:.53rem;
}

.profile-post-reactions button{
  min-height:48px;
  gap:5px;
  padding:7px 5px;
}

.profile-post-reactions button>span{
  font-size:1rem;
}

.profile-post-reactions button>b{
  font-size:.47rem;
}

.profile-post-reactions button>small{
  font-size:.44rem;
}

.profile-social-empty{
  min-height:190px;
}

.profile-social-empty>span{
  font-size:2.35rem;
}

.profile-social-empty strong{
  font-size:.84rem;
}

.profile-social-empty p{
  font-size:.64rem;
}

.profile-social-emoji-picker{
  width:340px;
  max-height:230px;
  padding:8px;
}

.profile-social-emoji{
  width:40px;
  height:40px;
  font-size:1.12rem;
}

@media(max-width:900px){
  .member-profile-shell{width:min(1000px,96%)}
  .member-profile-cover{height:210px;min-height:210px}
  .member-profile-avatar{width:132px;height:132px}
  .member-profile-avatar-wrap{margin-top:-62px}
  .member-profile-heading h1{font-size:1.7rem}
  .profile-social-layout{grid-template-columns:260px minmax(0,1fr)}
}

@media(max-width:780px){
  .member-profile-cover{height:190px;min-height:190px}
  .member-profile-avatar{width:118px;height:118px}
  .member-profile-avatar-wrap{margin-top:-54px}
  .member-profile-main{padding:0 15px 15px}
  .member-profile-heading h1{font-size:1.5rem}
  .member-profile-bio{font-size:.72rem}
  .profile-social-layout{grid-template-columns:1fr}
  .profile-social-about{position:static}
  .profile-edit-details{grid-template-columns:1fr}
  .profile-edit-media-grid{grid-template-columns:1fr}
  .profile-edit-media-grid form{grid-template-columns:1fr}
}

@media(max-width:520px){
  .member-profile-shell{width:96%}
  .member-profile-cover{height:175px;min-height:175px}
  .member-profile-avatar{width:108px;height:108px}
  .member-profile-avatar-wrap{margin-top:-50px}
  .member-profile-main{padding:0 12px 13px}
  .member-profile-heading h1{font-size:1.35rem}
  .member-profile-heading p{font-size:.65rem}
  .member-profile-actions .btn{min-height:37px;font-size:.56rem}
  .profile-social-wall .box-title{font-size:.7rem}
  .profile-social-wall .box-body{padding:10px}
  .profile-composer-head{grid-template-columns:44px minmax(0,1fr)}
  .profile-composer-head img,.profile-composer-head>span{width:44px;height:44px}
  .profile-composer-head textarea{min-height:82px;font-size:15px}
  .profile-post-author img,.profile-post-author>span{width:44px;height:44px}
  .profile-post-author strong{font-size:.7rem}
  .profile-post-body{font-size:.78rem;padding:7px 11px 11px}
  .profile-post-reactions{grid-template-columns:repeat(3,minmax(0,1fr))}
  .profile-post-reactions button{min-height:45px}
  .profile-post-reactions button>b{display:inline; font-size:.43rem}
  .profile-composer-toolbar{flex-wrap:wrap}
  .profile-composer-submit{margin-left:0}
}


/* =====================================================
   STAFFTEAM - IETS GROTER EN LEESBAARDER
===================================================== */
.staffteam-grid{
  gap:10px;
}

.staffteam-card{
  padding:13px;
  min-height:154px;
  border-radius:11px;
}

.staffteam-card-head{
  gap:10px;
}

.staffteam-avatar,
.staffteam-avatar-fallback{
  width:62px;
  height:62px;
  border-radius:50%;
}

.staffteam-avatar-fallback{
  font-size:1.15rem;
}

.staffteam-card h3{
  font-size:.86rem;
  line-height:1.2;
}

.staffteam-username{
  margin-top:2px;
  font-size:.56rem;
}

.staffteam-role-badges{
  gap:4px;
  margin-top:7px;
}

.staffteam-role-badges .role-badge,
.staffteam-card .role-badge{
  padding:4px 7px;
  font-size:.48rem;
}

.staffteam-meta{
  margin-top:9px;
  gap:5px;
  font-size:.54rem;
  line-height:1.4;
}

.staffteam-status{
  font-size:.52rem;
}

.staffteam-card .btn,
.staffteam-card a.btn{
  min-height:32px;
  padding:7px 10px;
  font-size:.50rem;
}

.staffteam-card-actions{
  margin-top:10px;
  gap:6px;
}

/* algemene tekst in Staffteam subtiel groter */
.staffteam-page .box-title,
.staffteam-shell .box-title,
.staffteam-grid + .muted{
  font-size:1.02em;
}

.staffteam-page p,
.staffteam-shell p{
  font-size:1.04em;
}

@media(max-width:1120px){
  .staffteam-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:820px){
  .staffteam-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .staffteam-card{
    min-height:148px;
  }
}

@media(max-width:560px){
  .staffteam-grid{
    grid-template-columns:1fr;
  }

  .staffteam-avatar,
  .staffteam-avatar-fallback{
    width:58px;
    height:58px;
  }

  .staffteam-card h3{
    font-size:.82rem;
  }
}


/* =====================================================
   STAFFTEAM - TEKST NOG IETS GROTER
===================================================== */
.staffteam-card h3{
  font-size:1rem;
  line-height:1.25;
}

.staffteam-username{
  font-size:.64rem;
}

.staffteam-role-badges .role-badge,
.staffteam-card .role-badge{
  font-size:.55rem;
  padding:4px 8px;
}

.staffteam-meta{
  font-size:.61rem;
  line-height:1.5;
}

.staffteam-status{
  font-size:.59rem;
}

.staffteam-card p{
  font-size:.62rem;
  line-height:1.5;
}

.staffteam-card .btn,
.staffteam-card a.btn{
  font-size:.57rem;
  min-height:34px;
}

.staffteam-page .box-title,
.staffteam-shell .box-title{
  font-size:1.08rem;
}

@media(max-width:560px){
  .staffteam-card h3{
    font-size:.94rem;
  }

  .staffteam-username{
    font-size:.61rem;
  }

  .staffteam-meta,
  .staffteam-status,
  .staffteam-card p{
    font-size:.58rem;
  }
}


/* =====================================================
   PROFIELFOTO OOK ZICHTBAAR BIJ ONDERSTE PROFIELGEDEELTE
===================================================== */
.profile-social-mini-profile .box-body{
  display:flex;
  align-items:center;
  gap:13px;
  padding:14px;
}

.profile-social-mini-avatar{
  flex:0 0 auto;
}

.profile-social-mini-avatar img,
.profile-social-mini-avatar>span{
  width:92px;
  height:92px;
  display:block;
  border:3px solid rgba(244,181,27,.24);
  border-radius:50%;
  background:#111;
  object-fit:cover;
  box-shadow:0 6px 18px rgba(0,0,0,.32);
}

.profile-social-mini-avatar>span{
  display:grid;
  place-items:center;
  color:var(--gold,#f4b51b);
  font-family:Oswald,Impact,sans-serif;
  font-size:1.7rem;
  font-weight:900;
}

.profile-social-mini-copy{
  min-width:0;
}

.profile-social-mini-copy>strong{
  display:block;
  overflow:hidden;
  color:#eee;
  font-size:.88rem;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.profile-social-mini-copy>small{
  display:block;
  margin-top:3px;
  color:#777;
  font-size:.58rem;
}

.profile-social-mini-badges{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  margin-top:7px;
}

.profile-social-mini-badges .role-badge{
  padding:4px 7px;
  font-size:.46rem;
}

.profile-social-mini-copy>p{
  margin:8px 0 0;
  color:#9a9a9a;
  font-size:.59rem;
  line-height:1.45;
}

/* Profielfoto's in berichtbox en tijdlijn extra betrouwbaar zichtbaar */
.profile-composer-head img,
.profile-post-author img{
  display:block;
  object-fit:cover;
  background:#111;
}

@media(max-width:780px){
  .profile-social-mini-profile .box-body{
    align-items:flex-start;
  }

  .profile-social-mini-avatar img,
  .profile-social-mini-avatar>span{
    width:82px;
    height:82px;
  }
}

@media(max-width:520px){
  .profile-social-mini-profile .box-body{
    gap:10px;
    padding:11px;
  }

  .profile-social-mini-avatar img,
  .profile-social-mini-avatar>span{
    width:70px;
    height:70px;
  }

  .profile-social-mini-copy>strong{
    font-size:.78rem;
  }
}


/* =====================================================
   STAFFTEAM - DUIDELIJK GROTER
===================================================== */
.staffteam-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.staffteam-card{
  min-height:210px;
  padding:18px;
  border-radius:14px;
}
.staffteam-card-head{
  gap:14px;
  align-items:center;
}
.staffteam-avatar,
.staffteam-avatar-fallback{
  width:84px;
  height:84px;
  border-radius:50%;
  flex:0 0 84px;
}
.staffteam-avatar-fallback{
  display:grid;
  place-items:center;
  font-size:1.45rem;
}
.staffteam-card h3{
  font-size:1.18rem;
  line-height:1.2;
}
.staffteam-username{
  margin-top:4px;
  font-size:.72rem;
}
.staffteam-role-badges{
  gap:6px;
  margin-top:9px;
}
.staffteam-role-badges .role-badge,
.staffteam-card .role-badge{
  padding:5px 9px;
  font-size:.62rem;
}
.staffteam-meta{
  margin-top:13px;
  gap:7px;
  font-size:.70rem;
  line-height:1.5;
}
.staffteam-status{
  font-size:.68rem;
}
.staffteam-card p{
  font-size:.70rem;
  line-height:1.55;
}
.staffteam-card-actions{
  margin-top:14px;
  gap:8px;
}
.staffteam-card .btn,
.staffteam-card a.btn{
  min-height:40px;
  padding:9px 13px;
  font-size:.64rem;
}
.staffteam-page .box-title,
.staffteam-shell .box-title{
  font-size:1.20rem;
}
.staffteam-page p,
.staffteam-shell p{
  font-size:1.10em;
}
@media(max-width:1150px){
  .staffteam-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:760px){
  .staffteam-grid{
    grid-template-columns:1fr;
  }
  .staffteam-card{
    min-height:190px;
    padding:16px;
  }
  .staffteam-avatar,
  .staffteam-avatar-fallback{
    width:76px;
    height:76px;
    flex-basis:76px;
  }
  .staffteam-card h3{
    font-size:1.08rem;
  }
  .staffteam-username{
    font-size:.68rem;
  }
  .staffteam-meta,
  .staffteam-status,
  .staffteam-card p{
    font-size:.66rem;
  }
}


/* =====================================================
   PROFIEL - ALLEEN ONDERSTE PROFIELFOTO
===================================================== */
/* Geen grote dubbele profielfoto meer onder de omslag. */
.member-profile-main{
  grid-template-columns:minmax(0,1fr)!important;
  gap:0!important;
  padding:16px 22px 20px!important;
}

.member-profile-avatar-wrap{
  display:none!important;
}

.member-profile-copy{
  width:100%;
  padding-top:0!important;
}

.member-profile-heading{
  width:100%;
}

@media(max-width:780px){
  .member-profile-main{
    padding:14px 15px 15px!important;
  }
}

@media(max-width:520px){
  .member-profile-main{
    padding:12px!important;
  }
}


/* =====================================================
   MELDINGEN / NOTIFICATION CENTER
===================================================== */
.notification-center{position:relative;z-index:80}
.notification-bell{position:relative;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(244,181,27,.14);border-radius:50%;background:#090909;color:#cfcfcf;cursor:pointer}
.notification-bell>span{font-size:.86rem}
.notification-bell:hover,.notification-bell.has-unread{border-color:rgba(244,181,27,.42);background:#111;color:#fff}
.notification-bell>b{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;display:grid;place-items:center;padding:0 4px;border:2px solid #050505;border-radius:999px;background:#e84242;color:#fff;font-size:.42rem;line-height:1}
.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:350px;max-height:min(530px,75vh);overflow:hidden;border:1px solid rgba(244,181,27,.20);border-radius:12px;background:#080808;box-shadow:0 18px 48px rgba(0,0,0,.58)}
.notification-dropdown[hidden]{display:none}
.notification-dropdown-head{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:1px solid rgba(244,181,27,.09)}
.notification-dropdown-head strong{color:#eee;font-size:.62rem}
.notification-dropdown-head button{border:0;background:transparent;color:var(--gold,#f4b51b);cursor:pointer;font-size:.46rem;font-weight:900}
.notification-dropdown-list{max-height:390px;overflow:auto}
.notification-dropdown-item{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) 8px;gap:8px;align-items:center;min-height:67px;padding:8px 9px;border-bottom:1px solid rgba(255,255,255,.045);color:inherit;text-decoration:none}
.notification-dropdown-item:hover{background:#101010}
.notification-dropdown-item.unread{background:rgba(244,181,27,.045)}
.notification-dropdown-avatar img,.notification-dropdown-avatar>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#151515;object-fit:cover;font-size:.92rem}
.notification-dropdown-copy{min-width:0}
.notification-dropdown-copy strong,.notification-dropdown-copy p,.notification-dropdown-copy small{display:block}
.notification-dropdown-copy strong{overflow:hidden;color:#e2e2e2;font-size:.55rem;text-overflow:ellipsis;white-space:nowrap}
.notification-dropdown-copy p{display:-webkit-box;overflow:hidden;margin:2px 0;color:#909090;font-size:.48rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.notification-dropdown-copy small{color:#575757;font-size:.40rem}
.notification-dropdown-item>i{width:7px;height:7px;border-radius:50%;background:#e84242}
.notification-dropdown-all{display:block;padding:10px;border-top:1px solid rgba(244,181,27,.09);color:var(--gold,#f4b51b);text-align:center;text-decoration:none;font-size:.46rem;font-weight:900}
.notification-dropdown-empty{min-height:125px;display:grid;place-items:center;align-content:center;gap:4px;color:#666;text-align:center}
.notification-dropdown-empty>span{font-size:1.45rem}.notification-dropdown-empty>b{color:#888;font-size:.58rem}.notification-dropdown-empty>small{font-size:.45rem}
.notification-toast-host{position:fixed;z-index:10000;top:78px;right:16px;width:min(350px,calc(100vw - 24px));display:grid;gap:7px;pointer-events:none}
.notification-toast{min-height:66px;display:grid;grid-template-columns:40px minmax(0,1fr);gap:9px;align-items:center;padding:9px 10px;border:1px solid rgba(244,181,27,.25);border-radius:11px;background:rgba(8,8,8,.97);color:inherit;text-decoration:none;box-shadow:0 14px 38px rgba(0,0,0,.48);opacity:0;transform:translateX(18px);transition:.24s ease;pointer-events:auto}
.notification-toast.show{opacity:1;transform:translateX(0)}
.notification-toast-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#141414;font-size:1rem}
.notification-toast strong,.notification-toast small{display:block}.notification-toast strong{color:#eee;font-size:.57rem}.notification-toast small{margin-top:2px;color:#8b8b8b;font-size:.47rem;line-height:1.35}
.notifications-page{width:min(920px,94%);margin:18px auto 38px}.notifications-page-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.notifications-page-title form{margin:0}.notifications-full-list{display:grid;gap:6px}
.notification-full-item{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) 10px;gap:11px;align-items:center;padding:11px;border:1px solid rgba(244,181,27,.08);border-radius:10px;background:#080808;color:inherit;text-decoration:none}
.notification-full-item:hover{border-color:rgba(244,181,27,.20);background:#0d0d0d}.notification-full-item.unread{border-color:rgba(244,181,27,.22);background:rgba(244,181,27,.045)}
.notification-full-icon img,.notification-full-icon>span{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:#151515;object-fit:cover;font-size:1.2rem}
.notification-full-copy strong{color:#e6e6e6;font-size:.68rem}.notification-full-copy p{margin:3px 0;color:#999;font-size:.56rem;line-height:1.45}.notification-full-copy small{color:#626262;font-size:.45rem}.notification-full-item>i{width:8px;height:8px;border-radius:50%;background:#e84242}
.notifications-empty{min-height:220px;display:grid;place-items:center;align-content:center;gap:5px;text-align:center}.notifications-empty>span{font-size:2.2rem}.notifications-empty strong{color:#aaa;font-size:.75rem}.notifications-empty p{margin:0;color:#666;font-size:.53rem}
@media(max-width:720px){.notification-dropdown{position:fixed;top:62px;right:8px;left:8px;width:auto;max-height:72vh}.notification-toast-host{top:66px;right:8px}.notification-full-item{grid-template-columns:44px minmax(0,1fr) 8px;padding:9px}.notification-full-icon img,.notification-full-icon>span{width:42px;height:42px}}


/* =====================================================
   PERSOONLIJK WAARSCHUWINGSSYSTEEM
===================================================== */
body.user-warning-open{
  overflow:hidden;
}

.user-warning-overlay{
  position:fixed;
  z-index:12000;
  inset:0;
  display:grid;
  place-items:center;
  padding:18px;
  background:rgba(0,0,0,.82);
  backdrop-filter:blur(5px);
}

.user-warning-overlay[hidden]{
  display:none;
}

.user-warning-modal{
  width:min(620px,96vw);
  overflow:hidden;
  padding:22px;
  border:2px solid rgba(235,83,83,.70);
  border-radius:16px;
  background:
    radial-gradient(circle at 50% 0,rgba(214,64,64,.16),transparent 38%),
    #090909;
  box-shadow:0 24px 80px rgba(0,0,0,.72),0 0 34px rgba(218,61,61,.14);
  text-align:center;
}

.user-warning-symbol{
  width:76px;
  height:76px;
  display:grid;
  place-items:center;
  margin:0 auto 12px;
  border:1px solid rgba(235,83,83,.42);
  border-radius:50%;
  background:rgba(160,39,39,.15);
  font-size:2.3rem;
}

.user-warning-copy>span{
  color:#e05c5c;
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.10em;
}

.user-warning-copy h2{
  margin:6px 0 10px;
  color:#fff;
  font-family:Oswald,Impact,sans-serif;
  font-size:1.65rem;
  text-transform:uppercase;
}

.user-warning-copy p{
  margin:0 auto;
  max-width:520px;
  color:#d1d1d1;
  font-size:.82rem;
  line-height:1.65;
  white-space:pre-line;
}

.user-warning-copy small{
  display:block;
  margin-top:12px;
  color:#737373;
  font-size:.52rem;
}

.user-warning-actions{
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:18px;
}

.user-warning-actions .btn{
  min-width:150px;
  min-height:42px;
}

.member-mod-form textarea{
  width:100%;
  min-height:58px;
  resize:vertical;
  padding:8px 9px;
  border:1px solid rgba(244,181,27,.12);
  border-radius:7px;
  background:#070707;
  color:#ddd;
  font:inherit;
}

.btn.warning{
  border-color:rgba(245,171,49,.45);
  background:rgba(143,83,12,.22);
  color:#ffc55d;
}

.btn.warning:hover{
  background:rgba(176,101,12,.32);
}

.member-warning-admin-list{
  display:grid;
  gap:7px;
}

.member-warning-admin-list article{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:9px;
  align-items:start;
  padding:9px;
  border:1px solid rgba(235,83,83,.12);
  border-radius:8px;
  background:#080808;
}

.member-warning-admin-icon{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:rgba(179,55,55,.12);
  font-size:1rem;
}

.member-warning-admin-list strong{
  color:#e7e7e7;
  font-size:.60rem;
}

.member-warning-admin-list p{
  margin:3px 0;
  color:#999;
  font-size:.52rem;
  line-height:1.45;
}

.member-warning-admin-list small{
  color:#666;
  font-size:.44rem;
}

.warnings-page{
  width:min(900px,94%);
  margin:18px auto 38px;
}

.warning-history-list{
  display:grid;
  gap:8px;
  margin-top:12px;
}

.warning-history-item{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:10px;
  padding:12px;
  border:1px solid rgba(235,83,83,.14);
  border-radius:10px;
  background:#080808;
}

.warning-history-item.pending{
  border-color:rgba(235,83,83,.42);
  background:rgba(137,35,35,.07);
}

.warning-history-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:rgba(179,55,55,.12);
  font-size:1.25rem;
}

.warning-history-item strong{
  color:#eee;
  font-size:.68rem;
}

.warning-history-item p{
  margin:4px 0 6px;
  color:#aaa;
  font-size:.58rem;
  line-height:1.5;
}

.warning-history-item small{
  color:#666;
  font-size:.45rem;
}

.warning-history-empty{
  min-height:180px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:5px;
  text-align:center;
}

.warning-history-empty>span{
  font-size:2rem;
}

.warning-history-empty strong{
  color:#aaa;
  font-size:.70rem;
}

.warning-history-empty p{
  margin:0;
  color:#666;
  font-size:.52rem;
}

@media(max-width:600px){
  .user-warning-modal{
    padding:17px 13px;
  }

  .user-warning-copy h2{
    font-size:1.35rem;
  }

  .user-warning-copy p{
    font-size:.72rem;
  }

  .user-warning-actions{
    flex-direction:column;
  }

  .user-warning-actions .btn{
    width:100%;
  }
}


/* =====================================================
   MELDINGEN VERWIJDEREN - UPDATE 025
===================================================== */
.notification-dropdown-head-actions{
  display:flex;
  align-items:center;
  gap:7px;
}

.notification-dropdown-head-actions button{
  border:0;
  background:transparent;
  cursor:pointer;
  font-size:.44rem;
  font-weight:900;
}

#rskNotificationReadAll{
  color:var(--gold,#f4b51b);
}

#rskNotificationDeleteAll{
  color:#e36c6c;
}

.notification-dropdown-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 35px;
  align-items:stretch;
  border-bottom:1px solid rgba(255,255,255,.045);
}

.notification-dropdown-row .notification-dropdown-item{
  border-bottom:0;
}

.notification-dropdown-delete{
  width:30px;
  height:30px;
  align-self:center;
  justify-self:center;
  display:grid;
  place-items:center;
  border:1px solid rgba(224,92,92,.20);
  border-radius:7px;
  background:#0a0a0a;
  color:#d37171;
  cursor:pointer;
  font-size:.60rem;
}

.notification-dropdown-delete:hover{
  border-color:rgba(224,92,92,.55);
  background:rgba(165,43,43,.15);
  color:#ff7e7e;
}

.notifications-page-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
}

.notifications-page-actions form{
  margin:0;
}

.notification-full-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 48px;
  gap:7px;
  align-items:stretch;
}

.notification-full-delete{
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0;
}

.notification-full-delete .btn{
  width:42px;
  min-width:42px;
  height:42px;
  padding:0;
  display:grid;
  place-items:center;
}

@media(max-width:600px){
  .notification-dropdown-head{
    align-items:flex-start;
  }

  .notification-dropdown-head-actions{
    flex-direction:column;
    align-items:flex-end;
    gap:2px;
  }

  .notification-full-row{
    grid-template-columns:minmax(0,1fr) 42px;
  }

  .notification-full-delete .btn{
    width:38px;
    min-width:38px;
    height:38px;
  }
}


/* =====================================================
   DYNAMISCH WEBSITE DESIGN - UPDATE 026
===================================================== */
body{
  color:var(--text,#fff);
}

.box{
  background-color:var(--panel,#0d0d0c);
}

.page,
.footer,
.profile-social-copy,
.member-profile-copy{
  color:var(--text,#fff);
}

.section-title,
.box-title,
h1,h2,h3,
.brand,
.profile-social-name,
.member-profile-heading h1{
  color:var(--text,#fff);
}

.btn.gold,
.menu-button.gold{
  background:var(--gold,#f4b51b);
  border-color:var(--gold,#f4b51b);
}

.gold-text,
.eyebrow,
.brand span,
.status b,
.nav a:hover,
.nav a.active{
  color:var(--gold,#f4b51b);
}

.design-settings-grid{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);
  gap:12px;
}

.design-settings-form{
  display:grid;
  gap:16px;
}

.design-color-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.design-color-field{
  display:grid;
  gap:6px;
  padding:10px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:10px;
  background:rgba(0,0,0,.14);
}

.design-color-field>span{
  color:#aaa;
  font-size:.56rem;
  font-weight:800;
}

.design-color-field>div{
  display:flex;
  align-items:center;
  gap:9px;
}

.design-color-field input[type="color"]{
  width:52px;
  height:38px;
  padding:2px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:7px;
  background:#080808;
  cursor:pointer;
}

.design-color-field code{
  color:#bbb;
  font-size:.58rem;
}

.design-options-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.design-current-background{
  display:grid;
  gap:7px;
}

.design-current-background>span{
  color:#aaa;
  font-size:.56rem;
  font-weight:800;
}

.design-current-background img{
  width:100%;
  max-height:220px;
  object-fit:cover;
  border:1px solid rgba(244,181,27,.18);
  border-radius:11px;
}

.design-preview{
  overflow:hidden;
  min-height:280px;
  border:1px solid color-mix(in srgb,var(--preview-primary) 38%,transparent);
  border-radius:13px;
  background:var(--preview-bg);
  color:var(--preview-text);
  box-shadow:0 12px 32px rgba(0,0,0,.28);
}

.design-preview-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  padding:12px;
  border-bottom:1px solid color-mix(in srgb,var(--preview-primary) 26%,transparent);
  background:color-mix(in srgb,var(--preview-bg) 82%,#000);
}

.design-preview-header b{
  font-size:.62rem;
}

.design-preview-header b span{
  color:var(--preview-primary);
}

.design-preview-header em{
  color:var(--preview-primary);
  font-size:.45rem;
  font-style:normal;
  font-weight:900;
}

.design-preview-content{
  padding:18px;
}

.design-preview-content>div{
  min-height:180px;
  padding:16px;
  border-radius:11px;
  background:var(--preview-panel);
}

.design-preview-content small{
  color:var(--preview-primary);
  font-size:.46rem;
  font-weight:900;
}

.design-preview-content strong{
  display:block;
  margin-top:6px;
  font-size:.88rem;
}

.design-preview-content p{
  margin:7px 0 13px;
  color:color-mix(in srgb,var(--preview-text) 65%,transparent);
  font-size:.54rem;
}

.design-preview-content button{
  padding:8px 11px;
  border:0;
  border-radius:7px;
  background:var(--preview-primary);
  color:#111;
  font-size:.48rem;
  font-weight:900;
}

.design-settings-help{
  margin-top:10px;
  line-height:1.5;
}

@media(max-width:900px){
  .design-settings-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:600px){
  .design-color-grid,
  .design-options-grid{
    grid-template-columns:1fr;
  }
}


/* =====================================================
   MELDINGGELUID - UPDATE 028
===================================================== */
#rskNotificationSoundToggle{
  color:#8fd49d;
}

#rskNotificationSoundToggle.is-muted{
  color:#888;
}

#rskNotificationSoundToggle:hover{
  color:var(--gold,#f4b51b);
}

.notification-dropdown-head-actions{
  flex-wrap:wrap;
  justify-content:flex-end;
}


/* =====================================================
   GAST VERZOEKJES - UPDATE 029
===================================================== */
.guest-request-banner{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:10px;
  align-items:center;
  margin:12px 0;
  padding:11px;
  border:1px solid color-mix(in srgb,var(--gold,#f4b51b) 28%,transparent);
  border-radius:10px;
  background:color-mix(in srgb,var(--gold,#f4b51b) 7%,transparent);
}

.guest-request-banner>span{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:color-mix(in srgb,var(--gold,#f4b51b) 12%,transparent);
  font-size:1.15rem;
}

.guest-request-banner strong{
  display:block;
  color:var(--gold,#f4b51b);
  font-size:.62rem;
}

.guest-request-banner small{
  display:block;
  margin-top:2px;
  color:#999;
  font-size:.49rem;
  line-height:1.4;
}


/* =====================================================
   EIGEN NIEUWS - UPDATE 030
===================================================== */
.own-news-list{
  display:grid;
  gap:10px;
}

.own-news-card{
  padding:15px;
  border:1px solid color-mix(in srgb,var(--gold,#f4b51b) 13%,transparent);
  border-radius:11px;
  background:var(--panel,#0d0d0c);
}

.own-news-card.featured{
  border-color:color-mix(in srgb,var(--gold,#f4b51b) 35%,transparent);
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}

.own-news-meta{
  display:flex;
  justify-content:space-between;
  gap:10px;
  color:#777;
  font-size:.48rem;
}

.own-news-meta span{
  color:var(--gold,#f4b51b);
  font-weight:900;
}

.own-news-card h3{
  margin:8px 0;
  color:var(--text,#fff);
  font-family:Oswald,Impact,sans-serif;
  font-size:1.05rem;
}

.own-news-body{
  color:#aaa;
  font-size:.62rem;
  line-height:1.65;
}

.own-news-author{
  display:block;
  margin-top:11px;
  color:#686868;
  font-size:.46rem;
}

.news-admin-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);
  gap:12px;
  margin-bottom:12px;
}

.news-admin-list{
  display:grid;
  gap:9px;
}

.news-admin-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:start;
  padding:12px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:10px;
  background:rgba(0,0,0,.14);
}

.news-admin-copy strong,
.news-admin-copy small{
  display:block;
}

.news-admin-copy strong{
  color:var(--text,#fff);
  font-size:.70rem;
}

.news-admin-copy small{
  margin-top:3px;
  color:#666;
  font-size:.46rem;
}

.news-admin-copy p{
  margin-top:8px;
  color:#999;
  font-size:.56rem;
  line-height:1.55;
}

@media(max-width:800px){
  .news-admin-grid{
    grid-template-columns:1fr;
  }

  .news-admin-item{
    grid-template-columns:1fr;
  }
}


/* =====================================================
   UPDATE NIEUWS - UPDATE 032
===================================================== */
.update-news-section{
  display:grid;
  gap:12px;
}

.update-news-latest{
  position:relative;
  overflow:hidden;
  padding:17px;
  border:1px solid color-mix(in srgb,var(--gold,#f4b51b) 38%,transparent);
  border-radius:12px;
  background:
    radial-gradient(circle at 0 0,color-mix(in srgb,var(--gold,#f4b51b) 10%,transparent),transparent 42%),
    var(--panel,#0d0d0c);
}

.update-news-badge{
  display:inline-flex;
  padding:5px 8px;
  margin-bottom:10px;
  border-radius:999px;
  background:var(--gold,#f4b51b);
  color:#111;
  font-size:.45rem;
  font-weight:900;
}

.update-news-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}

.update-news-top small{
  display:block;
  color:#777;
  font-size:.48rem;
}

.update-news-top h3{
  margin:3px 0 0;
  color:var(--text,#fff);
  font-family:Oswald,Impact,sans-serif;
  font-size:1.12rem;
}

.update-news-top time{
  flex:0 0 auto;
  padding:7px 9px;
  border:1px solid color-mix(in srgb,var(--gold,#f4b51b) 18%,transparent);
  border-radius:8px;
  background:rgba(0,0,0,.18);
  color:#aaa;
  font-size:.50rem;
  font-weight:800;
}

.update-news-latest>p{
  margin:10px 0 0;
  color:#a8a8a8;
  font-size:.60rem;
  line-height:1.6;
}

.update-news-archive{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.07);
  border-radius:11px;
  background:var(--panel,#0d0d0c);
}

.update-news-archive>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px 14px;
  cursor:pointer;
  color:var(--text,#fff);
  font-size:.62rem;
  font-weight:900;
  list-style:none;
}

.update-news-archive>summary::-webkit-details-marker{
  display:none;
}

.update-news-archive>summary span{
  color:var(--gold,#f4b51b);
  font-size:.48rem;
}

.update-news-list{
  display:grid;
  border-top:1px solid rgba(255,255,255,.06);
}

.update-news-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:11px 13px;
  border-bottom:1px solid rgba(255,255,255,.05);
}

.update-news-item:last-child{
  border-bottom:0;
}

.update-news-item-main{
  min-width:0;
}

.update-news-id{
  display:block;
  color:var(--gold,#f4b51b);
  font-size:.43rem;
  font-weight:900;
}

.update-news-item strong{
  display:block;
  margin-top:2px;
  color:#ddd;
  font-size:.60rem;
}

.update-news-item p{
  margin:4px 0 0;
  color:#777;
  font-size:.50rem;
  line-height:1.45;
}

.update-news-item time{
  min-width:86px;
  text-align:right;
}

.update-news-item time b,
.update-news-item time span{
  display:block;
}

.update-news-item time b{
  color:#999;
  font-size:.49rem;
}

.update-news-item time span{
  margin-top:2px;
  color:#666;
  font-size:.44rem;
}

@media(max-width:650px){
  .update-news-top{
    display:grid;
  }

  .update-news-top time{
    justify-self:start;
  }

  .update-news-item{
    grid-template-columns:1fr;
  }

  .update-news-item time{
    text-align:left;
  }

  .update-news-item time b,
  .update-news-item time span{
    display:inline;
  }
}


/* =====================================================
   UPDATE NIEUWS VAN VANDAAG - UPDATE 033
===================================================== */
.update-news-today-list{
  display:grid;
  gap:10px;
}

.update-news-latest:not(.is-latest){
  border-color:rgba(255,255,255,.08);
  box-shadow:none;
}

.update-news-latest:not(.is-latest) .update-news-top h3{
  font-size:.95rem;
}


/* =====================================================
   NIEUWS BEWERKEN EN LIKES - UPDATE 034
===================================================== */
.news-admin-edit{
  margin-top:11px;
  border-top:1px solid rgba(255,255,255,.06);
  padding-top:9px;
}

.news-admin-edit>summary{
  cursor:pointer;
  color:var(--gold,#f4b51b);
  font-size:.50rem;
  font-weight:900;
  list-style:none;
}

.news-admin-edit>summary::-webkit-details-marker{
  display:none;
}

.news-admin-edit .form-grid{
  margin-top:10px;
}

.own-news-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:12px;
}

.own-news-footer .own-news-author{
  margin-top:0;
}

.news-like-form{
  margin:0;
}

.news-like-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-height:31px;
  padding:6px 9px;
  border:1px solid rgba(244,181,27,.18);
  border-radius:999px;
  background:rgba(0,0,0,.20);
  color:#aaa;
  text-decoration:none;
  font-size:.50rem;
  font-weight:800;
  cursor:pointer;
}

.news-like-button b{
  min-width:20px;
  padding:2px 5px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  color:#ddd;
  font-size:.46rem;
}

.news-like-button:hover,
.news-like-button.liked{
  border-color:color-mix(in srgb,var(--gold,#f4b51b) 45%,transparent);
  color:var(--gold,#f4b51b);
  background:color-mix(in srgb,var(--gold,#f4b51b) 8%,transparent);
}

.news-like-button.guest{
  cursor:pointer;
}

@media(max-width:600px){
  .own-news-footer{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* =====================================================
   UPDATES IN STAFFPANEEL - UPDATE 037
===================================================== */
.panel-updatecenter-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:13px;
}

.panel-updatecenter-head h2{
  margin:0 0 4px;
  color:var(--text,#fff);
  font-family:Oswald,Impact,sans-serif;
  font-size:1.15rem;
}

.panel-update-list{
  margin-top:10px;
}

.panel-update-results{
  margin-bottom:12px;
}

.panel-update-actions{
  margin-top:13px;
}

.system-update-empty-clean{
  display:flex;
  align-items:center;
  gap:11px;
  padding:14px;
  border:1px solid rgba(94,190,113,.20);
  border-radius:10px;
  background:rgba(46,112,60,.08);
}

.system-update-empty-clean>span{
  font-size:1.35rem;
}

.system-update-empty-clean strong,
.system-update-empty-clean small{
  display:block;
}

.system-update-empty-clean strong{
  color:#9bdda8;
  font-size:.68rem;
}

.system-update-empty-clean small{
  margin-top:3px;
  color:#777;
  font-size:.50rem;
  line-height:1.45;
}

.panel-update-note{
  margin-top:13px;
  padding:11px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:9px;
  background:rgba(0,0,0,.13);
}

.panel-update-note strong{
  display:block;
  color:var(--gold,#f4b51b);
  font-size:.58rem;
}

.panel-update-note p{
  margin:5px 0 0;
  color:#777;
  font-size:.50rem;
  line-height:1.5;
}

@media(max-width:700px){
  .panel-updatecenter-head{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* =====================================================
   GOOGLE LOGIN FIX - UPDATE 038
===================================================== */
.google-login-checks{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:11px 0;
}

.google-login-checks>div{
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:8px;
  align-items:center;
  padding:9px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:9px;
  background:rgba(0,0,0,.15);
}

.google-login-checks>div.ok{
  border-color:rgba(85,185,105,.20);
}

.google-login-checks>div.bad{
  border-color:rgba(220,90,90,.24);
}

.google-login-checks>div>span{
  font-size:.78rem;
}

.google-login-checks strong,
.google-login-checks small{
  display:block;
}

.google-login-checks strong{
  color:var(--text,#fff);
  font-size:.56rem;
}

.google-login-checks small{
  margin-top:2px;
  color:#777;
  font-size:.46rem;
}

@media(max-width:650px){
  .google-login-checks{
    grid-template-columns:1fr;
  }
}


/* =====================================================
   VASTE WEBPLAYER ONDERIN - UPDATE 042
===================================================== */
:root{
  --rsk-player-height:82px;
}

body.rsk-has-bottom-player{
  padding-bottom:var(--rsk-player-height);
}

.rsk-bottom-player{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:5000;
  min-height:var(--rsk-player-height);
  border-top:1px solid rgba(244,181,27,.44);
  background:
    linear-gradient(90deg,rgba(5,5,5,.985),rgba(24,20,10,.985),rgba(5,5,5,.985));
  box-shadow:0 -12px 34px rgba(0,0,0,.48);
  backdrop-filter:blur(15px);
}

.rsk-bottom-player-inner{
  width:min(1450px,96%);
  min-height:var(--rsk-player-height);
  margin:0 auto;
  display:grid;
  grid-template-columns:54px 50px minmax(0,1fr) minmax(230px,320px);
  align-items:center;
  gap:12px;
}

.rsk-bottom-player audio{
  display:none;
}

.rsk-player-play{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border:1px solid rgba(244,181,27,.62);
  border-radius:50%;
  background:var(--gold,#f4b51b);
  color:#080808;
  cursor:pointer;
  font:900 1rem/1 Inter,Arial,sans-serif;
  transition:transform .16s ease,filter .16s ease;
}

.rsk-player-play:hover{
  filter:brightness(1.08);
  transform:scale(1.04);
}

.rsk-player-play:focus-visible,
.rsk-player-volume-button:focus-visible,
.rsk-player-volume input:focus-visible{
  outline:2px solid var(--accent,#ffd75a);
  outline-offset:3px;
}

.rsk-player-brand{
  position:relative;
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
}

.rsk-player-brand img{
  width:50px;
  height:50px;
  object-fit:contain;
  border-radius:10px;
  background:#090909;
}

.rsk-player-live-dot{
  position:absolute;
  right:-2px;
  bottom:-2px;
  width:13px;
  height:13px;
  border:3px solid #090909;
  border-radius:50%;
  background:#ef3d3d;
  box-shadow:0 0 0 0 rgba(239,61,61,.55);
  animation:rskPlayerPulse 1.8s infinite;
}

@keyframes rskPlayerPulse{
  0%{box-shadow:0 0 0 0 rgba(239,61,61,.48)}
  70%{box-shadow:0 0 0 8px rgba(239,61,61,0)}
  100%{box-shadow:0 0 0 0 rgba(239,61,61,0)}
}

.rsk-player-copy{
  min-width:0;
}

.rsk-player-kicker{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:3px;
  color:var(--gold,#f4b51b);
  font-size:.50rem;
  font-weight:900;
  letter-spacing:.8px;
}

.rsk-player-kicker b{
  padding:2px 6px;
  border:1px solid rgba(244,181,27,.26);
  border-radius:999px;
  background:rgba(244,181,27,.08);
  font-size:.43rem;
  letter-spacing:.4px;
}

.rsk-bottom-player[data-state="playing"] .rsk-player-kicker b{
  color:#a9e7b2;
  border-color:rgba(89,190,107,.25);
  background:rgba(89,190,107,.08);
}

.rsk-bottom-player[data-state="error"] .rsk-player-kicker b{
  color:#f39c9c;
  border-color:rgba(220,80,80,.28);
}

.rsk-player-title{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#fff;
  font-family:Oswald,Impact,sans-serif;
  font-size:1.02rem;
  font-weight:700;
  letter-spacing:.15px;
}

.rsk-player-subline{
  min-width:0;
  display:flex;
  gap:6px;
  align-items:center;
  margin-top:3px;
  overflow:hidden;
  color:#858585;
  font-size:.49rem;
  white-space:nowrap;
}

.rsk-player-subline span:first-child{
  overflow:hidden;
  text-overflow:ellipsis;
}

.rsk-player-volume{
  min-width:0;
  display:grid;
  grid-template-columns:34px minmax(90px,1fr) 42px;
  align-items:center;
  gap:8px;
}

.rsk-player-volume-button{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(244,181,27,.20);
  border-radius:8px;
  background:#101010;
  color:#fff;
  cursor:pointer;
}

.rsk-player-volume input[type="range"]{
  width:100%;
  accent-color:var(--gold,#f4b51b);
  cursor:pointer;
}

.rsk-player-volume>span{
  color:#aaa;
  font-size:.52rem;
  font-weight:800;
  text-align:right;
}

.rsk-chat-dock{
  bottom:var(--rsk-player-height);
}

@media(max-width:760px){
  :root{
    --rsk-player-height:108px;
  }

  .rsk-bottom-player-inner{
    width:96%;
    min-height:108px;
    grid-template-columns:46px minmax(0,1fr);
    grid-template-rows:62px 35px;
    gap:0 10px;
  }

  .rsk-player-brand{
    display:none;
  }

  .rsk-player-play{
    width:44px;
    height:44px;
    grid-column:1;
    grid-row:1;
  }

  .rsk-player-copy{
    grid-column:2;
    grid-row:1;
  }

  .rsk-player-title{
    font-size:.90rem;
  }

  .rsk-player-subline{
    font-size:.45rem;
  }

  .rsk-player-volume{
    grid-column:1 / -1;
    grid-row:2;
    grid-template-columns:32px minmax(0,1fr) 40px;
  }

  .rsk-player-volume-button{
    width:30px;
    height:30px;
  }
}

@media(max-width:380px){
  .rsk-player-kicker{
    font-size:.44rem;
  }

  .rsk-player-title{
    font-size:.80rem;
  }

  .rsk-player-subline{
    font-size:.41rem;
  }
}

@media(prefers-reduced-motion:reduce){
  .rsk-player-live-dot{
    animation:none;
  }

  .rsk-player-play{
    transition:none;
  }
}


/* =====================================================
   PLAYER KIEZEN IN BEHEER - UPDATE 043
===================================================== */
.player-choice-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:14px;
}

.player-choice-card{
  position:relative;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:7px;
  min-height:190px;
  padding:17px;
  border:1px solid rgba(244,181,27,.16);
  border-radius:12px;
  background:rgba(0,0,0,.17);
  cursor:pointer;
}

.player-choice-card.selected{
  border-color:rgba(244,181,27,.58);
  background:rgba(244,181,27,.07);
  box-shadow:inset 0 0 0 1px rgba(244,181,27,.10);
}

.player-choice-card input{
  position:absolute;
  top:14px;
  right:14px;
  width:20px;
  height:20px;
  accent-color:var(--gold,#f4b51b);
}

.player-choice-icon{
  font-size:1.65rem;
}

.player-choice-card strong{
  color:#fff;
  font-family:Oswald,Impact,sans-serif;
  font-size:1.04rem;
  text-transform:uppercase;
}

.player-choice-card small{
  max-width:420px;
  color:#888;
  font-size:.58rem;
  line-height:1.55;
}

.player-choice-status{
  margin-top:auto;
  color:var(--gold,#f4b51b);
  font-size:.54rem;
  font-weight:900;
}

.player-choice-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:13px;
}

.player-choice-info{
  margin-top:13px;
  padding:10px 12px;
  border:1px solid rgba(244,181,27,.12);
  border-radius:8px;
  color:#888;
  font-size:.55rem;
}

.player-choice-info strong{
  color:var(--gold,#f4b51b);
}

@media(max-width:720px){
  .player-choice-grid{
    grid-template-columns:1fr;
  }

  .player-choice-card{
    min-height:165px;
  }
}


/* =====================================================
   NIEUWE PLAYER STREAM + GROTERE TEKST - UPDATE 044
===================================================== */
.rsk-player-kicker{
  font-size:.58rem;
  letter-spacing:.9px;
}

.rsk-player-kicker b{
  font-size:.50rem;
  padding:3px 7px;
}

.rsk-player-title{
  font-size:1.18rem;
  line-height:1.12;
}

.rsk-player-subline{
  margin-top:4px;
  font-size:.57rem;
}

.rsk-player-volume>span{
  font-size:.60rem;
}

.rsk-player-volume-button{
  font-size:.82rem;
}

@media(max-width:760px){
  .rsk-player-kicker{
    font-size:.50rem;
  }

  .rsk-player-kicker b{
    font-size:.45rem;
  }

  .rsk-player-title{
    font-size:1.02rem;
  }

  .rsk-player-subline{
    font-size:.50rem;
  }

  .rsk-player-volume>span{
    font-size:.54rem;
  }
}

@media(max-width:380px){
  .rsk-player-kicker{
    font-size:.47rem;
  }

  .rsk-player-title{
    font-size:.94rem;
  }

  .rsk-player-subline{
    font-size:.46rem;
  }
}


/* =====================================================
   LUISTERAARS EVEN GROOT ALS GEBRUIKERS - UPDATE 045
===================================================== */
.station-numbers strong #sonic_listeners_sidebar{
  display:inline;
  margin:0;
  color:inherit;
  font-family:inherit;
  font-size:inherit;
  font-weight:inherit;
  line-height:inherit;
}


/* =====================================================
   ALLE WEBSITE TEKSTEN GROTER - UPDATE 048
===================================================== */
body{
  font-size:17px;
}

/* Menu */
.nav a,
.mobile-nav a,
.compact-dropdown a,
.menu-button,
.compact-menu-summary{
  font-size:.74rem;
}

/* Panelen en standaardteksten */
.box-title,
.side-title{
  font-size:1.30rem;
}

.box-body,
.panel,
.panel-intro,
.copy-block p,
.side-panel p,
.request-item,
.request-meta{
  font-size:.84rem;
  line-height:1.60;
}

/* Knoppen */
.btn,
.listen-button,
.ghost-button{
  font-size:.78rem;
}

.btn.small{
  font-size:.70rem;
}

/* Homepage cijfers */
.hero-stats span{
  font-size:.72rem;
}

.hero-stats b{
  font-size:.86rem;
}

/* Sidebar */
.side-links a{
  font-size:.79rem;
}

.side-live small{
  font-size:.64rem;
}

.side-live strong{
  font-size:1.08rem;
}

.side-live p{
  font-size:.78rem;
}

/* Formulieren */
.form-row label{
  font-size:.76rem;
}

.form-row small,
.muted{
  font-size:.70rem;
}

input,
select,
textarea,
button{
  font-size:1rem!important;
}

/* Profielen / leden / staff */
.member-card,
.staffteam-card,
.profile-social-card,
.profile-social-mini-profile{
  font-size:.84rem;
}

.staffteam-card h3,
.member-card h3{
  font-size:1.20rem;
}

.staffteam-meta,
.member-meta{
  font-size:.74rem;
}

/* Nieuws */
.own-news-card h3,
.news-card h3{
  font-size:1.22rem;
}

.own-news-card p,
.news-card p{
  font-size:.86rem;
  line-height:1.64;
}

.own-news-meta,
.news-meta{
  font-size:.72rem;
}

/* Meldingen / waarschuwingen */
.notification-dropdown,
.notification-full-item,
.warning-history-item,
.user-warning-modal{
  font-size:.82rem;
}

/* Chat */
.rsk-chat-friends-panel,
.rsk-mini-chat-window,
.rsk-chat-toggle{
  font-size:.78rem;
}

/* Staffpaneel */
.panel-nav a{
  font-size:.74rem;
}

.stat-line,
.member-moderation-row,
.system-update-row,
.player-choice-card{
  font-size:.82rem;
}

/* Onderste player */
.rsk-player-kicker{
  font-size:.66rem;
}

.rsk-player-kicker b{
  font-size:.58rem;
}

.rsk-player-title{
  font-size:1.30rem;
}

.rsk-player-subline{
  font-size:.66rem;
}

.rsk-player-volume>span{
  font-size:.68rem;
}

/* Footer */
.footer{
  font-size:.76rem;
}

@media(max-width:760px){
  body{
    font-size:16px;
  }

  .nav a,
  .mobile-nav a,
  .compact-dropdown a,
  .menu-button,
  .compact-menu-summary{
    font-size:.70rem;
  }

  .box-title,
  .side-title{
    font-size:1.20rem;
  }

  .box-body,
  .panel,
  .side-panel p,
  .request-item{
    font-size:.80rem;
  }

  .rsk-player-title{
    font-size:1.12rem;
  }

  .rsk-player-subline{
    font-size:.58rem;
  }
}


/* =====================================================
   MODERN STRAK STAFFPANEEL - UPDATE 049
===================================================== */
.staff-panel-page{
  width:min(1540px,97%);
  padding-top:22px;
}

.staff-panel-shell{
  overflow:visible;
  border:1px solid color-mix(in srgb,var(--gold) 22%,#242424);
  border-radius:18px;
  background:
    linear-gradient(145deg,
      color-mix(in srgb,var(--panel) 96%,#161616),
      color-mix(in srgb,var(--panel) 98%,#070707));
  box-shadow:0 24px 70px rgba(0,0,0,.34);
}

.staff-panel-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:24px 26px 20px;
  border-bottom:1px solid color-mix(in srgb,var(--gold) 16%,transparent);
  background:
    radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--gold) 13%,transparent),transparent 34%),
    linear-gradient(110deg,rgba(255,255,255,.018),transparent 62%);
  border-radius:18px 18px 0 0;
}

.staff-panel-hero-copy{
  min-width:0;
}

.staff-panel-eyebrow,
.staff-section-kicker{
  display:block;
  margin-bottom:5px;
  color:var(--gold);
  font-size:.58rem;
  font-weight:900;
  letter-spacing:1.4px;
}

.staff-panel-hero h1{
  margin:0;
  color:#fff;
  font-family:Oswald,Impact,sans-serif;
  font-size:2rem;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.4px;
}

.staff-panel-hero-copy p{
  max-width:680px;
  margin:8px 0 0;
  color:#8e8e8e;
  font-size:.76rem;
  line-height:1.55;
}

.staff-panel-account{
  min-width:320px;
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  padding:11px;
  border:1px solid color-mix(in srgb,var(--gold) 17%,#282828);
  border-radius:13px;
  background:rgba(0,0,0,.22);
}

.staff-panel-account-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:11px;
  border:1px solid color-mix(in srgb,var(--gold) 42%,transparent);
  background:color-mix(in srgb,var(--gold) 10%,#0b0b0b);
  color:var(--gold);
  font-family:Oswald,Impact,sans-serif;
  font-size:1.25rem;
  font-weight:800;
}

.staff-panel-account-copy{
  min-width:0;
}

.staff-panel-account-copy small{
  display:block;
  color:#696969;
  font-size:.48rem;
  font-weight:900;
  letter-spacing:.8px;
}

.staff-panel-account-copy>strong{
  display:block;
  overflow:hidden;
  margin:2px 0 4px;
  color:#f4f4f4;
  font-size:.76rem;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.staff-panel-account .role-badge-list{
  display:flex;
  flex-wrap:wrap;
  gap:3px;
}

.staff-panel-account .role-badge{
  margin:0;
  padding:2px 6px;
  font-size:.45rem;
}

.staff-panel-site-link{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 9px;
  border:1px solid color-mix(in srgb,var(--gold) 24%,transparent);
  border-radius:8px;
  color:var(--gold);
  text-decoration:none;
  font-size:.56rem;
  font-weight:900;
  white-space:nowrap;
}

.staff-panel-site-link:hover{
  background:color-mix(in srgb,var(--gold) 9%,transparent);
}

.staff-panel-body{
  padding:0 22px 24px;
}

.staff-panel-nav{
  position:sticky;
  top:8px;
  z-index:70;
  display:flex;
  gap:5px;
  margin:0 -4px 22px;
  padding:10px 4px;
  overflow-x:auto;
  border-bottom:1px solid color-mix(in srgb,var(--gold) 13%,transparent);
  background:color-mix(in srgb,var(--panel) 93%,transparent);
  backdrop-filter:blur(16px);
  scrollbar-width:thin;
}

.staff-panel-nav a{
  flex:0 0 auto;
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 11px;
  border:1px solid transparent;
  border-radius:9px;
  color:#8e8e8e;
  text-decoration:none;
  font-size:.66rem;
  font-weight:850;
  letter-spacing:.15px;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
}

.staff-panel-nav a:hover{
  border-color:color-mix(in srgb,var(--gold) 18%,transparent);
  background:color-mix(in srgb,var(--gold) 6%,transparent);
  color:#e9e9e9;
}

.staff-panel-nav a.active{
  border-color:color-mix(in srgb,var(--gold) 58%,transparent);
  background:var(--gold);
  color:#0a0a0a;
  box-shadow:0 6px 18px color-mix(in srgb,var(--gold) 15%,transparent);
}

.staff-dashboard-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:16px;
  margin:2px 0 12px;
}

.staff-dashboard-head h2{
  margin:0;
  color:#f5f5f5;
  font-family:Oswald,Impact,sans-serif;
  font-size:1.35rem;
  text-transform:uppercase;
}

.staff-dashboard-status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:6px 9px;
  border:1px solid rgba(77,178,99,.24);
  border-radius:999px;
  background:rgba(77,178,99,.07);
  color:#98d7a5;
  font-size:.52rem;
  font-weight:900;
}

.staff-dashboard-status i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#59bc6c;
  box-shadow:0 0 0 4px rgba(89,188,108,.10);
}

.staff-dashboard-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.staff-panel-page .request-item{
  border-color:color-mix(in srgb,var(--gold) 12%,#262626);
  background:linear-gradient(145deg,rgba(255,255,255,.018),rgba(0,0,0,.16));
}

.staff-stat-card{
  min-height:112px;
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  align-items:center;
  gap:11px;
  padding:14px;
  border-radius:12px;
}

.staff-stat-icon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--gold) 20%,transparent);
  border-radius:10px;
  background:color-mix(in srgb,var(--gold) 6%,#0d0d0d);
  font-size:1.18rem;
}

.staff-stat-card strong{
  display:block;
  overflow:hidden;
  color:#fff!important;
  font-family:Oswald,Impact,sans-serif;
  font-size:1.32rem;
  line-height:1.05;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.staff-stat-card b{
  display:block;
  margin-top:3px;
  color:var(--gold);
  font-size:.61rem;
  text-transform:uppercase;
  letter-spacing:.5px;
}

.staff-stat-card .request-meta{
  margin-top:2px;
  color:#707070;
}

.staff-stat-live{
  border-color:color-mix(in srgb,var(--gold) 27%,#252525)!important;
}

.staff-action-card{
  min-height:92px;
  margin-top:0;
  padding:14px;
  border-radius:12px;
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}

.staff-action-card:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--gold) 31%,#262626);
  background:color-mix(in srgb,var(--gold) 4%,#101010);
}

.staff-action-card>strong{
  display:block;
  color:#f1f1f1!important;
  font-size:.72rem;
}

.staff-action-card .gold-text{
  display:inline-block;
  margin-top:3px;
  text-decoration:none;
}

.staff-action-card .gold-text:hover{
  text-decoration:underline;
}

.staff-panel-subbox{
  margin-top:14px;
  border-color:color-mix(in srgb,var(--gold) 12%,#292929);
  border-radius:13px;
  background:rgba(0,0,0,.10);
}

.staff-panel-page .box-title{
  padding:12px 14px;
  border-bottom:1px solid color-mix(in srgb,var(--gold) 12%,transparent);
  background:rgba(255,255,255,.012);
  font-size:.88rem;
  letter-spacing:.2px;
}

.staff-panel-page .box-body{
  padding:14px;
}

.staff-panel-page .form-grid,
.staff-panel-page .message-form{
  gap:13px;
}

.staff-panel-page .form-row{
  gap:6px;
}

.staff-panel-page .form-row label{
  color:#b2b2b2;
  font-size:.67rem;
}

.staff-panel-page .form-row input,
.staff-panel-page .form-row select,
.staff-panel-page .form-row textarea,
.staff-panel-page .admin-actions select{
  min-height:44px;
  border-color:color-mix(in srgb,var(--gold) 17%,#303030);
  border-radius:9px;
  background:#0b0b0b;
}

.staff-panel-page .form-row input:focus,
.staff-panel-page .form-row select:focus,
.staff-panel-page .form-row textarea:focus{
  border-color:color-mix(in srgb,var(--gold) 62%,transparent);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 8%,transparent);
}

.staff-panel-page .btn{
  min-height:39px;
  border-radius:8px;
}

.staff-panel-page .btn.gold{
  box-shadow:0 7px 17px color-mix(in srgb,var(--gold) 12%,transparent);
}

.staff-panel-page table{
  border-collapse:separate;
  border-spacing:0;
}

.staff-panel-page th{
  background:rgba(255,255,255,.025);
  color:#aaa;
  font-size:.58rem;
  letter-spacing:.35px;
  text-transform:uppercase;
}

.staff-panel-page th,
.staff-panel-page td{
  padding:10px 11px;
  border-bottom:1px solid rgba(255,255,255,.045);
}

.staff-panel-page tbody tr:hover td{
  background:rgba(255,255,255,.018);
}

.staff-panel-page .alert{
  margin:12px 0;
  border-radius:9px;
}

.staff-panel-page .member-moderation-row,
.staff-panel-page .system-update-row,
.staff-panel-page .warning-history-item{
  border-radius:11px;
  border-color:color-mix(in srgb,var(--gold) 12%,#2a2a2a);
}

@media(max-width:1050px){
  .staff-panel-hero{
    align-items:flex-start;
    flex-direction:column;
  }

  .staff-panel-account{
    width:100%;
    min-width:0;
  }

  .staff-dashboard-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:680px){
  .staff-panel-page{
    width:96%;
    padding-top:12px;
  }

  .staff-panel-shell{
    border-radius:13px;
  }

  .staff-panel-hero{
    padding:18px 15px 15px;
    border-radius:13px 13px 0 0;
  }

  .staff-panel-hero h1{
    font-size:1.65rem;
  }

  .staff-panel-hero-copy p{
    font-size:.70rem;
  }

  .staff-panel-account{
    grid-template-columns:42px minmax(0,1fr);
  }

  .staff-panel-account-icon{
    width:42px;
    height:42px;
  }

  .staff-panel-site-link{
    grid-column:1/-1;
    width:100%;
    justify-content:center;
  }

  .staff-panel-body{
    padding:0 11px 16px;
  }

  .staff-panel-nav{
    top:4px;
    margin-bottom:16px;
    padding-top:8px;
    padding-bottom:8px;
  }

  .staff-panel-nav a{
    min-height:36px;
    padding:7px 9px;
    font-size:.62rem;
  }

  .staff-dashboard-head{
    align-items:flex-start;
    flex-direction:column;
    gap:7px;
  }

  .staff-dashboard-grid{
    grid-template-columns:1fr;
  }

  .staff-stat-card{
    min-height:92px;
  }

  .staff-panel-page .box-body{
    padding:11px;
  }
}

@media(prefers-reduced-motion:reduce){
  .staff-panel-nav a,
  .staff-action-card{
    transition:none;
  }
}


/* =====================================================
   MODERNER SITE MENU - UPDATE 050
===================================================== */
.topbar-wrap{
  background:linear-gradient(180deg,rgba(5,5,5,.92),rgba(5,5,5,.64));
  border-bottom:none;
  padding:10px 0 8px;
  backdrop-filter:blur(18px);
}

.topbar{
  min-height:76px;
  gap:16px;
  padding:12px 16px;
  border:1px solid color-mix(in srgb,var(--gold) 18%,#2a2a2a);
  border-radius:18px;
  background:
    radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--gold) 10%,transparent),transparent 32%),
    linear-gradient(145deg,rgba(255,255,255,.02),rgba(0,0,0,.16));
  box-shadow:
    0 18px 44px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.03);
}

.modern-brand{
  gap:11px;
  min-width:0;
}

.brand-logo-frame{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  flex:0 0 48px;
  border:1px solid color-mix(in srgb,var(--gold) 24%,transparent);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(244,181,27,.10),rgba(255,255,255,.02));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.brand-logo{
  width:38px;
  height:38px;
  flex-basis:38px;
  border-radius:12px;
}

.brand-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}

.brand-text{
  font-size:.84rem;
  letter-spacing:1px;
  line-height:1.05;
}

.brand-sub{
  color:#8a8a8a;
  font-size:.53rem;
  font-weight:800;
  letter-spacing:.55px;
  white-space:nowrap;
}

.modern-site-nav{
  gap:6px;
  justify-content:center;
  align-items:center;
  flex-wrap:nowrap;
}

.modern-site-nav > a,
.modern-site-nav .compact-menu-summary{
  min-height:38px;
  padding:9px 12px;
  border:1px solid transparent;
  border-radius:999px;
  background:rgba(255,255,255,.012);
  color:#b1b1b1;
  font-size:.59rem;
  font-weight:900;
  letter-spacing:.55px;
  transition:
    color .18s ease,
    background .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease;
}

.modern-site-nav > a:hover,
.modern-site-nav > a.active,
.modern-site-nav .compact-menu-summary:hover,
.modern-site-nav .compact-menu-summary.active,
.modern-site-nav .compact-account-menu[open] > .compact-menu-summary{
  color:#101010;
  background:linear-gradient(180deg,var(--gold),color-mix(in srgb,var(--gold) 86%,#ffd869));
  border-color:color-mix(in srgb,var(--gold) 75%,transparent);
  box-shadow:0 9px 18px color-mix(in srgb,var(--gold) 13%,transparent);
  transform:translateY(-1px);
}

.modern-site-nav .compact-account-menu{
  position:relative;
}

.modern-site-nav .compact-menu-summary::after{
  margin-left:7px;
  color:inherit;
}

.compact-dropdown{
  top:calc(100% + 10px);
  right:0;
  width:228px;
  padding:8px;
  border:1px solid color-mix(in srgb,var(--gold) 24%,#323232);
  border-radius:15px;
  background:
    linear-gradient(145deg,rgba(13,13,12,.98),rgba(7,7,7,.98));
  box-shadow:
    0 22px 40px rgba(0,0,0,.45),
    inset 0 1px 0 rgba(255,255,255,.03);
}

.compact-dropdown a{
  min-height:39px;
  padding:10px 12px;
  border-radius:10px;
  color:#c6c6c6;
  font-size:.64rem;
}

.compact-dropdown a:hover{
  background:color-mix(in srgb,var(--gold) 9%,transparent);
  color:#fff;
}

.modern-top-actions{
  gap:9px;
}

.modern-status{
  min-height:38px;
  padding:8px 11px;
  border:1px solid color-mix(in srgb,var(--gold) 16%,#2d2d2d);
  border-radius:999px;
  background:rgba(255,255,255,.018);
  color:#d4d4d4;
  font-size:.56rem;
}

.modern-status b{
  color:#fff;
  font-size:.62rem;
}

.notification-bell{
  width:40px;
  height:40px;
  border-radius:12px;
  border-color:color-mix(in srgb,var(--gold) 15%,#2f2f2f);
  background:rgba(255,255,255,.015);
  transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease;
}

.notification-bell:hover,
.notification-bell.has-unread{
  border-color:color-mix(in srgb,var(--gold) 60%,transparent);
  background:color-mix(in srgb,var(--gold) 8%,transparent);
  transform:translateY(-1px);
  box-shadow:0 10px 18px rgba(0,0,0,.18);
}

.notification-bell > b{
  border-color:#0d0d0d;
}

.compact-profile-chip{
  width:42px;
  height:42px;
  justify-content:center;
  border:1px solid color-mix(in srgb,var(--gold) 17%,#2d2d2d);
  border-radius:12px;
  background:rgba(255,255,255,.015);
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}

.compact-profile-chip:hover{
  border-color:color-mix(in srgb,var(--gold) 55%,transparent);
  background:color-mix(in srgb,var(--gold) 7%,transparent);
  transform:translateY(-1px);
}

.compact-profile-chip img,
.compact-profile-chip > span{
  width:28px;
  height:28px;
  flex-basis:28px;
}

.compact-login,
.compact-register{
  min-height:38px;
  padding:8px 12px;
  border-radius:999px;
  font-size:.58rem;
}

.compact-login{
  background:rgba(255,255,255,.012);
  border-color:color-mix(in srgb,var(--gold) 18%,#2d2d2d);
  color:#f0f0f0;
}

.compact-login:hover{
  background:color-mix(in srgb,var(--gold) 8%,transparent);
  color:#fff;
}

.compact-register{
  box-shadow:0 10px 18px color-mix(in srgb,var(--gold) 14%,transparent);
}

.menu-unread{
  min-width:18px;
  height:18px;
  padding:0 5px;
  border:2px solid #0d0d0d;
  border-radius:999px;
  background:#e14545;
  color:#fff;
  font-size:.42rem;
  line-height:1;
}

.mobile-nav-wrap.modern-mobile-nav-wrap{
  display:none;
  background:transparent;
  border-bottom:none;
  padding:0 0 10px;
}

.modern-mobile-nav{
  gap:7px;
  padding:0;
  overflow-x:auto;
}

.modern-mobile-nav a{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border:1px solid color-mix(in srgb,var(--gold) 11%,#282828);
  border-radius:999px;
  background:rgba(255,255,255,.015);
  color:#b8b8b8;
  font-size:.62rem;
  font-weight:850;
  white-space:nowrap;
}

.modern-mobile-nav a:hover,
.modern-mobile-nav a.active{
  background:var(--gold);
  border-color:var(--gold);
  color:#101010;
}

@media(max-width:1320px){
  .modern-site-nav > a,
  .modern-site-nav .compact-menu-summary{
    padding:8px 10px;
    font-size:.56rem;
    letter-spacing:.42px;
  }

  .topbar{
    gap:12px;
  }
}

@media(max-width:1180px){
  .topbar{
    grid-template-columns:auto minmax(0,1fr) auto;
  }

  .brand-sub{
    display:none;
  }

  .modern-site-nav{
    gap:5px;
  }

  .modern-site-nav > a,
  .modern-site-nav .compact-menu-summary{
    min-height:35px;
    padding:8px 9px;
    font-size:.53rem;
  }

  .modern-status{
    padding:7px 9px;
  }
}

@media(max-width:1000px){
  .modern-status{
    display:none;
  }

  .topbar{
    min-height:70px;
  }
}

@media(max-width:900px){
  .topbar-wrap{
    padding:8px 0 6px;
  }

  .topbar{
    min-height:64px;
    padding:10px 12px;
    border-radius:15px;
    gap:10px;
  }

  .mobile-nav-wrap.modern-mobile-nav-wrap{
    display:block;
  }

  .modern-brand{
    gap:9px;
  }

  .brand-logo-frame{
    width:44px;
    height:44px;
    flex-basis:44px;
    border-radius:12px;
  }

  .brand-logo{
    width:34px;
    height:34px;
    flex-basis:34px;
  }

  .brand-text{
    font-size:.74rem;
    letter-spacing:.7px;
  }

  .compact-login,
  .compact-register{
    min-height:35px;
    padding:7px 10px;
  }
}

@media(max-width:650px){
  .topbar{
    grid-template-columns:minmax(0,1fr) auto;
  }

  .modern-brand{
    min-width:0;
  }

  .brand-copy{
    overflow:hidden;
  }

  .brand-text{
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .modern-top-actions{
    gap:6px;
  }

  .notification-bell{
    width:38px;
    height:38px;
    border-radius:11px;
  }

  .compact-profile-chip{
    width:38px;
    height:38px;
    border-radius:11px;
  }

  .compact-profile-chip img,
  .compact-profile-chip > span{
    width:25px;
    height:25px;
    flex-basis:25px;
  }

  .modern-mobile-nav a{
    min-height:34px;
    padding:7px 10px;
    font-size:.59rem;
  }
}

@media(prefers-reduced-motion:reduce){
  .modern-site-nav > a,
  .modern-site-nav .compact-menu-summary,
  .notification-bell,
  .compact-profile-chip{
    transition:none;
  }
}


/* =====================================================
   MODERNERE RADIOMENU / WEBPLAYER - UPDATE 051
===================================================== */
:root{
  --rsk-player-height:98px;
}

/* oude / klassieke player iets strakker */
.global-player-wrap{
  padding:14px 0 12px;
  background:
    linear-gradient(180deg,rgba(11,11,11,.82),rgba(7,7,7,.55));
  border-bottom:none;
}

.global-player{
  border:1px solid color-mix(in srgb,var(--gold) 18%,#2f2f2f);
  border-radius:18px;
  background:
    radial-gradient(circle at top left,rgba(244,181,27,.08),transparent 34%),
    linear-gradient(145deg,rgba(22,20,13,.98),rgba(8,8,8,.98));
  box-shadow:
    0 16px 34px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.03);
}

.global-player-head{
  gap:12px;
  margin-bottom:12px;
}

.global-player-head>div:first-child{
  gap:3px;
}

.global-player-head strong{
  font-size:1.02rem;
  letter-spacing:.2px;
}

.global-player .eyebrow{
  letter-spacing:1.2px;
}

.stream-player iframe{
  border:none;
  border-radius:14px;
  overflow:hidden;
  background:#000;
}

/* nieuwe onderbalk / radiomenu */
body.rsk-has-bottom-player{
  padding-bottom:var(--rsk-player-height);
}

.modern-radio-player{
  min-height:var(--rsk-player-height);
  border-top:1px solid color-mix(in srgb,var(--gold) 30%,transparent);
  background:
    linear-gradient(180deg,rgba(3,3,3,.84),rgba(3,3,3,.92));
  box-shadow:0 -16px 42px rgba(0,0,0,.42);
  backdrop-filter:blur(18px);
}

.modern-radio-player .rsk-bottom-player-inner{
  width:min(1460px,96%);
  min-height:var(--rsk-player-height);
  display:grid;
  grid-template-columns:minmax(124px,152px) minmax(0,1fr) minmax(230px,290px);
  align-items:center;
  gap:18px;
  padding:12px 0;
}

.modern-radio-player audio{
  display:none;
}

.rsk-player-left{
  display:flex;
  align-items:center;
  gap:12px;
}

.modern-player-play{
  width:58px;
  height:58px;
  border:none;
  border-radius:18px;
  background:
    linear-gradient(180deg,var(--gold),color-mix(in srgb,var(--gold) 82%,#fff076));
  color:#111;
  font:900 1.2rem/1 Inter,Arial,sans-serif;
  box-shadow:
    0 16px 28px color-mix(in srgb,var(--gold) 18%,transparent),
    inset 0 1px 0 rgba(255,255,255,.18);
}

.modern-player-play:hover{
  transform:translateY(-1px) scale(1.02);
  filter:brightness(1.06);
}

.rsk-player-brand-card{
  min-width:52px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
}

.modern-radio-player .rsk-player-brand{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--gold) 20%,#353535);
  border-radius:16px;
  background:
    linear-gradient(145deg,rgba(244,181,27,.08),rgba(255,255,255,.02));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

.modern-radio-player .rsk-player-brand img{
  width:36px;
  height:36px;
  object-fit:contain;
  border-radius:10px;
  background:transparent;
}

.modern-radio-player .rsk-player-live-dot{
  right:-3px;
  bottom:-3px;
  width:14px;
  height:14px;
  border:3px solid #0a0a0a;
}

.rsk-player-eq{
  height:14px;
  display:flex;
  align-items:flex-end;
  gap:3px;
}

.rsk-player-eq span{
  width:4px;
  border-radius:999px;
  background:linear-gradient(180deg,var(--gold),#fff0a4);
  opacity:.9;
  animation:rskEqPulse 1.15s ease-in-out infinite;
}

.rsk-player-eq span:nth-child(1){height:8px;animation-delay:0s}
.rsk-player-eq span:nth-child(2){height:13px;animation-delay:.12s}
.rsk-player-eq span:nth-child(3){height:10px;animation-delay:.24s}
.rsk-player-eq span:nth-child(4){height:7px;animation-delay:.36s}

@keyframes rskEqPulse{
  0%,100%{transform:scaleY(.7);opacity:.55}
  50%{transform:scaleY(1.15);opacity:1}
}

.rsk-player-copy{
  min-width:0;
  padding:12px 16px;
  border:1px solid color-mix(in srgb,var(--gold) 12%,#2d2d2d);
  border-radius:20px;
  background:
    radial-gradient(circle at top left,rgba(255,255,255,.035),transparent 30%),
    linear-gradient(145deg,rgba(255,255,255,.018),rgba(0,0,0,.10));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

.rsk-player-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:6px;
}

.rsk-player-kicker{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:0;
  color:var(--gold);
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.9px;
}

.rsk-player-station-name{
  white-space:nowrap;
}

.rsk-player-kicker b{
  padding:4px 10px;
  border-radius:999px;
  border:1px solid rgba(244,181,27,.26);
  background:rgba(244,181,27,.09);
  font-size:.48rem;
  letter-spacing:.5px;
}

.rsk-player-chip{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:28px;
  padding:6px 10px;
  border:1px solid color-mix(in srgb,var(--gold) 12%,#2c2c2c);
  border-radius:999px;
  background:rgba(255,255,255,.025);
  color:#d7d7d7;
  font-size:.56rem;
  font-weight:800;
  white-space:nowrap;
}

.rsk-player-chip strong{
  color:#fff;
  font-size:.64rem;
}

.rsk-player-title{
  color:#fff;
  font-family:Oswald,Impact,sans-serif;
  font-size:1.26rem;
  font-weight:700;
  letter-spacing:.18px;
  line-height:1.08;
}

.rsk-player-subline{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  margin-top:7px;
  color:#9f9f9f;
  font-size:.58rem;
  white-space:nowrap;
}

.rsk-player-host-label{
  color:#7b7b7b;
  font-weight:800;
  letter-spacing:.42px;
}

.rsk-player-sep{
  color:#5d5d5d;
}

.rsk-player-live-name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#ececec;
  font-weight:700;
}

.rsk-player-right{
  min-width:0;
}

.rsk-player-volume-card{
  min-width:0;
  display:grid;
  grid-template-columns:40px minmax(110px,1fr) 48px;
  align-items:center;
  gap:10px;
  padding:14px 14px;
  border:1px solid color-mix(in srgb,var(--gold) 12%,#2d2d2d);
  border-radius:18px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.02),rgba(0,0,0,.10));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

.rsk-player-volume{
  display:contents;
}

.rsk-player-volume-button{
  width:40px;
  height:40px;
  border:1px solid color-mix(in srgb,var(--gold) 18%,#333);
  border-radius:12px;
  background:rgba(255,255,255,.025);
  color:#fff;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}

.rsk-player-volume-button:hover{
  background:rgba(244,181,27,.08);
  border-color:rgba(244,181,27,.34);
  transform:translateY(-1px);
}

.rsk-player-volume input[type="range"]{
  width:100%;
  accent-color:var(--gold);
}

.rsk-player-volume>span{
  color:#fff;
  font-size:.62rem;
  font-weight:900;
  text-align:right;
}

.rsk-bottom-player[data-state="playing"] .rsk-player-kicker b{
  color:#b7f0bf;
  border-color:rgba(89,190,107,.30);
  background:rgba(89,190,107,.10);
}

.rsk-bottom-player[data-state="paused"] .rsk-player-kicker b{
  color:#f5d18f;
  border-color:rgba(244,181,27,.24);
}

.rsk-bottom-player[data-state="error"] .rsk-player-kicker b{
  color:#f3a7a7;
  border-color:rgba(220,80,80,.28);
}

.rsk-chat-dock{
  bottom:var(--rsk-player-height);
}

@media(max-width:980px){
  :root{
    --rsk-player-height:118px;
  }

  .modern-radio-player .rsk-bottom-player-inner{
    grid-template-columns:1fr;
    gap:10px;
    padding:12px 0;
  }

  .rsk-player-left,
  .rsk-player-right{
    width:100%;
  }

  .rsk-player-left{
    justify-content:flex-start;
  }

  .rsk-player-copy{
    order:2;
    padding:12px 14px;
  }

  .rsk-player-right{
    order:3;
  }

  .rsk-player-volume-card{
    grid-template-columns:38px minmax(0,1fr) 46px;
    padding:12px 14px;
  }
}

@media(max-width:760px){
  :root{
    --rsk-player-height:138px;
  }

  .modern-radio-player .rsk-bottom-player-inner{
    width:95%;
    gap:8px;
  }

  .rsk-player-left{
    gap:10px;
  }

  .modern-player-play{
    width:50px;
    height:50px;
    border-radius:16px;
    font-size:1.06rem;
  }

  .rsk-player-brand-card{
    flex-direction:row;
    gap:8px;
  }

  .modern-radio-player .rsk-player-brand{
    width:46px;
    height:46px;
    border-radius:14px;
  }

  .modern-radio-player .rsk-player-brand img{
    width:31px;
    height:31px;
  }

  .rsk-player-copy{
    border-radius:16px;
  }

  .rsk-player-topline{
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
  }

  .rsk-player-kicker{
    font-size:.53rem;
  }

  .rsk-player-chip{
    min-height:24px;
    padding:5px 9px;
    font-size:.52rem;
  }

  .rsk-player-title{
    font-size:1.02rem;
  }

  .rsk-player-subline{
    font-size:.53rem;
  }

  .rsk-player-volume-card{
    border-radius:16px;
  }

  .rsk-player-volume-button{
    width:36px;
    height:36px;
    border-radius:10px;
  }
}

@media(max-width:480px){
  :root{
    --rsk-player-height:148px;
  }

  .modern-radio-player .rsk-bottom-player-inner{
    width:94%;
  }

  .rsk-player-left{
    justify-content:space-between;
  }

  .rsk-player-brand-card{
    min-width:unset;
  }

  .rsk-player-copy{
    padding:11px 12px;
  }

  .rsk-player-title{
    font-size:.92rem;
  }

  .rsk-player-subline{
    gap:6px;
    font-size:.49rem;
  }

  .rsk-player-volume-card{
    gap:8px;
    padding:10px 12px;
  }

  .rsk-player-volume>span{
    font-size:.58rem;
  }
}

@media(prefers-reduced-motion:reduce){
  .modern-player-play,
  .rsk-player-volume-button,
  .rsk-player-eq span{
    transition:none;
    animation:none;
  }
}


/* =====================================================
   VOLLEDIGE LAYOUT KEUZE OUD / NIEUW - UPDATE 052
===================================================== */

/* ---------- BEHEER: layout keuze ---------- */
.layout-settings-intro{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:16px;
  padding:16px;
  border:1px solid color-mix(in srgb,var(--gold) 16%,#303030);
  border-radius:14px;
  background:rgba(255,255,255,.018);
}

.layout-settings-intro>div{
  min-width:0;
}

.layout-settings-intro span,
.layout-choice-label{
  display:block;
  color:var(--gold);
  font-size:.55rem;
  font-weight:900;
  letter-spacing:1.1px;
}

.layout-settings-intro h2{
  margin:4px 0 7px;
  font-family:Oswald,Impact,sans-serif;
  font-size:1.35rem;
  text-transform:uppercase;
}

.layout-settings-intro p{
  max-width:760px;
  color:#929292;
  font-size:.72rem;
  line-height:1.6;
}

.layout-settings-intro>b{
  flex:0 0 auto;
  padding:7px 10px;
  border:1px solid color-mix(in srgb,var(--gold) 25%,transparent);
  border-radius:999px;
  color:var(--gold);
  background:color-mix(in srgb,var(--gold) 7%,transparent);
  font-size:.54rem;
  white-space:nowrap;
}

.layout-choice-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.layout-choice-card{
  position:relative;
  min-width:0;
  display:grid;
  grid-template-columns:minmax(160px,.9fr) minmax(0,1.1fr);
  gap:15px;
  align-items:center;
  padding:15px;
  border:1px solid color-mix(in srgb,var(--gold) 13%,#313131);
  border-radius:16px;
  background:rgba(0,0,0,.16);
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}

.layout-choice-card:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--gold) 34%,#313131);
}

.layout-choice-card.selected{
  border-color:color-mix(in srgb,var(--gold) 65%,transparent);
  background:color-mix(in srgb,var(--gold) 5%,#0c0c0c);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 10%,transparent);
}

.layout-choice-card>input{
  position:absolute;
  top:13px;
  right:13px;
  width:20px;
  height:20px;
  accent-color:var(--gold);
}

.layout-preview{
  min-height:150px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--gold) 13%,#373737);
  border-radius:12px;
  background:#080808;
}

.layout-preview-bar{
  height:28px;
  display:flex;
  align-items:center;
  gap:5px;
  padding:0 9px;
  border-bottom:1px solid rgba(255,255,255,.06);
}

.layout-preview-bar span{
  width:34px;
  height:7px;
  border-radius:999px;
  background:#363636;
}

.layout-preview-content{
  min-height:121px;
  display:grid;
  grid-template-columns:38% 1fr;
  gap:8px;
  padding:9px;
}

.layout-preview-side{
  border-radius:7px;
  background:#151515;
}

.layout-preview-main{
  display:grid;
  gap:7px;
}

.layout-preview-main i{
  display:block;
  min-height:28px;
  border-radius:7px;
  background:#151515;
}

.layout-preview-old{
  border-radius:7px;
}

.layout-preview-old .layout-preview-bar{
  background:#080808;
}

.layout-preview-old .layout-preview-side,
.layout-preview-old .layout-preview-main i{
  border:1px solid rgba(244,181,27,.10);
  border-radius:5px;
}

.layout-preview-new{
  border-radius:14px;
  background:
    radial-gradient(circle at top left,rgba(244,181,27,.11),transparent 36%),
    #080808;
}

.layout-preview-new .layout-preview-bar span:first-child{
  background:var(--gold);
}

.layout-preview-new .layout-preview-side,
.layout-preview-new .layout-preview-main i{
  border:1px solid rgba(244,181,27,.16);
  border-radius:10px;
  background:linear-gradient(145deg,#171717,#0d0d0d);
}

.layout-choice-copy{
  min-width:0;
}

.layout-choice-copy strong{
  display:block;
  margin:5px 0 6px;
  color:#fff;
  font-family:Oswald,Impact,sans-serif;
  font-size:1.15rem;
  text-transform:uppercase;
}

.layout-choice-copy p{
  color:#898989;
  font-size:.67rem;
  line-height:1.55;
}

.layout-choice-copy>b{
  display:inline-block;
  margin-top:11px;
  color:var(--gold);
  font-size:.55rem;
}

.layout-choice-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}

.layout-choice-note{
  margin-top:12px;
}

@media(max-width:900px){
  .layout-choice-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:620px){
  .layout-settings-intro{
    flex-direction:column;
  }

  .layout-choice-card{
    grid-template-columns:1fr;
  }

  .layout-preview{
    min-height:125px;
  }
}

/* =====================================================
   NIEUWE LAYOUT - ALLES MODERNER
===================================================== */
body.rsk-layout-new{
  --rsk-radius-sm:10px;
  --rsk-radius:16px;
  --rsk-radius-lg:22px;
}

body.rsk-layout-new .page{
  padding-top:34px;
}

body.rsk-layout-new .hero{
  position:relative;
  overflow:hidden;
  margin-top:20px;
  padding:46px 28px 40px;
  border:1px solid color-mix(in srgb,var(--gold) 13%,#2d2d2d);
  border-radius:var(--rsk-radius-lg);
  background:
    radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--gold) 12%,transparent),transparent 42%),
    linear-gradient(145deg,rgba(255,255,255,.018),rgba(0,0,0,.16));
  box-shadow:0 24px 70px rgba(0,0,0,.24);
}

body.rsk-layout-new .hero-logo{
  filter:drop-shadow(0 16px 30px rgba(0,0,0,.36));
}

body.rsk-layout-new .hero h1{
  letter-spacing:.6px;
}

body.rsk-layout-new .hero .lead{
  color:#b0b0b0;
}

body.rsk-layout-new .hero-buttons{
  gap:10px;
}

body.rsk-layout-new .listen-button,
body.rsk-layout-new .ghost-button,
body.rsk-layout-new .btn{
  border-radius:999px;
  transition:transform .16s ease,filter .16s ease,border-color .16s ease,background .16s ease;
}

body.rsk-layout-new .listen-button:hover,
body.rsk-layout-new .ghost-button:hover,
body.rsk-layout-new .btn:hover{
  transform:translateY(-1px);
}

body.rsk-layout-new .hero-stats{
  gap:9px;
}

body.rsk-layout-new .hero-stats span{
  padding:8px 12px;
  border:1px solid color-mix(in srgb,var(--gold) 12%,#2e2e2e);
  background:rgba(255,255,255,.018);
  backdrop-filter:blur(8px);
}

body.rsk-layout-new .panel,
body.rsk-layout-new .box,
body.rsk-layout-new .side-panel,
body.rsk-layout-new .request-item,
body.rsk-layout-new .member-card,
body.rsk-layout-new .staffteam-card,
body.rsk-layout-new .profile-social-card,
body.rsk-layout-new .profile-social-mini-profile,
body.rsk-layout-new .notification-full-item,
body.rsk-layout-new .warning-history-item,
body.rsk-layout-new .maintenance-player-card,
body.rsk-layout-new .maintenance-info-card,
body.rsk-layout-new .maintenance-chat-card{
  border:1px solid color-mix(in srgb,var(--gold) 12%,#303030)!important;
  border-radius:var(--rsk-radius)!important;
  background:
    linear-gradient(145deg,
      color-mix(in srgb,var(--panel) 97%,#151515),
      color-mix(in srgb,var(--panel) 99%,#070707))!important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.02);
}

body.rsk-layout-new .panel:hover,
body.rsk-layout-new .request-item:hover,
body.rsk-layout-new .member-card:hover,
body.rsk-layout-new .staffteam-card:hover{
  border-color:color-mix(in srgb,var(--gold) 23%,#303030)!important;
}

body.rsk-layout-new .box-title,
body.rsk-layout-new .side-title{
  letter-spacing:.35px;
}

body.rsk-layout-new .box-title{
  border-bottom:1px solid color-mix(in srgb,var(--gold) 10%,transparent);
}

body.rsk-layout-new .side-panel{
  padding:16px!important;
  border-top:1px solid color-mix(in srgb,var(--gold) 12%,#303030)!important;
  border-bottom:1px solid color-mix(in srgb,var(--gold) 12%,#303030)!important;
}

body.rsk-layout-new .side-links a{
  min-height:42px;
  padding:10px;
  border:1px solid transparent;
  border-radius:10px;
}

body.rsk-layout-new .side-links a:hover{
  border-color:color-mix(in srgb,var(--gold) 13%,transparent);
  background:color-mix(in srgb,var(--gold) 5%,transparent);
}

body.rsk-layout-new .side-schedule-item{
  border-radius:12px;
  background:rgba(255,255,255,.015);
}

body.rsk-layout-new input,
body.rsk-layout-new select,
body.rsk-layout-new textarea{
  min-height:44px;
  border:1px solid color-mix(in srgb,var(--gold) 13%,#353535)!important;
  border-radius:12px!important;
  background:color-mix(in srgb,var(--panel) 92%,#050505)!important;
  transition:border-color .16s ease,box-shadow .16s ease;
}

body.rsk-layout-new textarea{
  min-height:110px;
}

body.rsk-layout-new input:focus,
body.rsk-layout-new select:focus,
body.rsk-layout-new textarea:focus{
  outline:none;
  border-color:color-mix(in srgb,var(--gold) 60%,transparent)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 8%,transparent);
}

body.rsk-layout-new .badge,
body.rsk-layout-new .role-badge,
body.rsk-layout-new .online-badge,
body.rsk-layout-new .vip-badge{
  border-radius:999px;
}

body.rsk-layout-new .copy-grid,
body.rsk-layout-new .news-grid,
body.rsk-layout-new .staffteam-grid,
body.rsk-layout-new .member-grid{
  gap:16px;
}

body.rsk-layout-new .copy-block{
  padding:15px;
  border:1px solid color-mix(in srgb,var(--gold) 9%,#292929);
  border-radius:14px;
  background:rgba(255,255,255,.012);
}

body.rsk-layout-new .schedule-item,
body.rsk-layout-new .request-row,
body.rsk-layout-new .news-item,
body.rsk-layout-new .profile-post,
body.rsk-layout-new .notification-item{
  border-radius:13px;
}

body.rsk-layout-new .staffteam-card,
body.rsk-layout-new .member-card{
  overflow:hidden;
  transition:transform .16s ease,border-color .16s ease;
}

body.rsk-layout-new .staffteam-card:hover,
body.rsk-layout-new .member-card:hover{
  transform:translateY(-2px);
}

body.rsk-layout-new .profile-social-cover{
  border-radius:18px 18px 0 0;
}

body.rsk-layout-new .profile-social-card,
body.rsk-layout-new .profile-social-mini-profile{
  overflow:hidden;
}

body.rsk-layout-new .profile-post-composer,
body.rsk-layout-new .profile-post-item{
  border-radius:14px;
}

body.rsk-layout-new .news-weather-card,
body.rsk-layout-new .own-news-card,
body.rsk-layout-new .update-news-card{
  border-radius:16px;
}

body.rsk-layout-new .notification-dropdown,
body.rsk-layout-new .compact-dropdown,
body.rsk-layout-new .rsk-chat-friends-panel,
body.rsk-layout-new .rsk-mini-chat-window{
  border-radius:16px!important;
  border-color:color-mix(in srgb,var(--gold) 17%,#323232)!important;
  box-shadow:0 22px 48px rgba(0,0,0,.40);
}

body.rsk-layout-new table{
  border-collapse:separate;
  border-spacing:0;
}

body.rsk-layout-new th{
  background:rgba(255,255,255,.025);
}

body.rsk-layout-new th:first-child{
  border-radius:10px 0 0 0;
}

body.rsk-layout-new th:last-child{
  border-radius:0 10px 0 0;
}

body.rsk-layout-new .beerbar{
  border-top:1px solid color-mix(in srgb,var(--gold) 10%,transparent);
  background:rgba(0,0,0,.10);
}

body.rsk-layout-new .footer{
  color:#8e8e8e;
}

body.rsk-layout-new .message-ticker-wrap{
  background:rgba(5,5,5,.70);
  backdrop-filter:blur(12px);
}

body.rsk-layout-new .ticker-label{
  border-radius:999px;
  padding:6px 10px;
}

body.rsk-layout-new .site-alert-modal,
body.rsk-layout-new .user-warning-modal{
  border-radius:20px;
}

@media(max-width:760px){
  body.rsk-layout-new .hero{
    margin-top:12px;
    padding:32px 18px 28px;
    border-radius:18px;
  }

  body.rsk-layout-new .side-panel{
    padding:13px!important;
  }
}

/* =====================================================
   OUDE LAYOUT - RUSTIGER / KLASSIEK
   Deze overrides staan bewust NA de moderne updates.
===================================================== */
body.rsk-layout-old{
  --rsk-radius-sm:7px;
  --rsk-radius:10px;
  --rsk-radius-lg:14px;
}

/* Klassieke hoofdmenu-look */
body.rsk-layout-old .topbar-wrap{
  padding:0!important;
  border-bottom:1px solid rgba(244,181,27,.25)!important;
  background:rgba(5,5,5,.95)!important;
  backdrop-filter:blur(12px);
}

body.rsk-layout-old .topbar{
  min-height:56px;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  gap:14px;
}

body.rsk-layout-old .brand-logo-frame{
  width:auto;
  height:auto;
  flex-basis:auto;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

body.rsk-layout-old .brand-logo{
  width:44px;
  height:44px;
  flex-basis:44px;
  border-radius:50%;
}

body.rsk-layout-old .brand-sub{
  display:none;
}

body.rsk-layout-old .brand-text{
  font-size:.86rem;
  letter-spacing:1.25px;
}

body.rsk-layout-old .modern-site-nav{
  gap:8px;
}

body.rsk-layout-old .modern-site-nav>a,
body.rsk-layout-old .modern-site-nav .compact-menu-summary{
  min-height:30px;
  padding:6px 8px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:#8f8f8f;
  box-shadow:none;
  font-size:.56rem;
  letter-spacing:.7px;
  transform:none;
}

body.rsk-layout-old .modern-site-nav>a:hover,
body.rsk-layout-old .modern-site-nav>a.active,
body.rsk-layout-old .modern-site-nav .compact-menu-summary:hover,
body.rsk-layout-old .modern-site-nav .compact-menu-summary.active,
body.rsk-layout-old .modern-site-nav .compact-account-menu[open]>.compact-menu-summary{
  color:var(--gold);
  background:rgba(244,181,27,.055);
  border:0;
  box-shadow:none;
  transform:none;
}

body.rsk-layout-old .compact-dropdown{
  width:200px;
  padding:6px;
  border-radius:10px;
  background:var(--panel)!important;
  box-shadow:0 16px 32px rgba(0,0,0,.45);
}

body.rsk-layout-old .compact-dropdown a{
  min-height:auto;
  padding:9px 10px;
  border-radius:7px;
  font-size:.62rem;
}

body.rsk-layout-old .modern-status{
  min-height:auto;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  font-size:.53rem;
}

body.rsk-layout-old .notification-bell{
  width:38px;
  height:38px;
  border-radius:50%;
  background:#090909;
}

body.rsk-layout-old .compact-profile-chip{
  width:auto;
  height:auto;
  border:0;
  border-radius:0;
  background:transparent;
}

body.rsk-layout-old .compact-profile-chip img,
body.rsk-layout-old .compact-profile-chip>span{
  width:30px;
  height:30px;
  flex-basis:30px;
}

body.rsk-layout-old .compact-login,
body.rsk-layout-old .compact-register{
  min-height:29px;
  padding:5px 8px;
  border-radius:8px;
}

/* Klassieke algemene pagina-look */
body.rsk-layout-old .hero{
  margin-top:0;
  padding:44px 0 34px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

body.rsk-layout-old .panel,
body.rsk-layout-old .box,
body.rsk-layout-old .request-item,
body.rsk-layout-old .member-card,
body.rsk-layout-old .staffteam-card,
body.rsk-layout-old .profile-social-card,
body.rsk-layout-old .profile-social-mini-profile{
  border-radius:10px!important;
  box-shadow:none!important;
}

body.rsk-layout-old .side-panel{
  padding:14px 0!important;
  border-left:0!important;
  border-right:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.rsk-layout-old .side-links a{
  min-height:auto;
  padding:9px 4px;
  border-radius:0;
  background:transparent;
}

body.rsk-layout-old .listen-button,
body.rsk-layout-old .ghost-button,
body.rsk-layout-old .btn{
  border-radius:8px;
  transform:none!important;
}

body.rsk-layout-old input,
body.rsk-layout-old select,
body.rsk-layout-old textarea{
  border-radius:7px!important;
  box-shadow:none!important;
}

/* Klassiek Staffpaneel */
body.rsk-layout-old .staff-panel-page{
  width:min(1450px,96%);
  padding-top:28px;
}

body.rsk-layout-old .staff-panel-shell{
  border-radius:10px;
  box-shadow:none;
  background:var(--panel)!important;
}

body.rsk-layout-old .staff-panel-hero{
  padding:14px;
  border-radius:10px 10px 0 0;
  background:transparent;
}

body.rsk-layout-old .staff-panel-eyebrow,
body.rsk-layout-old .staff-panel-hero-copy p{
  display:none;
}

body.rsk-layout-old .staff-panel-hero h1{
  font-size:1.18rem;
}

body.rsk-layout-old .staff-panel-account{
  min-width:0;
  padding:7px;
  border-radius:8px;
  background:transparent;
}

body.rsk-layout-old .staff-panel-account-icon{
  width:36px;
  height:36px;
  border-radius:50%;
}

body.rsk-layout-old .staff-panel-site-link{
  border-radius:7px;
}

body.rsk-layout-old .staff-panel-body{
  padding:0 14px 16px;
}

body.rsk-layout-old .staff-panel-nav{
  position:static;
  margin:0 0 14px;
  padding:8px 0;
  border-bottom:1px solid rgba(244,181,27,.13);
  background:transparent;
  backdrop-filter:none;
}

body.rsk-layout-old .staff-panel-nav a{
  min-height:32px;
  padding:7px 9px;
  border-radius:7px;
  font-size:.62rem;
}

body.rsk-layout-old .staff-panel-nav a.active{
  color:var(--gold);
  border-color:rgba(244,181,27,.18);
  background:rgba(244,181,27,.06);
  box-shadow:none;
}

body.rsk-layout-old .staff-dashboard-head{
  margin-bottom:8px;
}

body.rsk-layout-old .staff-section-kicker,
body.rsk-layout-old .staff-dashboard-status{
  display:none;
}

body.rsk-layout-old .staff-dashboard-head h2{
  font-size:1rem;
}

body.rsk-layout-old .staff-dashboard-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}

body.rsk-layout-old .staff-stat-card{
  min-height:88px;
  grid-template-columns:36px minmax(0,1fr);
  gap:8px;
  padding:10px;
  border-radius:8px;
}

body.rsk-layout-old .staff-stat-icon{
  width:36px;
  height:36px;
  border-radius:8px;
}

body.rsk-layout-old .staff-stat-card strong{
  font-size:1.02rem;
}

body.rsk-layout-old .staff-action-card{
  min-height:auto;
  padding:10px;
  border-radius:8px;
  transform:none!important;
}

/* Klassieke stijl voor de nieuwe webplayer wanneer die gekozen is */
body.rsk-layout-old{
  --rsk-player-height:82px;
}

body.rsk-layout-old .modern-radio-player{
  min-height:82px;
  border-top:1px solid rgba(244,181,27,.44);
  background:linear-gradient(90deg,rgba(5,5,5,.985),rgba(24,20,10,.985),rgba(5,5,5,.985));
  box-shadow:0 -12px 34px rgba(0,0,0,.48);
  backdrop-filter:blur(15px);
}

body.rsk-layout-old .modern-radio-player .rsk-bottom-player-inner{
  min-height:82px;
  grid-template-columns:124px minmax(0,1fr) minmax(230px,320px);
  gap:12px;
  padding:8px 0;
}

body.rsk-layout-old .rsk-player-left{
  gap:8px;
}

body.rsk-layout-old .modern-player-play{
  width:48px;
  height:48px;
  border:1px solid rgba(244,181,27,.62);
  border-radius:50%;
  box-shadow:none;
}

body.rsk-layout-old .rsk-player-brand-card{
  gap:0;
}

body.rsk-layout-old .rsk-player-eq{
  display:none;
}

body.rsk-layout-old .modern-radio-player .rsk-player-brand{
  width:50px;
  height:50px;
  border-radius:10px;
  background:#090909;
}

body.rsk-layout-old .modern-radio-player .rsk-player-brand img{
  width:50px;
  height:50px;
  border-radius:10px;
}

body.rsk-layout-old .rsk-player-copy{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

body.rsk-layout-old .rsk-player-topline{
  justify-content:flex-start;
  margin-bottom:3px;
}

body.rsk-layout-old .rsk-player-chip{
  min-height:auto;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}

body.rsk-layout-old .rsk-player-title{
  font-size:1.18rem;
}

body.rsk-layout-old .rsk-player-subline{
  margin-top:4px;
}

body.rsk-layout-old .rsk-player-volume-card{
  grid-template-columns:34px minmax(90px,1fr) 42px;
  gap:8px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

body.rsk-layout-old .rsk-player-volume-button{
  width:34px;
  height:34px;
  border-radius:8px;
  background:#101010;
}

@media(max-width:900px){
  body.rsk-layout-old .mobile-nav-wrap.modern-mobile-nav-wrap{
    display:block;
    padding:0;
    border-bottom:1px solid rgba(244,181,27,.16);
    background:#080808!important;
  }

  body.rsk-layout-old .modern-mobile-nav{
    gap:5px;
    padding-top:6px;
    padding-bottom:6px;
  }

  body.rsk-layout-old .modern-mobile-nav a{
    min-height:auto;
    padding:7px 9px;
    border:0;
    border-radius:7px;
    background:transparent;
    color:#999;
    font-size:.61rem;
  }

  body.rsk-layout-old .modern-mobile-nav a.active,
  body.rsk-layout-old .modern-mobile-nav a:hover{
    background:rgba(244,181,27,.07);
    color:var(--gold);
  }
}

@media(max-width:760px){
  body.rsk-layout-old{
    --rsk-player-height:108px;
  }

  body.rsk-layout-old .modern-radio-player .rsk-bottom-player-inner{
    min-height:108px;
    grid-template-columns:1fr;
  }

  body.rsk-layout-old .staff-dashboard-grid{
    grid-template-columns:1fr;
  }
}

@media(prefers-reduced-motion:reduce){
  .layout-choice-card{
    transition:none;
  }
}


/* =====================================================
   PLAYER IETS KLEINER - UPDATE 053
===================================================== */

/* Nieuwe/modernere layout: compacter zonder functies kwijt te raken */
body.rsk-layout-new{
  --rsk-player-height:86px;
}

body.rsk-layout-new .modern-radio-player{
  min-height:86px;
}

body.rsk-layout-new .modern-radio-player .rsk-bottom-player-inner{
  min-height:86px;
  grid-template-columns:minmax(108px,132px) minmax(0,1fr) minmax(205px,260px);
  gap:13px;
  padding:8px 0;
}

body.rsk-layout-new .modern-player-play{
  width:50px;
  height:50px;
  border-radius:15px;
  font-size:1.05rem;
}

body.rsk-layout-new .modern-radio-player .rsk-player-brand{
  width:46px;
  height:46px;
  border-radius:14px;
}

body.rsk-layout-new .modern-radio-player .rsk-player-brand img{
  width:32px;
  height:32px;
}

body.rsk-layout-new .rsk-player-brand-card{
  gap:4px;
}

body.rsk-layout-new .rsk-player-eq{
  height:11px;
}

body.rsk-layout-new .rsk-player-copy{
  padding:9px 13px;
  border-radius:16px;
}

body.rsk-layout-new .rsk-player-topline{
  margin-bottom:4px;
}

body.rsk-layout-new .rsk-player-kicker{
  font-size:.54rem;
}

body.rsk-layout-new .rsk-player-kicker b{
  padding:3px 8px;
  font-size:.45rem;
}

body.rsk-layout-new .rsk-player-chip{
  min-height:24px;
  padding:4px 8px;
  font-size:.52rem;
}

body.rsk-layout-new .rsk-player-chip strong{
  font-size:.58rem;
}

body.rsk-layout-new .rsk-player-title{
  font-size:1.10rem;
}

body.rsk-layout-new .rsk-player-subline{
  margin-top:5px;
  font-size:.54rem;
}

body.rsk-layout-new .rsk-player-volume-card{
  grid-template-columns:36px minmax(90px,1fr) 44px;
  gap:8px;
  padding:10px 11px;
  border-radius:15px;
}

body.rsk-layout-new .rsk-player-volume-button{
  width:36px;
  height:36px;
  border-radius:10px;
}

body.rsk-layout-new .rsk-player-volume>span{
  font-size:.58rem;
}

@media(max-width:980px){
  body.rsk-layout-new{
    --rsk-player-height:108px;
  }

  body.rsk-layout-new .modern-radio-player .rsk-bottom-player-inner{
    min-height:108px;
    gap:7px;
    padding:8px 0;
  }

  body.rsk-layout-new .rsk-player-copy{
    padding:8px 11px;
  }

  body.rsk-layout-new .rsk-player-volume-card{
    padding:8px 11px;
  }
}

@media(max-width:760px){
  body.rsk-layout-new{
    --rsk-player-height:118px;
  }

  body.rsk-layout-new .modern-player-play{
    width:44px;
    height:44px;
    border-radius:13px;
    font-size:.96rem;
  }

  body.rsk-layout-new .modern-radio-player .rsk-player-brand{
    width:40px;
    height:40px;
    border-radius:12px;
  }

  body.rsk-layout-new .modern-radio-player .rsk-player-brand img{
    width:28px;
    height:28px;
  }

  body.rsk-layout-new .rsk-player-title{
    font-size:.96rem;
  }

  body.rsk-layout-new .rsk-player-subline{
    font-size:.50rem;
  }

  body.rsk-layout-new .rsk-player-volume-button{
    width:32px;
    height:32px;
  }
}

@media(max-width:480px){
  body.rsk-layout-new{
    --rsk-player-height:124px;
  }

  body.rsk-layout-new .rsk-player-copy{
    padding:8px 10px;
  }

  body.rsk-layout-new .rsk-player-volume-card{
    padding:7px 10px;
  }
}

/* Oude layout blijft bewust compact op de bestaande 82px desktop. */


/* =====================================================
   DJ FOTO + LUISTERAARS IN NIEUWE PLAYER - UPDATE 054
===================================================== */

/* Alleen de NIEUWE/custom radioplayer toont de DJ/Nonstop-foto. */
.modern-radio-player .rsk-player-dj-card{
  min-width:48px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
}

.modern-radio-player .rsk-player-dj-photo-wrap{
  position:relative;
  width:48px;
  height:48px;
  flex:0 0 48px;
  border:1px solid color-mix(in srgb,var(--gold) 28%,#353535);
  border-radius:14px;
  background:#090909;
  box-shadow:
    0 8px 18px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.03);
}

.modern-radio-player .rsk-player-dj-photo{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  border-radius:13px;
  background:#090909;
}

.modern-radio-player .rsk-player-dj-photo-wrap .rsk-player-live-dot{
  right:-4px;
  bottom:-4px;
}

.modern-radio-player .rsk-player-listeners-chip{
  gap:5px;
}

.modern-radio-player .rsk-player-listeners-chip>span:first-child{
  font-size:.62rem;
}

.modern-radio-player .rsk-player-listeners-chip strong{
  min-width:1ch;
  color:#fff;
  font-size:.64rem;
}

.modern-radio-player .rsk-player-dj-status{
  display:inline-flex;
  align-items:center;
  min-height:20px;
  padding:3px 7px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  background:rgba(255,255,255,.025);
  color:#aaa;
  font-size:.48rem;
  font-weight:900;
  letter-spacing:.5px;
}

.modern-radio-player .rsk-player-dj-status.is-live{
  border-color:rgba(81,190,103,.24);
  background:rgba(81,190,103,.08);
  color:#a9e7b2;
}

.modern-radio-player .rsk-player-dj-status.is-autodj{
  border-color:color-mix(in srgb,var(--gold) 20%,transparent);
  background:color-mix(in srgb,var(--gold) 6%,transparent);
  color:var(--gold);
}

/* Houd de compacte maat van update 053 aan. */
body.rsk-layout-new .modern-radio-player .rsk-bottom-player-inner{
  grid-template-columns:minmax(108px,132px) minmax(0,1fr) minmax(205px,260px);
}

body.rsk-layout-new .rsk-player-left{
  gap:10px;
}

body.rsk-layout-old .modern-radio-player .rsk-bottom-player-inner{
  grid-template-columns:124px minmax(0,1fr) minmax(230px,320px);
}

body.rsk-layout-old .modern-radio-player .rsk-player-dj-photo-wrap{
  width:50px;
  height:50px;
  flex-basis:50px;
  border-radius:10px;
}

body.rsk-layout-old .modern-radio-player .rsk-player-dj-photo{
  border-radius:9px;
}

@media(max-width:760px){
  .modern-radio-player .rsk-player-dj-photo-wrap{
    width:42px;
    height:42px;
    flex-basis:42px;
    border-radius:12px;
  }

  .modern-radio-player .rsk-player-dj-photo{
    border-radius:11px;
  }

  .modern-radio-player .rsk-player-dj-status{
    min-height:18px;
    padding:2px 6px;
    font-size:.44rem;
  }

  .modern-radio-player .rsk-player-listeners-chip{
    display:inline-flex;
  }
}


/* =====================================================
   VOLLEDIG NIEUWE HTML PLAYER ONDERIN - UPDATE 055
===================================================== */
:root{
  --rsk-player-height:92px;
}

body.rsk-has-bottom-player{
  padding-bottom:var(--rsk-player-height);
}

.rsk-html-player{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:5000;
  min-height:var(--rsk-player-height);
  border-top:1px solid color-mix(in srgb,var(--gold) 34%,transparent);
  background:
    linear-gradient(180deg,rgba(7,7,7,.92),rgba(3,3,3,.985));
  box-shadow:0 -18px 48px rgba(0,0,0,.48);
  backdrop-filter:blur(20px);
}

.rsk-html-player audio{
  display:none;
}

.rsk-html-player-inner{
  width:min(1480px,96%);
  min-height:var(--rsk-player-height);
  margin:0 auto;
  padding:9px 0;
}

.rsk-html-player-main{
  min-height:74px;
  display:grid;
  grid-template-columns:54px 52px minmax(260px,1fr) 118px minmax(180px,245px) auto;
  align-items:center;
  gap:11px;
  padding:8px 10px;
  border:1px solid color-mix(in srgb,var(--gold) 14%,#2d2d2d);
  border-radius:18px;
  background:
    radial-gradient(circle at 18% 0%,color-mix(in srgb,var(--gold) 8%,transparent),transparent 32%),
    linear-gradient(145deg,rgba(255,255,255,.025),rgba(0,0,0,.13));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 12px 28px rgba(0,0,0,.18);
}

.rsk-html-play{
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:15px;
  background:
    linear-gradient(180deg,var(--gold),color-mix(in srgb,var(--gold) 84%,#fff3a6));
  color:#0b0b0b;
  box-shadow:0 10px 22px color-mix(in srgb,var(--gold) 17%,transparent);
  cursor:pointer;
  font:900 1.05rem/1 Inter,Arial,sans-serif;
  transition:transform .16s ease,filter .16s ease;
}

.rsk-html-play:hover{
  transform:translateY(-1px) scale(1.02);
  filter:brightness(1.05);
}

.rsk-html-play:focus-visible,
.rsk-html-mute:focus-visible,
.rsk-html-volume input:focus-visible{
  outline:2px solid var(--gold2);
  outline-offset:3px;
}

.rsk-html-dj{
  display:grid;
  place-items:center;
}

.rsk-html-dj-photo-wrap{
  position:relative;
  width:48px;
  height:48px;
  border:1px solid color-mix(in srgb,var(--gold) 30%,#343434);
  border-radius:14px;
  background:#090909;
  box-shadow:0 8px 18px rgba(0,0,0,.25);
}

.rsk-html-dj-photo{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  border-radius:13px;
  background:#090909;
}

.rsk-html-live-dot{
  position:absolute;
  right:-4px;
  bottom:-4px;
  width:13px;
  height:13px;
  border:3px solid #080808;
  border-radius:50%;
  background:#ef4242;
  box-shadow:0 0 0 0 rgba(239,66,66,.5);
  animation:rskHtmlLivePulse 1.7s infinite;
}

@keyframes rskHtmlLivePulse{
  0%{box-shadow:0 0 0 0 rgba(239,66,66,.48)}
  70%{box-shadow:0 0 0 8px rgba(239,66,66,0)}
  100%{box-shadow:0 0 0 0 rgba(239,66,66,0)}
}

.rsk-html-now{
  min-width:0;
}

.rsk-html-topline{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  margin-bottom:3px;
}

.rsk-html-station{
  overflow:hidden;
  color:var(--gold);
  font-size:.54rem;
  font-weight:900;
  letter-spacing:.85px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.rsk-html-state{
  flex:0 0 auto;
  padding:3px 7px;
  border:1px solid color-mix(in srgb,var(--gold) 22%,transparent);
  border-radius:999px;
  background:color-mix(in srgb,var(--gold) 7%,transparent);
  color:var(--gold);
  font-size:.43rem;
  font-weight:900;
  letter-spacing:.4px;
}

.rsk-html-player[data-state="playing"] .rsk-html-state{
  color:#b6efbe;
  border-color:rgba(81,190,103,.28);
  background:rgba(81,190,103,.09);
}

.rsk-html-player[data-state="error"] .rsk-html-state{
  color:#ffabab;
  border-color:rgba(220,80,80,.28);
  background:rgba(220,80,80,.07);
}

.rsk-html-track{
  overflow:hidden;
  color:#fff;
  font-family:Oswald,Impact,sans-serif;
  font-size:1.12rem;
  font-weight:700;
  letter-spacing:.16px;
  line-height:1.08;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.rsk-html-djline{
  min-width:0;
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:5px;
  overflow:hidden;
  color:#a7a7a7;
  white-space:nowrap;
}

.rsk-html-dj-status{
  flex:0 0 auto;
  min-height:19px;
  display:inline-flex;
  align-items:center;
  padding:2px 7px;
  border:1px solid color-mix(in srgb,var(--gold) 18%,transparent);
  border-radius:999px;
  background:color-mix(in srgb,var(--gold) 6%,transparent);
  color:var(--gold);
  font-size:.44rem;
  font-weight:900;
  letter-spacing:.4px;
}

.rsk-html-dj-status.is-live{
  color:#b6efbe;
  border-color:rgba(81,190,103,.25);
  background:rgba(81,190,103,.08);
}

.rsk-html-djline strong{
  min-width:0;
  overflow:hidden;
  color:#d8d8d8;
  font-size:.57rem;
  font-weight:800;
  text-overflow:ellipsis;
}

.rsk-html-listeners{
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:8px 10px;
  border:1px solid color-mix(in srgb,var(--gold) 11%,#2e2e2e);
  border-radius:13px;
  background:rgba(255,255,255,.018);
}

.rsk-html-stat-icon{
  font-size:.9rem;
}

.rsk-html-listeners>div{
  min-width:0;
}

.rsk-html-listeners strong{
  display:block;
  color:#fff;
  font-family:Oswald,Impact,sans-serif;
  font-size:1.05rem;
  line-height:1;
}

.rsk-html-listeners small{
  display:block;
  margin-top:3px;
  color:#777;
  font-size:.42rem;
  font-weight:900;
  letter-spacing:.55px;
}

.rsk-html-controls{
  min-width:0;
  min-height:50px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  gap:8px;
  padding:7px 10px;
  border:1px solid color-mix(in srgb,var(--gold) 11%,#2e2e2e);
  border-radius:13px;
  background:rgba(255,255,255,.018);
}

.rsk-html-mute{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--gold) 15%,#323232);
  border-radius:10px;
  background:#0d0d0d;
  color:#fff;
  cursor:pointer;
}

.rsk-html-volume{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(70px,1fr) 38px;
  align-items:center;
  gap:7px;
}

.rsk-html-volume input[type="range"]{
  width:100%;
  min-width:0;
  accent-color:var(--gold);
  cursor:pointer;
}

.rsk-html-volume span{
  color:#cfcfcf;
  font-size:.54rem;
  font-weight:900;
  text-align:right;
}

.rsk-html-actions{
  display:flex;
  align-items:center;
  gap:6px;
}

.rsk-html-action{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:7px 9px;
  border:1px solid color-mix(in srgb,var(--gold) 13%,#303030);
  border-radius:10px;
  background:rgba(255,255,255,.015);
  color:#aaa;
  text-decoration:none;
  font-size:.48rem;
  font-weight:900;
  letter-spacing:.35px;
  transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease;
}

.rsk-html-action:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--gold) 34%,transparent);
  background:color-mix(in srgb,var(--gold) 6%,transparent);
  color:#fff;
}

.rsk-html-action-primary{
  border-color:color-mix(in srgb,var(--gold) 26%,transparent);
  color:var(--gold);
}

.rsk-chat-dock{
  bottom:var(--rsk-player-height);
}

/* Oude website-layout houdt dezelfde HTML-player, maar rustiger */
body.rsk-layout-old .rsk-html-player-main{
  border-radius:10px;
  background:#0b0b0a;
  box-shadow:none;
}

body.rsk-layout-old .rsk-html-play{
  border-radius:50%;
  box-shadow:none;
}

body.rsk-layout-old .rsk-html-dj-photo-wrap,
body.rsk-layout-old .rsk-html-listeners,
body.rsk-layout-old .rsk-html-controls{
  border-radius:9px;
}

body.rsk-layout-old .rsk-html-action{
  border-radius:8px;
}

/* Tablet */
@media(max-width:1050px){
  :root{
    --rsk-player-height:116px;
  }

  .rsk-html-player-main{
    grid-template-columns:50px 48px minmax(220px,1fr) 104px minmax(160px,210px);
    grid-template-rows:auto auto;
  }

  .rsk-html-actions{
    grid-column:3 / -1;
    justify-content:flex-end;
  }

  .rsk-html-action{
    min-height:30px;
    padding:5px 8px;
  }
}

/* Mobiel */
@media(max-width:760px){
  :root{
    --rsk-player-height:132px;
  }

  .rsk-html-player-inner{
    width:95%;
    padding:7px 0;
  }

  .rsk-html-player-main{
    min-height:118px;
    grid-template-columns:44px 42px minmax(0,1fr) 78px;
    grid-template-rows:64px 42px;
    gap:7px;
    padding:7px;
    border-radius:15px;
  }

  .rsk-html-play{
    width:42px;
    height:42px;
    border-radius:13px;
    font-size:.92rem;
  }

  .rsk-html-dj-photo-wrap{
    width:40px;
    height:40px;
    border-radius:11px;
  }

  .rsk-html-dj-photo{
    border-radius:10px;
  }

  .rsk-html-now{
    grid-column:3;
    min-width:0;
  }

  .rsk-html-track{
    font-size:.91rem;
  }

  .rsk-html-djline{
    margin-top:4px;
    gap:5px;
  }

  .rsk-html-dj-status{
    padding:2px 5px;
    font-size:.39rem;
  }

  .rsk-html-djline strong{
    font-size:.49rem;
  }

  .rsk-html-listeners{
    grid-column:4;
    min-height:44px;
    padding:6px;
    gap:4px;
  }

  .rsk-html-stat-icon{
    display:none;
  }

  .rsk-html-listeners strong{
    font-size:.92rem;
  }

  .rsk-html-listeners small{
    font-size:.36rem;
    letter-spacing:.3px;
  }

  .rsk-html-controls{
    grid-column:1 / 4;
    grid-row:2;
    min-height:38px;
    padding:4px 7px;
    border-radius:11px;
  }

  .rsk-html-mute{
    width:30px;
    height:30px;
    border-radius:8px;
  }

  .rsk-html-actions{
    grid-column:4;
    grid-row:2;
    align-self:stretch;
  }

  .rsk-html-action{
    min-width:100%;
    min-height:34px;
    padding:5px;
    border-radius:9px;
  }

  .rsk-html-action span{
    display:none;
  }

  .rsk-html-action:not(.rsk-html-action-primary){
    display:none;
  }
}

@media(max-width:430px){
  :root{
    --rsk-player-height:138px;
  }

  .rsk-html-station{
    font-size:.47rem;
  }

  .rsk-html-state{
    padding:2px 5px;
    font-size:.38rem;
  }

  .rsk-html-track{
    font-size:.84rem;
  }

  .rsk-html-volume{
    grid-template-columns:minmax(55px,1fr) 34px;
  }

  .rsk-html-volume span{
    font-size:.49rem;
  }
}

@media(prefers-reduced-motion:reduce){
  .rsk-html-play,
  .rsk-html-action,
  .rsk-html-live-dot{
    transition:none;
    animation:none;
  }
}


/* =====================================================
   ULTRA MODERNE LAYOUT - UPDATE 056/057
   Alleen actief bij body.rsk-layout-ultra
===================================================== */

/* ---------- BASIS / ACHTERGROND ---------- */
body.rsk-layout-ultra{
  --rsk-modern-border:color-mix(in srgb,var(--gold) 14%,rgba(255,255,255,.06));
  --rsk-modern-border-strong:color-mix(in srgb,var(--gold) 28%,rgba(255,255,255,.08));
  --rsk-modern-glass:color-mix(in srgb,var(--panel) 88%,transparent);
  --rsk-modern-soft:rgba(255,255,255,.025);
  --rsk-modern-shadow:0 18px 48px rgba(0,0,0,.24);
  --rsk-modern-shadow-soft:0 10px 28px rgba(0,0,0,.18);
  --rsk-modern-radius:18px;
  --rsk-modern-radius-lg:24px;
}

body.rsk-layout-ultra::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 12%,color-mix(in srgb,var(--gold) 8%,transparent),transparent 26%),
    radial-gradient(circle at 88% 25%,color-mix(in srgb,var(--gold2) 5%,transparent),transparent 22%),
    radial-gradient(circle at 50% 90%,rgba(255,255,255,.018),transparent 28%);
}

body.rsk-layout-ultra .container{
  width:min(1180px,94%);
}

/* ---------- MODERNE TOPBAR ---------- */
body.rsk-layout-ultra .topbar-wrap{
  padding:10px 0;
  background:
    linear-gradient(180deg,rgba(5,5,5,.88),rgba(5,5,5,.62));
  border-bottom:0!important;
  backdrop-filter:blur(22px);
}

body.rsk-layout-ultra .topbar{
  min-height:74px;
  padding:11px 14px;
  border:1px solid var(--rsk-modern-border)!important;
  border-radius:20px!important;
  background:
    linear-gradient(145deg,
      color-mix(in srgb,var(--panel) 88%,transparent),
      color-mix(in srgb,var(--panel) 96%,transparent))!important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.035)!important;
}

body.rsk-layout-ultra .brand-logo-frame{
  border-radius:16px;
  border-color:var(--rsk-modern-border-strong);
  background:
    linear-gradient(145deg,
      color-mix(in srgb,var(--gold) 10%,transparent),
      rgba(255,255,255,.02));
}

body.rsk-layout-ultra .brand-text{
  font-size:.88rem;
}

body.rsk-layout-ultra .brand-sub{
  color:#8c8c8c;
}

body.rsk-layout-ultra .modern-site-nav>a,
body.rsk-layout-ultra .modern-site-nav .compact-menu-summary{
  min-height:40px;
  padding:9px 12px;
  border:1px solid rgba(255,255,255,.025);
  border-radius:999px;
  background:rgba(255,255,255,.012);
}

body.rsk-layout-ultra .modern-site-nav>a:hover,
body.rsk-layout-ultra .modern-site-nav>a.active,
body.rsk-layout-ultra .modern-site-nav .compact-menu-summary:hover,
body.rsk-layout-ultra .modern-site-nav .compact-menu-summary.active,
body.rsk-layout-ultra .modern-site-nav .compact-account-menu[open]>.compact-menu-summary{
  color:#101010;
  border-color:color-mix(in srgb,var(--gold) 65%,transparent);
  background:
    linear-gradient(180deg,
      color-mix(in srgb,var(--gold) 100%,#fff),
      color-mix(in srgb,var(--gold) 82%,#fff1a8));
  box-shadow:
    0 10px 22px color-mix(in srgb,var(--gold) 16%,transparent),
    inset 0 1px 0 rgba(255,255,255,.28);
}

body.rsk-layout-ultra .modern-status,
body.rsk-layout-ultra .notification-bell,
body.rsk-layout-ultra .compact-profile-chip,
body.rsk-layout-ultra .compact-login{
  border-color:var(--rsk-modern-border)!important;
  background:rgba(255,255,255,.018)!important;
}

body.rsk-layout-ultra .compact-register{
  box-shadow:0 12px 24px color-mix(in srgb,var(--gold) 15%,transparent);
}

/* ---------- HERO ---------- */
body.rsk-layout-ultra .hero{
  overflow:hidden;
  isolation:isolate;
  position:relative;
  margin-top:24px;
  padding:54px 34px 46px;
  border:1px solid var(--rsk-modern-border)!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--gold) 15%,transparent),transparent 36%),
    linear-gradient(145deg,
      rgba(255,255,255,.022),
      rgba(0,0,0,.18))!important;
  box-shadow:
    0 28px 80px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.035)!important;
}

body.rsk-layout-ultra .hero::before{
  content:"";
  position:absolute;
  left:-10%;
  right:-10%;
  bottom:-55%;
  height:72%;
  z-index:-1;
  opacity:.25;
  background:
    radial-gradient(ellipse at center,
      color-mix(in srgb,var(--gold) 40%,transparent),
      transparent 64%);
  filter:blur(28px);
}

body.rsk-layout-ultra .hero-logo{
  filter:
    drop-shadow(0 18px 28px rgba(0,0,0,.44))
    drop-shadow(0 0 24px color-mix(in srgb,var(--gold) 8%,transparent));
}

body.rsk-layout-ultra .hero h1{
  text-shadow:0 8px 28px rgba(0,0,0,.26);
}

body.rsk-layout-ultra .hero .lead{
  max-width:790px;
  color:#b7b7b7;
  line-height:1.72;
}

body.rsk-layout-ultra .hero-buttons{
  margin-top:20px;
  gap:10px;
}

body.rsk-layout-ultra .listen-button,
body.rsk-layout-ultra .ghost-button{
  min-height:44px;
  padding:10px 15px;
  border-radius:999px;
  font-weight:900;
}

body.rsk-layout-ultra .listen-button{
  box-shadow:0 12px 24px color-mix(in srgb,var(--gold) 16%,transparent);
}

body.rsk-layout-ultra .ghost-button{
  border-color:rgba(255,255,255,.08);
  background:rgba(255,255,255,.025);
  backdrop-filter:blur(8px);
}

body.rsk-layout-ultra .hero-stats{
  margin-top:22px;
  gap:10px;
}

body.rsk-layout-ultra .hero-stats span{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:9px 13px;
  border:1px solid var(--rsk-modern-border)!important;
  border-radius:999px;
  background:rgba(255,255,255,.022)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

/* ---------- PAGINA LAYOUT ---------- */
body.rsk-layout-ultra .site-layout{
  gap:18px;
}

body.rsk-layout-ultra .main-content{
  min-width:0;
}

body.rsk-layout-ultra .panel,
body.rsk-layout-ultra .box,
body.rsk-layout-ultra .request-item,
body.rsk-layout-ultra .member-card,
body.rsk-layout-ultra .staffteam-card,
body.rsk-layout-ultra .profile-social-card,
body.rsk-layout-ultra .profile-social-mini-profile,
body.rsk-layout-ultra .notification-full-item,
body.rsk-layout-ultra .warning-history-item,
body.rsk-layout-ultra .news-weather-card,
body.rsk-layout-ultra .own-news-card,
body.rsk-layout-ultra .update-news-card,
body.rsk-layout-ultra .copy-block{
  border:1px solid var(--rsk-modern-border)!important;
  border-radius:var(--rsk-modern-radius)!important;
  background:
    linear-gradient(145deg,
      color-mix(in srgb,var(--panel) 95%,#151515),
      color-mix(in srgb,var(--panel) 100%,#080808))!important;
  box-shadow:
    var(--rsk-modern-shadow-soft),
    inset 0 1px 0 rgba(255,255,255,.025)!important;
}

body.rsk-layout-ultra .panel,
body.rsk-layout-ultra .box{
  overflow:hidden;
}

body.rsk-layout-ultra .panel{
  padding:20px;
}

body.rsk-layout-ultra .box-title,
body.rsk-layout-ultra .side-title{
  color:#f1f1f1;
  font-weight:900;
  letter-spacing:.35px;
}

body.rsk-layout-ultra .box-title{
  padding:14px 17px;
  border-bottom:1px solid color-mix(in srgb,var(--gold) 9%,rgba(255,255,255,.04));
  background:
    linear-gradient(180deg,
      rgba(255,255,255,.018),
      transparent);
}

body.rsk-layout-ultra .box-body{
  padding:17px;
}

body.rsk-layout-ultra .panel-intro{
  color:#9f9f9f;
  line-height:1.7;
}

/* ---------- SIDEBAR ---------- */
body.rsk-layout-ultra .sidebar{
  gap:15px;
}

body.rsk-layout-ultra .side-panel{
  overflow:hidden;
  padding:16px!important;
  border:1px solid var(--rsk-modern-border)!important;
  border-radius:18px!important;
  background:
    linear-gradient(145deg,
      color-mix(in srgb,var(--panel) 94%,#121212),
      color-mix(in srgb,var(--panel) 100%,#070707))!important;
  box-shadow:var(--rsk-modern-shadow-soft)!important;
}

body.rsk-layout-ultra .side-title{
  margin-bottom:10px;
  padding-bottom:9px;
  border-bottom:1px solid color-mix(in srgb,var(--gold) 8%,rgba(255,255,255,.04));
}

body.rsk-layout-ultra .side-links{
  gap:6px;
}

body.rsk-layout-ultra .side-links a{
  min-height:42px;
  padding:10px 11px;
  border:1px solid transparent;
  border-radius:11px;
  background:rgba(255,255,255,.012);
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}

body.rsk-layout-ultra .side-links a:hover{
  transform:translateX(2px);
  border-color:color-mix(in srgb,var(--gold) 16%,transparent);
  background:color-mix(in srgb,var(--gold) 5%,transparent);
}

body.rsk-layout-ultra .side-live{
  padding:12px;
  border:1px solid color-mix(in srgb,var(--gold) 10%,transparent);
  border-radius:14px;
  background:rgba(255,255,255,.014);
}

body.rsk-layout-ultra .side-live img{
  border-radius:13px;
  box-shadow:0 10px 24px rgba(0,0,0,.25);
}

/* ---------- CARDS / LIJSTEN ---------- */
body.rsk-layout-ultra .request-item,
body.rsk-layout-ultra .member-card,
body.rsk-layout-ultra .staffteam-card,
body.rsk-layout-ultra .notification-full-item,
body.rsk-layout-ultra .warning-history-item{
  transition:
    transform .16s ease,
    border-color .16s ease,
    box-shadow .16s ease;
}

body.rsk-layout-ultra .request-item:hover,
body.rsk-layout-ultra .member-card:hover,
body.rsk-layout-ultra .staffteam-card:hover,
body.rsk-layout-ultra .notification-full-item:hover,
body.rsk-layout-ultra .warning-history-item:hover{
  transform:translateY(-2px);
  border-color:var(--rsk-modern-border-strong)!important;
  box-shadow:var(--rsk-modern-shadow)!important;
}

body.rsk-layout-ultra .staffteam-card,
body.rsk-layout-ultra .member-card{
  overflow:hidden;
}

body.rsk-layout-ultra .staffteam-card img,
body.rsk-layout-ultra .member-card img{
  transition:transform .22s ease;
}

body.rsk-layout-ultra .staffteam-card:hover img,
body.rsk-layout-ultra .member-card:hover img{
  transform:scale(1.025);
}

/* ---------- FORMULIEREN ---------- */
body.rsk-layout-ultra input,
body.rsk-layout-ultra select,
body.rsk-layout-ultra textarea{
  min-height:46px;
  border:1px solid var(--rsk-modern-border)!important;
  border-radius:13px!important;
  background:
    linear-gradient(180deg,
      color-mix(in srgb,var(--panel) 92%,#050505),
      color-mix(in srgb,var(--panel) 100%,#030303))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}

body.rsk-layout-ultra textarea{
  min-height:120px;
}

body.rsk-layout-ultra input:hover,
body.rsk-layout-ultra select:hover,
body.rsk-layout-ultra textarea:hover{
  border-color:color-mix(in srgb,var(--gold) 20%,#353535)!important;
}

body.rsk-layout-ultra input:focus,
body.rsk-layout-ultra select:focus,
body.rsk-layout-ultra textarea:focus{
  border-color:color-mix(in srgb,var(--gold) 62%,transparent)!important;
  box-shadow:
    0 0 0 3px color-mix(in srgb,var(--gold) 8%,transparent),
    inset 0 1px 0 rgba(255,255,255,.025)!important;
}

body.rsk-layout-ultra label{
  color:#b4b4b4;
}

body.rsk-layout-ultra .btn{
  min-height:40px;
  padding:8px 13px;
  border-radius:999px!important;
  font-weight:900;
  transition:
    transform .16s ease,
    border-color .16s ease,
    background .16s ease,
    box-shadow .16s ease;
}

body.rsk-layout-ultra .btn:hover{
  transform:translateY(-1px);
}

body.rsk-layout-ultra .btn.gold{
  box-shadow:0 10px 20px color-mix(in srgb,var(--gold) 13%,transparent);
}

/* ---------- TABLES ---------- */
body.rsk-layout-ultra table{
  overflow:hidden;
  border:1px solid var(--rsk-modern-border);
  border-radius:14px;
}

body.rsk-layout-ultra th{
  padding:12px 13px;
  background:
    linear-gradient(180deg,
      rgba(255,255,255,.025),
      rgba(255,255,255,.01));
  color:#aaa;
  font-size:.62rem;
  text-transform:uppercase;
  letter-spacing:.45px;
}

body.rsk-layout-ultra td{
  padding:12px 13px;
  border-bottom:1px solid rgba(255,255,255,.035);
}

body.rsk-layout-ultra tbody tr{
  transition:background .14s ease;
}

body.rsk-layout-ultra tbody tr:hover td{
  background:rgba(255,255,255,.018);
}

/* ---------- NIEUWS ---------- */
body.rsk-layout-ultra .news-weather-card,
body.rsk-layout-ultra .own-news-card,
body.rsk-layout-ultra .update-news-card{
  position:relative;
  overflow:hidden;
}

body.rsk-layout-ultra .news-weather-card::before,
body.rsk-layout-ultra .own-news-card::before,
body.rsk-layout-ultra .update-news-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(180deg,var(--gold),transparent 88%);
  opacity:.8;
}

body.rsk-layout-ultra .own-news-card h3,
body.rsk-layout-ultra .news-card h3{
  color:#f5f5f5;
}

body.rsk-layout-ultra .own-news-card p,
body.rsk-layout-ultra .news-card p{
  color:#aaa;
}

/* ---------- PROFIEL / SOCIAL ---------- */
body.rsk-layout-ultra .profile-social-cover{
  border-radius:22px 22px 0 0;
  box-shadow:inset 0 -80px 70px rgba(0,0,0,.18);
}

body.rsk-layout-ultra .profile-social-card,
body.rsk-layout-ultra .profile-social-mini-profile{
  border-radius:20px!important;
}

body.rsk-layout-ultra .profile-post-composer,
body.rsk-layout-ultra .profile-post-item{
  border:1px solid var(--rsk-modern-border);
  border-radius:16px;
  background:rgba(255,255,255,.012);
}

body.rsk-layout-ultra .profile-post-item{
  box-shadow:0 10px 24px rgba(0,0,0,.14);
}

body.rsk-layout-ultra .profile-post-actions button,
body.rsk-layout-ultra .profile-post-actions a{
  border-radius:999px;
}

/* ---------- CHAT / MELDINGEN ---------- */
body.rsk-layout-ultra .notification-dropdown,
body.rsk-layout-ultra .compact-dropdown,
body.rsk-layout-ultra .rsk-chat-friends-panel,
body.rsk-layout-ultra .rsk-mini-chat-window{
  border:1px solid var(--rsk-modern-border-strong)!important;
  border-radius:18px!important;
  background:
    linear-gradient(145deg,
      color-mix(in srgb,var(--panel) 94%,#111),
      color-mix(in srgb,var(--panel) 100%,#050505))!important;
  box-shadow:0 26px 58px rgba(0,0,0,.44)!important;
  backdrop-filter:blur(20px);
}

body.rsk-layout-ultra .notification-dropdown-head,
body.rsk-layout-ultra .rsk-chat-panel-head{
  border-bottom:1px solid rgba(255,255,255,.04);
}

/* ---------- STAFFPANEEL ---------- */
body.rsk-layout-ultra .staff-panel-shell{
  border:1px solid var(--rsk-modern-border)!important;
  border-radius:24px!important;
  background:
    linear-gradient(145deg,
      color-mix(in srgb,var(--panel) 94%,#121212),
      color-mix(in srgb,var(--panel) 100%,#060606))!important;
  box-shadow:0 28px 78px rgba(0,0,0,.30)!important;
}

body.rsk-layout-ultra .staff-panel-hero{
  border-radius:24px 24px 0 0;
  background:
    radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--gold) 12%,transparent),transparent 38%),
    linear-gradient(120deg,rgba(255,255,255,.02),transparent 70%);
}

body.rsk-layout-ultra .staff-panel-account{
  border-radius:15px;
  background:rgba(255,255,255,.015);
}

body.rsk-layout-ultra .staff-panel-nav{
  border-radius:14px;
  border:1px solid rgba(255,255,255,.025);
  background:color-mix(in srgb,var(--panel) 90%,transparent);
}

body.rsk-layout-ultra .staff-stat-card,
body.rsk-layout-ultra .staff-action-card{
  border-radius:14px!important;
}

body.rsk-layout-ultra .staff-stat-icon{
  border-radius:12px;
}

/* ---------- ALERTS ---------- */
body.rsk-layout-ultra .alert{
  border-radius:13px;
  backdrop-filter:blur(8px);
}

body.rsk-layout-ultra .site-alert-modal,
body.rsk-layout-ultra .user-warning-modal{
  border-radius:22px;
  border-color:var(--rsk-modern-border-strong);
  box-shadow:0 32px 80px rgba(0,0,0,.5);
}

/* ---------- HTML RADIOPLAYER ---------- */
body.rsk-layout-ultra .rsk-html-player{
  border-top:1px solid color-mix(in srgb,var(--gold) 26%,transparent);
  background:
    linear-gradient(180deg,rgba(6,6,6,.88),rgba(2,2,2,.985));
  box-shadow:0 -20px 54px rgba(0,0,0,.46);
}

body.rsk-layout-ultra .rsk-html-player-main{
  border:1px solid var(--rsk-modern-border)!important;
  border-radius:20px;
  background:
    radial-gradient(circle at 16% 0%,color-mix(in srgb,var(--gold) 8%,transparent),transparent 30%),
    linear-gradient(145deg,rgba(255,255,255,.028),rgba(0,0,0,.14));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 14px 32px rgba(0,0,0,.2);
}

body.rsk-layout-ultra .rsk-html-dj-photo-wrap,
body.rsk-layout-ultra .rsk-html-listeners,
body.rsk-layout-ultra .rsk-html-controls{
  border-radius:15px;
  border-color:var(--rsk-modern-border);
}

body.rsk-layout-ultra .rsk-html-play{
  border-radius:16px;
  box-shadow:0 12px 25px color-mix(in srgb,var(--gold) 18%,transparent);
}

body.rsk-layout-ultra .rsk-html-action{
  border-radius:999px;
}

/* ---------- FOOTER ---------- */
body.rsk-layout-ultra .beerbar{
  margin-top:28px;
  border-top:1px solid rgba(255,255,255,.035);
  background:
    linear-gradient(180deg,rgba(255,255,255,.008),transparent);
}

body.rsk-layout-ultra .footer{
  color:#828282;
}

/* ---------- MOBIEL ---------- */
@media(max-width:900px){
  body.rsk-layout-ultra .topbar{
    border-radius:16px!important;
  }

  body.rsk-layout-ultra .modern-mobile-nav{
    gap:7px;
    padding:2px 0 1px;
  }

  body.rsk-layout-ultra .modern-mobile-nav a{
    min-height:36px;
    border:1px solid var(--rsk-modern-border);
    border-radius:999px;
    background:rgba(255,255,255,.015);
  }

  body.rsk-layout-ultra .modern-mobile-nav a.active,
  body.rsk-layout-ultra .modern-mobile-nav a:hover{
    border-color:var(--gold);
    background:var(--gold);
    color:#101010;
  }
}

@media(max-width:760px){
  body.rsk-layout-ultra .container{
    width:94%;
  }

  body.rsk-layout-ultra .hero{
    margin-top:12px;
    padding:34px 18px 28px;
    border-radius:20px!important;
  }

  body.rsk-layout-ultra .panel,
  body.rsk-layout-ultra .box,
  body.rsk-layout-ultra .side-panel,
  body.rsk-layout-ultra .request-item,
  body.rsk-layout-ultra .member-card,
  body.rsk-layout-ultra .staffteam-card{
    border-radius:15px!important;
  }

  body.rsk-layout-ultra .panel{
    padding:15px;
  }

  body.rsk-layout-ultra .box-body{
    padding:14px;
  }

  body.rsk-layout-ultra .side-panel{
    padding:13px!important;
  }

  body.rsk-layout-ultra .btn{
    min-height:38px;
  }

  body.rsk-layout-ultra .rsk-html-player-main{
    border-radius:16px;
  }
}

@media(max-width:480px){
  body.rsk-layout-ultra .topbar{
    padding:9px 10px;
  }

  body.rsk-layout-ultra .brand-logo-frame{
    width:42px;
    height:42px;
    flex-basis:42px;
  }

  body.rsk-layout-ultra .hero{
    padding-left:14px;
    padding-right:14px;
  }

  body.rsk-layout-ultra .hero-stats{
    gap:7px;
  }

  body.rsk-layout-ultra .hero-stats span{
    padding:8px 10px;
  }
}

@media(prefers-reduced-motion:reduce){
  body.rsk-layout-ultra .side-links a,
  body.rsk-layout-ultra .request-item,
  body.rsk-layout-ultra .member-card,
  body.rsk-layout-ultra .staffteam-card,
  body.rsk-layout-ultra .btn{
    transition:none;
  }
}


/* =====================================================
   DRIE LAYOUT KEUZES - UPDATE 057
===================================================== */
.layout-choice-grid.layout-choice-grid-three{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.layout-choice-grid-three .layout-choice-card{
  grid-template-columns:1fr;
  align-content:start;
}

.layout-choice-grid-three .layout-preview{
  min-height:130px;
}

.layout-choice-ultra{
  border-color:color-mix(in srgb,var(--gold) 24%,#313131);
}

.layout-preview-ultra{
  border-radius:16px;
  background:
    radial-gradient(circle at 28% 0%,color-mix(in srgb,var(--gold) 18%,transparent),transparent 45%),
    linear-gradient(145deg,#111,#060606);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.layout-preview-ultra .layout-preview-bar{
  background:rgba(255,255,255,.018);
}

.layout-preview-ultra .layout-preview-bar span{
  border:1px solid rgba(255,255,255,.03);
  background:#232323;
}

.layout-preview-ultra .layout-preview-bar span:first-child{
  background:linear-gradient(180deg,var(--gold),var(--gold2));
}

.layout-preview-ultra .layout-preview-side,
.layout-preview-ultra .layout-preview-main i{
  border:1px solid color-mix(in srgb,var(--gold) 18%,#282828);
  border-radius:12px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.035),rgba(0,0,0,.16));
  box-shadow:0 7px 14px rgba(0,0,0,.16);
}

.layout-choice-ultra .layout-choice-label{
  color:var(--gold2);
}

.layout-choice-ultra.selected{
  border-color:color-mix(in srgb,var(--gold2) 68%,transparent);
  background:
    radial-gradient(circle at 20% 0%,color-mix(in srgb,var(--gold) 8%,transparent),transparent 38%),
    color-mix(in srgb,var(--gold) 4%,#0b0b0b);
}

@media(max-width:1150px){
  .layout-choice-grid.layout-choice-grid-three{
    grid-template-columns:1fr;
  }

  .layout-choice-grid-three .layout-choice-card{
    grid-template-columns:minmax(160px,.9fr) minmax(0,1.1fr);
  }
}

@media(max-width:620px){
  .layout-choice-grid-three .layout-choice-card{
    grid-template-columns:1fr;
  }
}


/* =====================================================
   VIER RADIOPLAYER KEUZES - UPDATE 058
===================================================== */
.player-choice-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:15px;
  padding:14px;
  border:1px solid color-mix(in srgb,var(--gold) 14%,#303030);
  border-radius:14px;
  background:rgba(255,255,255,.015);
}

.player-choice-head>div{
  min-width:0;
}

.player-choice-head>div>span{
  display:block;
  color:var(--gold);
  font-size:.54rem;
  font-weight:900;
  letter-spacing:1px;
}

.player-choice-head h2{
  margin:4px 0 5px;
  font-family:Oswald,Impact,sans-serif;
  font-size:1.25rem;
  text-transform:uppercase;
}

.player-choice-head p{
  margin:0;
}

.player-choice-head>b{
  flex:0 0 auto;
  padding:6px 9px;
  border:1px solid color-mix(in srgb,var(--gold) 24%,transparent);
  border-radius:999px;
  background:color-mix(in srgb,var(--gold) 6%,transparent);
  color:var(--gold);
  font-size:.50rem;
  white-space:nowrap;
}

.player-choice-grid.player-choice-grid-four{
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:stretch;
}

.player-choice-grid-four .player-choice-card{
  min-height:225px;
  align-content:start;
  padding:16px;
}

.player-choice-kicker{
  display:block;
  margin:4px 0 2px;
  color:#777;
  font-size:.47rem;
  font-weight:900;
  letter-spacing:.9px;
}

.player-choice-grid-four .player-choice-card strong{
  margin-top:4px;
}

.player-choice-grid-four .player-choice-card small{
  min-height:70px;
  line-height:1.55;
}

.player-choice-html{
  border-color:color-mix(in srgb,var(--gold) 22%,#303030);
}

.player-choice-html.selected{
  box-shadow:0 12px 30px color-mix(in srgb,var(--gold) 10%,transparent);
}

@media(max-width:1180px){
  .player-choice-grid.player-choice-grid-four{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:680px){
  .player-choice-head{
    flex-direction:column;
  }

  .player-choice-grid.player-choice-grid-four{
    grid-template-columns:1fr;
  }

  .player-choice-grid-four .player-choice-card{
    min-height:auto;
  }

  .player-choice-grid-four .player-choice-card small{
    min-height:auto;
  }
}

/* -----------------------------------------------------
   PLAYER 2: COMPACTE ONDERBALK
----------------------------------------------------- */
body.rsk-player-mode-compact{
  --rsk-player-height:68px;
}

.rsk-choice-compact{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:5000;
  min-height:68px;
  border-top:1px solid color-mix(in srgb,var(--gold) 30%,transparent);
  background:rgba(4,4,4,.97);
  box-shadow:0 -12px 32px rgba(0,0,0,.42);
  backdrop-filter:blur(16px);
}

.rsk-choice-compact audio{
  display:none;
}

.rsk-choice-compact-inner{
  width:min(1380px,96%);
  min-height:68px;
  margin:0 auto;
  display:grid;
  grid-template-columns:44px minmax(220px,1fr) auto minmax(150px,220px);
  align-items:center;
  gap:10px;
}

.rsk-choice-compact-play{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  background:var(--gold);
  color:#080808;
  cursor:pointer;
  font-weight:900;
}

.rsk-choice-compact-now{
  min-width:0;
}

.rsk-choice-compact-top{
  display:flex;
  align-items:center;
  gap:7px;
  margin-bottom:2px;
}

.rsk-choice-compact-top strong{
  color:var(--gold);
  font-size:.49rem;
  letter-spacing:.75px;
}

.rsk-choice-compact-top span{
  padding:2px 5px;
  border:1px solid rgba(244,181,27,.18);
  border-radius:999px;
  color:#aaa;
  font-size:.38rem;
  font-weight:900;
}

.rsk-choice-compact[data-state="playing"] .rsk-choice-compact-top span{
  color:#aee6b7;
  border-color:rgba(81,190,103,.25);
}

.rsk-choice-compact-track{
  overflow:hidden;
  color:#fff;
  font-family:Oswald,Impact,sans-serif;
  font-size:.94rem;
  font-weight:700;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.rsk-choice-compact-listeners{
  display:flex;
  align-items:center;
  gap:5px;
  padding:6px 9px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:999px;
  color:#888;
  font-size:.48rem;
  white-space:nowrap;
}

.rsk-choice-compact-listeners strong{
  color:#fff;
  font-size:.62rem;
}

.rsk-choice-compact-volume{
  min-width:0;
  display:grid;
  grid-template-columns:32px minmax(70px,1fr) 38px;
  align-items:center;
  gap:7px;
}

.rsk-choice-compact-volume button{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.06);
  border-radius:8px;
  background:#0d0d0d;
  color:#fff;
  cursor:pointer;
}

.rsk-choice-compact-volume input{
  width:100%;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  accent-color:var(--gold);
}

.rsk-choice-compact-volume span{
  color:#aaa;
  font-size:.48rem;
  font-weight:900;
  text-align:right;
}

/* -----------------------------------------------------
   PLAYER 3: MODERNE PLAYER
----------------------------------------------------- */
body.rsk-player-mode-modern{
  --rsk-player-height:82px;
}

.rsk-choice-modern{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:5000;
  min-height:82px;
  border-top:1px solid color-mix(in srgb,var(--gold) 32%,transparent);
  background:
    linear-gradient(180deg,rgba(7,7,7,.94),rgba(2,2,2,.985));
  box-shadow:0 -16px 38px rgba(0,0,0,.44);
  backdrop-filter:blur(18px);
}

.rsk-choice-modern audio{
  display:none;
}

.rsk-choice-modern-inner{
  width:min(1420px,96%);
  min-height:82px;
  margin:0 auto;
  display:grid;
  grid-template-columns:48px 48px minmax(260px,1fr) 90px minmax(165px,230px);
  align-items:center;
  gap:10px;
}

.rsk-choice-modern-play{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:14px;
  background:linear-gradient(180deg,var(--gold),var(--gold2));
  color:#0b0b0b;
  cursor:pointer;
  font-weight:900;
  box-shadow:0 9px 20px color-mix(in srgb,var(--gold) 15%,transparent);
}

.rsk-choice-modern-photo-wrap{
  position:relative;
  width:44px;
  height:44px;
  border:1px solid color-mix(in srgb,var(--gold) 24%,#333);
  border-radius:13px;
  background:#090909;
}

.rsk-choice-modern-photo-wrap img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border-radius:12px;
}

.rsk-choice-modern-photo-wrap i{
  position:absolute;
  right:-3px;
  bottom:-3px;
  width:12px;
  height:12px;
  border:3px solid #080808;
  border-radius:50%;
  background:#ef4242;
}

.rsk-choice-modern-copy{
  min-width:0;
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.045);
  border-radius:13px;
  background:rgba(255,255,255,.015);
}

.rsk-choice-modern-top{
  display:flex;
  align-items:center;
  gap:7px;
  margin-bottom:2px;
}

.rsk-choice-modern-top span{
  color:var(--gold);
  font-size:.47rem;
  font-weight:900;
  letter-spacing:.7px;
}

.rsk-choice-modern-top b{
  padding:2px 6px;
  border:1px solid rgba(244,181,27,.17);
  border-radius:999px;
  color:#aaa;
  font-size:.37rem;
}

.rsk-choice-modern[data-state="playing"] .rsk-choice-modern-top b{
  color:#ade5b6;
  border-color:rgba(81,190,103,.24);
}

.rsk-choice-modern-track{
  overflow:hidden;
  color:#fff;
  font-family:Oswald,Impact,sans-serif;
  font-size:1rem;
  font-weight:700;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.rsk-choice-modern-djline{
  min-width:0;
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:3px;
  overflow:hidden;
  white-space:nowrap;
}

.rsk-choice-modern-djline span{
  flex:0 0 auto;
  padding:2px 5px;
  border:1px solid rgba(244,181,27,.15);
  border-radius:999px;
  color:var(--gold);
  font-size:.38rem;
  font-weight:900;
}

.rsk-choice-modern-djline span.is-live{
  color:#ade5b6;
  border-color:rgba(81,190,103,.23);
}

.rsk-choice-modern-djline strong{
  overflow:hidden;
  color:#aaa;
  font-size:.48rem;
  text-overflow:ellipsis;
}

.rsk-choice-modern-stat{
  min-height:48px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.045);
  border-radius:12px;
  background:rgba(255,255,255,.015);
}

.rsk-choice-modern-stat small{
  color:#777;
  font-size:.36rem;
  font-weight:900;
  letter-spacing:.4px;
}

.rsk-choice-modern-stat strong{
  margin-top:2px;
  color:#fff;
  font-family:Oswald,Impact,sans-serif;
  font-size:.98rem;
}

.rsk-choice-modern-volume{
  min-width:0;
  display:grid;
  grid-template-columns:34px minmax(70px,1fr) 40px;
  align-items:center;
  gap:7px;
}

.rsk-choice-modern-volume button{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.06);
  border-radius:9px;
  background:#0d0d0d;
  color:#fff;
  cursor:pointer;
}

.rsk-choice-modern-volume input{
  width:100%;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  accent-color:var(--gold);
}

.rsk-choice-modern-volume span{
  color:#aaa;
  font-size:.49rem;
  font-weight:900;
  text-align:right;
}

/* -----------------------------------------------------
   PLAYER 4: COMPLETE HTML
----------------------------------------------------- */
body.rsk-player-mode-html{
  --rsk-player-height:92px;
}

.rsk-chat-dock{
  bottom:var(--rsk-player-height);
}

@media(max-width:800px){
  body.rsk-player-mode-compact{
    --rsk-player-height:104px;
  }

  .rsk-choice-compact-inner{
    min-height:104px;
    grid-template-columns:40px minmax(0,1fr) auto;
    grid-template-rows:56px 36px;
    gap:4px 8px;
  }

  .rsk-choice-compact-listeners{
    grid-column:3;
    grid-row:1;
  }

  .rsk-choice-compact-volume{
    grid-column:1 / -1;
    grid-row:2;
  }

  body.rsk-player-mode-modern{
    --rsk-player-height:112px;
  }

  .rsk-choice-modern-inner{
    min-height:112px;
    grid-template-columns:44px 42px minmax(0,1fr) 72px;
    grid-template-rows:62px 38px;
    gap:5px 8px;
  }

  .rsk-choice-modern-volume{
    grid-column:1 / -1;
    grid-row:2;
  }
}

@media(max-width:520px){
  .rsk-choice-compact-listeners span{
    display:none;
  }

  .rsk-choice-modern-stat{
    min-width:62px;
  }
}


/* =====================================================
   SHARP MODERN LAYOUT - UPDATE 059
   Vierde layout, alleen actief bij rsk-layout-sharp
===================================================== */

/* Beheer: 4 layoutkaarten */
.layout-choice-grid.layout-choice-grid-four{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.layout-choice-grid-four .layout-choice-card{
  grid-template-columns:1fr;
  align-content:start;
}

.layout-choice-grid-four .layout-preview{
  min-height:126px;
}

.layout-choice-sharp{
  border-color:color-mix(in srgb,var(--gold) 25%,#333);
}

.layout-choice-sharp.selected{
  border-color:var(--gold);
  background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 7%,#0b0b0b),#080808);
}

.layout-preview-sharp{
  overflow:hidden;
  border-radius:3px;
  background:#070809;
}

.layout-preview-sharp-head{
  height:28px;
  display:flex;
  align-items:center;
  gap:5px;
  padding:0 7px;
  border-bottom:1px solid rgba(244,181,27,.34);
  background:#0d0f11;
}

.layout-preview-sharp-head b{
  width:18px;
  height:18px;
  margin-right:auto;
  border:1px solid var(--gold);
  background:linear-gradient(135deg,var(--gold),transparent 70%);
}

.layout-preview-sharp-head span{
  width:25px;
  height:5px;
  background:#34373a;
}

.layout-preview-sharp-body{
  min-height:98px;
  display:grid;
  grid-template-columns:34px 1fr;
}

.layout-preview-sharp-body aside{
  display:flex;
  flex-direction:column;
  gap:7px;
  padding:9px 7px;
  border-right:1px solid rgba(255,255,255,.06);
  background:#090a0b;
}

.layout-preview-sharp-body aside i{
  width:18px;
  height:7px;
  display:block;
  background:#292c2f;
}

.layout-preview-sharp-body aside i:first-child{
  background:var(--gold);
}

.layout-preview-sharp-body main{
  display:grid;
  gap:7px;
  padding:9px;
}

.layout-preview-sharp-body main>strong{
  display:block;
  height:25px;
  border-left:3px solid var(--gold);
  background:#15171a;
}

.layout-preview-sharp-body main>div{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
}

.layout-preview-sharp-body main>div i{
  height:28px;
  display:block;
  border:1px solid rgba(255,255,255,.05);
  background:#101214;
}

.layout-preview-sharp-body main>span{
  display:block;
  height:11px;
  background:#1a1c1f;
}

.layout-choice-sharp .layout-choice-label{
  color:var(--gold2);
}

@media(max-width:1280px){
  .layout-choice-grid.layout-choice-grid-four{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:680px){
  .layout-choice-grid.layout-choice-grid-four{
    grid-template-columns:1fr;
  }
}

/* ---------- Sharp basis ---------- */
body.rsk-layout-sharp{
  --sharp-bg:#050607;
  --sharp-surface:color-mix(in srgb,var(--panel) 94%,#0b0d0f);
  --sharp-surface-2:color-mix(in srgb,var(--panel) 88%,#16191c);
  --sharp-line:color-mix(in srgb,var(--gold) 22%,rgba(255,255,255,.08));
  --sharp-line-soft:color-mix(in srgb,var(--gold) 9%,rgba(255,255,255,.055));
  --sharp-shadow:0 16px 36px rgba(0,0,0,.28);
  font-family:"Space Grotesk",Inter,Arial,sans-serif;
  background-color:var(--sharp-bg)!important;
}

body.rsk-layout-sharp::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  opacity:.85;
  background:
    linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.011) 1px,transparent 1px),
    radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--gold) 10%,transparent),transparent 25%);
  background-size:64px 64px,64px 64px,auto;
}

body.rsk-layout-sharp .container{
  width:min(1240px,95%);
}

body.rsk-layout-sharp .page{
  padding-top:28px;
}

/* ---------- Sharp header ---------- */
body.rsk-layout-sharp .topbar-wrap{
  padding:0;
  border-bottom:1px solid var(--sharp-line)!important;
  background:rgba(5,6,7,.97)!important;
  backdrop-filter:blur(18px);
}

body.rsk-layout-sharp .topbar{
  min-height:72px;
  padding:0;
  gap:18px;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.rsk-layout-sharp .modern-brand{
  min-height:72px;
  padding-right:17px;
  border-right:1px solid var(--sharp-line-soft);
}

body.rsk-layout-sharp .brand-logo-frame{
  width:46px;
  height:46px;
  flex-basis:46px;
  border:1px solid var(--sharp-line);
  border-radius:3px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 12%,transparent),rgba(255,255,255,.01));
  box-shadow:none;
}

body.rsk-layout-sharp .brand-logo{
  width:38px;
  height:38px;
  flex-basis:38px;
  border-radius:2px;
}

body.rsk-layout-sharp .brand-copy{
  gap:4px;
}

body.rsk-layout-sharp .brand-text{
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:.88rem;
  letter-spacing:.35px;
}

body.rsk-layout-sharp .brand-sub{
  color:#73777c;
  font-size:.49rem;
  letter-spacing:.85px;
  text-transform:uppercase;
}

body.rsk-layout-sharp .modern-site-nav{
  align-self:stretch;
  gap:0;
}

body.rsk-layout-sharp .modern-site-nav>a,
body.rsk-layout-sharp .modern-site-nav .compact-menu-summary{
  min-height:72px;
  padding:0 11px;
  border:0;
  border-bottom:2px solid transparent;
  border-radius:0;
  background:transparent;
  color:#8d9196;
  box-shadow:none;
  transform:none;
}

body.rsk-layout-sharp .modern-site-nav>a:hover,
body.rsk-layout-sharp .modern-site-nav>a.active,
body.rsk-layout-sharp .modern-site-nav .compact-menu-summary:hover,
body.rsk-layout-sharp .modern-site-nav .compact-menu-summary.active,
body.rsk-layout-sharp .modern-site-nav .compact-account-menu[open]>.compact-menu-summary{
  color:#fff;
  border-bottom-color:var(--gold);
  background:linear-gradient(180deg,transparent 38%,color-mix(in srgb,var(--gold) 6%,transparent));
  box-shadow:none;
  transform:none;
}

body.rsk-layout-sharp .compact-account-menu,
body.rsk-layout-sharp .compact-account-menu>summary{
  height:72px;
}

body.rsk-layout-sharp .compact-dropdown{
  top:72px;
  width:236px;
  padding:6px;
  border:1px solid var(--sharp-line);
  border-radius:3px;
  background:#0a0c0e!important;
  box-shadow:0 22px 46px rgba(0,0,0,.52);
}

body.rsk-layout-sharp .compact-dropdown a{
  min-height:39px;
  border-radius:2px;
  border-left:2px solid transparent;
}

body.rsk-layout-sharp .compact-dropdown a:hover{
  border-left-color:var(--gold);
  background:rgba(255,255,255,.035);
}

body.rsk-layout-sharp .modern-status,
body.rsk-layout-sharp .notification-bell,
body.rsk-layout-sharp .compact-profile-chip{
  border:1px solid var(--sharp-line-soft)!important;
  border-radius:3px;
  background:#0a0c0e!important;
  box-shadow:none;
}

body.rsk-layout-sharp .compact-profile-chip img,
body.rsk-layout-sharp .compact-profile-chip>span{
  border-radius:2px;
}

body.rsk-layout-sharp .compact-login,
body.rsk-layout-sharp .compact-register{
  min-height:40px;
  border-radius:3px;
  box-shadow:none;
}

/* ---------- Sharp hero ---------- */
body.rsk-layout-sharp .hero{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  margin-top:26px;
  padding:48px 42px;
  border:1px solid var(--sharp-line)!important;
  border-radius:4px!important;
  background:
    linear-gradient(115deg,
      color-mix(in srgb,var(--panel) 98%,#090b0d),
      color-mix(in srgb,var(--panel) 89%,#171a1e))!important;
  box-shadow:var(--sharp-shadow)!important;
}

body.rsk-layout-sharp .hero::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:8px;
  width:4px;
  background:linear-gradient(var(--gold),transparent 88%);
  opacity:.9;
}

body.rsk-layout-sharp .hero::after{
  content:"RADIOSCHUIMKOP / LIVE";
  position:absolute;
  top:14px;
  right:18px;
  color:rgba(255,255,255,.12);
  font-size:.55rem;
  font-weight:700;
  letter-spacing:1.8px;
}

body.rsk-layout-sharp .hero-logo{
  filter:drop-shadow(0 14px 24px rgba(0,0,0,.4));
}

body.rsk-layout-sharp .hero h1{
  font-family:"Space Grotesk",Inter,sans-serif;
  letter-spacing:-.4px;
  text-transform:none;
}

body.rsk-layout-sharp .hero .lead{
  color:#9da2a7;
  line-height:1.75;
}

body.rsk-layout-sharp .listen-button,
body.rsk-layout-sharp .ghost-button,
body.rsk-layout-sharp .btn{
  border-radius:3px!important;
  box-shadow:none!important;
}

body.rsk-layout-sharp .listen-button,
body.rsk-layout-sharp .btn.gold{
  border-color:var(--gold);
  background:var(--gold);
}

body.rsk-layout-sharp .ghost-button{
  border-color:var(--sharp-line-soft);
  background:#0d0f11;
}

body.rsk-layout-sharp .hero-stats{
  gap:8px;
}

body.rsk-layout-sharp .hero-stats span{
  min-height:40px;
  border:1px solid var(--sharp-line-soft)!important;
  border-radius:2px;
  background:#0d0f11!important;
}

/* ---------- Sharp panelen ---------- */
body.rsk-layout-sharp .panel,
body.rsk-layout-sharp .box,
body.rsk-layout-sharp .side-panel,
body.rsk-layout-sharp .request-item,
body.rsk-layout-sharp .member-card,
body.rsk-layout-sharp .staffteam-card,
body.rsk-layout-sharp .profile-social-card,
body.rsk-layout-sharp .profile-social-mini-profile,
body.rsk-layout-sharp .notification-full-item,
body.rsk-layout-sharp .warning-history-item,
body.rsk-layout-sharp .news-weather-card,
body.rsk-layout-sharp .own-news-card,
body.rsk-layout-sharp .update-news-card{
  border:1px solid var(--sharp-line-soft)!important;
  border-radius:4px!important;
  background:
    linear-gradient(145deg,var(--sharp-surface),color-mix(in srgb,var(--sharp-surface) 95%,#050607))!important;
  box-shadow:0 10px 24px rgba(0,0,0,.20)!important;
}

body.rsk-layout-sharp .panel,
body.rsk-layout-sharp .box{
  position:relative;
  overflow:hidden;
}

body.rsk-layout-sharp .panel::before,
body.rsk-layout-sharp .box::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:42px;
  height:2px;
  background:var(--gold);
  opacity:.85;
}

body.rsk-layout-sharp .box-title,
body.rsk-layout-sharp .side-title{
  font-family:"Space Grotesk",Inter,sans-serif;
  font-weight:700;
  letter-spacing:.2px;
}

body.rsk-layout-sharp .box-title{
  border-bottom:1px solid var(--sharp-line-soft);
  background:#0d0f11;
}

/* ---------- Sharp sidebar ---------- */
body.rsk-layout-sharp .sidebar{
  gap:12px;
}

body.rsk-layout-sharp .side-panel{
  padding:14px!important;
}

body.rsk-layout-sharp .side-links{
  gap:3px;
}

body.rsk-layout-sharp .side-links a{
  min-height:40px;
  padding:9px 10px;
  border:1px solid transparent;
  border-left:2px solid transparent;
  border-radius:2px;
  background:#0b0d0f;
}

body.rsk-layout-sharp .side-links a:hover{
  border-left-color:var(--gold);
  background:#111417;
  transform:none;
}

/* ---------- Sharp formulieren ---------- */
body.rsk-layout-sharp input,
body.rsk-layout-sharp select,
body.rsk-layout-sharp textarea{
  min-height:44px;
  border:1px solid var(--sharp-line-soft)!important;
  border-radius:2px!important;
  background:#090b0d!important;
  box-shadow:none!important;
}

body.rsk-layout-sharp input:focus,
body.rsk-layout-sharp select:focus,
body.rsk-layout-sharp textarea:focus{
  outline:none;
  border-color:var(--gold)!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--gold) 35%,transparent)!important;
}

/* ---------- Sharp kaarten / hover ---------- */
body.rsk-layout-sharp .request-item,
body.rsk-layout-sharp .member-card,
body.rsk-layout-sharp .staffteam-card{
  transition:border-color .15s ease,background .15s ease;
}

body.rsk-layout-sharp .request-item:hover,
body.rsk-layout-sharp .member-card:hover,
body.rsk-layout-sharp .staffteam-card:hover{
  border-color:var(--sharp-line)!important;
  background:var(--sharp-surface-2)!important;
  transform:none;
}

body.rsk-layout-sharp .staffteam-card img,
body.rsk-layout-sharp .member-card img{
  border-radius:2px;
}

/* ---------- Sharp profiel / nieuws ---------- */
body.rsk-layout-sharp .profile-social-cover{
  border-radius:3px 3px 0 0;
}

body.rsk-layout-sharp .profile-post-composer,
body.rsk-layout-sharp .profile-post-item{
  border-radius:3px;
  border-left:2px solid var(--sharp-line);
}

body.rsk-layout-sharp .news-weather-card,
body.rsk-layout-sharp .own-news-card,
body.rsk-layout-sharp .update-news-card{
  border-left:3px solid color-mix(in srgb,var(--gold) 55%,transparent)!important;
}

/* ---------- Sharp tabellen ---------- */
body.rsk-layout-sharp table{
  border-collapse:collapse;
  border:1px solid var(--sharp-line-soft);
  border-radius:0;
}

body.rsk-layout-sharp th{
  background:#0d0f11;
  color:#aeb2b6;
  text-transform:uppercase;
  letter-spacing:.55px;
}

body.rsk-layout-sharp th,
body.rsk-layout-sharp td{
  border-bottom:1px solid rgba(255,255,255,.045);
}

body.rsk-layout-sharp tbody tr:hover td{
  background:#101316;
}

/* ---------- Sharp meldingen/chat ---------- */
body.rsk-layout-sharp .notification-dropdown,
body.rsk-layout-sharp .rsk-chat-friends-panel,
body.rsk-layout-sharp .rsk-mini-chat-window{
  border:1px solid var(--sharp-line)!important;
  border-radius:3px!important;
  background:#0a0c0e!important;
  box-shadow:0 26px 56px rgba(0,0,0,.48)!important;
}

/* ---------- Sharp Staffpaneel ---------- */
body.rsk-layout-sharp .staff-panel-shell{
  border:1px solid var(--sharp-line)!important;
  border-radius:4px!important;
  background:#090b0d!important;
  box-shadow:var(--sharp-shadow)!important;
}

body.rsk-layout-sharp .staff-panel-hero{
  border-radius:0;
  border-bottom:1px solid var(--sharp-line-soft);
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--gold) 6%,#0c0e10),#0a0c0e);
}

body.rsk-layout-sharp .staff-panel-account{
  border-radius:3px;
  background:#0d0f11;
}

body.rsk-layout-sharp .staff-panel-nav{
  border-radius:2px;
  border:1px solid var(--sharp-line-soft);
  background:#0b0d0f;
}

body.rsk-layout-sharp .staff-panel-nav a{
  border-radius:2px;
}

body.rsk-layout-sharp .staff-panel-nav a.active{
  color:#111;
  background:var(--gold);
  border-color:var(--gold);
  box-shadow:none;
}

body.rsk-layout-sharp .staff-stat-card,
body.rsk-layout-sharp .staff-action-card{
  border-radius:3px!important;
}

body.rsk-layout-sharp .staff-stat-icon{
  border-radius:2px;
}

/* ---------- Sharp players: styling volgt gekozen player ---------- */
body.rsk-layout-sharp .rsk-choice-compact,
body.rsk-layout-sharp .rsk-choice-modern,
body.rsk-layout-sharp .rsk-html-player{
  border-top:1px solid var(--sharp-line);
  background:#060708;
}

body.rsk-layout-sharp .rsk-choice-modern-copy,
body.rsk-layout-sharp .rsk-choice-modern-stat,
body.rsk-layout-sharp .rsk-html-player-main,
body.rsk-layout-sharp .rsk-html-listeners,
body.rsk-layout-sharp .rsk-html-controls{
  border-radius:3px!important;
  border-color:var(--sharp-line-soft)!important;
  background:#0b0d0f!important;
  box-shadow:none!important;
}

body.rsk-layout-sharp .rsk-choice-modern-play,
body.rsk-layout-sharp .rsk-html-play,
body.rsk-layout-sharp .rsk-html-action{
  border-radius:3px!important;
  box-shadow:none!important;
}

body.rsk-layout-sharp .rsk-choice-modern-photo-wrap,
body.rsk-layout-sharp .rsk-html-dj-photo-wrap,
body.rsk-layout-sharp .rsk-html-dj-photo{
  border-radius:2px!important;
}

/* ---------- mobiel ---------- */
@media(max-width:900px){
  body.rsk-layout-sharp .topbar{
    min-height:62px;
  }

  body.rsk-layout-sharp .modern-brand{
    min-height:62px;
    border-right:0;
  }

  body.rsk-layout-sharp .mobile-nav-wrap.modern-mobile-nav-wrap{
    display:block;
  }
}

@media(max-width:760px){
  body.rsk-layout-sharp .container{
    width:95%;
  }

  body.rsk-layout-sharp .hero{
    margin-top:14px;
    padding:32px 18px;
  }

  body.rsk-layout-sharp .panel,
  body.rsk-layout-sharp .box,
  body.rsk-layout-sharp .side-panel{
    border-radius:3px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.rsk-layout-sharp .request-item,
  body.rsk-layout-sharp .member-card,
  body.rsk-layout-sharp .staffteam-card{
    transition:none;
  }
}


/* =====================================================
   LAYOUT 5 STUDIO CONTROL - UPDATE 060
   Compleet ander concept: desktop studio/sidebar dashboard
===================================================== */

/* ---------- Beheer: 5 layout keuzes ---------- */
.layout-choice-grid.layout-choice-grid-five{
  grid-template-columns:repeat(5,minmax(0,1fr));
}

.layout-choice-grid-five .layout-choice-card{
  grid-template-columns:1fr;
  align-content:start;
}

.layout-choice-grid-five .layout-preview{
  min-height:124px;
}

.layout-choice-studio{
  border-color:color-mix(in srgb,var(--gold) 28%,#313131);
}

.layout-choice-studio.selected{
  border-color:var(--gold2);
  background:
    linear-gradient(145deg,
      color-mix(in srgb,var(--gold) 7%,#0a0a0a),
      #070809);
}

.layout-preview-studio{
  display:grid;
  grid-template-columns:34px 1fr;
  overflow:hidden;
  border-radius:10px;
  background:#070809;
}

.layout-preview-studio>aside{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  padding:8px 6px;
  border-right:1px solid rgba(244,181,27,.24);
  background:#0b0d0f;
}

.layout-preview-studio>aside b{
  width:20px;
  height:20px;
  display:block;
  border:1px solid var(--gold);
  border-radius:6px;
  background:linear-gradient(145deg,var(--gold),transparent);
}

.layout-preview-studio>aside i{
  width:18px;
  height:6px;
  display:block;
  border-radius:999px;
  background:#30343a;
}

.layout-preview-studio>aside i:nth-child(2){
  background:var(--gold);
}

.layout-preview-studio>main{
  display:grid;
  grid-template-rows:24px 1fr 15px;
  min-width:0;
}

.layout-preview-studio>main>header{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:5px;
  padding:0 7px;
  border-bottom:1px solid rgba(255,255,255,.05);
}

.layout-preview-studio>main>header span{
  width:25px;
  height:5px;
  border-radius:999px;
  background:#292d31;
}

.layout-preview-studio>main>section{
  display:grid;
  gap:7px;
  padding:8px;
}

.layout-preview-studio>main>section strong{
  display:block;
  height:26px;
  border-radius:7px;
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--gold) 18%,#14171a),#111316);
}

.layout-preview-studio>main>section>div{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:5px;
}

.layout-preview-studio>main>section i{
  display:block;
  height:31px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:6px;
  background:#111417;
}

.layout-preview-studio>main>footer{
  border-top:1px solid rgba(255,255,255,.04);
  background:#0d0f11;
}

.layout-choice-studio .layout-choice-label{
  color:var(--gold2);
}

@media(max-width:1450px){
  .layout-choice-grid.layout-choice-grid-five{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:1000px){
  .layout-choice-grid.layout-choice-grid-five{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:680px){
  .layout-choice-grid.layout-choice-grid-five{
    grid-template-columns:1fr;
  }
}

/* ---------- Studio basis ---------- */
body.rsk-layout-studio{
  --studio-rail:260px;
  --studio-bg:#060708;
  --studio-panel:#0c0e10;
  --studio-panel-2:#111418;
  --studio-line:rgba(255,255,255,.065);
  --studio-gold-line:color-mix(in srgb,var(--gold) 28%,rgba(255,255,255,.06));
  --studio-shadow:0 16px 34px rgba(0,0,0,.26);
  font-family:Inter,Arial,sans-serif;
  background-color:var(--studio-bg)!important;
}

body.rsk-layout-studio::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(circle at 80% 6%,color-mix(in srgb,var(--gold) 8%,transparent),transparent 25%),
    linear-gradient(135deg,rgba(255,255,255,.009),transparent 36%);
}

body.rsk-layout-studio .container{
  width:min(1280px,94%);
}

@media(min-width:1001px){
  body.rsk-layout-studio{
    padding-left:var(--studio-rail);
  }

  body.rsk-layout-studio .container{
    width:min(1320px,94%);
  }

  /* vaste studio-navigatie links */
  body.rsk-layout-studio .topbar-wrap{
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    width:var(--studio-rail);
    z-index:5200;
    padding:0;
    border-right:1px solid var(--studio-gold-line)!important;
    border-bottom:0!important;
    background:
      linear-gradient(180deg,#0b0d0f,#070809)!important;
    box-shadow:12px 0 32px rgba(0,0,0,.20);
    backdrop-filter:none;
  }

  body.rsk-layout-studio .topbar{
    width:100%;
    min-height:100vh;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:18px 14px;
  }

  body.rsk-layout-studio .modern-brand{
    min-height:auto;
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:18px;
    padding:8px 8px 18px;
    border-bottom:1px solid var(--studio-line);
  }

  body.rsk-layout-studio .brand-logo-frame{
    width:48px;
    height:48px;
    flex:0 0 48px;
    border:1px solid var(--studio-gold-line);
    border-radius:12px;
    background:
      linear-gradient(145deg,color-mix(in srgb,var(--gold) 11%,transparent),rgba(255,255,255,.015));
  }

  body.rsk-layout-studio .brand-logo{
    width:38px;
    height:38px;
    border-radius:9px;
  }

  body.rsk-layout-studio .brand-text{
    font-size:.80rem;
    letter-spacing:.5px;
  }

  body.rsk-layout-studio .brand-sub{
    font-size:.46rem;
    letter-spacing:.55px;
  }

  body.rsk-layout-studio .modern-site-nav{
    width:100%;
    display:flex!important;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:4px;
  }

  body.rsk-layout-studio .modern-site-nav>a,
  body.rsk-layout-studio .modern-site-nav .compact-menu-summary{
    width:100%;
    min-height:42px;
    justify-content:flex-start;
    padding:10px 11px;
    border:1px solid transparent;
    border-radius:9px;
    background:transparent;
    color:#92979d;
    font-size:.60rem;
    letter-spacing:.55px;
    box-shadow:none;
    transform:none;
  }

  body.rsk-layout-studio .modern-site-nav>a:hover,
  body.rsk-layout-studio .modern-site-nav>a.active,
  body.rsk-layout-studio .modern-site-nav .compact-menu-summary:hover,
  body.rsk-layout-studio .modern-site-nav .compact-menu-summary.active,
  body.rsk-layout-studio .modern-site-nav .compact-account-menu[open]>.compact-menu-summary{
    color:#fff;
    border-color:var(--studio-gold-line);
    background:
      linear-gradient(90deg,color-mix(in srgb,var(--gold) 10%,#111418),#111418);
    box-shadow:inset 3px 0 0 var(--gold);
    transform:none;
  }

  body.rsk-layout-studio .compact-account-menu{
    width:100%;
  }

  body.rsk-layout-studio .compact-dropdown{
    position:fixed;
    left:calc(var(--studio-rail) - 6px);
    top:auto;
    right:auto;
    width:228px;
    margin-top:-42px;
    border:1px solid var(--studio-gold-line);
    border-radius:10px;
    background:#0c0e10!important;
    box-shadow:0 18px 42px rgba(0,0,0,.42);
  }

  body.rsk-layout-studio .top-actions{
    width:100%;
    margin-top:auto;
    display:grid;
    grid-template-columns:1fr auto;
    gap:7px;
    padding-top:14px;
    border-top:1px solid var(--studio-line);
  }

  body.rsk-layout-studio .modern-status{
    grid-column:1 / -1;
    justify-content:center;
    min-height:38px;
    border:1px solid var(--studio-line)!important;
    border-radius:9px;
    background:#0f1215!important;
  }

  body.rsk-layout-studio .notification-center{
    justify-self:start;
  }

  body.rsk-layout-studio .notification-bell,
  body.rsk-layout-studio .compact-profile-chip,
  body.rsk-layout-studio .compact-login,
  body.rsk-layout-studio .compact-register{
    border-radius:9px;
  }

  body.rsk-layout-studio .mobile-nav-wrap{
    display:none!important;
  }

  /* content en footer rechts van rail */
  body.rsk-layout-studio .message-ticker-wrap,
  body.rsk-layout-studio .global-player-wrap{
    margin-left:0;
  }

  body.rsk-layout-studio .footer,
  body.rsk-layout-studio .beerbar{
    margin-left:0;
  }

  /* bottom players niet onder sidebar */
  body.rsk-layout-studio .rsk-choice-compact,
  body.rsk-layout-studio .rsk-choice-modern,
  body.rsk-layout-studio .rsk-html-player{
    left:var(--studio-rail);
  }
}

/* ---------- Studio homepage / hero ---------- */
body.rsk-layout-studio .hero{
  position:relative;
  overflow:hidden;
  margin-top:22px;
  padding:42px 34px;
  border:1px solid var(--studio-gold-line)!important;
  border-radius:18px!important;
  background:
    linear-gradient(120deg,#101317,#0a0c0e 62%,color-mix(in srgb,var(--gold) 7%,#0b0d0f))!important;
  box-shadow:var(--studio-shadow)!important;
}

body.rsk-layout-studio .hero::before{
  content:"ON AIR CONTROL";
  position:absolute;
  top:16px;
  right:18px;
  color:rgba(255,255,255,.11);
  font-size:.50rem;
  font-weight:900;
  letter-spacing:1.8px;
}

body.rsk-layout-studio .hero h1{
  letter-spacing:-.4px;
}

body.rsk-layout-studio .hero .lead{
  max-width:760px;
  color:#9ca1a6;
  line-height:1.72;
}

body.rsk-layout-studio .listen-button,
body.rsk-layout-studio .ghost-button,
body.rsk-layout-studio .btn{
  border-radius:9px!important;
}

body.rsk-layout-studio .hero-stats span{
  border:1px solid var(--studio-line)!important;
  border-radius:9px;
  background:#0d1013!important;
}

/* ---------- Studio content cards ---------- */
body.rsk-layout-studio .site-layout{
  gap:16px;
}

body.rsk-layout-studio .panel,
body.rsk-layout-studio .box,
body.rsk-layout-studio .side-panel,
body.rsk-layout-studio .request-item,
body.rsk-layout-studio .member-card,
body.rsk-layout-studio .staffteam-card,
body.rsk-layout-studio .profile-social-card,
body.rsk-layout-studio .profile-social-mini-profile,
body.rsk-layout-studio .notification-full-item,
body.rsk-layout-studio .warning-history-item,
body.rsk-layout-studio .news-weather-card,
body.rsk-layout-studio .own-news-card,
body.rsk-layout-studio .update-news-card{
  border:1px solid var(--studio-line)!important;
  border-radius:12px!important;
  background:
    linear-gradient(145deg,var(--studio-panel),#090b0d)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.18)!important;
}

body.rsk-layout-studio .box-title,
body.rsk-layout-studio .side-title{
  letter-spacing:.25px;
}

body.rsk-layout-studio .box-title{
  border-bottom:1px solid var(--studio-line);
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--gold) 5%,#101317),#0d0f12);
}

body.rsk-layout-studio .side-panel{
  padding:14px!important;
}

body.rsk-layout-studio .side-links{
  gap:5px;
}

body.rsk-layout-studio .side-links a{
  min-height:40px;
  padding:9px 10px;
  border:1px solid transparent;
  border-radius:8px;
  background:#0d1013;
}

body.rsk-layout-studio .side-links a:hover{
  border-color:var(--studio-gold-line);
  background:#12161a;
  transform:none;
}

/* ---------- Studio forms ---------- */
body.rsk-layout-studio input,
body.rsk-layout-studio select,
body.rsk-layout-studio textarea{
  min-height:44px;
  border:1px solid var(--studio-line)!important;
  border-radius:8px!important;
  background:#090b0d!important;
  box-shadow:none!important;
}

body.rsk-layout-studio input:focus,
body.rsk-layout-studio select:focus,
body.rsk-layout-studio textarea:focus{
  outline:none;
  border-color:var(--gold)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 8%,transparent)!important;
}

/* ---------- Studio grids/cards ---------- */
body.rsk-layout-studio .request-item,
body.rsk-layout-studio .member-card,
body.rsk-layout-studio .staffteam-card{
  transition:border-color .16s ease,transform .16s ease,background .16s ease;
}

body.rsk-layout-studio .request-item:hover,
body.rsk-layout-studio .member-card:hover,
body.rsk-layout-studio .staffteam-card:hover{
  transform:translateY(-1px);
  border-color:var(--studio-gold-line)!important;
  background:var(--studio-panel-2)!important;
}

body.rsk-layout-studio .staffteam-card img,
body.rsk-layout-studio .member-card img{
  border-radius:9px;
}

/* ---------- Studio profile/news ---------- */
body.rsk-layout-studio .profile-social-cover{
  border-radius:12px 12px 0 0;
}

body.rsk-layout-studio .profile-post-composer,
body.rsk-layout-studio .profile-post-item{
  border-radius:10px;
  background:#0c0f12;
}

body.rsk-layout-studio .news-weather-card,
body.rsk-layout-studio .own-news-card,
body.rsk-layout-studio .update-news-card{
  border-left:3px solid color-mix(in srgb,var(--gold) 58%,transparent)!important;
}

/* ---------- Studio tables ---------- */
body.rsk-layout-studio table{
  border:1px solid var(--studio-line);
  border-radius:10px;
  overflow:hidden;
}

body.rsk-layout-studio th{
  background:#0f1215;
  color:#a8adb2;
  text-transform:uppercase;
  letter-spacing:.45px;
}

/* ---------- Studio chat / notifications ---------- */
body.rsk-layout-studio .notification-dropdown,
body.rsk-layout-studio .rsk-chat-friends-panel,
body.rsk-layout-studio .rsk-mini-chat-window{
  border:1px solid var(--studio-gold-line)!important;
  border-radius:12px!important;
  background:#0b0d10!important;
  box-shadow:0 24px 52px rgba(0,0,0,.45)!important;
}

/* ---------- Studio Staffpaneel ---------- */
body.rsk-layout-studio .staff-panel-shell{
  border:1px solid var(--studio-gold-line)!important;
  border-radius:14px!important;
  background:#090b0d!important;
  box-shadow:var(--studio-shadow)!important;
}

body.rsk-layout-studio .staff-panel-hero{
  border-radius:14px 14px 0 0;
  border-bottom:1px solid var(--studio-line);
  background:
    linear-gradient(100deg,color-mix(in srgb,var(--gold) 7%,#0f1215),#0b0d0f);
}

body.rsk-layout-studio .staff-panel-account,
body.rsk-layout-studio .staff-panel-nav,
body.rsk-layout-studio .staff-stat-card,
body.rsk-layout-studio .staff-action-card{
  border-radius:9px!important;
}

body.rsk-layout-studio .staff-panel-nav{
  background:#0c0f12;
}

body.rsk-layout-studio .staff-panel-nav a.active{
  color:#111;
  background:var(--gold);
  border-color:var(--gold);
  box-shadow:none;
}

/* ---------- Studio players ---------- */
body.rsk-layout-studio .rsk-choice-compact,
body.rsk-layout-studio .rsk-choice-modern,
body.rsk-layout-studio .rsk-html-player{
  border-top:1px solid var(--studio-gold-line);
  background:
    linear-gradient(180deg,#090b0d,#050607);
}

body.rsk-layout-studio .rsk-choice-modern-copy,
body.rsk-layout-studio .rsk-choice-modern-stat,
body.rsk-layout-studio .rsk-html-player-main,
body.rsk-layout-studio .rsk-html-listeners,
body.rsk-layout-studio .rsk-html-controls{
  border-radius:10px!important;
  border-color:var(--studio-line)!important;
  background:#0c0f12!important;
}

body.rsk-layout-studio .rsk-choice-modern-play,
body.rsk-layout-studio .rsk-html-play{
  border-radius:11px!important;
}

/* ---------- mobile/tablet: normale topbar ---------- */
@media(max-width:1000px){
  body.rsk-layout-studio{
    padding-left:0;
  }

  body.rsk-layout-studio .topbar-wrap{
    position:sticky;
    top:0;
    left:auto;
    bottom:auto;
    width:auto;
    padding:8px 0 6px;
    border-right:0!important;
    border-bottom:1px solid var(--studio-gold-line)!important;
    background:rgba(6,7,8,.96)!important;
  }

  body.rsk-layout-studio .topbar{
    min-height:64px;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    padding:9px 11px;
    border:1px solid var(--studio-line)!important;
    border-radius:13px!important;
    background:#0b0d0f!important;
  }

  body.rsk-layout-studio .modern-brand{
    min-height:auto;
    margin:0;
    padding:0;
    border:0;
  }

  body.rsk-layout-studio .modern-site-nav{
    display:none!important;
  }

  body.rsk-layout-studio .top-actions{
    width:auto;
    margin:0;
    display:flex;
    padding:0;
    border:0;
  }

  body.rsk-layout-studio .modern-status{
    display:none;
  }

  body.rsk-layout-studio .mobile-nav-wrap.modern-mobile-nav-wrap{
    display:block!important;
    padding:0 0 8px;
    background:#080a0c!important;
  }

  body.rsk-layout-studio .modern-mobile-nav a{
    border:1px solid var(--studio-line);
    border-radius:8px;
    background:#0d1013;
  }

  body.rsk-layout-studio .modern-mobile-nav a.active,
  body.rsk-layout-studio .modern-mobile-nav a:hover{
    border-color:var(--gold);
    background:var(--gold);
    color:#101010;
  }

  body.rsk-layout-studio .rsk-choice-compact,
  body.rsk-layout-studio .rsk-choice-modern,
  body.rsk-layout-studio .rsk-html-player{
    left:0;
  }
}

@media(max-width:760px){
  body.rsk-layout-studio .container{
    width:94%;
  }

  body.rsk-layout-studio .hero{
    margin-top:12px;
    padding:30px 17px;
    border-radius:13px!important;
  }

  body.rsk-layout-studio .panel,
  body.rsk-layout-studio .box,
  body.rsk-layout-studio .side-panel{
    border-radius:10px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.rsk-layout-studio .request-item,
  body.rsk-layout-studio .member-card,
  body.rsk-layout-studio .staffteam-card{
    transition:none;
  }
}


/* =====================================================
   LAYOUT 6 DARK BROADCAST OS - UPDATE 063
   Compleet nieuwe RadioSchuimkop interface.
===================================================== */

/* ---------- Layout-keuze preview ---------- */
.layout-choice-grid.layout-choice-grid-six{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.layout-choice-grid-six .layout-choice-card{
  grid-template-columns:1fr;
  align-content:start;
}

.layout-choice-broadcast{
  border-color:color-mix(in srgb,var(--gold) 33%,#303030);
}

.layout-choice-broadcast.selected{
  border-color:var(--gold);
  background:
    radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--gold) 12%,transparent),transparent 32%),
    #080909;
  box-shadow:0 13px 28px rgba(0,0,0,.24);
}

.layout-preview-broadcast{
  overflow:hidden;
  border-radius:9px;
  background:#050606;
}

.layout-preview-broadcast>header{
  height:25px;
  display:flex;
  align-items:center;
  gap:5px;
  padding:0 7px;
  border-bottom:1px solid rgba(244,181,27,.30);
  background:#0b0c0d;
}

.layout-preview-broadcast>header b{
  width:20px;
  height:13px;
  margin-right:auto;
  border-left:3px solid var(--gold);
  background:#17191b;
}

.layout-preview-broadcast>header span{
  width:22px;
  height:5px;
  background:#2b2e31;
}

.layout-preview-broadcast>nav{
  height:24px;
  display:flex;
  gap:3px;
  padding:4px 6px;
  border-bottom:1px solid rgba(255,255,255,.05);
  background:#090a0b;
}

.layout-preview-broadcast>nav i{
  width:30px;
  display:block;
  border:1px solid rgba(255,255,255,.05);
  border-radius:3px;
  background:#141618;
}

.layout-preview-broadcast>nav i:nth-child(2){
  border-color:rgba(244,181,27,.4);
  background:rgba(244,181,27,.16);
}

.layout-preview-broadcast>main{
  min-height:78px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 42px;
  gap:6px;
  padding:7px;
}

.layout-preview-broadcast>main>section{
  display:grid;
  gap:6px;
}

.layout-preview-broadcast>main>section>strong{
  height:22px;
  border-left:3px solid var(--gold);
  background:#141618;
}

.layout-preview-broadcast>main>section>div{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:4px;
}

.layout-preview-broadcast>main>section i,
.layout-preview-broadcast>main>aside i,
.layout-preview-broadcast>main>aside b{
  display:block;
  background:#111315;
}

.layout-preview-broadcast>main>section i{
  height:32px;
  border:1px solid rgba(255,255,255,.045);
}

.layout-preview-broadcast>main>aside{
  display:grid;
  gap:4px;
}

.layout-preview-broadcast>main>aside b{
  border-top:2px solid var(--gold);
}

.layout-choice-broadcast .layout-choice-label{
  color:var(--gold2);
}

@media(max-width:1150px){
  .layout-choice-grid.layout-choice-grid-six{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:650px){
  .layout-choice-grid.layout-choice-grid-six{
    grid-template-columns:1fr;
  }
}

/* ---------- Systeem basis ---------- */
body.rsk-layout-broadcast{
  --bo-bg:#050606;
  --bo-bg-2:#090a0b;
  --bo-panel:#0d0f10;
  --bo-panel-2:#111315;
  --bo-panel-3:#15181a;
  --bo-text:#f0f1f2;
  --bo-soft:#a0a5a9;
  --bo-muted:#73797e;
  --bo-line:rgba(255,255,255,.075);
  --bo-gold-line:color-mix(in srgb,var(--gold) 32%,rgba(255,255,255,.07));
  --bo-shadow:0 18px 44px rgba(0,0,0,.36);
  color:var(--bo-text);
  background:
    radial-gradient(circle at 15% 0%,color-mix(in srgb,var(--gold) 9%,transparent),transparent 27%),
    radial-gradient(circle at 92% 12%,rgba(255,255,255,.025),transparent 25%),
    linear-gradient(145deg,#050606,#090a0b 55%,#050606)!important;
}

body.rsk-layout-broadcast:before{
  opacity:.055;
  background-image:
    linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px);
  background-size:72px 72px;
}

body.rsk-layout-broadcast .container{
  width:min(1320px,95%);
}

/* ---------- Compleet andere header ---------- */
body.rsk-layout-broadcast .topbar-wrap{
  position:relative;
  z-index:5300;
  padding:0;
  border-bottom:1px solid var(--bo-gold-line)!important;
  background:#070808!important;
  box-shadow:0 8px 30px rgba(0,0,0,.28);
  backdrop-filter:none;
}

body.rsk-layout-broadcast .topbar{
  min-height:70px;
  padding:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.rsk-layout-broadcast .modern-brand{
  min-height:70px;
  padding-right:18px;
  border-right:1px solid var(--bo-line);
}

body.rsk-layout-broadcast .brand-logo-frame{
  width:45px;
  height:45px;
  flex:0 0 45px;
  border:1px solid var(--bo-gold-line);
  border-radius:9px;
  background:
    linear-gradient(145deg,color-mix(in srgb,var(--gold) 11%,#0b0c0d),#090a0b);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

body.rsk-layout-broadcast .brand-logo{
  width:36px;
  height:36px;
  border-radius:7px;
}

body.rsk-layout-broadcast .brand-text{
  color:#fff;
  font-size:.84rem;
  letter-spacing:.3px;
}

body.rsk-layout-broadcast .brand-text b{
  color:var(--gold);
}

body.rsk-layout-broadcast .brand-sub{
  color:#7f8589;
  font-size:.44rem;
  letter-spacing:.75px;
  text-transform:uppercase;
}

/* oude hoofdnav bewust weg: Broadcast Menu neemt over */
body.rsk-layout-broadcast .modern-site-nav{
  display:none!important;
}

body.rsk-layout-broadcast .modern-top-actions{
  grid-column:3;
  gap:7px;
}

body.rsk-layout-broadcast .modern-status,
body.rsk-layout-broadcast .notification-bell,
body.rsk-layout-broadcast .compact-profile-chip,
body.rsk-layout-broadcast .compact-login{
  border:1px solid var(--bo-line)!important;
  border-radius:7px;
  background:#0c0e0f!important;
  color:#d6d8da;
  box-shadow:none;
}

body.rsk-layout-broadcast .modern-status{
  min-height:38px;
}

body.rsk-layout-broadcast .modern-status span{
  color:#8d9397;
}

body.rsk-layout-broadcast .modern-status b{
  color:#fff;
}

body.rsk-layout-broadcast .compact-register{
  min-height:38px;
  border-radius:7px;
  color:#111;
  box-shadow:none;
}

body.rsk-layout-broadcast .compact-dropdown,
body.rsk-layout-broadcast .notification-dropdown{
  border:1px solid var(--bo-gold-line)!important;
  border-radius:8px!important;
  background:#090b0c!important;
  box-shadow:0 24px 55px rgba(0,0,0,.55)!important;
}

body.rsk-layout-broadcast .compact-dropdown a{
  border-radius:5px;
}

/* Standaard mobiel menu is vervangen door Broadcast Menu */
body.rsk-layout-broadcast .modern-mobile-nav-wrap{
  display:none!important;
}

/* ---------- Nieuw Radio Menu ---------- */
.broadcast-radio-menu{
  position:sticky;
  top:0;
  z-index:5200;
  border-bottom:1px solid rgba(255,255,255,.055);
  background:rgba(10,11,12,.96);
  box-shadow:0 9px 28px rgba(0,0,0,.28);
  backdrop-filter:blur(14px);
}

.broadcast-radio-menu-inner{
  min-height:62px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
}

.broadcast-menu-brand{
  display:flex;
  align-items:center;
  gap:8px;
  padding-right:13px;
  border-right:1px solid var(--bo-line);
}

.broadcast-menu-signal{
  width:33px;
  height:32px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:2px;
  padding:6px;
  border:1px solid var(--bo-gold-line);
  border-radius:7px;
  background:#0c0e0f;
}

.broadcast-menu-signal i{
  width:3px;
  display:block;
  border-radius:2px 2px 0 0;
  background:var(--gold);
  animation:boSignal .95s infinite alternate ease-in-out;
}

.broadcast-menu-signal i:nth-child(1){height:7px}
.broadcast-menu-signal i:nth-child(2){height:16px;animation-delay:.14s}
.broadcast-menu-signal i:nth-child(3){height:11px;animation-delay:.28s}
.broadcast-menu-signal i:nth-child(4){height:19px;animation-delay:.42s}

@keyframes boSignal{
  from{transform:scaleY(.55);opacity:.58}
  to{transform:scaleY(1);opacity:1}
}

.broadcast-menu-brand small{
  display:block;
  color:#6f757a;
  font-size:.36rem;
  font-weight:900;
  letter-spacing:.85px;
}

.broadcast-menu-brand strong{
  display:block;
  margin-top:2px;
  color:#e9eaeb;
  font-size:.55rem;
  letter-spacing:.6px;
}

.broadcast-menu-links{
  min-width:0;
  display:flex;
  align-items:center;
  gap:4px;
  overflow-x:auto;
  scrollbar-width:none;
}

.broadcast-menu-links::-webkit-scrollbar{
  display:none;
}

.broadcast-menu-links a{
  flex:0 0 auto;
  min-width:67px;
  min-height:45px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  padding:5px 8px;
  border:1px solid transparent;
  border-radius:7px;
  color:#858b90;
  text-decoration:none;
  transition:border-color .14s ease,background .14s ease,color .14s ease;
}

.broadcast-menu-links a>span{
  color:#6e7478;
  font-size:.66rem;
  line-height:1;
}

.broadcast-menu-links a>b{
  font-size:.44rem;
  letter-spacing:.35px;
}

.broadcast-menu-links a:hover{
  color:#fff;
  border-color:var(--bo-line);
  background:#121416;
}

.broadcast-menu-links a.active{
  color:#151515;
  border-color:var(--gold);
  background:var(--gold);
}

.broadcast-menu-links a.active>span{
  color:#151515;
}

.broadcast-menu-links a.vip:not(.active){
  color:#d6aeff;
}

.broadcast-menu-live{
  display:grid;
  grid-template-columns:8px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  min-width:188px;
  padding:8px 10px;
  border:1px solid var(--bo-line);
  border-radius:7px;
  background:#0d0f10;
}

.broadcast-menu-live-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#ec3f3f;
  box-shadow:0 0 10px rgba(236,63,63,.6);
}

.broadcast-menu-live div{
  min-width:0;
}

.broadcast-menu-live small{
  display:block;
  color:#7d8387;
  font-size:.35rem;
  font-weight:900;
  letter-spacing:.65px;
}

.broadcast-menu-live strong{
  display:block;
  max-width:120px;
  margin-top:1px;
  overflow:hidden;
  color:#e8e9ea;
  font-size:.49rem;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.broadcast-menu-live>b{
  color:var(--gold);
  font-size:.43rem;
  white-space:nowrap;
}

/* ---------- Algemene pagina-opbouw compleet anders ---------- */
body.rsk-layout-broadcast .site-layout{
  width:min(1320px,95%);
  margin:22px auto 0;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(275px,310px);
  grid-template-areas:"main side";
  gap:16px;
  align-items:start;
}

body.rsk-layout-broadcast .main-content{
  grid-area:main;
  min-width:0;
  display:grid;
  gap:13px;
}

body.rsk-layout-broadcast .sidebar{
  grid-area:side;
}

body.rsk-layout-broadcast .hero{
  width:min(1320px,95%);
  margin:22px auto 0;
  overflow:hidden;
  position:relative;
  padding:42px 38px;
  border:1px solid var(--bo-gold-line)!important;
  border-radius:10px!important;
  background:
    linear-gradient(110deg,color-mix(in srgb,var(--gold) 7%,#0e1011),#0a0c0d 56%,#111315)!important;
  box-shadow:var(--bo-shadow)!important;
}

body.rsk-layout-broadcast .hero::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  width:4px;
  background:var(--gold);
}

body.rsk-layout-broadcast .hero::after{
  content:"BROADCAST SYSTEM";
  position:absolute;
  top:15px;
  right:18px;
  color:rgba(255,255,255,.08);
  font-size:.47rem;
  font-weight:900;
  letter-spacing:1.6px;
}

body.rsk-layout-broadcast .hero h1{
  color:#fff;
  text-shadow:none;
}

body.rsk-layout-broadcast .hero h1 span{
  color:var(--gold);
}

body.rsk-layout-broadcast .hero .lead{
  color:#9ba0a4;
}

body.rsk-layout-broadcast .hero-stats span{
  border:1px solid var(--bo-line)!important;
  border-radius:6px;
  background:#0b0d0e!important;
}

body.rsk-layout-broadcast .listen-button,
body.rsk-layout-broadcast .ghost-button,
body.rsk-layout-broadcast .btn{
  border-radius:6px!important;
  box-shadow:none!important;
}

/* ---------- Alle kaarten/pagina's ---------- */
body.rsk-layout-broadcast .panel,
body.rsk-layout-broadcast .box,
body.rsk-layout-broadcast .side-panel,
body.rsk-layout-broadcast .request-item,
body.rsk-layout-broadcast .member-card,
body.rsk-layout-broadcast .staffteam-card,
body.rsk-layout-broadcast .profile-social-card,
body.rsk-layout-broadcast .profile-social-mini-profile,
body.rsk-layout-broadcast .notification-full-item,
body.rsk-layout-broadcast .warning-history-item,
body.rsk-layout-broadcast .news-weather-card,
body.rsk-layout-broadcast .own-news-card,
body.rsk-layout-broadcast .update-news-card,
body.rsk-layout-broadcast .copy-block{
  color:var(--bo-text)!important;
  border:1px solid var(--bo-line)!important;
  border-radius:8px!important;
  background:
    linear-gradient(145deg,#0d0f10,#0a0c0d)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.22)!important;
}

body.rsk-layout-broadcast .panel,
body.rsk-layout-broadcast .box{
  position:relative;
  overflow:hidden;
}

body.rsk-layout-broadcast .panel::before,
body.rsk-layout-broadcast .box::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:38px;
  height:2px;
  background:var(--gold);
}

body.rsk-layout-broadcast .box-title,
body.rsk-layout-broadcast .side-title{
  color:#f0f1f2!important;
  border-bottom:1px solid var(--bo-line)!important;
  background:#101214!important;
  letter-spacing:.35px;
}

body.rsk-layout-broadcast .panel-intro,
body.rsk-layout-broadcast .muted,
body.rsk-layout-broadcast .copy-block p,
body.rsk-layout-broadcast .feature-card p{
  color:#979da1!important;
}

/* ---------- Feature cards ---------- */
body.rsk-layout-broadcast .feature-grid{
  gap:8px;
}

body.rsk-layout-broadcast .feature-card{
  border:1px solid var(--bo-line)!important;
  border-radius:7px!important;
  background:#101214!important;
  box-shadow:none!important;
  transition:border-color .15s ease,background .15s ease,transform .15s ease;
}

body.rsk-layout-broadcast .feature-card:hover{
  transform:translateY(-2px);
  border-color:var(--bo-gold-line)!important;
  background:#151719!important;
}

body.rsk-layout-broadcast .feature-card h3,
body.rsk-layout-broadcast .feature-card strong{
  color:#f0f1f2!important;
}

/* ---------- formulieren ---------- */
body.rsk-layout-broadcast input,
body.rsk-layout-broadcast select,
body.rsk-layout-broadcast textarea{
  color:#eef0f1!important;
  border:1px solid rgba(255,255,255,.095)!important;
  border-radius:6px!important;
  background:#080a0b!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
}

body.rsk-layout-broadcast input::placeholder,
body.rsk-layout-broadcast textarea::placeholder{
  color:#62686c;
}

body.rsk-layout-broadcast input:focus,
body.rsk-layout-broadcast select:focus,
body.rsk-layout-broadcast textarea:focus{
  outline:none;
  border-color:var(--gold)!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 12%,transparent)!important;
}

body.rsk-layout-broadcast label{
  color:#a5aaae;
}

/* ---------- tabellen ---------- */
body.rsk-layout-broadcast table{
  color:#d8dadd;
  border:1px solid var(--bo-line);
  border-radius:7px;
  overflow:hidden;
  background:#0b0d0e;
}

body.rsk-layout-broadcast th{
  color:#949a9e!important;
  border-color:var(--bo-line)!important;
  background:#111315!important;
  text-transform:uppercase;
  letter-spacing:.5px;
}

body.rsk-layout-broadcast td{
  border-color:rgba(255,255,255,.045)!important;
}

body.rsk-layout-broadcast tbody tr:hover td{
  background:#121416!important;
}

/* ---------- profielen ---------- */
body.rsk-layout-broadcast .profile-social-cover{
  border-radius:8px 8px 0 0;
  box-shadow:inset 0 -80px 70px rgba(0,0,0,.32);
}

body.rsk-layout-broadcast .profile-post-composer,
body.rsk-layout-broadcast .profile-post-item{
  color:#e5e7e8;
  border:1px solid var(--bo-line);
  border-radius:7px;
  background:#101214;
}

body.rsk-layout-broadcast .profile-post-item{
  border-left:2px solid color-mix(in srgb,var(--gold) 45%,transparent);
}

/* ---------- nieuws ---------- */
body.rsk-layout-broadcast .news-weather-card,
body.rsk-layout-broadcast .own-news-card,
body.rsk-layout-broadcast .update-news-card{
  border-left:3px solid color-mix(in srgb,var(--gold) 62%,transparent)!important;
}

body.rsk-layout-broadcast .own-news-card p,
body.rsk-layout-broadcast .news-card p{
  color:#9aa0a4!important;
}

/* ---------- chat / meldingen ---------- */
body.rsk-layout-broadcast .rsk-chat-friends-panel,
body.rsk-layout-broadcast .rsk-mini-chat-window,
body.rsk-layout-broadcast .notification-dropdown{
  color:#e7e8e9!important;
  border:1px solid var(--bo-gold-line)!important;
  border-radius:8px!important;
  background:#090b0c!important;
  box-shadow:0 26px 58px rgba(0,0,0,.54)!important;
}

body.rsk-layout-broadcast .rsk-chat-panel-head,
body.rsk-layout-broadcast .rsk-mini-chat-header,
body.rsk-layout-broadcast .notification-dropdown-head{
  border-color:var(--bo-line)!important;
  background:#111315!important;
}

/* ---------- alerts ---------- */
body.rsk-layout-broadcast .site-alert-modal,
body.rsk-layout-broadcast .user-warning-modal{
  color:#eef0f1!important;
  border:1px solid var(--bo-gold-line)!important;
  border-radius:9px!important;
  background:#0c0e0f!important;
  box-shadow:0 30px 70px rgba(0,0,0,.62)!important;
}

/* ---------- Staffpaneel compleet andere dark control look ---------- */
body.rsk-layout-broadcast .staff-panel-page{
  width:min(1580px,97%);
}

body.rsk-layout-broadcast .staff-panel-shell{
  border:1px solid var(--bo-gold-line)!important;
  border-radius:9px!important;
  background:#090b0c!important;
  box-shadow:0 26px 62px rgba(0,0,0,.42)!important;
}

body.rsk-layout-broadcast .staff-panel-hero{
  position:relative;
  overflow:hidden;
  border-bottom:1px solid var(--bo-line);
  border-radius:9px 9px 0 0;
  background:
    linear-gradient(105deg,color-mix(in srgb,var(--gold) 7%,#111315),#0c0e0f 60%,#121416)!important;
}

body.rsk-layout-broadcast .staff-panel-hero::after{
  content:"CONTROL";
  position:absolute;
  right:20px;
  bottom:-18px;
  color:rgba(255,255,255,.04);
  font-family:Oswald,Impact,sans-serif;
  font-size:5rem;
  pointer-events:none;
}

body.rsk-layout-broadcast .staff-panel-account{
  border:1px solid var(--bo-line);
  border-radius:7px;
  background:#0d0f10;
}

body.rsk-layout-broadcast .staff-panel-nav{
  border:1px solid var(--bo-line);
  border-radius:7px;
  background:#0c0e0f;
}

body.rsk-layout-broadcast .staff-panel-nav a{
  border-radius:5px;
  color:#979da1;
}

body.rsk-layout-broadcast .staff-panel-nav a:hover{
  color:#fff;
  background:#151719;
}

body.rsk-layout-broadcast .staff-panel-nav a.active{
  color:#111;
  border-color:var(--gold);
  background:var(--gold);
  box-shadow:none;
}

body.rsk-layout-broadcast .staff-stat-card,
body.rsk-layout-broadcast .staff-action-card,
body.rsk-layout-broadcast .staff-panel-subbox{
  color:#e5e7e8!important;
  border:1px solid var(--bo-line)!important;
  border-radius:7px!important;
  background:#101214!important;
  box-shadow:none!important;
}

body.rsk-layout-broadcast .staff-stat-card:hover,
body.rsk-layout-broadcast .staff-action-card:hover{
  border-color:var(--bo-gold-line)!important;
  background:#151719!important;
}

/* =====================================================
   BROADCAST COCKPIT SIDEBAR
===================================================== */
.broadcast-cockpit{
  display:grid;
  gap:10px;
}

.broadcast-cockpit-card{
  overflow:hidden;
  border:1px solid var(--bo-line);
  border-radius:8px;
  background:#0b0d0e;
  box-shadow:0 10px 24px rgba(0,0,0,.22);
}

.broadcast-cockpit-title{
  min-height:39px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:9px;
  padding:8px 10px;
  border-bottom:1px solid var(--bo-line);
  background:#111315;
}

.broadcast-cockpit-title>span{
  color:#acb0b3;
  font-size:.45rem;
  font-weight:900;
  letter-spacing:.8px;
}

.broadcast-cockpit-title>b,
.broadcast-cockpit-title>a{
  color:var(--gold);
  font-size:.39rem;
  font-weight:900;
  text-decoration:none;
}

.broadcast-dj-module{
  display:grid;
  grid-template-columns:68px minmax(0,1fr);
  align-items:center;
  gap:11px;
  padding:12px;
}

.broadcast-dj-photo{
  position:relative;
  width:68px;
  height:68px;
}

.broadcast-dj-photo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border:1px solid var(--bo-gold-line);
  border-radius:7px;
  background:#090a0b;
}

.broadcast-dj-photo i{
  position:absolute;
  right:-4px;
  bottom:-4px;
  width:14px;
  height:14px;
  border:3px solid #0b0d0e;
  border-radius:50%;
  background:#ec3f3f;
  box-shadow:0 0 10px rgba(236,63,63,.4);
}

.broadcast-dj-data{
  min-width:0;
}

.broadcast-dj-data small{
  display:block;
  color:var(--gold);
  font-size:.39rem;
  font-weight:900;
  letter-spacing:.7px;
}

.broadcast-dj-data strong{
  display:block;
  margin-top:3px;
  overflow:hidden;
  color:#f1f2f3;
  font-size:.65rem;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.broadcast-dj-data p{
  margin-top:5px;
  color:#83898d;
  font-size:.47rem;
  line-height:1.45;
}

.broadcast-thank{
  padding:0 11px 11px;
}

.broadcast-thank .dj-thank-status{
  display:block;
  margin-top:5px;
  color:#73797d;
}

.broadcast-action-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px;
  padding:7px;
}

.broadcast-action-grid a{
  min-width:0;
  min-height:72px;
  display:grid;
  grid-template-columns:29px minmax(0,1fr);
  grid-template-rows:auto auto;
  align-content:center;
  gap:2px 7px;
  padding:8px;
  border:1px solid var(--bo-line);
  border-radius:6px;
  color:inherit;
  background:#0f1112;
  text-decoration:none;
}

.broadcast-action-grid a:hover{
  border-color:var(--bo-gold-line);
  background:#151719;
}

.broadcast-action-grid i{
  grid-row:1 / 3;
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  align-self:center;
  border:1px solid var(--bo-gold-line);
  border-radius:5px;
  color:var(--gold);
  background:#0a0c0d;
  font-style:normal;
}

.broadcast-action-grid b{
  color:#e8e9ea;
  font-size:.51rem;
}

.broadcast-action-grid small{
  overflow:hidden;
  color:#73797d;
  font-size:.39rem;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.broadcast-meter-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
}

.broadcast-meter-grid>div{
  padding:12px;
}

.broadcast-meter-grid>div+div{
  border-left:1px solid var(--bo-line);
}

.broadcast-meter-grid small{
  display:block;
  color:#747a7f;
  font-size:.37rem;
  font-weight:900;
  letter-spacing:.65px;
}

.broadcast-meter-grid strong{
  display:block;
  margin-top:4px;
  color:#fff;
  font-family:Oswald,Impact,sans-serif;
  font-size:1.2rem;
}

.broadcast-meter-grid>div>span{
  height:14px;
  display:flex;
  align-items:flex-end;
  gap:2px;
  margin-top:7px;
}

.broadcast-meter-grid>div>span i{
  width:5px;
  display:block;
  background:color-mix(in srgb,var(--gold) 72%,#5d4b1d);
}

.broadcast-meter-grid>div>span i:nth-child(1){height:5px}
.broadcast-meter-grid>div>span i:nth-child(2){height:8px}
.broadcast-meter-grid>div>span i:nth-child(3){height:12px}
.broadcast-meter-grid>div>span i:nth-child(4){height:9px}
.broadcast-meter-grid>div>span i:nth-child(5){height:14px}

.broadcast-next-list{
  display:grid;
  gap:2px;
  padding:6px;
}

.broadcast-next-list>a{
  min-height:55px;
  display:grid;
  grid-template-columns:24px 44px minmax(0,1fr);
  align-items:center;
  gap:7px;
  padding:7px;
  border:1px solid transparent;
  border-radius:5px;
  color:inherit;
  text-decoration:none;
}

.broadcast-next-list>a:hover{
  border-color:var(--bo-line);
  background:#111315;
}

.broadcast-next-list em{
  color:#555b60;
  font-size:.45rem;
  font-style:normal;
  font-weight:900;
}

.broadcast-next-list time{
  color:var(--gold);
  font-family:Oswald,Impact,sans-serif;
  font-size:.72rem;
}

.broadcast-next-list span{
  min-width:0;
}

.broadcast-next-list small{
  display:block;
  color:#63696d;
  font-size:.33rem;
  font-weight:900;
}

.broadcast-next-list b{
  display:block;
  margin-top:1px;
  overflow:hidden;
  color:#dfe1e2;
  font-size:.47rem;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.broadcast-next-list i{
  display:block;
  margin-top:2px;
  overflow:hidden;
  color:#797f83;
  font-size:.38rem;
  font-style:normal;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.broadcast-next-list>p{
  margin:0;
  padding:12px;
  color:#858b8f;
  font-size:.47rem;
}

.broadcast-account-box{
  padding:11px;
}

.broadcast-account-box>div small{
  display:block;
  color:#686e72;
  font-size:.36rem;
  font-weight:900;
  letter-spacing:.65px;
}

.broadcast-account-box>div strong{
  display:block;
  margin:3px 0 5px;
  color:#edf0f1;
  font-size:.60rem;
}

.broadcast-account-box>p{
  margin:0 0 9px;
  color:#83898d;
  font-size:.45rem;
  line-height:1.5;
}

.broadcast-account-box nav{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5px;
  margin-top:9px;
}

.broadcast-account-box nav a{
  min-height:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:6px 7px;
  border:1px solid var(--bo-line);
  border-radius:5px;
  color:#969ca0;
  background:#101214;
  text-align:center;
  text-decoration:none;
  font-size:.40rem;
  font-weight:850;
}

.broadcast-account-box nav a:hover,
.broadcast-account-box nav a.primary{
  color:#111;
  border-color:var(--gold);
  background:var(--gold);
}

/* =====================================================
   BROADCAST HOMEPAGE
===================================================== */
.broadcast-home{
  padding-top:22px;
  padding-bottom:28px;
}

.broadcast-home-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:16px;
  align-items:start;
}

.broadcast-home-main{
  min-width:0;
  display:grid;
  gap:14px;
}

.broadcast-hero{
  min-height:390px;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);
  overflow:hidden;
  border:1px solid var(--bo-gold-line);
  border-radius:10px;
  background:
    radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--gold) 10%,transparent),transparent 34%),
    linear-gradient(130deg,#101213,#090b0c 58%,#121416);
  box-shadow:var(--bo-shadow);
}

.broadcast-hero-copy{
  position:relative;
  padding:42px 38px;
}

.broadcast-hero-copy::before{
  content:"";
  position:absolute;
  top:35px;
  bottom:35px;
  left:0;
  width:3px;
  background:linear-gradient(var(--gold),transparent);
}

.broadcast-kicker{
  display:block;
  margin-bottom:12px;
  color:var(--gold);
  font-size:.48rem;
  font-weight:900;
  letter-spacing:1.4px;
}

.broadcast-hero h1{
  color:#f3f4f5;
  font-family:Oswald,Impact,sans-serif;
  font-size:clamp(3rem,5vw,5.3rem);
  line-height:.92;
  letter-spacing:-1px;
}

.broadcast-hero h1 b{
  color:var(--gold);
}

.broadcast-hero-copy>p{
  max-width:650px;
  margin-top:18px;
  color:#969ca0;
  font-size:.72rem;
  line-height:1.7;
}

.broadcast-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:22px;
}

.broadcast-hero-actions a{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  padding:9px 13px;
  border:1px solid var(--bo-line);
  border-radius:6px;
  color:#c3c7c9;
  background:#111315;
  text-decoration:none;
  font-size:.51rem;
  font-weight:900;
  letter-spacing:.35px;
}

.broadcast-hero-actions a:hover{
  border-color:var(--bo-gold-line);
  color:#fff;
  background:#17191b;
}

.broadcast-hero-actions .broadcast-primary{
  color:#151515;
  border-color:var(--gold);
  background:var(--gold);
}

.broadcast-system-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:5px;
  margin-top:26px;
}

.broadcast-system-stats>div{
  min-width:0;
  padding:9px 10px;
  border:1px solid var(--bo-line);
  border-radius:5px;
  background:#0b0d0e;
}

.broadcast-system-stats small{
  display:block;
  color:#61676b;
  font-size:.34rem;
  font-weight:900;
  letter-spacing:.65px;
}

.broadcast-system-stats strong{
  display:block;
  margin-top:3px;
  overflow:hidden;
  color:#e9eaeb;
  font-family:Oswald,Impact,sans-serif;
  font-size:.82rem;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.broadcast-visual{
  position:relative;
  display:grid;
  place-items:center;
  align-content:center;
  gap:18px;
  padding:30px;
  border-left:1px solid var(--bo-line);
  background:
    linear-gradient(180deg,rgba(255,255,255,.012),transparent),
    #090b0c;
}

.broadcast-visual::before,
.broadcast-visual::after{
  content:"";
  position:absolute;
  width:110px;
  height:110px;
  border:1px solid rgba(244,181,27,.08);
  border-radius:50%;
}

.broadcast-visual::before{transform:scale(1.6)}
.broadcast-visual::after{transform:scale(2.15)}

.broadcast-visual-ring{
  position:relative;
  z-index:2;
  width:150px;
  height:150px;
  display:grid;
  place-items:center;
  border:1px solid var(--bo-gold-line);
  border-radius:50%;
  background:
    radial-gradient(circle,#151719,#090b0c 66%);
  box-shadow:0 0 55px color-mix(in srgb,var(--gold) 7%,transparent);
}

.broadcast-visual-ring img{
  width:105px;
  height:105px;
  object-fit:contain;
}

.broadcast-visual-ring span{
  position:absolute;
  inset:-8px;
  border:2px solid transparent;
  border-top-color:var(--gold);
  border-radius:50%;
  animation:boSpin 8s linear infinite;
}

@keyframes boSpin{
  to{transform:rotate(360deg)}
}

.broadcast-eq-large{
  position:relative;
  z-index:2;
  height:36px;
  display:flex;
  align-items:flex-end;
  gap:3px;
}

.broadcast-eq-large i{
  width:4px;
  height:10px;
  display:block;
  border-radius:2px 2px 0 0;
  background:var(--gold);
  animation:boEq 1s infinite alternate ease-in-out;
}

.broadcast-eq-large i:nth-child(3n){height:28px}
.broadcast-eq-large i:nth-child(4n){height:20px}
.broadcast-eq-large i:nth-child(5n){height:34px}
.broadcast-eq-large i:nth-child(even){animation-delay:.2s}

@keyframes boEq{
  from{transform:scaleY(.35);opacity:.55}
  to{transform:scaleY(1);opacity:1}
}

.broadcast-visual>small{
  position:relative;
  z-index:2;
  color:#5d6367;
  font-size:.38rem;
  font-weight:900;
  letter-spacing:1.1px;
}

.broadcast-section{
  overflow:hidden;
  border:1px solid var(--bo-line);
  border-radius:8px;
  background:#0b0d0e;
  box-shadow:0 11px 28px rgba(0,0,0,.23);
}

.broadcast-section-head{
  min-height:59px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:11px 14px;
  border-bottom:1px solid var(--bo-line);
  background:#111315;
}

.broadcast-section-head div{
  min-width:0;
}

.broadcast-section-head small{
  display:block;
  color:var(--gold);
  font-size:.36rem;
  font-weight:900;
  letter-spacing:.8px;
}

.broadcast-section-head h2{
  margin-top:2px;
  color:#eef0f1;
  font-family:Oswald,Impact,sans-serif;
  font-size:1.18rem;
}

.broadcast-section-head>span,
.broadcast-section-head>a{
  color:#6f7579;
  font-size:.39rem;
  font-weight:900;
  letter-spacing:.55px;
  text-decoration:none;
}

.broadcast-section-head>a:hover{
  color:var(--gold);
}

.broadcast-feature-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  background:var(--bo-line);
}

.broadcast-feature{
  min-width:0;
  min-height:172px;
  display:grid;
  grid-template-rows:auto auto auto 1fr auto;
  padding:14px;
  color:inherit;
  background:#0c0e0f;
  text-decoration:none;
  transition:background .15s ease;
}

.broadcast-feature:hover{
  background:#131517;
}

.broadcast-feature.hot{
  background:
    linear-gradient(145deg,color-mix(in srgb,var(--gold) 7%,#0c0e0f),#0c0e0f);
}

.broadcast-feature>i{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  margin-bottom:10px;
  border:1px solid var(--bo-gold-line);
  border-radius:6px;
  color:var(--gold);
  background:#080a0b;
  font-size:.80rem;
  font-style:normal;
}

.broadcast-feature>small{
  color:#5e6468;
  font-size:.34rem;
  font-weight:900;
  letter-spacing:.7px;
}

.broadcast-feature>strong{
  margin-top:3px;
  color:#e5e7e8;
  font-size:.60rem;
}

.broadcast-feature>p{
  margin-top:7px;
  color:#80868a;
  font-size:.45rem;
  line-height:1.5;
}

.broadcast-feature>b{
  align-self:end;
  margin-top:10px;
  color:#8e9498;
  font-size:.39rem;
}

.broadcast-feature:hover>b{
  color:var(--gold);
}

.broadcast-program-list{
  display:grid;
}

.broadcast-program-list>article{
  min-height:67px;
  display:grid;
  grid-template-columns:36px 70px minmax(0,1fr) 48px;
  align-items:center;
  gap:11px;
  padding:8px 13px;
  border-bottom:1px solid rgba(255,255,255,.045);
}

.broadcast-program-list>article:last-child{
  border-bottom:0;
}

.broadcast-program-list>article:hover{
  background:#101214;
}

.broadcast-program-list>article>em{
  color:#4f5559;
  font-size:.45rem;
  font-style:normal;
  font-weight:900;
}

.broadcast-program-list time small{
  display:block;
  color:var(--gold);
  font-size:.34rem;
  font-weight:900;
}

.broadcast-program-list time strong{
  display:block;
  margin-top:2px;
  color:#f0f1f2;
  font-family:Oswald,Impact,sans-serif;
  font-size:.82rem;
}

.broadcast-program-list article>div{
  min-width:0;
}

.broadcast-program-list article>div>strong{
  display:block;
  overflow:hidden;
  color:#dfe1e2;
  font-size:.53rem;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.broadcast-program-list article>div>span{
  display:block;
  margin-top:3px;
  color:#757b7f;
  font-size:.40rem;
}

.broadcast-program-list article>b{
  color:#646a6e;
  font-size:.45rem;
  text-align:right;
}

.broadcast-program-empty{
  min-height:82px;
  display:flex;
  align-items:center;
  gap:13px;
  padding:14px;
}

.broadcast-program-empty>span{
  width:47px;
  height:47px;
  display:grid;
  place-items:center;
  border:1px solid var(--bo-gold-line);
  border-radius:6px;
  color:var(--gold);
  font-family:Oswald,Impact,sans-serif;
}

.broadcast-program-empty strong{
  color:#e7e9ea;
  font-size:.55rem;
}

.broadcast-program-empty p{
  margin-top:3px;
  color:#7f8589;
  font-size:.44rem;
}

.broadcast-home-side{
  display:grid;
  gap:10px;
}

.broadcast-now-card,
.broadcast-side-console{
  overflow:hidden;
  border:1px solid var(--bo-line);
  border-radius:8px;
  background:#0b0d0e;
  box-shadow:0 10px 26px rgba(0,0,0,.22);
}

.broadcast-now-card>header,
.broadcast-side-console>header{
  min-height:40px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:8px 10px;
  border-bottom:1px solid var(--bo-line);
  background:#111315;
}

.broadcast-now-card>header>span{
  display:flex;
  align-items:center;
  gap:6px;
  color:#aeb2b5;
  font-size:.42rem;
  font-weight:900;
  letter-spacing:.7px;
}

.broadcast-now-card>header i{
  width:7px;
  height:7px;
  display:block;
  border-radius:50%;
  background:#ec3f3f;
}

.broadcast-now-card>header>b,
.broadcast-side-console>header>b{
  color:var(--gold);
  font-size:.38rem;
}

.broadcast-now-photo{
  position:relative;
  width:118px;
  height:118px;
  margin:20px auto 12px;
}

.broadcast-now-photo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border:1px solid var(--bo-gold-line);
  border-radius:8px;
}

.broadcast-now-photo>span{
  position:absolute;
  right:-5px;
  bottom:-5px;
  width:17px;
  height:17px;
  border:4px solid #0b0d0e;
  border-radius:50%;
  background:#ec3f3f;
}

.broadcast-now-card>small{
  display:block;
  color:var(--gold);
  font-size:.38rem;
  font-weight:900;
  letter-spacing:.7px;
  text-align:center;
}

.broadcast-now-card>strong{
  display:block;
  margin-top:4px;
  padding:0 12px;
  overflow:hidden;
  color:#f0f1f2;
  font-family:Oswald,Impact,sans-serif;
  font-size:1rem;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.broadcast-now-card>p{
  min-height:48px;
  margin:6px 0 0;
  padding:0 15px;
  color:#80868a;
  font-size:.45rem;
  line-height:1.5;
  text-align:center;
}

.broadcast-now-card>a{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:15px 10px 10px;
  border:1px solid var(--gold);
  border-radius:5px;
  color:#151515;
  background:var(--gold);
  text-decoration:none;
  font-size:.42rem;
  font-weight:900;
}

.broadcast-side-console>header>span{
  color:#aeb2b5;
  font-size:.42rem;
  font-weight:900;
  letter-spacing:.7px;
}

.broadcast-side-console>div{
  display:grid;
  grid-template-columns:1fr 1fr;
}

.broadcast-side-console>div>span{
  min-width:0;
  padding:11px;
  border-right:1px solid var(--bo-line);
  border-bottom:1px solid var(--bo-line);
}

.broadcast-side-console>div>span:nth-child(even){
  border-right:0;
}

.broadcast-side-console>div>span:nth-last-child(-n+2){
  border-bottom:0;
}

.broadcast-side-console small{
  display:block;
  color:#62686c;
  font-size:.34rem;
  font-weight:900;
}

.broadcast-side-console div b{
  display:block;
  margin-top:3px;
  color:#e3e5e6;
  font-size:.52rem;
}

.broadcast-side-console>nav{
  display:grid;
  padding:6px;
}

.broadcast-side-console>nav a{
  min-height:39px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:7px 8px;
  border-radius:5px;
  color:#90969a;
  text-decoration:none;
  font-size:.44rem;
  font-weight:850;
}

.broadcast-side-console>nav a:hover{
  color:#fff;
  background:#121416;
}

.broadcast-side-console>nav a>b{
  color:#5f6569;
}

.broadcast-side-console>nav a:hover>b{
  color:var(--gold);
}

/* Home-only cockpit below, useful on smaller widths; hidden desktop */
.broadcast-home-pages{
  display:none;
}

/* ---------- Player integratie ---------- */
body.rsk-layout-broadcast .rsk-choice-compact,
body.rsk-layout-broadcast .rsk-choice-modern,
body.rsk-layout-broadcast .rsk-html-player{
  border-top:1px solid var(--bo-gold-line);
  background:#060708;
}

body.rsk-layout-broadcast .rsk-choice-modern-copy,
body.rsk-layout-broadcast .rsk-choice-modern-stat,
body.rsk-layout-broadcast .rsk-html-player-main,
body.rsk-layout-broadcast .rsk-html-listeners,
body.rsk-layout-broadcast .rsk-html-controls{
  border-radius:7px!important;
  border-color:var(--bo-line)!important;
  background:#0d0f10!important;
  box-shadow:none!important;
}

body.rsk-layout-broadcast .rsk-choice-modern-play,
body.rsk-layout-broadcast .rsk-html-play,
body.rsk-layout-broadcast .rsk-html-action{
  border-radius:6px!important;
  box-shadow:none!important;
}

body.rsk-layout-broadcast .global-player{
  border-color:var(--bo-gold-line)!important;
  border-radius:8px!important;
  background:#0b0d0e!important;
}

/* ---------- footer ---------- */
body.rsk-layout-broadcast .beerbar{
  margin-top:28px;
  border-top:1px solid var(--bo-line);
  background:#080a0b;
}

body.rsk-layout-broadcast .footer{
  color:#646a6e;
}

/* ---------- responsive ---------- */
@media(max-width:1120px){
  .broadcast-radio-menu-inner{
    grid-template-columns:auto minmax(0,1fr);
  }

  .broadcast-menu-live{
    display:none;
  }

  .broadcast-home-grid{
    grid-template-columns:1fr;
  }

  .broadcast-home-side{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .broadcast-feature-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body.rsk-layout-broadcast .site-layout{
    grid-template-columns:minmax(0,1fr) 270px;
  }
}

@media(max-width:900px){
  body.rsk-layout-broadcast .topbar{
    min-height:62px;
    gap:9px;
  }

  body.rsk-layout-broadcast .modern-brand{
    min-height:62px;
    padding-right:9px;
    border-right:0;
  }

  body.rsk-layout-broadcast .brand-copy{
    display:none;
  }

  body.rsk-layout-broadcast .modern-status{
    display:none;
  }

  .broadcast-menu-brand{
    display:none;
  }

  .broadcast-radio-menu-inner{
    min-height:55px;
    display:block;
    width:100%;
  }

  .broadcast-menu-links{
    min-height:55px;
    padding:5px max(2.5%,10px);
  }

  .broadcast-menu-links a{
    min-width:62px;
    min-height:43px;
  }

  body.rsk-layout-broadcast .site-layout{
    grid-template-columns:1fr;
    grid-template-areas:
      "main"
      "side";
  }

  .broadcast-cockpit{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .broadcast-hero{
    grid-template-columns:1fr;
  }

  .broadcast-visual{
    min-height:260px;
    border-top:1px solid var(--bo-line);
    border-left:0;
  }

  .broadcast-home-side{
    grid-template-columns:1fr 1fr;
  }

  .broadcast-now-card{
    grid-row:span 2;
  }
}

@media(max-width:700px){
  body.rsk-layout-broadcast .container{
    width:94%;
  }

  .broadcast-home{
    padding-top:12px;
  }

  .broadcast-home-grid{
    gap:10px;
  }

  .broadcast-hero{
    min-height:auto;
    border-radius:8px;
  }

  .broadcast-hero-copy{
    padding:30px 18px;
  }

  .broadcast-hero h1{
    font-size:clamp(2.7rem,13vw,4.2rem);
  }

  .broadcast-hero-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .broadcast-hero-actions a{
    justify-content:center;
  }

  .broadcast-system-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .broadcast-visual{
    min-height:220px;
    padding:24px;
  }

  .broadcast-visual-ring{
    width:120px;
    height:120px;
  }

  .broadcast-visual-ring img{
    width:82px;
    height:82px;
  }

  .broadcast-feature-grid{
    grid-template-columns:1fr;
  }

  .broadcast-feature{
    min-height:145px;
  }

  .broadcast-home-side{
    grid-template-columns:1fr;
  }

  .broadcast-now-card{
    grid-row:auto;
  }

  .broadcast-program-list>article{
    grid-template-columns:28px 62px minmax(0,1fr);
  }

  .broadcast-program-list article>b{
    display:none;
  }

  .broadcast-cockpit{
    grid-template-columns:1fr;
  }

  body.rsk-layout-broadcast .panel,
  body.rsk-layout-broadcast .box,
  body.rsk-layout-broadcast .side-panel{
    border-radius:7px!important;
  }
}

@media(max-width:470px){
  body.rsk-layout-broadcast .brand-logo-frame{
    width:41px;
    height:41px;
    flex-basis:41px;
  }

  body.rsk-layout-broadcast .brand-logo{
    width:33px;
    height:33px;
  }

  .broadcast-menu-links a{
    min-width:57px;
    padding:4px 6px;
  }

  .broadcast-menu-links a>b{
    font-size:.40rem;
  }

  .broadcast-action-grid{
    grid-template-columns:1fr;
  }
}

@media(prefers-reduced-motion:reduce){
  .broadcast-menu-signal i,
  .broadcast-visual-ring span,
  .broadcast-eq-large i{
    animation:none;
  }
}


/* =====================================================
   LEDEN EXTRA'S + VIP EXTRA'S - UPDATE 066
===================================================== */
.member-extras-page,.vip-extras-page{padding-top:22px;padding-bottom:30px}
.member-extras-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:14px;margin-bottom:12px}
.member-extras-hero-copy,.member-extras-wallet,.member-extra-daily,.member-extra-section,.member-extra-side-card,.vip-extra-action-card,.vip-extra-section,.vip-extra-side-card{border:1px solid rgba(255,255,255,.075);border-radius:11px;background:linear-gradient(145deg,#101213,#090b0c);box-shadow:0 14px 34px rgba(0,0,0,.28)}
.member-extras-hero-copy{position:relative;overflow:hidden;padding:30px;border-color:color-mix(in srgb,var(--gold) 28%,rgba(255,255,255,.07));background:radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--gold) 11%,transparent),transparent 34%),linear-gradient(130deg,#121416,#090b0c)}
.member-extras-hero-copy:after{content:"GAME";position:absolute;right:-8px;bottom:-25px;color:rgba(255,255,255,.025);font-family:Oswald,Impact,sans-serif;font-size:7rem;pointer-events:none}
.member-extras-hero-copy>span,.member-extra-section-head>div>span{display:block;color:var(--gold);font-size:.43rem;font-weight:900;letter-spacing:1px}
.member-extras-hero-copy h1,.vip-extras-hero-copy h1{margin-top:5px;color:#f3f4f5;font-family:Oswald,Impact,sans-serif;font-size:2.15rem}
.member-extras-hero-copy>p,.vip-extras-hero-copy>p{max-width:710px;margin-top:8px;color:#9aa0a4;font-size:.62rem;line-height:1.65}
.member-vip-boost{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:13px;padding:8px 10px;border:1px solid rgba(187,122,255,.22);border-radius:7px;color:#d7b3ff;background:rgba(124,57,184,.08);font-size:.43rem}
.member-vip-boost a{margin-left:auto;color:#e7d0ff;font-weight:900;text-decoration:none}
.member-extra-level{display:grid;grid-template-columns:65px minmax(0,1fr);align-items:center;gap:10px;margin-top:18px}
.member-extra-level>div:first-child{padding:8px;border:1px solid rgba(255,255,255,.075);border-radius:7px;background:#0b0d0e;text-align:center}
.member-extra-level small{color:#6e7478;font-size:.34rem;font-weight:900}.member-extra-level strong{display:block;margin-top:2px;color:#fff;font-family:Oswald,Impact,sans-serif;font-size:1.12rem}
.member-extra-level-progress>span{height:9px;display:block;overflow:hidden;border-radius:999px;background:#070808}.member-extra-level-progress>span>i{height:100%;display:block;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--gold2))}
.member-extra-level-progress>small{display:block;margin-top:5px;color:#777d81}.member-extra-level-progress b{color:#d9dcde}
.member-extras-wallet{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.member-extras-wallet>div{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:15px;border-right:1px solid rgba(255,255,255,.055);border-bottom:1px solid rgba(255,255,255,.055)}
.member-extras-wallet>div:nth-child(even){border-right:0}.member-extras-wallet>div:nth-last-child(-n+2){border-bottom:0}.member-extras-wallet>div>span{font-size:1rem}.member-extras-wallet small{margin-top:8px;color:#666c70;font-size:.36rem;font-weight:900;letter-spacing:.6px}.member-extras-wallet strong{margin-top:3px;color:#f2f3f4;font-family:Oswald,Impact,sans-serif;font-size:1.25rem}
.member-extra-daily{min-height:76px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:12px;padding:11px 13px}.member-extra-daily.is-ready{border-color:color-mix(in srgb,var(--gold) 35%,rgba(255,255,255,.07));background:linear-gradient(100deg,color-mix(in srgb,var(--gold) 6%,#111315),#0b0d0e)}
.member-extra-daily-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--gold) 28%,transparent);border-radius:8px;background:#0a0c0d;font-size:1.15rem}
.member-extra-daily>div:nth-child(2)>span{color:var(--gold);font-size:.36rem;font-weight:900;letter-spacing:.8px}.member-extra-daily h2{margin-top:2px;color:#eceeef;font-size:.70rem}.member-extra-daily p{margin-top:3px;color:#777d81;font-size:.43rem}.member-extra-daily .member-game-result{grid-column:1/-1}
.member-extras-layout,.vip-extras-grid{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:12px;align-items:start}.member-extras-main,.member-extras-side,.vip-extras-main,.vip-extras-side{min-width:0;display:grid;gap:12px}
.member-extra-section{overflow:hidden}.member-extra-section-head{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 13px;border-bottom:1px solid rgba(255,255,255,.06);background:#111315}.member-extra-section-head h2{margin-top:2px;color:#eef0f1;font-family:Oswald,Impact,sans-serif;font-size:1.13rem}.member-extra-section-head>p{max-width:430px;color:#71777b;font-size:.40rem;line-height:1.45;text-align:right}
.member-games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.055)}.member-game-card{min-width:0;padding:12px;background:#0b0d0e}.member-game-card>header{min-height:47px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:10px}.member-game-card>header>span{width:34px;height:34px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--gold) 28%,transparent);border-radius:6px;background:#080a0b}.member-game-card>header small{display:block;color:#666c70;font-size:.32rem;font-weight:900;letter-spacing:.6px}.member-game-card>header h3{margin-top:1px;color:#e6e8e9;font-size:.59rem}.member-game-card>header>b{color:#777d81;font-size:.34rem;font-weight:900}.member-game-main-btn{width:100%;margin-top:9px}
.reaction-arena{width:100%;min-height:170px;display:grid;place-items:center;align-content:center;gap:4px;border:1px solid rgba(255,255,255,.07);border-radius:7px;color:#bfc3c6;background:#111315;cursor:pointer}.reaction-arena strong{font-family:Oswald,Impact,sans-serif;font-size:1.15rem}.reaction-arena small{color:#70767a;font-size:.40rem}.reaction-arena[data-state="waiting"]{border-color:rgba(218,81,81,.25);background:#1b1010}.reaction-arena[data-state="ready"]{border-color:rgba(76,208,104,.5);color:#fff;background:#103118;box-shadow:inset 0 0 45px rgba(76,208,104,.08)}
.guess-display{min-height:92px;display:grid;place-items:center;align-content:center;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:7px;background:#101214;text-align:center}.guess-display strong{color:#e6e8e9;font-size:.58rem}.guess-display small{margin-top:4px;color:#777d81;font-size:.40rem}.guess-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;margin-top:7px}.guess-controls input{min-height:39px!important}
.memory-status{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:7px}.memory-status span{padding:6px 4px;border:1px solid rgba(255,255,255,.06);border-radius:5px;color:#696f73;background:#0f1112;font-size:.34rem;text-align:center}.memory-status b{color:#e8eaeb}.memory-board{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;min-height:205px}.memory-card{position:relative;min-height:62px;border:1px solid rgba(255,255,255,.07);border-radius:6px;background:#111315;cursor:pointer}.memory-card span{position:absolute;inset:0;display:grid;place-items:center;border-radius:5px}.memory-card-front{color:var(--gold);font-family:Oswald,Impact,sans-serif;font-size:1rem}.memory-card-back{opacity:0;font-size:1.25rem;background:#17191b}.memory-card.is-open,.memory-card.is-matched{border-color:color-mix(in srgb,var(--gold) 32%,transparent);background:#17191b}.memory-card.is-open .memory-card-front,.memory-card.is-matched .memory-card-front{opacity:0}.memory-card.is-open .memory-card-back,.memory-card.is-matched .memory-card-back{opacity:1}
.member-game-result{min-height:18px;margin-top:7px;color:#858b8f;font-size:.39rem;line-height:1.4}.member-game-result.ok{color:#a9e1ae}.member-game-result.error{color:#ffaaaa}
.member-achievements-grid,.vip-badges-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.055)}.member-achievement,.vip-badges-grid article{min-width:0;min-height:76px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px;background:#0b0d0e}.member-achievement>span,.vip-badges-grid article>span{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.07);border-radius:7px;background:#101214}.member-achievement strong,.vip-badges-grid strong{color:#dfe1e2;font-size:.48rem}.member-achievement p,.vip-badges-grid p{margin-top:2px;color:#6f7579;font-size:.36rem;line-height:1.4}.member-achievement>b,.vip-badges-grid article>b{color:#5d6367}.member-achievement.locked,.vip-badges-grid article.locked{opacity:.52;filter:grayscale(.6)}.member-achievement.unlocked,.vip-badges-grid article.unlocked{background:color-mix(in srgb,var(--gold) 4%,#0b0d0e)}.member-achievement.unlocked>b,.vip-badges-grid article.unlocked>b{color:#a9e1ae}
.member-game-history{display:grid}.member-game-history article{min-height:55px;display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:8px 11px;border-bottom:1px solid rgba(255,255,255,.05)}.member-game-history article:last-child{border-bottom:0}.member-game-history strong{color:#dfe1e2;font-size:.46rem}.member-game-history small{display:block;margin-top:2px;color:#60666a;font-size:.34rem}.member-game-history article>b{color:#aeb3b6;font-size:.40rem}.member-game-history article>em{color:var(--gold);font-size:.37rem;font-style:normal;white-space:nowrap}.member-extra-empty{padding:16px;color:#777d81;font-size:.43rem}
.member-extra-side-card{overflow:hidden}.member-extra-side-card>header,.vip-extra-side-card>header,.vip-extra-section>header{min-height:41px;display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.06);background:#111315}.member-extra-side-card>header>span,.vip-extra-side-card>header>span,.vip-extra-section>header span{color:#aeb3b6;font-size:.42rem;font-weight:900;letter-spacing:.65px}.member-extra-side-card>header>b,.vip-extra-side-card>header>b{color:var(--gold);font-size:.36rem}
.member-leaderboard,.vip-ranking-list{display:grid;padding:5px}.member-leaderboard article,.vip-ranking-list article{min-height:47px;display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:7px;padding:6px 7px;border:1px solid transparent;border-radius:5px}.member-leaderboard article.is-me,.vip-ranking-list article.is-me{border-color:color-mix(in srgb,var(--gold) 26%,transparent);background:color-mix(in srgb,var(--gold) 5%,#0d0f10)}.member-leaderboard em,.vip-ranking-list em{color:#555b5f;font-size:.40rem;font-style:normal;font-weight:900}.member-leaderboard strong,.vip-ranking-list strong{display:block;overflow:hidden;color:#dfe1e2;font-size:.44rem;text-overflow:ellipsis;white-space:nowrap}.member-leaderboard small,.vip-ranking-list small{display:block;margin-top:2px;color:#62686c;font-size:.33rem}.member-leaderboard article>b,.vip-ranking-list article>b{color:var(--gold);font-size:.38rem}
.member-extra-links,.vip-extra-links{display:grid;padding:5px}.member-extra-links a{min-height:48px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:7px;padding:6px 7px;border-radius:5px;color:inherit;text-decoration:none}.member-extra-links a:hover,.vip-extra-links a:hover{background:#121416}.member-extra-links b{display:block;color:#d7d9db;font-size:.44rem}.member-extra-links small{display:block;margin-top:2px;color:#666c70;font-size:.34rem}.member-extra-links em{color:#62686c;font-style:normal}.member-extra-rules ul,.vip-extra-info ul{margin:0;padding:11px 11px 12px 27px;color:#7f8589;font-size:.39rem;line-height:1.65}

/* VIP */
.vip-extras-hero{min-height:180px;display:grid;grid-template-columns:80px minmax(0,1fr) minmax(320px,.62fr);align-items:center;gap:18px;margin-bottom:12px;padding:20px;border:1px solid rgba(190,120,255,.24);border-radius:12px;background:radial-gradient(circle at 5% 0%,rgba(180,90,255,.14),transparent 31%),linear-gradient(130deg,#15101a,#0a0b0c 60%,#111315);box-shadow:0 16px 40px rgba(0,0,0,.34)}
.vip-extras-crown{width:70px;height:70px;display:grid;place-items:center;border:1px solid rgba(205,154,255,.25);border-radius:16px;background:rgba(114,50,166,.10);font-size:1.8rem}.vip-extras-hero-copy>span{display:block;color:#dab8ff;font-size:.42rem;font-weight:900;letter-spacing:1px}.vip-beheer-note{display:block;margin-top:10px;color:#9a81af;font-size:.38rem;line-height:1.45}
.vip-extras-stats{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:#0c0e0f}.vip-extras-stats>div{padding:11px;border-right:1px solid rgba(255,255,255,.055);border-bottom:1px solid rgba(255,255,255,.055)}.vip-extras-stats>div:nth-child(even){border-right:0}.vip-extras-stats>div:nth-last-child(-n+2){border-bottom:0}.vip-extras-stats small{display:block;color:#6d7377;font-size:.33rem;font-weight:900}.vip-extras-stats strong{display:block;margin-top:3px;color:#eadbfa;font-family:Oswald,Impact,sans-serif;font-size:1rem}
.vip-extra-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.vip-extra-action-card{min-height:250px;padding:13px;border-color:rgba(188,126,245,.15);background:linear-gradient(145deg,#111017,#090b0c)}.vip-extra-action-card>header{min-height:47px;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:8px;margin-bottom:9px}.vip-extra-action-card>header>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(196,138,255,.22);border-radius:7px;background:#100d14;font-size:.92rem}.vip-extra-action-card header small{display:block;color:#9276aa;font-size:.33rem;font-weight:900;letter-spacing:.65px}.vip-extra-action-card h2{margin-top:2px;color:#f0e7f8;font-size:.66rem}.vip-extra-action-card>p{min-height:52px;color:#827b88;font-size:.43rem;line-height:1.5}.vip-extra-action-card>.btn{width:100%;margin-top:10px}
.vip-extra-reward-preview{display:flex;gap:5px;margin-top:10px}.vip-extra-reward-preview span{flex:1;padding:7px 5px;border:1px solid rgba(255,255,255,.06);border-radius:5px;color:#a998b5;background:#0b0c0e;font-size:.36rem;font-weight:900;text-align:center}
.vip-box-visual{width:78px;height:78px;display:grid;place-items:center;margin:8px auto 0;border:1px solid rgba(202,147,255,.25);border-radius:16px;background:#0c0d0f;font-size:2rem}.vip-box-visual.is-opening{animation:vipBoxShake .55s infinite alternate ease-in-out}@keyframes vipBoxShake{from{transform:rotate(-5deg) scale(.97)}to{transform:rotate(5deg) scale(1.04)}}
.vip-trivia-stage{min-height:82px;display:grid;place-items:center;align-content:center;margin-top:8px;padding:10px;border:1px solid rgba(255,255,255,.065);border-radius:6px;background:#0c0e0f;text-align:center}.vip-trivia-stage strong{color:#e4d9eb;font-size:.50rem}.vip-trivia-stage small{margin-top:4px;color:#776d7e;font-size:.36rem}.vip-trivia-options{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:7px}.vip-trivia-options button{min-height:37px;padding:6px;border:1px solid rgba(255,255,255,.075);border-radius:5px;color:#a9a0ae;background:#111216;cursor:pointer;font-size:.37rem;font-weight:800}.vip-trivia-options button:hover{color:#171419;border-color:#b88be3;background:#d9b7f7}
.vip-booster-meter{margin-top:14px}.vip-booster-meter>span{height:10px;display:block;overflow:hidden;border-radius:999px;background:#08090a}.vip-booster-meter i{height:100%;display:block;background:linear-gradient(90deg,#8f4fcb,#d4a9f9)}.vip-booster-meter>b{display:block;margin-top:6px;color:#d5b5ef;font-size:.42rem;text-align:center}
.vip-badges-grid article>span{border-color:rgba(187,126,245,.18);background:#100d13}.vip-badges-grid strong{color:#ded3e6}.vip-badges-grid p{color:#716a76}.vip-badges-grid article.unlocked{background:rgba(139,71,191,.07)}
.vip-extra-links a{min-height:38px;display:flex;align-items:center;justify-content:space-between;padding:7px 8px;border-radius:5px;color:#a696b0;text-decoration:none;font-size:.40rem;font-weight:850}.vip-extra-links b{color:#665b6d}.vip-extras-lock-icon{font-size:2.5rem;margin:12px 0}.vip-extras-locked .box-body{text-align:center}.vip-extra-perk{border-color:rgba(191,130,245,.16)!important}

@media(max-width:1050px){.member-extras-layout,.vip-extras-grid{grid-template-columns:1fr}.member-extras-side,.vip-extras-side{grid-template-columns:repeat(2,minmax(0,1fr))}.member-games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.member-game-card:last-child{grid-column:1/-1}}
@media(max-width:820px){.member-extras-hero{grid-template-columns:1fr}.vip-extras-hero{grid-template-columns:65px minmax(0,1fr)}.vip-extras-stats{grid-column:1/-1}.vip-extra-action-grid{grid-template-columns:1fr}}
@media(max-width:680px){.member-extras-page,.vip-extras-page{padding-top:12px}.member-extras-hero-copy{padding:22px 16px}.member-extra-daily{grid-template-columns:42px minmax(0,1fr)}.member-extra-daily>.btn{grid-column:1/-1;width:100%}.member-games-grid{grid-template-columns:1fr}.member-game-card:last-child{grid-column:auto}.member-achievements-grid,.vip-badges-grid{grid-template-columns:1fr}.member-extras-side,.vip-extras-side{grid-template-columns:1fr}.vip-extras-hero{grid-template-columns:1fr;padding:16px}.vip-extras-crown{width:55px;height:55px;font-size:1.4rem}}
@media(max-width:430px){.vip-trivia-options{grid-template-columns:1fr}.member-game-history article{grid-template-columns:30px minmax(0,1fr) auto}.member-game-history article>em{grid-column:2/-1}}


/* =====================================================
   ALLE TEKST GROTER EN DUIDELIJKER - UPDATE 068
   Geldt voor gasten, leden, VIP, DJ, moderator, admin en Beheer.
===================================================== */
html{
  font-size:18px!important;
}

body{
  font-size:18px!important;
  line-height:1.58;
}

body p,
body li,
body label,
body input,
body select,
body textarea,
body button,
body .muted,
body .panel-intro,
body .copy-block,
body .request-meta{
  font-size:.94rem!important;
  line-height:1.55;
}

body small,
body .brand-sub,
body .badge,
body .role-badge,
body .request-badge,
body .notification-meta,
body .profile-post-meta,
body .member-card small,
body .staffteam-card small,
body .news-meta,
body .update-news-meta{
  font-size:.72rem!important;
  line-height:1.4;
}

body .modern-site-nav>a,
body .modern-site-nav .compact-menu-summary,
body .modern-mobile-nav a,
body .compact-dropdown a,
body .side-links a,
body .member-private-link,
body .broadcast-menu-links a>b,
body .broadcast-side-console>nav a,
body .broadcast-action-grid b,
body .broadcast-account-box nav a{
  font-size:.80rem!important;
}

body .btn,
body .listen-button,
body .ghost-button,
body .compact-login,
body .compact-register{
  font-size:.82rem!important;
  font-weight:850;
}

body .box-title,
body .side-title,
body .staff-section-title,
body .member-extra-section-head h2,
body .vip-extra-section>header h2{
  font-size:1.18rem!important;
}

body .request-item strong,
body .member-card strong,
body .staffteam-card strong,
body .profile-social-card strong,
body .notification-full-item strong,
body .warning-history-item strong,
body .news-weather-card strong,
body .own-news-card strong,
body .update-news-card strong{
  font-size:.96rem!important;
}

/* Game Lounge en VIP Extra's waren bewust compact; ook daar alles leesbaarder. */
body .member-extras-page small,
body .vip-extras-page small,
body .member-game-card small,
body .member-extra-side-card small,
body .vip-extra-action-card small,
body .vip-extra-side-card small{
  font-size:.70rem!important;
}

body .member-game-card h3,
body .member-leaderboard strong,
body .member-achievement strong,
body .vip-ranking-list strong,
body .vip-badges-grid strong,
body .vip-extra-action-card h2{
  font-size:.92rem!important;
}

body .member-game-result,
body .member-game-history article>b,
body .member-game-history article>em,
body .vip-trivia-options button,
body .vip-extra-links a,
body .member-extra-links b,
body .member-extra-links strong{
  font-size:.76rem!important;
}

/* Player blijft compact, maar tekst wordt beter leesbaar. */
body .rsk-bottom-player,
body .rsk-choice-compact,
body .rsk-choice-modern,
body .rsk-html-player{
  font-size:16px!important;
}

body .rsk-bottom-player small,
body .rsk-choice-compact small,
body .rsk-choice-modern small,
body .rsk-html-player small{
  font-size:.70rem!important;
}

@media(max-width:760px){
  html{
    font-size:17px!important;
  }

  body{
    font-size:17px!important;
  }

  body p,
  body li,
  body label,
  body input,
  body select,
  body textarea,
  body button{
    font-size:.94rem!important;
  }
}


/* =====================================================
   LETTERS IETS KLEINER - UPDATE 069
   Iets compacter dan 068, maar nog steeds groter/duidelijk.
===================================================== */
html{
  font-size:17px!important;
}

body{
  font-size:17px!important;
  line-height:1.56;
}

body p,
body li,
body label,
body input,
body select,
body textarea,
body button,
body .muted,
body .panel-intro,
body .copy-block,
body .request-meta{
  font-size:.90rem!important;
  line-height:1.52;
}

body small,
body .brand-sub,
body .badge,
body .role-badge,
body .request-badge,
body .notification-meta,
body .profile-post-meta,
body .member-card small,
body .staffteam-card small,
body .news-meta,
body .update-news-meta{
  font-size:.67rem!important;
  line-height:1.38;
}

body .modern-site-nav>a,
body .modern-site-nav .compact-menu-summary,
body .modern-mobile-nav a,
body .compact-dropdown a,
body .side-links a,
body .member-private-link,
body .broadcast-menu-links a>b,
body .broadcast-side-console>nav a,
body .broadcast-action-grid b,
body .broadcast-account-box nav a{
  font-size:.75rem!important;
}

body .btn,
body .listen-button,
body .ghost-button,
body .compact-login,
body .compact-register{
  font-size:.77rem!important;
}

body .box-title,
body .side-title,
body .staff-section-title,
body .member-extra-section-head h2,
body .vip-extra-section>header h2{
  font-size:1.10rem!important;
}

body .request-item strong,
body .member-card strong,
body .staffteam-card strong,
body .profile-social-card strong,
body .notification-full-item strong,
body .warning-history-item strong,
body .news-weather-card strong,
body .own-news-card strong,
body .update-news-card strong{
  font-size:.91rem!important;
}

/* Game Lounge / VIP Extra's iets compacter */
body .member-extras-page small,
body .vip-extras-page small,
body .member-game-card small,
body .member-extra-side-card small,
body .vip-extra-action-card small,
body .vip-extra-side-card small{
  font-size:.65rem!important;
}

body .member-game-card h3,
body .member-leaderboard strong,
body .member-achievement strong,
body .vip-ranking-list strong,
body .vip-badges-grid strong,
body .vip-extra-action-card h2{
  font-size:.86rem!important;
}

body .member-game-result,
body .member-game-history article>b,
body .member-game-history article>em,
body .vip-trivia-options button,
body .vip-extra-links a,
body .member-extra-links b,
body .member-extra-links strong{
  font-size:.71rem!important;
}

/* Player blijft compact */
body .rsk-bottom-player,
body .rsk-choice-compact,
body .rsk-choice-modern,
body .rsk-html-player{
  font-size:15px!important;
}

body .rsk-bottom-player small,
body .rsk-choice-compact small,
body .rsk-choice-modern small,
body .rsk-html-player small{
  font-size:.66rem!important;
}

@media(max-width:760px){
  html{
    font-size:16px!important;
  }

  body{
    font-size:16px!important;
  }

  body p,
  body li,
  body label,
  body input,
  body select,
  body textarea,
  body button{
    font-size:.91rem!important;
  }
}


/* =====================================================
   LETTERS COMPACTER VOOR KOLOMMEN - UPDATE 070
   Nog iets kleiner zodat tekst netjes binnen kaarten/kolommen blijft.
===================================================== */
html{
  font-size:16px!important;
}

body{
  font-size:16px!important;
  line-height:1.50;
}

/* Algemene tekst */
body p,
body li,
body label,
body input,
body select,
body textarea,
body button,
body .muted,
body .panel-intro,
body .copy-block,
body .request-meta{
  font-size:.82rem!important;
  line-height:1.46!important;
}

/* Kleine ondersteunende tekst */
body small,
body .brand-sub,
body .badge,
body .role-badge,
body .request-badge,
body .notification-meta,
body .profile-post-meta,
body .member-card small,
body .staffteam-card small,
body .news-meta,
body .update-news-meta{
  font-size:.60rem!important;
  line-height:1.32!important;
}

/* Menu's compacter */
body .modern-site-nav>a,
body .modern-site-nav .compact-menu-summary,
body .modern-mobile-nav a,
body .compact-dropdown a,
body .side-links a,
body .member-private-link,
body .broadcast-menu-links a>b,
body .broadcast-side-console>nav a,
body .broadcast-action-grid b,
body .broadcast-account-box nav a{
  font-size:.67rem!important;
  line-height:1.25!important;
}

/* Knoppen */
body .btn,
body .listen-button,
body .ghost-button,
body .compact-login,
body .compact-register{
  font-size:.69rem!important;
  line-height:1.20!important;
}

/* Blok/kop-titels */
body .box-title,
body .side-title,
body .staff-section-title,
body .member-extra-section-head h2,
body .vip-extra-section>header h2{
  font-size:1rem!important;
  line-height:1.25!important;
}

body .request-item strong,
body .member-card strong,
body .staffteam-card strong,
body .profile-social-card strong,
body .notification-full-item strong,
body .warning-history-item strong,
body .news-weather-card strong,
body .own-news-card strong,
body .update-news-card strong{
  font-size:.82rem!important;
  line-height:1.30!important;
}

/* Home / Broadcast cards */
body .feature-card h3,
body .broadcast-feature>strong,
body .broadcast-program-list article>div>strong,
body .broadcast-now-card>strong,
body .broadcast-side-console div b{
  font-size:.76rem!important;
  line-height:1.28!important;
}

body .feature-card p,
body .broadcast-feature>p,
body .broadcast-program-list article>div>span,
body .broadcast-now-card>p{
  font-size:.62rem!important;
  line-height:1.40!important;
}

/* Game Lounge / VIP Extra's */
body .member-extras-page small,
body .vip-extras-page small,
body .member-game-card small,
body .member-extra-side-card small,
body .vip-extra-action-card small,
body .vip-extra-side-card small{
  font-size:.57rem!important;
}

body .member-game-card h3,
body .member-leaderboard strong,
body .member-achievement strong,
body .vip-ranking-list strong,
body .vip-badges-grid strong,
body .vip-extra-action-card h2{
  font-size:.76rem!important;
  line-height:1.25!important;
}

body .member-game-result,
body .member-game-history article>b,
body .member-game-history article>em,
body .vip-trivia-options button,
body .vip-extra-links a,
body .member-extra-links b,
body .member-extra-links strong{
  font-size:.62rem!important;
  line-height:1.28!important;
}

/* Sidebar / cards */
body .cms-side-menu b,
body .cms-side-menu small,
body .broadcast-dj-data strong,
body .broadcast-dj-data p,
body .broadcast-next-list b,
body .broadcast-next-list i,
body .broadcast-cockpit-title>span,
body .broadcast-cockpit-title>b,
body .broadcast-cockpit-title>a{
  font-size:.60rem!important;
  line-height:1.28!important;
}

/* Tabellen */
body table{
  font-size:.76rem!important;
}

body th{
  font-size:.68rem!important;
}

body td{
  font-size:.73rem!important;
  line-height:1.35!important;
}

/* Staffpaneel */
body .staff-panel-nav a{
  font-size:.67rem!important;
}

body .staff-stat-card b,
body .staff-action-card b{
  font-size:.73rem!important;
}

/* Houd inhoud altijd binnen kolommen/kaarten */
body .feature-card,
body .broadcast-feature,
body .member-game-card,
body .member-achievement,
body .vip-extra-action-card,
body .vip-badges-grid article,
body .member-leaderboard article,
body .vip-ranking-list article,
body .staffteam-card,
body .member-card,
body .request-item,
body .box,
body .panel,
body .side-panel{
  min-width:0!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}

body .feature-card *,
body .broadcast-feature *,
body .member-game-card *,
body .member-achievement *,
body .vip-extra-action-card *,
body .vip-badges-grid article *,
body .member-leaderboard article *,
body .vip-ranking-list article *,
body .staffteam-card *,
body .member-card *{
  min-width:0!important;
  max-width:100%!important;
}

/* Lange namen / titels netjes afbreken */
body .member-card strong,
body .staffteam-card strong,
body .broadcast-feature>strong,
body .member-leaderboard strong,
body .vip-ranking-list strong,
body .broadcast-dj-data strong{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* Kolommen iets meer ademruimte */
body .feature-grid,
body .broadcast-feature-grid,
body .member-games-grid,
body .member-achievements-grid,
body .vip-badges-grid,
body .page-builder-feature-grid{
  gap:6px!important;
}

/* Player nog compacter */
body .rsk-bottom-player,
body .rsk-choice-compact,
body .rsk-choice-modern,
body .rsk-html-player{
  font-size:14px!important;
}

body .rsk-bottom-player small,
body .rsk-choice-compact small,
body .rsk-choice-modern small,
body .rsk-html-player small{
  font-size:.58rem!important;
}

/* Tablet: iets kleiner zodat 2 kolommen netjes blijven */
@media(max-width:1100px){
  html{
    font-size:15.5px!important;
  }

  body{
    font-size:15.5px!important;
  }

  body .feature-grid,
  body .broadcast-feature-grid,
  body .member-games-grid{
    gap:5px!important;
  }
}

/* Mobiel */
@media(max-width:760px){
  html{
    font-size:15px!important;
  }

  body{
    font-size:15px!important;
  }

  body p,
  body li,
  body label,
  body input,
  body select,
  body textarea,
  body button{
    font-size:.84rem!important;
  }

  body .modern-mobile-nav a,
  body .broadcast-menu-links a>b{
    font-size:.62rem!important;
  }
}


/* =====================================================
   ALLEEN HEADER COMPACTER - UPDATE 071
   Rest van de website blijft exact zoals update 070.
===================================================== */

/* Logo/merk */
body .brand-text{
  font-size:.74rem!important;
  line-height:1.12!important;
}

body .brand-sub{
  font-size:.48rem!important;
  line-height:1.15!important;
}

/* Hoofdmenu desktop */
body .modern-site-nav>a,
body .modern-site-nav .compact-menu-summary{
  font-size:.58rem!important;
  line-height:1.12!important;
  padding:7px 8px!important;
}

/* Account / status rechtsboven */
body .modern-status{
  min-height:34px!important;
  padding:5px 8px!important;
}

body .modern-status span,
body .modern-status small{
  font-size:.48rem!important;
}

body .modern-status b{
  font-size:.58rem!important;
}

body .notification-bell,
body .compact-profile-chip,
body .compact-login,
body .compact-register{
  min-height:34px!important;
  font-size:.58rem!important;
  line-height:1.10!important;
  padding:6px 8px!important;
}

/* Account dropdown */
body .compact-dropdown a{
  font-size:.58rem!important;
  line-height:1.18!important;
  padding-top:7px!important;
  padding-bottom:7px!important;
}

/* Mobiel hoofdmenu */
body .modern-mobile-nav a{
  font-size:.57rem!important;
  line-height:1.12!important;
  padding:7px 8px!important;
}

/* Dark Broadcast OS radio-menu */
body .broadcast-menu-brand small{
  font-size:.30rem!important;
  line-height:1.08!important;
}

body .broadcast-menu-brand strong{
  font-size:.47rem!important;
  line-height:1.08!important;
}

body .broadcast-menu-links a{
  min-width:58px!important;
  min-height:40px!important;
  padding:4px 6px!important;
}

body .broadcast-menu-links a>span{
  font-size:.56rem!important;
}

body .broadcast-menu-links a>b{
  font-size:.37rem!important;
  line-height:1.05!important;
}

body .broadcast-menu-live{
  min-width:165px!important;
  padding:6px 8px!important;
}

body .broadcast-menu-live small{
  font-size:.29rem!important;
}

body .broadcast-menu-live strong{
  font-size:.42rem!important;
}

body .broadcast-menu-live>b{
  font-size:.36rem!important;
}

/* Header zelf iets lager */
body.rsk-layout-broadcast .topbar,
body.rsk-layout-broadcast .modern-brand{
  min-height:62px!important;
}

body.rsk-layout-broadcast .brand-logo-frame{
  width:41px!important;
  height:41px!important;
  flex-basis:41px!important;
}

body.rsk-layout-broadcast .brand-logo{
  width:33px!important;
  height:33px!important;
}

/* Broadcast menu iets lager */
.broadcast-radio-menu-inner{
  min-height:54px!important;
}

/* Voorkom dat headeritems buiten de kolommen lopen */
body .modern-site-nav,
body .modern-top-actions,
body .broadcast-menu-links,
body .broadcast-menu-live,
body .compact-account-menu{
  min-width:0!important;
}

body .modern-site-nav>a,
body .modern-site-nav .compact-menu-summary,
body .broadcast-menu-links a>b,
body .broadcast-menu-live strong{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* Tablet / mobiel nog iets compacter */
@media(max-width:1000px){
  body .modern-site-nav>a,
  body .modern-site-nav .compact-menu-summary,
  body .modern-mobile-nav a{
    font-size:.54rem!important;
  }

  body .broadcast-menu-links a{
    min-width:54px!important;
  }

  body .broadcast-menu-links a>b{
    font-size:.35rem!important;
  }
}

@media(max-width:700px){
  body .modern-mobile-nav a{
    font-size:.52rem!important;
    padding:6px 7px!important;
  }

  body .broadcast-menu-links a{
    min-width:50px!important;
    padding:4px 5px!important;
  }

  body .broadcast-menu-links a>b{
    font-size:.33rem!important;
  }
}


/* =====================================================
   CONTENTTEKST IETS GROTER - UPDATE 072
   Header blijft exact compact zoals update 071.
===================================================== */

/* Gewone inhoud */
body p,
body li,
body label,
body input,
body select,
body textarea,
body button,
body .muted,
body .panel-intro,
body .copy-block,
body .request-meta{
  font-size:.87rem!important;
  line-height:1.50!important;
}

/* Kleine tekst in content */
body main small,
body .main-content small,
body .sidebar small,
body .panel small,
body .box small,
body .request-item small,
body .member-card small,
body .staffteam-card small,
body .profile-social-card small,
body .news-meta,
body .update-news-meta{
  font-size:.64rem!important;
  line-height:1.36!important;
}

/* Titels in content */
body .box-title,
body .side-title,
body .staff-section-title,
body .member-extra-section-head h2,
body .vip-extra-section>header h2{
  font-size:1.06rem!important;
  line-height:1.28!important;
}

body .request-item strong,
body .member-card strong,
body .staffteam-card strong,
body .profile-social-card strong,
body .notification-full-item strong,
body .warning-history-item strong,
body .news-weather-card strong,
body .own-news-card strong,
body .update-news-card strong{
  font-size:.88rem!important;
  line-height:1.34!important;
}

/* Home / Broadcast content */
body .feature-card h3,
body .broadcast-feature>strong,
body .broadcast-program-list article>div>strong,
body .broadcast-now-card>strong,
body .broadcast-side-console div b{
  font-size:.81rem!important;
  line-height:1.30!important;
}

body .feature-card p,
body .broadcast-feature>p,
body .broadcast-program-list article>div>span,
body .broadcast-now-card>p{
  font-size:.66rem!important;
  line-height:1.44!important;
}

/* Game Lounge / VIP Extra's */
body .member-extras-page small,
body .vip-extras-page small,
body .member-game-card small,
body .member-extra-side-card small,
body .vip-extra-action-card small,
body .vip-extra-side-card small{
  font-size:.61rem!important;
}

body .member-game-card h3,
body .member-leaderboard strong,
body .member-achievement strong,
body .vip-ranking-list strong,
body .vip-badges-grid strong,
body .vip-extra-action-card h2{
  font-size:.81rem!important;
  line-height:1.28!important;
}

body .member-game-result,
body .member-game-history article>b,
body .member-game-history article>em,
body .vip-trivia-options button,
body .vip-extra-links a,
body .member-extra-links b,
body .member-extra-links strong{
  font-size:.66rem!important;
  line-height:1.32!important;
}

/* Tabellen iets beter leesbaar */
body table{
  font-size:.80rem!important;
}

body th{
  font-size:.72rem!important;
}

body td{
  font-size:.77rem!important;
  line-height:1.40!important;
}

/* Staffpaneel-inhoud; navigatie/header blijft compact */
body .staff-stat-card b,
body .staff-action-card b{
  font-size:.78rem!important;
}

body .staff-stat-card .request-meta,
body .staff-action-card .request-meta{
  font-size:.64rem!important;
}

/* Header van update 071 expliciet compact houden */
body .brand-text{
  font-size:.74rem!important;
}

body .brand-sub{
  font-size:.48rem!important;
}

body .modern-site-nav>a,
body .modern-site-nav .compact-menu-summary{
  font-size:.58rem!important;
}

body .modern-mobile-nav a{
  font-size:.57rem!important;
}

body .notification-bell,
body .compact-profile-chip,
body .compact-login,
body .compact-register{
  font-size:.58rem!important;
}

body .compact-dropdown a{
  font-size:.58rem!important;
}

body .broadcast-menu-links a>b{
  font-size:.37rem!important;
}

body .broadcast-menu-live small{
  font-size:.29rem!important;
}

body .broadcast-menu-live strong{
  font-size:.42rem!important;
}

body .broadcast-menu-live>b{
  font-size:.36rem!important;
}

/* Mobiel: content iets groter, header blijft klein */
@media(max-width:760px){
  body p,
  body li,
  body label,
  body input,
  body select,
  body textarea,
  body button{
    font-size:.88rem!important;
  }

  body .modern-mobile-nav a{
    font-size:.52rem!important;
  }

  body .broadcast-menu-links a>b{
    font-size:.33rem!important;
  }
}


/* =====================================================
   WIJ ZOEKEN DJ'S + SOLLICITATIES - UPDATE 073
===================================================== */

.dj-recruitment-page{
  padding-top:18px;
  padding-bottom:32px;
}

.dj-recruitment-banner{
  overflow:hidden;
  margin-bottom:12px;
  border:1px solid color-mix(in srgb,var(--gold) 26%,rgba(255,255,255,.08));
  border-radius:10px;
  background:#080808;
  box-shadow:0 16px 40px rgba(0,0,0,.28);
}

.dj-recruitment-banner img{
  display:block;
  width:100%;
  height:auto;
  max-height:640px;
  object-fit:cover;
}

.dj-recruitment-intro{
  display:grid;
  grid-template-columns:minmax(0,1fr) 340px;
  gap:12px;
  margin-bottom:12px;
  padding:22px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:10px;
  background:
    radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--gold) 9%,transparent),transparent 36%),
    linear-gradient(130deg,#111315,#090b0c);
  box-shadow:0 12px 30px rgba(0,0,0,.22);
}

.dj-recruitment-intro>div>span{
  display:block;
  color:var(--gold);
  font-size:.62rem;
  font-weight:900;
  letter-spacing:1px;
}

.dj-recruitment-intro h1{
  margin-top:4px;
  color:#f2f3f4;
  font-family:Oswald,Impact,sans-serif;
  font-size:2rem;
  line-height:1;
}

.dj-recruitment-intro>div>p{
  max-width:720px;
  margin-top:9px;
  color:#9ca2a6;
  line-height:1.55;
}

.dj-recruitment-intro>aside{
  display:grid;
  gap:5px;
}

.dj-recruitment-intro>aside>div{
  min-height:57px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  gap:9px;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:7px;
  background:#0c0e0f;
}

.dj-recruitment-intro>aside b{
  font-size:1rem;
}

.dj-recruitment-intro>aside strong,
.dj-recruitment-intro>aside small{
  display:block;
}

.dj-recruitment-intro>aside strong{
  color:#e5e7e8;
}

.dj-recruitment-intro>aside small{
  margin-top:2px;
  color:#6d7377;
}

.dj-recruitment-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:12px;
  align-items:start;
}

.dj-recruitment-form-card,
.dj-recruitment-side>section,
.dj-recruitment-closed{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.075);
  border-radius:10px;
  background:linear-gradient(145deg,#0f1112,#090b0c);
  box-shadow:0 12px 30px rgba(0,0,0,.22);
}

.dj-recruitment-form-card>header{
  padding:14px 16px;
  border-bottom:1px solid rgba(255,255,255,.06);
  background:#111315;
}

.dj-recruitment-form-card>header>span{
  color:var(--gold);
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.9px;
}

.dj-recruitment-form-card>header h2{
  margin-top:3px;
  color:#eef0f1;
  font-family:Oswald,Impact,sans-serif;
  font-size:1.35rem;
}

.dj-recruitment-form-card>header p{
  margin-top:3px;
  color:#6d7377;
  font-size:.72rem!important;
}

.dj-recruitment-form{
  padding:15px;
}

.dj-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.dj-form-grid label{
  min-width:0;
}

.dj-form-grid label.wide{
  grid-column:1 / -1;
}

.dj-form-grid label>span{
  display:block;
  margin-bottom:5px;
  color:#b4b8bb;
  font-size:.73rem;
  font-weight:800;
}

.dj-form-grid input,
.dj-form-grid textarea{
  width:100%;
}

.dj-recruitment-consent{
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin-top:12px;
  padding:10px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:7px;
  background:#0c0e0f;
  cursor:pointer;
}

.dj-recruitment-consent input{
  width:18px;
  height:18px;
  flex:0 0 18px;
  margin-top:2px;
}

.dj-recruitment-consent span{
  color:#969ca0;
  line-height:1.45;
}

.dj-recruitment-submit{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.06);
}

.dj-recruitment-submit small{
  color:#747a7e;
  line-height:1.4;
}

.dj-recruitment-submit b{
  color:#dfe1e2;
}

.dj-recruitment-honeypot{
  position:absolute!important;
  left:-10000px!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
}

.dj-recruitment-side{
  display:grid;
  gap:10px;
}

.dj-recruitment-side>section>header{
  min-height:40px;
  display:flex;
  align-items:center;
  padding:8px 10px;
  border-bottom:1px solid rgba(255,255,255,.06);
  color:#b7bbbe;
  background:#111315;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.65px;
}

.dj-recruitment-side ul{
  margin:0;
  padding:12px 13px 12px 31px;
  color:#858b8f;
  line-height:1.55;
}

.dj-recruitment-side>section>p{
  margin:0;
  padding:0 13px 13px;
  color:#757b7f;
  font-size:.76rem!important;
  line-height:1.5;
}

.dj-recruitment-contact{
  padding-bottom:13px;
}

.dj-recruitment-contact strong,
.dj-recruitment-contact span,
.dj-recruitment-contact a{
  display:block;
  margin-left:13px;
  margin-right:13px;
}

.dj-recruitment-contact strong{
  margin-top:12px;
  color:#eceeef;
}

.dj-recruitment-contact span{
  margin-top:3px;
  color:#72787c;
}

.dj-recruitment-contact a{
  margin-top:8px;
  color:var(--gold);
  font-weight:900;
  text-decoration:none;
}

.dj-recruitment-closed{
  min-height:230px;
  display:grid;
  grid-template-columns:70px minmax(0,1fr) auto;
  align-items:center;
  gap:17px;
  padding:26px;
  border-color:color-mix(in srgb,var(--gold) 22%,rgba(255,255,255,.07));
}

.dj-recruitment-closed>span{
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--gold) 28%,transparent);
  border-radius:14px;
  background:#0b0d0e;
  font-size:1.7rem;
}

.dj-recruitment-closed small{
  color:var(--gold);
  font-weight:900;
}

.dj-recruitment-closed h1{
  margin-top:4px;
  color:#f0f1f2;
  font-family:Oswald,Impact,sans-serif;
  font-size:1.7rem;
}

.dj-recruitment-closed p{
  max-width:680px;
  margin-top:6px;
  color:#858b8f;
}

/* Staffpaneel */
.dj-recruitment-admin{
  display:grid;
  gap:12px;
}

.dj-recruitment-admin-hero{
  min-height:130px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 180px;
  align-items:center;
  gap:18px;
  padding:20px;
  border:1px solid color-mix(in srgb,var(--gold) 26%,rgba(255,255,255,.07));
  border-radius:9px;
  background:
    radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--gold) 8%,transparent),transparent 35%),
    #0d0f10;
}

.dj-recruitment-admin-hero>div:first-child>span{
  color:var(--gold);
  font-size:.60rem;
  font-weight:900;
  letter-spacing:.8px;
}

.dj-recruitment-admin-hero h2{
  margin-top:3px;
  color:#f0f1f2;
  font-family:Oswald,Impact,sans-serif;
  font-size:1.45rem;
}

.dj-recruitment-admin-hero p{
  max-width:760px;
  margin-top:5px;
  color:#878d91;
}

.dj-recruitment-admin-status{
  padding:13px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:8px;
  background:#080a0b;
  text-align:center;
}

.dj-recruitment-admin-status small,
.dj-recruitment-admin-status strong,
.dj-recruitment-admin-status span{
  display:block;
}

.dj-recruitment-admin-status small{
  color:#666c70;
}

.dj-recruitment-admin-status strong{
  margin-top:4px;
  font-family:Oswald,Impact,sans-serif;
  font-size:1.35rem;
}

.dj-recruitment-admin-status.is-on strong{
  color:#9fe0a4;
}

.dj-recruitment-admin-status.is-off strong{
  color:#ffabab;
}

.dj-recruitment-admin-status span{
  margin-top:3px;
  color:var(--gold);
}

.dj-recruitment-toggle-form{
  display:grid;
  gap:12px;
}

.dj-recruitment-toggle{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  align-items:center;
  gap:11px;
  cursor:pointer;
}

.dj-recruitment-toggle input{
  position:absolute;
  opacity:0;
}

.dj-recruitment-toggle>span{
  position:relative;
  width:44px;
  height:25px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  background:#242729;
}

.dj-recruitment-toggle>span::after{
  content:"";
  position:absolute;
  top:3px;
  left:3px;
  width:17px;
  height:17px;
  border-radius:50%;
  background:#777d81;
  transition:left .15s ease,background .15s ease;
}

.dj-recruitment-toggle input:checked+span{
  border-color:color-mix(in srgb,var(--gold) 42%,transparent);
  background:color-mix(in srgb,var(--gold) 11%,#17191b);
}

.dj-recruitment-toggle input:checked+span::after{
  left:22px;
  background:var(--gold);
}

.dj-recruitment-toggle strong,
.dj-recruitment-toggle small{
  display:block;
}

.dj-recruitment-toggle strong{
  color:#e6e8e9;
}

.dj-recruitment-toggle small{
  margin-top:3px;
  color:#747a7e;
}

.dj-application-list{
  display:grid;
  gap:8px;
}

.dj-application-card{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.07);
  border-left:3px solid #555b5f;
  border-radius:8px;
  background:#0c0e0f;
}

.dj-application-card.status-new{
  border-left-color:var(--gold);
}

.dj-application-card.status-contacted{
  border-left-color:#65c978;
}

.dj-application-card.status-rejected{
  border-left-color:#cf6666;
}

.dj-application-card>header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:11px 12px;
  border-bottom:1px solid rgba(255,255,255,.055);
  background:#111315;
}

.dj-application-status{
  display:inline-flex;
  padding:3px 6px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:5px;
  color:var(--gold);
  font-size:.60rem;
  font-weight:900;
}

.dj-application-card h3{
  margin-top:5px;
  color:#eef0f1;
  font-size:1rem;
}

.dj-application-card header p{
  margin-top:3px;
  color:#70767a;
  font-size:.69rem!important;
}

.dj-application-mail{
  flex:0 0 auto;
  padding:5px 7px;
  border-radius:5px;
  font-size:.58rem;
  font-weight:900;
}

.dj-application-mail.sent{
  color:#a7e1ad;
  background:rgba(70,170,80,.08);
}

.dj-application-mail.failed{
  color:#ffb4b4;
  background:rgba(190,65,65,.08);
}

.dj-application-facts{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-bottom:1px solid rgba(255,255,255,.05);
}

.dj-application-facts>div{
  padding:9px 10px;
  border-right:1px solid rgba(255,255,255,.05);
}

.dj-application-facts>div:last-child{
  border-right:0;
}

.dj-application-facts small,
.dj-application-facts strong{
  display:block;
}

.dj-application-facts small{
  color:#60666a;
}

.dj-application-facts strong{
  margin-top:2px;
  overflow:hidden;
  color:#dfe1e2;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.dj-application-details{
  border-bottom:1px solid rgba(255,255,255,.05);
}

.dj-application-details summary{
  padding:9px 11px;
  color:#9da2a5;
  cursor:pointer;
  font-weight:800;
}

.dj-application-detail-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1px;
  background:rgba(255,255,255,.04);
}

.dj-application-detail-grid>section{
  padding:10px;
  background:#0b0d0e;
}

.dj-application-detail-grid>section.wide{
  grid-column:1 / -1;
}

.dj-application-detail-grid small{
  color:var(--gold);
  font-weight:900;
}

.dj-application-detail-grid p{
  margin-top:4px;
  color:#a0a5a9;
  white-space:normal;
  overflow-wrap:anywhere;
}

.dj-application-detail-grid a{
  color:var(--gold);
}

.dj-application-mail-error p{
  color:#ffb0b0;
}

.dj-application-card>footer{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
  padding:9px 10px;
}

.dj-application-card>footer form{
  display:flex;
  align-items:center;
  gap:5px;
}

.dj-application-card>footer select{
  min-height:32px;
  max-width:190px;
}

.dj-recruitment-dashboard-card.is-on{
  border-color:rgba(80,180,90,.20)!important;
}

.dj-recruitment-dashboard-card.is-off{
  border-color:rgba(200,80,80,.18)!important;
}

@media(max-width:900px){
  .dj-recruitment-intro,
  .dj-recruitment-layout{
    grid-template-columns:1fr;
  }

  .dj-recruitment-intro>aside{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .dj-recruitment-side{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .dj-recruitment-admin-hero{
    grid-template-columns:1fr;
  }

  .dj-recruitment-admin-status{
    text-align:left;
  }
}

@media(max-width:700px){
  .dj-recruitment-page{
    padding-top:10px;
  }

  .dj-recruitment-banner{
    border-radius:7px;
  }

  .dj-recruitment-intro{
    padding:15px;
  }

  .dj-recruitment-intro>aside,
  .dj-recruitment-side,
  .dj-form-grid{
    grid-template-columns:1fr;
  }

  .dj-form-grid label.wide{
    grid-column:auto;
  }

  .dj-recruitment-submit{
    align-items:flex-start;
    flex-direction:column;
  }

  .dj-recruitment-submit .btn{
    width:100%;
  }

  .dj-recruitment-closed{
    grid-template-columns:1fr;
    text-align:center;
  }

  .dj-recruitment-closed>span{
    margin:0 auto;
  }

  .dj-application-card>header{
    flex-direction:column;
  }

  .dj-application-facts,
  .dj-application-detail-grid{
    grid-template-columns:1fr 1fr;
  }

  .dj-application-detail-grid>section.wide{
    grid-column:1 / -1;
  }

  .dj-application-card>footer,
  .dj-application-card>footer form{
    align-items:stretch;
    flex-direction:column;
  }

  .dj-application-card>footer .btn,
  .dj-application-card>footer select{
    width:100%;
    max-width:none;
  }
}

@media(max-width:470px){
  .dj-application-facts,
  .dj-application-detail-grid{
    grid-template-columns:1fr;
  }

  .dj-application-detail-grid>section.wide{
    grid-column:auto;
  }
}


/* =====================================================
   DJ BIJDRAGE €12,50 - UPDATE 074
===================================================== */

.dj-recruitment-cost-notice{
  min-height:92px;
  display:grid;
  grid-template-columns:54px minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  margin-bottom:12px;
  padding:13px 15px;
  border:1px solid color-mix(in srgb,var(--gold) 48%,rgba(255,255,255,.08));
  border-radius:10px;
  background:linear-gradient(100deg,color-mix(in srgb,var(--gold) 10%,#111315),#0b0d0e);
  box-shadow:0 12px 28px rgba(0,0,0,.23);
}

.dj-recruitment-cost-icon{
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);
  border-radius:9px;
  background:#090b0c;
  font-size:1.25rem;
}

.dj-recruitment-cost-notice>div:nth-child(2)>span{
  display:block;
  color:var(--gold);
  font-size:.60rem;
  font-weight:900;
  letter-spacing:.85px;
}

.dj-recruitment-cost-notice h2{
  margin-top:3px;
  color:#f0f1f2;
  font-size:1.05rem;
}

.dj-recruitment-cost-notice p{
  margin-top:4px;
  color:#92989c;
  font-size:.76rem!important;
  line-height:1.45!important;
}

.dj-recruitment-cost-notice>strong{
  min-width:105px;
  padding:9px 11px;
  border:1px solid var(--gold);
  border-radius:7px;
  color:#151515;
  background:var(--gold);
  font-family:Oswald,Impact,sans-serif;
  font-size:1.25rem!important;
  text-align:center;
  white-space:nowrap;
}

.dj-recruitment-cost-consent{
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin-top:12px;
  padding:11px;
  border:1px solid color-mix(in srgb,var(--gold) 38%,rgba(255,255,255,.07));
  border-radius:7px;
  background:color-mix(in srgb,var(--gold) 6%,#0c0e0f);
  cursor:pointer;
}

.dj-recruitment-cost-consent input{
  width:19px;
  height:19px;
  flex:0 0 19px;
  margin-top:2px;
}

.dj-recruitment-cost-consent strong,
.dj-recruitment-cost-consent small{
  display:block;
}

.dj-recruitment-cost-consent strong{
  color:#f0f1f2;
  font-size:.79rem;
  line-height:1.35;
}

.dj-recruitment-cost-consent small{
  margin-top:3px;
  color:#8d9397;
  font-size:.64rem!important;
  line-height:1.4!important;
}

.dj-recruitment-side-cost{
  margin:10px;
  padding:10px;
  border:1px solid color-mix(in srgb,var(--gold) 34%,rgba(255,255,255,.06));
  border-radius:7px;
  background:color-mix(in srgb,var(--gold) 5%,#0c0e0f);
  text-align:center;
}

.dj-recruitment-side-cost small,
.dj-recruitment-side-cost strong,
.dj-recruitment-side-cost span{
  display:block;
}

.dj-recruitment-side-cost small{
  color:#8f9599;
  font-size:.56rem!important;
  font-weight:900;
  letter-spacing:.7px;
}

.dj-recruitment-side-cost strong{
  margin-top:3px;
  color:var(--gold);
  font-family:Oswald,Impact,sans-serif;
  font-size:1.35rem!important;
}

.dj-recruitment-side-cost span{
  margin-top:3px;
  color:#767c80;
  font-size:.62rem;
}

.dj-application-facts{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}

.dj-application-cost-fact strong{
  color:#a8e0ac!important;
}

@media(max-width:900px){
  .dj-application-facts{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media(max-width:700px){
  .dj-recruitment-cost-notice{
    grid-template-columns:48px minmax(0,1fr);
  }

  .dj-recruitment-cost-notice>strong{
    grid-column:1 / -1;
    width:100%;
  }

  .dj-application-facts{
    grid-template-columns:1fr 1fr!important;
  }
}

@media(max-width:470px){
  .dj-application-facts{
    grid-template-columns:1fr!important;
  }
}

/* =====================================================
   STEMMEN LAATSTE NUMMERS + PLAAT VAN DE WEEK - UPDATE 075
===================================================== */

.rsk-track-history-hidden-title{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* Plaat van de week onder Nu op de radio */
.weekly-track-side-panel,
.broadcast-weekly-track{
  border-color:color-mix(in srgb,var(--gold) 30%,rgba(255,255,255,.07))!important;
}

.weekly-track-side-card,
.broadcast-weekly-track-body{
  display:grid;
  grid-template-columns:82px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:10px;
  background:
    radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--gold) 8%,transparent),transparent 42%),
    #0b0d0e;
}

.weekly-track-side-card img,
.broadcast-weekly-track-body img{
  width:82px;
  height:82px;
  display:block;
  object-fit:cover;
  border:1px solid color-mix(in srgb,var(--gold) 35%,rgba(255,255,255,.08));
  border-radius:7px;
  background:#080909;
  box-shadow:0 8px 20px rgba(0,0,0,.32);
}

.weekly-track-side-card small,
.broadcast-weekly-track-body small{
  display:block;
  color:var(--gold);
  font-size:.56rem!important;
  font-weight:900;
  letter-spacing:.7px;
}

.weekly-track-side-card strong,
.broadcast-weekly-track-body strong{
  display:block;
  margin-top:3px;
  overflow:hidden;
  color:#f0f1f2;
  font-size:.79rem!important;
  line-height:1.28!important;
  overflow-wrap:anywhere;
}

.weekly-track-side-card p,
.broadcast-weekly-track-body p{
  margin-top:4px;
  color:#757b7f;
  font-size:.62rem!important;
  line-height:1.38!important;
}

/* Stemmen onder Xat */
.track-vote-panel{
  overflow:hidden;
  border-color:color-mix(in srgb,var(--gold) 20%,rgba(255,255,255,.075));
}

.track-vote-title{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.track-vote-title>b{
  color:var(--gold);
  font-size:.58rem!important;
  letter-spacing:.7px;
}

.track-vote-intro{
  min-height:92px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 60px;
  align-items:center;
  gap:12px;
  margin-bottom:10px;
  padding:12px 13px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:8px;
  background:
    radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--gold) 9%,transparent),transparent 50%),
    #0c0e0f;
}

.track-vote-intro small{
  display:block;
  color:var(--gold);
  font-size:.57rem!important;
  font-weight:900;
  letter-spacing:.8px;
}

.track-vote-intro h2{
  margin-top:3px;
  color:#eef0f1;
  font-family:Oswald,Impact,sans-serif;
  font-size:1.06rem!important;
}

.track-vote-intro p{
  max-width:780px;
  margin-top:4px;
  color:#7e8488;
  font-size:.69rem!important;
  line-height:1.45!important;
}

.track-vote-intro>span{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  justify-self:end;
  border:1px solid color-mix(in srgb,var(--gold) 32%,transparent);
  border-radius:10px;
  background:#090b0c;
  font-size:1.4rem;
}

.track-vote-login-note{
  margin-bottom:8px;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:6px;
  color:#8b9195;
  background:#0c0e0f;
  font-size:.68rem;
}

.track-vote-login-note a{
  color:var(--gold);
  font-weight:900;
}

.track-vote-list{
  display:grid;
  gap:5px;
}

.track-vote-row{
  min-width:0;
  min-height:57px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 62px 82px;
  align-items:center;
  gap:8px;
  padding:7px 8px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:7px;
  background:#0c0e0f;
  transition:border-color .15s ease,background .15s ease,transform .15s ease;
}

.track-vote-row:hover{
  border-color:rgba(255,255,255,.10);
  background:#101214;
}

.track-vote-row.is-voted{
  border-color:color-mix(in srgb,var(--gold) 34%,rgba(255,255,255,.07));
  background:color-mix(in srgb,var(--gold) 5%,#0d0f10);
}

.track-vote-row>em{
  color:#555b5f;
  font-family:Oswald,Impact,sans-serif;
  font-size:.75rem;
  font-style:normal;
  font-weight:900;
  text-align:center;
}

.track-vote-copy{
  min-width:0;
}

.track-vote-copy strong{
  display:block;
  overflow:hidden;
  color:#e3e5e6;
  font-size:.76rem!important;
  line-height:1.25!important;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.track-vote-copy small{
  display:block;
  margin-top:3px;
  color:#656b6f;
  font-size:.55rem!important;
}

.track-vote-score{
  text-align:center;
}

.track-vote-score b,
.track-vote-score small{
  display:block;
}

.track-vote-score b{
  color:var(--gold);
  font-family:Oswald,Impact,sans-serif;
  font-size:.86rem!important;
}

.track-vote-score small{
  margin-top:1px;
  color:#656b6f;
  font-size:.52rem!important;
}

.track-vote-button{
  min-height:31px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:5px 8px;
  border:1px solid color-mix(in srgb,var(--gold) 28%,rgba(255,255,255,.07));
  border-radius:5px;
  color:var(--gold);
  background:#111315;
  cursor:pointer;
  text-decoration:none;
  font-size:.59rem!important;
  font-weight:900;
}

.track-vote-button:hover,
.track-vote-button.active{
  color:#161616;
  border-color:var(--gold);
  background:var(--gold);
}

.track-vote-button:disabled{
  opacity:.55;
  cursor:wait;
}

.track-vote-button.login{
  color:#9da2a5;
  border-color:rgba(255,255,255,.08);
}

.track-vote-empty{
  min-height:130px;
  display:grid;
  place-items:center;
  align-content:center;
  padding:18px;
  border:1px dashed rgba(255,255,255,.08);
  border-radius:7px;
  color:#747a7e;
  text-align:center;
}

.track-vote-empty>span{
  font-size:1.35rem;
}

.track-vote-empty strong{
  margin-top:6px;
  color:#b6babe;
  font-size:.78rem!important;
}

.track-vote-empty p{
  margin-top:4px;
  color:#686e72;
  font-size:.65rem!important;
}

.track-vote-message{
  min-height:18px;
  margin-top:8px;
  color:#73797d;
  font-size:.62rem;
}

.track-vote-message.ok{
  color:#a6dfac;
}

.track-vote-message.error{
  color:#ffaaaa;
}

/* Staffpaneel: Plaat van de week */
.weekly-track-admin{
  display:grid;
  gap:12px;
}

.weekly-track-admin-hero{
  min-height:132px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 260px;
  align-items:center;
  gap:18px;
  padding:19px 20px;
  border:1px solid color-mix(in srgb,var(--gold) 28%,rgba(255,255,255,.07));
  border-radius:9px;
  background:
    radial-gradient(circle at 7% 0%,color-mix(in srgb,var(--gold) 9%,transparent),transparent 36%),
    #0d0f10;
}

.weekly-track-admin-hero>div:first-child>span{
  display:block;
  color:var(--gold);
  font-size:.59rem;
  font-weight:900;
  letter-spacing:.85px;
}

.weekly-track-admin-hero h2{
  margin-top:3px;
  color:#f0f1f2;
  font-family:Oswald,Impact,sans-serif;
  font-size:1.42rem;
}

.weekly-track-admin-hero p{
  max-width:760px;
  margin-top:6px;
  color:#878d91;
  font-size:.74rem!important;
  line-height:1.48!important;
}

.weekly-track-admin-status{
  min-width:0;
  padding:12px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:8px;
  background:#090b0c;
}

.weekly-track-admin-status small,
.weekly-track-admin-status strong,
.weekly-track-admin-status span{
  display:block;
}

.weekly-track-admin-status small{
  color:#666c70;
  font-size:.54rem!important;
  font-weight:900;
}

.weekly-track-admin-status strong{
  margin-top:3px;
  color:var(--gold);
  font-family:Oswald,Impact,sans-serif;
  font-size:1.08rem!important;
}

.weekly-track-admin-status span{
  margin-top:4px;
  overflow:hidden;
  color:#92989c;
  font-size:.64rem;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.weekly-track-current-preview{
  display:grid;
  grid-template-columns:130px minmax(0,1fr);
  align-items:center;
  gap:16px;
}

.weekly-track-current-preview img{
  width:130px;
  height:130px;
  object-fit:cover;
  border:1px solid color-mix(in srgb,var(--gold) 35%,rgba(255,255,255,.08));
  border-radius:9px;
  background:#080909;
}

.weekly-track-current-preview small{
  color:var(--gold);
  font-size:.57rem!important;
  font-weight:900;
  letter-spacing:.75px;
}

.weekly-track-current-preview h3{
  margin-top:4px;
  color:#eef0f1;
  font-size:1.05rem;
  overflow-wrap:anywhere;
}

.weekly-track-current-preview p{
  margin-top:5px;
  color:#777d81;
  font-size:.68rem!important;
}

.weekly-track-admin-form{
  display:grid;
  gap:12px;
}

.weekly-track-choice-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
}

.weekly-track-choice{
  min-width:0;
  min-height:58px;
  display:grid;
  grid-template-columns:22px 32px minmax(0,1fr) 22px;
  align-items:center;
  gap:7px;
  padding:7px 8px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:7px;
  background:#0d0f10;
  cursor:pointer;
}

.weekly-track-choice:hover,
.weekly-track-choice.selected,
.weekly-track-choice:has(input:checked){
  border-color:color-mix(in srgb,var(--gold) 34%,rgba(255,255,255,.07));
  background:color-mix(in srgb,var(--gold) 5%,#101214);
}

.weekly-track-choice input{
  width:17px;
  height:17px;
}

.weekly-track-choice>em{
  color:#565c60;
  font-family:Oswald,Impact,sans-serif;
  font-size:.68rem;
  font-style:normal;
  font-weight:900;
}

.weekly-track-choice>span{
  min-width:0;
}

.weekly-track-choice strong{
  display:block;
  overflow:hidden;
  color:#dfe1e2;
  font-size:.70rem!important;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.weekly-track-choice small{
  display:block;
  margin-top:3px;
  color:#666c70;
  font-size:.54rem!important;
}

.weekly-track-choice>b{
  color:transparent;
}

.weekly-track-choice:has(input:checked)>b{
  color:#a7e0ac;
}

.weekly-track-cover-upload{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,390px);
  align-items:center;
  gap:12px;
  padding:11px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:7px;
  background:#0c0e0f;
}

.weekly-track-cover-upload>div>span,
.weekly-track-cover-upload>div>strong,
.weekly-track-cover-upload>div>small{
  display:block;
}

.weekly-track-cover-upload>div>span{
  color:var(--gold);
  font-size:.55rem;
  font-weight:900;
}

.weekly-track-cover-upload>div>strong{
  margin-top:3px;
  color:#e2e4e5;
  font-size:.74rem;
}

.weekly-track-cover-upload>div>small,
.weekly-cover-note{
  margin-top:3px;
  color:#696f73;
  font-size:.57rem!important;
}

.weekly-track-cover-upload input[type=file]{
  width:100%;
}

.weekly-cover-note{
  grid-column:1 / -1;
}

.weekly-track-admin-actions{
  margin-top:0!important;
}

.weekly-track-clear-form{
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.055);
}

@media(max-width:900px){
  .weekly-track-admin-hero{
    grid-template-columns:1fr;
  }

  .weekly-track-choice-list{
    grid-template-columns:1fr;
  }

  .weekly-track-cover-upload{
    grid-template-columns:1fr;
  }
}

@media(max-width:700px){
  .track-vote-intro{
    grid-template-columns:1fr;
  }

  .track-vote-intro>span{
    display:none;
  }

  .track-vote-row{
    grid-template-columns:30px minmax(0,1fr) 55px;
  }

  .track-vote-button{
    grid-column:2 / -1;
    width:100%;
  }

  .weekly-track-side-card,
  .broadcast-weekly-track-body{
    grid-template-columns:68px minmax(0,1fr);
  }

  .weekly-track-side-card img,
  .broadcast-weekly-track-body img{
    width:68px;
    height:68px;
  }

  .weekly-track-current-preview{
    grid-template-columns:90px minmax(0,1fr);
  }

  .weekly-track-current-preview img{
    width:90px;
    height:90px;
  }
}


/* =====================================================
   PROFIEL VRIENDEN + VOLGEN + LUISTERAARSTATS - UPDATE 076
===================================================== */

.member-profile-stats{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
}

.profile-connection-alert{
  margin-top:10px;
}

.member-profile-actions .profile-follow-button{
  border-color:color-mix(in srgb,var(--gold) 34%,rgba(255,255,255,.08));
}

.member-profile-actions .profile-follow-button:not(.is-following){
  color:#161616;
  background:var(--gold);
}

.member-profile-actions .profile-follow-button.is-following{
  color:#dfe2e4;
  background:#111315;
}

.profile-friends-box .box-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}

.profile-friends-count{
  min-width:28px;
  min-height:22px;
  display:grid;
  place-items:center;
  padding:2px 6px;
  border:1px solid color-mix(in srgb,var(--gold) 28%,rgba(255,255,255,.06));
  border-radius:999px;
  color:var(--gold);
  background:#0b0d0e;
  font-size:.62rem;
}

.profile-friends-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
}

.profile-friend-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:8px 5px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:7px;
  color:inherit;
  background:#0d0f10;
  text-align:center;
  text-decoration:none;
}

.profile-friend-card:hover{
  border-color:color-mix(in srgb,var(--gold) 28%,rgba(255,255,255,.06));
  background:color-mix(in srgb,var(--gold) 4%,#101214);
}

.profile-friend-avatar{
  position:relative;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  margin-bottom:6px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:50%;
  background:#151719;
}

.profile-friend-avatar img{
  width:100%;
  height:100%;
  display:block;
  border-radius:50%;
  object-fit:cover;
}

.profile-friend-avatar>b{
  color:var(--gold);
  font-family:Oswald,Impact,sans-serif;
  font-size:1rem;
}

.profile-friend-avatar>i{
  position:absolute;
  right:0;
  bottom:1px;
  width:10px;
  height:10px;
  border:2px solid #0d0f10;
  border-radius:50%;
  background:#60666a;
}

.profile-friend-avatar>i.online{
  background:#52cf72;
}

.profile-friend-card>strong{
  width:100%;
  overflow:hidden;
  color:#e5e7e8;
  font-size:.68rem!important;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.profile-friend-card>small{
  width:100%;
  margin-top:2px;
  overflow:hidden;
  color:#6d7377;
  font-size:.53rem!important;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.profile-friends-more{
  margin-top:8px;
  color:#777d81;
  font-size:.62rem!important;
  text-align:center;
}

.station-numbers-expanded{
  grid-template-columns:1fr 1fr!important;
}

.station-listener-note{
  display:block;
  padding:0 10px 10px;
  color:#666c70;
  font-size:.52rem!important;
  line-height:1.35!important;
}

.broadcast-station-stats-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

.broadcast-station-stats-grid>div{
  min-width:0;
}

.broadcast-station-stats-grid>div>small{
  white-space:normal!important;
}

@media(max-width:1100px){
  .member-profile-stats{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media(max-width:760px){
  .member-profile-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .profile-friends-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

@media(max-width:520px){
  .profile-friends-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}


/* =====================================================
   PROFIELMELDINGEN - UPDATE 077
===================================================== */
.profile-social-post:target{
  scroll-margin-top:110px;
  border-color:color-mix(in srgb,var(--gold) 52%,rgba(255,255,255,.08))!important;
  box-shadow:
    0 0 0 2px color-mix(in srgb,var(--gold) 12%,transparent),
    0 12px 30px rgba(0,0,0,.22)!important;
}


/* =====================================================
   LUISTERAARS VANDAAG VERWIJDERD - UPDATE 078
===================================================== */

/* Station cijfers toont nu:
   - geregistreerde gebruikers
   - luisteraars online
   - hoogste piek afgelopen 7 dagen
*/
.station-numbers-expanded{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

.broadcast-station-stats-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

@media(max-width:760px){
  .station-numbers-expanded,
  .broadcast-station-stats-grid{
    grid-template-columns:1fr 1fr!important;
  }
}

@media(max-width:470px){
  .station-numbers-expanded,
  .broadcast-station-stats-grid{
    grid-template-columns:1fr!important;
  }
}


/* =====================================================
   NIEUW VERZOEKJE - AUTOMATISCH VERZOEKVENSTER - UPDATE 080
===================================================== */

.notification-toast.request-popup-blocked{
  border-color:color-mix(in srgb,var(--gold) 56%,rgba(255,255,255,.08))!important;
  background:
    linear-gradient(135deg,color-mix(in srgb,var(--gold) 9%,#111315),#0b0d0e)!important;
}

.notification-toast.request-popup-blocked strong{
  color:var(--gold)!important;
}


/* =====================================================
   RADIOSCHUIMKOP DESKTOP DOWNLOAD - UPDATE 082
===================================================== */

.footer-mainline{
  width:100%;
}

.footer-desktop-download{
  width:min(720px,calc(100% - 24px));
  margin:12px auto 3px;
}

.footer-desktop-download-btn{
  min-width:0;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border:1px solid color-mix(in srgb,var(--gold) 38%,rgba(255,255,255,.07));
  border-radius:8px;
  color:#e8eaeb;
  background:
    linear-gradient(120deg,color-mix(in srgb,var(--gold) 7%,#111315),#0a0c0d);
  text-decoration:none;
  box-shadow:0 8px 20px rgba(0,0,0,.18);
}

.footer-desktop-download-btn:hover{
  border-color:color-mix(in srgb,var(--gold) 64%,rgba(255,255,255,.07));
  transform:translateY(-1px);
}

.footer-desktop-download-btn>span{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--gold) 28%,rgba(255,255,255,.05));
  border-radius:7px;
  background:#080a0b;
  font-size:1rem;
}

.footer-desktop-download-btn>div{
  min-width:0;
  text-align:left;
}

.footer-desktop-download-btn>div>strong,
.footer-desktop-download-btn>div>small{
  display:block;
  min-width:0;
}

.footer-desktop-download-btn>div>strong{
  overflow:hidden;
  color:#f0f1f2;
  font-size:.69rem!important;
  line-height:1.22;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.footer-desktop-download-btn>div>small{
  margin-top:2px;
  color:#747a7e;
  font-size:.54rem!important;
  line-height:1.25!important;
}

.footer-desktop-download-btn>b{
  padding:6px 8px;
  border-radius:5px;
  color:#151515;
  background:var(--gold);
  font-size:.58rem!important;
  white-space:nowrap;
}

@media(max-width:650px){
  .footer-desktop-download-btn{
    grid-template-columns:38px minmax(0,1fr);
  }

  .footer-desktop-download-btn>b{
    grid-column:1 / -1;
    width:100%;
    text-align:center;
  }

  .footer-desktop-download-btn>span{
    width:36px;
    height:36px;
  }
}


/* =====================================================
   BEHEER DOWNLOAD DJ VERZOEKJES - UPDATE 083
===================================================== */

.beheer-dj-request-download-card{
  border-color:color-mix(in srgb,var(--gold) 26%,rgba(255,255,255,.07))!important;
  background:
    linear-gradient(135deg,color-mix(in srgb,var(--gold) 5%,#101214),#0b0d0e)!important;
}

.beheer-dj-request-download-card>strong{
  color:#eef0f1!important;
}

.beheer-dj-request-download-actions{
  margin-top:8px;
}

.beheer-dj-request-download-actions .btn{
  width:100%;
  justify-content:center;
}


/* =====================================================
   MOBIELE APP / PWA - UPDATE 085
===================================================== */

.footer-mobile-download{
  width:min(720px,calc(100% - 24px));
  margin:8px auto 3px;
}

.footer-mobile-download-btn{
  min-width:0;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border:1px solid color-mix(in srgb,var(--gold) 42%,rgba(255,255,255,.07));
  border-radius:8px;
  color:#e8eaeb;
  background:
    linear-gradient(120deg,color-mix(in srgb,var(--gold) 9%,#111315),#090b0c);
  text-decoration:none;
  box-shadow:0 8px 20px rgba(0,0,0,.18);
}

.footer-mobile-download-btn:hover,
.footer-mobile-download-btn.can-install{
  border-color:color-mix(in srgb,var(--gold) 70%,rgba(255,255,255,.07));
}

.footer-mobile-download-btn>span{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--gold) 30%,rgba(255,255,255,.05));
  border-radius:7px;
  background:#080a0b;
  font-size:1rem;
}

.footer-mobile-download-btn>div{
  min-width:0;
  text-align:left;
}

.footer-mobile-download-btn>div>strong,
.footer-mobile-download-btn>div>small{
  display:block;
}

.footer-mobile-download-btn>div>strong{
  overflow:hidden;
  color:#f1f2f3;
  font-size:.69rem!important;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.footer-mobile-download-btn>div>small{
  margin-top:2px;
  color:#777d81;
  font-size:.54rem!important;
}

.footer-mobile-download-btn>b{
  padding:6px 8px;
  border-radius:5px;
  color:#151515;
  background:var(--gold);
  font-size:.58rem!important;
  white-space:nowrap;
}

.footer-mobile-download-btn.is-installed>b{
  color:#dce7dd;
  background:#17361e;
}

.rsk-mobile-install-help{
  position:fixed;
  inset:0;
  z-index:100000;
  display:none;
  place-items:center;
  padding:18px;
  background:rgba(0,0,0,.78);
  backdrop-filter:blur(5px);
}

.rsk-mobile-install-help.show{
  display:grid;
}

.rsk-mobile-install-help-card{
  position:relative;
  width:min(460px,100%);
  padding:22px;
  border:1px solid color-mix(in srgb,var(--gold) 48%,rgba(255,255,255,.08));
  border-radius:12px;
  background:#101214;
  box-shadow:0 24px 70px rgba(0,0,0,.5);
}

.rsk-mobile-install-help-close{
  position:absolute;
  top:8px;
  right:8px;
  width:32px;
  height:32px;
  border:0;
  border-radius:50%;
  color:#fff;
  background:#232628;
  font-size:1.1rem;
  cursor:pointer;
}

.rsk-mobile-install-help-icon{
  display:block;
  margin-bottom:8px;
  font-size:2rem;
}

.rsk-mobile-install-help-card h3{
  margin:0;
  color:var(--gold);
  font-family:Oswald,Impact,sans-serif;
  font-size:1.18rem;
}

.rsk-mobile-install-help-text{
  margin-top:12px;
  color:#c2c6c8;
  font-size:.76rem;
  line-height:1.55;
}

.mobile-app-page{
  overflow:hidden;
}

.mobile-app-hero{
  display:grid;
  grid-template-columns:118px minmax(0,1fr);
  align-items:center;
  gap:18px;
  padding:14px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:10px;
  background:#0c0e0f;
}

.mobile-app-hero img{
  width:118px;
  height:118px;
  object-fit:contain;
}

.mobile-app-hero small{
  color:var(--gold);
  font-weight:900;
  letter-spacing:.8px;
}

.mobile-app-hero h1{
  margin:5px 0;
  color:#f1f2f3;
  font-family:Oswald,Impact,sans-serif;
  font-size:1.6rem;
}

.mobile-app-hero p{
  margin:0;
  color:#999fa3;
}

.mobile-app-main-install{
  width:100%;
  min-height:48px;
  margin-top:12px;
  justify-content:center;
  font-weight:900;
}

.mobile-app-feature-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:14px;
}

.mobile-app-feature-grid>div{
  padding:10px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:8px;
  background:#0d0f10;
}

.mobile-app-feature-grid strong,
.mobile-app-feature-grid span{
  display:block;
}

.mobile-app-feature-grid strong{
  color:#e8eaeb;
  font-size:.72rem!important;
}

.mobile-app-feature-grid span{
  margin-top:4px;
  color:#72787c;
  font-size:.6rem!important;
  line-height:1.4;
}

.mobile-app-instructions{
  margin-top:14px;
  padding:13px;
  border:1px solid color-mix(in srgb,var(--gold) 20%,rgba(255,255,255,.06));
  border-radius:8px;
  background:color-mix(in srgb,var(--gold) 3%,#0d0f10);
}

.mobile-app-instructions h2{
  margin:8px 0 3px;
  color:var(--gold);
  font-size:.92rem;
}

.mobile-app-instructions h2:first-child{
  margin-top:0;
}

.mobile-app-instructions p{
  margin:0;
  color:#92989c;
  font-size:.7rem!important;
  line-height:1.5!important;
}

@media(max-width:850px){
  .mobile-app-feature-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:650px){
  .footer-mobile-download-btn{
    grid-template-columns:38px minmax(0,1fr);
  }

  .footer-mobile-download-btn>b{
    grid-column:1 / -1;
    width:100%;
    text-align:center;
  }

  .mobile-app-hero{
    grid-template-columns:82px minmax(0,1fr);
  }

  .mobile-app-hero img{
    width:82px;
    height:82px;
  }

  .mobile-app-hero h1{
    font-size:1.15rem;
  }
}

@media(max-width:480px){
  .mobile-app-feature-grid{
    grid-template-columns:1fr;
  }
}


/* =====================================================
   ECHTE ANDROID APK DOWNLOAD - UPDATE 086
===================================================== */

.footer-mobile-download{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.footer-mobile-apk-btn{
  border-color:color-mix(in srgb,var(--gold) 68%,rgba(255,255,255,.08))!important;
}

.footer-mobile-install-secondary{
  display:block;
  padding:5px 8px 2px;
  color:#7f8589;
  font-size:.56rem!important;
  text-align:center;
  text-decoration:none;
}

.footer-mobile-install-secondary:hover{
  color:var(--gold);
}

.mobile-app-download-actions{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);
  gap:8px;
  margin-top:12px;
}

.mobile-app-download-actions .mobile-app-main-install{
  margin-top:0;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}

.mobile-app-pwa-install{
  min-height:48px;
  justify-content:center;
}

@media(max-width:650px){
  .mobile-app-download-actions{
    grid-template-columns:1fr;
  }
}


/* =====================================================
   RADIOSCHUIMKOP MOBILE 2.0 - NATIVE APP STYLE - UPDATE 087
===================================================== */

.rsk-native-app-topbar,
.rsk-native-app-bottom-nav{
  display:none;
}

body.rsk-native-mobile-app{
  --rsk-native-gold:var(--gold,#f4b51b);
  padding-top:64px!important;
  padding-bottom:142px!important;
  background:#070809!important;
  overscroll-behavior-y:none;
}

body.rsk-native-mobile-app .topbar-wrap,
body.rsk-native-mobile-app .mobile-nav-wrap,
body.rsk-native-mobile-app .broadcast-radio-menu{
  display:none!important;
}

body.rsk-native-mobile-app .rsk-native-app-topbar{
  position:fixed;
  z-index:99980;
  top:0;
  left:0;
  right:0;
  height:64px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:8px 12px;
  border-bottom:1px solid color-mix(in srgb,var(--rsk-native-gold) 30%,rgba(255,255,255,.05));
  background:
    linear-gradient(180deg,#111315 0%,#090b0c 100%);
  box-shadow:0 8px 24px rgba(0,0,0,.28);
  backdrop-filter:blur(14px);
}

.rsk-native-app-brand{
  min-width:0;
  display:flex;
  align-items:center;
  gap:9px;
  color:#fff;
  text-decoration:none;
}

.rsk-native-app-brand img{
  width:43px;
  height:43px;
  flex:0 0 43px;
  border:1px solid color-mix(in srgb,var(--rsk-native-gold) 38%,transparent);
  border-radius:10px;
  object-fit:contain;
  background:#060708;
  box-shadow:0 0 18px color-mix(in srgb,var(--rsk-native-gold) 10%,transparent);
}

.rsk-native-app-brand>span{
  min-width:0;
}

.rsk-native-app-brand small,
.rsk-native-app-brand strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.rsk-native-app-brand small{
  color:var(--rsk-native-gold);
  font-family:Oswald,Impact,sans-serif;
  font-size:.68rem!important;
  font-weight:900;
  letter-spacing:.8px;
}

.rsk-native-app-brand strong{
  max-width:210px;
  margin-top:1px;
  color:#c9cdcf;
  font-size:.62rem!important;
  font-weight:700;
}

.rsk-native-app-live{
  display:flex;
  align-items:center;
  gap:5px;
  padding:5px 8px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:999px;
  background:#08090a;
}

.rsk-native-app-live i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#e64242;
  box-shadow:0 0 10px rgba(230,66,66,.8);
  animation:rskNativeLivePulse 1.4s infinite;
}

.rsk-native-app-live span{
  color:#fff;
  font-size:.57rem!important;
  font-weight:900;
}

@keyframes rskNativeLivePulse{
  0%,100%{opacity:1}
  50%{opacity:.35}
}

body.rsk-native-mobile-app #rskPageContent,
body.rsk-native-mobile-app .page-shell,
body.rsk-native-mobile-app .container{
  max-width:100%!important;
}

body.rsk-native-mobile-app .content{
  padding-left:8px!important;
  padding-right:8px!important;
}

body.rsk-native-mobile-app .box{
  border-radius:11px!important;
  box-shadow:0 8px 24px rgba(0,0,0,.20)!important;
}

body.rsk-native-mobile-app .box-title{
  min-height:42px;
  display:flex;
  align-items:center;
  font-size:.76rem!important;
  letter-spacing:.2px;
}

body.rsk-native-mobile-app .btn,
body.rsk-native-mobile-app button,
body.rsk-native-mobile-app input,
body.rsk-native-mobile-app select,
body.rsk-native-mobile-app textarea{
  min-height:42px;
  border-radius:8px!important;
}

body.rsk-native-mobile-app .station-layout,
body.rsk-native-mobile-app .content-grid,
body.rsk-native-mobile-app .home-grid,
body.rsk-native-mobile-app .profile-social-layout{
  grid-template-columns:1fr!important;
}

body.rsk-native-mobile-app .footer{
  margin-bottom:0!important;
  padding-bottom:12px!important;
}

body.rsk-native-mobile-app .footer-desktop-download,
body.rsk-native-mobile-app .footer-mobile-download{
  display:none!important;
}

body.rsk-native-mobile-app .rsk-native-app-bottom-nav{
  position:fixed;
  z-index:99990;
  left:7px;
  right:7px;
  bottom:7px;
  height:64px;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--rsk-native-gold) 26%,rgba(255,255,255,.05));
  border-radius:16px;
  background:rgba(12,14,15,.96);
  box-shadow:0 12px 38px rgba(0,0,0,.48);
  backdrop-filter:blur(18px);
}

.rsk-native-app-bottom-nav a{
  position:relative;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  color:#777d80;
  text-decoration:none;
}

.rsk-native-app-bottom-nav a span{
  font-size:1.03rem!important;
  line-height:1;
}

.rsk-native-app-bottom-nav a b{
  max-width:100%;
  overflow:hidden;
  font-size:.50rem!important;
  font-weight:800;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.rsk-native-app-bottom-nav a.active{
  color:var(--rsk-native-gold);
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--rsk-native-gold) 8%,transparent),transparent);
}

.rsk-native-app-bottom-nav a.active:before{
  content:"";
  position:absolute;
  top:0;
  left:22%;
  right:22%;
  height:2px;
  border-radius:0 0 4px 4px;
  background:var(--rsk-native-gold);
  box-shadow:0 0 11px color-mix(in srgb,var(--rsk-native-gold) 65%,transparent);
}

/* De bestaande vaste player blijft boven de native appnavigatie. */
body.rsk-native-mobile-app #rskPersistentPlayer.rsk-bottom-player,
body.rsk-native-mobile-app .rsk-bottom-player{
  bottom:78px!important;
}

body.rsk-native-mobile-app.rsk-has-bottom-player{
  padding-bottom:220px!important;
}

/* Geen horizontale desktop-overflow in de Android app. */
body.rsk-native-mobile-app table{
  max-width:100%;
}

body.rsk-native-mobile-app .table-wrap,
body.rsk-native-mobile-app .responsive-table,
body.rsk-native-mobile-app .request-table-wrap{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

/* Profielen en vrienden compacter maar groot genoeg om te tikken. */
body.rsk-native-mobile-app .profile-friends-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

body.rsk-native-mobile-app .member-profile-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:7px;
}

body.rsk-native-mobile-app .member-profile-actions .btn,
body.rsk-native-mobile-app .member-profile-inline-form,
body.rsk-native-mobile-app .member-profile-inline-form .btn{
  width:100%;
}

@media(max-width:430px){
  body.rsk-native-mobile-app{
    padding-top:60px!important;
  }

  body.rsk-native-mobile-app .rsk-native-app-topbar{
    height:60px;
  }

  .rsk-native-app-brand img{
    width:39px;
    height:39px;
    flex-basis:39px;
  }

  .rsk-native-app-brand strong{
    max-width:165px;
  }

  body.rsk-native-mobile-app .member-profile-actions{
    grid-template-columns:1fr;
  }

  body.rsk-native-mobile-app .profile-friends-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}


/* =====================================================
   DOWNLOADKNOPPEN AAN/UIT - UPDATE 090
===================================================== */
.download-settings-form{display:grid;gap:9px}
.download-setting-toggle{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:12px;
  padding:12px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:9px;
  background:#0d0f10;
  cursor:pointer;
}
.download-setting-toggle.is-on{
  border-color:color-mix(in srgb,var(--gold) 38%,rgba(255,255,255,.06));
}
.download-setting-toggle strong,
.download-setting-toggle small{display:block}
.download-setting-toggle strong{color:#eef0f1}
.download-setting-toggle small{margin-top:3px;color:#777d81}
.download-setting-toggle input{
  width:20px!important;height:20px!important;min-height:20px!important;
  accent-color:var(--gold);
}
.download-setting-toggle>b{
  min-width:42px;padding:5px 7px;border-radius:999px;
  color:#858b8f;background:#191c1e;font-size:.58rem!important;text-align:center;
}
.download-setting-toggle.is-on>b{color:#171717;background:var(--gold)}
@media(max-width:600px){
  .download-setting-toggle{grid-template-columns:minmax(0,1fr) auto}
  .download-setting-toggle>b{grid-column:1/-1}
}


/* =====================================================
   DJ MUZIEK DELEN - UPDATE 102
===================================================== */
.dj-music-share-layout{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(240px,.65fr);
  gap:10px;
  align-items:start;
  margin-bottom:10px;
}
.dj-music-upload-box,.dj-music-summary-box{margin:0!important}
.dj-music-share-warning{
  padding:9px 10px;border:1px solid rgba(244,181,27,.28);border-radius:8px;
  background:rgba(244,181,27,.055);color:#c8cdd2;font-size:.7rem;line-height:1.45
}
.dj-music-summary{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.dj-music-summary>div{
  padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#0c0f14
}
.dj-music-summary span,.dj-music-summary strong{display:block}
.dj-music-summary span{color:#767f89;font-size:.57rem;font-weight:900;letter-spacing:.8px}
.dj-music-summary strong{margin-top:4px;color:var(--gold);font-size:1rem}
.dj-music-share-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.dj-music-card{
  min-width:0;padding:11px;border:1px solid rgba(255,255,255,.08);
  border-radius:10px;background:linear-gradient(180deg,#14181e,#0e1116)
}
.dj-music-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}
.dj-music-card-head>div{min-width:0}
.dj-music-card h3{margin:4px 0 0;color:#f1f3f4;font-size:.88rem;line-height:1.3}
.dj-music-filetype{
  flex:0 0 auto;padding:5px 7px;border:1px solid rgba(244,181,27,.35);
  border-radius:999px;color:var(--gold);background:#11130f;font-size:.54rem;font-weight:900
}
.dj-music-note{
  margin:9px 0;padding:8px 9px;border-left:2px solid var(--gold);
  border-radius:0 7px 7px 0;color:#b8bec5;background:#0a0d11;font-size:.7rem;line-height:1.45
}
.dj-music-audio{display:block;width:100%;height:38px;margin:9px 0}
.dj-music-meta{display:flex;flex-wrap:wrap;gap:5px 10px;color:#777f89;font-size:.61rem}
.dj-music-meta span:first-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dj-music-actions{margin-top:9px!important}
.dj-music-actions form{margin:0}
.dj-music-empty{grid-column:1/-1;text-align:center}
@media(max-width:900px){
  .dj-music-share-layout,.dj-music-share-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .dj-music-card{padding:9px}
  .dj-music-actions{display:grid!important;grid-template-columns:1fr 1fr}
  .dj-music-actions .btn{width:100%}
}


/* =========================================================
   UPDATE 103 - MEMBER/VIP + TECHNISCH FORUM
========================================================= */
.forum-page{
  padding-top:16px;
  padding-bottom:28px;
}
.forum-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  padding:20px;
  margin-bottom:12px;
  border:1px solid rgba(244,181,27,.28);
  border-radius:14px;
  background:
    radial-gradient(circle at 90% 0,rgba(244,181,27,.12),transparent 36%),
    linear-gradient(180deg,#171b22,#0f1217);
}
.forum-hero>div>span,
.forum-section-head span,
.forum-side-card>span{
  color:var(--gold);
  font-size:.62rem;
  font-weight:900;
  letter-spacing:1px;
}
.forum-hero h1{
  margin:5px 0 6px;
  font-size:1.75rem;
}
.forum-hero p{
  margin:0;
  max-width:760px;
  color:#aab0b8;
  line-height:1.5;
}
.forum-member-mini{
  min-width:210px;
  padding:12px;
  border:1px solid rgba(244,181,27,.3);
  border-radius:10px;
  background:#0c0f14;
}
.forum-member-mini small,
.forum-member-mini strong,
.forum-member-mini span{
  display:block;
}
.forum-member-mini small{
  color:#7f8791;
  font-size:.56rem;
  font-weight:900;
}
.forum-member-mini strong{
  margin-top:4px;
  color:var(--gold);
}
.forum-member-mini span{
  margin-top:4px;
  color:#9ba2ab;
  font-size:.68rem;
}
.forum-flash{
  margin:0 0 10px;
  padding:10px 12px;
  border-radius:9px;
  font-size:.75rem;
  font-weight:700;
}
.forum-flash.success{
  border:1px solid rgba(73,209,127,.4);
  background:rgba(73,209,127,.08);
  color:#9cf0bc;
}
.forum-flash.error{
  border:1px solid rgba(255,98,95,.38);
  background:rgba(255,98,95,.08);
  color:#ffaaa7;
}
.forum-category-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-bottom:12px;
}
.forum-category-card{
  min-width:0;
  min-height:94px;
  padding:11px;
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:9px;
  color:#eef0f2;
  text-decoration:none;
  border:1px solid #2a3038;
  border-radius:10px;
  background:#11151b;
}
.forum-category-card:hover,
.forum-category-card.active{
  border-color:rgba(244,181,27,.65);
  background:#171810;
}
.forum-category-card.vip{
  border-color:rgba(244,181,27,.38);
}
.forum-category-icon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:9px;
  color:var(--gold);
  background:#090c10;
  border:1px solid #303743;
  font-size:.58rem;
  font-weight:1000;
}
.forum-category-card strong{
  display:block;
  font-size:.78rem;
}
.forum-category-card strong em{
  margin-left:4px;
  padding:2px 5px;
  border-radius:999px;
  color:#151515;
  background:var(--gold);
  font-size:.48rem;
  font-style:normal;
}
.forum-category-card p{
  margin:4px 0;
  color:#8c949e;
  font-size:.65rem;
  line-height:1.35;
}
.forum-category-card small{
  color:#646d77;
  font-size:.58rem;
}
.forum-layout{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(270px,.55fr);
  gap:10px;
}
.forum-main,
.forum-side-card,
.forum-reply-box{
  border:1px solid #292f38;
  border-radius:11px;
  background:#10141a;
}
.forum-main{
  padding:11px;
}
.forum-section-head{
  min-height:40px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}
.forum-section-head h2{
  margin:3px 0 0;
  font-size:1rem;
}
.forum-section-head>b{
  color:#7e8791;
  font-size:.62rem;
}
.forum-topic-list{
  display:grid;
  gap:5px;
}
.forum-topic-row{
  min-width:0;
  padding:9px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  color:#eef0f2;
  text-decoration:none;
  border:1px solid #252b34;
  border-radius:8px;
  background:#0c0f14;
}
.forum-topic-row:hover{
  border-color:#4a515c;
  background:#12171e;
}
.forum-topic-row.pinned{
  border-color:rgba(244,181,27,.4);
}
.forum-topic-row.vip{
  box-shadow:inset 2px 0 0 var(--gold);
}
.forum-topic-icon{
  width:38px;
  height:38px;
  border-radius:8px;
  display:grid;
  place-items:center;
  color:var(--gold);
  background:#151910;
  font-size:.53rem;
  font-weight:1000;
}
.forum-topic-copy{
  min-width:0;
}
.forum-topic-copy small{
  color:#747d87;
  font-size:.56rem;
  font-weight:800;
}
.forum-topic-copy strong{
  display:block;
  margin:2px 0;
  overflow:hidden;
  color:#f2f3f4;
  font-size:.76rem;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.forum-topic-copy>span{
  color:#858d96;
  font-size:.62rem;
}
.forum-vip-badge{
  display:inline-block;
  padding:2px 5px;
  margin-left:4px;
  border-radius:999px;
  color:#151515!important;
  background:var(--gold);
  font-size:.48rem!important;
  font-weight:1000;
  font-style:normal;
}
.forum-topic-numbers{
  display:flex;
  gap:10px;
}
.forum-topic-numbers span{
  min-width:62px;
  color:#6f7882;
  font-size:.55rem;
  text-align:right;
}
.forum-topic-numbers b{
  display:block;
  color:#d6d9dd;
  font-size:.7rem;
}
.forum-side{
  display:grid;
  align-content:start;
  gap:8px;
}
.forum-side-card{
  padding:12px;
}
.forum-side-card h2{
  margin:4px 0 10px;
  font-size:.92rem;
}
.forum-new-topic form{
  display:grid;
  gap:8px;
}
.forum-new-topic label{
  color:#b7bdc5;
  font-size:.65rem;
  font-weight:700;
}
.forum-new-topic input,
.forum-new-topic select,
.forum-new-topic textarea,
.forum-reply-box textarea{
  width:100%;
  margin-top:4px;
  border:1px solid #343b45;
  border-radius:8px;
  padding:8px;
  color:#fff;
  background:#090c10;
}
.forum-new-topic textarea,
.forum-reply-box textarea{
  resize:vertical;
}
.forum-reward-note{
  display:block;
  margin-top:9px;
  color:#777f89;
  font-size:.6rem;
  line-height:1.4;
}
.forum-recent-list{
  display:grid;
  gap:5px;
}
.forum-recent-list a{
  padding:7px 0;
  color:#e9ebed;
  text-decoration:none;
  border-bottom:1px solid #252b33;
}
.forum-recent-list a:last-child{
  border-bottom:0;
}
.forum-recent-list strong,
.forum-recent-list small{
  display:block;
}
.forum-recent-list strong{
  font-size:.69rem;
}
.forum-recent-list small{
  margin-top:2px;
  color:#737c86;
  font-size:.57rem;
}
.forum-rules-card ul{
  margin:8px 0 0;
  padding-left:18px;
  color:#9098a2;
  font-size:.65rem;
  line-height:1.55;
}
.forum-empty{
  padding:28px 18px;
  text-align:center;
  border:1px dashed #303743;
  border-radius:9px;
  background:#0b0e12;
}
.forum-empty.compact{
  padding:18px;
}
.forum-empty strong{
  display:block;
}
.forum-empty p{
  margin:5px 0 10px;
  color:#858d97;
}
.forum-breadcrumb{
  display:flex;
  align-items:center;
  gap:7px;
  margin-bottom:8px;
  color:#707984;
  font-size:.67rem;
}
.forum-breadcrumb a{
  color:var(--gold);
  text-decoration:none;
}
.forum-post{
  display:grid;
  grid-template-columns:145px minmax(0,1fr);
  margin-bottom:8px;
  border:1px solid #292f38;
  border-radius:10px;
  overflow:hidden;
  background:#10141a;
}
.forum-post.vip{
  border-color:rgba(244,181,27,.42);
}
.forum-post-author{
  padding:12px;
  text-align:center;
  border-right:1px solid #292f38;
  background:#0c0f14;
}
.forum-author-avatar{
  width:54px;
  height:54px;
  margin:0 auto 7px;
  border-radius:12px;
  display:grid;
  place-items:center;
  color:#151515;
  background:linear-gradient(145deg,#ffd761,var(--gold));
  font-size:1.1rem;
  font-weight:1000;
}
.forum-author-avatar.small{
  width:42px;
  height:42px;
}
.forum-post-author strong,
.forum-post-author small{
  display:block;
}
.forum-post-author strong{
  font-size:.7rem;
}
.forum-post-author small{
  margin-top:4px;
  color:#77808a;
  font-size:.57rem;
}
.forum-post-content{
  min-width:0;
  padding:12px;
}
.forum-post-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding-bottom:8px;
  border-bottom:1px solid #282e36;
}
.forum-post-head span{
  color:var(--gold);
  font-size:.56rem;
  font-weight:900;
}
.forum-post-head h1{
  margin:3px 0 0;
  font-size:1rem;
}
.forum-topic-flags{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:4px;
}
.forum-topic-flags b{
  padding:4px 6px;
  border-radius:999px;
  color:#acb2ba;
  background:#191e25;
  font-size:.48rem;
}
.forum-topic-flags b.vip{
  color:#171717;
  background:var(--gold);
}
.forum-post-body{
  min-height:60px;
  padding:13px 0;
  color:#d4d7da;
  font-size:.74rem;
  line-height:1.65;
  overflow-wrap:anywhere;
}
.forum-post footer{
  display:flex;
  flex-wrap:wrap;
  gap:7px 14px;
  padding-top:7px;
  border-top:1px solid #282e36;
  color:#737c86;
  font-size:.57rem;
}
.forum-reply-number{
  float:right;
  color:#606a75;
  font-size:.58rem;
}
.forum-moderation{
  margin-bottom:8px;
  padding:8px 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  border:1px solid #353b44;
  border-radius:9px;
  background:#11151a;
}
.forum-moderation strong{
  font-size:.68rem;
}
.forum-moderation form{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
.forum-replies-section{
  margin-top:10px;
}
.forum-reply-box{
  padding:12px;
  margin-top:10px;
}
.forum-reply-box strong{
  display:block;
  margin-bottom:4px;
}
.forum-reply-box p,
.forum-reply-box>small{
  color:#858d96;
  font-size:.66rem;
}
.forum-reply-box form{
  display:grid;
  gap:8px;
  margin-top:8px;
}

/* Member weekly + community */
.member-extra-weekly,
.vip-weekly-mega{
  margin:12px 0;
  padding:13px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto auto;
  align-items:center;
  gap:12px;
  border:1px solid rgba(244,181,27,.32);
  border-radius:12px;
  background:linear-gradient(90deg,#171810,#101319);
}
.member-extra-weekly-icon,
.vip-weekly-mega-icon{
  min-width:58px;
  height:44px;
  padding:0 8px;
  display:grid;
  place-items:center;
  border-radius:9px;
  color:#151515;
  background:var(--gold);
  font-size:.58rem;
  font-weight:1000;
}
.member-extra-weekly span,
.vip-weekly-mega span{
  color:var(--gold);
  font-size:.57rem;
  font-weight:900;
  letter-spacing:.8px;
}
.member-extra-weekly h2,
.vip-weekly-mega h2{
  margin:3px 0;
  font-size:.86rem;
}
.member-extra-weekly p,
.vip-weekly-mega p{
  margin:0;
  color:#858d96;
  font-size:.64rem;
}
.member-weekly-rewards,
.vip-weekly-mega-rewards{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:4px;
}
.member-weekly-rewards b,
.vip-weekly-mega-rewards b{
  padding:5px 7px;
  border-radius:999px;
  color:#d8dce0;
  background:#0b0e12;
  border:1px solid #303742;
  font-size:.56rem;
}
.member-community-grid,
.vip-forum-feature-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}
.member-community-grid article,
.vip-forum-feature-grid article{
  padding:10px;
  border:1px solid #2b323c;
  border-radius:9px;
  background:#0c1015;
}
.member-community-grid span,
.vip-forum-feature-grid span{
  display:block;
  color:#757e89;
  font-size:.55rem;
  font-weight:900;
  letter-spacing:.8px;
}
.member-community-grid strong,
.vip-forum-feature-grid strong{
  display:block;
  margin-top:4px;
  color:var(--gold);
  font-size:.9rem;
}
.member-community-grid small,
.vip-forum-feature-grid p{
  display:block;
  margin:4px 0 0;
  color:#8b939d;
  font-size:.62rem;
  line-height:1.4;
}
.member-community-topics{
  display:grid;
  gap:5px;
  margin-top:8px;
}
.member-community-topics a{
  padding:8px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  color:#e9ebed;
  text-decoration:none;
  border:1px solid #292f38;
  border-radius:8px;
  background:#0d1116;
}
.member-community-topics strong,
.member-community-topics small{
  display:block;
}
.member-community-topics strong{
  font-size:.68rem;
}
.member-community-topics small{
  margin-top:2px;
  color:#737c86;
  font-size:.57rem;
}
.member-community-topics>b,
.member-community-topics a>b{
  color:var(--gold);
  font-size:.58rem;
}
.vip-forum-feature-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

@media(max-width:950px){
  .forum-category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .forum-layout{
    grid-template-columns:1fr;
  }
  .member-extra-weekly,
  .vip-weekly-mega{
    grid-template-columns:auto minmax(0,1fr);
  }
  .member-weekly-rewards,
  .vip-weekly-mega-rewards,
  .member-extra-weekly form,
  .vip-weekly-mega form{
    grid-column:1/-1;
    justify-content:flex-start;
  }
}
@media(max-width:700px){
  .forum-hero{
    grid-template-columns:1fr;
    padding:14px;
  }
  .forum-category-grid{
    grid-template-columns:1fr;
  }
  .forum-topic-row{
    grid-template-columns:34px minmax(0,1fr);
  }
  .forum-topic-numbers{
    grid-column:2;
    justify-content:flex-start;
  }
  .forum-topic-numbers span{
    text-align:left;
  }
  .forum-post{
    grid-template-columns:1fr;
  }
  .forum-post-author{
    display:flex;
    align-items:center;
    gap:8px;
    text-align:left;
    border-right:0;
    border-bottom:1px solid #292f38;
  }
  .forum-author-avatar,
  .forum-author-avatar.small{
    width:38px;
    height:38px;
    margin:0;
  }
  .member-community-grid,
  .vip-forum-feature-grid{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   UPDATE 104 - FORUM PLUS + RADIOHOEK + EXTRA GAMES
========================================================= */
.forum-search-bar{display:flex;gap:6px;margin-bottom:10px;padding:8px;border:1px solid #292f38;border-radius:10px;background:#0e1217}
.forum-search-bar input{flex:1;min-width:0;height:38px;padding:0 10px;border:1px solid #343b45;border-radius:8px;color:#fff;background:#080b0f}
.forum-topic-flags b.solved{color:#08150d;background:#6ee7a0}
.forum-topic-actions,.forum-reply-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px;padding-top:8px;border-top:1px solid #282e36}
.forum-topic-actions form,.forum-reply-actions form{margin:0}
.forum-edit-box{margin-top:9px;border:1px solid #323943;border-radius:8px;background:#0b0e12}
.forum-edit-box summary{padding:8px 10px;color:var(--gold);cursor:pointer;font-size:.65rem;font-weight:900}
.forum-edit-box form{display:grid;gap:7px;padding:9px;border-top:1px solid #293039}
.forum-edit-box label{color:#aab1b9;font-size:.62rem;font-weight:700}
.forum-edit-box input,.forum-edit-box textarea{width:100%;margin-top:4px;padding:8px;border:1px solid #363e49;border-radius:7px;color:#fff;background:#070a0e}
.forum-edit-box.compact{max-width:760px}
.timer-arena{width:100%;min-height:118px;margin-bottom:8px;border:1px solid #303744;border-radius:11px;color:#fff;background:#090c10}
.timer-arena[data-running="1"]{border-color:var(--gold);background:#17170f}
.timer-arena strong{display:block;color:var(--gold);font-size:2rem}.timer-arena small{display:block;margin-top:5px;color:#818a94}
.quiz-box,.scramble-box{min-height:118px;padding:10px;margin-bottom:8px;border:1px solid #303744;border-radius:11px;background:#090c10}
.quiz-box>strong,.scramble-box>strong{display:block;color:#f1f2f4;line-height:1.4}.quiz-box>small,.scramble-box>small{display:block;margin-top:5px;color:#858e98}
.quiz-answers{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:9px}.quiz-answer{min-height:36px;padding:6px;border:1px solid #343c46;border-radius:7px;color:#d9dde1;background:#11161c;font-size:.65rem;font-weight:700}.quiz-answer:hover{border-color:var(--gold);color:var(--gold)}
.scramble-box{text-align:center}.scramble-box strong{color:var(--gold);font-size:1.25rem;letter-spacing:2px}
.radiohoek-page{padding-top:16px;padding-bottom:28px}.radiohoek-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:17px;margin-bottom:10px;border:1px solid rgba(244,181,27,.3);border-radius:13px;background:radial-gradient(circle at 90% 0,rgba(244,181,27,.11),transparent 38%),linear-gradient(180deg,#171b22,#0f1217)}
.radiohoek-hero>div>span,.radiohoek-section>header span{color:var(--gold);font-size:.58rem;font-weight:900;letter-spacing:.9px}.radiohoek-hero h1{margin:4px 0 5px}.radiohoek-hero p{margin:0;color:#929aa4}
.radiohoek-stats{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:6px}.radiohoek-stats>div{padding:9px;border:1px solid #303742;border-radius:9px;background:#0b0e13}.radiohoek-stats small,.radiohoek-stats strong{display:block}.radiohoek-stats small{color:#717a85;font-size:.5rem;font-weight:900}.radiohoek-stats strong{margin-top:4px;color:var(--gold);font-size:.8rem}
.radiohoek-grid,.radiohoek-forum-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:9px}.radiohoek-section{padding:11px;margin-bottom:9px;border:1px solid #292f38;border-radius:10px;background:#10141a}.radiohoek-section>header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.radiohoek-section h2{margin:3px 0 0;font-size:.9rem}.radiohoek-section>header>a,.radiohoek-section>header>b{color:var(--gold);font-size:.6rem;text-decoration:none}
.radiohoek-tracks{display:grid;gap:5px}.radiohoek-tracks>article{padding:8px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid #292f38;border-radius:8px;background:#0b0f14}.radiohoek-tracks small,.radiohoek-tracks strong{display:block}.radiohoek-tracks small{color:#858e98;font-size:.58rem}.radiohoek-tracks strong{margin-top:2px;font-size:.72rem}.radiohoek-tracks p{margin:3px 0 0;color:#707984;font-size:.6rem}.radiohoek-track-actions{display:flex;gap:5px}.radiohoek-track-actions form{margin:0}
.radiohoek-topic-list{display:grid;gap:5px}.radiohoek-topic-list>a{padding:8px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#e8eaed;text-decoration:none;border:1px solid #292f38;border-radius:8px;background:#0b0f14}.radiohoek-topic-list strong,.radiohoek-topic-list small{display:block}.radiohoek-topic-list strong{font-size:.67rem}.radiohoek-topic-list small{margin-top:2px;color:#747d87;font-size:.56rem}.radiohoek-topic-list b{color:var(--gold);font-size:.55rem}
.member-profile-radio-status{margin-top:8px;padding:8px 9px;display:flex;align-items:center;gap:8px;border:1px solid rgba(244,181,27,.24);border-radius:8px;background:rgba(244,181,27,.04)}.member-profile-radio-status>span{min-width:36px;height:32px;display:grid;place-items:center;border-radius:7px;color:var(--gold);background:#0b0e12;font-size:.52rem;font-weight:1000}.member-profile-radio-status small,.member-profile-radio-status strong{display:block}.member-profile-radio-status small{color:#787f88;font-size:.5rem;font-weight:900}.member-profile-radio-status strong{margin-top:1px;font-size:.66rem}.member-profile-radio-status p{margin:2px 0 0;color:#9299a1;font-size:.59rem}
.member-radiohoek-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.member-radiohoek-features article{padding:9px;border:1px solid #29303a;border-radius:8px;background:#0d1116}.member-radiohoek-features b{display:block;font-size:1.05rem}.member-radiohoek-features strong{display:block;margin:4px 0 2px;font-size:.66rem}.member-radiohoek-features small{color:#7d8690;font-size:.56rem;line-height:1.35}
@media(max-width:900px){.radiohoek-hero{grid-template-columns:1fr}.radiohoek-grid,.radiohoek-forum-grid{grid-template-columns:1fr}.member-radiohoek-features{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.quiz-answers{grid-template-columns:1fr}.radiohoek-stats{grid-template-columns:1fr 1fr 1fr}.radiohoek-tracks>article{grid-template-columns:1fr}.radiohoek-track-actions{flex-wrap:wrap}.member-radiohoek-features{grid-template-columns:1fr}}


/* === UPDATE 124: Webdesigner onderdeel in Staffpanel === */
.wd-shell{display:grid;gap:18px}
.wd-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:4px 0}
.wd-head h2{margin:.25rem 0 .35rem;font-size:clamp(1.6rem,3vw,2.35rem)}
.wd-head p{margin:0;color:var(--muted,#aaa);max-width:760px}
.wd-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.wd-stats a{display:flex;flex-direction:column;gap:5px;padding:17px;border:1px solid rgba(244,181,27,.22);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));text-decoration:none;color:inherit;min-height:92px}
.wd-stats a:hover{border-color:rgba(244,181,27,.58);transform:translateY(-1px)}
.wd-stats strong{font-size:1.85rem;color:#f4b51b;line-height:1}
.wd-stats span{font-size:.83rem;color:#cfcfcf;font-weight:800}
.wd-nav{display:flex;gap:8px;flex-wrap:wrap;padding:8px;border:1px solid rgba(255,255,255,.09);background:#090909;border-radius:15px}
.wd-nav a{padding:10px 13px;border-radius:10px;text-decoration:none;color:#bbb;font-weight:850;font-size:.84rem}
.wd-nav a:hover,.wd-nav a.active{background:#f4b51b;color:#121212}
.wd-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.wd-tool-card{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:16px;background:#0b0b0b;border:1px solid rgba(255,255,255,.1);text-decoration:none;color:#fff}
.wd-tool-card:hover{border-color:rgba(244,181,27,.55)}
.wd-tool-card span{color:#9d9d9d;font-size:.84rem;line-height:1.45}
.wd-panel{padding:18px;border-radius:17px;background:rgba(8,8,8,.66);border:1px solid rgba(255,255,255,.1)}
.wd-panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.wd-panel-title h3{margin:0;font-size:1.06rem}
.wd-panel-title>a{color:#f4b51b;text-decoration:none;font-size:.8rem;font-weight:850}
.wd-columns{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px}
.wd-project-list{display:grid;gap:10px}
.wd-project-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 14px;border-radius:13px;background:#090909;border:1px solid rgba(255,255,255,.075)}
.wd-project-main{display:flex;flex-direction:column;gap:4px;min-width:0}
.wd-project-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-project-main span,.wd-project-card small,.wd-meta{font-size:.76rem;color:#898989}
.wd-project-card{padding:15px;border-radius:14px;background:#090909;border:1px solid rgba(255,255,255,.085)}
.wd-project-card summary{display:flex;justify-content:space-between;align-items:center;gap:14px;cursor:pointer;list-style:none}
.wd-project-card summary::-webkit-details-marker{display:none}
.wd-project-card summary>span:first-child{display:flex;flex-direction:column;gap:4px}
.wd-project-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center}
.wd-project-card p{color:#c2c2c2;line-height:1.55;font-size:.88rem}
.wd-project-detail{padding-top:15px;margin-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.wd-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 9px;border-radius:999px;font-size:.68rem;font-weight:900;white-space:nowrap;border:1px solid rgba(255,255,255,.12)}
.wd-badge.status-nieuw{background:rgba(244,181,27,.12);color:#ffd76a;border-color:rgba(244,181,27,.35)}
.wd-badge.status-in_behandeling{background:rgba(63,135,255,.12);color:#8fbcff;border-color:rgba(63,135,255,.35)}
.wd-badge.status-feedback{background:rgba(179,107,255,.12);color:#d4a8ff;border-color:rgba(179,107,255,.35)}
.wd-badge.status-afgerond{background:rgba(53,195,108,.12);color:#87e3aa;border-color:rgba(53,195,108,.35)}
.wd-badge.priority-spoed{background:rgba(255,70,70,.14);color:#ff9c9c}.wd-badge.priority-hoog{background:rgba(255,137,41,.14);color:#ffc080}.wd-badge.priority-normaal{color:#d4d4d4}.wd-badge.priority-laag{color:#909090}
.wd-form{display:grid;gap:12px}.wd-form label{display:grid;gap:6px;color:#d5d5d5;font-size:.77rem;font-weight:850}
.wd-form input,.wd-form select,.wd-form textarea{width:100%;padding:11px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.13);background:#050505;color:#fff;font:inherit}
.wd-form textarea{resize:vertical}.wd-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wd-form.compact{margin-top:12px}.wd-inline-form{margin-top:12px}
.wd-empty{padding:28px 18px;text-align:center;border:1px dashed rgba(255,255,255,.13);border-radius:13px;color:#777}
.wd-filter-links{display:flex;gap:6px}.wd-filter-links a{padding:7px 9px;border-radius:8px;background:#111;color:#aaa;text-decoration:none;font-size:.74rem;font-weight:800}.wd-filter-links a.active{background:#f4b51b;color:#111}
@media(max-width:1000px){.wd-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.wd-columns,.wd-tools{grid-template-columns:1fr}}
@media(max-width:620px){.wd-head{flex-direction:column}.wd-stats{grid-template-columns:1fr 1fr}.wd-project-row,.wd-project-card summary{align-items:flex-start}.wd-form-grid{grid-template-columns:1fr}.wd-stats a{min-height:80px}}
/* UPDATE 128: Website/Beheerder */
.websitebeheerder-role-option{margin:0 0 10px;padding:8px;border:1px solid rgba(244,181,27,.28);border-radius:12px;background:rgba(244,181,27,.06)}
.websitebeheerder-role-option small{opacity:.72;font-weight:700}