.adm{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.adm .card{padding:16px 22px 22px}
h2{margin:0 0 12px;color:#13425a}
textarea{display:block;width:100%;margin-top:4px;padding:10px;border:2px solid #1d2b3a;border-radius:8px;font:inherit;font-size:15px}
.prev{max-width:120px;max-height:120px;border:2px solid #1d2b3a;border-radius:8px;margin-bottom:12px;object-fit:contain}
.row{display:flex;gap:10px}
.ev{display:flex;gap:10px;align-items:center;border-bottom:2px dashed #cfd8dc;padding:8px 0}
.ev img{width:48px;height:48px;object-fit:contain;border:2px solid #1d2b3a;border-radius:6px;background:#fff}
.ev .t{flex:1}.ev .t b{display:block}.ev .t small{color:#c0396b;font-weight:bold}
.ev button{padding:4px 10px;font:inherit;font-size:13px;border:2px solid #1d2b3a;border-radius:6px;cursor:pointer;background:#cfe7ec}
.ev button.del{background:#f7a8c4}
.past{opacity:.5}
@media(max-width:760px){.adm{grid-template-columns:1fr}}
.tw{overflow-x:auto}.tbl{border-collapse:collapse;width:100%;font-size:13px}.tbl th,.tbl td{border-bottom:1px solid #cfd8dc;padding:5px 6px;text-align:left;vertical-align:top}
.tbl th{background:#cfe7ec}.tbl .mono{font-family:monospace;font-size:11px}.tbl input,.tbl select{width:110px;margin:0 4px 4px 0;padding:3px}
.tbl button{padding:3px 8px;font:inherit;font-size:12px;border:2px solid #1d2b3a;border-radius:6px;cursor:pointer;background:#cfe7ec;margin-right:4px}.tbl button.del{background:#f7a8c4}
#adm .card{margin-bottom:16px;padding:16px 22px}.hint{font-size:13px;color:#555}
.tree{max-height:520px;overflow:auto;font-size:13px;margin-top:8px}.tree ul{list-style:none;margin:0;padding-left:14px}.tree>ul{padding-left:0}
.tree a{color:#13425a;text-decoration:none}.tree a.on{font-weight:bold;background:#ffe9a8}.tree .dim,.tbl tr.dim{opacity:.5}.tree small{color:#c0396b}
#adm input:not([type=checkbox]){padding:5px;border:2px solid #1d2b3a;border-radius:6px;font:inherit}
.sbtn,#pctl button{padding:4px 10px;font:inherit;font-size:13px;border:2px solid #1d2b3a;border-radius:6px;cursor:pointer;background:#cfe7ec}
.row{flex-wrap:wrap;align-items:center;margin-bottom:8px}
/* Nitro-stijl catalogus */
.adm.nc{grid-template-columns:280px 1fr;gap:0;border:2px solid #1d2b3a;border-radius:10px;overflow:hidden;background:#e9e9e1}
.adm.nc>.card{margin:0!important;border-radius:0;box-shadow:none;background:#e9e9e1}
.adm.nc>.card h2{background:#1e7295;color:#fff;margin:-16px -22px 12px;padding:8px 14px;font-size:16px}
.adm.nc>.card:first-child{border-right:2px solid #b6bec5;background:#dfe3e6}
.nc .tree{max-height:640px}.nc .tree li{margin:1px 0}
.nc .tree a{display:flex;align-items:center;gap:6px;padding:3px 6px;border-radius:5px}
.nc .tree a:hover{background:#cfe7ec}.nc .tree a.on{background:#fff;box-shadow:inset 0 0 0 2px #1e7295}
.nc .tree a span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nc .tree a em{font-style:normal;font-size:11px;color:#78909c}
.pi{width:20px;height:20px;object-fit:contain;flex:none;image-rendering:pixelated}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px;margin:8px 0;max-height:640px;overflow:auto;padding:2px}
.tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;background:#fff;border:2px solid #b6bec5;border-radius:6px;cursor:pointer;font:inherit;font-size:11px;min-height:104px}
.tile:hover{border-color:#1e7295}.tile.on{border-color:#1e7295;background:#e3f2f7}.tile.arch{opacity:.6}
.tile .fi{width:50px;height:50px;object-fit:contain;image-rendering:pixelated}
.tile .nm{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
.tile .ltd{position:absolute;top:3px;left:3px;background:#c0396b;color:#fff;font-size:9px;padding:0 3px;border-radius:3px}
.pr{display:inline-flex;align-items:center;gap:3px;font-weight:bold;font-size:11px}.cur{width:14px;height:14px;object-fit:contain}
.det{display:flex;gap:14px;align-items:flex-start;background:#fff;border:2px solid #1e7295;border-radius:8px;padding:10px;margin-bottom:8px}
.det .big{width:90px;height:90px;object-fit:contain;image-rendering:pixelated;background:#e9e9e1;border-radius:6px}
.det .dt{flex:1}.det .pr{font-size:14px;margin:4px 0}.det .cur{width:18px;height:18px}
.det button{padding:4px 10px;font:inherit;font-size:13px;border:2px solid #1d2b3a;border-radius:6px;cursor:pointer;background:#cfe7ec}.det button.del{background:#f7a8c4}
#gres .grid{max-height:360px}
@media(max-width:760px){.adm.nc{grid-template-columns:1fr}}
.tile,.tile .nm,.tile .pr{font-size:11px!important;line-height:1.25}.tile .nm{font-weight:normal}
.det,.det .hint{text-align:left}.det .row{justify-content:flex-start}.det input{width:110px!important;margin:0}
.det b{font-size:16px}

/* Bel-Credits-tab + inklapbare boom */
.tabs{display:flex;gap:8px;margin:0 0 12px}.tabs button{display:flex;align-items:center;gap:6px;padding:8px 18px;font:inherit;font-weight:bold;border:2px solid #1d2b3a;border-radius:8px 8px 0 0;background:#cfe7ec;cursor:pointer}
.tabs button.on{background:#1e7295;color:#fff}.tabs img{width:18px;height:18px;object-fit:contain}
.tr{display:flex;align-items:center}.tr a{flex:1;min-width:0}.tg{width:14px;flex:none;cursor:pointer;color:#1e7295;font-size:11px;user-select:none}
.bcg{border:2px solid #b6bec5;border-radius:8px;margin:6px 0;background:#fff;padding:0 10px}.bcg summary{cursor:pointer;padding:8px 0;color:#13425a}.bcg summary em{font-style:normal;color:#78909c}.bcg summary small{color:#c0396b}
.bcg.arch{border-color:#c0396b}.bcg .row{margin:4px 0 8px}
.bct td{vertical-align:middle}.bct .fi2{width:40px;height:40px;object-fit:contain;image-rendering:pixelated}
.bct .pr{font-size:13px}.bct input.pn{width:80px}.bct button.sv{background:#a5d6a7}.bct button.on{background:#a5d6a7}
.bcg button,#v-bc .row select{padding:4px 10px;font:inherit;font-size:13px;border:2px solid #1d2b3a;border-radius:6px;cursor:pointer;background:#cfe7ec}
#v-bc .row input{min-width:240px}#v-bc h2 .cur{width:22px;height:22px;vertical-align:middle}#bcsum{margin-left:6px}
img.cur{background:none;border:0;padding:0;border-radius:0;display:inline-block}
#v-bc h2{display:flex;align-items:center;gap:8px}
.bct .cur{width:20px;height:20px}

#toasts{position:fixed;right:16px;bottom:16px;z-index:999;display:flex;flex-direction:column;gap:8px;max-width:420px}
.toast{padding:10px 14px;border:2px solid #1d2b3a;border-radius:8px;background:#a5d6a7;font-weight:bold;box-shadow:0 3px 10px rgba(0,0,0,.3);cursor:pointer}.toast.err{background:#ef9a9a}
.st{display:inline-block;padding:1px 8px;border-radius:10px;font-size:12px;font-weight:bold;border:1.5px solid;margin-top:2px}
.st.on{background:#c8e6c9;border-color:#2e7d32;color:#1b5e20}.st.off{background:#ffcdd2;border-color:#c62828;color:#b71c1c}.st.warn{background:#fff3cd;border-color:#b08900;color:#7a5c00}
.tile{position:relative}.st.mini{position:absolute;top:2px;left:2px;font-size:10px;padding:0 5px;margin:0}

/* Statistieken */
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px}
.kpi{display:flex;flex-direction:column;align-items:center;padding:12px 8px;text-align:center}
.kpi b{font-size:30px;color:#13425a;line-height:1.1}.kpi span{font-size:13px;color:#555}.kpi small{font-size:11px;color:#c0396b;margin-top:2px}
.chart{width:100%;height:auto;display:block}
h2 small{font-size:12px;font-weight:normal;color:#78909c}
.sbtn.on{background:#1e7295;color:#fff}#foot{color:#f3f7f9;text-shadow:0 1px 2px #000}

/* VIP geven */
#f input{padding:6px 8px;font:inherit;border:2px solid #1d2b3a;border-radius:6px}#f button{padding:6px 14px;font:inherit;font-weight:bold;border:2px solid #1d2b3a;border-radius:6px;cursor:pointer;background:#ffd23f}#f button:disabled{opacity:.5}#f #name{min-width:220px}


/* ===== Zomerhotel (design A) – admin ===== */
.backlink{background:#fff;color:var(--ink);font-weight:800;font-size:14px;padding:8px 14px;border-radius:999px;box-shadow:0 2px 0 var(--bevel)}
.backlink:hover{text-decoration:none;background:var(--sun-l)}
.admhero .kick{color:var(--sun);text-shadow:0 1px 2px rgba(0,0,0,.4);margin-bottom:2px}
.admnav .nav{overflow-x:auto;scrollbar-width:none}
.adminpage h2{color:var(--ink);font-size:18px;margin:0 0 14px}
.adm{gap:24px}
.adm .card,#adm .card{padding:18px 20px 20px;margin-bottom:0}
#adm>.card+.card{margin-top:16px}
.adm:not(.nc)>.card{margin-bottom:24px}
textarea,.tbl input,.tbl select,#adm input:not([type=checkbox]),.det input{border:1px solid var(--line)!important;border-radius:8px!important;background:var(--soft);font:600 14px Nunito,sans-serif;color:var(--ink)}
#adm input:not([type=checkbox]){height:38px;padding:0 10px}
.tbl input,.tbl select{height:32px;padding:0 8px}
.prev{border:1px solid var(--line);border-radius:10px;background:var(--soft)}
.row .btn{width:auto;min-width:140px}
.row .btn:not(.gold){background:#fff;color:var(--ink);box-shadow:0 3px 0 var(--bevel);border:1px solid var(--line)}
.ev{border-bottom:1px solid var(--line2);padding:10px 0}
.ev img{border:1px solid var(--line);border-radius:8px;background:var(--soft)}
.ev .t small{color:var(--sun-dd)}
.ev button,.tbl button,.sbtn,#pctl button,.det button{height:32px;padding:0 12px;font:800 13px Nunito,sans-serif;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 2px 0 var(--bevel);cursor:pointer}
.ev button:hover,.tbl button:hover,.sbtn:hover,#pctl button:hover,.det button:hover{background:var(--sun-l)}
.ev button.del,.tbl button.del,.det button.del{color:#a2281f;background:var(--red-l);border-color:#f6c8c3;box-shadow:0 2px 0 #efb3ad}
.tbl{font-size:13px}
.tbl th{background:var(--soft);color:var(--mut);font-weight:800;text-transform:uppercase;font-size:11px;letter-spacing:.5px;border-bottom:1px solid var(--line)}
.tbl th,.tbl td{border-bottom:1px solid var(--line2);padding:8px}
.hint{color:var(--mut);font-weight:600;text-align:left}
.tree a{color:var(--ink2)}
.tree a.on{background:var(--sun-l)}
.tree small,.tree em{color:var(--mut)}
/* catalogus (Nitro-achtig paneel, nu in huisstijl) */
.adm.nc{border:1px solid var(--line);border-radius:var(--r);box-shadow:0 3px 0 var(--bevel);background:#fff}
.adm.nc>.card{background:#fff;border:0;box-shadow:none}
.adm.nc>.card:first-child{background:var(--soft);border-right:1px solid var(--line)}
.adm.nc>.card h2{background:transparent;color:var(--ink);margin:0 0 12px;padding:0;font-size:18px}
.nc .tree a:hover{background:var(--sun-l)}
.nc .tree a.on{background:#fff;box-shadow:inset 0 0 0 2px var(--sun)}
.tile{border:1px solid var(--line);border-radius:10px;background:#fff}
.tile:hover{border-color:var(--sun-d)}
.tile.on{border-color:var(--sun-d);background:var(--sun-l);box-shadow:0 0 0 2px var(--sun)}
.tile .ltd{background:var(--vip);border-radius:4px}
.det{border:1px solid var(--line);border-radius:var(--r);background:var(--soft)}
.det .big{background:#fff;border:1px solid var(--line);border-radius:10px}
.kpis{gap:16px}
.kpi{border-radius:var(--r)}
.toast{border-radius:10px!important;font-family:Nunito,sans-serif;font-weight:800}
@media(max-width:760px){
 .admnav .nav{display:flex;position:static;flex-direction:row;padding:0;box-shadow:none;border:0;background:none}
 .admnav .nav a{height:38px;font-size:14px;padding:0 10px}
 .hero.admhero .welcome p,.hero.admhero .kick{display:none}
 .backlink{font-size:13px;padding:6px 12px}
 .adm{gap:16px}
}
#f input{height:38px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--soft);font:600 14px Nunito,sans-serif}
#f button,.bcg button,#v-bc .row select{height:38px;padding:0 16px;font:800 14px Nunito,sans-serif;border:0;border-radius:10px;background:var(--sun);color:var(--ink);box-shadow:0 3px 0 var(--sun-d);cursor:pointer}
.adminpage .tabs{display:inline-flex;margin:0 0 16px}
.adminpage .tabs button{height:36px;padding:0 14px;border:0;border-radius:9px;background:transparent;font:800 14px Nunito,sans-serif;color:var(--mut);cursor:pointer}
.adminpage .tabs button.on,.sbtn.on{background:#fff;color:var(--ink);box-shadow:0 2px 0 var(--bevel)}
.sbtn.on{background:var(--sun-l)}
.bct button.sv,.bct button.on{background:#eaf7e1;border-color:#c5e8ad;color:#2f6f12}
.st{border-radius:999px;border:0;padding:2px 9px}
.st.on{background:#eaf7e1;color:#2f6f12}.st.off{background:var(--red-l);color:#a2281f}.st.warn{background:var(--sun-l);color:var(--sun-dd)}
.kpi b{font:600 30px/1.1 var(--disp);color:var(--ink)}.kpi span{color:var(--mut);font-weight:700}.kpi small{color:var(--sun-dd);font-weight:700}
h2 small{color:var(--mut);font-family:Nunito,sans-serif}
#foot{color:var(--mut);text-shadow:none}
.toast{border:1px solid #c5e8ad;background:#eaf7e1;color:#2f6f12;box-shadow:0 3px 0 #c5e8ad,0 8px 20px rgba(59,42,18,.15)}.toast.err{background:var(--red-l);border-color:#f6c8c3;color:#a2281f}
.admnav .nav{overflow-x:auto;scrollbar-width:none}