:root{--asfalt:#0b0b0d;--wegdek:#151518;--wegdek-licht:#222227;--signaal:#f2b23e;--signaal-donker:#c98a2b;--goud-verloop:linear-gradient(135deg,#f8d684,#f2b23e 45%,#c98a2b);--krijt:#f3f1ed;--wit:#fff;--staal:#a3a3a9;--staal-donker:#5e5e66;--lijn:hsla(0,0%,100%,.1);--lijn-licht:#e2e0dc;--radius:10px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--wit);color:var(--asfalt);font-family:var(--font-body),system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{max-width:1140px;margin:0 auto;padding:0 24px}.display{font-weight:700;letter-spacing:.01em;line-height:.95}.display,.eyebrow{font-family:var(--font-display),sans-serif;text-transform:uppercase}.eyebrow{letter-spacing:.22em;font-size:.8rem;font-weight:600;color:var(--signaal)}.section-title{font-size:clamp(2rem,4.5vw,3.2rem);margin:10px 0 14px}.lead{color:var(--staal-donker);max-width:560px;font-size:1.06rem}.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display),sans-serif;text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-size:.95rem;padding:14px 26px;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,background .15s ease,color .15s ease}.btn:focus-visible{outline:3px solid var(--signaal);outline-offset:3px}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--goud-verloop);color:var(--asfalt)}.btn-primary:hover{background:var(--signaal-donker)}.btn-ghost{border-color:var(--lijn);color:var(--wit)}.btn-ghost:hover{border-color:var(--signaal);color:var(--signaal)}.btn-outline-dark{border-color:var(--asfalt);color:var(--asfalt)}.btn-outline-dark:hover{background:var(--asfalt);color:var(--wit)}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(11,11,13,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--lijn)}.site-header .container{display:flex;align-items:center;justify-content:space-between;height:72px}.logo{font-family:var(--font-display),sans-serif;font-weight:700;text-transform:uppercase;font-size:1.5rem;color:var(--wit);letter-spacing:.03em}.logo span{color:var(--signaal)}.logo-img{display:block;max-width:100%}.portaal-topbalk .logo{display:inline-flex;align-items:center;gap:10px}.site-header .container{gap:24px;max-width:1320px}.nav-links{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.6vw,26px);flex:1 1;min-width:0}@media (min-width:1101px) and (max-width:1320px){.nav-links a{font-size:.86rem}.site-header .container{gap:16px}}.nav-links a{color:#e6e4e0;font-size:.95rem;font-weight:500;white-space:nowrap;transition:color .15s ease}.nav-links a:focus-visible,.nav-links a:hover{color:var(--signaal)}.nav-acties{display:flex;align-items:center;gap:16px;flex-shrink:0}.nav-acties .btn{padding:10px 20px;font-size:.85rem}.mobiel-menu{display:none;position:relative}.mobiel-menu summary{list-style:none;cursor:pointer;color:var(--wit);font-size:1.5rem;line-height:1;padding:6px 10px;border:1px solid var(--lijn);border-radius:6px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mobiel-menu summary::-webkit-details-marker{display:none}.mobiel-menu[open] summary{border-color:var(--signaal);color:var(--signaal)}.mobiel-menu nav{position:absolute;inset-inline-end:0;top:calc(100% + 10px);min-width:220px;background:var(--asfalt);border:1px solid var(--lijn);border-radius:10px;padding:10px;display:grid;grid-gap:2px;gap:2px;box-shadow:0 18px 40px rgba(0,0,0,.45)}.mobiel-menu nav a{color:#e6e4e0;padding:11px 14px;border-radius:6px;font-weight:500}.mobiel-menu nav a:hover{background:var(--wegdek);color:var(--signaal)}@media (max-width:1100px){.nav-links{display:none}.mobiel-menu{display:block}}@media (max-width:460px){.nav-acties .btn{display:none}}.hero{background:var(--asfalt);color:var(--wit);padding:96px 0 110px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;left:0;right:0;bottom:44px;height:4px;background:repeating-linear-gradient(90deg,var(--signaal) 0 48px,transparent 48px 84px);opacity:.85}.hero h1{font-size:clamp(3rem,8vw,6rem);max-width:900px}.hero h1 em{font-style:normal;color:var(--signaal)}.hero .lead{color:var(--staal);margin:22px 0 34px}.hero-actions{gap:16px}.hero-actions,.hero-stats{display:flex;flex-wrap:wrap}.hero-stats{gap:44px;margin-top:64px}.hero-stat strong{font-family:var(--font-display),sans-serif;font-size:1.8rem;color:var(--wit);display:block;line-height:1}.hero-stat span{color:var(--staal);font-size:.88rem}.kenteken{display:inline-flex;align-items:stretch;border-radius:6px;overflow:hidden;border:2px solid #0f1218;box-shadow:0 2px 0 rgba(0,0,0,.25);font-family:var(--font-display),sans-serif}.kenteken .eu{background:#039;color:#ffd617;width:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.55rem;font-weight:700;gap:2px}.kenteken .plaat{background:var(--signaal);color:#14181f;padding:6px 14px;font-weight:700;font-size:1.15rem;letter-spacing:.06em;display:flex;align-items:baseline;gap:6px}.kenteken .plaat small{font-size:.7rem;font-weight:600;letter-spacing:.04em}.pakketten{background:var(--krijt);padding:96px 0}.pakket-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;margin-top:48px}@media (max-width:900px){.pakket-grid{grid-template-columns:1fr}}.pakket{background:var(--wit);border:1px solid var(--lijn-licht);border-radius:var(--radius);padding:32px 28px;display:flex;flex-direction:column;gap:18px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.pakket:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(11,11,13,.1)}.pakket.featured{background:var(--asfalt);color:var(--wit);border-color:var(--asfalt)}.pakket.featured .pakket-levertijd,.pakket.featured .pakket-tagline{color:var(--staal)}.pakket-badge{position:absolute;top:-13px;right:20px;background:var(--signaal);color:var(--asfalt);font-weight:700;font-size:.72rem;letter-spacing:.12em;padding:5px 12px;border-radius:4px}.pakket h3,.pakket-badge{font-family:var(--font-display),sans-serif;text-transform:uppercase}.pakket h3{font-size:1.5rem;line-height:1.1}.pakket-tagline{color:var(--staal-donker);font-size:.95rem;min-height:2.8em}.pakket-levertijd{font-size:.85rem;color:var(--staal-donker)}.pakket ul{list-style:none;display:grid;grid-gap:10px;gap:10px;flex:1 1}.pakket li{padding-left:24px;position:relative;font-size:.94rem}.pakket li:before{content:"";position:absolute;left:0;top:8px;width:12px;height:4px;background:var(--signaal);border-radius:2px}.pakket .btn{justify-content:center}.proces{padding:96px 0;background:var(--wit)}.stappen{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;margin-top:56px;position:relative}.stappen:before{content:"";position:absolute;top:26px;left:4%;right:4%;height:3px;background:repeating-linear-gradient(90deg,var(--lijn-licht) 0 22px,transparent 22px 40px)}@media (max-width:900px){.stappen{grid-template-columns:1fr}.stappen:before{display:none}}.stap{position:relative;padding-top:8px}.stap-marker{width:52px;height:40px;background:var(--asfalt);color:var(--signaal);border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;position:relative;z-index:1;margin-bottom:20px}.stap h3,.stap-marker{font-family:var(--font-display),sans-serif;font-size:1.15rem}.stap h3{text-transform:uppercase;margin-bottom:8px}.stap p{color:var(--staal-donker);font-size:.93rem}.cta-strook{background:var(--asfalt);color:var(--wit);padding:80px 0}.cta-strook .container{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}.cta-strook h2{font-size:clamp(1.8rem,4vw,2.8rem);max-width:560px}.cta-strook h2 em{font-style:normal;color:var(--signaal)}.form-pagina{background:var(--krijt);padding:72px 0 96px;min-height:70vh}.form-kaart{background:var(--wit);border:1px solid var(--lijn-licht);border-radius:var(--radius);padding:40px;max-width:760px;margin:40px auto 0}@media (max-width:640px){.form-kaart{padding:24px}}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}@media (max-width:640px){.form-grid{grid-template-columns:1fr}}.veld{display:flex;flex-direction:column;gap:6px}.veld.breed{grid-column:1/-1}.veld label{font-size:.85rem;font-weight:600}.factuur-regels input,.factuur-regels textarea,.portaal-auto-rij input,.portaal-auto-rij select,.rapport-form input[name=note],.veld input,.veld select,.veld textarea{font:inherit;padding:12px 14px;border:1px solid var(--lijn-licht);border-radius:6px;background:var(--wit);color:var(--asfalt)}.factuur-regels input:focus,.factuur-regels textarea:focus,.portaal-auto-rij input:focus,.portaal-auto-rij select:focus,.veld input:focus,.veld select:focus,.veld textarea:focus{outline:2px solid var(--signaal);outline-offset:0;border-color:var(--signaal)}.form-melding{margin-top:20px;padding:14px 16px;border-radius:6px;font-size:.95rem}.form-melding.ok{background:#e8f5e9;border:1px solid #a5d6a7;color:#1b5e20}.form-melding.fout{background:#fdecea;border:1px solid #f5b7b1;color:#8e2417}.site-footer{background:var(--asfalt);color:var(--staal);padding:56px 0 32px;border-top:4px solid var(--signaal)}.footer-grid{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap;margin-bottom:40px}.site-footer h4{font-family:var(--font-display),sans-serif;text-transform:uppercase;color:var(--wit);font-size:1rem;margin-bottom:12px}.site-footer ul{list-style:none;display:grid;grid-gap:8px;gap:8px;font-size:.92rem}.site-footer a:hover{color:var(--wit)}.footer-onder{border-top:1px solid var(--lijn);padding-top:24px;font-size:.85rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}@media (prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;scroll-behavior:auto!important}}.login-scherm{min-height:100vh;background:var(--asfalt);display:flex;align-items:center;justify-content:center;padding:24px}.login-kaart{background:var(--wegdek);border:1px solid var(--lijn);border-radius:var(--radius);padding:40px;width:100%;max-width:400px;display:grid;grid-gap:18px;gap:18px}.login-kaart .veld label{color:var(--staal)}.login-kaart .veld input{background:var(--asfalt);border-color:var(--lijn);color:var(--wit)}.admin-shell{display:flex;min-height:100vh;background:var(--krijt)}.admin-zijbalk{width:240px;background:var(--asfalt);color:var(--staal);padding:28px 20px;display:flex;flex-direction:column;gap:32px;flex-shrink:0;position:-webkit-sticky;position:sticky;top:0;height:100vh}.admin-zijbalk nav{display:grid;grid-gap:4px;gap:4px;flex:1 1}.admin-zijbalk nav a{padding:11px 14px;border-radius:6px;font-size:.95rem;border-left:3px solid transparent;transition:background .15s ease,color .15s ease}.admin-zijbalk nav a.actief,.admin-zijbalk nav a:hover{color:var(--wit);background:var(--wegdek)}.admin-zijbalk nav a.actief{border-left-color:var(--signaal)}.admin-gebruiker{display:grid;grid-gap:6px;gap:6px;font-size:.85rem;border-top:1px solid var(--lijn);padding-top:20px}.admin-gebruiker strong{color:var(--wit)}.admin-inhoud{flex:1 1;padding:40px;min-width:0}@media (max-width:800px){.admin-shell{flex-direction:column}.admin-zijbalk{width:100%;height:auto;position:static}.admin-inhoud{padding:20px}}.admin-titel{font-size:2rem;margin-bottom:24px}.admin-subtitel{font-size:1.3rem;margin:36px 0 14px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px}.stat-kaart{background:var(--wit);border:1px solid var(--lijn-licht);border-radius:var(--radius);padding:22px;display:grid;grid-gap:4px;gap:4px;transition:transform .15s ease}.stat-kaart:hover{transform:translateY(-2px)}.stat-kaart strong{font-family:var(--font-display),sans-serif;font-size:2.2rem;line-height:1;color:var(--asfalt)}.stat-kaart span{color:var(--staal-donker);font-size:.88rem}.tabel-wrap{background:var(--wit);border:1px solid var(--lijn-licht);border-radius:var(--radius);overflow-x:auto}.admin-tabel{width:100%;border-collapse:collapse;font-size:.9rem}.admin-tabel th{text-align:left;font-family:var(--font-display),sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;color:var(--staal-donker);padding:12px 14px;border-bottom:2px solid var(--lijn-licht);white-space:nowrap}.admin-tabel td{padding:12px 14px;border-bottom:1px solid var(--lijn-licht);vertical-align:top}.admin-tabel tr:last-child td{border-bottom:none}.admin-tabel input[type=date],.admin-tabel select{font:inherit;font-size:.85rem;padding:6px 8px;border:1px solid var(--lijn-licht);border-radius:6px}.status-chip{display:inline-block;background:var(--krijt);border:1px solid var(--lijn-licht);border-radius:999px;padding:3px 10px;font-size:.78rem}.btn-klein{padding:8px 14px;font-size:.8rem}.tab-balk{display:flex;gap:8px;margin-bottom:20px}.tab-balk button{font-family:var(--font-display),sans-serif;text-transform:uppercase;letter-spacing:.06em;font-weight:600;font-size:.85rem;padding:10px 18px;border-radius:6px;border:1px solid var(--lijn-licht);background:var(--wit);cursor:pointer}.tab-balk button.actief{background:var(--asfalt);color:var(--signaal);border-color:var(--asfalt)}.planner-kop{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.kalender{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:6px;gap:6px}.kalender-kop{font-family:var(--font-display),sans-serif;text-transform:uppercase;font-size:.75rem;letter-spacing:.08em;color:var(--staal-donker);text-align:center;padding:6px 0}.kalender-cel{background:var(--wit);border:1px solid var(--lijn-licht);border-radius:8px;min-height:96px;padding:8px;display:flex;flex-direction:column;gap:4px}.kalender-cel.leeg{background:transparent;border-color:transparent}.kalender-cel.vandaag{border-color:var(--signaal);box-shadow:inset 0 0 0 1px var(--signaal)}.kalender-dag{font-weight:700;font-size:.85rem;color:var(--staal-donker)}.kalender-dag,.planner-chip{font-family:var(--font-display),sans-serif}.planner-chip{font-size:.72rem;font-weight:600;letter-spacing:.03em;border:none;border-radius:4px;padding:4px 6px;cursor:pointer;text-align:left;background:var(--signaal);color:var(--asfalt)}.planner-chip.status-aangevraagd{background:var(--krijt);border:1px dashed var(--staal);color:var(--asfalt)}.planner-chip.status-onderweg{background:var(--asfalt);color:var(--signaal)}.planner-chip.status-afgeleverd{background:#d9efdb;color:#1b5e20}.modal-achtergrond{position:fixed;inset:0;background:rgba(11,11,13,.6);display:flex;align-items:center;justify-content:center;z-index:100;padding:24px}.modal{background:var(--wit);border-radius:var(--radius);padding:32px;width:100%;max-width:460px;display:grid;grid-gap:16px;gap:16px}@media (max-width:720px){.kalender-cel{min-height:60px;padding:4px}.planner-chip{font-size:.6rem;padding:2px 4px}}.werk-shell{min-height:100vh;background:var(--krijt)}.werk-balk{background:var(--asfalt);border-bottom:4px solid var(--signaal);position:-webkit-sticky;position:sticky;top:0;z-index:50}.werk-balk-binnen{display:flex;align-items:center;justify-content:space-between;gap:20px;height:68px;flex-wrap:wrap}.werk-balk nav{display:flex;gap:6px}.werk-balk nav a{color:var(--staal);padding:9px 16px;border-radius:6px;font-size:.95rem}.werk-balk nav a:hover{color:var(--wit);background:var(--wegdek)}.werk-balk nav a.actief{color:var(--asfalt);background:var(--signaal);font-weight:600}.werk-gebruiker{display:flex;align-items:center;gap:14px;color:var(--staal);font-size:.9rem}.werk-inhoud{padding-top:36px;padding-bottom:72px}.opdracht-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:18px;gap:18px;margin-bottom:12px}.opdracht-kaart{background:var(--wit);border:1px solid var(--lijn-licht);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:14px}.opdracht-kop{display:flex;align-items:center;justify-content:space-between;gap:10px}.opdracht-kop strong{font-size:1.1rem;letter-spacing:.04em}.opdracht-kop strong,.opdracht-route{font-family:var(--font-display),sans-serif}.opdracht-route{font-weight:600;font-size:1.05rem;line-height:1.35}.route-pijl{color:var(--signaal);margin:0 8px}.opdracht-details{list-style:none;display:grid;grid-gap:7px;gap:7px;font-size:.92rem;flex:1 1}.opdracht-details li{display:grid;grid-template-columns:110px 1fr;grid-gap:8px;gap:8px}.opdracht-details li>span:first-child{color:var(--staal-donker);font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-display),sans-serif;padding-top:2px}.opdracht-details a{text-decoration:underline}.opdracht-acties{display:flex;gap:10px;flex-wrap:wrap}.opdracht-acties .btn{flex:1 1;justify-content:center;min-width:140px}.kb-lijst{display:grid;grid-gap:12px;gap:12px;max-width:760px}.kb-kaart{background:var(--wit);border:1px solid var(--lijn-licht);border-radius:var(--radius);overflow:hidden}.kb-titel{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;background:none;border:none;cursor:pointer;font:inherit;font-family:var(--font-display),sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:1rem;padding:18px 20px;text-align:left}.kb-titel:hover{background:var(--krijt)}.kb-inhoud{padding:0 20px 20px;display:grid;grid-gap:14px;gap:14px;font-size:.95rem;color:var(--staal-donker)}.calculator{background:var(--asfalt);color:var(--wit);padding:96px 0;border-top:4px solid var(--signaal)}.calc-layout{display:grid;grid-template-columns:1fr 1.1fr;grid-gap:56px;gap:56px;align-items:start}@media (max-width:900px){.calc-layout{grid-template-columns:1fr}}.calculator .lead{color:var(--staal)}.usp-lijst{list-style:none;display:grid;grid-gap:12px;gap:12px;margin-top:24px}.usp-lijst li{padding-left:26px;position:relative;color:var(--staal)}.usp-lijst li:before{content:"";position:absolute;left:0;top:9px;width:14px;height:4px;background:var(--signaal);border-radius:2px}.calc-kaart{background:var(--wegdek);border:1px solid var(--lijn);border-radius:var(--radius);padding:32px}.calc-form{display:grid;grid-gap:16px;gap:16px}.calc-form .veld label{color:var(--staal)}.calc-form .veld input{background:var(--asfalt);border:1px solid var(--lijn);color:var(--wit)}.calc-form .btn{justify-content:center}.calc-resultaat{margin-top:24px;border-top:1px dashed var(--lijn);padding-top:24px;display:grid;grid-gap:18px;gap:18px}.calc-route-info{display:flex;gap:36px}.calc-route-info strong{font-family:var(--font-display),sans-serif;font-size:1.6rem;display:block;line-height:1}.calc-route-info span{color:var(--staal);font-size:.85rem}.calc-prijzen{display:grid;grid-gap:10px;gap:10px}.calc-prijs-rij{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--asfalt);border:1px solid var(--lijn);border-radius:8px;padding:12px 16px}.calc-prijs-rij strong{font-family:var(--font-display),sans-serif;text-transform:uppercase;display:block;line-height:1.1}.calc-disclaimer,.calc-prijs-rij>div span{color:var(--staal);font-size:.8rem}.calculator .btn-outline-dark{border-color:var(--lijn);color:var(--wit)}.calculator .btn-outline-dark:hover{background:var(--signaal);border-color:var(--signaal);color:var(--asfalt)}.kenteken-invoer{display:flex;gap:10px}.kenteken-invoer input{flex:1 1;font-family:var(--font-display),sans-serif;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.rdw-info{color:var(--staal-donker);margin-top:4px}.modal-breed{max-width:680px;max-height:90vh;overflow-y:auto}.btn-uitloggen{display:inline-flex;font-size:.85rem;padding:10px 18px;color:#e5484d;border:2px solid #e5484d;min-height:44px}.btn-uitloggen:focus-visible,.btn-uitloggen:hover{background:#e5484d;color:#fff;outline:none}.admin-inhoud-wrap{flex:1 1;min-width:0;display:flex;flex-direction:column}.admin-topbalk{background:var(--wit);border-bottom:1px solid var(--lijn-licht);padding:10px 40px;display:flex;justify-content:flex-end;align-items:center;gap:18px;position:-webkit-sticky;position:sticky;top:0;z-index:40}.admin-topbalk-gebruiker{display:inline-flex;align-items:center;gap:8px;color:var(--staal-donker);font-size:.9rem}.admin-topbalk-gebruiker small{background:var(--krijt);border:1px solid var(--lijn-licht);border-radius:999px;padding:2px 10px}.admin-topbalk .btn-uitloggen{width:auto;padding:9px 18px}.admin-topbalk .gebruiker-avatar{width:32px;height:32px;font-size:.95rem}@media (max-width:800px){.admin-topbalk{padding:8px 16px}.admin-topbalk-gebruiker small,.admin-topbalk-gebruiker strong{display:none}.admin-topbalk .btn-uitloggen{padding:8px 14px;font-size:.82rem}.admin-inhoud{padding:20px}}.calc-rij{grid-gap:14px;gap:14px}.calc-checks{gap:20px}.calc-checks label{display:inline-flex;gap:8px}.calc-checks input{width:18px;height:18px;accent-color:var(--signaal)}.calc-pakket{border-radius:10px;grid-gap:14px;gap:14px}.calc-pakket-kop strong{font-size:1.15rem}.calc-prijsblok{display:grid;grid-gap:6px;gap:6px;font-size:.9rem}.calc-prijsblok>div{display:flex;justify-content:space-between;color:var(--staal)}.calc-prijsblok strong{color:var(--wit);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.calc-prijsblok .calc-totaal{border-top:1px dashed var(--lijn);padding-top:8px;font-size:1.02rem}.calc-prijsblok .calc-totaal strong{color:var(--signaal);font-family:var(--font-display),sans-serif;font-size:1.2rem}.marge-chip{padding:3px 10px;font-size:.8rem}.marge-groen{background:#d9efdb;color:#1b5e20}.marge-oranje{background:#fdefd3;color:#8a5a00}.marge-rood{background:#fdecea;color:#8e2417}.status-chip.onderhoud-ok{background:#d9efdb;border-color:#a5d6a7;color:#1b5e20}.status-chip.onderhoud-binnenkort{background:#fdefd3;border-color:#f2d38a;color:#8a5a00}.status-chip.onderhoud-verlopen{background:#fdecea;border-color:#f5b7b1;color:#8e2417}.status-chip.onderhoud-onbekend{background:var(--krijt)}.alert-lijst{display:grid;grid-gap:8px;gap:8px}.alert-regel{display:block;border-radius:8px;padding:12px 16px;font-size:.92rem;border:1px solid var(--lijn-licht);background:var(--wit)}.alert-regel.onderhoud-verlopen{border-color:#f5b7b1;background:#fdecea}.alert-regel.onderhoud-binnenkort{border-color:#f2d38a;background:#fdefd3}.stat-kaart.stat-positief strong{color:#1b5e20}.stat-kaart.stat-negatief strong{color:#b3261e}.export-rij{display:flex;gap:12px;flex-wrap:wrap}.voertuig-detail{margin-top:32px;border-top:3px solid var(--signaal);padding-top:24px}.detail-kolommen{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}@media (max-width:1000px){.detail-kolommen{grid-template-columns:1fr}}.btn-uitloggen{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;font:inherit;font-family:var(--font-display),sans-serif;text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-size:.9rem;color:#ff6b6b;background:transparent;border:2px solid #ff6b6b;border-radius:6px;cursor:pointer;transition:background .15s ease,color .15s ease}.btn-uitloggen:hover{background:#c62828;border-color:#c62828;color:#fff}.btn-uitloggen:focus-visible{outline:3px solid var(--signaal);outline-offset:3px}.werk-gebruiker .btn-uitloggen{width:auto;padding:9px 16px}.gebruiker-avatar{width:38px;height:38px;border-radius:50%;background:var(--signaal);color:var(--asfalt);display:flex;align-items:center;justify-content:center;font-family:var(--font-display),sans-serif;font-weight:700;font-size:1.1rem}.onderhoud-chip{display:inline-block;border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:600}.onderhoud-chip.s-ok{background:#e3f2e5;color:#1b5e20}.onderhoud-chip.s-binnenkort{background:#fff3d6;color:#8a5a00}.onderhoud-chip.s-verlopen{background:#fdecea;color:#8e2417}.onderhoud-chip.s-onbekend{background:var(--krijt);color:var(--staal-donker)}.marge-chip{display:inline-block;margin-left:10px;border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:600}.marge-chip.m-gezond{background:#e3f2e5;color:#1b5e20}.marge-chip.m-laag{background:#fff3d6;color:#8a5a00}.marge-chip.m-verlies{background:#fdecea;color:#8e2417}.calc-detail{border:1px solid var(--lijn-licht);border-radius:8px;padding:10px 14px}.calc-detail summary{cursor:pointer;font-size:.92rem}.calc-detail[open] summary{margin-bottom:10px}.calc-rij{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}@media (max-width:560px){.calc-rij{grid-template-columns:1fr}}.calc-form .veld select{background:var(--asfalt);border:1px solid var(--lijn);color:var(--wit);padding:12px 14px;border-radius:6px;font:inherit}.calc-checks{display:flex;gap:18px;flex-wrap:wrap;color:var(--staal);font-size:.9rem}.calc-checks label{display:flex;align-items:center;gap:7px;cursor:pointer}.calc-waarschuwing{background:rgba(242,178,62,.12);border:1px solid rgba(242,178,62,.5);color:var(--signaal);border-radius:6px;padding:10px 14px;font-size:.85rem}.calc-pakket{position:relative;background:var(--asfalt);border:1px solid var(--lijn);border-radius:8px;padding:18px;display:grid;grid-gap:12px;gap:12px}.calc-pakket.featured{border-color:var(--signaal)}.calc-pakket .pakket-badge{top:-11px}.calc-pakket-kop strong{font-family:var(--font-display),sans-serif;text-transform:uppercase;font-size:1.1rem;display:block}.calc-pakket-kop span{color:var(--staal);font-size:.82rem}.calc-prijsopbouw{display:grid;grid-gap:6px;gap:6px;font-size:.92rem}.calc-prijsopbouw div{display:flex;justify-content:space-between;gap:12px}.calc-prijsopbouw dt{color:var(--staal)}.calc-prijsopbouw dd{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.calc-prijsopbouw .totaal{border-top:1px dashed var(--lijn);padding-top:6px;font-family:var(--font-display),sans-serif;font-weight:700;font-size:1.05rem}.calc-prijsopbouw .totaal dt{color:var(--wit)}.calc-prijsopbouw .totaal dd{color:var(--signaal)}.adres-veld{position:relative}.adres-suggesties{position:absolute;top:100%;left:0;right:0;z-index:40;list-style:none;background:var(--wit);border:1px solid var(--lijn-licht);border-radius:8px;box-shadow:0 12px 30px rgba(11,11,13,.18);overflow:hidden;margin-top:4px}.adres-suggesties button{width:100%;text-align:left;background:none;border:none;font:inherit;font-size:.88rem;color:var(--asfalt);padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--lijn-licht)}.adres-suggesties li:last-child button{border-bottom:none}.adres-suggesties button.actief,.adres-suggesties button:hover{background:var(--krijt)}.calc-form .adres-suggesties{background:var(--wegdek);border-color:var(--lijn)}.calc-form .adres-suggesties button{color:var(--wit);border-color:var(--lijn)}.calc-form .adres-suggesties button.actief,.calc-form .adres-suggesties button:hover{background:var(--asfalt)}.taal-wissel{display:flex;gap:4px;border:1px solid var(--lijn);border-radius:6px;padding:3px}.taal-wissel a{padding:5px 10px;border-radius:4px;font-size:.82rem;color:var(--staal)}.taal-wissel a:hover{color:var(--wit)}.taal-wissel a.actief{background:var(--signaal);color:var(--asfalt);font-weight:600}@media (max-width:720px){.nav .taal-wissel{display:flex}}[dir=rtl] .btn,[dir=rtl] .display,[dir=rtl] .eyebrow,[dir=rtl] body,[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4{font-family:var(--font-arabic),"Noto Sans Arabic",system-ui,sans-serif}[dir=rtl] .display{letter-spacing:0;line-height:1.15}[dir=rtl] .eyebrow{letter-spacing:.05em}[dir=rtl] .btn{letter-spacing:.02em}[dir=rtl] .hero h1{font-size:clamp(2.4rem,6.5vw,4.6rem)}[dir=rtl] .pakket li,[dir=rtl] .usp-lijst li{padding-left:0;-webkit-padding-start:24px;padding-inline-start:24px}[dir=rtl] .pakket li:before,[dir=rtl] .usp-lijst li:before{left:auto;inset-inline-start:0}[dir=rtl] .pakket-badge{right:auto;inset-inline-end:20px}[dir=rtl] .admin-zijbalk nav a{border-left:none;-webkit-border-start:3px solid transparent;border-inline-start:3px solid transparent}.ltr-inline,[dir=rtl] .calc-prijsopbouw dd,[dir=rtl] .kenteken,[dir=rtl] input[type=date],[dir=rtl] input[type=number]{direction:ltr;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}[dir=rtl] .adres-suggesties{text-align:right}.cms-inhoud{display:grid;grid-gap:18px;gap:18px;color:var(--asfalt);font-size:1.02rem;line-height:1.75}.cms-inhoud h2{font-size:1.35rem;margin-top:14px}.provincie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:24px;gap:24px}.provincie-blok{background:var(--wit);border:1px solid var(--lijn-licht);border-radius:10px;padding:20px}.provincie-blok h2{font-size:1.1rem;margin-bottom:10px;color:var(--asfalt)}.provincie-blok ul{list-style:none;display:grid;grid-gap:6px;gap:6px}.provincie-blok a{color:var(--staal-donker)}.provincie-blok a:hover{color:var(--asfalt);text-decoration:underline}.broodkruimels{font-size:.85rem;color:var(--staal-donker);margin-bottom:18px}.broodkruimels a{color:var(--staal-donker);text-decoration:underline}.stad-cta{background:var(--asfalt);color:var(--wit);border-radius:10px;padding:26px;margin-top:32px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.stad-cta h2{font-size:1.25rem;margin:0}.faq-lijst{display:grid;grid-gap:10px;gap:10px;margin-top:14px}.faq-lijst details{background:var(--wit);border:1px solid var(--lijn-licht);border-radius:8px;padding:14px 18px}.faq-lijst summary{cursor:pointer;font-weight:600;color:var(--asfalt)}.faq-lijst details[open] summary{margin-bottom:10px}.faq-lijst p{color:var(--staal-donker);line-height:1.7}.nabij-lijst{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.nabij-lijst a{display:inline-block;background:var(--krijt);border:1px solid var(--lijn-licht);border-radius:999px;padding:7px 16px;font-size:.88rem;color:var(--asfalt)}.nabij-lijst a:hover{border-color:var(--asfalt)}.score-chip{display:inline-block;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.score-chip.s-hoog{background:#e3f2e5;color:#1b5e20}.score-chip.s-midden{background:#fff3d6;color:#8a5a00}.score-chip.s-laag{background:#fdecea;color:#8e2417}.consent-balk{position:fixed;inset-inline:0;bottom:0;z-index:90;background:var(--asfalt);color:var(--wit);border-top:3px solid var(--signaal);box-shadow:0 -12px 30px rgba(0,0,0,.35)}.consent-inhoud{max-width:860px;margin:0 auto;padding:20px 24px;display:grid;grid-gap:10px;gap:10px}.consent-inhoud strong{font-family:var(--font-display),sans-serif;text-transform:uppercase;letter-spacing:.06em}.consent-inhoud p{color:var(--staal);font-size:.88rem;line-height:1.6;margin:0}.consent-opties{display:grid;grid-gap:8px;gap:8px;font-size:.88rem}.consent-opties label{display:flex;align-items:baseline;gap:8px;cursor:pointer}.consent-opties input{width:auto}.consent-opties small{color:var(--staal)}.consent-knoppen{display:flex;flex-wrap:wrap;gap:10px}.footer-cookie-link{background:none;border:none;font:inherit;color:inherit;text-decoration:underline;cursor:pointer;padding:0}[dir=rtl] .consent-inhoud strong,[dir=rtl] .consent-knoppen .btn{letter-spacing:.02em}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px;gap:20px}.content-kaart{display:grid;grid-gap:10px;gap:10px;align-content:start;background:var(--wit);border:1px solid var(--lijn-licht);border-radius:10px;padding:22px;color:var(--asfalt);transition:border-color .15s ease,transform .15s ease}.content-kaart:hover{border-color:var(--asfalt);transform:translateY(-2px)}.content-kaart h2{font-size:1.15rem}.content-kaart p{color:var(--staal-donker);font-size:.92rem;line-height:1.6}.content-meer{color:var(--asfalt);font-weight:600;font-size:.88rem}.content-meer small{color:var(--staal-donker);font-weight:400}.antwoordblok{background:var(--krijt);border:1px solid var(--lijn-licht);-webkit-border-start:4px solid var(--signaal);border-inline-start:4px solid var(--signaal);border-radius:10px;padding:22px 26px;margin:8px 0 28px}.antwoordblok h2{font-size:1.05rem;margin-bottom:14px}.antwoordblok dl{display:grid;grid-gap:10px;gap:10px}.antwoordblok dt{font-weight:700;color:var(--asfalt)}.antwoordblok dd{color:var(--staal-donker);line-height:1.6}.artikel-meta{color:var(--staal-donker);font-size:.88rem;margin:-8px 0 22px}.week-balken{display:flex;align-items:flex-end;gap:6px;margin:8px 0 28px;overflow-x:auto;padding-bottom:4px}.week-balk{display:grid;grid-gap:4px;gap:4px;justify-items:center;min-width:34px}.week-balk .balk{height:90px;width:100%;display:flex;align-items:flex-end;background:var(--krijt);border:1px solid var(--lijn-licht);border-radius:4px;overflow:hidden}.week-balk .balk span{display:block;width:100%;min-height:2px;background:var(--signaal)}.week-balk small{color:var(--staal-donker);font-size:.68rem}.rapport-kolommen{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:24px;gap:24px;align-items:start}.mobiele-actiebalk{display:none}@media (max-width:720px){.mobiele-actiebalk{position:fixed;inset-inline:0;bottom:0;z-index:60;display:flex;background:var(--asfalt);border-top:1px solid var(--lijn);padding:env(safe-area-inset-bottom,0) 0 0}body{padding-bottom:58px}.actie-knop{flex:1 1;display:flex;align-items:center;justify-content:center;gap:6px;padding:15px 8px;font-family:var(--font-display),sans-serif;text-transform:uppercase;letter-spacing:.05em;font-weight:600;font-size:.85rem;color:var(--wit);-webkit-border-end:1px solid var(--lijn);border-inline-end:1px solid var(--lijn)}.actie-knop:last-child{-webkit-border-end:none;border-inline-end:none}.actie-knop.primair{background:var(--signaal);color:var(--asfalt)}}.skiplink{position:absolute;inset-inline-start:-9999px;top:0;z-index:100;background:var(--signaal);color:var(--asfalt);padding:12px 20px;font-weight:700}.skiplink:focus{inset-inline-start:0}.pagina-404{min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--asfalt);color:var(--wit);padding:60px 24px}.pagina-404 h1{font-size:clamp(2rem,6vw,3.4rem);margin:10px 0 14px}.pagina-404 p{color:var(--staal);margin-bottom:26px;line-height:1.7}.rapport-blok{border-top:1px dashed var(--lijn-licht);margin-top:14px;padding-top:14px;display:grid;grid-gap:10px;gap:10px}.rapport-titel{font-family:var(--font-display),sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:.82rem;color:var(--staal-donker)}.foto-strip{display:flex;gap:8px;flex-wrap:wrap}.foto-strip img{width:72px;height:72px;object-fit:cover;border-radius:6px;border:1px solid var(--lijn-licht);display:block}.rapport-fotos small{color:var(--staal-donker);display:block;margin-bottom:6px}.rapport-form{display:grid;grid-gap:8px;gap:8px}.rapport-label{font-size:.85rem;color:var(--staal-donker);display:grid;grid-gap:6px;gap:6px}.akkoord-tabel{display:grid;grid-gap:0;gap:0;margin-bottom:20px}.akkoord-tabel>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--lijn-licht)}.akkoord-tabel dt{color:var(--staal-donker);font-size:.9rem}.akkoord-tabel dd{font-weight:600;color:var(--asfalt);text-align:end}.akkoord-tabel .akkoord-totaal{border-bottom:2px solid var(--asfalt)}.akkoord-tabel .akkoord-totaal dd{font-size:1.15rem}.footer-pagina-link{color:inherit;text-decoration:underline}.planning-blok{background:var(--wit);border:1px solid var(--lijn-licht);-webkit-border-start:4px solid var(--signaal);border-inline-start:4px solid var(--signaal);border-radius:10px;padding:16px 20px;margin-bottom:20px}.planning-blok strong{font-family:var(--font-display),sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:.82rem;color:var(--staal-donker);display:block;margin-bottom:10px}.planning-blok ul{list-style:none;display:grid;grid-gap:8px;gap:8px}.planning-blok li{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:.92rem}.planning-datum{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;color:var(--asfalt);min-width:92px}.teaser-strook{padding:72px 0;background:var(--krijt)}.teaser-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:24px;gap:24px}.teaser-blok{background:var(--wit);border:1px solid var(--lijn-licht);border-radius:12px;padding:34px 32px;display:grid;grid-gap:14px;gap:14px;align-content:start;justify-items:start}.teaser-blok h2{font-size:1.4rem;margin:0}.teaser-blok p{color:var(--staal-donker);line-height:1.7;margin:0}.teaser-blok.teaser-donker{background:var(--asfalt);border-color:var(--lijn)}.teaser-blok.teaser-donker h2{color:var(--wit)}.teaser-blok.teaser-donker p{color:var(--staal)}.portaal-shell{min-height:100vh;background:var(--krijt)}.portaal-topbalk{justify-content:space-between}.portaal-topbalk .logo{color:var(--asfalt);background:var(--asfalt);padding:6px 12px;border-radius:8px}.portaal-label{font-size:.65em;color:var(--staal-donker);text-transform:uppercase;letter-spacing:.12em}.factuur-regels input,.factuur-regels textarea{width:100%;padding:8px 10px}.portaal-auto-rij input,.portaal-auto-rij select{width:100%;min-width:0}.portaal-auto-rij{display:grid;grid-template-columns:1.5fr 1.1fr 1fr .9fr auto;grid-gap:10px;gap:10px;margin-bottom:10px;align-items:center}@media (max-width:720px){.portaal-auto-rij{grid-template-columns:1fr 1fr}}.locatie-deler{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0 4px}.locatie-status{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;color:var(--staal-donker)}.locatie-fout{font-size:.85rem;color:#b3261e}.locatie-puls{width:9px;height:9px;border-radius:50%;background:#1a9c4b;animation:locatie-puls 1.6s ease-in-out infinite}@keyframes locatie-puls{0%,to{box-shadow:0 0 0 0 rgba(26,156,75,.45)}50%{box-shadow:0 0 0 7px rgba(26,156,75,0)}}.volg-teller{display:inline-block;min-width:24px;text-align:center;background:var(--signaal);color:var(--asfalt);border-radius:999px;font-size:.8rem;padding:2px 8px;vertical-align:middle;-webkit-margin-start:6px;margin-inline-start:6px}.volg-oud,.volg-vers{display:inline-flex;align-items:center;gap:7px;font-size:.85rem}.volg-vers{color:#1a7a3f}.volg-oud{color:#a15c00}.volg-oud .locatie-puls{background:#d98a00}.volg-kaart{width:100%;height:380px;border:1px solid var(--lijn-licht);border-radius:10px}.btn-verwijder{background:transparent;border:1px solid #d8b4b0;color:#a03028}.btn-verwijder:hover{background:#a03028;border-color:#a03028;color:var(--wit)}.extra-auto-rij{display:grid;grid-template-columns:auto .9fr 1fr 1fr 1fr auto;grid-gap:10px;gap:10px;align-items:center;margin-bottom:10px}.extra-auto-titel{white-space:nowrap}.extra-auto-nb,.extra-auto-titel{font-size:.85rem;color:var(--staal-donker)}.extra-auto-nb{margin:8px 0 0}@media (max-width:720px){.extra-auto-rij{grid-template-columns:1fr 1fr}}.kenteken-chip{display:inline-block;background:#f6c700;color:#14181f;font-weight:700;font-size:.75rem;padding:2px 8px;border-radius:4px;letter-spacing:.06em}.groep-chip{margin-top:6px;font-size:.78rem;color:#1a7a3f}.groep-chip.groep-let-op{color:#a15c00;font-weight:600}.volg-paneel{background:var(--wit);border:1px solid var(--lijn-licht);border-radius:12px;padding:22px 24px;margin:0 0 28px}.provincie-link{color:inherit;text-decoration:none}.provincie-link:hover{color:var(--signaal)}.portaal-profiel{background:var(--wit);border:1px solid var(--lijn-licht);-webkit-border-start:4px solid var(--signaal);border-inline-start:4px solid var(--signaal);border-radius:10px;padding:14px 18px;margin-top:24px;display:grid;grid-gap:3px;gap:3px}.portaal-profiel span{color:var(--staal-donker);font-size:.88rem}.portaal-profiel small{color:var(--staal-donker);font-size:.78rem}.rdw-regel{margin:-4px 0 10px;font-size:.82rem;color:#1a7a3f}.veld-hint{color:var(--staal-donker)}.login-kaart .veld-hint{color:var(--staal);font-size:.78rem;margin-top:3px;display:block}.chauffeur-select{min-width:130px;padding:6px 8px;font-size:.85rem}.qa-blok{background:var(--krijt);border:1px solid var(--lijn-licht);-webkit-border-start:4px solid var(--signaal);border-inline-start:4px solid var(--signaal);border-radius:10px;padding:20px 22px;margin:22px 0}.qa-blok ul{margin:0 0 16px;-webkit-padding-start:20px;padding-inline-start:20px;display:grid;grid-gap:6px;gap:6px;color:var(--staal-donker);line-height:1.6}.route-tabel{width:100%;border-collapse:collapse;margin:14px 0 8px}.route-tabel td{padding:10px 12px;border-bottom:1px solid var(--lijn-licht)}.route-tabel td:last-child{text-align:end}.reparatie-pagina .form-kaart{color:var(--asfalt)}.reparatie-pagina em,.reparatie-strook em{font-style:normal;color:var(--signaal)}.reparatie-grid{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:48px;gap:48px;align-items:center}.reparatie-grid .hero-actions{margin-top:28px}.hero-reparatie{margin-top:18px;color:var(--staal)}.hero-reparatie a{color:var(--signaal);font-weight:600}.bel-blok{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:28px;color:var(--staal)}@media (max-width:860px){.reparatie-grid{grid-template-columns:1fr;gap:8px}}.contact-knoppen{position:fixed;inset-inline-end:20px;bottom:20px;z-index:70;display:flex;flex-direction:column;gap:12px}.contact-knop{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 6px 18px rgba(0,0,0,.35);transition:transform .15s ease,box-shadow .15s ease}.contact-knop:focus-visible,.contact-knop:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.45)}.contact-knop.whatsapp{background:#25d366;color:#fff}.contact-knop.bellen{background:var(--goud-verloop);color:var(--asfalt)}.btn svg{flex-shrink:0;vertical-align:-.15em}@media (max-width:720px){.contact-knoppen{inset-inline-end:14px;bottom:72px}.contact-knop{width:50px;height:50px;font-size:23px}}.pagina-meldingen{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:300;display:grid;grid-gap:8px;gap:8px;width:min(640px,calc(100% - 32px))}.pagina-meldingen .form-melding{display:flex;justify-content:space-between;gap:12px;margin:0;width:100%;text-align:start;font:inherit;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.25)}.btn-whatsapp{background:#25d366;color:#fff;border-color:#25d366}.btn-whatsapp:hover{background:#1ebe5a;border-color:#1ebe5a}.factuur-zoekbalk{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.factuur-zoekbalk input,.factuur-zoekbalk select{font:inherit;padding:11px 14px;border:1px solid var(--lijn-licht);border-radius:6px;background:var(--wit)}.factuur-zoekbalk input{flex:1 1;min-width:240px}.factuur-overzicht{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:14px;gap:14px;margin-bottom:18px}.overzicht-kaart{display:grid;grid-gap:4px;gap:4px;text-align:start;font:inherit;padding:16px 18px;background:var(--wit);border:1px solid var(--lijn-licht);-webkit-border-start:4px solid var(--signaal);border-inline-start:4px solid var(--signaal);border-radius:var(--radius);cursor:pointer}.overzicht-kaart strong{font-family:var(--font-display),sans-serif;font-size:1.6rem}.overzicht-kaart span{color:var(--staal-donker);font-size:.85rem}.overzicht-kaart.rood{border-inline-start-color:#c62828}.overzicht-kaart.groen{border-inline-start-color:#1a7a3f}.overzicht-kaart.actief{outline:2px solid var(--asfalt)}.status-chip.te-laat{background:#fdecea;color:#b3261e}.betaald-op{color:#1b5e20}.bekeken{color:#1a5fb4}.btn-betaald{background:#1a7a3f;color:#fff;border-color:#1a7a3f}.btn-herinner{background:#fdecea;color:#b3261e;border-color:#f5b7b1}.btn-herinner:hover{background:#fadbd8}.herinner-knoppen{display:inline-flex;gap:6px;-webkit-margin-start:2px;margin-inline-start:2px}.herinnerd{color:#b3261e}.factuur-acties{min-width:240px;max-width:380px}.admin-tabel td:first-child,.admin-tabel td:nth-child(5){white-space:nowrap}.acties{display:flex;flex-wrap:wrap;gap:6px}.actie{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 11px;font:600 .8rem var(--font-body),system-ui,sans-serif;color:var(--asfalt);background:var(--wit);border:1px solid var(--lijn-licht);border-radius:8px;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background .15s ease,border-color .15s ease}.actie svg{font-size:15px;flex-shrink:0}.actie:hover{border-color:var(--staal);background:var(--krijt)}.actie.primair{background:var(--goud-verloop);border-color:transparent}.actie.whatsapp{color:#128c4a}.actie.whatsapp:hover{background:#e9f9ef;border-color:#25d366}.actie.groen{color:#1a7a3f}.actie.groen:hover{background:#e3f2e5;border-color:#1a7a3f}.actie.rood{color:#b3261e}.actie.rood:hover{background:#fdecea;border-color:#f5b7b1}.actie.verwijder{color:#b3261e;padding:0 9px}.actie.verwijder:hover{background:#fdecea;border-color:#b3261e}.live-kaart{width:100%;border-radius:var(--radius);overflow:hidden;border:1px solid var(--lijn-licht);background:#e8e6e1;z-index:0}.auto-marker-wrap{background:none;border:0}.auto-marker{width:44px;height:44px;border-radius:50%;background:var(--asfalt);border:3px solid var(--signaal);box-shadow:0 0 0 0 rgba(242,178,62,.6),0 4px 12px rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;animation:auto-puls 2s infinite}.auto-marker svg{width:22px;height:22px;fill:var(--signaal);transition:transform .8s ease}.auto-marker.gekozen{border-color:#fff;transform:scale(1.12)}.auto-marker.oud{border-color:var(--staal);animation:none}.auto-marker.oud svg{fill:var(--staal)}.auto-label{position:absolute;top:48px;left:50%;transform:translateX(-50%);background:var(--asfalt);color:var(--wit);font:600 .72rem var(--font-body),sans-serif;padding:3px 8px;border-radius:999px;white-space:nowrap}@keyframes auto-puls{0%{box-shadow:0 0 0 0 rgba(242,178,62,.55),0 4px 12px rgba(0,0,0,.35)}70%{box-shadow:0 0 0 16px rgba(242,178,62,0),0 4px 12px rgba(0,0,0,.35)}to{box-shadow:0 0 0 0 rgba(242,178,62,0),0 4px 12px rgba(0,0,0,.35)}}.live-indeling{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:18px;gap:18px;align-items:start}.live-lijst{display:grid;grid-gap:10px;gap:10px;max-height:72vh;overflow-y:auto}.rit-kaart{display:grid;grid-gap:4px;gap:4px;text-align:start;font:inherit;padding:12px 14px;background:var(--wit);border:1px solid var(--lijn-licht);-webkit-border-start:4px solid var(--signaal);border-inline-start:4px solid var(--signaal);border-radius:var(--radius);cursor:pointer}.rit-kaart.gekozen{outline:2px solid var(--asfalt)}.rit-kaart.gepland{border-inline-start-color:var(--staal);cursor:default}.rit-kaart small{color:var(--staal-donker)}.rit-kaart .rit-kop{display:flex;justify-content:space-between;gap:8px}.live-stip{display:inline-block;width:9px;height:9px;border-radius:50%;background:#1a9c4b;-webkit-margin-end:6px;margin-inline-end:6px;box-shadow:0 0 0 3px rgba(26,156,75,.2)}.live-stip.oud{background:var(--staal);box-shadow:none}@media (max-width:960px){.live-indeling{grid-template-columns:1fr}.live-lijst{max-height:none}}.locatie-tip{flex-basis:100%;color:var(--staal-donker);font-size:.8rem}.portaal-ritten{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:10px;gap:10px;margin:12px 0 8px}.wachtwoord-veld{position:relative;flex:1 1}.wachtwoord-veld>input[name]{width:100%;-webkit-padding-end:46px;padding-inline-end:46px}.wachtwoord-oog{position:absolute;inset-block:0;inset-inline-end:0;width:44px;display:flex;align-items:center;justify-content:center;background:none;border:0;cursor:pointer;color:var(--staal-donker,#666);font-size:1.15rem}.wachtwoord-oog:focus-visible,.wachtwoord-oog:hover{color:var(--goud,#f2b23e)}.link-knop{background:none;border:0;color:var(--staal);text-decoration:underline;cursor:pointer;font:inherit;font-size:.9rem}.link-knop:hover{color:#fff}