/* Ben OnLine: herstel van de oorspronkelijke donkere websitebasis.
   Dit geldt alleen voor kleuren en basislettertype; bestaande indeling blijft staan. */
html { background-color: #050b14 !important; }
body {
  background: radial-gradient(circle at 18% 10%, rgba(255,157,24,.22), transparent 26%),
              radial-gradient(circle at 86% 8%, rgba(11,125,178,.46), transparent 34%),
              linear-gradient(135deg, #02060d 0%, #050b14 45%, #08243c 100%) !important;
  background-color: #050b14 !important;
  color: #fff !important;
  font-family: Arial, Helvetica, sans-serif !important;
}


/* Ben OnLine - 5 laatst aangevraagde platen */
#recent-aangevraagd { margin: 14px 0 56px; scroll-margin-top: 110px; }
.benon-requests-heading { display:flex; gap:14px; align-items:center; justify-content:space-between; margin:0 0 18px; flex-wrap:wrap; }
.benon-requests-heading h2 { margin:0; font-size:clamp(22px,3vw,32px); color:var(--text,#f7fafc); }
.benon-requests-heading p { margin:6px 0 0; color:var(--muted,#b0c0cc); font-size:14px; }
.benon-requests-button { display:inline-flex; align-items:center; justify-content:center; border-radius:999px; padding:12px 18px; text-decoration:none; font-weight:850; color:#09150d !important; background:#aaff3b; border:1px solid #bcff67; transition:transform .12s; }
.benon-requests-button:hover { transform:translateY(-1px); background:#c5ff72; }
.benon-requests-list { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:11px; }
.benon-request-item { min-width:0; display:flex; flex-direction:column; gap:12px; border:1px solid rgba(172,255,98,.24); border-radius:18px; padding:16px; background:linear-gradient(160deg,rgba(149,255,40,.13),rgba(255,255,255,.045)); }
.benon-request-icon { display:flex; align-items:center; justify-content:center; width:46px; height:46px; border-radius:14px; background:rgba(172,255,50,.15); font-size:30px; font-weight:800; color:#b4ff41; }
.benon-request-info { min-width:0; display:flex; flex-direction:column; gap:5px; }
.benon-request-title { font-size:15px; color:#f5fff0; line-height:1.35; overflow-wrap:anywhere; }
.benon-request-artist { font-size:13px; color:#bbced0; line-height:1.35; overflow-wrap:anywhere; }
.benon-request-time { margin-top:auto; color:#9eff36; font-size:12px; font-weight:750; }
.benon-requests-empty { grid-column:1/-1; width:100%; padding:22px; margin:0; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); border-radius:16px; color:#cbd5db; }
@media(max-width:950px) { .benon-requests-list { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:600px) { .benon-requests-list { grid-template-columns:1fr; } .benon-request-item { flex-direction:row; align-items:center; } .benon-request-icon { flex:none; } .benon-request-info { flex:1; } .benon-request-time { align-self:flex-end; text-align:right; white-space:nowrap; } }