:root{--bg:#060606;--panel:#101010;--panel2:#16130d;--gold:#d9ad55;--gold2:#f4d38a;--text:#f5efe3;--muted:#9c927f;--danger:#b94d4d;--line:rgba(217,173,85,.22)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top,#20180b 0,#080808 38%,#030303 100%);color:var(--text);min-height:100vh}a{color:var(--gold2);text-decoration:none}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid var(--line);background:rgba(6,6,6,.82);backdrop-filter:blur(18px);position:sticky;top:0;z-index:5}.brand{font-size:20px;font-weight:800;color:var(--text)}.brand-mark{color:var(--gold);margin-right:10px}.topbar nav{display:flex;gap:22px;align-items:center}.topbar nav a{color:#d7c7a7;font-size:14px}.logout{border:1px solid var(--line);padding:10px 14px;border-radius:999px}.layout{width:min(1180px,calc(100% - 40px));margin:34px auto 80px}.auth-body{display:grid;place-items:center;padding:24px}.auth-shell{width:min(1050px,100%);display:grid;grid-template-columns:1.15fr .85fr;gap:28px}.auth-hero,.auth-card,.card,.hero-panel,.stats>div{border:1px solid var(--line);background:linear-gradient(145deg,rgba(22,19,13,.95),rgba(10,10,10,.95));box-shadow:0 24px 80px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.04);border-radius:28px}.auth-hero{padding:56px;min-height:560px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.96)),url('../img/vehicles/suv-placeholder.svg') center/contain no-repeat,linear-gradient(145deg,#171006,#030303)}.auth-hero h1,.hero-panel h1,.page-title h1,.card.wide h1{font-size:54px;line-height:1;margin:10px 0 18px}.auth-hero p,.hero-panel p,.card p{color:var(--muted);font-size:16px;line-height:1.7}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--gold);font-size:12px;font-weight:800}.auth-card{padding:34px}.auth-card h2,.card h2{margin-top:0}label{display:block;color:#d7c7a7;font-size:13px;margin:18px 0}input,select{width:100%;margin-top:8px;padding:15px 16px;border-radius:16px;border:1px solid var(--line);background:#080808;color:var(--text);outline:none}.btn{border:0;border-radius:16px;padding:14px 18px;background:#1b1b1b;color:var(--text);cursor:pointer;font-weight:800}.btn.primary{width:100%;background:linear-gradient(135deg,var(--gold),#8d6124);color:#120c03;box-shadow:0 12px 30px rgba(217,173,85,.18)}.btn.small{padding:9px 12px;font-size:12px}.alert{background:rgba(185,77,77,.15);border:1px solid rgba(185,77,77,.35);padding:12px;border-radius:14px;color:#ffd2d2}.hero-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;padding:42px;overflow:hidden}.hero-car,.vehicle-img{min-height:230px;background:url('../img/vehicles/suv-placeholder.svg') center/contain no-repeat}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0}.stats>div{padding:22px}.stats span,.meta,small{display:block;color:var(--muted);font-size:13px}.stats strong{font-size:30px;color:var(--gold2)}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card{padding:26px}.mission-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.06)}.mission-row p{margin:5px 0 0;font-size:13px}.map,.big-map{height:270px;border-radius:24px;background:radial-gradient(circle,rgba(217,173,85,.22),transparent 31%),linear-gradient(135deg,#131313,#080808);border:1px solid var(--line);display:grid;place-items:center;position:relative;overflow:hidden}.radius,.pulse{width:170px;height:170px;border-radius:50%;border:1px solid var(--gold);box-shadow:0 0 45px rgba(217,173,85,.18)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tag{display:inline-flex;padding:8px 10px;border:1px solid var(--line);border-radius:999px;color:var(--gold);font-size:12px}.mission .meta,.vehicle .meta{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.mission .meta span,.vehicle .meta span{border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:7px 9px}.reward{display:flex;justify-content:space-between;align-items:center;margin:18px 0}.operation{display:flex;justify-content:space-between;gap:20px;padding:20px;border:1px solid var(--line);border-radius:20px;background:#0b0b0b}.big-map{height:430px;margin:24px 0}.page-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}@media(max-width:900px){.auth-shell,.hero-panel,.grid.two{grid-template-columns:1fr}.cards,.stats{grid-template-columns:1fr}.topbar{height:auto;align-items:start;gap:18px;flex-direction:column;padding:20px}.topbar nav{flex-wrap:wrap}.auth-hero h1,.hero-panel h1,.page-title h1,.card.wide h1{font-size:36px}}

/* Fase 1.1 functionaliteit */
.register-shell{grid-template-columns:1fr .72fr;width:min(1280px,100%)}
.register-map-panel{min-height:720px;background:linear-gradient(145deg,rgba(22,19,13,.95),rgba(3,3,3,.98));justify-content:flex-start}
.leaflet-map{width:100%;height:360px;border-radius:24px;border:1px solid var(--line);overflow:hidden;background:#080808;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);z-index:1}
.leaflet-map.big{height:560px;margin:24px 0}.leaflet-map.compact{height:270px}.leaflet-container{background:#080808;color:#1b1b1b}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#101010;color:var(--text);border:1px solid rgba(217,173,85,.35)}
.selected-hq,.wallet,.notice,.territory-details>div{border:1px solid var(--line);border-radius:18px;background:rgba(0,0,0,.28);padding:15px 16px;margin:18px 0}.selected-hq span,.wallet,.territory-details span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.selected-hq strong,.wallet strong,.territory-details strong{display:block;color:var(--gold2);font-size:22px;margin-top:4px}.wallet{min-width:220px;margin:0;text-align:right}.notice{margin-bottom:18px}.notice.success{background:rgba(89,145,88,.14);border-color:rgba(89,145,88,.35);color:#d9ffd5}.notice.error{background:rgba(185,77,77,.15);border-color:rgba(185,77,77,.35);color:#ffd2d2}.btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.45)}.card.wide{margin-bottom:20px}.garage-card{background:linear-gradient(145deg,rgba(18,18,18,.97),rgba(8,8,8,.97))}.garage-list{display:grid;gap:10px}.garage-row{display:grid;grid-template-columns:1.4fr .8fr .8fr .8fr;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06)}.garage-row span{color:var(--muted);font-size:13px}.territory-details{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.vehicle form{margin-top:10px}.vehicle .btn.primary{width:100%}
@media(max-width:900px){.register-shell{grid-template-columns:1fr}.register-map-panel{min-height:unset}.garage-row,.territory-details{grid-template-columns:1fr}.wallet{text-align:left;width:100%;margin-top:12px}.leaflet-map.big{height:430px}}

/* Admin dropdown */
.topbar nav{display:flex;align-items:center;gap:20px;overflow:visible}
.nav-dropdown{position:relative;display:inline-flex;align-items:center;height:42px}
.nav-dropbtn{color:#d8c7a0;font-size:14px;cursor:default;user-select:none;padding:12px 0}
.nav-dropdown-menu{display:none;position:absolute;top:38px;right:0;min-width:190px;background:rgba(10,9,7,.98);border:1px solid rgba(212,160,62,.35);border-radius:16px;padding:8px;box-shadow:0 18px 55px rgba(0,0,0,.55);z-index:9999}
.nav-dropdown:hover .nav-dropdown-menu{display:block}
.nav-dropdown-menu a{display:block!important;padding:11px 12px!important;border-radius:12px;color:#f3e2bb!important;white-space:nowrap}
.nav-dropdown-menu a:hover{background:rgba(212,160,62,.14);color:#fff!important}

/* Fase 1.10 globale game-statbar */
.game-statbar{position:sticky;top:76px;z-index:4;border-bottom:1px solid rgba(217,173,85,.14);background:linear-gradient(180deg,rgba(14,12,8,.96),rgba(7,7,7,.92));backdrop-filter:blur(18px);box-shadow:0 18px 42px rgba(0,0,0,.28)}
.game-statbar-inner{width:min(1420px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1.35fr 1fr 1.4fr 1.15fr;gap:0;min-height:72px;border-left:1px solid rgba(217,173,85,.1);border-right:1px solid rgba(217,173,85,.1)}
.game-stat{display:flex;align-items:center;gap:13px;padding:12px 20px;border-right:1px solid rgba(217,173,85,.12);background:linear-gradient(90deg,rgba(255,255,255,.025),rgba(255,255,255,0));min-width:0}
.game-stat:last-child{border-right:0}.game-stat small{display:block;margin-bottom:3px;color:#9d917a;font-size:11px;line-height:1;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.game-stat strong{display:block;color:#f6ead1;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-icon{width:38px;height:38px;flex:0 0 38px;border-radius:14px;display:grid;place-items:center;color:#150f06;font-weight:900;background:linear-gradient(135deg,#f7dd8d,#b47a25);box-shadow:0 0 28px rgba(217,173,85,.18),inset 0 1px 0 rgba(255,255,255,.6)}
.stat-icon.token{background:linear-gradient(135deg,#e0b55d,#8d5a18)}.stat-icon.cash{font-family:Georgia,serif;font-size:21px}.stat-icon.rep{background:linear-gradient(135deg,#ffdf85,#9a6924)}.stat-icon.xp{background:linear-gradient(135deg,#f6d474,#6c5121)}.level-badge{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:0 0 44px;background:radial-gradient(circle at 30% 25%,#fff2a6,#d4a13a 48%,#6c4512 100%);color:#130e05;font-weight:950;border:1px solid rgba(255,241,168,.65);box-shadow:0 0 35px rgba(217,173,85,.3)}.mini-xp{margin-top:8px;width:92px;height:7px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(217,173,85,.2);overflow:hidden}.mini-xp i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#8c6427,#f8dd84,#c48b32)}
@media(max-width:1100px){.game-statbar{position:relative;top:auto}.game-statbar-inner{grid-template-columns:repeat(3,1fr);width:100%;}.game-stat{padding:12px 16px}.topbar{position:relative}.layout{margin-top:24px}}
@media(max-width:720px){.game-statbar-inner{grid-template-columns:1fr 1fr}.game-stat strong{font-size:13px}.stat-icon{width:34px;height:34px;flex-basis:34px}.level-badge{width:38px;height:38px;flex-basis:38px}.mini-xp{width:76px}}

/* Compactere territorium intro: globale statbar is nu de echte banner */
.territory-page .os-hero{padding:22px 28px!important;min-height:unset!important;grid-template-columns:1fr auto!important;align-items:center!important}.territory-page .os-hero h1{font-size:36px!important;margin:8px 0!important}.territory-page .os-hero p{max-width:760px!important}.territory-page .os-hero-actions{align-self:center!important}

/* Fase 1.12 voertuigpagina's */
.page-subtitle{max-width:720px;color:#a89b80;line-height:1.7;margin:6px 0 0}.vehicle-page{width:min(1320px,calc(100% - 48px))}.vehicle-market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.vehicle-buy-card{position:relative;overflow:hidden;border:1px solid rgba(217,173,85,.26);border-radius:28px;padding:22px;background:linear-gradient(155deg,rgba(22,18,10,.96),rgba(6,6,6,.98));box-shadow:0 22px 70px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04)}.vehicle-buy-card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 50% 0,rgba(244,211,138,.14),transparent 38%);pointer-events:none}.vehicle-card-badges{display:flex;justify-content:space-between;align-items:center;gap:10px;position:relative;z-index:1}.vehicle-card-badges span,.vehicle-card-badges b{display:inline-flex;align-items:center;min-height:28px;padding:7px 10px;border-radius:10px;font-size:12px;font-weight:900}.vehicle-card-badges span{background:rgba(75,191,111,.18);border:1px solid rgba(75,191,111,.35);color:#9affb8}.vehicle-card-badges b{background:rgba(0,0,0,.38);border:1px solid rgba(217,173,85,.18);color:#f2d486}.vehicle-card-image{height:165px;margin:4px 0 10px;background-position:center;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 24px 28px rgba(0,0,0,.55));position:relative;z-index:1}.vehicle-card-title{text-align:center;margin-bottom:10px;position:relative;z-index:1}.vehicle-card-title small{display:inline-block;text-transform:uppercase;letter-spacing:.08em;color:#a9956d;border:1px solid rgba(217,173,85,.22);background:rgba(217,173,85,.08);border-radius:12px;padding:7px 12px}.vehicle-card-title h2{margin:8px 0 0;font-size:24px}.vehicle-buy-card p{min-height:58px;font-size:14px}.vehicle-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.vehicle-stat{padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.035)}.vehicle-stat span{display:block;color:#bfb096;font-size:12px;margin-bottom:5px}.vehicle-stat strong{display:block;color:#fff;font-size:14px}.vehicle-stat small{margin-top:6px}.vehicle-stat i,.uses-meter i{display:block;height:10px;border-radius:999px;background:rgba(255,255,255,.11);overflow:hidden;margin-top:9px;border:1px solid rgba(217,173,85,.14)}.vehicle-stat em,.uses-meter em{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#34ca68,#f1c645,#8b55e7)}.vehicle-buy-actions{position:relative;z-index:1}.fleet-panel{border:1px solid rgba(217,173,85,.24);border-radius:28px;background:linear-gradient(145deg,rgba(18,15,9,.94),rgba(5,5,5,.98));box-shadow:0 24px 80px rgba(0,0,0,.35);padding:22px}.fleet-tools{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:12px;margin-bottom:20px}.fleet-tools input,.fleet-tools select{margin:0}.fleet-table{display:grid;gap:10px}.fleet-head,.fleet-row{display:grid;grid-template-columns:2fr .9fr .65fr .65fr .9fr 70px;gap:14px;align-items:center}.fleet-head{padding:0 14px 8px;border-bottom:1px solid rgba(217,173,85,.18);color:#b6a57c;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:900}.fleet-row{padding:13px 14px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);border-radius:18px;transition:.16s ease}.fleet-row:hover{border-color:rgba(217,173,85,.32);transform:translateY(-1px);background:rgba(217,173,85,.045)}.fleet-car{display:flex;align-items:center;gap:14px}.fleet-car img{width:86px;height:52px;object-fit:contain;border-radius:12px;background:rgba(0,0,0,.34);border:1px solid rgba(217,173,85,.15);padding:4px}.fleet-car strong{display:block;font-size:15px}.fleet-car small,.metric small,.uses-meter small{display:block;margin-top:4px;color:#9f9277;font-size:12px}.status-pill{display:inline-flex;align-items:center;padding:8px 10px;border-radius:999px;font-size:12px;font-weight:900;border:1px solid rgba(255,255,255,.12)}.status-pill.ok{background:rgba(74,190,110,.12);border-color:rgba(74,190,110,.38);color:#94ffb1}.status-pill.busy{background:rgba(217,173,85,.12);border-color:rgba(217,173,85,.4);color:#f4d38a}.status-pill.damaged{background:rgba(185,77,77,.14);border-color:rgba(185,77,77,.4);color:#ffb7b7}.metric b,.uses-meter strong{font-size:15px}.uses-meter i{height:8px;margin-top:6px}.tool-btn{width:42px;height:42px;border-radius:14px;border:1px solid rgba(217,173,85,.28);background:rgba(217,173,85,.1);color:#f5d07c;font-size:18px;cursor:pointer}.tool-btn:hover{background:rgba(217,173,85,.2);box-shadow:0 0 22px rgba(217,173,85,.14)}.empty-state{text-align:center;padding:56px 24px;border:1px dashed rgba(217,173,85,.25);border-radius:22px;background:rgba(0,0,0,.18)}.empty-state .btn{display:inline-flex;width:auto;margin-top:12px}.vehicle-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);display:grid;place-items:center;z-index:10000;padding:22px}.vehicle-modal-backdrop[hidden]{display:none}.vehicle-modal{width:min(560px,100%);border:1px solid rgba(217,173,85,.32);border-radius:28px;background:linear-gradient(145deg,#16120b,#050505);box-shadow:0 28px 90px rgba(0,0,0,.75);padding:24px;position:relative}.modal-close{position:absolute;top:14px;right:16px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(217,173,85,.24);background:#080808;color:#f5d07c;cursor:pointer;font-size:22px}.vehicle-modal-head{display:flex;gap:16px;align-items:center}.vehicle-modal-head img{width:150px;height:90px;object-fit:contain;border:1px solid rgba(217,173,85,.16);border-radius:18px;background:rgba(0,0,0,.3)}.vehicle-modal-head h2{margin:4px 0}.vehicle-modal-head span{color:#b9aa88}.modal-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.modal-info-grid div{border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:13px;background:rgba(255,255,255,.035)}.modal-info-grid strong{display:block;color:#fff;margin-top:5px}.modal-note{color:#a99b80;line-height:1.6}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.btn.danger{background:linear-gradient(135deg,#7e2626,#301010);border:1px solid rgba(255,110,110,.22);color:#ffd7d7}.modal-actions .btn.primary{width:auto}.modal-actions .btn:disabled{opacity:.38;cursor:not-allowed}@media(max-width:1100px){.vehicle-market-grid{grid-template-columns:1fr 1fr}.fleet-tools{grid-template-columns:1fr 1fr}.fleet-head{display:none}.fleet-row{grid-template-columns:1fr 1fr}.fleet-car{grid-column:1/-1}}@media(max-width:720px){.vehicle-market-grid,.fleet-tools{grid-template-columns:1fr}.vehicle-stat-grid,.modal-info-grid,.modal-actions{grid-template-columns:1fr}.fleet-row{grid-template-columns:1fr}.wallet{text-align:left}.vehicle-modal-head{align-items:flex-start;flex-direction:column}}
/* Fase 1.13 voertuigmarkt cleanup */
.vehicle-shop-page{padding-top:10px}.vehicle-shop-page .notice{margin-bottom:18px}.vehicle-filterbar{display:grid;grid-template-columns:1.2fr 1fr .75fr .75fr 1fr auto auto;gap:12px;align-items:center;margin:0 0 22px;padding:16px;border:1px solid rgba(217,173,85,.22);border-radius:22px;background:linear-gradient(145deg,rgba(18,15,9,.82),rgba(5,5,5,.9));box-shadow:0 18px 55px rgba(0,0,0,.28)}.vehicle-filterbar input,.vehicle-filterbar select{margin:0;height:48px}.vehicle-filterbar .btn{height:48px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.btn.ghost{border:1px solid rgba(217,173,85,.24);background:rgba(0,0,0,.22);color:#f0d088}.vehicle-buy-card>p{display:none}.vehicle-stat-grid.compact{margin-top:18px}.dual-buy-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dual-buy-actions .btn.primary{width:auto}.btn.token-buy{background:linear-gradient(135deg,#bf8425,#ffb22e);color:#130d03;box-shadow:0 12px 30px rgba(255,161,31,.14)}.btn.token-buy:disabled,.dual-buy-actions .btn:disabled{opacity:.42;filter:grayscale(.55);cursor:not-allowed}@media(max-width:1100px){.vehicle-filterbar{grid-template-columns:1fr 1fr 1fr}}@media(max-width:720px){.vehicle-filterbar,.dual-buy-actions{grid-template-columns:1fr}}
/* Fase 1.14 - Eigen voertuigen upgrade-tabel */
.owned-vehicles-page{padding-top:38px}.owned-vehicles-page .page-title,.owned-vehicles-page .wallet{display:none}.fleet-tools.enhanced{grid-template-columns:1.4fr 1fr 1fr 1fr;margin-bottom:18px}.fleet-table.advanced{gap:9px}.fleet-head.advanced,.fleet-row.advanced{grid-template-columns:1.45fr .85fr 1fr 1fr 1fr 1.15fr 1.05fr 58px}.fleet-head.advanced{font-size:11px;letter-spacing:.13em}.fleet-row.advanced{padding:12px 12px}.fleet-row.advanced .fleet-car img{width:74px;height:48px}.fleet-row.advanced .fleet-car small{display:none}.upgrade-metric{min-width:120px}.metric-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.metric-line form{margin:0}.upgrade-metric b{font-size:16px;color:#fff}.upgrade-metric i{display:block;height:9px;border-radius:999px;background:rgba(255,255,255,.13);overflow:hidden;margin-top:8px;border:1px solid rgba(217,173,85,.12)}.upgrade-metric em{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#34ca68 0%,#f0be35 45%,#c26b1e 70%,#8b55e7 100%)}.upgrade-btn{width:24px;height:24px;border-radius:999px;border:1px solid rgba(217,173,85,.45);background:rgba(217,173,85,.15);color:#ffd982;font-weight:1000;line-height:1;cursor:pointer;display:inline-grid;place-items:center}.upgrade-btn:hover:not(:disabled){background:rgba(217,173,85,.28);box-shadow:0 0 18px rgba(217,173,85,.18)}.upgrade-btn.disabled,.upgrade-btn:disabled{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#777;cursor:not-allowed;filter:grayscale(1)}.fleet-spec{color:#e7d4aa;font-weight:800}.vehicle-value strong{display:block;color:#fff}.vehicle-value small{display:block;color:#a99878;margin-top:5px}.owned-vehicles-page .fleet-panel{max-width:1480px;margin:0 auto}@media(max-width:1280px){.fleet-head.advanced{display:none}.fleet-row.advanced{grid-template-columns:1fr 1fr}.fleet-row.advanced .fleet-car{grid-column:1/-1}.fleet-tools.enhanced{grid-template-columns:1fr 1fr}}@media(max-width:720px){.fleet-row.advanced,.fleet-tools.enhanced{grid-template-columns:1fr}.vehicle-value{margin-top:6px}}
/* Fase 1.15 - Admin voertuigeditor + VIP shop */
.admin-vehicle-page{padding-top:28px;max-width:none!important;width:calc(100% - 32px)!important;margin-left:auto!important;margin-right:auto!important}.admin-toolbar.clean-toolbar{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.admin-toolbar.clean-toolbar h1{font-size:42px;margin:6px 0 0}.admin-toolbar.clean-toolbar .btn.primary{width:auto;min-width:220px}.admin-vehicle-list{padding:20px}.admin-vehicle-head,.admin-vehicle-row{display:grid;grid-template-columns:1.6fr .75fr .95fr .75fr .75fr 1fr 58px;align-items:center;gap:14px}.admin-vehicle-head{padding:0 14px 12px;border-bottom:1px solid rgba(217,173,85,.2);color:#b6a57c;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:900}.admin-vehicle-row{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.055)}.admin-vehicle-row:last-child{border-bottom:0}.admin-vehicle-name{display:flex;align-items:center;gap:14px}.admin-vehicle-name img{width:78px;height:48px;object-fit:contain;border-radius:12px;background:rgba(0,0,0,.3);border:1px solid rgba(217,173,85,.18);padding:4px}.admin-editor-backdrop{align-items:start;overflow:auto}.admin-vehicle-editor-modal{width:min(1180px,calc(100vw - 42px));margin:32px auto}.admin-editor-shell{display:grid;grid-template-columns:1.08fr .92fr;gap:24px;align-items:start}.vehicle-admin-form{padding-right:4px}.vehicle-admin-form h2{font-size:30px;margin:4px 0 16px}.vehicle-admin-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vehicle-admin-form label{margin:0 0 12px}.vehicle-admin-form input,.vehicle-admin-form select{margin-top:7px}.admin-live-card{margin:0;position:sticky;top:20px}.admin-live-card .dual-buy-actions .btn{pointer-events:none}.vip-shop-page .vehicle-buy-card{border-color:rgba(245,203,95,.42);box-shadow:0 26px 80px rgba(217,173,85,.08), inset 0 1px 0 rgba(255,255,255,.05)}.vip-shop-page .vehicle-buy-card:before{background:radial-gradient(circle at 50% 0,rgba(255,221,120,.22),transparent 40%)}
@media(max-width:1100px){.admin-vehicle-head{display:none}.admin-vehicle-row{grid-template-columns:1fr 1fr}.admin-vehicle-name{grid-column:1/-1}.admin-editor-shell{grid-template-columns:1fr}.admin-live-card{position:relative;top:auto}.admin-toolbar.clean-toolbar{align-items:stretch;flex-direction:column}.admin-toolbar.clean-toolbar .btn.primary{width:100%}}
@media(max-width:720px){.admin-vehicle-row,.vehicle-admin-form .form-grid{grid-template-columns:1fr}}

/* fase 1.15c - inline bevestiging repareren/verkopen */
.modal-action-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
.modal-action-confirm{grid-column:1/-1;display:grid;grid-template-columns:1fr 96px 96px;gap:10px;align-items:center;width:100%;border:1px solid rgba(217,173,85,.22);border-radius:18px;background:rgba(217,173,85,.055);padding:12px}
.modal-action-confirm[hidden]{display:none}
.modal-action-confirm strong{display:block;color:#fff;margin-bottom:3px}
.modal-action-confirm small{display:block;color:#a99b80;line-height:1.45}
.btn.ghost{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);color:#e8dfca}
.btn.ghost:hover{border-color:rgba(217,173,85,.32);color:#f5d07c}
@media(max-width:720px){.modal-action-confirm{grid-template-columns:1fr}.modal-action-choice{grid-template-columns:1fr}}


.upgrade-confirm-form{position:relative}.upgrade-confirm-pop{position:absolute;right:0;top:32px;z-index:30;width:230px;border:1px solid rgba(217,173,85,.28);border-radius:16px;background:linear-gradient(145deg,rgba(18,13,6,.98),rgba(3,3,3,.98));box-shadow:0 18px 45px rgba(0,0,0,.55);padding:12px}.upgrade-confirm-pop[hidden]{display:none}.upgrade-confirm-pop strong{display:block;color:#fff;font-size:13px;margin-bottom:4px}.upgrade-confirm-pop small{display:block;color:#bda980;font-size:12px;line-height:1.35}.upgrade-confirm-pop span{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.mini-yes,.mini-no{border:1px solid rgba(217,173,85,.28);border-radius:10px;padding:7px 8px;font-weight:900;cursor:pointer}.mini-yes{background:linear-gradient(135deg,#c99735,#ffdc83);color:#130c02}.mini-no{background:rgba(255,255,255,.06);color:#e8d6ad}


/* Fase 1.17 - Upgrade betalen met contant of Gang Tokens */
.upgrade-pay-pop{width:270px}.upgrade-pay-pop span{grid-template-columns:1fr 1fr}.mini-token{border:1px solid rgba(145,105,255,.38);border-radius:10px;padding:7px 8px;font-weight:900;cursor:pointer;background:linear-gradient(135deg,rgba(96,70,190,.95),rgba(174,139,255,.95));color:#fff}.mini-yes:disabled,.mini-token:disabled{opacity:.42;filter:grayscale(1);cursor:not-allowed;box-shadow:none}.upgrade-pay-pop small{margin-bottom:2px}

/* Fase 1.18 - één werkplaats-popup voor voertuigbeheer */
.upgrade-state{width:24px;height:24px;border-radius:999px;border:1px solid rgba(217,173,85,.38);background:rgba(217,173,85,.12);color:#ffd982;font-weight:1000;display:inline-grid;place-items:center;line-height:1}.upgrade-state.maxed{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.055);color:#777;filter:grayscale(1)}
.vehicle-workshop-modal{width:min(680px,100%)}
.workshop-actions{display:grid;grid-template-columns:1fr;gap:12px;margin-top:18px}
.workshop-block{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;border:1px solid rgba(217,173,85,.18);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));padding:14px}
.workshop-block strong{display:block;color:#fff;margin-bottom:4px}.workshop-block small{display:block;color:#a99b80;line-height:1.45}.workshop-block.maxed{opacity:.64}.workshop-block.blocked{opacity:.58}.workshop-payments{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:230px}.workshop-payments.single{grid-template-columns:1fr}.workshop-payments .btn{padding:11px 13px;border-radius:13px;white-space:nowrap}.workshop-payments .btn.primary{width:auto}.btn.token{background:linear-gradient(135deg,#5e47b6,#b48cff);color:#fff;border:1px solid rgba(181,142,255,.32);box-shadow:0 12px 30px rgba(107,75,220,.12)}.btn.disabled,.btn:disabled{opacity:.42;filter:grayscale(.75);cursor:not-allowed;box-shadow:none}.danger-zone{border-color:rgba(185,77,77,.24);background:linear-gradient(145deg,rgba(122,31,31,.12),rgba(255,255,255,.015))}
@media(max-width:720px){.workshop-block{grid-template-columns:1fr}.workshop-payments{min-width:0}}

/* Globale chatwidget */
.global-chat-widget{position:fixed;right:26px;bottom:22px;z-index:9999;font-family:inherit}.chat-bubble{display:flex;align-items:center;gap:10px;border:1px solid rgba(221,170,70,.45);background:linear-gradient(135deg,#d9aa42,#8f641d);color:#090806;border-radius:16px;padding:13px 18px;font-weight:900;box-shadow:0 14px 42px rgba(0,0,0,.55),0 0 28px rgba(221,170,70,.24);cursor:pointer}.chat-bubble span{font-size:18px}.chat-popover{display:none;position:absolute;right:0;bottom:62px;width:min(820px,calc(100vw - 44px));height:520px;border:1px solid rgba(221,170,70,.38);border-radius:24px;overflow:hidden;background:linear-gradient(135deg,rgba(21,18,12,.98),rgba(4,4,4,.98));box-shadow:0 30px 90px rgba(0,0,0,.72),0 0 36px rgba(221,170,70,.14)}.global-chat-widget.open .chat-popover{display:block}.chat-popover-head{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid rgba(221,170,70,.22);background:rgba(0,0,0,.45)}.chat-popover-head strong{color:#fff}.chat-popover-actions{display:flex;align-items:center;gap:8px;position:relative}.chat-popover-actions button{width:32px;height:32px;border:1px solid rgba(221,170,70,.28);border-radius:10px;background:#080706;color:#f2d070;cursor:pointer}.chat-menu{display:none;position:absolute;right:38px;top:38px;background:#060606;border:1px solid rgba(221,170,70,.34);border-radius:14px;min-width:210px;padding:8px;box-shadow:0 20px 60px rgba(0,0,0,.6)}.chat-menu.open{display:block}.chat-menu a{display:block;padding:12px 14px;color:#f2d070;text-decoration:none;border-radius:10px}.chat-menu a:hover{background:rgba(221,170,70,.1)}.chat-popover iframe{width:100%;height:calc(100% - 54px);border:0;background:#050505}@media(max-width:900px){.global-chat-widget{right:14px;bottom:14px}.chat-bubble b{display:none}.chat-popover{height:76vh}}

/* Fase 1.26 - Mission blueprint builder */
.mission-builder-shell{max-width:1680px;margin:28px auto;padding:0 18px}.mission-builder-form{display:block}.builder-topbar{display:grid;grid-template-columns:1fr minmax(320px,520px) auto;gap:18px;align-items:center;background:linear-gradient(135deg,rgba(26,20,10,.96),rgba(4,4,4,.96));border:1px solid rgba(214,160,55,.35);border-radius:18px 18px 0 0;padding:18px 22px}.builder-topbar h1{margin:2px 0 0;font-size:28px}.mission-title-field{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;color:#c9b98e}.mission-title-field input,.builder-panel input,.builder-panel select,.builder-panel textarea{width:100%;background:#060606;border:1px solid rgba(214,160,55,.3);border-radius:10px;color:#fff;padding:12px}.builder-actions{display:flex;gap:10px;justify-content:flex-end}.mission-builder-layout{display:grid;grid-template-columns:300px minmax(720px,1fr) 340px;min-height:760px;border-left:1px solid rgba(214,160,55,.25);border-right:1px solid rgba(214,160,55,.25);border-bottom:1px solid rgba(214,160,55,.25);background:#050505}.builder-left,.builder-right{background:rgba(11,10,8,.88);border-right:1px solid rgba(214,160,55,.22);overflow:auto}.builder-right{border-right:0;border-left:1px solid rgba(214,160,55,.22)}.builder-panel{padding:18px;border-bottom:1px solid rgba(214,160,55,.22)}.builder-panel h3{margin:0 0 10px;color:#f2d88e;text-transform:uppercase;letter-spacing:.08em;font-size:14px}.template-list{display:flex;flex-direction:column;gap:8px}.template-chip{display:block;padding:10px 12px;border:1px solid rgba(214,160,55,.2);border-radius:10px;color:#d9c28b;text-decoration:none}.template-chip.active{background:linear-gradient(135deg,#d8a642,#7b5620);color:#070707;font-weight:900}.builder-stage-list{display:flex;flex-direction:column;gap:10px}.builder-stage-card{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:start;background:rgba(255,255,255,.035);border:1px solid rgba(214,160,55,.2);border-radius:12px;padding:10px}.builder-stage-card span{width:32px;height:32px;border-radius:999px;border:1px solid #d8a642;display:grid;place-items:center;color:#f3d37a}.builder-stage-card small{display:block;color:#a99b78;margin-top:4px}.mini-admin-form{display:grid;gap:10px}.mini-admin-form textarea{min-height:70px}.node-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.node-tool-grid button{border:1px solid rgba(214,160,55,.25);background:#0a0a0a;color:#eee;border-radius:10px;padding:12px 8px;text-align:left;cursor:pointer}.node-tool-grid button.active,.node-tool-grid button:hover,#connectModeBtn.active{background:rgba(214,160,55,.2);border-color:#d8a642;color:#f8d98b}.canvas-head{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid rgba(214,160,55,.18)}.canvas-head h2{margin:0}.canvas-tools{display:flex;align-items:center;gap:10px}.canvas-tools button{background:#080808;border:1px solid rgba(214,160,55,.35);color:#f5d77e;border-radius:10px;width:38px;height:34px}.blueprint-stage-tabs{display:flex;gap:8px;padding:12px 22px;border-bottom:1px solid rgba(214,160,55,.18);overflow:auto}.blueprint-stage-tabs button{background:#070707;border:1px solid rgba(214,160,55,.25);color:#d7c18c;border-radius:999px;padding:8px 12px;white-space:nowrap}.blueprint-stage-tabs button.active{background:#d7a642;color:#050505;font-weight:900}.builder-canvas-panel{min-width:0;background:radial-gradient(circle at center,rgba(214,160,55,.08),transparent 58%)}.blueprint-canvas-wrap{padding:22px;overflow:auto}.blueprint-canvas{position:relative;transform:scale(var(--bp-zoom));transform-origin:top left;min-width:860px;max-width:1050px;margin:auto;border:1px solid rgba(214,160,55,.35);border-radius:12px;overflow:hidden;background:#000;box-shadow:0 30px 80px rgba(0,0,0,.55)}.blueprint-canvas img{display:block;width:100%;height:auto;user-select:none;pointer-events:none}.blueprint-canvas:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(83,153,190,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(83,153,190,.12) 1px,transparent 1px);background-size:28px 28px;mix-blend-mode:screen;pointer-events:none}.blueprint-canvas svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.bp-link{stroke:rgba(235,235,235,.72);stroke-width:.35;filter:drop-shadow(0 0 3px rgba(0,0,0,.8))}.bp-node{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;border:1px solid currentColor;border-radius:999px;background:rgba(0,0,0,.82);color:#f2d777;padding:6px 9px;cursor:grab;box-shadow:0 0 0 4px rgba(0,0,0,.25),0 0 24px rgba(214,160,55,.25);z-index:5}.bp-node span{font-size:18px}.bp-node em{font-style:normal;font-size:11px;max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bp-node.selected{outline:2px solid #fff}.bp-node.muted-stage{opacity:.45}.bp-start{color:#7ee27a}.bp-target{color:#ff5757}.bp-guard{color:#ff7b65}.bp-camera{color:#b47cff}.bp-lock{color:#b478ff}.bp-alarm{color:#ff8a22}.bp-loot{color:#f3d14f}.bp-exit{color:#6ad0ff}.node-big-icon{width:58px;height:58px;display:grid;place-items:center;background:rgba(214,160,55,.12);border:1px solid rgba(214,160,55,.35);border-radius:14px;font-size:28px;margin-bottom:12px}.builder-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.builder-panel label{display:grid;gap:6px;color:#c9b98e;font-size:13px;margin:8px 0}.builder-bottom-panels{display:grid;grid-template-columns:1.2fr .8fr;border:1px solid rgba(214,160,55,.25);border-top:0;background:#050505}.action-form-grid{grid-template-columns:repeat(4,1fr)}.action-form-grid textarea{grid-column:span 2}.mission-player-preview{background:linear-gradient(135deg,rgba(30,24,12,.9),rgba(5,5,5,.94));border:1px solid rgba(214,160,55,.25);border-radius:14px;padding:16px}.preview-stage{border-top:1px solid rgba(214,160,55,.18);padding:12px 0}.preview-stage span{display:inline-block;margin:6px 6px 0 0;padding:8px 10px;border:1px solid rgba(214,160,55,.24);border-radius:999px;color:#f0d591;background:rgba(214,160,55,.08)}@media(max-width:1200px){.mission-builder-layout{grid-template-columns:1fr}.builder-left,.builder-right{border:0}.builder-topbar{grid-template-columns:1fr}.builder-bottom-panels{grid-template-columns:1fr}}

/* Fase 1.26 - Mission page blueprint */
.mission-blueprint-section{margin-top:18px;background:linear-gradient(135deg,rgba(18,15,10,.96),rgba(5,5,5,.96));border:1px solid rgba(214,160,55,.28);border-radius:20px;padding:18px;box-shadow:0 24px 80px rgba(0,0,0,.35)}.mission-blueprint-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.mission-blueprint-head h2{margin:0}.mission-blueprint-player{position:relative;border:1px solid rgba(214,160,55,.25);border-radius:14px;overflow:hidden;background:#000}.mission-blueprint-player img{display:block;width:100%;height:auto;filter:brightness(.82) contrast(1.08)}.mission-blueprint-player svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.player-node{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;background:rgba(0,0,0,.82);border:1px solid currentColor;border-radius:999px;padding:5px 8px;color:#f1d36c;box-shadow:0 0 0 4px rgba(0,0,0,.25)}.player-node.is-future{opacity:.35;filter:grayscale(1)}.player-node span{font-size:16px}.player-node em{font-size:10px;font-style:normal}.mission-blueprint-legend{display:flex;gap:8px;flex-wrap:wrap}.mission-blueprint-legend span{padding:6px 10px;background:rgba(214,160,55,.08);border:1px solid rgba(214,160,55,.22);border-radius:999px;color:#e3c97b;font-size:12px}

/* Fase 1.27 - cleaner blueprint editor + mission page */
.admin-layout:has(.mission-builder-shell){width:calc(100% - 32px);max-width:none;margin:18px auto 70px}.admin-layout:has(.mission-builder-shell)>.os-alert{max-width:1680px;margin:12px auto}.mission-builder-shell{max-width:none;width:100%;margin:0 auto;padding:0}.mission-builder-layout{grid-template-columns:310px minmax(860px,1fr) 360px;min-height:calc(100vh - 220px)}.blueprint-canvas{max-width:none;width:min(1180px,100%)}.blueprint-canvas-wrap{padding:22px 28px}.action-form-side .builder-mini-grid{grid-template-columns:1fr 1fr}.action-form-side textarea{min-height:62px}.builder-bottom-panels{display:none!important}.builder-topbar{border-radius:18px 18px 0 0}.builder-left,.builder-right{max-height:calc(100vh - 190px)}

.mission-blueprint-play-layout{width:calc(100% - 32px);max-width:none;margin:22px auto 80px}.mission-play-shell{max-width:1760px;margin:0 auto}.mission-play-head{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;margin-bottom:18px;padding:16px 18px;border:1px solid rgba(214,160,55,.24);border-radius:20px;background:linear-gradient(135deg,rgba(20,17,10,.92),rgba(5,5,5,.92))}.mission-play-head h1{font-size:34px;line-height:1;margin:4px 0 6px}.mission-play-head p{margin:0;color:#b8a77e}.mission-play-stats{display:grid;grid-template-columns:repeat(4,120px);gap:10px}.mission-play-stats span{border:1px solid rgba(214,160,55,.22);border-radius:14px;padding:10px;background:rgba(0,0,0,.35)}.mission-play-stats b{display:block;color:#fff}.mission-play-stats small{text-transform:uppercase;letter-spacing:.1em;color:#d8bd78;font-size:10px}.mission-operation-grid{display:grid;grid-template-columns:minmax(760px,1fr) 410px;gap:18px;align-items:start}.mission-blueprint-main{margin-top:0}.mission-blueprint-main .mission-blueprint-head{align-items:start}.mission-blueprint-main .mission-blueprint-head p:not(.eyebrow){margin:6px 0 0;color:#b8a77e;max-width:900px}.mission-units-wide{display:block}.mission-units-wide .mission-side-panel{position:sticky;top:120px}.mission-blueprint-player .player-node{appearance:none;border-radius:999px;cursor:pointer}.mission-blueprint-player .player-node:disabled{cursor:not-allowed}.mission-blueprint-player .player-node.is-clickable{box-shadow:0 0 0 5px rgba(217,173,85,.13),0 0 22px rgba(217,173,85,.45)}.mission-blueprint-player .player-node.is-clickable:hover{transform:translate(-50%,-50%) scale(1.06);background:rgba(217,173,85,.18)}.node-action-modal{display:none;position:fixed;inset:0;z-index:80}.node-action-modal.open{display:block}.node-action-card{position:relative;z-index:2;width:min(560px,calc(100% - 28px));margin:12vh auto;background:linear-gradient(135deg,rgba(19,16,10,.98),rgba(4,4,4,.98));border:1px solid rgba(217,173,85,.35);border-radius:22px;box-shadow:0 30px 100px rgba(0,0,0,.75);padding:18px}.node-actions-grid{display:grid;gap:12px}.mission-action-btn{width:100%;text-align:left;border:1px solid rgba(217,173,85,.24);background:rgba(255,255,255,.035);color:#fff;border-radius:14px;padding:14px;cursor:pointer}.mission-action-btn:hover:not(:disabled){border-color:#d9ad55;background:rgba(217,173,85,.12)}.mission-action-btn:disabled{opacity:.5;cursor:not-allowed}.mission-action-btn span{display:block;font-weight:900}.mission-action-btn small{margin-top:5px;color:#cbb47c}.mission-side-v2 .mission-side-panel + .mission-side-panel{margin-top:14px}
@media(max-width:1200px){.mission-operation-grid{grid-template-columns:1fr}.mission-play-head{grid-template-columns:1fr}.mission-play-stats{grid-template-columns:repeat(2,1fr)}.admin-layout:has(.mission-builder-shell){width:calc(100% - 20px)}.mission-builder-layout{grid-template-columns:1fr}.builder-left,.builder-right{max-height:none}.mission-blueprint-play-layout{width:calc(100% - 20px)}}
/* fase 1.28: blueprint node actions */
.player-node-form{position:absolute;transform:translate(-50%,-50%);z-index:6;margin:0;padding:0;display:block}
.player-node-form .player-node{position:relative;left:auto!important;top:auto!important;transform:none!important}
.player-node-form .player-node.is-clickable:hover{transform:scale(1.06)!important}
.bp-police_car,.bp-police_van,.bp-police_motor,.bp-roadblock{color:#58a6ff}.bp-roadblock{color:#ffbf45}
.node-action-fields{margin-top:12px;padding-top:12px;border-top:1px solid rgba(214,160,55,.2)}
.node-action-fields textarea{min-height:64px}

/* Fase 1.30 - missiebeheer overzicht + stage cleanup */
.mission-admin-overview{width:calc(100% - 32px);max-width:none;margin:18px auto 70px}.mission-admin-head{max-width:100%;margin:0 auto 18px;padding:20px 24px;border:1px solid rgba(214,160,55,.28);border-radius:18px;background:linear-gradient(135deg,rgba(26,20,10,.94),rgba(5,5,5,.94))}.mission-admin-head h1{margin:4px 0 6px;font-size:36px}.mission-admin-grid{max-width:100%;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.mission-admin-list-card{padding:20px!important}.section-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-title-row h2{margin:0}.admin-create-row{display:grid;grid-template-columns:1.2fr .6fr 1fr auto;gap:10px;margin:12px 0 18px}.admin-create-row input,.admin-create-row select{background:#050505;border:1px solid rgba(214,160,55,.3);border-radius:10px;color:#fff;padding:12px}.admin-create-row input[type=file]{padding:9px}.template-table{display:grid;gap:10px}.template-row{display:grid;grid-template-columns:96px 1fr auto;gap:14px;align-items:center;border:1px solid rgba(214,160,55,.18);border-radius:14px;background:rgba(255,255,255,.035);padding:10px}.template-thumb{width:96px;height:58px;border-radius:10px;overflow:hidden;border:1px solid rgba(214,160,55,.2);background:#050505}.template-thumb img{width:100%;height:100%;object-fit:cover;display:block}.template-row b{display:block;color:#fff}.template-row small{display:block;color:#bcae85;margin-top:4px}.blueprint-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.blueprint-library-card{border:1px solid rgba(214,160,55,.22);border-radius:14px;background:rgba(255,255,255,.035);overflow:hidden}.blueprint-library-card img{width:100%;height:96px;object-fit:cover;display:block;background:#050505}.blueprint-library-card span{display:block;padding:10px;color:#d9c28b;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.builder-stage-card{grid-template-columns:38px 1fr 32px!important;align-items:center!important}.stage-delete-btn{width:28px;height:28px;border-radius:999px;border:1px solid rgba(255,80,80,.35);background:rgba(140,30,30,.25);color:#ff9b9b;font-weight:900;cursor:pointer}.stage-delete-btn:hover{background:#922;color:#fff}.builder-stage-card div b{line-height:1.25}.builder-stage-card small{display:none!important}.mini-admin-form .btn.small{width:100%}.builder-actions .btn.ghost{white-space:nowrap}@media(max-width:1100px){.mission-admin-grid{grid-template-columns:1fr}.admin-create-row{grid-template-columns:1fr}.template-row{grid-template-columns:80px 1fr}.template-row .btn{grid-column:1/-1}}

/* Fase 1.31 missiepagina: brede layout, concurrente node-acties en compacte voertuigpicker */
.mission-play-clean .mission-operation-wide{grid-template-columns:minmax(820px,1fr) 520px;gap:22px;max-width:1760px;margin:0 auto}.mission-play-clean .mission-blueprint-section{padding:22px}.mission-play-clean .mission-blueprint-head{align-items:flex-start;gap:18px}.mission-play-clean .mission-blueprint-head>div{min-width:0}.mission-play-clean .mission-blueprint-head h2{font-size:30px}.compact-back{margin:0;white-space:nowrap;align-self:flex-start}.mission-play-clean .mission-blueprint-legend,.mission-play-clean .mission-play-head{display:none!important}.mission-play-clean .mission-blueprint-player{border-radius:18px}.mission-play-clean .mission-units-wide .mission-side-panel{position:sticky;top:120px}.unit-ready{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:rgba(51,204,106,.18);border:1px solid rgba(74,255,139,.45);color:#85ffab;font-weight:950}.unit-status-actie{border-color:rgba(255,198,92,.34)!important;background:rgba(255,198,92,.045)!important}.unit-status-actie .movement-eta b{color:#ffd780}.eta-countdown{color:#f8d573}.player-node{position:relative}.player-node.is-completed{color:#7dff9e;border-color:#5bff88;background:rgba(22,80,36,.9)}.player-node.is-running{color:#ffd36b;border-color:#e7aa34;background:rgba(80,56,12,.9)}.player-node[data-tip]:hover::after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 12px);transform:translateX(-50%);min-width:220px;max-width:280px;padding:10px 12px;border-radius:12px;background:rgba(5,5,4,.96);border:1px solid rgba(217,173,85,.45);box-shadow:0 18px 50px rgba(0,0,0,.55);color:#f5ddb0;font-size:12px;line-height:1.45;text-align:left;white-space:normal;z-index:30}.player-node[data-tip]:hover::before{content:"";position:absolute;left:50%;bottom:calc(100% + 5px);transform:translateX(-50%);border:7px solid transparent;border-top-color:rgba(217,173,85,.45);z-index:31}.unit-modal-card{overflow:visible}.vehicle-icon-picker{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start;min-height:120px;padding:4px 0}.vehicle-icon-only{width:96px;height:70px;overflow:visible}.vehicle-icon-only span,.vehicle-icon-only small,.vehicle-icon-only em{display:none!important}.vehicle-icon-only input{position:absolute;opacity:0;pointer-events:none}.vehicle-icon-only img{max-width:78px;max-height:48px}.vehicle-icon-only.selected{border-color:#f8d573;background:rgba(217,173,85,.13);box-shadow:0 0 0 3px rgba(248,213,115,.15),0 18px 40px rgba(0,0,0,.5)}.vehicle-hover-card{display:none;position:absolute;left:50%;top:calc(100% + 12px);transform:translateX(-50%);width:230px;z-index:10050;padding:14px;border-radius:16px;background:linear-gradient(145deg,rgba(16,14,10,.98),rgba(4,4,4,.98));border:1px solid rgba(217,173,85,.4);box-shadow:0 24px 80px rgba(0,0,0,.72);color:#fff;text-align:left}.vehicle-icon-only:hover .vehicle-hover-card{display:grid;gap:6px}.vehicle-hover-card img{width:100%;height:86px;max-width:none;max-height:none;object-fit:contain;margin-bottom:4px}.vehicle-hover-card b{font-size:16px}.vehicle-hover-card span{display:block!important;position:static;background:transparent;border:0;padding:0;color:#d8c08a;font-size:12px;font-weight:700}.unit-modal-actions .btn{min-width:240px}.unit-modal-actions .btn.ghost{min-width:110px}@media(max-width:1320px){.mission-play-clean .mission-operation-wide{grid-template-columns:1fr}.mission-play-clean .mission-units-wide .mission-side-panel{position:static}}

/* Phase 1.31b - cleaner unit selection modal */
.unit-modal-card{overflow:visible!important;}
.vehicle-icon-picker{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(92px,92px));
  gap:18px!important;
  align-items:start!important;
  padding:8px 0 20px!important;
  min-height:170px!important;
}
.vehicle-icon-only{
  width:92px!important;
  height:76px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:radial-gradient(circle at 50% 25%,rgba(217,173,85,.13),rgba(255,255,255,.035) 48%,rgba(0,0,0,.28))!important;
  border:1px solid rgba(217,173,85,.28)!important;
  position:relative!important;
}
.vehicle-icon-only::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
}
.vehicle-icon-only input{position:absolute!important;opacity:0!important;pointer-events:none!important;}
.vehicle-icon-only img{
  width:82px!important;
  height:58px!important;
  max-width:82px!important;
  max-height:58px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 10px 12px rgba(0,0,0,.72))!important;
  z-index:1!important;
}
.vehicle-icon-only span,
.vehicle-icon-only small,
.vehicle-icon-only b,
.vehicle-icon-only em,
.vehicle-icon-only .vehicle-hover-card{display:none!important;}
.vehicle-icon-only:hover{
  transform:translateY(-2px)!important;
  border-color:#f8d573!important;
  box-shadow:0 0 0 2px rgba(248,213,115,.16),0 18px 42px rgba(0,0,0,.55)!important;
}
.vehicle-icon-only.selected{
  border-color:#f8d573!important;
  background:radial-gradient(circle at 50% 25%,rgba(248,213,115,.32),rgba(217,173,85,.12) 48%,rgba(0,0,0,.36))!important;
  box-shadow:0 0 0 3px rgba(248,213,115,.18),0 20px 48px rgba(0,0,0,.62)!important;
}
.vehicle-icon-only.selected::before{
  content:"✓";
  position:absolute;
  right:6px;
  top:6px;
  width:20px;
  height:20px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#f8d573,#b98024);
  color:#080704;
  font-weight:1000;
  font-size:13px;
  z-index:2;
}
.vehicle-spec-tooltip{
  position:fixed;
  left:0;
  top:0;
  width:245px;
  display:none;
  z-index:20000;
  padding:14px;
  border-radius:18px;
  background:linear-gradient(145deg,rgba(18,16,12,.98),rgba(4,4,4,.98));
  border:1px solid rgba(217,173,85,.48);
  box-shadow:0 28px 90px rgba(0,0,0,.78);
  color:#fff;
  pointer-events:none;
}
.vehicle-spec-tooltip.show{display:grid;gap:7px;}
.vehicle-spec-tooltip img{width:100%;height:92px;object-fit:contain;margin-bottom:2px;filter:drop-shadow(0 12px 14px rgba(0,0,0,.7));}
.vehicle-spec-tooltip b{font-size:17px;line-height:1.2;}
.vehicle-spec-tooltip span{font-size:12px;color:#d8c08a;font-weight:800;}

/* Fase 1.31c - missie eenhedenpaneel + schone voertuigpicker */
.mission-play-clean .mission-operation-wide{
  grid-template-columns:minmax(900px,1fr) 600px!important;
  max-width:1880px!important;
  width:calc(100% - 28px)!important;
}
.mission-play-clean .mission-units-wide .mission-side-panel{padding:26px!important;}
.mission-unit-line{
  display:grid;
  grid-template-columns:58px 42px minmax(0,1fr) 64px 46px;
  gap:14px;
  align-items:center;
  min-height:72px;
  padding:12px 14px;
  margin-bottom:10px;
  border-radius:18px;
  border:1px solid rgba(217,173,85,.18);
  background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
}
.unit-line-img{width:58px;height:44px;border-radius:12px;border:1px solid rgba(217,173,85,.22);background:rgba(0,0,0,.34);display:grid;place-items:center;overflow:hidden;}
.unit-line-img img{width:52px;height:36px;object-fit:contain;filter:drop-shadow(0 8px 9px rgba(0,0,0,.65));}
.unit-line-count{font-size:18px;font-weight:1000;color:#fff;white-space:nowrap;}
.unit-line-info{min-width:0;}
.unit-line-info b{display:block;color:#fff;font-size:18px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.unit-line-info small{display:block;color:#d6bd78;margin-top:4px;white-space:nowrap;}
.unit-line-status{display:flex;align-items:center;justify-content:center;min-width:48px;}
.unit-line-status .eta-countdown{font-size:15px;font-weight:1000;color:#f8d573;white-space:nowrap;}
.unit-line-status .unit-ready{width:28px;height:28px;font-size:16px;background:rgba(40,190,95,.18);border-color:rgba(80,255,135,.42);color:#78ff9b;}
.unit-hourglass{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;background:rgba(255,200,80,.14);border:1px solid rgba(255,200,80,.35);font-size:15px;}
.unit-line-action{display:flex;justify-content:flex-end;}
.unit-line-action form{margin:0;}
.unit-line-action .movement-cancel{position:static!important;}

.unit-modal-card{width:min(1080px,calc(100vw - 32px))!important;overflow:visible!important;}
.vehicle-icon-picker{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(116px,116px))!important;
  gap:18px!important;
  align-items:start!important;
  padding:8px 0 24px!important;
  min-height:180px!important;
  overflow:visible!important;
}
.vehicle-icon-only{
  width:116px!important;
  height:82px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  background:radial-gradient(circle at 50% 25%,rgba(217,173,85,.13),rgba(255,255,255,.035) 48%,rgba(0,0,0,.28))!important;
  border:1px solid rgba(217,173,85,.28)!important;
  position:relative!important;
  cursor:pointer!important;
}
.vehicle-icon-only input{display:none!important;appearance:none!important;-webkit-appearance:none!important;}
.vehicle-icon-only img{width:104px!important;height:66px!important;max-width:104px!important;max-height:66px!important;object-fit:contain!important;filter:drop-shadow(0 10px 12px rgba(0,0,0,.72))!important;}
.vehicle-icon-only span,.vehicle-icon-only small,.vehicle-icon-only b,.vehicle-icon-only em{display:none!important;}
.vehicle-icon-only:hover{transform:translateY(-2px)!important;border-color:#f8d573!important;box-shadow:0 0 0 2px rgba(248,213,115,.16),0 18px 42px rgba(0,0,0,.55)!important;}
.vehicle-icon-only.selected{border-color:#78ff9b!important;background:radial-gradient(circle at 50% 25%,rgba(80,255,135,.23),rgba(217,173,85,.08) 48%,rgba(0,0,0,.36))!important;box-shadow:0 0 0 3px rgba(80,255,135,.14),0 20px 48px rgba(0,0,0,.62)!important;}
.vehicle-icon-only.selected::before{content:"✓";position:absolute;right:7px;top:7px;width:22px;height:22px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#78ff9b,#2dbd5d);color:#061006;font-weight:1000;font-size:14px;z-index:3;}
.vehicle-spec-tooltip{position:fixed;left:0;top:0;width:270px;display:none;z-index:999999;padding:15px;border-radius:18px;background:linear-gradient(145deg,rgba(18,16,12,.99),rgba(4,4,4,.99));border:1px solid rgba(217,173,85,.55);box-shadow:0 28px 90px rgba(0,0,0,.82);color:#fff;pointer-events:none;}
.vehicle-spec-tooltip.show{display:grid!important;gap:8px;}
.vehicle-spec-tooltip img{width:100%;height:105px;object-fit:contain;margin-bottom:2px;filter:drop-shadow(0 12px 14px rgba(0,0,0,.7));}
.vehicle-spec-tooltip b{font-size:18px;line-height:1.2;color:#fff;}
.vehicle-spec-tooltip span{display:block!important;font-size:13px;color:#d8c08a;font-weight:800;}
@media(max-width:1320px){.mission-play-clean .mission-operation-wide{grid-template-columns:1fr!important}.mission-unit-line{grid-template-columns:58px 42px minmax(0,1fr) 64px 46px;}}

/* Fase 1.31d - missiepagina polish: compacte eenheden, schone voertuigpicker, node-progress */
.mission-play-clean .mission-operation-wide{
  grid-template-columns:minmax(980px,1fr) 520px!important;
  gap:24px!important;
  width:calc(100% - 24px)!important;
  max-width:1920px!important;
}
.mission-play-clean .mission-blueprint-section{min-width:0!important;}
.mission-play-clean .mission-units-wide .mission-side-panel{padding:24px!important;}
.mission-unit-line{
  display:grid!important;
  grid-template-columns:56px 34px minmax(150px,1fr) 42px 42px!important;
  gap:12px!important;
  align-items:center!important;
  min-height:68px!important;
  padding:10px 12px!important;
  margin-bottom:10px!important;
}
.unit-line-img{width:56px!important;height:42px!important;}
.unit-line-img img{width:50px!important;height:34px!important;object-fit:contain!important;}
.unit-line-count{font-size:16px!important;white-space:nowrap!important;}
.unit-line-info{min-width:0!important;}
.unit-line-info b{
  display:block!important;
  font-size:16px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.unit-line-info small{font-size:12px!important;white-space:nowrap!important;}
.unit-line-status{justify-content:center!important;}
.unit-line-status .eta-countdown{font-size:13px!important;white-space:nowrap!important;}
.unit-line-status .unit-ready{
  width:26px!important;height:26px!important;
  background:rgba(50,210,100,.20)!important;
  border:1px solid rgba(110,255,150,.55)!important;
  color:#74ff9e!important;
}
.unit-line-action .movement-cancel{width:32px!important;height:32px!important;}

/* node progress lives inside the clicked blueprint node */
.player-node .node-progress-bar{
  position:absolute!important;
  left:8px!important;
  right:8px!important;
  bottom:-9px!important;
  height:5px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.18)!important;
  border:1px solid rgba(217,173,85,.25)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.45)!important;
  pointer-events:none!important;
}
.player-node .node-progress-bar span{
  display:block!important;
  height:100%!important;
  width:0%;
  border-radius:999px!important;
  background:linear-gradient(90deg,#f5d477,#c9912f)!important;
}
.active-action-card{display:none!important;}

/* Clean vehicle picker: only icons in the modal */
.unit-modal-card{width:min(1080px,calc(100vw - 32px))!important;max-height:calc(100vh - 42px)!important;overflow:visible!important;}
.vehicle-icon-picker{
  display:grid!important;
  grid-template-columns:repeat(auto-fill, minmax(132px, 132px))!important;
  gap:18px!important;
  align-items:start!important;
  padding:12px 0 26px!important;
  min-height:180px!important;
  overflow:visible!important;
}
.vehicle-icon-only{
  width:132px!important;
  height:92px!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  border-radius:18px!important;
  overflow:hidden!important;
  cursor:pointer!important;
  background:radial-gradient(circle at 50% 30%,rgba(217,173,85,.12),rgba(255,255,255,.025) 52%,rgba(0,0,0,.34))!important;
  border:1px solid rgba(217,173,85,.26)!important;
  box-shadow:none!important;
  color:transparent!important;
  font-size:0!important;
}
.vehicle-icon-only input,
.vehicle-icon-only .unit-pick-input{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  position:absolute!important;
  pointer-events:none!important;
  width:0!important;height:0!important;margin:0!important;padding:0!important;
}
.vehicle-icon-only img{
  display:block!important;
  width:118px!important;
  height:74px!important;
  max-width:118px!important;
  max-height:74px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 12px 14px rgba(0,0,0,.72))!important;
}
.vehicle-icon-only span,
.vehicle-icon-only small,
.vehicle-icon-only b,
.vehicle-icon-only em,
.vehicle-icon-only .vehicle-hover-card{display:none!important;}
.vehicle-icon-only:hover{transform:translateY(-2px)!important;border-color:#f6d274!important;box-shadow:0 0 0 2px rgba(246,210,116,.16),0 20px 46px rgba(0,0,0,.55)!important;}
.vehicle-icon-only.selected{border-color:#73ff98!important;background:radial-gradient(circle at 50% 30%,rgba(80,255,135,.22),rgba(217,173,85,.07) 52%,rgba(0,0,0,.34))!important;}
.vehicle-icon-only.selected::before{content:"✓";position:absolute;right:8px;top:8px;width:24px;height:24px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7dff9e,#2bb85b);color:#051006;font-weight:1000;font-size:15px;z-index:5;}
.vehicle-spec-tooltip{
  position:fixed!important;
  left:0;top:0;
  width:290px!important;
  display:none!important;
  z-index:2147483000!important;
  padding:15px!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(18,16,12,.99),rgba(4,4,4,.99))!important;
  border:1px solid rgba(217,173,85,.58)!important;
  box-shadow:0 30px 95px rgba(0,0,0,.86)!important;
  color:#fff!important;
  pointer-events:none!important;
}
.vehicle-spec-tooltip.show{display:grid!important;gap:8px!important;}
.vehicle-spec-tooltip img{width:100%!important;height:112px!important;object-fit:contain!important;margin-bottom:2px!important;filter:drop-shadow(0 14px 16px rgba(0,0,0,.72))!important;}
.vehicle-spec-tooltip b{font-size:18px!important;line-height:1.2!important;color:#fff!important;}
.vehicle-spec-tooltip span{display:block!important;font-size:13px!important;color:#d8c08a!important;font-weight:800!important;}
@media(max-width:1500px){.mission-play-clean .mission-operation-wide{grid-template-columns:1fr!important}.mission-play-clean .mission-units-wide .mission-side-panel{position:static!important}.mission-unit-line{grid-template-columns:56px 34px minmax(0,1fr) 42px 42px!important}}

/* Fase 1.32 mission/player fixes */
.mission-unit-line{grid-template-columns:58px 42px minmax(0,1fr) 42px 42px!important;align-items:center!important;min-height:72px!important}
.unit-line-info b{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important;max-width:100%!important}
.unit-line-status{display:flex!important;align-items:center!important;justify-content:center!important}
.unit-line-status .unit-ready,.unit-ready,.unit-hourglass{display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;text-align:center!important}
.unit-ready{width:30px!important;height:30px!important;border-radius:999px!important;font-size:18px!important;padding:0!important}
.unit-hourglass{width:30px!important;height:30px!important;border-radius:999px!important;font-size:17px!important;padding:0!important}
.player-node span{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:18px!important;height:18px!important;line-height:1!important}
.player-node.is-completed span,.player-node.is-running span{width:18px!important;height:18px!important;border-radius:5px!important;font-size:13px!important;background:rgba(255,255,255,.06)!important}
.player-node[data-tip]:hover::after{content:attr(data-tip)!important;white-space:pre-line!important;min-width:230px!important;font-size:13px!important;line-height:1.55!important}
.player-node .node-progress-bar{left:10px!important;right:10px!important;bottom:-7px!important;height:4px!important;border-radius:999px!important;background:rgba(255,255,255,.18)!important;overflow:hidden!important}
.player-node .node-progress-bar span{height:100%!important;background:linear-gradient(90deg,#f4df80,#d59a2f)!important;border-radius:999px!important;display:block!important}
.action-unit-modal .unit-modal-card{width:min(980px,calc(100vw - 36px))!important;overflow:visible!important}
.action-power-meter{margin:8px 0 14px;padding:12px;border:1px solid rgba(217,173,85,.24);border-radius:14px;background:rgba(255,255,255,.035)}
.action-power-meter span{display:block;font-weight:900;color:#fff;margin-bottom:7px}.action-power-meter i{display:block;height:8px;border-radius:999px;background:rgba(255,255,255,.13);overflow:hidden}.action-power-meter em{display:block;height:100%;width:0;background:linear-gradient(90deg,#4be378,#f5df64,#dc7a2e,#b65cff)}
.vehicle-icon-only{cursor:pointer!important;position:relative!important}.vehicle-icon-only.selected:after{content:'✓';position:absolute;right:7px;top:7px;width:22px;height:22px;display:grid;place-items:center;border-radius:999px;background:#0d8f43;color:#fff;font-weight:950;box-shadow:0 0 0 2px rgba(255,255,255,.15)}
.compact-admin-list{display:grid;gap:10px}.admin-list-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;border:1px solid rgba(217,173,85,.16);border-radius:12px;background:rgba(255,255,255,.025)}.admin-list-row small{display:block;color:#bba672;margin-top:4px}.btn.danger{background:rgba(150,30,30,.75)!important;border-color:rgba(255,100,100,.38)!important;color:#fff!important}
.os-alert,.notice{will-change:opacity,transform}

/* Fase 1.35 - live node progress animation fallback */
@keyframes nodeProgressFill{from{width:var(--progress-from,0%)}to{width:100%}}
.player-node .node-progress-bar span{will-change:width!important;}

/* Fase 1.36 - 112-simulator style missiepagina/editor, onderwereld thema */
.os-112-shell{max-width:1880px;margin:26px auto 70px;padding:0 24px;}
.os-112-grid{display:grid;grid-template-columns:390px minmax(620px,1fr) 430px;gap:22px;align-items:start;}
.os-card{background:linear-gradient(180deg,rgba(20,17,12,.96),rgba(8,8,7,.98));border:1px solid rgba(209,160,61,.28);border-radius:18px;box-shadow:0 22px 60px rgba(0,0,0,.38);}
.os-card-pad{padding:24px;}
.os-mission-title h1{font-size:25px;line-height:1.12;margin:8px 0 14px;}
.os-mission-title p{color:#c9b88c;line-height:1.65;margin:0 0 20px;}
.os-info-block{border-top:1px solid rgba(209,160,61,.16);padding-top:18px;margin-top:18px;}
.os-info-block b{display:block;color:#d8aa47;text-transform:uppercase;letter-spacing:.16em;font-size:12px;margin-bottom:10px;}
.os-location-row{display:flex;gap:12px;align-items:center;color:#fff;}
.os-location-row span{font-size:28px;color:#d8aa47;}
.os-flee-card{margin-top:18px;border-color:rgba(214,54,54,.55);background:linear-gradient(135deg,rgba(74,18,18,.72),rgba(15,10,9,.96));}
.os-flee-card button{width:100%;text-align:left;border:0;background:transparent;color:#ff6969;padding:22px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:16px;cursor:pointer;}
.os-flee-card small{display:block;color:#e4a19b;text-transform:none;letter-spacing:0;font-size:13px;line-height:1.5;margin-top:6px;font-weight:600;}
.os-section{padding:20px 22px;}
.os-section + .os-section{border-top:1px solid rgba(209,160,61,.18);}
.os-section-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:14px;}
.os-section-head h2{margin:0;color:#f7f0e2;font-size:22px;}
.os-section-head p{margin:4px 0 0;color:#b8a77e;font-size:13px;}
.os-row{display:grid;grid-template-columns:72px minmax(190px,1fr) 130px 270px;gap:18px;align-items:center;padding:14px 16px;background:rgba(255,255,255,.035);border:1px solid rgba(209,160,61,.12);border-radius:14px;margin:10px 0;}
.os-row.incoming-row{grid-template-columns:72px minmax(190px,1fr) 150px 140px;}
.os-row-img{width:56px;height:56px;border-radius:12px;background:rgba(0,0,0,.28);display:grid;place-items:center;overflow:hidden;font-size:26px;border:1px solid rgba(209,160,61,.18);}
.os-row-img img{width:100%;height:100%;object-fit:contain;}
.os-row-main b{display:block;color:#fff;font-size:16px;margin-bottom:4px;}
.os-row-main small,.os-row-status small{display:block;color:#b8a77e;line-height:1.35;}
.os-state-ok{color:#45d66d;font-weight:900;}
.os-state-warn{color:#ffcc55;font-weight:900;}
.os-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;}
.os-action-btn{width:42px;height:38px;border-radius:9px;border:1px solid rgba(216,170,71,.42);background:linear-gradient(180deg,rgba(57,42,18,.92),rgba(20,15,9,.95));color:#efc15a;display:grid;place-items:center;cursor:pointer;font-size:18px;}
.os-action-btn:disabled{opacity:.36;cursor:not-allowed;filter:grayscale(.8);}
.os-action-btn:hover:not(:disabled){box-shadow:0 0 0 2px rgba(216,170,71,.18),0 0 28px rgba(216,170,71,.18);transform:translateY(-1px);}
.os-progress{height:7px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden;margin-top:8px;}
.os-progress span{display:block;height:100%;background:linear-gradient(90deg,#d7aa46,#d93535);width:60%;}
.os-side-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;}
.os-side-actions .btn{width:100%;justify-content:center;}
.os-own-unit{display:grid;grid-template-columns:64px 1fr 74px 34px;gap:12px;align-items:center;margin:10px 0;padding:12px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(209,160,61,.12);}
.os-own-unit .movement-eta b{font-size:14px;}
.os-empty{padding:28px;border:1px dashed rgba(209,160,61,.25);border-radius:14px;color:#b8a77e;text-align:center;background:rgba(255,255,255,.025);}
@media(max-width:1280px){.os-112-grid{grid-template-columns:1fr}.os-row,.os-row.incoming-row{grid-template-columns:58px 1fr}.os-actions{justify-content:flex-start}.os-row-status{grid-column:2}.os-side-actions{grid-template-columns:1fr}}

.os-editor-shell{max-width:1880px;margin:22px auto 70px;padding:0 24px;}
.os-editor-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;}
.os-editor-grid{display:grid;grid-template-columns:330px 1fr 380px;gap:18px;align-items:start;}
.os-editor-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;}
.os-editor-tabs span{padding:10px 14px;border-radius:10px;border:1px solid rgba(209,160,61,.22);color:#d8aa47;background:rgba(255,255,255,.035);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.12em;}
.os-editor-list button,.os-tool-item{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;padding:12px 14px;margin:8px 0;border:1px solid rgba(209,160,61,.18);border-radius:12px;background:rgba(255,255,255,.035);color:#f7f0e2;}
.os-editor-map{min-height:620px;position:relative;overflow:hidden;}
.os-editor-map .blueprint-canvas{height:620px;border-radius:16px;}
.os-property-form input,.os-property-form textarea,.os-property-form select{width:100%;background:rgba(255,255,255,.055);border:1px solid rgba(209,160,61,.25);border-radius:10px;color:#fff;padding:11px 12px;margin:6px 0 14px;}
.os-checkbox-list label{display:flex;gap:10px;align-items:center;margin:10px 0;color:#d8cba6;}

/* Fase 1.36b - full-width operation layouts */
body .layout.mission-layout-v2.mission-blueprint-play-layout{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:24px clamp(16px,1.4vw,32px) 80px!important;
}
body .mission-layout-v2 .os-112-shell{
  width:100%!important;
  max-width:none!important;
  margin:20px 0 70px!important;
  padding:0!important;
}
body .mission-layout-v2 .os-112-grid{
  width:100%!important;
  grid-template-columns:minmax(300px,360px) minmax(760px,1fr) minmax(360px,450px)!important;
  gap:clamp(16px,1.2vw,24px)!important;
}
body .mission-layout-v2 .os-card{min-width:0!important;}
body .mission-layout-v2 .os-row{grid-template-columns:72px minmax(260px,1fr) 130px minmax(220px,320px)!important;}
body .mission-layout-v2 .os-row.incoming-row{grid-template-columns:72px minmax(260px,1fr) 150px 140px!important;}
body .mission-layout-v2 .os-actions{justify-content:flex-end!important;}
body .mission-layout-v2 aside.os-card{position:sticky;top:112px;}
body .mission-layout-v2 .os-mission-title{min-height:calc(100vh - 160px);display:flex;flex-direction:column;}
body .mission-layout-v2 .os-flee-card{margin-top:auto!important;}

body .layout.admin-layout:has(.mission-builder-shell){
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:24px clamp(16px,1.4vw,32px) 80px!important;
}
body .layout.admin-layout:has(.mission-builder-shell) .mission-builder-shell{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
body .layout.admin-layout:has(.mission-builder-shell) .mission-builder-layout{
  grid-template-columns:minmax(280px,330px) minmax(780px,1fr) minmax(340px,420px)!important;
  gap:clamp(16px,1.2vw,24px)!important;
  width:100%!important;
}
body .layout.admin-layout:has(.mission-builder-shell) .builder-canvas-panel{min-width:0!important;}
body .layout.admin-layout:has(.mission-builder-shell) .blueprint-canvas,
body .layout.admin-layout:has(.mission-builder-shell) .blueprint-canvas-wrap{min-height:640px!important;}
body .layout.admin-layout:has(.mission-builder-shell) .builder-left,
body .layout.admin-layout:has(.mission-builder-shell) .builder-right{position:sticky;top:112px;max-height:calc(100vh - 132px);overflow:auto;}

@media(max-width:1500px){
  body .mission-layout-v2 .os-112-grid{grid-template-columns:300px minmax(640px,1fr) 360px!important;}
  body .mission-layout-v2 .os-row{grid-template-columns:64px minmax(180px,1fr) 110px minmax(180px,250px)!important;gap:12px!important;}
  body .layout.admin-layout:has(.mission-builder-shell) .mission-builder-layout{grid-template-columns:280px minmax(640px,1fr) 340px!important;}
}
@media(max-width:1200px){
  body .mission-layout-v2 .os-112-grid,
  body .layout.admin-layout:has(.mission-builder-shell) .mission-builder-layout{grid-template-columns:1fr!important;}
  body .mission-layout-v2 aside.os-card,
  body .layout.admin-layout:has(.mission-builder-shell) .builder-left,
  body .layout.admin-layout:has(.mission-builder-shell) .builder-right{position:static!important;min-height:0!important;max-height:none!important;}
  body .mission-layout-v2 .os-row,
  body .mission-layout-v2 .os-row.incoming-row{grid-template-columns:58px 1fr!important;}
  body .mission-layout-v2 .os-actions{justify-content:flex-start!important;}
}

/* Fase 1.36c - missiepagina kolombreedtes + 112-achtige voertuigentabel */
body .mission-layout-v2 .os-112-grid{
  grid-template-columns:minmax(360px,430px) minmax(620px,1fr) minmax(500px,560px)!important;
  gap:clamp(18px,1.25vw,26px)!important;
}
body .mission-layout-v2 .os-mission-title h1{font-size:27px!important;}
body .mission-layout-v2 .os-units-panel{padding:26px!important;}
body .mission-layout-v2 .os-unit-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin:16px 0 18px!important;}
body .mission-layout-v2 .os-unit-actions .btn{width:100%!important;min-height:52px!important;border-radius:15px!important;}
.os-unit-table{display:grid;gap:10px;margin-top:4px;}
.os-unit-table-head{display:grid;grid-template-columns:92px minmax(0,1fr) 64px;gap:14px;align-items:center;padding:0 6px 6px;color:#d8bd78;font-size:12px;font-weight:900;letter-spacing:.04em;}
.os-unit-table-row{display:grid;grid-template-columns:92px minmax(0,1fr) 64px;gap:14px;align-items:center;padding:13px 12px;border:1px solid rgba(217,173,85,.18);border-radius:15px;background:rgba(255,255,255,.035);min-height:94px;}
.os-unit-table-row:hover{border-color:rgba(217,173,85,.36);background:rgba(217,173,85,.055);}
.os-unit-status{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;min-width:0;}
.os-unit-status .eta-countdown{font-size:17px!important;color:#f8d573!important;font-weight:950!important;letter-spacing:.03em;}
.os-unit-status small{font-size:11px!important;color:#bfa66b!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.04em;}
.os-unit-vehicle{display:grid;grid-template-columns:66px minmax(0,1fr);gap:12px;align-items:center;min-width:0;}
.os-unit-vehicle img{width:66px;height:48px;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(0,0,0,.55));}
.os-unit-vehicle b{display:block;color:#fff;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.os-unit-vehicle small{display:block;color:#bda56f;font-size:12px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.os-unit-options{display:flex;justify-content:flex-end;align-items:center;}
.os-unit-options form{margin:0;}
.os-unit-options .movement-cancel{width:38px!important;height:38px!important;border-radius:10px!important;background:linear-gradient(135deg,rgba(217,173,85,.22),rgba(110,72,20,.35))!important;border:1px solid rgba(217,173,85,.42)!important;color:#f8d573!important;font-size:17px!important;}
.os-unit-options .movement-cancel:disabled{opacity:.32!important;cursor:not-allowed!important;filter:grayscale(.25)!important;}
.os-unit-table-row.unit-status-onderweg{border-color:rgba(248,213,115,.25);}
.os-unit-table-row.unit-status-ter-plaatse{border-color:rgba(96,255,139,.24);}
.os-unit-table-row.unit-status-actie{border-color:rgba(255,176,70,.30);}
body .mission-layout-v2 .os-empty{padding:22px!important;border-radius:16px!important;}
@media(max-width:1600px){
  body .mission-layout-v2 .os-112-grid{grid-template-columns:minmax(330px,390px) minmax(560px,1fr) minmax(460px,520px)!important;}
  .os-unit-table-head,.os-unit-table-row{grid-template-columns:84px minmax(0,1fr) 58px;gap:10px;}
  .os-unit-vehicle{grid-template-columns:58px minmax(0,1fr);}
  .os-unit-vehicle img{width:58px;height:44px;}
}
@media(max-width:1320px){
  body .mission-layout-v2 .os-112-grid{grid-template-columns:1fr!important;}
  body .mission-layout-v2 aside.os-card{position:static!important;min-height:0!important;}
}

/* Fase 1.36e - missiepagina finetuning */
.os-reset-card{margin-top:auto;border-color:rgba(217,173,85,.38);background:linear-gradient(135deg,rgba(56,39,13,.58),rgba(12,10,8,.96));}
.os-reset-card button{width:100%;text-align:left;border:0;background:transparent;color:#f7d16f;padding:18px 22px;font-weight:900;text-transform:uppercase;letter-spacing:.10em;font-size:15px;cursor:pointer;}
.os-reset-card small{display:block;color:#d7bd78;text-transform:none;letter-spacing:0;font-size:12px;line-height:1.45;margin-top:5px;font-weight:700;}
.os-reset-card + .os-flee-card{margin-top:14px!important;}
body .mission-layout-v2 .os-row.incoming-row{grid-template-columns:72px minmax(260px,1fr) 130px minmax(220px,320px)!important;}
body .mission-layout-v2 .incoming-row .movement-eta{justify-self:end;min-width:118px;text-align:left;}
body .mission-layout-v2 .incoming-row .movement-eta .btn{min-width:108px;justify-content:center;}
body .mission-layout-v2 .os-unit-table-head span:nth-child(2){padding-left:78px;}
body .mission-layout-v2 .os-unit-status{align-items:center;text-align:center;}
body .mission-layout-v2 .os-units-panel .os-section-head{margin-bottom:8px;}
body .mission-layout-v2 .os-units-panel .os-section-head p:not(.eyebrow){display:none!important;}
body .mission-layout-v2 .os-unit-status .unit-ready{width:34px;height:34px;font-size:22px;}
body .mission-layout-v2 .os-unit-table-row.unit-status-ter-plaatse{background:rgba(24,80,35,.10);}
@media(max-width:1600px){body .mission-layout-v2 .os-unit-table-head span:nth-child(2){padding-left:68px;}}
@media(max-width:1320px){body .mission-layout-v2 .os-row.incoming-row{grid-template-columns:58px 1fr!important;}body .mission-layout-v2 .incoming-row .movement-eta{justify-self:start;}}

/* Fase 1.36f - missiepagina interactie/status finetuning */
.os-state-neutral{color:#b8a77e;font-weight:900;}
body .mission-layout-v2 .os-row-main{display:block;min-width:0;}
body .mission-layout-v2 .os-row-main .os-progress{max-width:360px;margin-top:10px;}
body .mission-layout-v2 .os-unit-table-row.unit-status-actie{
  background:linear-gradient(135deg,rgba(132,78,13,.20),rgba(25,17,7,.82))!important;
  border-color:rgba(255,176,70,.55)!important;
}
body .mission-layout-v2 .os-unit-table-row.unit-status-actie .os-unit-vehicle small{
  color:#ffd277!important;
  white-space:normal!important;
}
body .mission-layout-v2 .os-unit-status .unit-hourglass{
  width:34px;height:34px;border-radius:999px;display:grid;place-items:center;
  background:rgba(255,176,70,.18);border:1px solid rgba(255,176,70,.48);
}
body .mission-layout-v2 .os-action-btn[title="Omkopen"]{color:#f4d15e;}
body .mission-layout-v2 .os-action-btn[title="Vermoorden"]{color:#ff7878;}
body .mission-layout-v2 .os-action-btn[title="Onderhandelen"]{color:#f7d994;}
body .mission-layout-v2 .os-action-btn[title="Martelen"]{color:#ffb35c;}

/* Fase 1.36g - inline compacte voortgangsbalk + juiste specialisatienaam */
body .mission-layout-v2 .os-row:not(.incoming-row){
  grid-template-columns:72px minmax(260px,1fr) minmax(150px,260px) 130px minmax(220px,320px)!important;
  gap:18px!important;
}
body .mission-layout-v2 .os-row-progress{
  min-width:150px;
  max-width:260px;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}
body .mission-layout-v2 .os-row-progress .os-progress{
  width:100%!important;
  max-width:220px!important;
  height:6px!important;
  margin:0!important;
  background:rgba(255,255,255,.12)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)!important;
}
body .mission-layout-v2 .os-row-progress .os-progress span{
  background:linear-gradient(90deg,#f7d16f,#c17a24)!important;
  box-shadow:0 0 14px rgba(247,209,111,.28)!important;
}
body .mission-layout-v2 .os-row-main .os-progress{display:none!important;}
@media(max-width:1600px){
  body .mission-layout-v2 .os-row:not(.incoming-row){grid-template-columns:64px minmax(210px,1fr) minmax(130px,210px) 110px minmax(180px,250px)!important;gap:12px!important;}
  body .mission-layout-v2 .os-row-progress{min-width:130px;max-width:210px;}
  body .mission-layout-v2 .os-row-progress .os-progress{max-width:180px!important;}
}
@media(max-width:1320px){
  body .mission-layout-v2 .os-row:not(.incoming-row){grid-template-columns:58px 1fr!important;}
  body .mission-layout-v2 .os-row-progress{grid-column:2;justify-content:flex-start;max-width:240px;}
}

/* Fase 1.36h - missiepagina test-flow: statuskleuren, afgeronde rijen en volle voertuigen */
body .mission-layout-v2 .os-state-danger{color:#ff4f4f!important;font-weight:900!important;text-shadow:0 0 12px rgba(255,79,79,.22);}
body .mission-layout-v2 .os-row.os-row-complete{border-color:rgba(37,214,91,.55)!important;background:linear-gradient(90deg,rgba(22,80,36,.22),rgba(255,255,255,.025))!important;box-shadow:0 0 0 1px rgba(37,214,91,.12), inset 0 0 24px rgba(37,214,91,.035)!important;}
body .mission-layout-v2 .os-row.os-row-danger{border-color:rgba(255,79,79,.38)!important;background:linear-gradient(90deg,rgba(100,15,15,.18),rgba(255,255,255,.025))!important;}
body .mission-layout-v2 .unit-status-volgeladen{border-color:rgba(255,72,72,.5)!important;background:linear-gradient(90deg,rgba(100,18,18,.34),rgba(255,255,255,.025))!important;}
body .mission-layout-v2 .os-unit-status .unit-full{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:rgba(255,72,72,.18);border:1px solid rgba(255,72,72,.55);color:#ff5c5c;font-weight:900;}
body .mission-layout-v2 .os-actions .os-action-btn[title*="Lichaam"]{color:#ffb35c;}
body .mission-layout-v2 .os-action-btn[title="Hacken"],
body .mission-layout-v2 .os-action-btn[title="Camera hacken"]{color:#7fd7ff;}
body .mission-layout-v2 .os-action-btn[title="Openen"],
body .mission-layout-v2 .os-action-btn[title="Openbreken"]{color:#f3cf74;}
body .mission-layout-v2 .os-action-btn[title="Inladen"]{color:#ffb35c;}

/* Fase 1.36i - inkomende dreiging als dezelfde operation-row + afronden */
body .mission-layout-v2 .os-row.incoming-row{
  grid-template-columns:72px minmax(260px,1fr) minmax(150px,260px) 130px minmax(180px,260px)!important;
  gap:18px!important;
}
body .mission-layout-v2 .incoming-row .os-row-progress{
  min-width:150px;max-width:260px;width:100%;display:flex;align-items:center;justify-content:center;
}
body .mission-layout-v2 .incoming-row .os-row-progress .os-progress{
  width:100%!important;max-width:220px!important;height:6px!important;margin:0!important;
}
body .mission-layout-v2 .incoming-actions{justify-content:flex-end!important;align-items:center!important;min-width:140px;}
body .mission-layout-v2 .incoming-actions .eta-countdown{color:#f8d573;font-weight:950;font-size:15px;letter-spacing:.04em;}
body .mission-layout-v2 .incoming-actions .unit-hourglass{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:rgba(255,176,70,.18);border:1px solid rgba(255,176,70,.48);}
body .mission-layout-v2 .incoming-attack{color:#ffbd66!important;}
.os-finish-card{margin-top:auto;border-color:rgba(37,214,91,.52)!important;background:linear-gradient(135deg,rgba(22,80,36,.38),rgba(12,10,8,.96))!important;box-shadow:0 0 0 1px rgba(37,214,91,.10), inset 0 0 24px rgba(37,214,91,.045)!important;}
.os-finish-card button{width:100%;text-align:left;border:0;background:transparent;color:#5dff8f;padding:18px 22px;font-weight:900;text-transform:uppercase;letter-spacing:.10em;font-size:15px;cursor:pointer;}
.os-finish-card small{display:block;color:#c5e8c9;text-transform:none;letter-spacing:0;font-size:12px;line-height:1.45;margin-top:5px;font-weight:700;}
.os-finish-card + .os-reset-card{margin-top:14px!important;}
@media(max-width:1600px){body .mission-layout-v2 .os-row.incoming-row{grid-template-columns:64px minmax(210px,1fr) minmax(130px,210px) 110px minmax(160px,230px)!important;gap:12px!important;}}
@media(max-width:1320px){body .mission-layout-v2 .os-row.incoming-row{grid-template-columns:58px 1fr!important;}body .mission-layout-v2 .incoming-row .os-row-progress{grid-column:2;justify-content:flex-start;max-width:240px;}body .mission-layout-v2 .incoming-actions{grid-column:2;justify-content:flex-start!important;}}

/* Fase 1.36i - maffia resultaatpagina */
.mission-result-layout{width:100%!important;max-width:none!important;padding:32px clamp(18px,2vw,44px) 90px!important;}
.mission-result-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;background:linear-gradient(135deg,rgba(217,173,85,.10),rgba(255,255,255,.025))!important;}
.mission-result-hero h1{margin:6px 0 8px;color:#fff;font-size:32px;}
.mission-result-hero p{color:#d8bd78;margin:0;}
.mission-result-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,430px);gap:22px;align-items:start;}
.mission-result-main{text-align:center;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.result-check{width:78px;height:78px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#2de06b,#0a7d32);color:#fff;font-size:42px;font-weight:950;box-shadow:0 0 40px rgba(45,224,107,.25);margin-bottom:20px;}
.mission-result-main h2{font-size:30px;color:#fff;margin:0 0 8px;}
.mission-result-main p{color:#d8bd78;max-width:620px;margin:0 auto 28px;}
.result-summary-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:min(760px,100%);}
.result-summary-list div{padding:18px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(217,173,85,.16);}
.result-summary-list b{display:block;color:#f7d16f;font-size:26px;}.result-summary-list span{color:#b8a77e;font-weight:800;}
.mission-result-rewards{display:grid;gap:16px;}
.reward-card{border-radius:18px;padding:26px;border:1px solid rgba(217,173,85,.20);box-shadow:0 18px 46px rgba(0,0,0,.25);}
.reward-card b{display:block;font-size:30px;color:#fff;margin-bottom:8px;}.reward-card span{color:#fff;font-weight:900;opacity:.92;}
.reward-card.gold{background:linear-gradient(135deg,#c49125,#f0c34d);}.reward-card.xp{background:linear-gradient(135deg,#6651d8,#3a279c);}.reward-card.respect{background:linear-gradient(135deg,#a1152a,#ff3d62);}.reward-card.dark{background:linear-gradient(135deg,rgba(37,214,91,.18),rgba(255,255,255,.035));border-color:rgba(37,214,91,.36);}
@media(max-width:1000px){.mission-result-hero,.mission-result-grid{grid-template-columns:1fr;display:grid}.result-summary-list{grid-template-columns:1fr;}}

/* Fase 1.36k - missie feedback als vaste toast, geen layout-verschuiving */
body .layout.mission-layout-v2.mission-blueprint-play-layout > .os-alert{
  position:fixed!important;
  right:clamp(16px,2vw,34px)!important;
  top:104px!important;
  width:min(520px,calc(100vw - 32px))!important;
  margin:0!important;
  z-index:9999!important;
  box-shadow:0 24px 80px rgba(0,0,0,.55)!important;
  pointer-events:none!important;
}
body .layout.mission-layout-v2.mission-blueprint-play-layout > .os-alert + .os-alert{
  top:168px!important;
}

/* 36l - Verkenning gates voor missiepagina */
.os-recon-cover{
  min-height:260px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:16px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(23,19,12,.76), rgba(15,13,9,.9));
  border:1px solid rgba(201,154,63,.18);
}
.os-recon-btn{
  min-width:220px;
  height:62px;
  border-radius:12px;
  border:2px solid rgba(201,154,63,.65);
  background:rgba(201,154,63,.08);
  color:#fff;
  font-weight:900;
  font-size:16px;
  cursor:pointer;
  box-shadow:0 0 18px rgba(201,154,63,.08);
}
.os-recon-btn:hover{background:rgba(201,154,63,.16)}
.os-recon-btn:disabled{opacity:.75;cursor:not-allowed}
.os-recon-cover .os-progress{width:220px;height:7px}

/* Live mission editor - 112 style mafia admin */
.live-mission-editor{width:100%;max-width:none;padding:24px 26px 40px;color:var(--text, #fff)}
.live-editor-topbar{display:flex;align-items:center;gap:18px;justify-content:space-between;margin-bottom:22px;padding:14px 16px;border:1px solid rgba(210,161,65,.22);background:linear-gradient(180deg,rgba(22,18,12,.88),rgba(8,8,7,.94));border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.live-editor-topbar h1{margin:0;font-size:24px}.live-editor-actions{display:flex;gap:10px}
.live-editor-grid{display:grid;grid-template-columns:minmax(290px,20vw) 1fr minmax(330px,23vw);gap:22px;align-items:start}
.live-editor-left,.live-editor-right{position:sticky;top:92px}.os-mission-panel,.live-editor-card{border:1px solid rgba(210,161,65,.25);background:linear-gradient(180deg,rgba(18,16,12,.96),rgba(7,7,6,.98));border-radius:18px;padding:22px;box-shadow:0 24px 70px rgba(0,0,0,.34)}
.live-editor-card{margin-bottom:18px;padding:20px}.live-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.live-section-head.compact{margin:10px 0}.live-section-head h2{margin:0;font-size:22px}.live-section-head small,.live-node-main small{display:block;color:#c4a970;line-height:1.45}.os-plus-btn{width:46px;height:46px;border-radius:12px;border:1px solid #b58a29;background:#181713;color:#fff;font-size:26px;font-weight:900;cursor:pointer}.os-plus-btn:hover{background:#33250e;border-color:#f2c96b}
.live-editor-list{display:flex;flex-direction:column;gap:10px}.live-editor-row{display:grid;grid-template-columns:58px minmax(210px,1fr) 92px minmax(230px,.75fr) 98px;gap:16px;align-items:center;padding:13px 14px;border:1px solid rgba(210,161,65,.18);background:rgba(255,255,255,.035);border-radius:14px;cursor:pointer;transition:.15s ease}.live-editor-row:hover{border-color:rgba(242,201,107,.55);background:rgba(210,161,65,.08)}
.live-node-icon{width:48px;height:48px;border:1px solid rgba(210,161,65,.24);border-radius:12px;display:grid;place-items:center;background:rgba(0,0,0,.28);font-size:22px}.live-node-main b{font-size:16px}.live-node-power span{display:block;color:#c4a970;font-size:11px}.live-node-power b{font-size:20px}.live-node-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.live-node-actions span{font-size:11px;font-weight:800;color:#f3d37a;border:1px solid rgba(210,161,65,.24);background:rgba(210,161,65,.08);padding:5px 8px;border-radius:999px}.node-steps,.node-triggers{color:#7cf29a!important}.node-triggers{color:#ffcc62!important}.live-editor-empty{border:1px dashed rgba(210,161,65,.28);border-radius:14px;padding:22px;text-align:center;color:#c4a970;background:rgba(255,255,255,.025)}
.os-inline-edit-label{display:block;font-weight:800;margin-bottom:14px}.os-inline-edit-label span{float:right}.os-inline-edit-label input,.os-inline-edit-label textarea,.live-mission-editor input,.live-mission-editor textarea,.live-mission-editor select,.os-editor-modal input,.os-editor-modal textarea,.os-editor-modal select{width:100%;margin-top:7px;border:1px solid rgba(210,161,65,.22);border-radius:10px;background:#0e0d0b;color:#fff;padding:11px 12px;font:inherit}.live-mission-editor textarea,.os-editor-modal textarea{min-height:90px;resize:vertical}.live-mission-editor hr,.live-editor-right hr{border:0;border-top:1px solid rgba(210,161,65,.17);margin:22px 0}.template-editor-list{display:flex;flex-direction:column;gap:8px;max-height:60vh;overflow:auto}.template-editor-row{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:#fff;border:1px solid rgba(210,161,65,.18);background:rgba(255,255,255,.035);padding:12px;border-radius:12px}.template-editor-row span{color:#d6b35c;font-size:12px}.template-editor-row.active{border-color:#f2c96b;background:rgba(210,161,65,.12)}
.os-editor-modal{width:min(860px,94vw);border:1px solid rgba(210,161,65,.4);border-radius:18px;background:#090908;color:#fff;padding:0;box-shadow:0 30px 100px rgba(0,0,0,.75)}.os-editor-modal::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(2px)}.os-editor-modal form{padding:22px}.os-editor-modal.small{width:min(440px,92vw)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-head h2{margin:0}.modal-head button{border:0;background:transparent;color:#d6b35c;font-size:28px;cursor:pointer}.modal-grid{display:grid;grid-template-columns:1fr 150px 220px 220px;gap:12px}.modal-grid .wide{grid-column:1/-1}.modal-actions-box{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0;padding:14px;border:1px solid rgba(210,161,65,.17);border-radius:14px}.modal-actions-box .eyebrow{grid-column:1/-1;margin:0 0 4px}.object-steps-box{margin-top:14px;padding:14px;border:1px solid rgba(210,161,65,.17);border-radius:14px;background:rgba(255,255,255,.025)}.modal-step-row{display:grid;grid-template-columns:1fr 210px 44px;gap:8px;align-items:center;margin-top:8px}.modal-step-row:has([data-trigger-title]){grid-template-columns:1fr 90px 210px 44px}.modal-step-row button{height:40px;border-radius:10px;border:1px solid rgba(255,80,80,.45);background:rgba(255,70,70,.1);color:#ff8585}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.btn.full{width:100%;justify-content:center}
@media(max-width:1200px){.live-editor-grid{grid-template-columns:1fr}.live-editor-left,.live-editor-right{position:static}.live-editor-row{grid-template-columns:58px 1fr}.live-node-actions{justify-content:flex-start}.modal-grid{grid-template-columns:1fr}.modal-actions-box{grid-template-columns:1fr 1fr}}

/* Fase 36n: full-width live missie-editor */
body .layout.admin-layout:has(.live-mission-editor){
  width:calc(100% - 32px)!important;
  max-width:none!important;
  margin:18px auto 70px!important;
}
body .layout.admin-layout:has(.live-mission-editor)>.os-alert{
  max-width:1800px;
  margin:12px auto;
}
.live-mission-editor{
  padding:0 8px 40px!important;
}
.live-editor-topbar{
  max-width:none!important;
  margin-bottom:22px!important;
}
.live-editor-grid{
  grid-template-columns:minmax(280px,17vw) minmax(760px,1fr) minmax(360px,23vw)!important;
  gap:24px!important;
}
.live-editor-left,.live-editor-right{
  top:106px!important;
}
.template-editor-row{
  gap:10px;
}
.template-editor-row>a{
  min-width:0;
  flex:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:#fff;
  text-decoration:none;
}
.template-delete-btn{
  flex:0 0 auto;
  border:1px solid rgba(185,77,77,.45);
  background:rgba(185,77,77,.14);
  color:#ffb5b5;
  border-radius:999px;
  padding:7px 10px;
  font-weight:900;
  cursor:pointer;
  font-size:11px;
}
.template-delete-btn:hover{background:rgba(185,77,77,.24)}
@media(max-width:1300px){
  .live-editor-grid{grid-template-columns:260px minmax(620px,1fr) 330px!important;gap:16px!important}
}
@media(max-width:1100px){
  .live-editor-grid{grid-template-columns:1fr!important}
  .live-editor-left,.live-editor-right{position:static!important}
}


/* Fase 1.36o - editor actiecards en backup per optie */
.os-editor-modal{width:min(1040px,94vw)!important;}
.modal-actions-box{display:block!important;padding:16px!important;}
.action-box-title{margin:0 0 12px!important;}
.action-group-title{color:#d6a642;font-weight:950;text-transform:uppercase;letter-spacing:.22em;font-size:12px;margin:14px 0 8px;}
.action-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.action-toggle-card{position:relative;text-align:left;border:1px solid rgba(210,161,65,.20);background:rgba(255,255,255,.035);border-radius:14px;padding:14px 14px 13px;min-height:94px;color:#f7edd5;cursor:pointer;transition:.16s ease;box-shadow:inset 0 0 0 1px rgba(255,255,255,.015);}
.action-toggle-card:hover{border-color:rgba(210,161,65,.55);background:rgba(210,161,65,.08);transform:translateY(-1px);}
.action-toggle-card.active{border-color:rgba(229,180,70,.92);background:linear-gradient(135deg,rgba(214,166,66,.20),rgba(255,255,255,.035));box-shadow:0 0 0 1px rgba(214,166,66,.25),0 0 22px rgba(214,166,66,.10);}
.action-card-check{position:absolute;right:10px;top:10px;width:24px;height:24px;border-radius:999px;display:grid;place-items:center;border:1px solid rgba(210,161,65,.35);color:#d6a642;background:rgba(0,0,0,.20);font-weight:950;}
.action-toggle-card.active .action-card-check{background:#d6a642;color:#090908;}
.action-card-icon{display:block;font-size:22px;margin-bottom:8px;filter:saturate(.9);}
.action-toggle-card strong{display:block;font-size:15px;margin-bottom:5px;}
.action-toggle-card small{display:block;color:#bda873;font-size:12px;line-height:1.3;}
.action-backup-section{border:1px solid rgba(210,161,65,.16);border-radius:13px;padding:12px;margin-top:10px;background:rgba(0,0,0,.16);}
.action-backup-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;}
.action-backup-head b{color:#f7d47a;}
.modal-action-backup-row{display:grid;grid-template-columns:1.15fr 90px 90px 100px 1fr 42px;gap:8px;align-items:center;margin-top:8px;}
.modal-action-backup-row button{height:40px;border-radius:10px;border:1px solid rgba(255,80,80,.45);background:rgba(255,70,70,.1);color:#ff8585;}
@media(max-width:1100px){.action-card-grid{grid-template-columns:1fr 1fr}.modal-action-backup-row{grid-template-columns:1fr 80px 80px}.modal-action-backup-row select{grid-column:1/-2}.modal-action-backup-row button{grid-column:-2/-1}}
@media(max-width:720px){.action-card-grid{grid-template-columns:1fr}.modal-action-backup-row{grid-template-columns:1fr}}


/* Fase 1.36t - compactere actiecards + admin actiebeheer */
.action-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;}
.action-toggle-card{min-height:70px!important;padding:10px 12px!important;border-radius:12px!important;}
.action-card-icon{font-size:18px!important;margin-bottom:4px!important;}
.action-toggle-card strong{font-size:13px!important;margin-bottom:3px!important;}
.action-toggle-card small{font-size:10.5px!important;line-height:1.2!important;}
.action-card-check{width:20px!important;height:20px!important;font-size:12px!important;right:8px!important;top:8px!important;}
.action-group-title{margin:10px 0 6px!important;font-size:11px!important;}
.inline-action-edit{display:grid!important;grid-template-columns:1.1fr 1fr 60px 105px 150px 70px 72px 72px;gap:8px!important;align-items:center!important;margin:0!important;}
.inline-action-edit input,.inline-action-edit select{min-width:0!important;}
.action-admin-row{display:grid!important;grid-template-columns:1fr auto!important;gap:10px!important;align-items:center!important;}
@media(max-width:1400px){.action-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.inline-action-edit{grid-template-columns:1fr 1fr 55px 95px!important}.inline-action-edit select,.inline-action-edit label,.inline-action-edit button{grid-column:auto!important}}
@media(max-width:800px){.action-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.inline-action-edit,.action-admin-row{grid-template-columns:1fr!important}}

/* Loot / opslag uitbreiding */
.loot-admin-grid,.loot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:14px;margin-top:14px}
.loot-card,.loot-icon-card{position:relative;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);border-radius:16px;padding:12px;text-align:center;color:inherit}
.loot-card img,.loot-icon-card img{width:100%;height:86px;object-fit:contain;border-radius:12px;background:rgba(0,0,0,.18)}
.loot-card b,.loot-icon-card span{display:block;margin-top:8px;font-weight:800}.loot-card small,.loot-icon-card small{display:block;color:var(--muted,#94a3b8);font-size:12px}.loot-icon-card b{position:absolute;left:8px;bottom:8px;background:#111827;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:2px 8px;font-size:12px}.loot-object-item{cursor:pointer}.loot-object-item.selected,.loot-unit-pick.selected{outline:2px solid #f7c948;box-shadow:0 0 0 4px rgba(247,201,72,.16)}
.storage-meter{display:grid;gap:7px;margin:14px 0}.storage-meter i{height:10px;background:rgba(255,255,255,.09);border-radius:999px;overflow:hidden}.storage-meter em{display:block;height:100%;background:linear-gradient(90deg,#f7c948,#22c55e)}
.loot-transfer-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.loot-transfer-card{max-width:920px}.loot-transfer-layout h3{margin:0 0 10px}.loot-unit-pick{border:0;cursor:pointer}.vehicle-stat.transport-capacity-stat{border-color:rgba(247,201,72,.35)}
@media(max-width:800px){.loot-transfer-layout{grid-template-columns:1fr}}

/* Transport inladen: brede object/voertuig inventaris */
.loot-transfer-wide{max-width:min(1560px,96vw);width:96vw;max-height:94vh;overflow:auto;background:linear-gradient(180deg,rgba(14,14,12,.98),rgba(5,5,4,.98));border:1px solid rgba(247,201,72,.22);box-shadow:0 30px 90px rgba(0,0,0,.65)}
.loot-transfer-head{border-bottom:1px solid rgba(247,201,72,.12);padding-bottom:14px}.loot-inload-layout{display:grid;grid-template-columns:minmax(340px,42%) 1fr;gap:16px;margin-top:16px}.loot-panel{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);border-radius:14px;overflow:hidden}.loot-panel-title{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.08);color:#f7c948;text-transform:uppercase;letter-spacing:.08em;font-size:13px}.loot-vehicle-list{display:flex;flex-direction:column;gap:10px;max-height:470px;overflow:auto;padding:12px}.loot-vehicle-row{position:relative;display:grid;grid-template-columns:140px 1fr;gap:14px;align-items:center;width:100%;border:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.24);color:inherit;border-radius:10px;padding:10px;text-align:left;cursor:pointer}.loot-vehicle-row:hover,.loot-vehicle-row.selected{border-color:#f7c948;box-shadow:0 0 0 2px rgba(247,201,72,.12)}.loot-vehicle-row img{width:140px;height:74px;object-fit:contain}.loot-vehicle-check{display:none;position:absolute;left:9px;top:9px;width:20px;height:20px;border-radius:50%;background:#f7c948;color:#111;text-align:center;font-weight:900;line-height:20px}.loot-vehicle-row.selected .loot-vehicle-check{display:block}.loot-vehicle-info b{display:block;font-size:18px}.loot-vehicle-info small{display:block;color:#7ee06d;font-weight:700;margin:3px 0 8px}.loot-vehicle-info i,.loot-capacity-footer i{display:block;height:8px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden}.loot-vehicle-info i em,.loot-capacity-footer i em{display:block;height:100%;width:0;background:#6fc45c;border-radius:999px}.loot-vehicle-info strong{display:block;margin-top:6px;text-align:right;font-size:12px;color:#eee}.loot-selected-summary{padding:14px 16px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:12px}.loot-object-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;padding:12px;min-height:330px}.loot-icon-card{min-height:138px;cursor:pointer}.loot-icon-card.selected{outline:2px solid #f7c948;box-shadow:0 0 0 4px rgba(247,201,72,.13)}.loot-icon-card b{left:auto;right:8px;top:8px;bottom:auto}.loot-object-summary{display:grid;grid-template-columns:1fr auto 1fr auto;gap:12px;align-items:center;padding:14px 16px;border-top:1px solid rgba(255,255,255,.08)}.loot-object-summary span{color:var(--muted,#94a3b8)}.loot-object-summary b{color:#f7c948;font-size:18px}.loot-selected-cargo-panel{margin-top:14px}.loot-selected-cargo-row{display:grid;grid-template-columns:repeat(10,minmax(80px,1fr));gap:8px;padding:12px;min-height:118px}.loot-selected-cargo-row .loot-icon-card{min-height:100px;padding:8px}.loot-selected-cargo-row .loot-icon-card img{height:50px}.loot-empty-slot{display:flex;align-items:center;color:var(--muted,#94a3b8)}.loot-capacity-footer{display:grid;grid-template-columns:auto auto minmax(180px,360px);gap:12px;align-items:center;padding:12px 16px;border-top:1px solid rgba(255,255,255,.08);justify-content:end}.loot-tip{margin-top:12px;color:var(--muted,#94a3b8);font-size:13px}.vehicle-stat.transport-capacity-stat{border-color:rgba(247,201,72,.35)}
@media(max-width:1000px){.loot-inload-layout{grid-template-columns:1fr}.loot-object-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}.loot-selected-cargo-row{grid-template-columns:repeat(4,minmax(80px,1fr))}}

/* v7 transport inladen popup - full inventory style */
#lootTransferModal .unit-modal-card.loot-transfer-wide{
  width:min(1980px,calc(100vw - 28px))!important;
  max-width:none!important;
  height:min(980px,calc(100vh - 28px))!important;
  max-height:none!important;
  overflow:auto!important;
  padding:24px!important;
  border-radius:24px!important;
  background:radial-gradient(circle at 50% 10%,rgba(247,201,72,.035),rgba(4,4,3,.98) 45%,rgba(0,0,0,.99))!important;
  border:1px solid rgba(247,201,72,.36)!important;
}
#lootTransferModal .loot-inload-layout{grid-template-columns:1fr 1fr!important;gap:28px!important;min-height:560px!important;}
#lootTransferModal .loot-panel{background:rgba(0,0,0,.28)!important;border-color:rgba(247,201,72,.22)!important;border-radius:16px!important;}
#lootTransferModal .loot-panel-title{color:#f7c948!important;font-weight:900!important;letter-spacing:.14em!important;}
#lootTransferModal .loot-vehicle-list{display:grid!important;grid-template-columns:repeat(5,minmax(96px,1fr))!important;grid-auto-rows:92px!important;gap:12px!important;max-height:none!important;overflow:visible!important;align-content:start!important;}
#lootTransferModal .loot-vehicle-row{display:flex!important;align-items:center!important;justify-content:center!important;min-height:92px!important;width:auto!important;padding:6px!important;border:2px solid rgba(247,201,72,.58)!important;border-radius:12px!important;background:rgba(10,10,8,.86)!important;box-shadow:inset 0 0 16px rgba(247,201,72,.035)!important;}
#lootTransferModal .loot-vehicle-row img{width:88px!important;height:58px!important;max-width:88px!important;max-height:58px!important;object-fit:contain!important;}
#lootTransferModal .loot-vehicle-row .loot-vehicle-info{display:none!important;}
#lootTransferModal .loot-vehicle-row.selected{border-color:#f7c948!important;background:rgba(247,201,72,.12)!important;box-shadow:0 0 0 3px rgba(247,201,72,.13), inset 0 0 18px rgba(247,201,72,.10)!important;}
#lootTransferModal .loot-vehicle-check{left:6px!important;top:6px!important;display:none;}
#lootTransferModal .loot-vehicle-row.selected .loot-vehicle-check{display:block!important;}
#lootTransferModal .loot-object-grid{grid-template-columns:repeat(5,minmax(96px,1fr))!important;grid-auto-rows:92px!important;gap:12px!important;min-height:500px!important;align-content:start!important;}
#lootTransferModal .loot-icon-card{min-height:92px!important;height:92px!important;border:2px solid rgba(247,201,72,.58)!important;border-radius:12px!important;background:rgba(10,10,8,.86)!important;padding:6px!important;color:#fff!important;position:relative!important;}
#lootTransferModal .loot-icon-card img{height:54px!important;max-width:86px!important;object-fit:contain!important;margin:0 auto!important;display:block!important;}
#lootTransferModal .loot-icon-card span{font-size:11px!important;font-weight:800!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;display:block!important;text-align:center!important;}
#lootTransferModal .loot-icon-card small{display:none!important;}
#lootTransferModal .loot-icon-card b{position:absolute!important;right:7px!important;top:6px!important;background:rgba(0,0,0,.55)!important;color:#fff!important;padding:2px 6px!important;border-radius:999px!important;font-size:12px!important;}
#lootTransferModal .loot-selected-cargo-row{grid-template-columns:repeat(12,minmax(78px,1fr))!important;min-height:110px!important;}
#lootTransferModal .loot-selected-summary,#lootTransferModal .loot-object-summary,#lootTransferModal .loot-capacity-footer{border-top:1px solid rgba(247,201,72,.18)!important;}
#lootTransferModal .unit-modal-actions{position:sticky!important;bottom:0!important;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.92) 20%)!important;padding-top:18px!important;}
#lootTransferModal .unit-modal-actions .btn{min-width:170px!important;}
@media(max-width:1100px){#lootTransferModal .loot-inload-layout{grid-template-columns:1fr!important}#lootTransferModal .loot-vehicle-list,#lootTransferModal .loot-object-grid{grid-template-columns:repeat(4,minmax(82px,1fr))!important}}

/* v8 transport inladen popup - voertuig/object inventory matrix */
#lootTransferModal.loot-transfer-v8 .unit-modal-backdrop{background:rgba(0,0,0,.78)!important;backdrop-filter:blur(3px)!important}
#lootTransferModal.loot-transfer-v8 .loot-transfer-inventory-card{width:min(2040px,calc(100vw - 22px))!important;max-width:none!important;height:min(990px,calc(100vh - 22px))!important;max-height:none!important;overflow:auto!important;padding:22px!important;border-radius:18px!important;background:radial-gradient(circle at 48% 0%,rgba(247,201,72,.035),rgba(7,7,6,.99) 42%,#030303 100%)!important;border:1px solid rgba(247,201,72,.34)!important;box-shadow:0 34px 110px rgba(0,0,0,.86)!important;color:#fff!important}
#lootTransferModal.loot-transfer-v8 .loot-inv-close{position:absolute!important;right:20px!important;top:20px!important;width:42px!important;height:42px!important;border:1px solid rgba(247,201,72,.45)!important;border-radius:50%!important;color:#ffd052!important;background:rgba(0,0,0,.35)!important;font-size:32px!important;line-height:34px!important;z-index:5!important}
#lootTransferModal.loot-transfer-v8 .loot-inv-header{display:flex!important;align-items:center!important;gap:18px!important;padding:0 58px 18px 0!important;border-bottom:1px solid rgba(247,201,72,.12)!important}
#lootTransferModal.loot-transfer-v8 .loot-inv-header h2{margin:2px 0 4px!important;font-size:24px!important;letter-spacing:.04em!important}
#lootTransferModal.loot-transfer-v8 .loot-inv-header small{color:#d7d0bd!important;font-size:14px!important}
#lootTransferModal.loot-transfer-v8 .loot-inv-icon{width:48px!important;height:48px!important;border:2px solid #e4b51e!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#e4b51e!important;font-size:30px!important;transform:rotate(0deg)!important}
#lootTransferModal.loot-transfer-v8 form{height:calc(100% - 78px)!important;display:flex!important;flex-direction:column!important;gap:14px!important}
#lootTransferModal.loot-transfer-v8 .loot-inv-main{display:grid!important;grid-template-columns:minmax(560px,1fr) minmax(640px,1.05fr)!important;gap:34px!important;min-height:0!important;flex:1 1 auto!important;margin-top:14px!important}
#lootTransferModal.loot-transfer-v8 .loot-inv-panel{border:1px solid rgba(247,201,72,.22)!important;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.18))!important;border-radius:10px!important;overflow:hidden!important;min-width:0!important}
#lootTransferModal.loot-transfer-v8 .loot-panel-title{height:58px!important;padding:0 20px!important;border-bottom:1px solid rgba(247,201,72,.18)!important;color:#ffd23c!important;text-transform:uppercase!important;letter-spacing:.12em!important;font-size:14px!important;background:rgba(0,0,0,.18)!important}
#lootTransferModal.loot-transfer-v8 .loot-vehicle-inventory-list{display:flex!important;flex-direction:column!important;gap:0!important;padding:0!important;max-height:610px!important;overflow:auto!important;background:rgba(0,0,0,.12)!important}
#lootTransferModal.loot-transfer-v8 .loot-vehicle-inventory-row{display:grid!important;grid-template-columns:188px 1fr!important;gap:14px!important;align-items:stretch!important;min-height:142px!important;width:100%!important;padding:12px!important;margin:0!important;border:0!important;border-bottom:1px solid rgba(247,201,72,.16)!important;border-radius:0!important;background:rgba(5,5,5,.28)!important;color:#fff!important;text-align:left!important;cursor:pointer!important}
#lootTransferModal.loot-transfer-v8 .loot-vehicle-inventory-row:hover,#lootTransferModal.loot-transfer-v8 .loot-vehicle-inventory-row.selected{background:rgba(247,201,72,.055)!important;box-shadow:inset 0 0 0 1px rgba(247,201,72,.85)!important}
#lootTransferModal.loot-transfer-v8 .loot-vehicle-check{left:12px!important;top:12px!important;width:22px!important;height:22px!important;line-height:22px!important;background:#ffd23c!important;color:#111!important;z-index:2!important;display:none!important}
#lootTransferModal.loot-transfer-v8 .loot-vehicle-inventory-row.selected .loot-vehicle-check{display:block!important}
#lootTransferModal.loot-transfer-v8 .loot-vehicle-card-info{display:grid!important;grid-template-rows:66px auto auto auto 8px!important;align-content:start!important;gap:3px!important;min-width:0!important}
#lootTransferModal.loot-transfer-v8 .loot-vehicle-card-info img{width:150px!important;height:66px!important;object-fit:contain!important;justify-self:start!important;filter:drop-shadow(0 8px 14px rgba(0,0,0,.55))!important;background:transparent!important}
#lootTransferModal.loot-transfer-v8 .loot-vehicle-card-info b{font-size:18px!important;font-weight:900!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#lootTransferModal.loot-transfer-v8 .loot-vehicle-card-info small{font-size:13px!important;color:#7ee06d!important;font-weight:700!important;margin:0!important}
#lootTransferModal.loot-transfer-v8 .loot-vehicle-card-info strong{font-size:13px!important;color:#e5dfd0!important;font-weight:800!important}
#lootTransferModal.loot-transfer-v8 .loot-vehicle-card-info i{height:8px!important;background:rgba(255,255,255,.08)!important;border-radius:99px!important;overflow:hidden!important;display:block!important}
#lootTransferModal.loot-transfer-v8 .loot-vehicle-card-info i em{height:100%!important;background:#76c94e!important;display:block!important;border-radius:99px!important}
#lootTransferModal.loot-transfer-v8 .loot-vehicle-slots{display:grid!important;grid-template-columns:repeat(4,1fr)!important;grid-template-rows:repeat(2,1fr)!important;gap:8px!important;align-content:center!important}
#lootTransferModal.loot-transfer-v8 .loot-mini-slot{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:52px!important;border:1px solid rgba(247,201,72,.26)!important;border-radius:7px!important;background:rgba(20,20,18,.62)!important;box-shadow:inset 0 0 16px rgba(255,255,255,.015)!important;overflow:hidden!important}
#lootTransferModal.loot-transfer-v8 .loot-mini-slot.empty:after{content:'';opacity:.15;width:24px;height:24px;border:2px solid rgba(255,255,255,.3);border-radius:5px;transform:rotate(45deg)}
#lootTransferModal.loot-transfer-v8 .loot-mini-slot img{max-width:48px!important;max-height:36px!important;object-fit:contain!important;background:transparent!important}
#lootTransferModal.loot-transfer-v8 .loot-mini-slot b{position:absolute!important;right:4px!important;top:3px!important;background:rgba(0,0,0,.64)!important;color:#fff!important;border-radius:99px!important;padding:0 5px!important;font-size:11px!important}
#lootTransferModal.loot-transfer-v8 .loot-selected-summary{min-height:64px!important;padding:14px 18px!important;border-top:1px solid rgba(247,201,72,.18)!important;background:rgba(0,0,0,.2)!important;color:#e7dcc0!important;align-items:center!important}
#lootTransferModal.loot-transfer-v8 .loot-object-inventory-grid{display:grid!important;grid-template-columns:repeat(5,minmax(96px,1fr))!important;grid-auto-rows:126px!important;gap:12px!important;padding:16px!important;min-height:548px!important;align-content:start!important;overflow:auto!important}
#lootTransferModal.loot-transfer-v8 .loot-icon-card{height:126px!important;min-height:126px!important;width:100%!important;border:1px solid rgba(247,201,72,.28)!important;border-radius:9px!important;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.28))!important;color:#fff!important;padding:8px!important;position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;cursor:pointer!important;box-shadow:none!important}
#lootTransferModal.loot-transfer-v8 .loot-icon-card:hover,#lootTransferModal.loot-transfer-v8 .loot-icon-card.selected{border-color:#ffd23c!important;box-shadow:0 0 0 2px rgba(247,201,72,.16)!important;background:rgba(247,201,72,.065)!important}
#lootTransferModal.loot-transfer-v8 .loot-icon-card img{height:58px!important;max-width:88px!important;object-fit:contain!important;background:transparent!important;border:0!important;border-radius:0!important;margin:0!important}
#lootTransferModal.loot-transfer-v8 .loot-icon-card b{position:absolute!important;right:8px!important;top:7px!important;left:auto!important;bottom:auto!important;background:transparent!important;border:0!important;color:#fff!important;font-size:15px!important;font-weight:900!important;padding:0!important}
#lootTransferModal.loot-transfer-v8 .loot-icon-card span{display:block!important;margin:0!important;font-size:12px!important;line-height:1.1!important;font-weight:900!important;text-align:center!important;color:#fff!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#lootTransferModal.loot-transfer-v8 .loot-icon-card small{display:block!important;color:#cfc6ad!important;font-size:11px!important}.loot-transfer-v8 .loot-icon-card small::first-letter{color:#ffd23c}
#lootTransferModal.loot-transfer-v8 .loot-object-summary{height:64px!important;grid-template-columns:1fr auto 1fr auto!important;border-top:1px solid rgba(247,201,72,.18)!important;background:rgba(0,0,0,.2)!important;color:#ded5c0!important}
#lootTransferModal.loot-transfer-v8 .loot-object-summary b{color:#ffd23c!important;font-size:20px!important}
#lootTransferModal.loot-transfer-v8 .loot-selected-inventory-panel{flex:0 0 auto!important;margin:0!important;display:grid!important;grid-template-columns:1fr 370px!important;grid-template-rows:46px 108px!important;align-items:stretch!important}
#lootTransferModal.loot-transfer-v8 .loot-selected-inventory-panel .loot-panel-title{grid-column:1 / -1!important;height:46px!important}
#lootTransferModal.loot-transfer-v8 .loot-selected-cargo-row{display:grid!important;grid-template-columns:repeat(10,minmax(78px,1fr))!important;gap:8px!important;min-height:0!important;padding:10px 14px!important}
#lootTransferModal.loot-transfer-v8 .loot-selected-cargo-row .loot-icon-card{height:78px!important;min-height:78px!important;padding:5px!important}
#lootTransferModal.loot-transfer-v8 .loot-selected-cargo-row .loot-icon-card img{height:38px!important}.loot-transfer-v8 .loot-selected-cargo-row .loot-icon-card small{display:none!important}
#lootTransferModal.loot-transfer-v8 .loot-empty-slot,#lootTransferModal.loot-transfer-v8 .muted{color:#b8ae98!important;align-self:center!important}
#lootTransferModal.loot-transfer-v8 .loot-capacity-footer{display:grid!important;grid-template-columns:auto auto!important;grid-template-rows:auto auto!important;gap:4px 12px!important;padding:18px 22px!important;border-top:0!important;border-left:1px solid rgba(247,201,72,.16)!important;justify-content:stretch!important;align-content:center!important;background:rgba(0,0,0,.18)!important}
#lootTransferModal.loot-transfer-v8 .loot-capacity-footer span{text-transform:uppercase!important;color:#bfb69d!important;font-size:12px!important;font-weight:800!important}.loot-transfer-v8 .loot-capacity-footer b{color:#87cf5c!important;font-size:22px!important}.loot-transfer-v8 .loot-capacity-footer i{grid-column:1 / -1!important;height:10px!important;background:rgba(255,255,255,.08)!important;border-radius:99px!important}.loot-transfer-v8 .loot-capacity-footer i em{background:#76c94e!important;height:100%!important;border-radius:99px!important;display:block!important}
#lootTransferModal.loot-transfer-v8 .loot-inv-footer{display:grid!important;grid-template-columns:1fr auto!important;gap:16px!important;align-items:center!important;padding-top:4px!important}.loot-transfer-v8 .loot-tip{margin:0!important;color:#c7bdab!important}.loot-transfer-v8 .unit-modal-actions{position:static!important;background:transparent!important;padding:0!important;margin:0!important;display:flex!important;gap:12px!important}.loot-transfer-v8 .unit-modal-actions .btn{min-width:170px!important}.loot-transfer-v8 .unit-modal-actions #lootSubmitBtn{display:none!important}
@media(max-width:1200px){#lootTransferModal.loot-transfer-v8 .loot-inv-main{grid-template-columns:1fr!important}#lootTransferModal.loot-transfer-v8 .loot-selected-inventory-panel{grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important}#lootTransferModal.loot-transfer-v8 .loot-capacity-footer{border-left:0!important;border-top:1px solid rgba(247,201,72,.16)!important}#lootTransferModal.loot-transfer-v8 .loot-object-inventory-grid{grid-template-columns:repeat(4,minmax(90px,1fr))!important}}

/* v9 fixes transport modal spacing/title */
#lootTransferModal.loot-transfer-v8 .loot-inv-header{padding-top:6px!important;padding-bottom:14px!important;align-items:center!important;}
#lootTransferModal.loot-transfer-v8 .loot-main-title{margin:0 0 6px!important;color:#fff!important;font-size:24px!important;line-height:1.05!important;letter-spacing:.08em!important;text-transform:uppercase!important;}
#lootTransferModal.loot-transfer-v8 .loot-inv-header .eyebrow{display:none!important;}
#lootTransferModal.loot-transfer-v8 .loot-transfer-inventory-card{padding-top:26px!important;}

/* v9 opslag: voertuig links, opslag rechts */
.storage-page-v9{gap:18px!important;}
.storage-page-v9 .storage-hero{margin-bottom:0!important;}
.storage-transfer-shell{display:grid;grid-template-columns:minmax(520px,1fr) minmax(520px,1fr);gap:22px;align-items:stretch;}
.storage-transfer-panel{border:1px solid rgba(247,201,72,.24);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.22));border-radius:14px;overflow:hidden;min-height:560px;box-shadow:0 18px 55px rgba(0,0,0,.28);}
.storage-panel-title{height:58px;padding:0 20px;border-bottom:1px solid rgba(247,201,72,.18);display:flex;align-items:center;gap:12px;color:#ffd23c;text-transform:uppercase;letter-spacing:.12em;font-size:14px;background:rgba(0,0,0,.24);}
.storage-vehicle-list{display:flex;flex-direction:column;max-height:680px;overflow:auto;}
.storage-vehicle-row{display:grid;grid-template-columns:190px 1fr auto;gap:14px;align-items:center;padding:14px;border:0;border-bottom:1px solid rgba(247,201,72,.14);background:rgba(5,5,5,.18);color:#fff;margin:0;}
.storage-vehicle-row:hover{background:rgba(247,201,72,.045);}
.storage-vehicle-info{display:grid;grid-template-rows:70px auto auto 8px;gap:4px;align-content:start;min-width:0;}
.storage-vehicle-info img{width:160px;height:70px;object-fit:contain;filter:drop-shadow(0 9px 15px rgba(0,0,0,.55));}
.storage-vehicle-info b{font-size:18px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.storage-vehicle-info small{color:#e5dfd0;font-weight:800;font-size:13px;}
.storage-vehicle-info i{height:8px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden;display:block;}
.storage-vehicle-info i em{height:100%;display:block;background:#76c94e;border-radius:99px;}
.storage-cargo-slots{display:grid;grid-template-columns:repeat(4,minmax(62px,1fr));grid-template-rows:repeat(2,62px);gap:8px;}
.storage-item-slot{position:relative;display:flex;align-items:center;justify-content:center;border:1px solid rgba(247,201,72,.25);border-radius:8px;background:rgba(15,15,13,.64);overflow:hidden;}
.storage-item-slot.empty:after{content:'';opacity:.12;width:24px;height:24px;border:2px solid rgba(255,255,255,.32);border-radius:5px;transform:rotate(45deg);}
.storage-item-slot img{max-width:52px;max-height:42px;object-fit:contain;}
.storage-item-slot b{position:absolute;right:5px;top:4px;background:rgba(0,0,0,.64);border-radius:99px;padding:1px 6px;color:#fff;font-size:11px;}
.storage-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-auto-rows:132px;gap:12px;padding:16px;align-content:start;min-height:500px;}
.storage-item-card{height:132px!important;min-height:132px!important;position:relative!important;}
.storage-item-card img{height:62px!important;max-width:92px!important;object-fit:contain!important;}
.storage-item-card small{font-size:11px!important;color:#cfc6ad!important;}
.storage-empty-note{padding:18px;color:#c7bdab;}
@media(max-width:1100px){.storage-transfer-shell{grid-template-columns:1fr}.storage-vehicle-row{grid-template-columns:160px 1fr}.storage-vehicle-row .btn{grid-column:1 / -1}.storage-cargo-slots{grid-template-columns:repeat(4,1fr)}}

/* v10 fine-tuning transport inladen + opslag */
#lootTransferModal.loot-transfer-v8 .loot-inv-vehicles .loot-selected-summary{display:none!important;}
#lootTransferModal.loot-transfer-v8 .loot-vehicle-card-info i{display:none!important;}
#lootTransferModal.loot-transfer-v8 .loot-vehicle-card-info{align-content:center!important;}
#lootTransferModal.loot-transfer-v8 .loot-vehicle-inventory-row{grid-template-columns:200px 1fr!important;}
#lootTransferModal.loot-transfer-v8 .loot-vehicle-list{height:auto!important;}
body .layout.storage-page-v9{width:min(1760px,calc(100% - 40px))!important;max-width:none!important;}
.storage-page-v9 .storage-hero{width:100%!important;}
.storage-page-v9 .storage-transfer-shell{width:100%!important;grid-template-columns:minmax(620px,1fr) minmax(620px,1fr)!important;}
.storage-page-v9 .storage-items-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))!important;}
.storage-page-v9 .storage-item-card span{font-size:12px!important;line-height:1.05!important;max-width:100%!important;white-space:normal!important;overflow:hidden!important;text-overflow:clip!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;}
.storage-page-v9 .storage-item-card b{font-size:11px!important;}
@media(max-width:1250px){.storage-page-v9 .storage-transfer-shell{grid-template-columns:1fr!important;}}

/* v13: harde filter voor actie-voertuigen, zodat specialisatie-eisen nooit alle units tonen */
#actionVehicleGrid .action-unit-pick.is-filtered-out,
#actionVehicleGrid .action-unit-pick[hidden] {
  display: none !important;
}


/* v18 - cleaner full-width missie-acties admin */
.admin-layout:has(.admin-actions-page){max-width:1680px;width:calc(100% - 48px);} 
.admin-wide-page{width:100%;}
.admin-actions-head{margin-bottom:18px;}
.admin-actions-layout{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:22px;align-items:start;}
.admin-actions-create{position:sticky;top:92px;}
.admin-action-create-form label{display:grid;gap:8px;color:#e9d48a;font-weight:800;}
.admin-actions-list-card{overflow:hidden;}
.admin-actions-table{display:grid;gap:10px;}
.admin-actions-table-head{display:grid;grid-template-columns:minmax(150px,1.2fr) minmax(170px,1.2fr) 70px minmax(120px,.85fr) minmax(160px,1fr) 90px 90px 170px;gap:10px;padding:0 12px 6px;color:#e3bd36;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;}
.admin-action-edit-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid rgba(214,176,46,.22);border-radius:16px;background:rgba(255,255,255,.035);}
.admin-action-edit-form{display:grid;grid-template-columns:minmax(150px,1.2fr) minmax(170px,1.2fr) 70px minmax(120px,.85fr) minmax(160px,1fr) 90px 90px 96px;gap:10px;align-items:center;margin:0;}
.admin-action-edit-form input,.admin-action-edit-form select{width:100%;min-width:0;}
.admin-action-active{display:flex!important;align-items:center;gap:6px;color:#fff;font-size:13px;white-space:nowrap;}
.admin-action-delete-form{margin:0;}
@media (max-width: 1180px){.admin-actions-layout{grid-template-columns:1fr}.admin-actions-create{position:static}.admin-actions-table-head{display:none}.admin-action-edit-row{grid-template-columns:1fr}.admin-action-edit-form{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-action-delete-form{justify-self:start}}
@media (max-width: 680px){.admin-layout:has(.admin-actions-page){width:calc(100% - 20px)}.admin-action-edit-form{grid-template-columns:1fr}}


/* v20 compact vehicle shops + level locks */
.vehicle-page.vehicle-shop-page{width:min(1760px,calc(100% - 32px));max-width:none;padding-top:6px}
.vehicle-market-grid{grid-template-columns:repeat(4,minmax(270px,1fr));gap:16px}
.vehicle-buy-card{border-radius:18px;padding:16px;min-height:0}
.vehicle-card-badges span,.vehicle-card-badges b{min-height:24px;padding:5px 8px;font-size:11px;border-radius:8px}
.vehicle-card-image{height:118px;margin:0 0 8px}
.vehicle-card-title{margin-bottom:8px}.vehicle-card-title small{font-size:11px;padding:6px 10px;border-radius:10px}.vehicle-card-title h2{font-size:21px;margin-top:7px}
.vehicle-stat-grid.compact{gap:8px;margin:10px 0 12px}.vehicle-stat{padding:10px;border-radius:12px}.vehicle-stat span{font-size:11px;margin-bottom:4px}.vehicle-stat strong{font-size:13px}.vehicle-stat small{font-size:11px;line-height:1.35}.vehicle-stat i,.uses-meter i{height:8px;margin-top:7px}
.dual-buy-actions{gap:8px}.dual-buy-actions .btn{min-height:42px;padding:10px 12px;font-size:13px;border-radius:14px}
.vehicle-level-locked{filter:none}.vehicle-level-locked .vehicle-buy-actions{opacity:.45;pointer-events:none}.vehicle-level-overlay{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;background:rgba(0,0,0,.66);backdrop-filter:blur(1.5px);color:#fff;border-radius:18px}.vehicle-level-overlay .lock-icon{font-size:42px;line-height:1}.vehicle-level-overlay strong{font-size:15px;text-shadow:0 2px 12px #000}.vehicle-level-locked .vehicle-card-badges,.vehicle-level-locked .vehicle-card-image,.vehicle-level-locked .vehicle-card-title,.vehicle-level-locked .vehicle-stat-grid{opacity:.46}
.admin-vehicle-head,.admin-vehicle-row{grid-template-columns:.55fr 1.45fr .7fr .55fr .9fr .7fr .7fr .7fr 1fr 54px}
@media(max-width:1500px){.vehicle-market-grid{grid-template-columns:repeat(3,minmax(270px,1fr))}}
@media(max-width:1040px){.vehicle-market-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}}
@media(max-width:680px){.vehicle-page.vehicle-shop-page{width:calc(100% - 20px)}.vehicle-market-grid{grid-template-columns:1fr}.vehicle-filterbar{grid-template-columns:1fr}}

/* v21 opslag transport-popup + handmatige sleep transfer */
.storage-page-v21 .storage-hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px}
.storage-page-v21 .storage-hero-actions form{margin:0}.storage-open-transfer{background:linear-gradient(180deg,#f7c948,#b9851e)!important;color:#101010!important}
.storage-transfer-modal.open{display:flex}.storage-transfer-card-v21{width:min(1960px,calc(100vw - 30px));max-width:none;max-height:calc(100vh - 30px);overflow:auto;border-radius:20px;border:1px solid rgba(247,201,72,.36);background:radial-gradient(circle at 45% 0%,rgba(247,201,72,.04),rgba(7,7,6,.99) 45%,#030303 100%);box-shadow:0 34px 110px rgba(0,0,0,.86);padding:22px;color:#fff;position:relative}
.storage-modal-header{display:flex;gap:16px;align-items:center;padding:0 60px 16px 0;border-bottom:1px solid rgba(247,201,72,.14)}.storage-modal-header h2{margin:0 0 4px;font-size:25px;text-transform:uppercase;letter-spacing:.08em}.storage-modal-header small{color:#d7d0bd}.storage-transfer-toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between;margin:14px 0}.storage-transfer-toolbar label{display:flex;align-items:center;gap:10px;color:#f7c948;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.storage-transfer-toolbar input{width:100px}.storage-transfer-toolbar span{color:#cfc6ad}.storage-transfer-toolbar span.error{color:#ff8a8a}.storage-modal-grid{display:grid;grid-template-columns:minmax(620px,1fr) minmax(520px,.9fr);gap:20px}.storage-modal-vehicle-list{display:flex;flex-direction:column;max-height:620px;overflow:auto}.storage-modal-vehicle-row{position:relative;display:grid;grid-template-columns:150px 160px 1fr;gap:12px;align-items:center;padding:12px;border:0;border-bottom:1px solid rgba(247,201,72,.14);background:rgba(0,0,0,.18);color:#fff;text-align:left;cursor:pointer}.storage-modal-vehicle-row:hover,.storage-modal-vehicle-row.selected{background:rgba(247,201,72,.06)}.storage-modal-vehicle-row.selected{outline:1px solid #f7c948;outline-offset:-1px}.storage-modal-vehicle-row img{width:140px;height:72px;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(0,0,0,.55))}.storage-modal-vehicle-meta b{display:block;font-size:18px}.storage-modal-vehicle-meta small{display:block;color:#7ee06d;font-weight:900}.storage-modal-vehicle-meta strong{display:block;margin:6px 0;color:#fff}.storage-modal-vehicle-meta i{height:8px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden;display:block}.storage-modal-vehicle-meta i em{height:100%;display:block;background:#76c94e;border-radius:99px}.storage-modal-slots{display:grid;grid-template-columns:repeat(4,minmax(66px,1fr));grid-template-rows:repeat(2,66px);gap:8px}.storage-modal-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));grid-auto-rows:122px;gap:12px;padding:14px;min-height:440px;align-content:start}.storage-modal-items-grid .loot-icon-card{min-height:122px;height:122px}.storage-modal-items-grid .loot-icon-card img{height:58px;max-width:90px;object-fit:contain}.storage-modal-capacity{display:grid;grid-template-columns:auto auto minmax(180px,340px);gap:12px;align-items:center;justify-content:end;border-top:1px solid rgba(247,201,72,.16);padding:14px}.storage-modal-capacity span{text-transform:uppercase;color:#bfb69d;font-size:12px;font-weight:900}.storage-modal-capacity b{color:#87cf5c;font-size:20px}.storage-modal-capacity i{height:10px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden}.storage-modal-capacity i em{display:block;height:100%;background:#76c94e;border-radius:99px}.storage-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(247,201,72,.12)}.storage-drag-card{cursor:grab}.storage-drag-card:active{cursor:grabbing}.storage-item-slot.filled{cursor:grab}
@media(max-width:1200px){.storage-modal-grid{grid-template-columns:1fr}.storage-modal-vehicle-row{grid-template-columns:130px 150px 1fr}.storage-transfer-card-v21{width:calc(100vw - 20px)}}
@media(max-width:760px){.storage-modal-vehicle-row{grid-template-columns:1fr}.storage-modal-slots{grid-template-columns:repeat(4,1fr)}.storage-modal-capacity{grid-template-columns:1fr}.storage-modal-footer,.storage-transfer-toolbar{align-items:stretch;flex-direction:column}}

/* v22 opslag/transport: voertuigen toevoegen aan overzicht + slepen op pagina */
.storage-page-v21 .storage-hero-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.storage-inline-transfer-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.storage-inline-transfer-tools label{display:flex;align-items:center;gap:10px;color:#f7c948;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.storage-inline-transfer-tools input{width:90px}.storage-inline-transfer-tools small{color:#bfb69d;text-transform:none;letter-spacing:0;font-weight:700}.storage-vehicle-row.selected{outline:1px solid #f7c948;outline-offset:-1px;background:rgba(247,201,72,.045)}.storage-vehicle-row{position:relative;cursor:pointer}.storage-row-remove{position:absolute;right:10px;top:10px;width:30px;height:30px;border-radius:999px;border:1px solid rgba(247,201,72,.35);background:rgba(0,0,0,.55);color:#f7c948;font-weight:950;cursor:pointer}.storage-row-remove:hover{background:rgba(247,201,72,.12)}.storage-vehicle-picker-modal{display:none;position:fixed;inset:0;z-index:20000;align-items:center;justify-content:center;padding:24px}.storage-vehicle-picker-modal.open{display:flex}.storage-vehicle-picker-modal .unit-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(3px)}.storage-picker-card-v22{position:relative;z-index:1;width:min(860px,calc(100vw - 36px))!important;max-height:calc(100vh - 48px)!important;overflow:auto!important;border-radius:20px!important;border:1px solid rgba(247,201,72,.34)!important;background:radial-gradient(circle at 50% 0%,rgba(247,201,72,.05),rgba(7,7,6,.98) 45%,#030303 100%)!important;box-shadow:0 34px 110px rgba(0,0,0,.86)!important;padding:22px!important;color:#fff!important}.storage-modal-header.compact{padding:0 58px 16px 0}.storage-picker-list{display:grid;gap:12px;margin-top:16px}.storage-picker-vehicle{display:grid;grid-template-columns:150px 1fr auto;gap:16px;align-items:center;border:1px solid rgba(247,201,72,.2);border-radius:14px;background:rgba(255,255,255,.035);color:#fff;text-align:left;padding:12px;cursor:pointer}.storage-picker-vehicle:hover{border-color:rgba(247,201,72,.55);background:rgba(247,201,72,.07)}.storage-picker-vehicle img{width:140px;height:74px;object-fit:contain;filter:drop-shadow(0 12px 20px rgba(0,0,0,.55))}.storage-picker-vehicle b{display:block;font-size:18px}.storage-picker-vehicle small{display:block;color:#7ee06d;font-weight:900;margin:3px 0 7px}.storage-picker-vehicle i{display:block;height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.storage-picker-vehicle i em{display:block;height:100%;background:#76c94e;border-radius:999px}.storage-picker-vehicle strong{color:#f7c948}.storage-items-panel.drag-over,.storage-vehicle-row.drag-over{box-shadow:inset 0 0 0 2px rgba(247,201,72,.55)}@media(max-width:760px){.storage-picker-vehicle{grid-template-columns:1fr}.storage-picker-vehicle img{width:100%;height:90px}}

/* v23 opslag layout: compacte header verwijderd, middenpaneel verplaatsen, upgrade-popup */
.storage-page-v23{width:min(1760px,calc(100% - 40px))!important;max-width:none!important;padding-top:16px!important;gap:14px!important}
.storage-page-v23 .storage-page-notice{margin:0 0 4px!important}
.storage-page-v23 .storage-transfer-shell-v23{display:grid!important;grid-template-columns:minmax(520px,1.05fr) 250px minmax(520px,1.05fr)!important;gap:20px!important;width:100%!important;align-items:stretch!important}
.storage-page-v23 .storage-transfer-panel{min-height:560px!important;position:relative!important}
.storage-page-v23 .storage-move-panel{min-height:0!important;align-self:start!important}
.storage-page-v23 .storage-panel-title-actions,.storage-page-v23 .storage-panel-title-storage{display:flex!important;align-items:center!important;gap:12px!important}
.storage-page-v23 .storage-title-btn{margin-left:auto!important;min-height:38px!important;padding:9px 14px!important;border-radius:12px!important;font-size:12px!important;white-space:nowrap!important}
.storage-page-v23 .storage-capacity-inline{margin-left:auto!important;display:grid!important;grid-template-columns:auto minmax(180px,360px)!important;gap:12px!important;align-items:center!important;min-width:360px!important}
.storage-page-v23 .storage-capacity-inline span{color:#f4ead2!important;text-transform:none!important;letter-spacing:0!important;font-size:13px!important;font-weight:900!important;white-space:nowrap!important}
.storage-page-v23 .storage-capacity-inline i{display:block!important;height:10px!important;border-radius:999px!important;background:rgba(255,255,255,.09)!important;overflow:hidden!important}
.storage-page-v23 .storage-capacity-inline i em{display:block!important;height:100%!important;border-radius:999px!important;background:linear-gradient(90deg,#f7c948,#19d36d)!important}
.storage-page-v23 .storage-move-box{padding:18px!important;display:grid!important;gap:10px!important}
.storage-page-v23 .storage-move-box label{color:#ffd23c!important;text-transform:uppercase!important;letter-spacing:.12em!important;font-size:12px!important;font-weight:950!important}
.storage-page-v23 .storage-move-box input{width:100%!important;height:44px!important;border-radius:12px!important;text-align:center!important;font-size:18px!important;font-weight:900!important}
.storage-page-v23 .storage-move-box input::-webkit-outer-spin-button,.storage-page-v23 .storage-move-box input::-webkit-inner-spin-button{appearance:none!important;-webkit-appearance:none!important;margin:0!important}
.storage-page-v23 .storage-move-box input[type=number]{appearance:textfield!important;-moz-appearance:textfield!important}
.storage-page-v23 .storage-move-box small{color:#bfb69d!important;font-size:12px!important;line-height:1.35!important}
.storage-page-v23 .storage-items-panel{padding-bottom:74px!important}
.storage-page-v23 .storage-upgrade-footer{position:absolute!important;right:18px!important;bottom:18px!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important}
.storage-page-v23 .storage-upgrade-btn{min-width:170px!important}
.storage-upgrade-modal{display:none;position:fixed;inset:0;z-index:20001;align-items:center;justify-content:center;padding:24px}.storage-upgrade-modal.open{display:flex}.storage-upgrade-modal .unit-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(3px)}
.storage-upgrade-card-v23{position:relative;z-index:1;width:min(560px,calc(100vw - 36px))!important;border-radius:20px!important;border:1px solid rgba(247,201,72,.34)!important;background:radial-gradient(circle at 50% 0%,rgba(247,201,72,.06),rgba(7,7,6,.98) 48%,#030303 100%)!important;box-shadow:0 34px 110px rgba(0,0,0,.86)!important;padding:22px!important;color:#fff!important}.storage-upgrade-summary{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important;margin:18px 0!important}.storage-upgrade-summary div{border:1px solid rgba(247,201,72,.22)!important;border-radius:14px!important;background:rgba(255,255,255,.035)!important;padding:14px!important}.storage-upgrade-summary span{display:block!important;color:#bfb69d!important;text-transform:uppercase!important;letter-spacing:.09em!important;font-size:11px!important;font-weight:900!important;margin-bottom:7px!important}.storage-upgrade-summary b{display:block!important;color:#ffd23c!important;font-size:20px!important}.storage-upgrade-actions{display:flex!important;justify-content:flex-end!important;gap:12px!important;margin:0!important}.storage-upgrade-actions .secondary{background:rgba(255,255,255,.06)!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important}
@media(max-width:1350px){.storage-page-v23 .storage-transfer-shell-v23{grid-template-columns:1fr!important}.storage-page-v23 .storage-move-panel{order:2}.storage-page-v23 .storage-items-panel{order:3}.storage-page-v23 .storage-capacity-inline{min-width:0!important;grid-template-columns:1fr!important;width:min(420px,100%)!important}}
@media(max-width:760px){.storage-page-v23{width:calc(100% - 20px)!important}.storage-page-v23 .storage-panel-title-actions,.storage-page-v23 .storage-panel-title-storage{align-items:flex-start!important;flex-direction:column!important}.storage-page-v23 .storage-title-btn,.storage-page-v23 .storage-capacity-inline{margin-left:0!important;width:100%!important}.storage-upgrade-summary{grid-template-columns:1fr!important}.storage-upgrade-actions{flex-direction:column!important}.storage-upgrade-actions .btn{width:100%!important}}

/* Storage v24: full-width layout, smaller capacity bar, fixed amount input */
.storage-page-v23{
  width:calc(100vw - 48px)!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.storage-page-v23 .storage-transfer-shell-v23{
  grid-template-columns:minmax(560px,1.05fr) 250px minmax(660px,1.05fr)!important;
}
.storage-page-v23 .storage-panel-title-storage b{
  white-space:nowrap!important;
  flex:0 0 auto!important;
}
.storage-page-v23 .storage-capacity-inline{
  min-width:260px!important;
  width:clamp(260px,24vw,360px)!important;
  grid-template-columns:auto minmax(120px,230px)!important;
  gap:10px!important;
}
.storage-page-v23 .storage-capacity-inline span{
  font-size:12px!important;
}
.storage-page-v23 .storage-move-box input{
  -webkit-appearance:none!important;
  appearance:none!important;
}
@media(max-width:1500px){
  .storage-page-v23 .storage-transfer-shell-v23{grid-template-columns:minmax(500px,1fr) 240px minmax(580px,1fr)!important;gap:14px!important}
  .storage-page-v23 .storage-capacity-inline{width:clamp(230px,21vw,320px)!important;min-width:230px!important;grid-template-columns:auto minmax(110px,190px)!important}
}
@media(max-width:1350px){
  .storage-page-v23 .storage-transfer-shell-v23{grid-template-columns:1fr!important}
  .storage-page-v23 .storage-capacity-inline{width:min(420px,100%)!important;min-width:0!important;grid-template-columns:1fr!important}
}

/* Storage v25: fixed duplicate transfer events + website popup messages */
.storage-site-popup{display:none;position:fixed;inset:0;z-index:25000;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,.70);backdrop-filter:blur(3px)}
.storage-site-popup.open{display:flex}
.storage-site-popup-card{width:min(460px,calc(100vw - 36px));border:1px solid rgba(247,201,72,.35);border-radius:18px;background:radial-gradient(circle at 50% 0%,rgba(247,201,72,.08),rgba(7,7,6,.98) 46%,#030303 100%);box-shadow:0 28px 90px rgba(0,0,0,.82);padding:22px;color:#fff;text-align:center}
.storage-site-popup-card b{display:block;color:#ffd23c;text-transform:uppercase;letter-spacing:.10em;font-size:15px;margin-bottom:10px}
.storage-site-popup-card p{margin:0 0 18px;color:#f4ead2;font-weight:800;line-height:1.45}
.storage-site-popup.error .storage-site-popup-card{border-color:rgba(255,110,110,.5)}
.storage-site-popup.error .storage-site-popup-card b{color:#ff8a8a}
.storage-site-popup.success .storage-site-popup-card b{color:#7ee06d}
.storage-page-v23 .storage-capacity-inline{width:clamp(230px,20vw,310px)!important;min-width:230px!important;grid-template-columns:auto minmax(90px,170px)!important}
@media(max-width:1500px){.storage-page-v23 .storage-capacity-inline{width:clamp(210px,18vw,280px)!important;min-width:210px!important;grid-template-columns:auto minmax(80px,140px)!important}}

/* Mission command dashboard v26 */
body .layout.mission-layout-v2.mission-blueprint-play-layout{max-width:none!important;width:100%!important;padding-left:14px!important;padding-right:14px!important;}
body .mission-layout-v2 .os-command-shell{max-width:none!important;width:100%!important;margin:14px auto 60px!important;padding:0!important;}
body .mission-layout-v2 .os-command-board{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;width:100%!important;}
body .mission-layout-v2 .os-command-section{padding:16px 20px!important;border-radius:14px!important;background:linear-gradient(180deg,rgba(22,18,11,.88),rgba(8,8,7,.84))!important;box-shadow:0 18px 45px rgba(0,0,0,.42)!important;}
body .mission-layout-v2 .os-command-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;margin-bottom:14px!important;}
body .mission-layout-v2 .os-command-head h2{display:flex!important;align-items:center!important;gap:8px!important;margin:0 0 5px!important;font-size:22px!important;}
body .mission-layout-v2 .os-command-head p{margin:0!important;color:#bca56e!important;font-size:13px!important;}
body .mission-layout-v2 .os-command-top-head{align-items:center!important;}
body .mission-layout-v2 .os-mission-controls{display:flex!important;gap:12px!important;align-items:center!important;flex-wrap:wrap!important;justify-content:flex-end!important;}
body .mission-layout-v2 .os-mission-controls form{margin:0!important;}
body .mission-layout-v2 .os-control-btn{min-width:142px;height:52px;border-radius:11px;border:1px solid rgba(217,173,85,.45);background:rgba(217,173,85,.08);color:#f7ce54;font-weight:950;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;}
body .mission-layout-v2 .os-control-btn:disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.4);}
body .mission-layout-v2 .os-control-flee{border-color:rgba(255,78,78,.55);color:#ff5959;background:rgba(120,20,20,.16);}
body .mission-layout-v2 .os-control-finish{border-color:rgba(54,215,101,.55);color:#34e06d;background:rgba(20,105,46,.16);}
body .mission-layout-v2 .os-card-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(285px,1fr))!important;gap:10px!important;}
body .mission-layout-v2 .os-target-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;}
body .mission-layout-v2 .os-object-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))!important;}
body .mission-layout-v2 .os-threat-grid,
body .mission-layout-v2 .os-friendly-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr))!important;}
body .mission-layout-v2 .os-entity-card{position:relative;display:grid!important;grid-template-columns:64px minmax(0,1fr) auto!important;grid-template-rows:auto auto auto;gap:8px 12px;align-items:center;min-height:112px;padding:14px!important;border:1px solid rgba(217,173,85,.22)!important;border-radius:11px!important;background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;overflow:hidden;}
body .mission-layout-v2 .os-entity-card:hover{border-color:rgba(217,173,85,.48)!important;background:linear-gradient(135deg,rgba(217,173,85,.07),rgba(255,255,255,.02))!important;}
body .mission-layout-v2 .os-entity-card.is-complete{border-color:rgba(44,220,94,.48)!important;background:linear-gradient(135deg,rgba(31,105,50,.20),rgba(255,255,255,.018))!important;}
body .mission-layout-v2 .os-entity-card.is-danger{border-color:rgba(255,75,75,.55)!important;background:linear-gradient(135deg,rgba(120,20,20,.22),rgba(255,255,255,.018))!important;}
body .mission-layout-v2 .os-threat-card{border-color:rgba(255,75,75,.28)!important;}
body .mission-layout-v2 .os-friendly-card{border-color:rgba(72,145,255,.25)!important;}
body .mission-layout-v2 .os-entity-icon{width:58px;height:58px;border-radius:10px;background:rgba(0,0,0,.30);display:grid;place-items:center;overflow:hidden;font-size:30px;border:1px solid rgba(217,173,85,.17);}
body .mission-layout-v2 .os-entity-icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.55));}
body .mission-layout-v2 .os-entity-main{min-width:0;}
body .mission-layout-v2 .os-entity-main b{display:block;color:#fff;font-size:15px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;}
body .mission-layout-v2 .os-entity-main small{display:block;color:#c4ad75;font-size:12px;line-height:1.28;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body .mission-layout-v2 .os-entity-actions{display:flex;align-self:start;gap:6px;align-items:center;justify-content:flex-end;}
body .mission-layout-v2 .os-entity-actions form{margin:0;}
body .mission-layout-v2 .os-card-status{grid-column:1 / -1;color:#bca56e;font-size:12px;line-height:1;}
body .mission-layout-v2 .os-progress{grid-column:1 / -1;height:7px!important;border-radius:999px!important;background:rgba(255,255,255,.09)!important;overflow:hidden;margin-top:0!important;}
body .mission-layout-v2 .os-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#f8cd55,#29c86a)!important;}
body .mission-layout-v2 .os-threat-card .os-progress span{background:linear-gradient(90deg,#ff3f3f,#d82424)!important;}
body .mission-layout-v2 .os-friendly-card .os-progress span{background:linear-gradient(90deg,#4aa3ff,#2e69c8)!important;}
body .mission-layout-v2 .os-action-btn{width:34px!important;height:34px!important;min-width:34px!important;border-radius:8px!important;display:grid!important;place-items:center!important;border:1px solid rgba(217,173,85,.38)!important;background:rgba(217,173,85,.10)!important;color:#f5d272!important;font-size:15px!important;cursor:pointer!important;}
body .mission-layout-v2 .os-action-btn:hover:not(:disabled){background:rgba(217,173,85,.20)!important;transform:translateY(-1px);}
body .mission-layout-v2 .os-action-btn:disabled{opacity:.45!important;cursor:not-allowed!important;}
body .mission-layout-v2 .os-empty-card{min-height:112px;border:1px dashed rgba(255,255,255,.16);border-radius:11px;display:grid;place-items:center;text-align:center;color:#bca56e;background:rgba(255,255,255,.015);padding:18px;}
body .mission-layout-v2 .os-empty-card b{font-size:22px;color:#d4a93c;display:block;}
body .mission-layout-v2 .os-empty-card span{display:block;color:#d6c08a;margin-top:4px;}
body .mission-layout-v2 .os-empty-card small{color:#23d563;font-weight:800;}
body .mission-layout-v2 .os-units-head{align-items:center!important;}
body .mission-layout-v2 .os-command-actions{display:flex;gap:12px;align-items:center;justify-content:flex-end;}
body .mission-layout-v2 .os-command-actions .btn{min-width:170px;height:44px;border-radius:10px!important;text-transform:uppercase;font-weight:950;letter-spacing:.04em;}
body .mission-layout-v2 .os-card-cover{min-height:122px!important;}
@media(max-width:1100px){body .mission-layout-v2 .os-command-head,body .mission-layout-v2 .os-command-top-head,body .mission-layout-v2 .os-units-head{flex-direction:column!important;align-items:stretch!important;}body .mission-layout-v2 .os-mission-controls,body .mission-layout-v2 .os-command-actions{justify-content:stretch!important;}body .mission-layout-v2 .os-control-btn,body .mission-layout-v2 .os-command-actions .btn{width:100%;min-width:0;}body .mission-layout-v2 .os-card-grid{grid-template-columns:1fr!important;}}

/* v30 mission editor command-card refresh */
.live-mission-editor .live-editor-grid{grid-template-columns:minmax(250px,16vw) minmax(0,1fr) minmax(270px,18vw)!important;gap:16px!important;align-items:start!important}
.live-mission-editor .live-editor-card{padding:16px!important;border-radius:14px!important;background:linear-gradient(180deg,rgba(22,18,11,.88),rgba(8,8,7,.90))!important;overflow:hidden!important}
.live-mission-editor .live-section-head{margin-bottom:12px!important}
.live-mission-editor .live-editor-list{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;gap:10px!important}
.live-mission-editor .live-editor-row.live-editor-entity-card{position:relative!important;display:grid!important;grid-template-columns:58px minmax(0,1fr) 34px!important;grid-template-rows:auto auto auto!important;gap:8px 12px!important;align-items:center!important;min-height:112px!important;padding:13px!important;border:1px solid rgba(217,173,85,.24)!important;border-radius:12px!important;background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;cursor:pointer!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;transition:.15s ease!important}
.live-mission-editor .live-editor-row.live-editor-entity-card:hover{border-color:rgba(247,206,84,.62)!important;background:linear-gradient(135deg,rgba(217,173,85,.10),rgba(255,255,255,.025))!important;transform:translateY(-1px)!important}
.live-mission-editor .live-editor-row.live-editor-threat{border-color:rgba(255,80,80,.30)!important}
.live-mission-editor .live-editor-row.live-editor-object{border-color:rgba(217,173,85,.22)!important}
.live-mission-editor .live-editor-row.live-editor-target{border-color:rgba(42,216,105,.25)!important}
.live-mission-editor .live-node-icon{grid-column:1!important;grid-row:1 / span 2!important;width:54px!important;height:54px!important;border-radius:10px!important;background:rgba(0,0,0,.32)!important;overflow:hidden!important}
.live-mission-editor .live-node-icon img{width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 8px 10px rgba(0,0,0,.55))!important}
.live-mission-editor .live-node-main{grid-column:2!important;grid-row:1 / span 2!important;min-width:0!important}
.live-mission-editor .live-node-main b{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:14px!important;margin-bottom:3px!important}
.live-mission-editor .live-node-main small{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:11px!important;line-height:1.25!important}
.live-mission-editor .live-card-menu{grid-column:3!important;grid-row:1!important;align-self:start!important;width:32px!important;height:32px!important;border-radius:8px!important;border:1px solid rgba(217,173,85,.34)!important;background:rgba(217,173,85,.08)!important;color:#f5d272!important;font-weight:900!important;cursor:pointer!important}
.live-mission-editor .live-node-power{grid-column:1!important;grid-row:3!important}.live-mission-editor .live-node-power span{font-size:10px!important}.live-mission-editor .live-node-power b{font-size:15px!important;color:#fff!important}
.live-mission-editor .live-node-actions{grid-column:2 / -1!important;grid-row:3!important;justify-content:flex-start!important;overflow:hidden!important;max-height:26px!important}
.live-mission-editor .live-node-actions span{font-size:10px!important;padding:4px 7px!important;background:rgba(217,173,85,.08)!important;color:#f3d37a!important}
.live-mission-editor .live-editor-empty{min-height:112px!important;display:grid!important;place-items:center!important}
.live-mission-editor .os-editor-modal{max-width:min(1120px,94vw)!important;width:94vw!important}
.live-mission-editor .modal-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important}
@media(max-width:1280px){.live-mission-editor .live-editor-grid{grid-template-columns:1fr!important}.live-editor-left,.live-editor-right{position:static!important}.live-mission-editor .live-editor-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important}}

/* mission return button fix: clickable on mission unit cards */
html body .mission-layout-v2 article.os-entity-card .os-action-btn.unit-return-js{pointer-events:auto!important;position:relative!important;z-index:20!important;}

/* Force-fix: return button in mission.php must be a real clickable form button. */
html body .mission-layout-v2 .os-friendly-card .os-entity-actions,
html body .mission-layout-v2 .os-friendly-card .unit-return-form,
html body .mission-layout-v2 .os-friendly-card .unit-return-js{
  pointer-events:auto!important;
  position:relative!important;
  z-index:999!important;
}
html body .mission-layout-v2 .os-friendly-card .unit-return-form{
  display:flex!important;
  margin:0!important;
  padding:0!important;
}

/* v31 hard fix: mission.php return button must sit above card layers and not be blocked */
html body .mission-layout-v2 .os-friendly-card{overflow:visible!important;}
html body .mission-layout-v2 .os-friendly-card .unit-return-form-hidden{display:none!important;}
html body .mission-layout-v2 .os-friendly-card .os-entity-actions{position:relative!important;z-index:2147483000!important;pointer-events:auto!important;}
html body .mission-layout-v2 .os-friendly-card .os-action-btn.unit-return-js{position:relative!important;z-index:2147483001!important;pointer-events:auto!important;cursor:pointer!important;}
html body .mission-layout-v2 .os-friendly-card .os-progress{pointer-events:none!important;}

/* v23 - missie-acties pagina: full-width dreiging-beloningen zonder sticky formulier */
body:has(.admin-actions-page) .admin-layout,
.admin-layout:has(.admin-actions-page){
  width:min(1920px,calc(100% - 32px))!important;
  max-width:none!important;
  margin-inline:auto!important;
}
.admin-actions-layout{
  display:grid!important;
  grid-template-columns:360px minmax(0,1fr)!important;
  gap:24px!important;
  align-items:start!important;
}
.admin-actions-main{
  display:contents!important;
}
.admin-actions-create{
  position:static!important;
  top:auto!important;
  z-index:auto!important;
  align-self:start!important;
  max-height:none!important;
  overflow:visible!important;
  grid-column:1!important;
}
.admin-actions-list-card{overflow:visible!important;min-width:0!important;}
.admin-actions-list-card{grid-column:2!important;}
.admin-threat-rewards-card{margin-top:0!important;grid-column:1 / -1!important;}
.admin-actions-table{min-width:0!important;}
.admin-actions-table-head{
  grid-template-columns:minmax(135px,1.2fr) minmax(150px,1.15fr) 58px minmax(105px,.85fr) minmax(130px,1fr) 76px 86px 86px 78px 88px!important;
  gap:8px!important;
}
.admin-action-edit-form{
  grid-template-columns:minmax(135px,1.2fr) minmax(150px,1.15fr) 58px minmax(105px,.85fr) minmax(130px,1fr) 76px 86px 86px 78px 88px!important;
  gap:8px!important;
}
.admin-action-edit-form input,
.admin-action-edit-form select{height:42px!important;padding-inline:12px!important;font-size:13px!important;}
.admin-action-edit-form .btn.small{height:42px!important;padding-inline:14px!important;}
.admin-threat-rewards-card .admin-action-edit-form{
  grid-template-columns:repeat(5,minmax(95px,1fr)) 82px 90px!important;
}
.admin-threat-rewards-card .admin-action-delete-form{margin-left:12px!important;}
.admin-actions-page .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
@media(max-width:1300px){
  .admin-actions-layout{grid-template-columns:1fr!important;}
  .admin-actions-create{position:static!important;max-height:none!important;overflow:visible!important;grid-column:1!important;}
  .admin-actions-list-card,.admin-threat-rewards-card{grid-column:1!important;}
  .admin-actions-table-head{display:none!important;}
  .admin-action-edit-row{grid-template-columns:1fr!important;}
  .admin-action-edit-form{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .admin-threat-rewards-card .admin-action-edit-form{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:720px){
  body:has(.admin-actions-page) .admin-layout,
  .admin-layout:has(.admin-actions-page){width:calc(100% - 20px)!important;}
  .admin-action-edit-form,
  .admin-threat-rewards-card .admin-action-edit-form,
  .admin-actions-page .form-grid{grid-template-columns:1fr!important;}
}
/* v37: bredere missie-editor popup + overzichtelijke actie-vervolgsecties */
.live-mission-editor .os-editor-modal,
.os-editor-modal#nodeEditDialog{
  width:min(1440px,98vw)!important;
  max-width:98vw!important;
  max-height:92vh;
  overflow:auto;
}
#actionStepsBox .action-backup-section,
#actionBackupBox .action-backup-section{
  margin-top:12px;
  padding:12px;
  border:1px solid rgba(210,161,65,.14);
  border-radius:12px;
  background:rgba(255,255,255,.025);
}
.action-step-list{display:grid;gap:8px}
@media(min-width:1100px){
  #modalActionSteps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
}

/* v38: echte brede missie-editor modal + tabel-layout voor dreiging-beloningen */
html body dialog#nodeEditDialog.os-editor-modal{
  width:calc(100vw - 96px)!important;
  max-width:none!important;
  min-width:min(1180px,calc(100vw - 96px))!important;
  max-height:92vh!important;
  overflow:auto!important;
}
html body dialog#nodeEditDialog.os-editor-modal form{
  width:100%!important;
  box-sizing:border-box!important;
}
@media(max-width:900px){
  html body dialog#nodeEditDialog.os-editor-modal{
    width:calc(100vw - 24px)!important;
    min-width:0!important;
  }
}
.admin-threat-rewards-table-head{
  display:grid!important;
  grid-template-columns:minmax(110px,.9fr) minmax(110px,.9fr) minmax(150px,1fr) minmax(150px,1fr) minmax(110px,.85fr) 90px 190px!important;
  gap:10px!important;
  padding:0 12px 6px!important;
}
.admin-threat-reward-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 120px!important;
  gap:10px!important;
  align-items:center!important;
}
.admin-threat-reward-form{
  display:grid!important;
  grid-template-columns:minmax(110px,.9fr) minmax(110px,.9fr) minmax(150px,1fr) minmax(150px,1fr) minmax(110px,.85fr) 90px 96px!important;
  gap:10px!important;
  align-items:center!important;
}
.admin-threat-reward-row .admin-action-delete-form{
  margin:0!important;
  justify-self:stretch!important;
}
.admin-threat-reward-row .admin-action-delete-form .btn{
  width:100%!important;
  height:42px!important;
  justify-content:center!important;
}
@media(max-width:1180px){
  .admin-threat-rewards-table-head{display:none!important;}
  .admin-threat-reward-row{grid-template-columns:1fr!important;}
  .admin-threat-reward-form{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .admin-threat-reward-row .admin-action-delete-form{justify-self:start!important;}
  .admin-threat-reward-row .admin-action-delete-form .btn{width:auto!important;}
}
@media(max-width:680px){
  .admin-threat-reward-form{grid-template-columns:1fr!important;}
}

/* Fase 1.54 - nieuw full-width dashboard, nieuws, badges en toplijsten */
body .layout.dashboard-fullwidth,
body .layout.admin-wide-page{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:28px 42px 54px!important;
}
.dashboard-welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px;}
.dashboard-welcome h1{font-size:clamp(38px,4vw,72px);line-height:.95;margin:0 0 10px;}
.dashboard-grid-top,.dashboard-grid-bottom{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px;align-items:start;}
.dashboard-panel{min-height:310px;}
.dashboard-news-list,.news-page-list{display:grid;gap:14px;}
.dashboard-news-item,.news-page-item{border:1px solid rgba(214,160,55,.16);border-radius:16px;background:rgba(255,255,255,.035);padding:16px;}
.dashboard-news-item small,.news-page-item small{color:#bcae85;font-weight:800;}
.dashboard-news-item h3,.news-page-item h2{margin:6px 0 10px;color:#fff;}
.dashboard-news-item div,.news-page-item div{color:#d7caaa;line-height:1.6;}
.dashboard-table{display:grid;gap:10px;}
.dashboard-table-head,.dashboard-table-row{display:grid;grid-template-columns:1.1fr 1fr .9fr;gap:12px;align-items:center;}
.dashboard-table-head{color:#f4c66a;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900;border-bottom:1px solid rgba(214,160,55,.22);padding-bottom:10px;}
.dashboard-table-row{border:1px solid rgba(214,160,55,.14);border-radius:14px;background:rgba(255,255,255,.025);padding:12px;}
.dashboard-table-row span{color:#cbbd98;}
.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;}
.badge-card{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center;border:1px solid rgba(214,160,55,.18);border-radius:16px;padding:12px;background:rgba(255,255,255,.035);}
.badge-card img{width:58px;height:58px;object-fit:contain;border-radius:12px;background:rgba(0,0,0,.25);}
.badge-card small{display:block;color:#bcae85;margin-top:4px;line-height:1.35;}
.top-player-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.top-player-card{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center;border:1px solid rgba(214,160,55,.18);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.015));padding:16px;}
.top-player-card>span{width:54px;height:54px;display:grid;place-items:center;border-radius:14px;background:rgba(214,160,55,.12);font-size:25px;}
.top-player-card small{display:block;color:#f4c66a;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:11px;}
.top-player-card b{display:block;color:#fff;font-size:18px;margin-top:3px;}
.top-player-card em{display:block;color:#bcae85;font-style:normal;margin-top:3px;}
.news-page-item{padding:24px;}
.news-admin-form,.badge-admin-form{display:grid;gap:14px;}
.news-admin-form label,.badge-admin-form label{display:grid;gap:8px;color:#d6c38f;font-weight:800;}
.news-admin-form input,.badge-admin-form input,.badge-admin-form select{background:#050505;border:1px solid rgba(214,160,55,.3);border-radius:12px;color:#fff;padding:12px;}
.rich-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;}
.rich-toolbar button{border:1px solid rgba(214,160,55,.28);border-radius:10px;background:rgba(255,255,255,.045);color:#f5d58a;padding:9px 12px;cursor:pointer;font-weight:900;}
.rich-editor{min-height:260px;border:1px solid rgba(214,160,55,.28);border-radius:16px;background:#050505;color:#f6ead1;padding:16px;line-height:1.65;outline:none;}
.rich-editor:empty:before{content:attr(data-placeholder);color:#7f7257;}
.inline-check{display:inline-flex!important;grid-auto-flow:column;align-items:center;justify-content:flex-start;gap:8px!important;}
.admin-simple-table{display:grid;gap:10px;}
.admin-simple-head,.admin-simple-row{display:grid;grid-template-columns:1.3fr .8fr .5fr auto;gap:12px;align-items:center;}
.admin-simple-head{color:#f4c66a;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900;border-bottom:1px solid rgba(214,160,55,.22);padding-bottom:10px;}
.admin-simple-row{border:1px solid rgba(214,160,55,.14);border-radius:14px;padding:12px;background:rgba(255,255,255,.025);}
.admin-row-actions{display:flex;gap:8px;justify-content:flex-end;}
.admin-row-actions form{margin:0;}
.badge-admin-form{grid-template-columns:1.2fr .9fr .45fr .55fr .55fr .9fr auto;align-items:end;}
.badge-admin-desc{grid-column:1 / span 6;}
.badge-admin-list{display:grid;gap:12px;}
.badge-admin-row{display:grid;grid-template-columns:62px 1.1fr .9fr .35fr .5fr .5fr .9fr auto auto;gap:10px;align-items:center;border:1px solid rgba(214,160,55,.14);border-radius:16px;padding:12px;background:rgba(255,255,255,.025);}
.badge-admin-row img{width:58px;height:58px;object-fit:contain;border-radius:12px;background:rgba(0,0,0,.25);}
.badge-admin-row input,.badge-admin-row select{background:#050505;border:1px solid rgba(214,160,55,.3);border-radius:10px;color:#fff;padding:10px;min-width:0;}
.badge-delete-form{margin:-8px 0 8px 74px;}
.muted{color:#bcae85;}
@media(max-width:1100px){body .layout.dashboard-fullwidth,body .layout.admin-wide-page{padding:20px!important}.dashboard-grid-top,.dashboard-grid-bottom,.top-player-grid{grid-template-columns:1fr}.dashboard-welcome{display:grid}.badge-admin-form,.badge-admin-row,.admin-simple-head,.admin-simple-row{grid-template-columns:1fr}.badge-admin-desc{grid-column:auto}.dashboard-table-head,.dashboard-table-row{grid-template-columns:1fr}.badge-delete-form{margin:0}}

/* Fase 1.55 - dashboard v3, profiel, mailbox, login kalender */
.dashboard-v3{padding-top:26px!important}.dashboard-v3 .dashboard-panel{min-height:0}.dashboard-v3 .dashboard-grid-top{margin-top:0;margin-bottom:22px}.dashboard-v3 h2{font-size:25px;margin:4px 0 14px}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.dashboard-table.compact .dashboard-table-row{min-height:46px}.calendar-strip{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;margin:18px 0}.cal-day{height:38px;border-radius:12px;display:grid;place-items:center;border:1px solid rgba(214,160,55,.16);background:rgba(255,255,255,.035);color:#a99b80;font-weight:900}.cal-day.done{background:linear-gradient(135deg,rgba(70,205,110,.2),rgba(214,160,55,.14));border-color:rgba(80,255,135,.38);color:#9cffb7}.cal-day.today{box-shadow:0 0 0 2px rgba(244,198,106,.25)}.tab-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 16px}.tab-buttons button{border:1px solid rgba(214,160,55,.24);border-radius:999px;background:rgba(255,255,255,.04);color:#d8c695;font-weight:900;padding:9px 13px;cursor:pointer}.tab-buttons button.active{background:linear-gradient(135deg,#d9ad55,#80561d);color:#0b0703}.tab-panel{display:none}.tab-panel.active{display:block}.rank-list{display:grid;gap:10px}.rank-row{display:grid;grid-template-columns:54px 1fr auto;gap:12px;align-items:center;padding:13px 14px;border:1px solid rgba(214,160,55,.16);border-radius:15px;background:rgba(255,255,255,.035)}.rank-row b{color:#f4c66a}.rank-row span{font-weight:950;color:#fff}.rank-row em{font-style:normal;color:#d2c19c}.badge-orbit-grid{display:flex;flex-wrap:wrap;gap:16px}.badge-orbit{--p:calc(var(--pct)*1%);position:relative;width:104px;display:grid;justify-items:center;gap:8px;text-align:center;cursor:help}.badge-orbit:before{content:"";width:78px;height:78px;border-radius:50%;background:conic-gradient(#d9ad55 var(--p),rgba(255,255,255,.08) 0);position:absolute;top:0;left:50%;transform:translateX(-50%);box-shadow:0 0 26px rgba(217,173,85,.1)}.badge-orbit img{position:relative;z-index:1;width:66px;height:66px;margin-top:6px;border-radius:50%;object-fit:contain;background:#070604;padding:7px;border:1px solid rgba(214,160,55,.18)}.badge-orbit.locked{opacity:.42}.badge-orbit span{font-size:12px;font-weight:900;color:#fff;line-height:1.2}.badge-orbit small{color:#bcae85;font-size:11px}.badge-orbit-grid.large .badge-orbit{width:128px}.activity-list,.mail-preview-list,.mail-list{display:grid;gap:12px}.activity-row{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;padding:13px;border:1px solid rgba(214,160,55,.14);border-radius:16px;background:rgba(255,255,255,.032)}.activity-row>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(214,160,55,.12);font-size:20px}.activity-row b{display:block;color:#fff}.activity-row small{display:block;color:#bcae85;margin-top:3px}.profile-mini{display:grid;grid-template-columns:86px 1fr;gap:16px;align-items:center;margin:8px 0 18px}.profile-mini img{width:86px;height:86px;object-fit:cover;border-radius:24px;border:1px solid rgba(214,160,55,.24);background:#050505}.profile-mini h3{font-size:28px;margin:0}.profile-mini p{margin:4px 0 12px;color:#bcae85}.xp-wide{height:10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(214,160,55,.18);overflow:hidden}.xp-wide i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#7e5721,#f6d67b,#bf8430)}.imperium-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.imperium-stats span{border:1px solid rgba(214,160,55,.14);border-radius:15px;background:rgba(255,255,255,.03);padding:13px}.imperium-stats b{display:block;color:#fff;font-size:18px}.imperium-stats small{display:block;color:#bcae85;margin-top:4px}.imperium-stats.big{grid-template-columns:repeat(2,1fr)}.mail-preview,.mail-card{border:1px solid rgba(214,160,55,.15);border-radius:16px;background:rgba(255,255,255,.03);padding:14px}.mail-preview.unread,.mail-card.unread{border-color:rgba(244,198,106,.45);background:rgba(214,160,55,.07)}.mail-preview b,.mail-card h3{color:#fff;margin:0 0 4px}.mail-preview small,.mail-card small{color:#bcae85}.mail-preview p,.mail-card p{color:#d7caaa;line-height:1.55;margin:8px 0 0}.pill{display:inline-flex;vertical-align:middle;font-size:12px;background:rgba(70,205,110,.14);border:1px solid rgba(70,205,110,.35);border-radius:999px;color:#9cffb7;padding:4px 9px}.profile-hero{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center;margin-bottom:22px}.profile-hero img{width:180px;height:180px;object-fit:cover;border-radius:38px;border:1px solid rgba(214,160,55,.3);background:#050505}.profile-hero h1{font-size:clamp(42px,5vw,82px);line-height:.95;margin:0 0 8px}.profile-form{display:grid;gap:14px}.profile-form label{display:grid;gap:8px;color:#d6c38f;font-weight:900}.profile-form input,.profile-form textarea{background:#050505;border:1px solid rgba(214,160,55,.3);border-radius:14px;color:#fff;padding:13px;font:inherit}.success-msg{border:1px solid rgba(70,205,110,.35);background:rgba(70,205,110,.1);color:#9cffb7;border-radius:14px;padding:12px;font-weight:900}.login-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin:18px 0 24px}.login-day{min-height:78px;border:1px solid rgba(214,160,55,.14);border-radius:16px;background:rgba(255,255,255,.03);padding:12px}.login-day.done{border-color:rgba(70,205,110,.35);background:linear-gradient(135deg,rgba(70,205,110,.15),rgba(214,160,55,.05))}.login-day b{display:block;color:#fff}.login-day span{display:block;color:#bcae85;margin-top:7px}.reward-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.reward-card{border:1px solid rgba(214,160,55,.16);border-radius:18px;background:rgba(255,255,255,.032);padding:16px;margin:0}.reward-card.claimed{opacity:.62}.reward-card b{color:#f4c66a}.reward-card h3{margin:8px 0 6px;color:#fff}.reward-card p{color:#bcae85}.challenge-list{display:grid;gap:12px}.challenge-list div{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid rgba(214,160,55,.14);border-radius:16px;padding:14px;background:rgba(255,255,255,.03)}.challenge-list b{color:#fff}.challenge-list span{color:#bcae85}.btn:disabled{opacity:.45;cursor:not-allowed}@media(max-width:1100px){.calendar-strip{grid-template-columns:repeat(7,1fr)}.imperium-stats,.imperium-stats.big{grid-template-columns:1fr 1fr}.profile-hero{grid-template-columns:1fr}.login-calendar-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:680px){.imperium-stats{grid-template-columns:1fr}.rank-row{grid-template-columns:44px 1fr}.rank-row em{grid-column:2}.login-calendar-grid{grid-template-columns:repeat(2,1fr)}.calendar-strip{grid-template-columns:repeat(5,1fr)}}

/* Dashboard v4 cleanup */
.dashboard-v4{padding-top:22px!important;}
.dashboard-v4 .dashboard-grid-top{margin-top:0;margin-bottom:22px;}
.dashboard-v4 .dashboard-panel{min-height:0;}
.dashboard-v4 .dashboard-imperium-panel{min-height:310px;}
.dashboard-v4 .profile-mini{grid-template-columns:98px 1fr;}
.dashboard-v4 .profile-mini img{width:98px;height:98px;border-radius:26px;}
.dashboard-v4 .badge-orbit-grid.dashboard-visible-badges{gap:24px;align-items:flex-start;}
.dashboard-v4 .badge-orbit{width:136px;gap:12px;}
.dashboard-v4 .badge-orbit:before{width:104px;height:104px;}
.dashboard-v4 .badge-orbit img{width:88px;height:88px;margin-top:8px;padding:8px;}
.dashboard-v4 .badge-orbit span{font-size:13px;}
.dashboard-v4 .badge-orbit.locked{opacity:.72;filter:none;}
.dashboard-v4 .badge-orbit.locked img{filter:grayscale(.25) brightness(.85);}

/* Compact statbar v2 */
.game-statbar{top:76px;}
.game-statbar-inner{
  width:min(1320px,calc(100% - 32px))!important;
  min-height:58px!important;
  display:flex!important;
  justify-content:center;
  align-items:stretch;
  gap:8px!important;
  border-left:0!important;
  border-right:0!important;
  padding:8px 0;
  overflow:visible;
}
.game-stat{
  flex:0 0 auto;
  width:auto!important;
  min-width:fit-content;
  gap:9px!important;
  padding:8px 13px!important;
  border:1px solid rgba(217,173,85,.11)!important;
  border-radius:0;
  background:linear-gradient(90deg,rgba(255,255,255,.028),rgba(255,255,255,0));
}
.game-stat small{font-size:9px!important;letter-spacing:.16em!important;margin-bottom:2px!important;}
.game-stat strong{font-size:13px!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;}
.stat-icon{width:30px!important;height:30px!important;flex-basis:30px!important;border-radius:11px!important;font-size:13px!important;}
.stat-icon.cash{font-size:17px!important;}
.level-badge{width:36px!important;height:36px!important;flex-basis:36px!important;font-size:14px!important;}
.mini-xp{width:76px!important;height:6px!important;margin-top:6px!important;}
@media(max-width:1200px){
  .game-statbar-inner{justify-content:flex-start;overflow-x:auto;padding-left:10px;padding-right:10px;scrollbar-width:thin;}
}
@media(max-width:1100px){
  .game-statbar{position:relative;top:auto;}
  .game-statbar-inner{width:100%!important;}
}

/* Mailbox v2 */
.mailbox-v2{max-width:none;width:100%;padding:24px 28px 80px}.mail-shell{display:grid;grid-template-columns:280px minmax(420px,1fr) minmax(520px,1.45fr);gap:24px;align-items:start}.mail-sidebar{position:sticky;top:150px}.mail-compose-btn{width:100%;margin:10px 0}.mail-folders{display:grid;gap:10px;margin-top:22px}.mail-folders a{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border:1px solid rgba(214,165,74,.18);border-radius:12px;color:#fff;text-decoration:none;background:rgba(255,255,255,.03)}.mail-folders a.active{background:linear-gradient(135deg,rgba(214,165,74,.35),rgba(214,165,74,.08));border-color:rgba(214,165,74,.55)}.mail-folders b{background:var(--gold,#d6a54a);color:#111;border-radius:99px;min-width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center}.mail-help{margin-top:28px;font-size:12px}.mail-searchbar input{width:100%;margin:8px 0 14px}.mail-thread-list{display:grid;gap:10px;max-height:650px;overflow:auto;padding-right:4px}.mail-row{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:14px;border:1px solid rgba(214,165,74,.18);border-radius:13px;background:rgba(255,255,255,.035);color:#eee;text-decoration:none}.mail-row.active{border-color:rgba(214,165,74,.8);box-shadow:0 0 0 1px rgba(214,165,74,.14) inset}.mail-row.unread strong{color:#fff}.mail-avatar{width:42px;height:42px;border-radius:12px;background:rgba(214,165,74,.16);display:flex;align-items:center;justify-content:center}.mail-row-main{display:grid;gap:4px}.mail-row-main small{color:#c9b98e}.mail-row-main em{font-style:normal;color:#a99b79;font-size:13px}.mail-reward-dot{color:#e0b654}.mail-reader{min-height:720px}.mail-reader-head{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(214,165,74,.18);padding-bottom:18px;margin-bottom:18px}.mail-conversation{height:390px;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:10px;border:1px solid rgba(214,165,74,.14);border-radius:16px;background:rgba(0,0,0,.18)}.bubble{max-width:78%;padding:14px 16px;border-radius:16px;border:1px solid rgba(214,165,74,.18);background:rgba(255,255,255,.035)}.bubble.mine{align-self:flex-end;background:rgba(214,165,74,.16);border-color:rgba(214,165,74,.35)}.bubble.theirs{align-self:flex-start}.bubble small{display:block;color:#c9b98e;margin-bottom:8px}.bubble p{margin:0;white-space:pre-wrap}.mail-rewards{margin-top:18px}.reward-claim-card{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid rgba(214,165,74,.22);border-radius:15px;padding:16px;background:rgba(214,165,74,.06)}.reward-claim-card small{display:block;color:#c9b98e;margin-top:5px}.quick-reply{margin-top:18px;display:grid;gap:12px}.quick-reply textarea{width:100%}.modal-backdrop[hidden]{display:none}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:1000;display:flex;align-items:center;justify-content:center;padding:28px}.compose-modal{width:min(1120px,96vw);max-height:92vh;overflow:auto}.admin-mail-form{display:grid;gap:16px}.reward-admin-box{background:rgba(0,0,0,.18)}@media(max-width:1200px){.mail-shell{grid-template-columns:1fr}.mail-sidebar{position:static}.mail-reader{min-height:auto}.mail-conversation{height:360px}}

/* Fase 1.57 - Admin mailbox v3 */
.admin-mailbox-v3{max-width:none;width:100%;padding:24px 28px 90px;}
.admin-mail-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px;}
.admin-mail-hero h1{margin:0 0 8px;font-size:34px;}
.admin-mail-quickstats{display:flex;gap:12px;flex-wrap:wrap;}
.admin-mail-quickstats span{min-width:110px;padding:14px 16px;border:1px solid rgba(214,165,74,.22);border-radius:14px;background:rgba(255,255,255,.035);display:grid;gap:4px;text-align:center;}
.admin-mail-quickstats b{font-size:22px;color:#f5d07a;}
.admin-mail-quickstats small{text-transform:uppercase;letter-spacing:.08em;color:#bda875;font-size:10px;}
.admin-mail-grid{display:grid;grid-template-columns:minmax(420px,1fr) minmax(560px,1.1fr);gap:20px;align-items:start;margin-bottom:20px;}
.admin-mail-compose-card,.admin-mail-reward-card{min-height:560px;}
.admin-mail-compose-card textarea{min-height:300px;width:100%;resize:vertical;}
.admin-mail-hint{margin-top:12px;padding:12px 14px;border:1px solid rgba(214,165,74,.18);border-radius:12px;background:rgba(214,165,74,.06);color:#cbb985;font-size:13px;}
.reward-builder-head,.reward-builder-row{display:grid;grid-template-columns:1.05fr 1fr 1.25fr 90px 1.1fr 42px;gap:10px;align-items:center;}
.reward-builder-head{padding:10px 12px;margin:8px 0 8px;color:#d9b45f;text-transform:uppercase;letter-spacing:.13em;font-weight:800;font-size:10px;border-bottom:1px solid rgba(214,165,74,.18);}
.reward-builder-rows{display:grid;gap:10px;}
.reward-builder-row{padding:12px;border:1px solid rgba(214,165,74,.16);border-radius:14px;background:rgba(255,255,255,.025);}
.reward-builder-row input,.reward-builder-row select{width:100%;min-width:0;}
.empty-reward-note{padding:28px;border:1px dashed rgba(214,165,74,.24);border-radius:16px;text-align:center;color:#a99973;background:rgba(0,0,0,.12);}
.admin-send-btn{width:100%;margin-top:18px;padding:15px 18px;}
.admin-mail-table{display:grid;gap:8px;}
.admin-mail-table-head,.admin-mail-table-row{display:grid;grid-template-columns:1fr 1.35fr 1fr 160px;gap:14px;align-items:center;}
.admin-mail-table-head{padding:12px 14px;color:#d9b45f;text-transform:uppercase;letter-spacing:.13em;font-weight:800;font-size:10px;border-bottom:1px solid rgba(214,165,74,.18);}
.admin-mail-table-row{padding:13px 14px;border:1px solid rgba(214,165,74,.14);border-radius:12px;background:rgba(255,255,255,.025);}
.reward-claim-list{display:grid;gap:10px;}
.reward-claim-card{margin:0;}
@media(max-width:1180px){.admin-mail-grid{grid-template-columns:1fr}.admin-mail-hero{align-items:flex-start;flex-direction:column}.reward-builder-head{display:none}.reward-builder-row{grid-template-columns:1fr 1fr}.admin-mail-table-head{display:none}.admin-mail-table-row{grid-template-columns:1fr}.admin-mail-compose-card,.admin-mail-reward-card{min-height:auto}}


/* Fase 1.58 - Rich text editor voor admin mailbox */
.system-rich-editor-wrap{display:grid;gap:10px;margin-top:8px;}
.admin-mail-rich-toolbar{padding:10px;border:1px solid rgba(214,165,74,.18);border-radius:14px;background:rgba(255,255,255,.025);}
.admin-mail-rich-toolbar button{min-height:36px;}
.admin-emoji-strip{display:flex;flex-wrap:wrap;gap:7px;padding:10px;border:1px solid rgba(214,165,74,.14);border-radius:14px;background:rgba(0,0,0,.16);}
.admin-emoji-strip button{width:36px;height:36px;border:1px solid rgba(214,165,74,.22);border-radius:10px;background:rgba(255,255,255,.04);font-size:18px;cursor:pointer;display:grid;place-items:center;}
.admin-emoji-strip button:hover{background:rgba(214,165,74,.14);border-color:rgba(214,165,74,.45);}
.admin-system-editor{min-height:300px;width:100%;resize:vertical;background:#050505!important;color:#f6ead1!important;border-color:rgba(214,165,74,.28)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03);}
.admin-system-editor:focus{border-color:rgba(245,208,122,.62)!important;box-shadow:0 0 0 3px rgba(214,165,74,.08), inset 0 1px 0 rgba(255,255,255,.04);}
.admin-system-editor h2{margin:8px 0 10px;font-size:24px;color:#fff;}
.admin-system-editor blockquote{margin:10px 0;padding:10px 14px;border-left:3px solid #d6a54a;background:rgba(214,165,74,.07);border-radius:10px;color:#e6d1a4;}
.mail-message-body{white-space:normal;line-height:1.65;}
.mail-message-body p{margin:0 0 10px;white-space:normal;}
.mail-message-body ul,.mail-message-body ol{margin:8px 0 8px 22px;}
.mail-message-body blockquote{margin:10px 0;padding:10px 14px;border-left:3px solid #d6a54a;background:rgba(214,165,74,.07);border-radius:10px;color:#e6d1a4;}
.mail-message-body h2,.mail-message-body h3{margin:8px 0 10px;color:#fff;}

/* Mailbox v5: multi recipients + rich compose */
.admin-recipient-mode{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 14px;}
.admin-recipient-mode label{display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid rgba(214,165,74,.22);border-radius:999px;background:rgba(255,255,255,.025);color:#f4e4bd;font-weight:800;cursor:pointer;}
.admin-recipient-mode input{accent-color:#d6a54a;}
.multi-recipient-box{margin:0 0 16px;padding:14px;border:1px solid rgba(214,165,74,.20);border-radius:16px;background:rgba(0,0,0,.18);}
.multi-recipient-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;}
.multi-recipient-head input{max-width:340px;width:100%;}
.recipient-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;max-height:260px;overflow:auto;padding-right:4px;}
.recipient-check-grid label{display:grid;grid-template-columns:auto 1fr;gap:4px 8px;align-items:center;padding:10px 12px;border:1px solid rgba(214,165,74,.14);border-radius:12px;background:rgba(255,255,255,.025);cursor:pointer;}
.recipient-check-grid small{grid-column:2;color:#a79569;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.recipient-check-grid input{accent-color:#d6a54a;}
.all-recipient-note{margin:0 0 16px;padding:13px 15px;border:1px solid rgba(214,165,74,.26);border-radius:14px;background:rgba(214,165,74,.08);color:#d7c08c;}
.compose-rich-modal{width:min(1280px,96vw);}
.compose-rich-wrap{margin-bottom:16px;}
.compose-body-editor{min-height:340px;}
.mail-message-body ul,.mail-message-body ol{margin:.4rem 0 .4rem 1.4rem;}
.mail-message-body blockquote{margin:.55rem 0;padding:10px 14px;border-left:3px solid rgba(214,165,74,.65);background:rgba(214,165,74,.07);border-radius:10px;}
.mail-message-body h2{font-size:20px;margin:.4rem 0;color:#fff;}

.admin-sort-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;padding:12px 14px;border:1px solid rgba(217,173,85,.18);border-radius:16px;background:rgba(0,0,0,.22);color:#cdbd91}.admin-sort-actions .btn{width:auto;min-width:170px}.sort-order-input{width:86px;margin:0;text-align:center}.admin-vehicle-sort-form{margin:0}
@media(max-width:1100px){.admin-sort-actions{flex-direction:column;align-items:stretch}.sort-order-input{width:100%;max-width:160px}}


/* Admin full-width fix */
body .layout.admin-vehicle-page{
  width:calc(100% - 32px)!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}


/* Admin voertuigen v3 - definitieve brede tabel */
body .layout.admin-vehicle-page{
  width:calc(100vw - 64px)!important;
  max-width:1800px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-top:28px!important;
}
body .admin-toolbar.clean-toolbar{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:22px!important;
  margin-bottom:20px!important;
}
body .admin-toolbar-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  flex-wrap:nowrap!important;
}
body .admin-toolbar-actions .btn.primary{
  width:auto!important;
  min-width:220px!important;
  white-space:nowrap!important;
}
body .admin-vehicle-list.card{
  width:100%!important;
  max-width:none!important;
  overflow-x:auto!important;
  padding:20px!important;
}
body .admin-vehicle-sort-form{
  min-width:1320px!important;
  margin:0!important;
}
body .admin-sort-actions{
  display:block!important;
  padding:0 0 14px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fff!important;
}
body .admin-vehicle-head,
body .admin-vehicle-row{
  display:grid!important;
  grid-template-columns:190px minmax(220px,1.45fr) 115px 105px minmax(130px,1fr) 120px 100px 110px 140px 64px!important;
  gap:14px!important;
  align-items:center!important;
}
body .admin-vehicle-head{
  padding:0 14px 12px!important;
  border-bottom:1px solid rgba(217,173,85,.22)!important;
}
body .admin-vehicle-row{
  padding:14px!important;
  min-height:92px!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
}
body .admin-vehicle-head span,
body .admin-vehicle-row > span{
  min-width:0!important;
  white-space:nowrap!important;
}
body .admin-vehicle-name{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  min-width:0!important;
}
body .admin-vehicle-name b{
  min-width:0!important;
  overflow-wrap:anywhere!important;
}
body .sort-order-input{
  width:100%!important;
  max-width:180px!important;
  min-width:0!important;
  margin:0!important;
}
body .admin-vehicle-edit-action{
  grid-column:10!important;
  grid-row:1!important;
  justify-self:end!important;
  align-self:center!important;
  margin:0!important;
  display:inline-flex!important;
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
}
@media(max-width:1100px){
  body .layout.admin-vehicle-page{width:calc(100vw - 24px)!important;}
  body .admin-toolbar.clean-toolbar{align-items:stretch!important;flex-direction:column!important;}
  body .admin-toolbar-actions{justify-content:stretch!important;flex-wrap:wrap!important;}
  body .admin-toolbar-actions .btn.primary{flex:1 1 220px!important;}
  body .admin-vehicle-head{display:grid!important;}
  body .admin-vehicle-row{grid-template-columns:190px minmax(220px,1.45fr) 115px 105px minmax(130px,1fr) 120px 100px 110px 140px 64px!important;}
}

/* Admin voertuigen v4 - modal sluitknop + verwijderknop */
body .admin-vehicle-editor-modal{
  overflow:visible!important;
}
body .admin-vehicle-editor-modal .modal-close{
  z-index:80!important;
  top:12px!important;
  right:12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body .admin-editor-shell{
  position:relative!important;
  z-index:1!important;
}
body .vehicle-editor-actions{
  display:grid!important;
  grid-template-columns:1fr 180px!important;
  gap:12px!important;
  align-items:center!important;
  margin-top:14px!important;
}
body .vehicle-editor-actions .btn{
  width:100%!important;
}
body .vehicle-editor-actions .btn.danger[hidden]{
  display:none!important;
}
@media(max-width:720px){
  body .vehicle-editor-actions{grid-template-columns:1fr!important;}
}

/* 2026-05-24 dashboard/vehicle tabs + content pages */
.os-subtabs{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 18px;padding:10px;border:1px solid rgba(210,161,65,.18);border-radius:16px;background:rgba(0,0,0,.22)}
.os-subtabs a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 16px;border-radius:12px;border:1px solid transparent;color:#d9c58c;text-decoration:none;font-weight:900;font-size:13px}
.os-subtabs a:hover,.os-subtabs a.active{background:linear-gradient(180deg,#f4c65b,#b7831f);color:#100b03;border-color:rgba(255,232,145,.45);box-shadow:0 10px 24px rgba(214,158,45,.18)}
.content-page-layout{max-width:1160px}.content-hero h1{margin:.2rem 0}.faq-list{display:grid;gap:12px}.faq-item{border:1px solid rgba(210,161,65,.18);border-radius:14px;background:rgba(0,0,0,.18);overflow:hidden}.faq-item summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;color:#fff;font-weight:950}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary b{width:32px;height:32px;border-radius:999px;display:grid;place-items:center;background:#d6a237;color:#111}.faq-item div{padding:0 18px 18px;color:#d7c89b;line-height:1.65}.prose-content{color:#dfd5bd;line-height:1.7}.prose-content h2,.prose-content h3{color:#f4d06c}.faq-admin-row{display:grid;grid-template-columns:1fr 2fr 42px;gap:12px;align-items:start;margin-bottom:12px}.faq-admin-row textarea{min-height:90px}.admin-large-textarea{width:100%;min-height:420px;background:#080705;color:#fff;border:1px solid rgba(210,161,65,.2);border-radius:14px;padding:16px}
.garage-page .garage-hero{margin-bottom:18px}.garage-upgrade-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px}.garage-upgrade-card{border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));border:1px solid rgba(210,161,65,.20);box-shadow:0 18px 55px rgba(0,0,0,.28);padding:0 0 18px;text-align:center;overflow:hidden}.garage-upgrade-card h2{margin:0;padding:14px 18px;background:#07336b;color:#fff;text-align:left;font-size:18px}.garage-avatar{font-size:62px;margin:34px auto 12px;width:110px;height:110px;border-radius:999px;display:grid;place-items:center;background:radial-gradient(circle,rgba(255,255,255,.12),rgba(255,255,255,.02));filter:drop-shadow(0 16px 25px rgba(0,0,0,.35))}.garage-level{display:inline-flex;padding:8px 14px;border-radius:999px;background:#ffc400;color:#111;font-weight:950;margin-bottom:28px}.garage-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 auto 30px;max-width:620px}.garage-stats span{display:grid;gap:6px}.garage-stats b{font-size:22px;color:#fff}.garage-stats small{text-transform:uppercase;color:#bfb69d;font-size:11px}.garage-xp{max-width:420px;margin:0 auto 28px;display:grid;gap:8px;color:#f4c65b}.garage-xp i{height:7px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}.garage-xp i em{display:block;height:100%;border-radius:999px;background:#f4c65b}.garage-upgrade-card form{margin-top:12px}.garage-upgrade-card .btn{min-width:260px}
.reward-builder-head,.reward-builder-row{grid-template-columns:1fr 1fr 1fr 90px 1.15fr 1.35fr 42px!important}.reward-builder-row select,.reward-builder-row input{min-width:0}
@media(max-width:900px){.faq-admin-row{grid-template-columns:1fr}.reward-builder-head{display:none!important}.reward-builder-row{grid-template-columns:1fr!important}.os-subtabs a{flex:1 1 auto}}

/* 2026-05-24 advanced content + garage pass */
.advanced-content-page .content-hero,.content-admin-hero,.advanced-garage-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;background:radial-gradient(circle at 12% 0%,rgba(244,198,91,.11),rgba(255,255,255,.025) 42%,rgba(0,0,0,.22) 100%)}
.help-hero-stats,.garage-rank{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.help-hero-stats span{min-width:110px;border:1px solid rgba(244,198,91,.22);border-radius:16px;padding:14px 16px;background:rgba(0,0,0,.28);text-align:center}.help-hero-stats b{display:block;color:#f4c65b;font-size:30px}.help-hero-stats small,.garage-rank small{text-transform:uppercase;letter-spacing:.08em;color:#bfb69d;font-weight:900;font-size:11px}.help-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 220px auto auto;gap:12px;align-items:center;margin-bottom:16px}.help-toolbar input,.help-toolbar select{height:44px;background:#080705;color:#fff;border:1px solid rgba(210,161,65,.25);border-radius:12px;padding:0 14px}.faq-section{margin-bottom:16px}.faq-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.faq-section-head h2{margin:0;color:#f4d06c}.faq-section-head span{border:1px solid rgba(244,198,91,.2);border-radius:999px;padding:6px 10px;color:#cdbb84;font-weight:900;font-size:12px}.advanced-faq-item summary span{display:grid;gap:4px}.advanced-faq-item summary small{color:#f4c65b;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.advanced-faq-item[hidden],.faq-section[hidden]{display:none!important}.advanced-prose{font-size:15px}.advanced-prose ul,.advanced-prose ol,.faq-answer ul,.faq-answer ol{padding-left:22px}.advanced-admin-content{max-width:1380px}.content-admin-hero .btn{white-space:nowrap}.faq-admin-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0}.advanced-faq-admin-list{display:grid;gap:12px}.faq-admin-row.advanced{display:grid;grid-template-columns:82px 170px minmax(240px,1fr) minmax(340px,1.45fr) 42px;gap:12px;align-items:start;margin:0;padding:12px;border:1px solid rgba(210,161,65,.14);border-radius:14px;background:rgba(0,0,0,.18)}.faq-admin-row.advanced textarea{min-height:110px}.terms-admin-grid{display:grid;grid-template-columns:minmax(420px,1fr) minmax(340px,.85fr);gap:20px}.terms-preview{border:1px solid rgba(210,161,65,.16);border-radius:16px;background:rgba(0,0,0,.18);padding:16px;max-height:620px;overflow:auto}.terms-preview h2{margin-top:0;color:#f4d06c}.garage-rank{border:1px solid rgba(244,198,91,.26);border-radius:20px;padding:12px 18px;background:rgba(0,0,0,.32)}.garage-rank b{font-size:48px;line-height:1;color:#f4c65b}.garage-rank span{color:#cdbb84;font-weight:900}.garage-command-grid{display:grid;grid-template-columns:minmax(460px,1.4fr) minmax(320px,.75fr);gap:22px}.garage-side-stack{display:grid;gap:18px}.garage-main-card .garage-stats{grid-template-columns:repeat(4,1fr);max-width:760px}.garage-next-list{display:grid;gap:10px}.garage-next-list span{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(210,161,65,.14);border-radius:12px;padding:11px 12px;background:rgba(0,0,0,.2);color:#d8c08a}.garage-next-list b{color:#fff}.perk-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.perk-grid span{border:1px solid rgba(244,198,91,.18);border-radius:12px;padding:12px;background:rgba(244,198,91,.055);font-weight:900;color:#f4e2ad}.garage-recent-card{margin-top:22px}.garage-recent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.garage-recent-grid article{border:1px solid rgba(210,161,65,.16);border-radius:16px;background:rgba(0,0,0,.2);padding:12px;display:grid;gap:8px}.garage-recent-grid img{width:100%;height:96px;object-fit:contain;filter:drop-shadow(0 12px 20px rgba(0,0,0,.55))}.garage-recent-grid b{color:#fff}.garage-recent-grid small{color:#bfb69d}.garage-recent-grid div{display:flex;gap:6px;flex-wrap:wrap}.garage-recent-grid span{font-size:12px;border-radius:999px;background:rgba(255,255,255,.055);padding:5px 8px;color:#f4d06c;font-weight:900}
/* Kogelfabriek back-up modal fix: same isolation/centering as mission unit modal */
body .bf-backup-modal{position:fixed!important;inset:0!important;z-index:30000!important;display:none!important;align-items:center!important;justify-content:center!important;padding:26px!important;isolation:isolate!important}body .bf-backup-modal.open{display:flex!important}body .bf-backup-modal .unit-modal-backdrop{position:absolute!important;inset:0!important;background:rgba(0,0,0,.82)!important;backdrop-filter:blur(7px)!important;z-index:0!important}body .bf-backup-modal-card{position:relative!important;z-index:1!important;width:min(980px,calc(100vw - 40px))!important;max-height:calc(100vh - 52px)!important;overflow:auto!important;margin:0!important;border-radius:24px!important;background:radial-gradient(circle at 50% 0%,rgba(244,198,91,.08),rgba(10,9,6,.98) 42%,#030303 100%)!important;border:1px solid rgba(244,198,91,.34)!important;box-shadow:0 34px 130px rgba(0,0,0,.88)!important}.bf-backup-modal .unit-modal-head{position:sticky;top:0;z-index:2;background:linear-gradient(180deg,rgba(10,9,6,.98),rgba(10,9,6,.88));padding-bottom:14px}.bf-backup-modal .vehicle-hover-card{top:auto!important;bottom:calc(100% + 12px)!important}.bf-backup-modal .unit-modal-actions{position:sticky!important;bottom:0!important;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(5,5,4,.96) 35%)!important;padding-top:18px!important}.bf-backup-modal .bf-modal-summary{position:sticky;bottom:72px;background:rgba(7,7,5,.96)}
@media(max-width:980px){.help-toolbar,.garage-command-grid,.terms-admin-grid{grid-template-columns:1fr}.garage-main-card .garage-stats{grid-template-columns:1fr 1fr}.faq-admin-row.advanced{grid-template-columns:1fr}.advanced-content-page .content-hero,.content-admin-hero,.advanced-garage-hero{align-items:stretch;flex-direction:column}.help-hero-stats{justify-content:stretch}.help-hero-stats span{flex:1}.perk-grid{grid-template-columns:1fr}}

/* V7 dashboard polish - gebaseerd op aangeleverde PNG */
body.dashboard-page{background:radial-gradient(circle at 48% -12%,rgba(56,40,15,.55),transparent 38%),#050505;color:#f7f2e8;}
body.dashboard-page .topbar{height:78px;padding:0 28px;background:linear-gradient(180deg,rgba(11,11,10,.98),rgba(6,6,6,.96));border-bottom:1px solid rgba(214,160,55,.16);position:relative;top:auto;z-index:20;}
body.dashboard-page .brand{display:flex;align-items:center;gap:14px;font-size:26px;letter-spacing:-.03em;}
body.dashboard-page .brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#d9ad55,#33200b);color:#090704;box-shadow:0 0 34px rgba(217,173,85,.24);font-size:24px;margin:0;}
body.dashboard-page .topbar nav>a:not(.logout),body.dashboard-page .topbar nav>.nav-dropdown{display:none!important;}
body.dashboard-page .topbar nav{gap:0;}
body.dashboard-page .logout{border:1px solid rgba(214,160,55,.55);border-radius:10px;background:linear-gradient(180deg,#f1c65c,#b87c24);color:#120c03!important;font-weight:950;padding:15px 20px;box-shadow:0 12px 30px rgba(217,173,85,.18);}
body.dashboard-page .game-statbar{position:relative;top:auto;background:linear-gradient(180deg,rgba(14,12,8,.96),rgba(7,7,7,.95));border-bottom:1px solid rgba(214,160,55,.12);box-shadow:none;}
body.dashboard-page .game-statbar-inner{width:min(1200px,calc(100% - 70px));display:flex;justify-content:center;gap:10px;min-height:82px;border:0;align-items:center;}
body.dashboard-page .game-stat{min-width:142px;border:1px solid rgba(214,160,55,.14);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(0,0,0,.2));border-radius:9px;padding:12px 14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03);}
body.dashboard-page .game-stat small{letter-spacing:.18em;text-transform:uppercase;font-size:10px;color:#bcae8c;font-weight:950;}
body.dashboard-page .game-stat strong{font-size:15px;color:#fff;}
body.dashboard-page .stat-icon,body.dashboard-page .level-badge{background:linear-gradient(135deg,#f5d071,#9c671e);color:#0d0904;border:1px solid rgba(255,236,170,.35);box-shadow:0 8px 22px rgba(217,173,85,.18);}
body.dashboard-page .layout.dashboard-fullwidth{width:min(1880px,calc(100% - 92px))!important;max-width:none!important;margin:18px auto 72px!important;padding:0!important;}
.dashboard-tabs-advanced{display:grid!important;grid-template-columns:repeat(6,minmax(150px,1fr));gap:12px;margin:0 8px 12px!important;}
.dashboard-tabs-advanced a{height:54px;border:1px solid rgba(214,160,55,.26);border-radius:8px;background:linear-gradient(180deg,rgba(26,24,20,.96),rgba(10,10,9,.96));display:flex!important;align-items:center;justify-content:center;gap:12px;color:#f4eee1!important;font-weight:950;box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 12px 28px rgba(0,0,0,.22);}
.dashboard-tabs-advanced a span{font-size:22px;color:#f0bf51;filter:drop-shadow(0 0 8px rgba(217,173,85,.22));}
.dashboard-tabs-advanced a.active{background:linear-gradient(180deg,rgba(52,43,23,.98),rgba(19,17,13,.98));border-color:#d9ad55;box-shadow:inset 0 0 0 1px rgba(255,221,137,.12),0 0 0 1px rgba(217,173,85,.18),0 14px 38px rgba(217,173,85,.10);}
body.dashboard-page .dashboard-grid-top{grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 0;}
body.dashboard-page .os-card{border-radius:11px;border:1px solid rgba(214,160,55,.20);background:linear-gradient(145deg,rgba(22,20,17,.95),rgba(8,8,7,.98));box-shadow:0 20px 55px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.03);}
body.dashboard-page .os-card-pad{padding:25px 27px;}
body.dashboard-page .dashboard-panel{min-height:236px;}
body.dashboard-page .dashboard-imperium-panel{min-height:320px;}
body.dashboard-page .eyebrow{font-size:11px;letter-spacing:.26em;color:#e6b64e;margin:0 0 7px;}
body.dashboard-page h2{font-size:24px!important;letter-spacing:-.03em;margin:0 0 18px!important;color:#fff;}
body.dashboard-page .section-title-row{align-items:flex-start;margin-bottom:8px;}
body.dashboard-page .btn.ghost{border:1px solid rgba(214,160,55,.35);background:rgba(0,0,0,.25);color:#f1d07a;border-radius:10px;font-weight:950;}
body.dashboard-page .icon-btn{display:inline-flex;align-items:center;gap:8px;}
body.dashboard-page .panel-icon{width:44px;height:44px;border-radius:10px;border:1px solid rgba(214,160,55,.28);background:rgba(0,0,0,.24);display:grid;place-items:center;color:#f1c865;font-size:22px;}
body.dashboard-page .profile-mini{grid-template-columns:86px 1fr;gap:18px;margin:6px 0 18px;}
body.dashboard-page .profile-mini img{border-radius:999px;border:2px solid rgba(217,173,85,.65);background:#090806;}
body.dashboard-page .profile-mini h3{font-size:27px;}
body.dashboard-page .xp-wide{height:8px;background:#1d1710;border-color:rgba(214,160,55,.2);}
body.dashboard-page .imperium-stats{grid-template-columns:repeat(4,1fr);gap:10px;}
body.dashboard-page .imperium-stats span,.dashboard-table-row,.dashboard-news-item,.rank-row,.activity-row{border-radius:10px!important;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(0,0,0,.15))!important;border-color:rgba(214,160,55,.13)!important;}
body.dashboard-page .imperium-stats b{font-size:17px;}.imperium-stats small{font-size:12px;}
body.dashboard-page .dashboard-news-item{padding:18px;margin-bottom:12px;}
body.dashboard-page .dashboard-news-item small{font-weight:950;color:#e6b64e;}
body.dashboard-page .dashboard-news-item h3{margin:10px 0 8px;font-size:18px;color:#fff;}
body.dashboard-page .dashboard-table-head{color:#e6b64e;text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:950;padding:0 12px 8px;}
body.dashboard-page .dashboard-table-row{min-height:39px;padding:10px 12px;}
body.dashboard-page .tab-buttons button{padding:6px 14px;border-color:rgba(214,160,55,.25);background:#14110c;color:#cdbb8e;}
body.dashboard-page .tab-buttons button.active{background:linear-gradient(180deg,#f4c75d,#ae7422);color:#0d0904;}
body.dashboard-page .rank-row{min-height:38px;padding:8px 12px;grid-template-columns:48px 1fr auto;}
body.dashboard-page .rank-medal{width:27px;height:27px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#f6d476,#ad731f);color:#0c0803!important;box-shadow:0 0 16px rgba(217,173,85,.25);}
body.dashboard-page .rank-row:nth-child(2) .rank-medal{background:linear-gradient(135deg,#fff,#aaa);}
body.dashboard-page .rank-row:nth-child(3) .rank-medal{background:linear-gradient(135deg,#ffb25c,#8b4612);}
body.dashboard-page .badge-orbit:before{width:72px;height:72px;box-shadow:0 0 22px rgba(217,173,85,.12);}.badge-orbit img{width:60px;height:60px;}
body.dashboard-page .activity-row{grid-template-columns:44px 1fr;padding:13px 16px;}
@media(max-width:1150px){body.dashboard-page .game-statbar-inner{width:calc(100% - 24px);flex-wrap:wrap;height:auto;padding:12px 0}.dashboard-tabs-advanced{grid-template-columns:repeat(2,1fr)}body.dashboard-page .dashboard-grid-top{grid-template-columns:1fr}body.dashboard-page .layout.dashboard-fullwidth{width:calc(100% - 24px)!important}.imperium-stats{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:700px){body.dashboard-page .topbar{padding:14px 16px;height:auto;gap:12px}.dashboard-tabs-advanced{grid-template-columns:1fr}.dashboard-tabs-advanced a{height:48px}.imperium-stats{grid-template-columns:1fr!important}}

/* =========================================================
   Dashboard V8 premium rebuild - dark/gold browsergame UI
   ========================================================= */
body.dashboard-page{
  --v8-bg:#050505;--v8-panel:#11100d;--v8-panel2:#191815;--v8-gold:#d8aa43;--v8-gold2:#f4d37c;--v8-line:rgba(216,170,67,.27);--v8-soft:rgba(255,255,255,.045);--v8-text:#f8f3e8;--v8-muted:#b9aa87;
  background:
    radial-gradient(900px 360px at 50% 0%,rgba(216,170,67,.11),transparent 70%),
    radial-gradient(850px 360px at 14% 16%,rgba(216,170,67,.06),transparent 64%),
    linear-gradient(180deg,#070706 0,#050505 52%,#030303 100%)!important;
  color:var(--v8-text);
}
.dashboard-page .topbar{height:74px;padding:0 28px;background:rgba(7,7,6,.92);border-bottom:1px solid rgba(216,170,67,.16);box-shadow:0 18px 55px rgba(0,0,0,.38);position:relative;z-index:20}
.dashboard-page .brand{font-size:28px;font-weight:950;letter-spacing:-.03em;display:flex;align-items:center;gap:14px;color:#fff!important}
.dashboard-page .brand-mark{width:45px;height:45px;margin:0;border-radius:14px;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#fff0a8,#d8aa43 43%,#7a4d12 100%);color:#100c05;box-shadow:0 0 0 1px rgba(244,211,124,.28),0 14px 32px rgba(0,0,0,.55);font-size:18px}
.dashboard-page .topbar nav{gap:0}.dashboard-page .topbar nav>a:not(.logout),.dashboard-page .topbar .nav-dropdown{display:none!important}.dashboard-page .topbar .logout{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:10px;padding:14px 20px;background:linear-gradient(180deg,#f0c75a,#c9902e);color:#110d05!important;font-weight:950;box-shadow:0 10px 30px rgba(216,170,67,.22)}
.dashboard-page .topbar .logout::after{content:'↪';font-size:18px}.dashboard-page .game-statbar{background:rgba(10,10,9,.72);border-bottom:1px solid rgba(216,170,67,.14);padding:13px 24px 14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.dashboard-page .game-statbar-inner{width:min(1180px,calc(100% - 24px));margin:0 auto;display:grid;grid-template-columns:repeat(7,max-content);justify-content:center;gap:10px}
.dashboard-page .game-stat{height:58px;min-width:132px;padding:10px 15px;border-radius:4px;background:linear-gradient(180deg,rgba(28,27,24,.94),rgba(13,13,12,.98));border:1px solid rgba(216,170,67,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 28px rgba(0,0,0,.35);display:grid;grid-template-columns:35px 1fr;gap:10px;align-items:center}
.dashboard-page .game-stat .stat-icon,.dashboard-page .game-stat .level-badge{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#ffe596,#d7a33b 55%,#7c5017 100%);color:#171006;font-weight:1000;box-shadow:0 0 0 1px rgba(244,211,124,.23),0 7px 18px rgba(0,0,0,.42)}
.dashboard-page .game-stat small{font-size:10px;color:#bda875;letter-spacing:.24em;text-transform:uppercase;font-weight:950;line-height:1}.dashboard-page .game-stat strong{font-size:15px;color:#fff;line-height:1.1}.dashboard-page .mini-xp{height:5px;margin-top:5px;border-radius:999px;background:#1e1d19;overflow:hidden;border:1px solid rgba(216,170,67,.13)}.dashboard-page .mini-xp i{display:block;height:100%;background:linear-gradient(90deg,#8d611e,#efd070)}
.dashboard-page .layout.dashboard-v8{width:min(1840px,calc(100% - 88px));margin:20px auto 80px;padding:0!important}.dashboard-v8 .dashboard-tabs-advanced{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:0 0 12px!important}.dashboard-v8 .dashboard-tabs-advanced a{height:54px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:7px;background:linear-gradient(180deg,rgba(27,26,23,.92),rgba(11,11,10,.96));border:1px solid rgba(216,170,67,.18);color:#eee3cd!important;font-weight:950;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:.18s ease}.dashboard-v8 .dashboard-tabs-advanced a span{font-size:20px;color:var(--v8-gold)}.dashboard-v8 .dashboard-tabs-advanced a.active,.dashboard-v8 .dashboard-tabs-advanced a:hover{border-color:#d8aa43;background:linear-gradient(180deg,rgba(38,35,27,.96),rgba(16,16,14,.98));box-shadow:inset 0 -3px 0 #d8aa43,0 0 0 1px rgba(244,211,124,.08),0 18px 46px rgba(0,0,0,.38)}
.dashboard-v8 .dashboard-grid-top{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 16px!important;align-items:stretch}.dashboard-v8 .dashboard-priority-row{grid-template-columns:1.02fr .98fr}.dashboard-v8 .os-card.dashboard-panel{border-radius:10px!important;border:1px solid rgba(216,170,67,.22)!important;background:linear-gradient(145deg,rgba(24,23,20,.88),rgba(9,9,8,.96) 68%)!important;box-shadow:0 26px 80px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.04)!important;min-height:0!important;padding:28px!important;position:relative;overflow:hidden}.dashboard-v8 .os-card.dashboard-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(720px 180px at 5% 0%,rgba(216,170,67,.08),transparent 70%);pointer-events:none}.dashboard-v8 .section-title-row{position:relative;z-index:1;margin:0 0 22px}.dashboard-v8 .eyebrow{font-size:11px;line-height:1;margin:0 0 10px;color:#e9b94e;letter-spacing:.28em;font-weight:1000}.dashboard-v8 h2{font-size:24px!important;letter-spacing:-.04em;line-height:1.04;margin:0!important;color:#fff}.dashboard-v8 .btn.ghost,.dashboard-v8 .icon-btn{border:1px solid rgba(216,170,67,.27);border-radius:10px;background:rgba(255,255,255,.035);color:#f5d381!important;font-weight:950;padding:11px 16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.dashboard-v8 .profile-mini{grid-template-columns:90px 1fr;margin:0 0 18px;gap:18px;position:relative;z-index:1}.dashboard-v8 .profile-mini img{width:78px;height:78px;border-radius:18px;padding:8px;background:linear-gradient(180deg,#10100e,#050505);border:2px solid rgba(216,170,67,.65);box-shadow:0 0 0 5px rgba(216,170,67,.07),0 14px 30px rgba(0,0,0,.55);object-fit:cover}.dashboard-v8 .profile-mini h3{font-size:26px!important;line-height:1;margin:0 0 6px;color:#fff}.dashboard-v8 .profile-mini p{margin:0 0 10px;color:#d1bd8c;font-size:15px}.dashboard-v8 .xp-wide{height:7px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(216,170,67,.15)}.dashboard-v8 .xp-wide i{background:linear-gradient(90deg,#7a5522,#d7a33b,#f6dd87)}
.dashboard-v8 .imperium-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;position:relative;z-index:1}.dashboard-v8 .imperium-stats .metric-card{display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:13px 14px!important;min-height:62px;border-radius:8px!important;border:1px solid rgba(216,170,67,.13)!important;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important}.dashboard-v8 .metric-card i{grid-row:1/3;width:26px;height:26px;border-radius:7px;background:linear-gradient(180deg,#d8aa43,#8d611e);color:#171006;display:grid;place-items:center;font-style:normal;font-weight:1000;font-size:13px}.dashboard-v8 .imperium-stats b{font-size:16px!important;line-height:1.05;color:#fff}.dashboard-v8 .imperium-stats small{font-size:12px;color:#c5b48a;margin:4px 0 0}.dashboard-v8 .dashboard-news-list{display:grid;gap:12px}.dashboard-v8 .dashboard-news-item{border-radius:9px!important;padding:18px!important;background:linear-gradient(180deg,rgba(255,255,255,.038),rgba(255,255,255,.018))!important;border:1px solid rgba(216,170,67,.16)!important;min-height:94px}.dashboard-v8 .dashboard-news-item small{color:#e8bd55;font-size:13px;font-weight:950}.dashboard-v8 .dashboard-news-item h3{font-size:18px;margin:9px 0 8px;color:#fff}.dashboard-v8 .dashboard-news-item div{color:#d4c6a7;font-size:14px;line-height:1.55}.dashboard-v8 .dashboard-table{position:relative;z-index:1}.dashboard-v8 .dashboard-table-head{font-size:11px;color:#efc45e;letter-spacing:.18em;border-bottom:1px solid rgba(216,170,67,.20);padding:0 0 10px}.dashboard-v8 .dashboard-table-row{height:40px;border-radius:8px!important;background:rgba(255,255,255,.028)!important;border:1px solid rgba(216,170,67,.12)!important;padding:0 14px!important}.dashboard-v8 .dashboard-table-row b{font-size:14px;color:#fff}.dashboard-v8 .dashboard-table-row span{font-size:14px;color:#cfc09b}.dashboard-v8 .panel-icon{width:42px;height:42px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.03);border:1px solid rgba(216,170,67,.18);font-size:20px}.dashboard-v8 .tab-buttons{margin:0 0 12px;gap:7px}.dashboard-v8 .tab-buttons button{padding:8px 15px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid rgba(216,170,67,.22);color:#d9c696;font-size:12px}.dashboard-v8 .tab-buttons button.active{background:linear-gradient(180deg,#f0cb63,#b77d25);color:#110d05}.dashboard-v8 .rank-list{gap:7px}.dashboard-v8 .rank-row{grid-template-columns:48px 1fr auto;min-height:38px;border-radius:8px!important;padding:0 13px!important;background:rgba(255,255,255,.027)!important;border:1px solid rgba(216,170,67,.12)!important}.dashboard-v8 .rank-medal{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#f2cc63,#ab741e);color:#120d05!important}.dashboard-v8 .rank-row:nth-child(2) .rank-medal{background:linear-gradient(180deg,#ececec,#a6a6a6)}.dashboard-v8 .rank-row:nth-child(3) .rank-medal{background:linear-gradient(180deg,#e98e33,#9b551b)}.dashboard-v8 .rank-row span{font-size:14px;font-weight:1000}.dashboard-v8 .rank-row em{font-size:14px;color:#efcf7b}.dashboard-v8 .badge-orbit-grid{gap:30px;align-items:start;min-height:104px}.dashboard-v8 .badge-orbit{width:102px}.dashboard-v8 .badge-orbit:before{width:78px;height:78px;background:conic-gradient(#e8b84e var(--p),rgba(255,255,255,.10) 0);filter:drop-shadow(0 0 16px rgba(216,170,67,.22))}.dashboard-v8 .badge-orbit img{width:66px;height:66px;background:#050505;border:1px solid rgba(216,170,67,.22)}.dashboard-v8 .badge-orbit span{font-size:13px;color:#fff}.dashboard-v8 .activity-row{border-radius:9px!important;grid-template-columns:42px 1fr;background:rgba(255,255,255,.028)!important;border:1px solid rgba(216,170,67,.12)!important}.dashboard-v8 .activity-row>span{background:linear-gradient(180deg,#d8aa43,#9b6b22);color:#151007}.dashboard-v8 .activity-row b{font-size:15px}.dashboard-v8 .activity-row small{font-size:13px;color:#d0bf95}.dashboard-page .chat-float,.dashboard-page .chat-widget-toggle{right:28px!important;bottom:24px!important;border-radius:12px!important;background:linear-gradient(180deg,#f0c75a,#c9902e)!important;color:#120d04!important;box-shadow:0 18px 48px rgba(0,0,0,.45),0 0 0 1px rgba(244,211,124,.25)!important}
@media(max-width:1300px){.dashboard-page .game-statbar-inner{grid-template-columns:repeat(4,max-content)}.dashboard-page .layout.dashboard-v8{width:calc(100% - 36px)}.dashboard-v8 .dashboard-grid-top,.dashboard-v8 .dashboard-priority-row{grid-template-columns:1fr}.dashboard-v8 .dashboard-tabs-advanced{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.dashboard-page .topbar{padding:0 16px}.dashboard-page .brand{font-size:20px}.dashboard-page .brand-mark{width:38px;height:38px}.dashboard-page .game-statbar-inner{grid-template-columns:1fr 1fr;width:100%}.dashboard-page .game-stat{min-width:0}.dashboard-v8 .dashboard-tabs-advanced{grid-template-columns:1fr 1fr}.dashboard-v8 .imperium-stats{grid-template-columns:1fr 1fr}.dashboard-v8 .os-card.dashboard-panel{padding:18px!important}.dashboard-v8 .dashboard-table-head{display:none}.dashboard-v8 .dashboard-table-row{grid-template-columns:1fr;height:auto;padding:12px!important}.dashboard-v8 .rank-row{grid-template-columns:38px 1fr}.dashboard-v8 .rank-row em{grid-column:2}}


/* =========================================================
   V9: Dashboard premium tab navigation (hard override)
   ========================================================= */
body.dashboard-page .layout.dashboard-v8 .premium-dash-nav,
body.dashboard-page .premium-dash-nav{
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    gap:10px !important;
    margin:0 0 14px 0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    list-style:none !important;
}
body.dashboard-page .premium-dash-nav__item{
    height:54px !important;
    min-height:54px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:11px !important;
    padding:0 18px !important;
    box-sizing:border-box !important;
    border-radius:7px !important;
    border:1px solid rgba(216,170,67,.20) !important;
    background:
        radial-gradient(420px 90px at 50% 0%,rgba(255,255,255,.035),transparent 62%),
        linear-gradient(180deg,rgba(28,27,24,.94),rgba(10,10,9,.98)) !important;
    color:#f4ead4 !important;
    font-size:15px !important;
    font-weight:950 !important;
    line-height:1 !important;
    text-align:center !important;
    text-decoration:none !important;
    letter-spacing:-.02em !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 10px 30px rgba(0,0,0,.30) !important;
    transform:translateY(0) !important;
    transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease !important;
    overflow:hidden !important;
    position:relative !important;
}
body.dashboard-page .premium-dash-nav__item:before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    height:3px !important;
    background:linear-gradient(90deg,transparent,#e3b64c,transparent) !important;
    opacity:0 !important;
    transition:opacity .16s ease !important;
}
body.dashboard-page .premium-dash-nav__icon{
    color:#e3b64c !important;
    font-size:21px !important;
    line-height:1 !important;
    display:inline-grid !important;
    place-items:center !important;
    min-width:24px !important;
    filter:drop-shadow(0 0 9px rgba(216,170,67,.22)) !important;
}
body.dashboard-page .premium-dash-nav__item:hover,
body.dashboard-page .premium-dash-nav__item.active{
    border-color:#d8aa43 !important;
    background:
        radial-gradient(520px 110px at 50% 0%,rgba(216,170,67,.12),transparent 68%),
        linear-gradient(180deg,rgba(39,36,28,.98),rgba(13,13,11,.99)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 0 1px rgba(244,211,124,.07),0 18px 48px rgba(0,0,0,.40),0 0 26px rgba(216,170,67,.08) !important;
    color:#fff7e7 !important;
}
body.dashboard-page .premium-dash-nav__item:hover{transform:translateY(-1px) !important;}
body.dashboard-page .premium-dash-nav__item.active:before,
body.dashboard-page .premium-dash-nav__item:hover:before{opacity:1 !important;}
@media(max-width:1300px){body.dashboard-page .premium-dash-nav{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}}
@media(max-width:760px){body.dashboard-page .premium-dash-nav{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}body.dashboard-page .premium-dash-nav__item{height:50px !important;min-height:50px !important;font-size:14px !important;padding:0 10px !important;}}
@media(max-width:460px){body.dashboard-page .premium-dash-nav{grid-template-columns:1fr !important;}}

/* =========================================================
   V10: Hoofdnavigatie + context-tabbladen per pagina-groep
   ========================================================= */
body .topbar.topbar-shell{
    min-height:68px!important;height:auto!important;padding:10px 20px!important;gap:18px!important;
    position:sticky!important;top:0!important;z-index:50!important;
    background:linear-gradient(180deg,rgba(8,8,7,.96),rgba(4,4,4,.96))!important;
    border-bottom:1px solid rgba(216,170,67,.22)!important;
}
body .topbar-shell .brand{display:flex;align-items:center;min-width:260px;font-size:22px!important;font-weight:1000!important;white-space:nowrap;color:#fff!important;}
body .topbar-shell .brand-mark{width:34px;height:34px;border-radius:10px;margin-right:10px;display:grid;place-items:center;background:linear-gradient(180deg,#e7bd58,#9f6b22);color:#171006!important;box-shadow:0 0 22px rgba(216,170,67,.22)}
body .topbar-shell .primary-page-nav{flex:1;display:grid!important;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px!important;align-items:center!important;}
body .primary-page-nav__item{height:44px;display:flex!important;align-items:center;justify-content:center;gap:8px;padding:0 18px;border-radius:7px;border:1px solid rgba(216,170,67,.20);background:linear-gradient(180deg,rgba(27,26,23,.96),rgba(9,9,8,.98));color:#e8dcc2!important;font-weight:900;font-size:14px!important;text-decoration:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 28px rgba(0,0,0,.28);transition:.15s ease;}
body .primary-page-nav__item span{color:#e4b84d;filter:drop-shadow(0 0 8px rgba(216,170,67,.22));}
body .primary-page-nav__item:hover,body .primary-page-nav__item.active{border-color:#d8aa43;background:radial-gradient(420px 90px at 50% 0,rgba(216,170,67,.13),transparent 60%),linear-gradient(180deg,rgba(38,35,27,.98),rgba(11,11,10,.98));color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 0 1px rgba(244,211,124,.07),0 18px 44px rgba(0,0,0,.38),0 0 24px rgba(216,170,67,.10)}
body .topbar-logout{height:44px;display:flex;align-items:center;padding:0 18px!important;border-radius:10px!important;border:1px solid rgba(216,170,67,.45)!important;background:linear-gradient(180deg,#efc45a,#b97c27)!important;color:#130d04!important;font-weight:1000!important;white-space:nowrap;}
body .context-tabbar{width:min(1880px,calc(100% - 72px));margin:22px auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;}
body .context-tabbar__item{height:54px;display:flex;align-items:center;justify-content:center;gap:11px;padding:0 18px;border-radius:7px;border:1px solid rgba(216,170,67,.20);background:radial-gradient(420px 90px at 50% 0%,rgba(255,255,255,.035),transparent 62%),linear-gradient(180deg,rgba(28,27,24,.94),rgba(10,10,9,.98));color:#f4ead4!important;font-size:15px;font-weight:950;text-align:center;text-decoration:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 10px 30px rgba(0,0,0,.30);position:relative;overflow:hidden;}
body .context-tabbar__item:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,#e3b64c,transparent);opacity:0;}
body .context-tabbar__item span{font-size:20px;color:#e3b64c;filter:drop-shadow(0 0 9px rgba(216,170,67,.22));}
body .context-tabbar__item:hover,body .context-tabbar__item.active{border-color:#d8aa43;background:radial-gradient(520px 110px at 50% 0%,rgba(216,170,67,.12),transparent 68%),linear-gradient(180deg,rgba(39,36,28,.98),rgba(13,13,11,.99));color:#fff7e7!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 0 1px rgba(244,211,124,.07),0 18px 48px rgba(0,0,0,.40),0 0 26px rgba(216,170,67,.08)}
body .context-tabbar__item:hover:after,body .context-tabbar__item.active:after{opacity:1;}
body .game-statbar{border-bottom:1px solid rgba(216,170,67,.14)!important;}
body .game-statbar-inner{width:min(1160px,calc(100% - 72px))!important;}
body .layout,body.dashboard-page .layout.dashboard-fullwidth{width:min(1880px,calc(100% - 72px))!important;max-width:none!important;}
body.dashboard-page .layout.dashboard-v8{margin-top:18px!important;}
body.dashboard-page .layout.dashboard-v8 .premium-dash-nav{display:none!important;}
body .os-subtabs.vehicle-tabs{display:none!important;}
@media(max-width:1250px){body .topbar.topbar-shell{align-items:stretch!important;flex-wrap:wrap!important}body .topbar-shell .brand{min-width:0}body .topbar-shell .primary-page-nav{order:3;flex-basis:100%;grid-template-columns:repeat(3,minmax(0,1fr));}body .context-tabbar{grid-template-columns:repeat(3,minmax(0,1fr));width:calc(100% - 32px);}body .layout,body.dashboard-page .layout.dashboard-fullwidth{width:calc(100% - 32px)!important}}
@media(max-width:760px){body .topbar-shell .primary-page-nav,body .context-tabbar{grid-template-columns:repeat(2,minmax(0,1fr));}body .game-statbar-inner{width:calc(100% - 24px)!important;}body .context-tabbar__item,body .primary-page-nav__item{font-size:13px!important;padding:0 8px}}
@media(max-width:460px){body .topbar-shell .primary-page-nav,body .context-tabbar{grid-template-columns:1fr;}body .topbar.topbar-shell{padding:12px!important}.topbar-logout{width:100%;justify-content:center}}

/* =========================================================
   V11: hoofdknoppen ook zichtbaar op dashboard + echte full-width
   ========================================================= */
body.dashboard-page .topbar.topbar-shell{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:70px!important;
    padding:10px 18px!important;
    gap:14px!important;
    position:sticky!important;
    top:0!important;
    z-index:100!important;
}
body.dashboard-page .topbar-shell .brand{
    display:flex!important;
    min-width:300px!important;
    flex:0 0 auto!important;
    color:#fff!important;
}
body.dashboard-page .topbar-shell .primary-page-nav{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    flex:1 1 auto!important;
    grid-template-columns:repeat(6,minmax(130px,1fr))!important;
    gap:10px!important;
    max-width:none!important;
}
body.dashboard-page .topbar-shell .primary-page-nav>a.primary-page-nav__item,
body.dashboard-page .topbar nav>a.primary-page-nav__item:not(.logout){
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    height:44px!important;
    align-items:center!important;
    justify-content:center!important;
}
body.dashboard-page .topbar-shell .topbar-logout,
body.dashboard-page .topbar .logout.topbar-logout{
    display:flex!important;
    flex:0 0 auto!important;
}
body.dashboard-page .game-statbar-inner{
    width:min(1320px,calc(100% - 72px))!important;
}
body.dashboard-page .context-tabbar,
body.dashboard-page .layout.dashboard-fullwidth,
body .layout.dashboard-fullwidth{
    width:min(1960px,calc(100% - 56px))!important;
    max-width:none!important;
}
body.dashboard-page .context-tabbar{
    margin-top:20px!important;
    grid-template-columns:repeat(6,minmax(155px,1fr))!important;
}
body.dashboard-page .dashboard-grid-top{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:18px!important;
}
body.dashboard-page .badge-orbit-grid.dashboard-visible-badges{
    align-items:flex-start!important;
    gap:26px!important;
    min-height:105px!important;
}
body.dashboard-page .badge-orbit{
    width:118px!important;
}
body.dashboard-page .badge-orbit:before{
    width:82px!important;
    height:82px!important;
}
body.dashboard-page .badge-orbit img{
    width:68px!important;
    height:68px!important;
}
@media(max-width:1450px){
    body.dashboard-page .topbar.topbar-shell{flex-wrap:wrap!important;}
    body.dashboard-page .topbar-shell .brand{min-width:0!important;}
    body.dashboard-page .topbar-shell .primary-page-nav{order:3;flex-basis:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;}
    body.dashboard-page .context-tabbar{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:1100px){
    body.dashboard-page .dashboard-grid-top{grid-template-columns:1fr!important;}
}
@media(max-width:760px){
    body.dashboard-page .topbar-shell .primary-page-nav,
    body.dashboard-page .context-tabbar{grid-template-columns:repeat(2,minmax(0,1fr))!important; width:calc(100% - 24px)!important;}
    body.dashboard-page .layout.dashboard-fullwidth{width:calc(100% - 24px)!important;}
}
@media(max-width:480px){
    body.dashboard-page .topbar-shell .primary-page-nav,
    body.dashboard-page .context-tabbar{grid-template-columns:1fr!important;}
}

/* V12 luxe statusbar rebuild */
.game-statbar-premium{
  position:relative!important;
  z-index:3!important;
  padding:18px 24px 22px!important;
  border-top:1px solid rgba(246,205,110,.09)!important;
  border-bottom:1px solid rgba(246,205,110,.16)!important;
  background:
    radial-gradient(circle at 50% 0%, rgba(246,205,110,.12), transparent 34%),
    linear-gradient(180deg, rgba(13,12,10,.96), rgba(5,5,4,.98))!important;
  box-shadow:0 22px 80px rgba(0,0,0,.42), inset 0 -1px 0 rgba(255,255,255,.025)!important;
  overflow:hidden!important;
}
.game-statbar-premium:before{
  content:""; position:absolute; left:9%; right:9%; bottom:0; height:1px;
  background:linear-gradient(90deg, transparent, rgba(246,205,110,.2), #f5d36d, rgba(246,205,110,.2), transparent);
  box-shadow:0 0 22px rgba(245,211,109,.55); pointer-events:none;
}
.game-statbar-premium:after{
  content:""; position:absolute; left:50%; bottom:-5px; width:28px; height:28px; transform:translateX(-50%) rotate(45deg);
  background:radial-gradient(circle, #ffe28a 0 0%, rgba(245,211,109,.88) 18%, rgba(245,211,109,.12) 46%, transparent 70%);
  filter:blur(.2px); opacity:.85; pointer-events:none;
}
.game-statbar-luxury{
  width:min(1540px, calc(100vw - 64px))!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(7, minmax(150px, 1fr))!important;
  gap:14px!important;
}
.game-statbar-luxury .game-stat{
  position:relative!important;
  min-height:74px!important;
  padding:14px 16px!important;
  border-radius:15px!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  border:1px solid rgba(239,196,93,.28)!important;
  background:
    linear-gradient(145deg, rgba(33,30,24,.84), rgba(9,9,8,.92) 58%, rgba(4,4,4,.96)),
    radial-gradient(circle at 24px 20px, rgba(245,205,104,.13), transparent 45%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07), inset 0 -18px 40px rgba(0,0,0,.22), 0 16px 34px rgba(0,0,0,.32)!important;
  overflow:hidden!important;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease!important;
}
.game-statbar-luxury .game-stat:hover{transform:translateY(-2px);border-color:rgba(255,220,125,.62)!important;box-shadow:0 18px 46px rgba(0,0,0,.42),0 0 24px rgba(229,177,67,.13)!important}
.game-statbar-luxury .game-stat:before{content:"";position:absolute;inset:-80% -40%;background:linear-gradient(110deg,transparent 35%,rgba(255,237,176,.08) 48%,transparent 61%);transform:translateX(-38%);transition:transform .75s ease;pointer-events:none}.game-statbar-luxury .game-stat:hover:before{transform:translateX(38%)}
.game-statbar-luxury .is-featured{border-color:rgba(255,211,98,.46)!important;box-shadow:0 0 0 1px rgba(255,211,98,.08),0 18px 44px rgba(0,0,0,.36),0 0 28px rgba(220,164,50,.12)!important}
.game-statbar-luxury .stat-icon,.game-statbar-luxury .level-badge{
  flex:0 0 46px!important;width:46px!important;height:46px!important;border-radius:50%!important;display:grid!important;place-items:center!important;
  color:#181006!important;font-weight:950!important;font-size:19px!important;text-shadow:0 1px 0 rgba(255,255,255,.35)!important;
  background:radial-gradient(circle at 34% 25%,#fff3b4 0,#f4cc65 36%,#b98224 74%,#5a350d 100%)!important;
  box-shadow:inset 0 2px 5px rgba(255,255,255,.45),inset 0 -8px 14px rgba(77,43,7,.38),0 0 0 3px rgba(255,218,114,.07),0 0 24px rgba(245,196,80,.28)!important;
}
.game-statbar-luxury .stat-icon--hex{clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%);border-radius:0!important;font-size:16px!important}.game-statbar-luxury .stat-icon--target{font-size:27px!important}.game-statbar-luxury .stat-icon--cash{font-size:24px!important}.game-statbar-luxury .level-badge-luxury{font-size:21px!important;position:relative!important}.game-statbar-luxury .level-badge-luxury:after{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px solid rgba(255,218,114,.32);filter:drop-shadow(0 0 8px rgba(255,218,114,.3))}
.game-statbar-luxury .stat-copy{min-width:0!important;display:block!important}.game-statbar-luxury small{display:block!important;margin-bottom:3px!important;color:#dcc18b!important;text-transform:uppercase!important;letter-spacing:.22em!important;font-size:10px!important;line-height:1.05!important;font-weight:900!important}.game-statbar-luxury strong{display:block!important;color:#fff8e8!important;font-size:18px!important;line-height:1.1!important;font-weight:950!important;text-shadow:0 2px 8px rgba(0,0,0,.55)!important;white-space:nowrap!important}.game-statbar-luxury .game-stat--cash strong{font-size:17px!important}.game-statbar-luxury .game-stat--xp strong{font-size:16px!important}.game-statbar-luxury .stat-progress,.game-statbar-luxury .mini-xp{width:100%!important;min-width:86px!important;height:6px!important;margin-top:8px!important;border-radius:99px!important;background:rgba(255,255,255,.08)!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.9)!important;overflow:hidden!important}.game-statbar-luxury .stat-progress i,.game-statbar-luxury .mini-xp i{display:block!important;height:100%!important;border-radius:99px!important;background:linear-gradient(90deg,#9f681b,#f4c354,#ffe38e)!important;box-shadow:0 0 12px rgba(244,195,84,.38)!important}
@media (max-width:1320px){.game-statbar-luxury{grid-template-columns:repeat(4,minmax(160px,1fr))!important}.game-statbar-luxury .game-stat{min-height:68px!important}}
@media (max-width:820px){.game-statbar-premium{padding:14px 14px 18px!important}.game-statbar-luxury{width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.game-statbar-luxury .game-stat{padding:12px!important}.game-statbar-luxury .stat-icon,.game-statbar-luxury .level-badge{width:38px!important;height:38px!important;flex-basis:38px!important;font-size:15px!important}.game-statbar-luxury small{font-size:8px!important;letter-spacing:.16em!important}.game-statbar-luxury strong{font-size:15px!important}}
@media (max-width:460px){.game-statbar-luxury{grid-template-columns:1fr!important}}

/* V14 - uniforme hoofdheader + simpele statusstrip zoals browsergame HUD */
:root{--hud-gold:#d8aa43;--hud-gold-soft:#f4d38a;--hud-line:rgba(216,170,67,.18);--hud-bg:#070706;}
body .topbar.topbar-shell{
  position:sticky!important;top:0!important;z-index:1000!important;height:58px!important;min-height:58px!important;
  padding:0 18px!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:18px!important;
  background:linear-gradient(180deg,rgba(8,8,7,.98),rgba(5,5,5,.98))!important;border-bottom:1px solid rgba(216,170,67,.22)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.35)!important;backdrop-filter:blur(12px)!important;
}
body .topbar-shell .brand{height:58px!important;display:flex!important;align-items:center!important;white-space:nowrap!important;font-size:20px!important;font-weight:950!important;color:#fff4dc!important;letter-spacing:-.02em!important;}
body .topbar-shell .brand-mark{width:34px!important;height:34px!important;margin-right:10px!important;border-radius:999px!important;display:inline-grid!important;place-items:center!important;background:linear-gradient(145deg,#f6ce68,#8d621f)!important;color:#100b02!important;box-shadow:0 0 18px rgba(216,170,67,.26)!important;font-size:13px!important;}
body .topbar-shell .primary-page-nav{display:grid!important;grid-template-columns:repeat(6,minmax(118px,1fr))!important;gap:10px!important;align-items:center!important;width:100%!important;max-width:1480px!important;margin:0 auto!important;}
body .topbar-shell .primary-page-nav__item{height:42px!important;border-radius:6px!important;border:1px solid rgba(216,170,67,.18)!important;background:linear-gradient(180deg,rgba(28,27,24,.62),rgba(10,10,9,.88))!important;color:#e9dcc0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-size:13px!important;font-weight:850!important;text-decoration:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;transition:.15s ease!important;}
body .topbar-shell .primary-page-nav__item span{color:var(--hud-gold)!important;font-size:13px!important;filter:none!important;}
body .topbar-shell .primary-page-nav__item.active,
body .topbar-shell .primary-page-nav__item:hover{border-color:rgba(244,211,124,.68)!important;background:linear-gradient(180deg,rgba(42,38,28,.82),rgba(12,12,10,.95))!important;box-shadow:inset 0 -2px 0 var(--hud-gold),0 0 20px rgba(216,170,67,.08)!important;color:#fff7e5!important;}
body .topbar-shell .topbar-logout{height:42px!important;padding:0 18px!important;border-radius:7px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(180deg,#f1c15a,#c58c29)!important;border:1px solid rgba(255,226,143,.42)!important;color:#120c03!important;font-size:13px!important;font-weight:950!important;box-shadow:0 10px 24px rgba(216,170,67,.18)!important;white-space:nowrap!important;}

body .game-statbar.game-statbar-premium{
  position:sticky!important;top:58px!important;z-index:999!important;padding:0!important;min-height:50px!important;
  background:linear-gradient(180deg,rgba(10,10,9,.98),rgba(7,7,7,.96))!important;border-top:0!important;border-bottom:1px solid rgba(216,170,67,.14)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.24)!important;overflow:visible!important;
}
body .game-statbar-premium:before,body .game-statbar-premium:after{display:none!important;content:none!important;}
body .game-statbar-inner.game-statbar-luxury{
  width:min(1380px,calc(100% - 36px))!important;min-height:50px!important;height:50px!important;margin:0 auto!important;padding:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;overflow-x:auto!important;scrollbar-width:thin!important;border:0!important;background:transparent!important;box-shadow:none!important;
}
body .game-statbar-luxury .game-stat{
  flex:0 0 auto!important;min-width:auto!important;min-height:50px!important;height:50px!important;padding:0 20px!important;margin:0!important;
  display:flex!important;align-items:center!important;gap:10px!important;border:0!important;border-left:1px solid rgba(216,170,67,.14)!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;transform:none!important;overflow:visible!important;
}
body .game-statbar-luxury .game-stat:last-child{border-right:1px solid rgba(216,170,67,.14)!important;}
body .game-statbar-luxury .game-stat:before{display:none!important;content:none!important;}
body .game-statbar-luxury .game-stat:hover{transform:none!important;background:linear-gradient(180deg,rgba(216,170,67,.055),transparent)!important;box-shadow:none!important;border-color:rgba(216,170,67,.24)!important;}
body .game-statbar-luxury .stat-icon,
body .game-statbar-luxury .level-badge{
  width:32px!important;height:32px!important;flex:0 0 32px!important;border-radius:999px!important;clip-path:none!important;display:grid!important;place-items:center!important;
  background:linear-gradient(145deg,#f2c85e,#9c6a21)!important;color:#100b02!important;font-size:13px!important;font-weight:950!important;border:1px solid rgba(255,230,148,.28)!important;box-shadow:0 0 12px rgba(216,170,67,.16)!important;
}
body .game-statbar-luxury .level-badge-luxury:after{display:none!important;content:none!important;}
body .game-statbar-luxury .stat-copy{display:block!important;min-width:0!important;}
body .game-statbar-luxury small{display:block!important;margin:0 0 2px!important;color:#c8b17c!important;text-transform:uppercase!important;letter-spacing:.18em!important;font-size:8.5px!important;line-height:1!important;font-weight:950!important;white-space:nowrap!important;}
body .game-statbar-luxury strong{display:block!important;color:#fff7e8!important;font-size:13px!important;line-height:1.05!important;font-weight:950!important;white-space:nowrap!important;text-shadow:none!important;}
body .game-statbar-luxury .game-stat--cash strong,
body .game-statbar-luxury .game-stat--xp strong{font-size:13px!important;}
body .game-statbar-luxury .stat-progress,
body .game-statbar-luxury .mini-xp{width:72px!important;min-width:72px!important;height:3px!important;margin-top:5px!important;border-radius:99px!important;background:rgba(255,255,255,.10)!important;box-shadow:none!important;overflow:hidden!important;}
body .game-statbar-luxury .stat-progress i,
body .game-statbar-luxury .mini-xp i{height:100%!important;background:linear-gradient(90deg,#b98228,#f0c45d)!important;box-shadow:0 0 8px rgba(216,170,67,.25)!important;}

body .context-tabbar{width:min(1480px,calc(100% - 56px))!important;margin:18px auto 0!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;}
body .layout,body.dashboard-page .layout.dashboard-fullwidth,body .layout.dashboard-v8,body .layout.admin-wide-page,body .layout.admin-layout,body .layout.storage-page-v9{width:min(1480px,calc(100% - 56px))!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;}
body.dashboard-page .dashboard-v8 .dashboard-grid-top,
body.dashboard-page .dashboard-v8 .dashboard-priority-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;}
body.dashboard-page .badge-showcase{display:flex!important;flex-wrap:wrap!important;align-items:flex-end!important;gap:34px!important;}
body.dashboard-page .badge-showcase .badge-item{min-width:96px!important;}

@media(max-width:1250px){
  body .topbar.topbar-shell{height:auto!important;min-height:58px!important;grid-template-columns:1fr auto!important;padding:10px 14px!important;}
  body .topbar-shell .brand{height:42px!important;}
  body .topbar-shell .primary-page-nav{grid-column:1 / -1!important;order:3!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:none!important;}
  body .game-statbar.game-statbar-premium{top:0!important;position:relative!important;}
  body .game-statbar-inner.game-statbar-luxury{justify-content:flex-start!important;width:calc(100% - 24px)!important;}
}
@media(max-width:760px){
  body .topbar-shell .primary-page-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body .context-tabbar{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:calc(100% - 24px)!important;}
  body .layout,body.dashboard-page .layout.dashboard-fullwidth,body .layout.dashboard-v8,body .layout.admin-wide-page,body .layout.admin-layout,body .layout.storage-page-v9{width:calc(100% - 24px)!important;}
  body.dashboard-page .dashboard-v8 .dashboard-grid-top,body.dashboard-page .dashboard-v8 .dashboard-priority-row{grid-template-columns:1fr!important;}
}
@media(max-width:460px){body .topbar-shell .primary-page-nav,body .context-tabbar{grid-template-columns:1fr!important;}body .topbar.topbar-shell{grid-template-columns:1fr!important}.topbar-logout{width:100%!important}}

/* =========================================================
   V15 - uniforme pagina-breedte + compact dashboard
   Doel: alle pagina's dezelfde full-width container en dashboard
   qua schaal gelijk aan Nieuws/Profiel/Uitdagingen.
   ========================================================= */
:root{
  --page-max: 1760px;
  --page-gutter: 56px;
}
body .context-tabbar,
body .layout,
body.dashboard-page .layout.dashboard-fullwidth,
body .layout.dashboard-fullwidth,
body .layout.dashboard-v8,
body .layout.admin-wide-page,
body .layout.admin-layout,
body .layout.storage-page-v9,
body .layout.profile-page,
body .layout.challenges-page,
body .layout.mailbox-v2{
  width:min(var(--page-max), calc(100% - var(--page-gutter)))!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body .context-tabbar{
  margin-top:18px!important;
  margin-bottom:14px!important;
}
body.dashboard-page .layout.dashboard-fullwidth,
body.dashboard-page .layout.dashboard-v8{
  margin-top:14px!important;
}
body.dashboard-page .dashboard-v8 .dashboard-grid-top,
body.dashboard-page .dashboard-v8 .dashboard-priority-row{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:14px!important;
  margin:0 0 14px!important;
}
body.dashboard-page .dashboard-v8 .os-card.dashboard-panel{
  padding:22px!important;
  border-radius:10px!important;
  min-height:0!important;
}
body.dashboard-page .dashboard-v8 .section-title-row{
  margin-bottom:16px!important;
}
body.dashboard-page .dashboard-v8 h2{
  font-size:22px!important;
}
body.dashboard-page .dashboard-v8 .eyebrow{
  font-size:10px!important;
  letter-spacing:.24em!important;
  margin-bottom:8px!important;
}
body.dashboard-page .dashboard-v8 .profile-mini{
  grid-template-columns:74px minmax(0,1fr)!important;
  gap:14px!important;
  margin-bottom:14px!important;
}
body.dashboard-page .dashboard-v8 .profile-mini img{
  width:64px!important;
  height:64px!important;
  border-radius:16px!important;
}
body.dashboard-page .dashboard-v8 .profile-mini h3{
  font-size:23px!important;
}
body.dashboard-page .dashboard-v8 .profile-mini p{
  font-size:13px!important;
}
body.dashboard-page .dashboard-v8 .imperium-stats{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;
}
body.dashboard-page .dashboard-v8 .imperium-stats .metric-card{
  min-height:54px!important;
  padding:10px 12px!important;
  grid-template-columns:28px minmax(0,1fr)!important;
}
body.dashboard-page .dashboard-v8 .metric-card i{
  width:24px!important;
  height:24px!important;
  font-size:12px!important;
}
body.dashboard-page .dashboard-v8 .imperium-stats b{
  font-size:15px!important;
}
body.dashboard-page .dashboard-v8 .imperium-stats small{
  font-size:11px!important;
}
body.dashboard-page .dashboard-v8 .dashboard-news-item{
  min-height:74px!important;
  padding:15px!important;
}
body.dashboard-page .dashboard-v8 .dashboard-table-row,
body.dashboard-page .dashboard-v8 .rank-row{
  min-height:36px!important;
  height:36px!important;
}
body.dashboard-page .dashboard-v8 .badge-orbit-grid,
body.dashboard-page .badge-orbit-grid.dashboard-visible-badges{
  gap:24px!important;
  min-height:88px!important;
  align-items:flex-start!important;
}
body.dashboard-page .dashboard-v8 .badge-orbit,
body.dashboard-page .badge-orbit{
  width:96px!important;
}
body.dashboard-page .dashboard-v8 .badge-orbit:before,
body.dashboard-page .badge-orbit:before{
  width:70px!important;
  height:70px!important;
}
body.dashboard-page .dashboard-v8 .badge-orbit img,
body.dashboard-page .badge-orbit img{
  width:58px!important;
  height:58px!important;
}
body.dashboard-page .dashboard-v8 .badge-orbit span,
body.dashboard-page .badge-orbit span{
  font-size:12px!important;
}
body .os-card,
body .card{
  max-width:none!important;
}
@media(max-width:1280px){
  :root{--page-gutter:32px;}
  body.dashboard-page .dashboard-v8 .dashboard-grid-top,
  body.dashboard-page .dashboard-v8 .dashboard-priority-row{grid-template-columns:1fr!important;}
}
@media(max-width:780px){
  :root{--page-gutter:24px;}
  body.dashboard-page .dashboard-v8 .imperium-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.dashboard-page .dashboard-v8 .os-card.dashboard-panel{padding:18px!important;}
}

/* =========================================================
   V16 - harde uniformering: iedere pagina gebruikt exact
   dezelfde viewport-brede schaal. Dashboard had nog oudere
   max-width/center overrides waardoor hij smaller leek dan
   Nieuws/Profiel/etc. Deze laag wint bewust van alle eerdere
   dashboard-specifieke regels.
   ========================================================= */
:root{
  --os-page-gutter: 96px;
}
body .context-tabbar,
body .layout,
body .layout.dashboard-fullwidth,
body.dashboard-page .layout,
body.dashboard-page .layout.dashboard-fullwidth,
body.dashboard-page .layout.dashboard-v8,
body .layout.dashboard-v8,
body .layout.profile-page,
body .layout.challenges-page,
body .layout.content-page-layout,
body .layout.advanced-content-page,
body .layout.mailbox-v2,
body .layout.storage-page-v9,
body .layout.admin-layout,
body .layout.admin-wide-page{
  width:calc(100vw - var(--os-page-gutter))!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
body .context-tabbar{
  margin-top:18px!important;
  margin-bottom:18px!important;
}
body .layout,
body.dashboard-page .layout.dashboard-v8,
body.dashboard-page .layout.dashboard-fullwidth{
  margin-top:0!important;
}
body.dashboard-page .dashboard-v8 .dashboard-grid-top,
body.dashboard-page .dashboard-v8 .dashboard-priority-row,
body .dashboard-grid-top,
body .dashboard-grid-bottom{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:18px!important;
  margin:0 0 18px!important;
  align-items:stretch!important;
}
body.dashboard-page .dashboard-v8 .os-card.dashboard-panel,
body.dashboard-page .dashboard-panel{
  width:100%!important;
  max-width:none!important;
}
body.dashboard-page .dashboard-v8 .os-card.dashboard-panel{
  padding:24px!important;
}
body.dashboard-page .dashboard-v8 .dashboard-priority-row .dashboard-panel,
body.dashboard-page .dashboard-v8 .dashboard-grid-top .dashboard-panel{
  min-width:0!important;
}
/* Houd content op dashboard compact, maar de containers even breed als andere pagina's. */
body.dashboard-page .dashboard-v8 .profile-mini{
  margin-bottom:16px!important;
}
body.dashboard-page .dashboard-v8 .imperium-stats{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
body.dashboard-page .dashboard-v8 .dashboard-news-list,
body.dashboard-page .dashboard-v8 .dashboard-table,
body.dashboard-page .dashboard-v8 .rank-list,
body.dashboard-page .dashboard-v8 .activity-list{
  width:100%!important;
}
body .os-card,
body .card,
body .news-page-item,
body .news-page-list{
  max-width:none!important;
}
@media(max-width:1280px){
  :root{--os-page-gutter: 48px;}
  body.dashboard-page .dashboard-v8 .dashboard-grid-top,
  body.dashboard-page .dashboard-v8 .dashboard-priority-row,
  body .dashboard-grid-top,
  body .dashboard-grid-bottom{grid-template-columns:1fr!important;}
}
@media(max-width:780px){
  :root{--os-page-gutter: 24px;}
  body .context-tabbar{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.dashboard-page .dashboard-v8 .imperium-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:460px){
  body .context-tabbar{grid-template-columns:1fr!important;}
  body.dashboard-page .dashboard-v8 .imperium-stats{grid-template-columns:1fr!important;}
}

/* =========================================================
   V17 - gedeelde header/layout-shell voor ALLE pagina's
   Fix: Dashboard/Voertuigen/Nieuws gebruikten nog verschillende
   uitlijning voor hoofdmenu, statstrip, subtabs en content.
   Deze laag maakt de bovenkant overal identiek.
   ========================================================= */
:root{
  --os-shell-gutter: 28px;
  --os-brand-width: 250px;
  --os-logout-width: 118px;
  --os-header-height: 58px;
  --os-stat-height: 50px;
  --os-page-gutter: 56px;
}

html, body{overflow-x:hidden!important;}

body .topbar.topbar-shell,
body.dashboard-page .topbar.topbar-shell{
  position:sticky!important;
  top:0!important;
  z-index:1200!important;
  width:100%!important;
  height:var(--os-header-height)!important;
  min-height:var(--os-header-height)!important;
  padding:0 var(--os-shell-gutter)!important;
  display:grid!important;
  grid-template-columns:var(--os-brand-width) minmax(0,1fr) var(--os-logout-width)!important;
  align-items:center!important;
  gap:14px!important;
  background:linear-gradient(180deg,rgba(8,8,7,.985),rgba(5,5,5,.98))!important;
  border-bottom:1px solid rgba(216,170,67,.22)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.35)!important;
  backdrop-filter:blur(12px)!important;
}

body .topbar-shell .brand,
body.dashboard-page .topbar-shell .brand{
  width:var(--os-brand-width)!important;
  min-width:0!important;
  height:var(--os-header-height)!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  font-size:20px!important;
  font-weight:950!important;
  color:#fff4dc!important;
  letter-spacing:-.02em!important;
}
body .topbar-shell .brand-mark,
body.dashboard-page .topbar-shell .brand-mark{
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  margin:0 10px 0 0!important;
  border-radius:999px!important;
  display:inline-grid!important;
  place-items:center!important;
  background:linear-gradient(145deg,#f6ce68,#8d621f)!important;
  color:#100b02!important;
  box-shadow:0 0 18px rgba(216,170,67,.26)!important;
  font-size:13px!important;
}

body .topbar-shell .primary-page-nav,
body.dashboard-page .topbar-shell .primary-page-nav{
  grid-column:2!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:center!important;
}
body .topbar-shell .primary-page-nav__item,
body.dashboard-page .topbar-shell .primary-page-nav__item{
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  padding:0 10px!important;
  border-radius:6px!important;
  border:1px solid rgba(216,170,67,.18)!important;
  background:linear-gradient(180deg,rgba(28,27,24,.62),rgba(10,10,9,.88))!important;
  color:#e9dcc0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-size:13px!important;
  font-weight:850!important;
  text-decoration:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  transition:.15s ease!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
body .topbar-shell .primary-page-nav__item span,
body.dashboard-page .topbar-shell .primary-page-nav__item span{
  flex:0 0 auto!important;
  color:var(--hud-gold)!important;
  font-size:13px!important;
  filter:none!important;
}
body .topbar-shell .primary-page-nav__item.active,
body .topbar-shell .primary-page-nav__item:hover,
body.dashboard-page .topbar-shell .primary-page-nav__item.active,
body.dashboard-page .topbar-shell .primary-page-nav__item:hover{
  border-color:rgba(244,211,124,.68)!important;
  background:linear-gradient(180deg,rgba(42,38,28,.82),rgba(12,12,10,.95))!important;
  box-shadow:inset 0 -2px 0 var(--hud-gold),0 0 20px rgba(216,170,67,.08)!important;
  color:#fff7e5!important;
}

body .topbar-shell .topbar-logout,
body.dashboard-page .topbar-shell .topbar-logout,
body.dashboard-page .topbar .logout.topbar-logout{
  grid-column:3!important;
  width:var(--os-logout-width)!important;
  min-width:var(--os-logout-width)!important;
  height:42px!important;
  padding:0!important;
  margin:0!important;
  border-radius:7px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:end!important;
  background:linear-gradient(180deg,#f1c15a,#c58c29)!important;
  border:1px solid rgba(255,226,143,.42)!important;
  color:#120c03!important;
  font-size:13px!important;
  font-weight:950!important;
  box-shadow:0 10px 24px rgba(216,170,67,.18)!important;
  white-space:nowrap!important;
}

/* Statstrip altijd exact onder dezelfde header, zelfde breedte en positie */
body .game-statbar.game-statbar-premium,
body.dashboard-page .game-statbar.game-statbar-premium{
  position:sticky!important;
  top:var(--os-header-height)!important;
  z-index:1100!important;
  width:100%!important;
  min-height:var(--os-stat-height)!important;
  height:var(--os-stat-height)!important;
  padding:0!important;
  margin:0!important;
  background:linear-gradient(180deg,rgba(10,10,9,.98),rgba(7,7,7,.96))!important;
  border-top:0!important;
  border-bottom:1px solid rgba(216,170,67,.14)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.24)!important;
  overflow:hidden!important;
}
body .game-statbar-inner.game-statbar-luxury,
body.dashboard-page .game-statbar-inner.game-statbar-luxury,
body.dashboard-page .game-statbar-inner{
  width:calc(100vw - var(--os-page-gutter))!important;
  max-width:none!important;
  min-height:var(--os-stat-height)!important;
  height:var(--os-stat-height)!important;
  margin:0 auto!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow-x:auto!important;
  scrollbar-width:thin!important;
}
body .game-statbar-luxury .game-stat,
body.dashboard-page .game-statbar-luxury .game-stat{
  height:var(--os-stat-height)!important;
  min-height:var(--os-stat-height)!important;
}

/* Eén gedeelde pagina-shell voor subtabs en pagina-content */
body .context-tabbar,
body.dashboard-page .context-tabbar,
body .layout,
body .layout.dashboard-fullwidth,
body.dashboard-page .layout,
body.dashboard-page .layout.dashboard-fullwidth,
body.dashboard-page .layout.dashboard-v8,
body .layout.dashboard-v8,
body .layout.profile-page,
body .layout.challenges-page,
body .layout.content-page-layout,
body .layout.advanced-content-page,
body .layout.mailbox-v2,
body .layout.storage-page-v9,
body .layout.admin-layout,
body .layout.admin-wide-page{
  width:calc(100vw - var(--os-page-gutter))!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
body .context-tabbar,
body.dashboard-page .context-tabbar{
  margin-top:18px!important;
  margin-bottom:18px!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;
  gap:10px!important;
}
body .layout,
body.dashboard-page .layout,
body.dashboard-page .layout.dashboard-v8,
body.dashboard-page .layout.dashboard-fullwidth{
  margin-top:0!important;
}

@media(max-width:1280px){
  :root{--os-shell-gutter:14px;--os-brand-width:220px;--os-logout-width:112px;--os-page-gutter:32px;}
  body .topbar.topbar-shell,
  body.dashboard-page .topbar.topbar-shell{
    height:auto!important;
    min-height:var(--os-header-height)!important;
    grid-template-columns:minmax(0,1fr) var(--os-logout-width)!important;
    row-gap:10px!important;
    padding-top:8px!important;
    padding-bottom:8px!important;
  }
  body .topbar-shell .brand,
  body.dashboard-page .topbar-shell .brand{grid-column:1!important;width:auto!important;height:40px!important;}
  body .topbar-shell .topbar-logout,
  body.dashboard-page .topbar-shell .topbar-logout{grid-column:2!important;}
  body .topbar-shell .primary-page-nav,
  body.dashboard-page .topbar-shell .primary-page-nav{grid-column:1 / -1!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  body .game-statbar.game-statbar-premium,
  body.dashboard-page .game-statbar.game-statbar-premium{position:relative!important;top:auto!important;}
}
@media(max-width:780px){
  :root{--os-page-gutter:24px;--os-logout-width:104px;}
  body .topbar-shell .primary-page-nav,
  body.dashboard-page .topbar-shell .primary-page-nav,
  body .context-tabbar,
  body.dashboard-page .context-tabbar{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:460px){
  body .topbar.topbar-shell,
  body.dashboard-page .topbar.topbar-shell{grid-template-columns:1fr!important;}
  body .topbar-shell .topbar-logout,
  body.dashboard-page .topbar-shell .topbar-logout{grid-column:1!important;width:100%!important;min-width:0!important;}
  body .topbar-shell .primary-page-nav,
  body.dashboard-page .topbar-shell .primary-page-nav,
  body .context-tabbar,
  body.dashboard-page .context-tabbar{grid-template-columns:1fr!important;}
}

/* =========================================================
   News v2 - screenshot 2 layout
   ========================================================= */
body.news-modern-page .news-modern-shell{margin-top:0!important;padding-bottom:70px!important;}
.news-modern-hero{padding:34px 0 28px;border-bottom:1px solid rgba(216,170,67,.08);background:linear-gradient(180deg,rgba(216,170,67,.045),rgba(0,0,0,0));}
.news-modern-hero h1{margin:8px 0 10px;font-size:34px;line-height:1.05;color:#fff7e8;letter-spacing:-.03em;}
.news-modern-hero p:not(.eyebrow){margin:0;color:#dacaa8;font-size:16px;}
.news-modern-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:26px;align-items:start;}
.news-modern-list{display:grid;gap:14px;}
.news-modern-card{min-height:180px;display:grid;grid-template-columns:395px minmax(0,1fr);overflow:hidden;border:1px solid rgba(216,170,67,.22);border-radius:13px;background:linear-gradient(180deg,rgba(20,19,16,.82),rgba(8,8,7,.96));box-shadow:0 18px 42px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035);}
.news-modern-image{min-height:180px;background-size:cover;background-position:center;filter:saturate(.95) contrast(1.05);position:relative;}
.news-modern-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.34));}
.news-modern-content{padding:26px 24px 22px;display:flex;flex-direction:column;justify-content:center;min-width:0;}
.news-modern-category{display:block;margin-bottom:12px;color:#f0c15d;font-size:12px;font-weight:950;letter-spacing:.24em;}
.news-modern-content h2{margin:0 0 12px;color:#fff;font-size:27px;line-height:1.12;letter-spacing:-.025em;}
.news-modern-content p{margin:0 0 24px;color:#d3c6aa;font-size:16px;line-height:1.55;}
.news-modern-content time{color:#c7b58d;font-size:14px;}
.news-modern-sidebar{display:grid;gap:18px;position:sticky;top:126px;}
.news-side-card{border:1px solid rgba(216,170,67,.22);border-radius:16px;background:linear-gradient(180deg,rgba(20,19,16,.83),rgba(7,7,7,.96));padding:22px;box-shadow:0 18px 42px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035);}
.news-side-card h3{margin:0 0 18px;font-size:20px;color:#fff7e8;}
.news-category-list{display:grid;gap:8px;}
.news-category-row{height:42px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 14px;border:1px solid rgba(216,170,67,.13);border-radius:10px;background:rgba(0,0,0,.18);color:#f4ead7;}
.news-category-row span{display:flex;align-items:center;gap:12px;font-weight:750;}
.news-category-row i{width:22px;height:22px;border-radius:6px;display:inline-grid;place-items:center;background:rgba(216,170,67,.12);color:#e6b34b;font-style:normal;font-weight:950;}
.news-category-row b{color:#f1c15a;}
.news-popular-list{display:grid;gap:14px;}
.news-popular-item{display:grid;grid-template-columns:74px minmax(0,1fr);gap:14px;align-items:center;}
.news-popular-thumb{width:74px;height:58px;border-radius:9px;background-size:cover;background-position:center;border:1px solid rgba(216,170,67,.16);}
.news-popular-item h4{margin:0 0 6px;color:#fff;font-size:15px;line-height:1.25;}
.news-popular-item time{font-size:13px;color:#c7b58d;}
.news-modern-pagination{height:52px;margin-top:0;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(216,170,67,.18);border-radius:10px;background:rgba(16,15,13,.76);}
.news-modern-pagination span{width:38px;height:38px;border-radius:8px;border:1px solid rgba(216,170,67,.18);display:grid;place-items:center;color:#eee3cb;font-weight:900;background:rgba(0,0,0,.16);}
.news-modern-pagination span.active{background:linear-gradient(180deg,#f4cf70,#c88e2a);color:#170f03;border-color:rgba(255,229,151,.55);}
.news-page-arrow{font-size:26px;line-height:1;}
.news-admin-grid{display:grid;grid-template-columns:1fr 280px;gap:16px;align-items:end;}
.news-admin-table .admin-simple-head,.news-admin-table .admin-simple-row{grid-template-columns:1.35fr .55fr .65fr .45fr .75fr;}
@media(max-width:1180px){.news-modern-grid{grid-template-columns:1fr}.news-modern-sidebar{position:static;grid-template-columns:1fr 1fr}.news-modern-card{grid-template-columns:320px 1fr;}}
@media(max-width:820px){.news-modern-card{grid-template-columns:1fr}.news-modern-image{min-height:210px}.news-modern-sidebar{grid-template-columns:1fr}.news-admin-grid{grid-template-columns:1fr}.news-admin-table .admin-simple-head{display:none}.news-admin-table .admin-simple-row{grid-template-columns:1fr;gap:8px;}}

/* =========================================================
   News v3 + Profile modern - aangepast op screenshot 3
   ========================================================= */
body.news-modern-page .news-modern-shell{padding-top:0!important;}
body.news-modern-page .news-modern-grid{margin-top:0!important;}
body.news-modern-page .news-modern-hero{display:none!important;}

body.profile-modern-page .profile-modern-shell{padding-bottom:86px!important;}
.profile-modern-intro{padding:6px 0 18px;}
.profile-modern-intro h1{margin:8px 0 8px;font-size:34px;line-height:1.05;color:#fff7e8;letter-spacing:-.03em;}
.profile-modern-intro p:not(.eyebrow){margin:0;color:#dacaa8;font-size:16px;}
.profile-modern-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-bottom:18px;align-items:stretch;}
.profile-modern-card{border:1px solid rgba(216,170,67,.22);border-radius:13px;background:linear-gradient(180deg,rgba(18,17,14,.86),rgba(7,7,7,.97));box-shadow:0 18px 42px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035);padding:26px;min-width:0;}
.profile-modern-notice{margin-bottom:14px;}
.profile-identity-card{display:grid;grid-template-columns:190px minmax(0,1fr);gap:34px;align-items:center;min-height:318px;}
.profile-avatar-wrap{width:172px;height:172px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,rgba(244,203,92,.22),rgba(0,0,0,.25) 58%,rgba(0,0,0,.6));border:4px solid rgba(229,176,63,.85);box-shadow:0 0 42px rgba(216,170,67,.15);overflow:hidden;}
.profile-avatar-wrap img{width:100%;height:100%;object-fit:cover;border-radius:50%;background:#070604;}
.profile-identity-main h2{margin:0 0 7px;color:#fff;font-size:42px;line-height:1;letter-spacing:-.035em;}
.profile-identity-main>p{margin:0 0 30px;color:#d7bd78;font-weight:900;font-size:16px;}
.profile-level-row{display:grid;grid-template-columns:54px max-content minmax(160px,1fr) max-content;gap:14px;align-items:center;margin-bottom:34px;}
.profile-level-row span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#f2cc63,#b98224);color:#140e05;font-size:25px;font-weight:1000;box-shadow:0 0 30px rgba(216,170,67,.18);}
.profile-level-row b{font-size:17px;color:#fff;white-space:nowrap;}
.profile-level-row em{font-style:normal;color:#e8dfca;font-size:15px;white-space:nowrap;}
.profile-xp-bar{height:12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(216,170,67,.16);overflow:hidden;}
.profile-xp-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#7f581e,#d8a83f,#f5d870);}
.profile-edit-btn,.profile-outline-btn{height:48px;min-width:178px;padding:0 20px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(216,170,67,.38);background:rgba(216,170,67,.05);color:#e7c26d;text-decoration:none;font-weight:950;}
.profile-edit-btn:hover,.profile-outline-btn:hover{background:rgba(216,170,67,.12);border-color:rgba(244,203,92,.75);}
.profile-stats-card .eyebrow,.profile-account-card .eyebrow,.profile-badges-card .eyebrow,.profile-overview-card .eyebrow,.profile-all-badges-card .eyebrow,.profile-edit-panel .eyebrow{margin:0 0 18px;color:#f0c15d;}
.profile-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.profile-stat-box{min-height:78px;border:1px solid rgba(216,170,67,.13);border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.18));padding:16px;display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;align-items:center;}
.profile-stat-box i{grid-row:1/3;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(180deg,#e2b54d,#9c6c23);color:#150f05;font-style:normal;font-weight:1000;font-size:16px;}
.profile-stat-box b{display:block;color:#fff;font-size:20px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.profile-stat-box small{display:block;color:#bfae86;font-size:13px;margin-top:5px;}
.profile-info-list{display:grid;margin:14px 0 22px;border-radius:10px;overflow:hidden;border:1px solid rgba(216,170,67,.09);}
.profile-info-list div{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 14px;border-bottom:1px solid rgba(216,170,67,.09);background:rgba(255,255,255,.025);}
.profile-info-list div:last-child{border-bottom:0;}
.profile-info-list span{color:#e3d6bb;font-size:15px;}
.profile-info-list b{color:#cfc09b;font-size:15px;text-align:right;}
.profile-info-list mark{background:rgba(78,192,84,.22);color:#8eff95;border:1px solid rgba(78,192,84,.24);border-radius:999px;padding:3px 10px;font-weight:900;}
.online-dot{color:#6fed73!important;}
.profile-badge-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start;margin-bottom:24px;}
.profile-badge-card{text-align:center;color:#e9ddc7;}
.profile-badge-card.locked{opacity:.48;filter:grayscale(.25);}
.profile-badge-icon{--p:calc(var(--pct)*1%);width:118px;height:118px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#e8b84e var(--p),rgba(255,255,255,.10) 0);filter:drop-shadow(0 0 20px rgba(216,170,67,.16));}
.profile-badge-icon img{width:96px;height:96px;border-radius:50%;object-fit:contain;background:#050505;padding:9px;border:1px solid rgba(216,170,67,.22);}
.profile-badge-card h3{margin:0 0 7px;color:#fff;font-size:17px;}
.profile-badge-card p{margin:0;color:#cdbc96;font-size:14px;line-height:1.35;}
.profile-overview-card{margin-bottom:18px;}
.profile-overview-card>p:not(.eyebrow){margin:-8px 0 22px;color:#d3c6aa;}
.profile-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.profile-overview-grid a{min-height:102px;border:1px solid rgba(216,170,67,.13);border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.20));padding:18px;display:grid;grid-template-columns:54px 1fr 18px;grid-template-rows:auto auto auto;column-gap:15px;text-decoration:none;color:#e9ddc7;position:relative;}
.profile-overview-grid i{grid-row:1/4;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(216,170,67,.10);border:1px solid rgba(216,170,67,.18);color:#e6b34b;font-style:normal;font-weight:1000;font-size:22px;}
.profile-overview-grid span{color:#d9ccb1;font-size:14px;}
.profile-overview-grid b{color:#fff;font-size:24px;line-height:1.2;}
.profile-overview-grid em{font-style:normal;color:#e6b34b;font-weight:900;font-size:14px;}
.profile-overview-grid a:after{content:'›';position:absolute;right:18px;bottom:18px;color:#e6b34b;font-size:24px;}
.profile-all-badges-card{margin-bottom:18px;}
.profile-edit-panel{margin-bottom:22px;}
.profile-modern-page .profile-form{display:grid;gap:14px;}
.profile-modern-page .profile-form label{display:grid;gap:8px;color:#d6c38f;font-weight:900;}
.profile-modern-page .profile-form input,.profile-modern-page .profile-form textarea{background:#050505;border:1px solid rgba(214,160,55,.3);border-radius:10px;color:#fff;padding:13px;font:inherit;}
@media(max-width:1320px){.profile-modern-grid,.profile-modern-grid-top{grid-template-columns:1fr;}.profile-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.profile-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:820px){.profile-identity-card{grid-template-columns:1fr;text-align:center;justify-items:center;}.profile-level-row{grid-template-columns:1fr;justify-items:center;}.profile-stat-grid,.profile-badge-preview,.profile-overview-grid{grid-template-columns:1fr;}.profile-info-list div{align-items:flex-start;flex-direction:column;padding:10px 14px;gap:4px;}.profile-info-list b{text-align:left;}}

/* Profile v4 privacy + badge modal */
.profile-badge-card{border:0;background:transparent;font:inherit;cursor:pointer;padding:0;appearance:none;-webkit-appearance:none;}
.profile-badge-card.hidden-tier .profile-badge-icon img,.profile-badge-modal-item.hidden-tier img{filter:grayscale(1) brightness(.38) blur(.2px);opacity:.42;}
.profile-badge-card.hidden-tier h3,.profile-badge-card.hidden-tier p{color:rgba(231,220,196,.45);}
.profile-badge-card:focus-visible,.profile-badge-modal-item:focus-visible{outline:2px solid rgba(244,203,92,.9);outline-offset:4px;border-radius:14px;}
.profile-badge-modal[aria-hidden="true"]{display:none;}
.profile-badge-modal[aria-hidden="false"]{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:28px;}
.profile-badge-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.74);backdrop-filter:blur(7px);}
.profile-badge-modal-panel{position:relative;width:min(1100px,calc(100vw - 42px));max-height:86vh;overflow:auto;border:1px solid rgba(216,170,67,.26);border-radius:18px;background:linear-gradient(180deg,rgba(18,17,14,.98),rgba(5,5,5,.99));box-shadow:0 28px 90px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.04);padding:30px;}
.profile-badge-modal-close{position:absolute;top:18px;right:18px;width:42px;height:42px;border-radius:11px;border:1px solid rgba(216,170,67,.3);background:rgba(216,170,67,.08);color:#eac25f;font-size:28px;line-height:1;cursor:pointer;}
.profile-badge-modal-panel h2{margin:0 0 8px;color:#fff;font-size:32px;}
.profile-badge-modal-help{margin:0 0 22px;color:#d8c9a8;}
.profile-badge-modal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;}
.profile-badge-modal-item{min-height:176px;border:1px solid rgba(216,170,67,.14);border-radius:13px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.18));color:#eadfca;padding:16px;display:grid;justify-items:center;gap:8px;cursor:pointer;font:inherit;text-align:center;}
.profile-badge-modal-item.locked{opacity:.68;}
.profile-badge-modal-item span{--p:calc(var(--pct)*1%);width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#e8b84e var(--p),rgba(255,255,255,.10) 0);}
.profile-badge-modal-item img{width:62px;height:62px;border-radius:50%;object-fit:contain;background:#050505;padding:6px;border:1px solid rgba(216,170,67,.2);}
.profile-badge-modal-item strong{font-size:15px;color:#fff;}
.profile-badge-modal-item small{font-size:12px;color:#bfae86;}
.profile-badge-modal-detail{border:1px solid rgba(216,170,67,.16);border-radius:13px;background:rgba(255,255,255,.025);padding:18px;color:#d8c9a8;}
.profile-badge-modal-detail b{display:block;color:#fff;font-size:20px;margin-bottom:6px;}
.profile-badge-modal-detail p{margin:0;line-height:1.5;}
body.badge-modal-open{overflow:hidden;}
@media(max-width:980px){.profile-badge-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.profile-badge-modal-panel{padding:24px;}}
@media(max-width:560px){.profile-badge-modal-grid{grid-template-columns:1fr;}.profile-badge-modal{padding:14px;}.profile-badge-modal-panel{width:calc(100vw - 28px);}}

/* Terms modern page - v1 */
.terms-modern-page{
    padding-top: 22px;
    padding-bottom: 72px;
}
.terms-modern-hero{
    position: relative;
    overflow: hidden;
    min-height: 225px;
    padding: 42px 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-color: rgba(220,165,54,.24);
    background:
        radial-gradient(circle at 75% 20%, rgba(219,162,54,.18), transparent 30%),
        linear-gradient(90deg, rgba(15,14,11,.98) 0%, rgba(18,16,12,.96) 43%, rgba(12,11,9,.72) 68%, rgba(10,9,8,.98) 100%);
    box-shadow: 0 26px 60px rgba(0,0,0,.38);
}
.terms-modern-hero__content{
    position: relative;
    z-index: 2;
    max-width: 760px;
}
.terms-modern-hero h1{
    margin: 10px 0 12px;
    font-size: clamp(2rem, 3vw, 3rem);
    line-height: 1.05;
}
.terms-modern-hero p:not(.eyebrow){
    color: rgba(255,245,225,.78);
    font-size: 1.08rem;
    line-height: 1.7;
    margin: 0;
}
.terms-modern-hero__art{
    position: absolute;
    inset: 0 0 0 auto;
    width: 48%;
    background:
        linear-gradient(90deg, rgba(14,13,10,1) 0%, rgba(14,13,10,.35) 35%, rgba(14,13,10,.82) 100%),
        radial-gradient(circle at 58% 48%, rgba(235,180,65,.28), transparent 8%),
        radial-gradient(ellipse at 66% 43%, rgba(255,235,160,.14), transparent 24%),
        linear-gradient(135deg, transparent 12%, rgba(160,112,28,.18) 12% 13%, transparent 13% 26%, rgba(160,112,28,.18) 26% 27%, transparent 27%),
        linear-gradient(160deg, #10100e 0%, #19130a 52%, #050504 100%);
    opacity: .92;
}
.terms-modern-hero__art::before{
    content: "";
    position: absolute;
    right: 13%;
    top: 38px;
    width: 330px;
    height: 140px;
    border: 1px solid rgba(232,178,58,.22);
    border-radius: 10px;
    transform: rotate(-8deg);
    background:
        linear-gradient(145deg, rgba(241,218,158,.18), rgba(106,73,22,.10)),
        repeating-linear-gradient(0deg, transparent 0 18px, rgba(255,232,170,.12) 19px 20px);
    box-shadow: 0 18px 50px rgba(0,0,0,.55), inset 0 0 40px rgba(0,0,0,.25);
}
.terms-modern-hero__art::after{
    content: "";
    position: absolute;
    right: 25%;
    top: 94px;
    width: 150px;
    height: 8px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(224,169,49,.85), rgba(50,37,18,.35));
    transform: rotate(-20deg);
    box-shadow: 90px 42px 0 rgba(208,151,42,.35), -58px 58px 0 rgba(208,151,42,.22);
}
.terms-modern-grid{
    display: grid;
    grid-template-columns: 310px minmax(0, 1fr);
    gap: 24px;
    margin-top: 24px;
}
.terms-modern-sidebar{
    padding: 18px;
    align-self: start;
    position: sticky;
    top: 18px;
}
.terms-modern-nav{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.terms-modern-nav a{
    display: grid;
    grid-template-columns: 34px 1fr;
    align-items: center;
    gap: 10px;
    padding: 14px 14px;
    border: 1px solid transparent;
    border-radius: 10px;
    color: rgba(255,245,226,.86);
    text-decoration: none;
    font-weight: 800;
    background: rgba(255,255,255,.025);
    transition: border-color .15s ease, background .15s ease, color .15s ease;
}
.terms-modern-nav a:hover,
.terms-modern-nav a.active{
    border-color: rgba(226,170,51,.78);
    background: linear-gradient(90deg, rgba(221,166,51,.14), rgba(255,255,255,.02));
    color: #fff7df;
}
.terms-modern-nav__icon{
    color: #e6ad37;
    font-size: 1.12rem;
    text-align: center;
}
.terms-modern-updated{
    margin-top: 18px;
    border: 1px solid rgba(226,170,51,.26);
    border-radius: 12px;
    padding: 18px;
    display: grid;
    grid-template-columns: 44px 1fr;
    align-items: center;
    gap: 8px 12px;
    background: rgba(226,170,51,.06);
}
.terms-modern-updated__icon{
    grid-row: span 2;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    color: #e8b547;
    border: 1px solid rgba(226,170,51,.34);
    background: rgba(0,0,0,.18);
    font-size: 1.35rem;
}
.terms-modern-updated small{
    color: rgba(255,245,226,.72);
    font-weight: 700;
}
.terms-modern-updated strong{
    color: #ffe4a0;
    font-size: 1.1rem;
}
.terms-modern-content{
    padding: 34px 38px;
    border-color: rgba(226,170,51,.22);
    background:
        radial-gradient(circle at 90% 0%, rgba(226,170,51,.08), transparent 28%),
        rgba(15,14,11,.96);
}
.terms-modern-prose h2{
    color: #f0c24a;
    text-transform: uppercase;
    letter-spacing: .22em;
    font-size: .98rem;
    margin: 0 0 14px;
    padding-top: 4px;
    scroll-margin-top: 100px;
}
.terms-modern-prose h2:not(:first-child){
    margin-top: 28px;
    padding-top: 26px;
    border-top: 1px solid rgba(255,255,255,.08);
}
.terms-modern-prose p,
.terms-modern-prose li{
    color: rgba(255,245,226,.78);
    font-size: 1.02rem;
    line-height: 1.75;
}
.terms-modern-prose p{
    margin: 0 0 8px;
}
.terms-modern-prose ul,
.terms-modern-prose ol{
    margin: 0 0 12px 22px;
}
.terms-pdf-button{
    margin-top: 24px;
    min-width: 360px;
    justify-content: center;
    gap: 14px;
}
.terms-admin-modern .content-admin-hero{
    margin-bottom: 18px;
}
.terms-admin-grid.terms-admin-editor{
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(420px, .8fr);
    gap: 26px;
}
.terms-admin-editpanel label{
    display: block;
    margin-bottom: 16px;
}
.terms-admin-editpanel input,
.terms-admin-editpanel textarea{
    width: 100%;
}
.terms-admin-toolbar{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}
.terms-preview{
    max-height: 780px;
    overflow: auto;
}
.terms-preview > h2{
    margin-top: 0;
}
@media (max-width: 980px){
    .terms-modern-grid,
    .terms-admin-grid.terms-admin-editor{
        grid-template-columns: 1fr;
    }
    .terms-modern-sidebar{
        position: static;
    }
    .terms-modern-hero{
        padding: 30px 24px;
    }
    .terms-modern-hero__art{
        opacity: .35;
        width: 100%;
    }
    .terms-pdf-button{
        min-width: 0;
        width: 100%;
    }
}
@media print{
    body{background:#fff!important;color:#111!important;}
    header,.premium-dash-nav,.terms-modern-hero,.terms-modern-sidebar,.chat-widget,.terms-pdf-button{display:none!important;}
    .terms-modern-page,.layout{padding:0!important;margin:0!important;max-width:none!important;}
    .terms-modern-grid{display:block!important;margin:0!important;}
    .terms-modern-content{box-shadow:none!important;border:0!important;background:#fff!important;color:#111!important;padding:20px!important;}
    .terms-modern-prose h2,.terms-modern-prose p,.terms-modern-prose li{color:#111!important;}
}

/* Storage v26: delete dropzone with explicit Ja/Nee confirmation */
.storage-page-v23 .storage-delete-drop{
  min-height:92px!important;
  border:1px dashed rgba(255,110,110,.58)!important;
  border-radius:16px!important;
  background:rgba(120,0,0,.10)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  color:#ffd7d7!important;
  text-align:center!important;
  margin-top:14px!important;
  transition:.15s ease!important;
}
.storage-page-v23 .storage-delete-drop b{
  color:#ff7f7f!important;
  font-size:15px!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  font-weight:950!important;
}
.storage-page-v23 .storage-delete-drop span{
  color:#d9b9b9!important;
  font-size:12px!important;
  font-weight:800!important;
}
.storage-page-v23 .storage-delete-drop.drag-over{
  border-color:#ff6060!important;
  background:rgba(255,70,70,.18)!important;
  box-shadow:inset 0 0 0 2px rgba(255,90,90,.35),0 0 24px rgba(255,60,60,.16)!important;
  transform:translateY(-1px)!important;
}
.storage-confirm-popup{display:none;position:fixed;inset:0;z-index:26000;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,.74);backdrop-filter:blur(3px)}
.storage-confirm-popup.open{display:flex}
.storage-confirm-card{width:min(430px,calc(100vw - 36px));border:1px solid rgba(255,110,110,.48);border-radius:18px;background:radial-gradient(circle at 50% 0%,rgba(255,80,80,.10),rgba(7,7,6,.98) 46%,#030303 100%);box-shadow:0 28px 90px rgba(0,0,0,.84);padding:22px;color:#fff;text-align:center}
.storage-confirm-card b{display:block;color:#ff8787;text-transform:uppercase;letter-spacing:.10em;font-size:17px;margin-bottom:10px}
.storage-confirm-card p{margin:0 0 18px;color:#f4ead2;font-weight:800;line-height:1.45}
.storage-confirm-actions{display:flex;justify-content:center;gap:12px}
.storage-confirm-actions .btn{min-width:110px}
.btn.danger{background:linear-gradient(180deg,#ff6868,#b82424)!important;color:#fff!important;border:1px solid rgba(255,130,130,.55)!important}
.btn.danger:hover{filter:brightness(1.08)}
@media(max-width:520px){.storage-confirm-actions{flex-direction:column}.storage-confirm-actions .btn{width:100%}}

/* Storage v27: polished delete dropzone + centered confirm modal */
.storage-page-v23 .storage-delete-drop{
  min-height:96px!important;
  border:1px dashed rgba(255,115,115,.62)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(90,10,10,.24),rgba(20,6,6,.74))!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  color:#ffdede!important;
  text-align:center!important;
  margin-top:14px!important;
  padding:14px 12px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
  transition:transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease!important;
}
.storage-page-v23 .storage-delete-drop b{
  color:#ff8b8b!important;
  font-size:14px!important;
  text-transform:uppercase!important;
  letter-spacing:.10em!important;
  font-weight:950!important;
}
.storage-page-v23 .storage-delete-drop span{
  color:#e3c0c0!important;
  font-size:12px!important;
  font-weight:800!important;
  max-width:150px!important;
  line-height:1.35!important;
}
.storage-page-v23 .storage-delete-drop.drag-over{
  border-color:#ff4d4d!important;
  background:linear-gradient(135deg,rgba(190,30,30,.34),rgba(48,6,6,.86))!important;
  box-shadow:inset 0 0 0 2px rgba(255,90,90,.35),0 0 30px rgba(255,60,60,.18)!important;
  transform:translateY(-2px) scale(1.01)!important;
}
body .storage-confirm-popup{
  display:none!important;
  position:fixed!important;
  inset:0!important;
  z-index:999999!important;
  align-items:center!important;
  justify-content:center!important;
  padding:24px!important;
  background:rgba(0,0,0,.78)!important;
  backdrop-filter:blur(4px)!important;
}
body .storage-confirm-popup.open{display:flex!important;}
body .storage-confirm-card{
  width:min(460px,calc(100vw - 38px))!important;
  border:1px solid rgba(255,104,104,.52)!important;
  border-radius:24px!important;
  background:radial-gradient(circle at 50% 0%,rgba(255,77,77,.16),rgba(16,9,8,.98) 44%,#050505 100%)!important;
  box-shadow:0 34px 110px rgba(0,0,0,.92),0 0 0 1px rgba(255,255,255,.04) inset!important;
  padding:28px 26px 24px!important;
  color:#fff!important;
  text-align:center!important;
  transform:translateY(0)!important;
}
body .storage-confirm-icon{
  width:58px!important;
  height:58px!important;
  margin:0 auto 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:18px!important;
  background:rgba(255,77,77,.15)!important;
  border:1px solid rgba(255,120,120,.38)!important;
  font-size:28px!important;
}
body .storage-confirm-card b{
  display:block!important;
  color:#ff8f8f!important;
  text-transform:uppercase!important;
  letter-spacing:.12em!important;
  font-size:18px!important;
  margin-bottom:11px!important;
  font-weight:950!important;
}
body .storage-confirm-card p{
  margin:0 auto 22px!important;
  color:#f6ead1!important;
  font-weight:850!important;
  line-height:1.5!important;
  max-width:360px!important;
}
body .storage-confirm-actions{
  display:flex!important;
  justify-content:center!important;
  gap:12px!important;
}
body .storage-confirm-actions .btn{
  min-width:140px!important;
  height:42px!important;
  border-radius:13px!important;
  font-weight:950!important;
}
body .storage-confirm-actions .btn.danger{
  background:linear-gradient(180deg,#ff6969,#ad2020)!important;
  color:#fff!important;
  border:1px solid rgba(255,135,135,.62)!important;
  box-shadow:0 12px 28px rgba(150,20,20,.28)!important;
}
body .storage-confirm-actions .btn.secondary{
  background:rgba(255,255,255,.08)!important;
  color:#f3e8cf!important;
  border:1px solid rgba(255,255,255,.14)!important;
}
@media(max-width:520px){body .storage-confirm-actions{flex-direction:column!important}body .storage-confirm-actions .btn{width:100%!important}}


/* Admin context-tabbar: alle adminpagina's zichtbaar, automatisch over meerdere rijen */
body .context-tabbar{
  grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;
  align-items:stretch!important;
}
body .context-tabbar__item{
  min-width:0!important;
  height:44px!important;
  padding:0 10px!important;
  font-size:13px!important;
  white-space:nowrap!important;
}
body .context-tabbar__item span{
  font-size:15px!important;
}
@media(min-width:1200px){
  body .context-tabbar{grid-template-columns:repeat(9,minmax(0,1fr))!important;}
}
@media(max-width:1199px) and (min-width:781px){
  body .context-tabbar{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}


/* V18 - context-tabbladen gelijkgetrokken per sectie
   De algemene admin-regel bovenaan maakte alle subtabs 9 kolommen breed,
   waardoor Nieuws/Profiel/Voorwaarden, Garage en Territorium te klein werden. */
body .context-tabbar.context-tabbar--dashboard{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
}
body .context-tabbar.context-tabbar--vehicles{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
body .context-tabbar.context-tabbar--territory{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
body .context-tabbar.context-tabbar--family{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
body .context-tabbar.context-tabbar--admin{
  grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;
}
body .context-tabbar.context-tabbar--dashboard .context-tabbar__item,
body .context-tabbar.context-tabbar--vehicles .context-tabbar__item,
body .context-tabbar.context-tabbar--territory .context-tabbar__item,
body .context-tabbar.context-tabbar--family .context-tabbar__item{
  height:54px!important;
  padding:0 18px!important;
  font-size:15px!important;
}
body .context-tabbar.context-tabbar--dashboard .context-tabbar__item span,
body .context-tabbar.context-tabbar--vehicles .context-tabbar__item span,
body .context-tabbar.context-tabbar--territory .context-tabbar__item span,
body .context-tabbar.context-tabbar--family .context-tabbar__item span{
  font-size:20px!important;
}
@media(max-width:1250px){
  body .context-tabbar.context-tabbar--dashboard,
  body .context-tabbar.context-tabbar--vehicles,
  body .context-tabbar.context-tabbar--territory,
  body .context-tabbar.context-tabbar--family{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  body .context-tabbar.context-tabbar--dashboard,
  body .context-tabbar.context-tabbar--vehicles,
  body .context-tabbar.context-tabbar--territory,
  body .context-tabbar.context-tabbar--family{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:460px){
  body .context-tabbar.context-tabbar--dashboard,
  body .context-tabbar.context-tabbar--vehicles,
  body .context-tabbar.context-tabbar--territory,
  body .context-tabbar.context-tabbar--family{grid-template-columns:1fr!important;}
}

/* Cinematic auth redesign */
.auth-cinematic{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:34px;
  background:
    linear-gradient(90deg,rgba(0,0,0,.38),rgba(0,0,0,.08) 42%,rgba(0,0,0,.64)),
    linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.76)),
    url('../img/auth/mafia-city-car-bg.png') center center/cover no-repeat #050505;
  overflow-x:hidden;
}
.auth-cinematic::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 52% 46%,rgba(217,173,85,.09),transparent 34%),radial-gradient(circle at 50% 100%,rgba(0,0,0,.08),rgba(0,0,0,.72) 72%);
  z-index:0;
}
.auth-page{
  position:relative;
  z-index:1;
  width:min(1460px,calc(100vw - 68px));
  min-height:720px;
  display:grid;
  grid-template-columns:minmax(560px,1fr) 470px;
  gap:62px;
  align-items:center;
}
.auth-register-page{grid-template-columns:minmax(610px,1fr) 520px;}
.auth-story-panel{
  min-height:640px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  padding:42px 34px;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.auth-emblem{
  width:104px;
  height:104px;
  border:2px solid rgba(217,173,85,.68);
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#d9ad55;
  font-size:44px;
  line-height:1;
  margin-bottom:18px;
  background:rgba(2,2,2,.28);
  box-shadow:0 18px 60px rgba(0,0,0,.5), inset 0 0 35px rgba(217,173,85,.08);
}
.auth-brand-title{
  text-transform:uppercase;
  letter-spacing:.5em;
  color:#d9ad55;
  font-weight:900;
  font-size:16px;
  margin-bottom:28px;
  text-shadow:0 6px 28px rgba(0,0,0,.75);
}
.auth-story-panel h1{
  margin:0;
  font-size:clamp(48px,5vw,78px);
  line-height:1.08;
  letter-spacing:.035em;
  text-transform:uppercase;
  color:#f7f2e8;
  text-shadow:0 8px 35px rgba(0,0,0,.86);
}
.auth-story-panel h1 span{color:#d9ad55;text-shadow:0 4px 28px rgba(217,173,85,.24),0 8px 35px rgba(0,0,0,.86);}
.auth-rule{
  width:min(360px,72%);
  height:1px;
  margin:28px 0;
  background:linear-gradient(90deg,transparent,rgba(217,173,85,.7),transparent);
  position:relative;
}
.auth-rule::after{
  content:"◆";
  position:absolute;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  color:#d9ad55;
  background:rgba(0,0,0,.55);
  padding:0 12px;
  font-size:13px;
}
.auth-story-panel p{
  width:min(540px,100%);
  margin:0 auto;
  color:#e1d8c8;
  font-size:20px;
  line-height:1.55;
  text-shadow:0 4px 22px rgba(0,0,0,.85);
}
.auth-feature-row{
  width:min(720px,100%);
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  margin-top:58px;
  border:1px solid rgba(217,173,85,.23);
  border-radius:20px;
  background:rgba(4,4,4,.64);
  backdrop-filter:blur(10px);
  box-shadow:0 24px 70px rgba(0,0,0,.45);
  overflow:hidden;
}
.auth-feature-row div{padding:21px 18px;border-right:1px solid rgba(217,173,85,.18);}
.auth-feature-row div:last-child{border-right:0;}
.auth-feature-row b{display:block;text-transform:uppercase;color:#fff;font-size:13px;letter-spacing:.06em;}
.auth-feature-row small{display:block;color:#cbbf9f;margin-top:7px;font-size:13px;}
.auth-form-panel{
  padding:44px 40px;
  border:1px solid rgba(217,173,85,.28);
  border-radius:30px;
  background:linear-gradient(145deg,rgba(17,17,17,.88),rgba(4,4,4,.82));
  backdrop-filter:blur(18px);
  box-shadow:0 35px 95px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.055);
}
.auth-form-panel h2{
  margin:0;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:.055em;
  font-size:38px;
  line-height:1;
  color:#f7f2e8;
}
.auth-title-rule{
  width:120px;
  height:1px;
  margin:24px auto 30px;
  background:linear-gradient(90deg,transparent,rgba(217,173,85,.85),transparent);
  position:relative;
}
.auth-title-rule::after{content:"◆";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:10px;color:#d9ad55;background:#080808;padding:0 9px;}
.auth-form-panel label{
  margin:0 0 23px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#d9ad55;
  font-size:13px;
  font-weight:900;
}
.auth-input-wrap{position:relative;display:block;margin-top:10px;}
.auth-input-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);opacity:.7;font-size:17px;z-index:1;filter:grayscale(1);}
.auth-form-panel input,.auth-form-panel select{
  height:60px;
  margin:0;
  padding:0 18px 0 58px;
  border-radius:12px;
  border:1px solid rgba(217,173,85,.24);
  background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
  color:#f6f0e6;
  font-size:16px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.auth-form-panel input::placeholder{color:#9f998f;}
.auth-form-panel input:focus,.auth-form-panel select:focus{border-color:rgba(217,173,85,.64);box-shadow:0 0 0 3px rgba(217,173,85,.11),inset 0 1px 0 rgba(255,255,255,.04);}
.auth-form-panel select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,#d9ad55 50%),linear-gradient(135deg,#d9ad55 50%,transparent 50%),linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.025));background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%,0 0;background-size:6px 6px,6px 6px,100% 100%;background-repeat:no-repeat;}
.auth-submit{
  width:100%;
  height:62px;
  margin-top:4px;
  border-radius:12px!important;
  text-transform:uppercase;
  letter-spacing:.04em;
  font-size:17px;
  background:linear-gradient(135deg,#f0c75d,#b77e24)!important;
  color:#0b0905!important;
  box-shadow:0 18px 38px rgba(217,173,85,.23),inset 0 1px 0 rgba(255,255,255,.28)!important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.auth-submit:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 24px 48px rgba(217,173,85,.3),inset 0 1px 0 rgba(255,255,255,.32)!important;}
.auth-separator{display:flex;align-items:center;gap:16px;margin:28px 0 20px;color:#a99e8a;text-transform:uppercase;font-size:12px;letter-spacing:.12em;}
.auth-separator::before,.auth-separator::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16));}.auth-separator::after{background:linear-gradient(90deg,rgba(255,255,255,.16),transparent);}
.auth-switch{margin:0;text-align:center;color:#e2d8c9;font-size:15px;}.auth-switch a{color:#f0c75d;font-weight:800;}
.auth-alert{margin-bottom:20px;text-transform:none;letter-spacing:0;font-weight:700;}
.auth-hq{display:grid;grid-template-columns:1fr auto;gap:5px 12px;align-items:center;margin:-6px 0 22px;padding:14px 16px;border:1px solid rgba(217,173,85,.2);border-radius:14px;background:rgba(255,255,255,.035);}
.auth-hq span{color:#a99e8a;font-size:12px;text-transform:uppercase;letter-spacing:.12em;}
.auth-hq strong{color:#fff;font-size:18px;}.auth-hq small{grid-column:1/-1;color:#d9ad55;}
.auth-register-page .auth-form-panel{padding-top:38px;padding-bottom:34px;}.auth-register-page .auth-form-panel h2{font-size:36px;}.auth-register-page .auth-form-panel label{margin-bottom:18px;}.auth-register-page .auth-form-panel input,.auth-register-page .auth-form-panel select{height:58px;}.auth-register-page .auth-title-rule{margin-bottom:24px;}
@media(max-width:1100px){
  .auth-cinematic{padding:24px;background-position:36% center;}
  .auth-page,.auth-register-page{width:min(720px,calc(100vw - 36px));grid-template-columns:1fr;gap:24px;min-height:auto;}
  .auth-story-panel{min-height:0;padding:28px 14px 8px;}
  .auth-story-panel h1{font-size:clamp(36px,9vw,56px);}
  .auth-story-panel p{font-size:16px;}
  .auth-emblem{width:78px;height:78px;font-size:34px;}
  .auth-brand-title{font-size:13px;letter-spacing:.34em;margin-bottom:18px;}
  .auth-feature-row{margin-top:28px;}
  .auth-form-panel{padding:32px 24px;}
}
@media(max-width:620px){
  .auth-cinematic{padding:16px;}
  .auth-page,.auth-register-page{width:100%;}
  .auth-story-panel{align-items:flex-start;text-align:left;}
  .auth-rule{margin-left:0;}
  .auth-rule::after{left:0;transform:translateY(-50%);}
  .auth-feature-row{grid-template-columns:1fr;}.auth-feature-row div{border-right:0;border-bottom:1px solid rgba(217,173,85,.18);}.auth-feature-row div:last-child{border-bottom:0;}
  .auth-form-panel h2{font-size:30px;}
}


/* Email verification result page fix */
.verify-body .verify-page{
    position:relative;
    z-index:2;
    min-height:100vh;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:32px;
    box-sizing:border-box;
}
.verify-card{
    width:min(760px, 92vw);
    text-align:center;
    padding:56px 64px;
    border:1px solid rgba(214,165,72,.32);
    border-radius:26px;
    background:rgba(9,9,9,.82);
    box-shadow:0 28px 90px rgba(0,0,0,.55);
    backdrop-filter:blur(10px);
}
.verify-card .auth-emblem{
    margin:0 auto 18px;
}
.verify-card h1{
    margin:20px 0 8px;
    font-size:clamp(38px, 5vw, 72px);
    line-height:.95;
    letter-spacing:2px;
    text-transform:uppercase;
}
.verify-card p{
    max-width:620px;
    margin:18px auto 0;
    color:#ddd;
    font-size:17px;
    line-height:1.7;
}
.verify-card .verify-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:auto;
    min-width:260px;
    margin-top:34px;
    padding:16px 28px;
}
.verify-small{
    margin-top:18px !important;
}
.verify-card.is-success .auth-emblem{
    color:#0b0;
}
.verify-card.is-error .auth-emblem{
    color:#d6a548;
}
@media (max-width:720px){
    .verify-card{
        padding:42px 24px;
    }
}