
:root{--bg:#06101d;--panel:#0b2138;--line:#234b6c;--pink:#ff4fa3;--blue:#45c8ff;--white:#f7fbff;--muted:#a8bdd0;--green:#65e7a4}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#153b60,#06101d 48%,#030810);font-family:Arial,sans-serif;color:var(--white)}
.wrap{max-width:1100px;margin:auto;padding:34px 16px 60px}header{text-align:center;margin-bottom:22px}h1{margin:0;color:var(--pink);font-size:clamp(34px,6vw,58px);text-shadow:0 0 18px #ff4fa366}.sub{color:var(--blue);font-size:20px;margin-top:7px}
.info,.dates{background:#0b2942;border:1px solid var(--line);padding:13px 16px;border-radius:12px;text-align:center;margin:14px 0}.dates strong{color:var(--blue)}
.card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#0b2138ee;box-shadow:0 15px 45px #0007}
.row{display:grid;grid-template-columns:70px 1.2fr 1.7fr 90px 125px;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.head{background:#07192a;color:var(--blue);font-weight:bold}
.rank,.votes{text-align:center;font-weight:800}.votes{font-size:21px;color:var(--pink)}.artist{font-weight:bold}.title{color:#e7f4ff}.first{background:#ffd70013}.second{background:#d9e3ed10}.third{background:#cd7f3215}
button,.button{border:0;border-radius:10px;padding:10px 15px;background:linear-gradient(90deg,var(--pink),#9e59ff);color:#fff;font-weight:bold;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.4;cursor:not-allowed}.danger{background:#b83750}.green{background:#16865a}
input{width:100%;padding:11px;border:1px solid #315a7c;border-radius:9px;background:#071a2b;color:#fff;margin:6px 0 13px}.box{max-width:820px;margin:20px auto;padding:20px;border:1px solid var(--line);border-radius:16px;background:#0b2138}.entry{padding:13px 0;border-bottom:1px solid var(--line)}.muted{color:var(--muted)}.actions{display:flex;gap:8px;flex-wrap:wrap}footer{text-align:center;color:var(--muted);margin-top:22px}
.archive{margin-top:28px}.archive a{color:var(--blue)}
@media(max-width:760px){.head{display:none}.row{grid-template-columns:52px 1fr 65px}.title{grid-column:2/4}.vote{grid-column:2/4}.rank{grid-row:1/3}}

.cover img,.cover span{width:60px;height:60px;object-fit:cover;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#07192a;font-size:30px}.title audio{display:block;width:min(100%,360px);height:32px;margin-top:6px}

/* COVER/PLAYER LAYOUT FIX */
.row{grid-template-columns:65px 82px 1.05fr 1.55fr 80px 110px!important}
.cover img,.cover span{width:68px!important;height:68px!important;object-fit:cover;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#07192a;font-size:30px}
.title audio{display:block!important;width:min(100%,360px)!important;height:34px!important;margin-top:7px}
@media(max-width:760px){
 .row{grid-template-columns:45px 68px 1fr 62px!important}
 .cover{grid-column:2}.artist{grid-column:3/5}.title{grid-column:3/5}.votes{grid-column:4}.vote{grid-column:3/5}
}

/* HEADER FIX: exakt dieselben sechs Spalten wie die Charts-Zeilen */
.head{grid-template-columns:65px 82px 1.05fr 1.55fr 80px 110px!important}
@media(max-width:760px){.head{display:none!important}}

/* Zurück-zum-Admin Button */
.admin-back-button{
    display:inline-block;
    padding:11px 20px;
    border-radius:10px;
    background:linear-gradient(90deg,#ff4fa3,#9e59ff);
    color:#ffffff !important;
    font-weight:700;
    text-decoration:none;
    box-shadow:0 0 14px rgba(255,79,163,.28);
    transition:transform .15s ease,box-shadow .15s ease;
}
.admin-back-button:hover{
    transform:translateY(-1px);
    box-shadow:0 0 20px rgba(255,79,163,.45);
}

textarea{width:100%;box-sizing:border-box;padding:11px;border:1px solid #315a7c;border-radius:9px;background:#071a2b;color:#fff;margin:6px 0 13px;font-family:Arial,sans-serif;resize:vertical}
.suggestion-cta{text-align:center;margin:28px 0 12px}
.suggestion-button{display:inline-block;padding:13px 20px;border-radius:11px;background:linear-gradient(90deg,#45c8ff,#9e59ff);color:#fff!important;font-weight:700;text-decoration:none;box-shadow:0 0 16px rgba(69,200,255,.25)}
.suggestion-button:hover{transform:translateY(-1px)}
.suggestion-admin h3{color:var(--blue);margin-top:0}
