@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--red:#e30613;--red2:#ff2433;--dark:#101116;--dark2:#181a20;--muted:#6b6f7a;--line:#e7e8ec;--soft:#f5f6f8;--white:#fff;--shadow:0 18px 60px rgba(12,13,17,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--soft);color:var(--dark);font-family:'Manrope','Segoe UI',sans-serif;font-size:14px}a{color:inherit}button,input,select,textarea{font:inherit}
aside{position:fixed;inset:0 auto 0 0;width:270px;background:#fff;border-right:1px solid var(--line);padding:24px 18px;display:flex;flex-direction:column;z-index:20}.brand{font-family:'Barlow Condensed';font-size:28px;font-weight:900;line-height:.9;padding:12px 10px 26px}.brand b{color:var(--red)}.brand small{display:block;color:var(--muted);font-family:'Manrope';font-size:10px;letter-spacing:.16em;margin-top:9px}nav{display:grid;gap:5px}nav a,.site,.logout{color:#292b31;text-decoration:none;padding:12px 14px;border-radius:13px;font-weight:700;transition:.18s}nav a:hover,.site:hover{background:#f7f7f8}nav a.on{background:var(--red);color:#fff;box-shadow:0 10px 24px rgba(227,6,19,.18)}nav em{float:right;background:#fff;color:var(--red);border-radius:99px;padding:2px 7px;font-style:normal;font-size:11px}.site{margin-top:auto}.site+.site{margin-top:3px}.logout{color:var(--red);margin-top:3px}
main{margin-left:270px;padding:34px;width:calc(100% - 270px);max-width:1600px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding:5px 2px}h1,h2,h3{font-family:'Barlow Condensed','Arial Narrow',sans-serif}h1{margin:0;font-size:42px;line-height:1;font-weight:900}header p,.panel p{color:var(--muted)}.pill{background:#e9f8ef;color:#138443;padding:8px 13px;border-radius:999px;font-size:12px;font-weight:800}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cards article,.panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow)}.cards article{border-top:4px solid var(--red)}.cards b{display:block;font-family:'Barlow Condensed';font-size:38px;color:var(--dark);line-height:1}.cards span{color:var(--muted)}.panel{margin-top:18px}.panel h2{margin:0 0 8px;font-size:30px}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.quick a{background:#f7f7f8;border:1px solid var(--line);color:var(--dark);text-decoration:none;padding:16px;border-radius:14px;font-weight:800}.quick a:hover{border-color:var(--red);color:var(--red)}
.gridform{display:grid;grid-template-columns:1fr 1fr;gap:15px}.gridform label{color:#3f424b;font-size:13px;font-weight:700}.gridform input,.gridform select,.gridform textarea,select,.loginbox input{display:block;width:100%;margin-top:7px;background:#fff;border:1px solid #d9dbe1;color:var(--dark);padding:12px 13px;border-radius:11px;outline:none}.gridform input:focus,.gridform select:focus,.gridform textarea:focus,.loginbox input:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(227,6,19,.08)}.gridform textarea{min-height:100px}.gridform .wide,.wide{grid-column:1/-1}.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto!important;margin:0!important}button{background:var(--red);border:0;color:#fff;padding:12px 18px;border-radius:999px;font-weight:800;cursor:pointer;box-shadow:0 8px 18px rgba(227,6,19,.14)}button:hover{background:#c9000b}.danger{background:#17191e;color:#fff;box-shadow:none}.danger:hover{background:#2a2c32}
.table{display:grid;gap:9px}.row{display:flex;align-items:center;gap:14px;background:#f8f8f9;border:1px solid var(--line);padding:13px;border-radius:14px}.row>div:nth-child(2),.row>div:first-child:not(.avatar){flex:1}.row small{display:block;color:var(--muted);margin-top:4px}.avatar{width:50px;height:50px;border-radius:12px;background:#eee;overflow:hidden;flex:0 0 auto}.avatar img{width:100%;height:100%;object-fit:cover}.panelhead{display:flex;justify-content:space-between}.ok,.bad{padding:13px 16px;border-radius:13px;margin:11px 0;font-weight:700}.ok{background:#e9f8ef;color:#137842}.bad{background:#fff0f1;color:#b0000b;border:1px solid #ffd1d5}
.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 10%,rgba(227,6,19,.12),transparent 35%),#f5f6f8}.loginbox{width:min(430px,92vw);background:#fff;border:1px solid var(--line);padding:34px;border-radius:24px;box-shadow:var(--shadow);border-top:5px solid var(--red)}.loginbox h1{font-size:42px}.loginbox p{color:var(--muted)}.loginbox button{width:100%;margin-top:12px}.loginbox:before{content:'RADIO EMMERHOUT';display:block;font-family:'Barlow Condensed';font-weight:900;letter-spacing:.12em;color:var(--red);margin-bottom:16px}
textarea{min-height:110px;resize:vertical}.codearea{min-height:160px;font-family:monospace}.editor{width:100%;min-height:620px;font-family:Consolas,monospace;font-size:13px;line-height:1.5}.preview{max-width:220px;max-height:160px;border-radius:14px;object-fit:cover}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;margin-top:18px}.media-grid figure{margin:0;background:#f8f8f9;border:1px solid var(--line);padding:10px;border-radius:14px}.media-grid img{width:100%;height:120px;object-fit:cover;border-radius:10px}.media-grid input{width:100%;box-sizing:border-box;margin-top:8px;font-size:11px}
@media(max-width:900px){aside{position:static;width:auto;border-right:0;border-bottom:1px solid var(--line)}aside nav{grid-template-columns:repeat(2,1fr)}main{margin:0;width:100%;padding:18px}.cards,.quick,.gridform{grid-template-columns:1fr 1fr}.site{margin-top:10px}}@media(max-width:600px){aside nav,.cards,.quick,.gridform{grid-template-columns:1fr}header{align-items:flex-start;gap:12px;flex-direction:column}h1{font-size:35px}.row{align-items:flex-start;flex-wrap:wrap}.editor{min-height:420px}.media-grid{grid-template-columns:repeat(2,1fr)}}
.editorbar{display:flex;gap:6px;flex-wrap:wrap;padding:8px;background:#f4f4f5;border:1px solid #ddd;border-bottom:0;border-radius:10px 10px 0 0}.editorbar button{width:auto!important;padding:7px 11px!important;background:#111!important;color:#fff!important;border-radius:7px!important}.wysiwyg{min-height:260px;background:#fff;color:#111;border:1px solid #ddd;border-radius:0 0 10px 10px;padding:16px;line-height:1.6;overflow:auto}.quick a.active{background:#e30613;color:#fff}

.block-editor{border-top:1px solid #e7e8ec;padding-top:20px;margin-top:22px}.block-actions{display:flex;justify-content:space-between;gap:10px;padding:10px 0 22px;border-bottom:1px solid #e7e8ec}.block-actions form{display:flex;gap:8px}.block-actions button{width:auto}.quick a.active{background:#e30613;color:#fff}
/* V5.13 - Radio EmmerHout cinematic login */
.login{min-height:100vh;position:relative;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:34px 18px 28px;background:#08090c url('../assets/login-studio-bg.png') center/cover fixed no-repeat;color:#fff}
.login:after{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.2) 55%,rgba(0,0,0,.55));z-index:0}.login-admin{background-position:left center}.login-dj{background-position:right center}.login>*{position:relative;z-index:1}.login-brand{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;text-shadow:0 3px 18px #000}.login-brand img{width:min(430px,76vw);max-height:125px;object-fit:contain;filter:drop-shadow(0 8px 22px rgba(0,0,0,.65))}.login-brand small{font-weight:900;letter-spacing:.24em;font-size:11px;margin-top:5px}.loginbox{width:min(410px,92vw);padding:27px 30px 25px;border-radius:16px;background:linear-gradient(180deg,rgba(22,5,7,.93),rgba(10,5,7,.96));border:1px solid #f20c20;box-shadow:0 0 0 1px rgba(255,0,30,.12),0 24px 70px rgba(0,0,0,.62),inset 0 0 45px rgba(150,0,12,.08);text-align:center;color:#fff}.loginbox:before{display:none}.login-icon{font-size:42px;line-height:1;color:#ff1a2e;text-shadow:0 0 18px rgba(255,0,25,.4)}.loginbox h1{font-size:39px;margin:9px 0 10px;color:#fff}.loginbox h1 b{color:#ff182b}.loginbox p{color:#f1f1f1;line-height:1.5;margin:0 0 20px}.login-field{height:52px;display:flex;align-items:center;gap:9px;margin:10px 0;padding:0 13px;background:linear-gradient(180deg,#25262a,#18191c);border:1px solid #666;border-radius:8px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.login-field span{color:#ff2033;font-size:20px}.login-field input,.loginbox .login-field input{margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#fff!important;height:100%;border-radius:0}.login-field input::placeholder{color:#c8c8c8}.loginbox button{height:52px;width:100%;border-radius:8px;margin-top:9px;background:linear-gradient(180deg,#ff182b,#ed0619);font-size:16px;box-shadow:0 8px 24px rgba(227,6,19,.22)}.forgot{display:inline-block;color:#eee;margin-top:18px;font-size:12px;text-underline-offset:3px}.login-shortcuts{display:flex;align-items:flex-start;justify-content:center;gap:35px;margin:25px 0 17px;padding:14px 20px;background:rgba(5,5,7,.62);border-radius:10px;backdrop-filter:blur(6px)}.login-shortcuts span{min-width:74px;text-align:center;color:#ff1a2e;font-size:27px}.login-shortcuts b{display:block;color:#fff;font-size:10px;margin-top:7px;white-space:nowrap}.login-slogan{text-align:center;font-family:'Barlow Condensed',sans-serif;font-style:italic;font-size:33px;text-shadow:0 4px 18px #000}.login-slogan small{display:block;font-family:'Manrope';font-style:normal;font-size:9px;letter-spacing:.35em;margin-top:7px;font-weight:800}.login .bad{text-align:left}
@media(max-width:650px){.login{justify-content:flex-start;padding-top:30px;background-position:center}.login-brand img{width:min(340px,80vw)}.login-shortcuts{gap:15px;width:min(410px,92vw);overflow:hidden}.login-shortcuts span{min-width:58px;font-size:22px}.login-shortcuts b{font-size:8px}.login-slogan{font-size:27px}.loginbox{padding:24px 20px}.loginbox h1{font-size:34px}}
/* V5.14 - losse login achtergronden */
.login-admin{background-image:linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.30)),url('../assets/login-admin-bg.png')!important;background-position:center!important;background-size:cover!important;background-attachment:fixed!important}
.login-dj{background-image:linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.30)),url('../assets/login-dj-bg.png')!important;background-position:center!important;background-size:cover!important;background-attachment:fixed!important}


/* V5.30 - dashboardkleur + mobiel */
:root{--red:#ff1730;--red2:#ff3147;--dark:#f5f7fb;--dark2:#111b27;--muted:#91a1b3;--line:#263a4d;--soft:#06111c;--white:#fff;--shadow:0 18px 55px rgba(0,0,0,.28)}
body:not(.login){background:#06111c;color:#f5f7fb}
body:not(.login) aside,.dj-side{background:linear-gradient(180deg,#071522,#08111b)!important;border-color:#20364a!important;color:#fff}
body:not(.login) .brand,.dj-side .brand{color:#fff} body:not(.login) nav a,body:not(.login) .site,body:not(.login) .logout,.dj-side .site,.dj-side .logout{color:#eaf2fa}
body:not(.login) nav a:hover,body:not(.login) .site:hover,.dj-side .site:hover{background:#102235;color:#fff}
body:not(.login) nav a.on{background:linear-gradient(135deg,#ff1730,#ed0619);box-shadow:0 12px 28px rgba(255,23,48,.22)}
body:not(.login) main,.dj-main{background:#06111c;color:#f5f7fb}
body:not(.login) .cards article,body:not(.login) .panel,.dj-main .panel{background:#0b1926;border-color:#263a4d;box-shadow:0 18px 55px rgba(0,0,0,.18);color:#f5f7fb}
body:not(.login) .cards b,body:not(.login) h1,body:not(.login) h2,body:not(.login) h3,.dj-main h1,.dj-main h2{color:#fff}
body:not(.login) header p,body:not(.login) .panel p,.dj-main p{color:#91a1b3}
body:not(.login) .quick a{background:#0f2131;border-color:#294157;color:#eef5fb}
body:not(.login) .quick a:hover{border-color:#ff1730;color:#fff;background:#13283a}
body:not(.login) .gridform label,.dj-main .gridform label{color:#d9e4ee}
body:not(.login) .gridform input,body:not(.login) .gridform select,body:not(.login) .gridform textarea,body:not(.login) select,.dj-main input,.dj-main select,.dj-main textarea{background:#07131f!important;border-color:#30475b!important;color:#fff!important}
body:not(.login) .gridform input:focus,body:not(.login) .gridform select:focus,body:not(.login) .gridform textarea:focus{border-color:#ff1730!important;box-shadow:0 0 0 3px rgba(255,23,48,.12)!important}
body:not(.login) .row,.dj-main .row{background:#0d1d2b;border-color:#263a4d;color:#fff} body:not(.login) .row small,.dj-main .row small{color:#91a1b3}
body:not(.login) .media-grid figure{background:#0d1d2b;border-color:#263a4d}.dj-stat{background:#0d1d2b!important;border-color:#263a4d!important;color:#fff}.dj-stat span,.dj-profile p{color:#91a1b3!important}.dj-profile img{border-color:#071522!important}
body:not(.login) .pill{background:#112a20;color:#6ce39b}.preview{border:1px solid #30475b}
@media(max-width:900px){body:not(.login) aside,.dj-side{position:static!important;width:100%!important;padding:14px!important}body:not(.login) aside nav{display:flex!important;overflow-x:auto;gap:7px;padding-bottom:5px;scrollbar-width:thin}body:not(.login) aside nav a{white-space:nowrap;flex:0 0 auto;padding:10px 12px}.dj-main,body:not(.login) main{margin-left:0!important;width:100%!important;max-width:none!important;padding:15px!important}.dj-profile{display:grid!important;grid-template-columns:72px 1fr;column-gap:14px;text-align:left!important;align-items:center}.dj-profile img{width:72px!important;height:72px!important;grid-row:1/4}.dj-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.dj-stat{padding:10px!important}.dj-stat b{font-size:25px!important}.gridform{grid-template-columns:1fr!important}.gridform .wide,.wide{grid-column:1!important}.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){body:not(.login) main,.dj-main{padding:10px!important}body:not(.login) .panel,.dj-main .panel{padding:15px!important;border-radius:16px!important}.cards{grid-template-columns:1fr!important}.dj-stats{grid-template-columns:1fr 1fr 1fr;gap:6px!important}.dj-stat b{font-size:21px!important}.dj-stat span{font-size:8px!important}.row{padding:10px!important}.media-grid{grid-template-columns:1fr 1fr!important}.login-shortcuts{display:none!important}}
.news-admin-card{display:grid;grid-template-columns:180px repeat(4,minmax(150px,1fr));gap:14px;align-items:end;padding:16px;border:1px solid #294156;border-radius:16px;background:#091724;margin:8px 0}.news-admin-card .preview{width:160px;height:92px;object-fit:cover;border-radius:10px}@media(max-width:900px){.news-admin-card{grid-template-columns:1fr 1fr}.news-admin-card>div{grid-column:1/-1}}