/* On NE touche PAS au background du body : tu gardes ton fond actuel */
:root{
  --glass-bg: rgba(0,0,0,.45);
  --glass-brd: rgba(255,255,255,.18);
  --accent: #00e676;        /* vert "on air" */
  --accent-dim: rgba(0,230,118,.25);
  --text: #fff;
}
*{box-sizing:border-box}
.radio-pro-wrap{
  min-height: 100dvh; width:100%; display:flex; align-items:center; justify-content:center;
  padding: clamp(16px, 2vw, 32px);
}
.radio-pro-card{
  width:min(980px, 96vw);
  background: var(--glass-bg);
  border:1px solid var(--glass-brd);
  border-radius: 20px; color:var(--text);
  box-shadow: 0 10px 30px rgba(0,0,0,.35); backdrop-filter: blur(10px);
  overflow:hidden;
}
.radio-pro-head{
  display:flex; align-items:center; gap:14px; padding:16px 18px; border-bottom:1px solid var(--glass-brd);
}
.badge-live{display:inline-flex;align-items:center;gap:8px;background:var(--accent-dim);border:1px solid var(--accent);
  color:var(--text);font-weight:900;padding:6px 10px;border-radius:999px;letter-spacing:.02em}
.badge-live .dot{width:10px;height:10px;border-radius:999px;background:var(--accent); box-shadow:0 0 10px var(--accent)}
.radio-pro-title{font-size:clamp(18px,2.4vw,28px);font-weight:900;letter-spacing:.02em;margin-left:auto;text-align:right}

.radio-pro-body{padding:10px 18px 18px;display:grid;grid-template-columns:1.3fr .7fr;gap:16px}
@media (max-width:900px){ .radio-pro-body{grid-template-columns:1fr;gap:12px} }

.player-panel{
  background: rgba(0,0,0,.25); border:1px solid var(--glass-brd); border-radius:16px; padding:16px;
  display:grid; gap:12px;
}
.player-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.big-play{
  width:64px; height:64px; border-radius:999px; border:2px solid var(--accent); color:var(--text);
  display:grid; place-items:center; font-size:26px; cursor:pointer; background:transparent;
}
.big-play.playing{background:var(--accent-dim)}
.time-chip, .vol-chip{
  display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.06);
  border:1px solid var(--glass-brd); font-weight:800; letter-spacing:.02em
}
.vol-chip input[type=range]{width:190px}
.stats{
  background: rgba(0,0,0,.25); border:1px solid var(--glass-brd); border-radius:16px; padding:16px; display:grid; gap:10px
}
.stat-line{display:flex;align-items:center;justify-content:space-between;gap:12px}
.stat-line strong{font-weight:900}
.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px}
.actions a, .actions button{
  padding:8px 12px;border-radius:10px;border:1px solid var(--glass-brd); background:rgba(255,255,255,.06);
  color:var(--text); text-decoration:none; font-weight:800; letter-spacing:.02em; cursor:pointer
}
.footer-note{padding:10px 16px;border-top:1px solid var(--glass-brd);font-size:.9rem;opacity:.9;text-align:center}
.hidden{display:none!important}