:root{--live:#ff315f;--live-violet:#9b5cff;--live-panel:#090c12;--live-panel2:#0e131c;--live-line:#242b38;--live-soft:#98a2b3}
.live-workspace{min-height:100vh;background:#03050a;color:#fff}
.live-page{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:26px 0 70px}
.live-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:25px 4px 19px}
.live-kicker{color:var(--live);font-size:11px;font-weight:900;letter-spacing:.14em}
.live-hero h1{margin:5px 0 7px;font-size:clamp(35px,5vw,66px);line-height:.9}
.live-hero p{margin:0;color:var(--live-soft);font-size:15px}
.live-primary,.live-secondary{padding:11px 15px;border:1px solid var(--live-line);border-radius:9px;background:#121722;color:#fff;font-weight:800;cursor:pointer}
.live-primary{border-color:var(--live);background:linear-gradient(110deg,#e82151,#b92f8d)}
.live-categories{display:flex;gap:6px;overflow:auto;padding:8px 0 18px}
.live-categories button{flex:0 0 auto;padding:8px 12px;border:1px solid var(--live-line);border-radius:999px;background:#0b1018;color:var(--live-soft)}
.live-categories button.active{border-color:#8d4fff;background:#26133c;color:#fff}
.live-section-head{display:flex;align-items:end;justify-content:space-between;margin:12px 0}
.live-section-head h2{margin:0;font-size:23px}
.live-section-head p{margin:3px 0 0;color:var(--live-soft)}
.live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.live-card{position:relative;overflow:hidden;border:1px solid var(--live-line);border-radius:13px;background:var(--live-panel);text-align:left;cursor:pointer}
.live-card:hover{border-color:#6e3750;transform:translateY(-1px)}
.live-card figure{position:relative;margin:0;aspect-ratio:16/9;overflow:hidden;background:#0f1420}
.live-card figure img{width:100%;height:100%;object-fit:cover}
.live-card figure:after{content:"";position:absolute;inset:auto 0 0;height:55%;background:linear-gradient(transparent,#080a0f)}
.live-badge,.live-category{position:absolute;z-index:2;top:10px;padding:5px 8px;border-radius:6px;font-size:9px;font-weight:900}
.live-badge{left:10px;background:#e62951}
.live-category{right:10px;background:#080b10d9;color:#d7c7ff}
.live-card-body{padding:12px}
.live-card-body h3{margin:0 0 5px;font-size:16px}
.live-card-body p{margin:0;color:var(--live-soft)}
.live-meta{display:flex;justify-content:space-between;gap:8px;margin-top:9px;font-size:9px;color:#c1c7d0}
.live-empty{grid-column:1/-1;display:grid;place-items:center;min-height:260px;padding:30px;border:1px dashed #313846;border-radius:13px;background:linear-gradient(145deg,#090c12,#05070b);text-align:center}
.live-empty i{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#24101a;color:#ff5275;font-size:27px;font-style:normal}
.live-empty h3{margin:12px 0 4px}
.live-empty p{max-width:470px;margin:0;color:var(--live-soft)}
.live-native-ad{grid-column:1/-1;display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:14px;padding:12px;border:1px solid #4b365c;border-radius:12px;background:linear-gradient(110deg,#170d21,#0b1017)}
.live-native-ad img{width:150px;height:82px;border-radius:8px;object-fit:cover}
.live-native-ad small{color:#d69fff}
.live-native-ad h3{margin:4px 0}
.live-admin-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px}
.live-admin-strip article{padding:13px;border:1px solid var(--live-line);border-radius:10px;background:var(--live-panel)}
.live-admin-strip small{display:block;color:var(--live-soft)}
.live-admin-strip strong{display:block;margin-top:5px;font-size:20px}
.live-dialog{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:#000c;backdrop-filter:blur(9px)}
.live-dialog[hidden]{display:none}
.live-dialog-card{position:relative;width:min(1120px,96vw);max-height:92vh;overflow:auto;border:1px solid var(--live-line);border-radius:15px;background:#070a0f;color:#fff;box-shadow:0 30px 100px #000}
.live-dialog-card>.close{position:absolute;z-index:4;right:12px;top:12px;width:38px;height:38px;border:1px solid var(--live-line);border-radius:50%;background:#0c1119;color:#fff;font-size:21px}
.live-player-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px}
.live-player{position:relative;display:grid;place-items:center;min-height:540px;background:#000}
.live-player img,.live-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.live-player:after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(transparent,#000b)}
.live-player-copy{position:absolute;z-index:2;left:22px;bottom:19px}
.live-player-copy h2{margin:4px 0}
.live-player-side{display:grid;grid-template-rows:auto minmax(220px,1fr) auto;background:#0a0e15}
.live-host{padding:17px;border-bottom:1px solid var(--live-line)}
.live-host small{color:var(--live-soft)}
.live-chat{padding:14px;overflow:auto}
.live-chat iframe{width:100%;height:100%;min-height:260px;border:0;background:#0a0e15}
.live-chat p{display:grid;grid-template-columns:auto 1fr;gap:8px;font-size:12px}
.live-chat b{color:#d8b7ff}
.live-chat-empty{color:var(--live-soft)}
.live-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:12px;border-top:1px solid var(--live-line)}
.live-actions button,.live-actions a{padding:9px;border:1px solid var(--live-line);border-radius:8px;background:#101620;color:#fff;text-align:center;text-decoration:none}
.live-sponsor{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:10px;padding:13px 16px;border-top:1px solid #3e2b4b;background:#130c19}
.live-sponsor b,.live-sponsor span{display:block}
.live-sponsor span{color:var(--live-soft);font-size:10px}
.live-sponsor a{padding:8px 11px;border-radius:7px;background:#fff;color:#111;text-decoration:none;font-weight:800}
.live-form{display:grid;gap:12px;padding:22px}
.live-form header h2{margin:4px 0}
.live-steps{display:flex;gap:7px}
.live-steps span{flex:1;padding:8px;border-bottom:2px solid var(--live-line);color:var(--live-soft);font-size:10px}
.live-steps span.active{border-color:var(--live);color:#fff}
.live-form fieldset{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:14px;border:1px solid var(--live-line);border-radius:10px}
.live-form label{display:grid;gap:5px;color:var(--live-soft);font-size:11px}
.live-form label.wide{grid-column:1/-1}
.live-form input,.live-form select,.live-form textarea{padding:10px;border:1px solid var(--live-line);border-radius:8px;background:#0e131c;color:#fff}
.live-form textarea{min-height:80px}
.live-form-actions{display:flex;justify-content:flex-end;gap:8px}
.live-permission{padding:27px;text-align:center}
.live-permission h2{margin-bottom:6px}
.live-permission p{color:var(--live-soft)}
.live-notice{position:fixed;z-index:120;right:22px;bottom:22px;max-width:390px;padding:12px 15px;border:1px solid #5d3b6f;border-radius:10px;background:#171020;color:#fff}
@media(min-width:901px){.live-workspace{margin-left:var(--shell-left);padding-top:calc(var(--desktop-shell-vertical-offset) + var(--shell-top))}
}
@media(max-width:900px){.live-page{width:min(100% - 20px,700px);padding-top:12px}
.live-grid{grid-template-columns:repeat(2,1fr)}
.live-player-grid{grid-template-columns:1fr}
.live-player{min-height:min(58vw,430px)}
.live-player-side{grid-template-rows:auto 230px auto}
.live-admin-strip{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){.live-hero{align-items:flex-start;flex-direction:column}
.live-primary{width:100%}
.live-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}
.live-card{min-width:86vw;scroll-snap-align:center}
.live-native-ad{min-width:86vw;grid-template-columns:90px 1fr}
.live-native-ad img{width:90px;height:70px}
.live-native-ad .live-secondary{grid-column:1/-1}
.live-player{min-height:56vh}
.live-form fieldset{grid-template-columns:1fr}
.live-form label.wide{grid-column:auto}
.live-steps{overflow:auto}
.live-steps span{min-width:110px}
.live-admin-strip{grid-template-columns:1fr 1fr}
}
.live-hero-actions,.live-discovery{display:flex;gap:8px}.live-discovery{overflow:auto;padding:4px 0 8px}.live-discovery button{flex:0 0 auto;padding:10px 14px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--live-soft);font-weight:800}.live-discovery button.active{border-color:var(--live);color:#fff}.live-badge.upcoming{background:#5d3aa6}.live-card .live-badge{position:absolute}.live-danger{padding:10px 14px;border:1px solid #7d2a3d;border-radius:9px;background:#35101a;color:#ffb0c0;font-weight:800}.status-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:0;padding:0;list-style:none}.status-timeline li{display:flex;align-items:center;gap:6px;padding:8px;border-bottom:2px solid var(--live-line);color:var(--live-soft);font-size:10px}.status-timeline span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#151b25}.status-timeline .done,.status-timeline .current{color:#fff;border-color:var(--live-violet)}.status-timeline .done span,.status-timeline .current span{background:var(--live-violet)}.live-notice-inline{margin:0;padding:10px 12px;border:1px solid #7e4a59;border-radius:8px;background:#32131b;color:#ffd5dd}.manage-list{display:grid;gap:8px}.manage-list>article,.admin-columns article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--live-line);border-radius:10px;background:var(--live-panel2)}.manage-list p,.manage-list small,.admin-columns small,.muted{display:block;margin:3px 0;color:var(--live-soft)}.admin-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-columns>section{padding:12px;border:1px solid var(--live-line);border-radius:11px}.admin-columns h3{margin-top:0}.live-admin-strip{grid-template-columns:repeat(5,1fr)}.live-player.not-live:before{content:'Deze uitzending is niet actief';z-index:2;padding:10px 13px;border-radius:8px;background:#080b10d9}.live-sponsor small{color:#d69fff}.live-notice[data-tone="success"]{border-color:#2e7858;background:#102d22}.live-integration-card{margin:12px 0;padding:14px;border:1px solid #5a3152;border-radius:12px;background:linear-gradient(120deg,#1c0d18,#10131b);color:#fff}.live-integration-card header{display:flex;align-items:center;justify-content:space-between;gap:10px}.live-integration-card h3{margin:4px 0}.live-integration-card p{margin:4px 0;color:#aeb6c3}.live-integration-card a{display:inline-block;margin-top:8px;padding:9px 12px;border-radius:8px;background:#d82555;color:#fff;text-decoration:none;font-weight:800}.live-profile-badge{display:inline-flex;align-items:center;gap:5px;margin:8px 0;padding:6px 9px;border-radius:7px;background:#d82555;color:#fff;font-size:11px;font-weight:900}.live-profile-badge:before{content:'●'}
.er-detail>.live-integration-card{grid-column:1/-1;margin:0}
@media(max-width:900px){.live-admin-strip{grid-template-columns:repeat(2,1fr)}.admin-columns{grid-template-columns:1fr}}
@media(max-width:560px){.live-page{padding-bottom:90px}.live-hero-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.live-player-grid{display:flex;flex-direction:column}.live-player{order:0;min-height:56vh}.live-player-side{order:1}.live-chat{display:none}.live-actions{position:sticky;bottom:0;z-index:4;grid-template-columns:repeat(3,1fr);background:#0a0e15}.live-sponsor{grid-template-columns:42px 1fr}.live-sponsor a{grid-column:1/-1}.status-timeline{display:flex;overflow:auto}.status-timeline li{min-width:105px}.manage-list>article{align-items:flex-start;flex-direction:column}.live-dialog{padding:0}.live-dialog-card{width:100vw;max-height:100dvh;border-radius:0}.live-form{padding:18px 12px}}