/* DJ Mikkel – sort/rød stil fra Music Vote App */
:root{color-scheme:dark;--bg:#080808;--card:#151515;--edge:#303030;--red:#e51b28;--text:#fff;--muted:#aaa}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
a{color:#f5a1a7}
.nav{max-width:900px;margin:auto;display:flex;align-items:center;gap:12px;padding:24px 16px 8px;background:transparent;border:0}
.nav img{width:60px;height:60px;object-fit:contain;border-radius:12px;background:#0d0d0d}
.nav strong{font-size:20px;line-height:1.2;font-weight:800}
.nav nav{margin-left:auto;display:flex;gap:14px}
.nav a{text-decoration:none;font-size:13px}
main{max-width:876px;margin:10px auto 40px;padding:0 16px}
.card{background:linear-gradient(160deg,#181818,#111);border:1px solid #333;border-radius:18px;padding:24px;margin:12px 0;box-shadow:none}
.banner{position:relative;overflow:hidden;background:linear-gradient(115deg,#300b11,#211116 60%,#151315);border:1px solid #84202a;padding:28px 24px;border-radius:18px;margin:14px 0 12px;min-height:190px}
.banner::after{content:"♫";position:absolute;right:20px;top:10px;font-size:128px;line-height:1;color:#ffffff0a;pointer-events:none}
.banner h1{position:relative;z-index:1;font-size:clamp(25px,4.2vw,42px);font-weight:850;letter-spacing:-.03em;line-height:1.18;margin:14px 0 8px;overflow-wrap:anywhere}
.banner p{color:#c5a9ae;margin:8px 0}
.eyebrow{display:inline-block;border:1px solid #65202b;background:#2b0b13;border-radius:999px;padding:5px 10px;color:#ff6877;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:750}
h1,h2{margin:0 0 16px;font-weight:800;letter-spacing:-.02em}h2{font-size:21px}
label{display:block;font-weight:650;margin:14px 0 8px}
input{display:block;width:100%;border:1px solid #454545;background:#111;color:white;padding:13px;border-radius:11px;margin:6px 0 12px;font:inherit;outline:none}
input:focus{border-color:#e51b28;box-shadow:0 0 0 2px #e51b2822}
button{background:var(--red);border:1px solid var(--red);border-radius:11px;padding:11px 16px;font:inherit;font-weight:750;color:white;cursor:pointer;margin:4px 5px 4px 0}
button:hover{filter:brightness(1.1)}
button:disabled{opacity:.55;cursor:default}
.secondary{background:#202020;color:#fff;border:1px solid #404040}
.selected{border-color:#e51b28;background:#321116;outline:0}
.danger{background:#9d1825;color:white;border-color:#9d1825}
.tabs{display:flex;gap:8px;margin:16px 0}
.flex{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.muted{color:#a4a4a4}
.item{display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid #323232}
.item img{width:58px;height:58px;object-fit:cover;border-radius:10px}
.item .details{flex:1;min-width:0}
.item small{display:block;color:#a7a7a7;margin-top:4px;overflow-wrap:anywhere}
.item strong{overflow-wrap:anywhere}
.actions{display:flex;gap:5px;flex-wrap:wrap}
.qr{display:block;width:min(100%,320px);background:white;padding:8px;border-radius:10px;cursor:pointer}
.notice{background:#310f17;border:1px solid #8c2635;padding:12px;border-radius:10px;margin:12px 0}
[hidden]{display:none!important}
@media(max-width:580px){.nav{padding:14px 16px 6px;flex-wrap:wrap}.nav img{width:48px;height:48px}.nav strong{font-size:16px}.nav nav{width:100%;margin-left:0}.card{padding:18px}.banner{padding:23px 20px;min-height:175px}.banner::after{font-size:100px;right:6px;top:28px}.item{align-items:flex-start;flex-wrap:wrap}.actions{width:100%}}

/* Eventbanner som den originale DJ Mikkel Music Vote App */
#guest>.banner{background:linear-gradient(110deg,#300c12 0%,#1e1418 58%,#121114 100%);border:1px solid #7f1b27;border-radius:18px;min-height:225px;padding:27px 24px;margin:14px 0 12px;box-shadow:none}
#guest>.banner::after{content:"♫";position:absolute;right:20px;top:20px;font-size:125px;color:rgba(255,255,255,.045);line-height:1;pointer-events:none}
#guest>.banner .eyebrow{font-size:11px;font-weight:700;letter-spacing:0;border:1px solid #5c2029;border-radius:20px;background:#290f15;color:#ff5c69;padding:5px 9px}
#guest>.banner h1{font-size:clamp(28px,4.4vw,42px);line-height:1.2;letter-spacing:-.035em;font-weight:850;color:white;margin:14px 0 8px;max-width:100%}
#guest>.banner p{font-size:13px;color:#bca8ad;margin:0}
@media(max-width:580px){#guest>.banner{padding:24px 20px;min-height:190px}#guest>.banner::after{font-size:95px;right:10px;top:36px}}

/* Ensfarvet sort baggrund kun uden for kort og banner */
html,body{background:#080808 !important;background-image:none !important;min-height:100%}
body::before,body::after{background:none !important;background-image:none !important}