/* MKL | Letzte Aktualisierung: 09.09.2026 */
/* Backstage-Oberfläche im sachlichen Roadcase-/Rack-Stil. */
:root{--red:#d4141c;--black:#070707;--panel:#17181b;--line:#55575b;--text:#f2f0e9;--muted:#aaa9a4;font-family:"Arial Narrow","Segoe UI",sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px;color:var(--text);background:#090909;line-height:1.55}.admin-bg{position:fixed;inset:0;z-index:-1;background:linear-gradient(rgba(4,4,4,.77),rgba(4,4,4,.92)),url("../assets/images/backgrounds/backstage-roadcase.webp") center/cover}.admin-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:1rem;padding:.7rem max(1rem,calc((100vw - 1400px)/2));border-bottom:2px solid #666;background:#080809}.admin-header img{width:160px;height:50px;object-fit:cover}.admin-header div{display:grid}.admin-header span,.module{margin:0;color:#e14b51;font:700 .68rem Consolas,monospace;letter-spacing:.12em}.admin-header strong{font:400 1.4rem Impact,"Arial Black",sans-serif;letter-spacing:.08em}.admin-header a,.admin-header button{margin-left:auto;color:#ddd}.admin-header button{margin-left:0}main{width:min(calc(100% - 2rem),1400px);margin:2rem auto 6rem}.rack{padding:1.3rem;border:1px solid var(--line);border-left:5px solid var(--red);background:linear-gradient(145deg,rgba(31,32,35,.97),rgba(10,10,11,.98));box-shadow:0 18px 50px rgba(0,0,0,.45)}.login-panel{width:min(100%,560px);margin:8vh auto}.login-panel h1,.page-head h1{margin:.2rem 0 1rem;font:400 clamp(2.5rem,5vw,4.5rem)/1 Impact,"Arial Black",sans-serif;text-transform:uppercase}.login-panel form,.editor{display:grid;gap:1rem}.tabs{display:flex;gap:.35rem;margin-bottom:1.4rem;overflow:auto}.tabs button,.admin-header button,button{min-height:42px;padding:.65rem .9rem;border:1px solid #666;color:#eee;background:linear-gradient(#303136,#111214);font-weight:900;font-size:.72rem;letter-spacing:.08em;cursor:pointer}.tabs button.active,button[type=submit]{border-color:#ef4a50;background:linear-gradient(#dc1821,#87070c)}.tab-page{display:none}.tab-page.active{display:block}.page-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.page-head button{margin-bottom:1rem}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-bottom:1rem}.stat-card{padding:1.2rem;border:1px solid #555;background:#101113}.stat-card span{display:block;color:#999;font:700 .66rem Consolas,monospace}.stat-card strong{font:400 3rem Impact,"Arial Black",sans-serif}.data-list>div,.song-admin-list button{display:flex;justify-content:space-between;width:100%;padding:.8rem;border:0;border-top:1px solid #3f4145;background:none;color:#ddd;text-align:left}.song-admin-list button.active{border-left:4px solid var(--red);background:#260608}.split{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(480px,1.4fr);gap:1rem;align-items:start}.song-admin-list{max-height:70vh;overflow:auto}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.wide{grid-column:1/-1}label{display:grid;gap:.28rem;color:#aaa;font:700 .67rem Consolas,monospace;letter-spacing:.08em}input,select,textarea{width:100%;padding:.72rem;border:1px solid #5a5c61;color:#f5f3ed;background:#0a0a0b;font:400 .95rem "Segoe UI",sans-serif}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #ef454c;outline-offset:1px}.form-actions{display:flex;gap:.7rem}.danger{border-color:#92151a!important;color:#ffb8ba!important}.message{min-height:1.5rem;margin:.3rem 0;color:#ff7b80}.message.success{color:#7ee28b}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.7rem}.media-item{padding:.8rem;border:1px solid #444;background:#0b0b0c;word-break:break-all}.media-item img{width:100%;aspect-ratio:16/10;object-fit:cover}.media-item code{display:block;color:#aaa;font-size:.68rem}code{color:#ff777c}@media(max-width:850px){.stat-grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.admin-header div{display:none}}@media(max-width:520px){main{width:min(calc(100% - 1rem),1400px)}.admin-header img{width:130px}.admin-header a{display:none}.stat-grid{grid-template-columns:1fr 1fr}.tabs{position:sticky;top:73px;z-index:10;padding:.4rem;background:#090909}}

/* MKL: Wiederholbare Plattformlinks mit klarer Reihenfolge und Löschfunktion. */
.platform-admin-list{display:grid;gap:.8rem}.platform-admin-row{display:grid;grid-template-columns:minmax(150px,.6fr) minmax(280px,1.5fr) minmax(150px,.5fr) auto;gap:.7rem;align-items:end;padding:1rem;border:1px solid #444;background:#0d0d0f}.platform-remove{margin:0}.platform-admin-empty{margin:0;padding:1rem;border:1px dashed #4a4b4e;color:#aaa}.platform-admin-row input,.platform-admin-row select{min-height:42px}@media(max-width:850px){.platform-admin-row{grid-template-columns:1fr 1fr}.platform-admin-row label:nth-child(2){grid-column:1/-1}.platform-remove{align-self:end}}@media(max-width:520px){.platform-admin-row{grid-template-columns:1fr}.platform-admin-row label:nth-child(2){grid-column:auto}}