:root{color-scheme:dark;--bg:#050e20;--panel:rgba(5,18,40,.96);--panel2:#10233e;--text:#f2f5ff;--muted:#bacdec;--border:#29466d;--shadow:0 18px 60px #0005}
:root[data-theme=light]{color-scheme:light;--bg:#e9f1fc;--panel:rgba(246,250,255,.97);--panel2:#e5eefb;--text:#12243c;--muted:#425e80;--border:#a1badb;--shadow:0 18px 60px #001d3a26}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;padding:0;min-height:100vh;height:auto;font:15px/1.6 "Segoe UI",Arial,sans-serif;color:var(--text);background:var(--bg) url('/images/winter-world.png') center 75px/cover fixed no-repeat}a{color:#47cfff;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}:focus-visible{outline:3px solid #5cdbff;outline-offset:4px}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:var(--bg);padding:12px}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{background:rgba(3,13,36,.96);border-bottom:1px solid #29466d}.header-inner{max-width:1380px;margin:auto;min-height:96px;display:flex;align-items:center;gap:42px;padding:12px 28px}.brand{display:inline-flex;position:relative;flex-direction:column;color:#ffce34!important;font:1000 44px/.92 "Arial Black",Impact,sans-serif;letter-spacing:-2px;text-align:center;text-shadow:3px 3px 0 #a95a03,-2px -2px 0 #101524,4px 5px 0 #020815;text-decoration:none!important}.brand small{font-size:.54em;letter-spacing:1px;color:#f2f7ff;text-shadow:2px 2px 0 #526caa,3px 3px 0 #020815}.brand i{position:absolute;left:-20px;top:-13px;font:28px sans-serif;transform:rotate(-20deg)}.main-nav{display:flex;align-items:center;gap:28px;flex:1}.main-nav a{color:#f1f6ff;padding:16px 0;white-space:nowrap;font-weight:600;border-bottom:2px solid transparent}.main-nav .active{color:#00d4ff;border-color:#00d4ff}.header-tools{display:flex;align-items:center;gap:16px}.theme-toggle{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #365580;border-radius:12px;color:#dae6ff;background:#04142f}.toggle-track{width:34px;height:22px;border-radius:20px;background:#2454ff;display:block;padding:2px}.toggle-track span{display:block;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 0 12px #73afff}.online-pill{border:1px solid #365580;border-radius:10px;padding:11px 16px;color:#fff;white-space:nowrap;font-size:13px}.online-pill i,.footer-online i{display:inline-block;width:10px;height:10px;background:#00c99c;border-radius:50%;margin-right:10px;box-shadow:0 0 14px #00c99c66}.logout{font-size:12px}.sub-nav{background:var(--panel);display:flex;justify-content:center;gap:24px;flex-wrap:wrap;padding:10px 20px;border-bottom:1px solid var(--border)}.sub-nav a{color:var(--muted);font-size:13px}.sub-nav .active{color:#38cfff}.nav-unavailable{color:var(--muted);opacity:.55;font-size:13px}
.site-main{max-width:1240px;margin:auto;padding:30px 26px 50px;min-height:65vh}#content,#content_2,#content_3{width:100%;display:flow-root;margin:0}.guest-page .site-main:has(.login-hero){padding-top:40px;padding-bottom:30px}.login-hero{min-height:600px;display:flex;align-items:center}.login-card{width:440px;max-width:100%;padding:30px 42px;border:1px solid #5979a4;border-top:6px solid #dceaff;border-radius:22px;background:linear-gradient(150deg,rgba(6,18,44,.98),rgba(3,16,33,.96));box-shadow:var(--shadow);color:#f2f5ff;position:relative}.login-card:before{content:"";position:absolute;top:-7px;left:10px;right:10px;height:12px;border-radius:60% 25% 80% 20%;background:linear-gradient(#fff,#bed5ff);box-shadow:0 4px 9px #496fff55}.eyebrow{font-size:23px;color:#c9daf6}.hero-brand{display:flex;margin:14px auto 20px;font-size:64px;max-width:250px}.login-card p{text-align:center;font-size:14px;line-height:1.65;margin:20px -12px}.input-icon{display:flex;align-items:center;border:1px solid #385379;background:rgba(20,38,63,.78);border-radius:8px;margin:10px 0;color:#b8ceef;overflow:hidden}.input-icon>span{padding-left:14px;font-size:20px}.input-icon input{border:0!important;background:transparent!important;color:#f2f5ff!important;width:100%;padding:12px!important;min-width:0;box-shadow:none!important}.input-icon input::placeholder{color:#9eb9df}.password-toggle{border:0;background:none;color:#b8ceef;padding:10px}.login-options{font-size:13px;margin:12px 0 20px}.login-options input{accent-color:#2454ff;width:17px;height:17px;vertical-align:middle;margin-right:5px}.button,button[type=submit],input[type=submit],.check,.check3{display:inline-flex;justify-content:center;align-items:center;gap:16px;background:#2454ff;color:#fff!important;border:0;border-radius:9px;padding:13px 22px;font-weight:650;text-decoration:none!important;box-shadow:0 3px 14px #2454ff35;min-height:46px;height:auto;width:auto}.button:hover,button[type=submit]:hover{filter:brightness(1.13)}.login-submit,.login-card .button{width:100%;font-size:17px}.button-green{background:#00af87;box-shadow:0 4px 14px #00af8733}.or{display:flex;align-items:center;gap:16px;color:#cbd7ed;margin:14px 0}.or:before,.or:after{content:"";height:1px;background:#25405f;flex:1}
.site-footer{background:rgba(3,13,29,.97);border-top:1px solid #29466d;color:#b7cceb}.footer-inner{max-width:1380px;display:grid;grid-template-columns:2fr 1fr 1.4fr 1.2fr 1fr;gap:32px;margin:auto;padding:34px 28px}.footer-inner>div{display:flex;flex-direction:column;align-items:flex-start;font-size:13px}.footer-inner strong{color:#f2f5ff;margin-bottom:12px}.footer-inner a:not(.brand){margin:3px 0;color:#b7cceb}.footer-brand{font-size:35px}.footer-inner p{margin:16px 0 4px}.discord,.discord-unavailable{padding:10px 16px;background:#5444f9;border-radius:8px;color:#fff!important;font-weight:600}.discord-unavailable{opacity:.65}.footer-online{border:1px solid #223e5d;border-radius:12px;padding:16px;justify-content:center;align-items:center!important}.footer-online b{font-size:23px;color:#fff}.footer-online i{margin:0 0 5px}
/* Alle bestaande inhoudstemplates gebruiken dezelfde panelen. */
.eenbox,.tweebox,.ik1,.ik2,.nieuws1,.nieuws2,.staff_1,.staff_2,.dia1,.dia2,.dia3{float:left;max-width:100%;margin:0 0 22px;width:calc(50% - 12px)}.tweebox,.ik2,.nieuws2,.staff_2{float:right}.nieuws1{width:calc(68% - 12px)}.nieuws2{width:calc(32% - 12px)}[class^=box_],.notice-panel{background:var(--panel)!important;color:var(--text);border:1px solid var(--border)!important;border-radius:14px;margin:0 0 22px;overflow:hidden;box-shadow:var(--shadow);height:auto!important;min-height:0!important;width:100%!important}[class^=titel_]{background:var(--panel2)!important;color:var(--text)!important;padding:14px 20px;font-size:17px;font-weight:700;border-bottom:1px solid var(--border);height:auto!important;min-height:0!important;line-height:1.4}[class^=titel_] font{color:inherit!important}.tekst{padding:22px;line-height:1.75;color:var(--text);font-size:14px}.tekst p{margin-top:0}.tekst table{width:100%!important;max-width:100%;background:transparent!important;border-collapse:collapse}.tekst td{background:transparent!important;color:var(--text);padding:12px 6px;border-bottom:1px solid var(--border)}input[type=text],input[type=email],input[type=password],input:not([type]),select,textarea{background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:7px;padding:10px 12px;max-width:100%;height:auto}.registreer{width:100%;margin:6px 0 18px}.tekst font{color:inherit}.alert,.error,.error2,.juist{background:var(--panel2);border:1px solid var(--border);padding:12px 16px;border-radius:9px;margin:0 0 14px}.error,.error2{border-color:#ee6a73;color:#ffc0c5}.odd,.even{background:transparent;border-bottom:1px solid var(--border);padding:12px 0}.nieuws_datum{font-size:12px;color:var(--muted)}.ad,.ad2{max-width:100%;overflow:hidden}.profile-card{padding:28px;display:flex;align-items:center;gap:24px}.profile-card h1{margin:0;font-size:30px}.profile-card img{width:90px;image-rendering:pixelated}.profile-stats{display:flex;gap:22px;flex-wrap:wrap;margin:20px 0}.profile-stats b{display:block;font-size:23px}.profile-stats span{color:var(--muted);font-size:12px}.article-body{overflow-wrap:anywhere}.article-body img{height:auto}.article-body iframe{max-width:100%}.news-tile{padding:22px;border-bottom:1px solid var(--border)}.news-tile h3{margin:0 0 7px}.news-tile p{margin:0;color:var(--muted)}.notice-panel{max-width:600px;margin:10vh auto;padding:36px}.payment-page{padding:24px}.snow{position:fixed;inset:-30% 0 0;z-index:1;pointer-events:none;background-image:radial-gradient(2px 2px at 20px 40px,#fff9 40%,transparent 60%),radial-gradient(1px 1px at 120px 160px,#fff8 40%,transparent 60%),radial-gradient(2px 2px at 220px 100px,#fff7 40%,transparent 60%);background-size:310px 280px;animation:snowfall 24s linear infinite;opacity:.4}.site-header,.site-main,.site-footer,.sub-nav{position:relative;z-index:2}@keyframes snowfall{to{transform:translateY(280px)}}
:root[data-theme=light] .toggle-track span{transform:translateX(12px)}:root[data-theme=light] .site-header,:root[data-theme=light] .site-footer{background:#ecf4fff5;color:var(--text)}:root[data-theme=light] .main-nav a,:root[data-theme=light] .footer-inner a:not(.brand),:root[data-theme=light] .footer-inner strong,:root[data-theme=light] .footer-online b{color:var(--text)}
@media(max-width:1100px){.header-inner{gap:25px;flex-wrap:wrap}.main-nav{gap:22px}.header-tools{margin-left:auto}.footer-inner{grid-template-columns:2fr 1fr 1fr}.footer-online{display:none!important}}@media(max-width:760px){body{background-position:62% 0}.header-inner{padding:16px 20px;gap:18px}.brand{font-size:33px}.main-nav{order:3;flex-basis:100%;gap:22px;overflow:auto}.main-nav a{padding:8px 0;font-size:14px}.header-tools{gap:8px}.online-pill{padding:8px;font-size:11px}.theme-toggle{padding:7px;font-size:13px}.logout{font-size:11px}.site-main{padding:24px 16px;min-height:55vh}.guest-page .site-main:has(.login-hero){padding:30px 16px}.login-hero{min-height:550px;justify-content:center}.login-card{padding:28px;max-width:420px;background:rgba(4,16,35,.95)}.hero-brand{font-size:59px}.login-card p{font-size:13px}.eenbox,.tweebox,.ik1,.ik2,.nieuws1,.nieuws2,.staff_1,.staff_2,.dia1,.dia2,.dia3{width:100%;float:none}.footer-inner{grid-template-columns:1fr 1fr;padding:28px 22px;gap:26px}.footer-inner>div:first-child{grid-column:1/-1}.profile-card{padding:20px;gap:10px}.profile-card h1{font-size:24px}.sub-nav{gap:15px}.tekst{padding:18px}.snow{opacity:.25}}
:root[data-theme=light] .online-pill{color:var(--text)}
:root[data-theme=light] .login-card{background:var(--panel);color:var(--text)}
:root[data-theme=light] .eyebrow,:root[data-theme=light] .login-options,:root[data-theme=light] .or{color:var(--muted)}
:root[data-theme=light] .input-icon{background:var(--panel2)}
:root[data-theme=light] .input-icon input{color:var(--text)!important}
:root[data-theme=light] .input-icon input::placeholder{color:var(--muted)}
body{display:flex;flex-direction:column}.site-main{width:100%;flex:1}.site-footer{margin-top:auto}
.login-card{border-top:1px solid #385379}
.login-card:before{display:none}
.login-error{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;margin:0 0 14px;border:1px solid #ec8791;border-radius:8px;background:#421e2b;color:#ffe7ea;font-size:14px;line-height:1.5;text-align:left}
.login-error>span{font-weight:800;color:#ffb7c0}
:root[data-theme=light] .login-error{background:#fff0f2;color:#8b1731;border-color:#c94c68}
:root[data-theme=light] .login-error>span{color:#8b1731}
.registreer,.registreer:hover,.registreer:focus{width:100%;height:auto;font:15px/1.5 "Segoe UI",Arial,sans-serif;padding:11px 12px!important;border:1px solid var(--border);background:var(--panel2);color:var(--text)}
.registreer:hover{border-color:#698dbb}
.registreer:focus{border-color:#45c8ff}
.login-field,.login-field:hover,.login-field:focus{width:100%;height:auto;font:15px/1.5 "Segoe UI",Arial,sans-serif;padding:11px 12px;border:1px solid var(--border);background:var(--panel2);color:var(--text)}
.check,.check:hover,.check3,.check3:hover,.check2,.check2:hover{width:auto;height:auto;min-height:46px;font:600 15px/1.5 "Segoe UI",Arial,sans-serif;padding:13px 22px;border:0}
#check-name{background:var(--panel2);border:1px solid var(--border);color:var(--text);padding:9px 16px;border-radius:8px}
:root[data-theme=light] a{color:#0868ab}
/* Klassiek winterhotel uit de bestaande R63-assets, op native pixelgrootte. */
body{background-color:#08192e;background-image:url('/images/winter-hotel-original.png'),radial-gradient(ellipse at 65% 15%,#173e60 0,transparent 65%);background-size:1256px 990px,100% 100%;background-position:calc(50% + 355px) 80px,center;background-repeat:no-repeat;background-attachment:fixed;image-rendering:pixelated}
.site-header,.site-main,.site-footer{image-rendering:auto}
.hotel-guests{position:absolute;right:4%;bottom:10px;display:flex;align-items:flex-end;gap:8px;pointer-events:none}
.hotel-guests img{width:64px;height:110px;image-rendering:pixelated;object-fit:contain}
.hotel-guest{margin:0;display:flex;flex-direction:column;align-items:center}
.hotel-guest figcaption{font:600 12px/1.5 "Segoe UI",Arial,sans-serif;color:#edf5ff;background:#06152edd;border:1px solid #385379;border-radius:6px;padding:3px 9px;text-shadow:none}
.night-preview{background-image:url('/images/winter-hotel-night.png'),radial-gradient(ellipse at 65% 15%,#0b2746 0,#061226 70%);background-blend-mode:screen,normal;background-position:calc(50% + 355px) 80px,center}
.hotel-guests{min-width:300px;gap:22px;justify-content:center;padding:12px 22px 16px;background:var(--bg);border:1px solid #365476;border-radius:16px;box-shadow:0 12px 32px #0005;pointer-events:auto}
.brand{flex-shrink:0}
:root[data-theme=light] .brand small{color:#243b60;text-shadow:1px 1px 0 #fff,2px 2px 0 #8ca4c6}
:root[data-theme=light] .input-icon>span,:root[data-theme=light] .password-toggle{color:#516d92}
.hotel-guest figcaption{color:var(--text);background:transparent;border:0;padding:4px 0 0;font-size:12px;letter-spacing:.2px}
@media(max-width:760px){.login-hero{flex-direction:column;gap:22px;align-items:center}.hotel-guests{position:static;display:flex;min-width:0;width:100%;max-width:420px;margin-top:2px}.night-preview{background-position:58% 90px,center}}
.input-icon{background:#10213a;border-radius:8px;min-height:48px;box-shadow:none}
.input-icon>span{width:44px;flex:0 0 44px;padding:0;display:flex;align-items:center;justify-content:center;color:#b6c9e4}
.input-icon input{flex:1;border-radius:0!important;padding:12px 4px!important;outline:none!important;margin:0!important;min-height:46px}
.input-icon:focus-within{border-color:#77b7ed;box-shadow:0 0 0 1px #77b7ed}
.password-toggle{flex:0 0 44px;min-width:44px;min-height:46px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:0;box-shadow:none}
.password-toggle:focus-visible{outline:2px solid #77b7ed;outline-offset:-5px}
.input-icon input:-webkit-autofill,.input-icon input:-webkit-autofill:hover,.input-icon input:-webkit-autofill:focus{-webkit-text-fill-color:#f2f5ff;-webkit-box-shadow:0 0 0 1000px #10213a inset!important;caret-color:#f2f5ff;border-radius:0!important}
:root[data-theme=light] .input-icon{background:#e5eefb}
:root[data-theme=light] .input-icon input:-webkit-autofill,:root[data-theme=light] .input-icon input:-webkit-autofill:hover,:root[data-theme=light] .input-icon input:-webkit-autofill:focus{-webkit-text-fill-color:#12243c;-webkit-box-shadow:0 0 0 1000px #e5eefb inset!important;caret-color:#12243c}
:root[data-theme=light] body{background-color:#b9d9ed}
@media(max-width:1100px){body{background-position:calc(50% + 250px) 100px,center}.hotel-guests{right:0}}
@media(max-width:760px){body{background-size:1256px 990px,100% 100%;background-position:58% 90px,center}.hotel-guests{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.snow{animation:none}}
/* Bewaar het vorige scherm tot de volgende pagina klaarstaat, zonder crossfade. */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
.page-loading,.page-loading a,.page-loading button{cursor:progress}
.staff_1 table td:first-child{width:88px!important;min-width:88px}
.staff_1 table td:first-child img{width:64px!important;min-width:64px;max-width:none;height:110px;object-fit:contain;image-rendering:pixelated}
.theme-toggle{width:100px;min-width:100px;max-width:100px;height:44px;min-height:44px;max-height:44px;flex:0 0 100px;padding:0 10px!important;gap:7px;font:15px/1 "Segoe UI",Arial,sans-serif;justify-content:center;box-sizing:border-box}
.theme-toggle .toggle-track{width:34px;min-width:34px;max-width:34px;height:22px;min-height:22px;max-height:22px;flex:0 0 34px;padding:2px;box-sizing:border-box}
.theme-toggle .toggle-track span{width:18px;min-width:18px;max-width:18px;height:18px;min-height:18px;max-height:18px;margin:0;box-sizing:border-box}
.theme-toggle{width:106px;min-width:106px;max-width:106px;flex-basis:106px;padding:0 9px!important}
.theme-toggle .toggle-track{width:42px;min-width:42px;max-width:42px;height:24px;min-height:24px;max-height:24px;flex-basis:42px;border-radius:20px;background:#2454ed}
.theme-toggle .toggle-track span{width:20px;min-width:20px;max-width:20px;height:20px;min-height:20px;max-height:20px;border-radius:50%;background:#eff7ff;border:1px solid #fff;box-shadow:0 0 7px #75adff66;transform:translateX(0)}
:root[data-theme=light] .theme-toggle .toggle-track span{transform:translateX(18px)}
.ranking-list{padding:0 22px}
.ranking-row{display:flex;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid var(--border)}
.ranking-row:last-child{border-bottom:0}
.ranking-place{flex:0 0 30px;font-size:18px;font-weight:750;color:var(--muted);text-align:center}
.ranking-row:first-child .ranking-place{color:#ffd052}
.ranking-row img{flex:0 0 32px;width:32px;height:55px;image-rendering:pixelated}
.ranking-name{flex:1;min-width:0;overflow-wrap:anywhere}
.ranking-score{text-align:right;display:flex;flex-direction:column}
.ranking-score strong{font-size:20px}
.ranking-score span{font-size:12px;color:var(--muted)}
.article-body{font-size:15px;line-height:1.8}
.article-body p{margin:0 0 18px}
.empty-message{color:var(--muted);margin:0!important}
@media(max-width:760px){.ranking-list{padding:0 14px}.ranking-row{gap:10px}.ranking-score strong{font-size:17px}}
/* Persoonlijke pagina: compacte identiteit en bestaande saldi naast elkaar. */
.member-page{--panel:#07172c}
:root[data-theme=light] .member-page{--panel:#f4f8ff}
.profile-overview{padding:24px 28px;display:grid;grid-template-columns:minmax(340px,1.2fr) minmax(360px,1fr);align-items:center;gap:28px}
.profile-identity{display:flex;align-items:center;gap:20px}
.profile-avatar{width:88px;flex:0 0 88px;align-self:flex-end}
.profile-avatar img{display:block;width:88px;image-rendering:pixelated}
.profile-identity h1{font-size:30px;line-height:1.2;margin:5px 0 12px}
.profile-identity p{color:var(--muted);margin:0 0 18px}
.profile-identity .eyebrow{font-size:17px}
.profile-balances{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.balance-tile{padding:16px 10px;min-height:128px;border:1px solid var(--border);background:var(--panel2);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.balance-tile img{width:auto;height:20px;image-rendering:pixelated;margin-bottom:4px}
.balance-tile strong{font-size:19px;white-space:nowrap}
.balance-tile span{color:var(--muted);font-size:12px}
.profile-form label{display:block;margin:0 0 6px}
.profile-form input{display:block;width:100%;margin:0 0 20px}
.profile-success{border:1px solid #24b88f;background:#073d32;color:#c2ffeb;padding:10px 14px;border-radius:8px}
:root[data-theme=light] .profile-success{background:#e1f8ef;color:#075440}
@media(max-width:1000px){.profile-overview{grid-template-columns:1fr}.profile-balances{max-width:100%}}
@media(max-width:760px){.profile-overview{padding:20px;gap:22px}.profile-identity{gap:12px}.profile-identity h1{font-size:25px}.profile-avatar{width:68px;flex-basis:68px}.profile-avatar img{width:68px}.profile-balances{gap:8px}.balance-tile{padding:12px 6px;min-height:112px}.balance-tile strong{font-size:16px}}

.beheer-panel{max-width:920px;margin:24px auto}.beheer-nav{margin-bottom:24px}.beheer-panel select{padding:12px;border-radius:8px;max-width:100%}.staff_2 #functie{margin-top:20px}.field-help{font-size:13px;line-height:1.6;opacity:.85}.profile-form input{max-width:100%;box-sizing:border-box}

.beheer-events{display:grid;grid-template-columns:minmax(0,2fr) minmax(180px,1fr);gap:28px}.beheer-panel textarea{width:100%;box-sizing:border-box;padding:12px;border:1px solid #507098;border-radius:8px;background:var(--panel);color:inherit;font:inherit}.beheer-panel label{display:block;margin:12px 0}.beheer-panel input[type=checkbox]{width:auto}@media(max-width:700px){.beheer-events{grid-template-columns:1fr}}

.event-editor{min-height:280px;padding:16px;border:1px solid #507098;border-radius:0 0 8px 8px;background:rgba(0,0,0,.12);line-height:1.7;overflow-wrap:anywhere}.event-editor:focus{outline:2px solid #16bfff;outline-offset:2px}.editor-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:10px;border:1px solid #507098;border-bottom:0;border-radius:8px 8px 0 0}.editor-toolbar button{padding:8px 12px;min-height:36px}.event-editor p{margin:0 0 12px}.event-editor ul{padding-left:24px}

/* Gelijke keuzelijsten voor rang, VIP en banduur. */
.beheer-panel select{
  display:block;width:100%;max-width:100%;min-height:46px;box-sizing:border-box;
  margin:8px 0 18px;padding:11px 42px 11px 14px;
  appearance:none;-webkit-appearance:none;
  border:1px solid var(--border);border-radius:10px;
  background-color:var(--panel2);color:var(--text);
  font:inherit;line-height:1.5;cursor:pointer;
  box-shadow:none;outline:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394abc8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;background-size:16px;
}
.beheer-panel select:hover{border-color:#71839c}
.beheer-panel select:focus-visible{border-color:#94abc8;outline:2px solid rgba(148,171,200,.32);outline-offset:2px;box-shadow:none}
.beheer-panel select option{background:var(--panel2);color:var(--text)}
:root[data-theme=light] .beheer-panel select{border-color:#bfccdc;background-color:#f5f8fc;color:#243b60}
:root[data-theme=light] .beheer-panel select:hover{border-color:#879ab2}
:root[data-theme=light] .beheer-panel select:focus-visible{outline-color:rgba(83,107,138,.25);border-color:#7088a6}

.logout-form{margin:0;display:inline-flex}.logout-form .logout{font:inherit;cursor:pointer;white-space:nowrap}

.layout-switch-form{margin:0;display:inline-flex}.layout-switch{white-space:nowrap;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);padding:10px 12px;font:13px 'Segoe UI',Arial,sans-serif;cursor:pointer}.header-tools{flex-wrap:wrap}

@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.14s}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}

/* Geen afzonderlijke balk onderaan; de paginaachtergrond blijft zichtbaar. */
.site-footer{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important}

/* Geen extra scrollvlak onder de voettekst. */
html[data-layout=modern]{min-height:100%}
html[data-layout=modern] body{min-height:100vh;min-height:100dvh;height:auto}
.site-main{flex:1 0 auto;min-height:0;margin:0 auto}
.site-header,.sub-nav,.site-footer{flex-shrink:0}
.site-footer{margin-top:auto}
/* Bewegende achtergrond mag geen onzichtbare overloop onderaan maken. */
.snow{inset:0;transform:none;animation:fobba-snow-background 24s linear infinite;overflow:hidden}
@keyframes fobba-snow-background{to{background-position:0 280px,0 280px,0 280px}}
@media(prefers-reduced-motion:reduce){.snow{animation:none}}