/* PrimeProp Verhuur, nieuwe jas (Plus Jakarta Sans, nachtblauw, 20px kaarten). Basis via /_shell/primeprop.css. 02-11-2026 */
:root{--bg:var(--pp-bg,#f4f6fa);--kaart:var(--pp-kaart,#fff);--ink:var(--pp-tekst,#0f1b2d);--zacht:var(--pp-zacht,#5b6b80);--lijn:var(--pp-lijn,#e3e8ef);
--nacht:#0f1b2d;--pk:#1f7a4d;--pk-tint:#e8f5ee;--rood:#b42318;--oranje:#b54708;--groen:#1f7a45;--r:20px;--font:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:15px/1.45 var(--font)}
a{color:var(--pk)}main{max-width:1440px;margin:0 auto;padding:18px 16px 60px}
.kop{background:var(--nacht);color:#fff;padding:14px 18px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.kop .merk{font-weight:700;font-size:16px;display:flex;gap:8px;align-items:center}.kop .merk i{width:10px;height:10px;border-radius:50%;background:#4ade80;display:inline-block}
.kop nav{display:flex;gap:4px;flex-wrap:wrap}.kop nav a{color:#cbd5e1;text-decoration:none;padding:7px 12px;border-radius:999px;font-size:14px}
.kop nav a[aria-current]{background:#ffffff1f;color:#fff}.kop nav a:hover{color:#fff}.kop .wie{margin-left:auto;font-size:13px;color:#cbd5e1}.kop .wie a{color:#cbd5e1}
.rolpil{display:inline-block;padding:2px 9px;border-radius:999px;background:#ffffff26;color:#fff;font-size:12px;margin-left:6px}
h1{font-size:22px;margin:4px 0 12px}h2{font-size:16px;margin:0 0 10px}h3{font-size:12.5px;margin:16px 0 6px;color:var(--zacht);text-transform:uppercase;letter-spacing:.05em}
.zacht{color:var(--zacht)}.klein{font-size:13px}
.kaart{background:var(--kaart);border:1px solid var(--lijn);border-radius:var(--r);padding:18px;margin-bottom:16px}
.tegels{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-bottom:16px}
.tegel{display:block;background:var(--kaart);border:1px solid var(--lijn);border-radius:var(--r);padding:16px;text-decoration:none;color:var(--ink);border-left:5px solid var(--pk)}
.tegel b{display:block;font-size:28px;line-height:1.1}.tegel span{font-size:13.5px;color:var(--zacht)}.tegel.let{border-left-color:var(--oranje)}.tegel.rood{border-left-color:var(--rood)}
.tegel:hover{box-shadow:0 4px 18px #0f1b2d14}
.eerst li{margin:6px 0}.goed{background:var(--pk-tint);border-color:#bfe3cf}
.knop,button{display:inline-block;background:var(--nacht);color:#fff;border:1px solid var(--nacht);border-radius:999px;padding:8px 15px;font:500 14px var(--font);cursor:pointer;text-decoration:none}
.knop.licht,button.licht{background:#fff;color:var(--ink);border-color:var(--lijn)}.knop.pk,button.pk{background:var(--pk);border-color:var(--pk)}.knop.klein,button.klein{padding:4px 11px;font-size:13px}
input,select,textarea{width:100%;padding:8px 10px;border:1px solid var(--lijn);border-radius:10px;font:14px var(--font);background:#fff;color:var(--ink)}textarea{min-height:64px}
label{display:block;font-size:12.5px;color:var(--zacht);margin:8px 0 3px}.rij{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2px 12px}
.inline{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.inline>*{width:auto}
table.lijst{width:100%;border-collapse:collapse}table.lijst td,table.lijst th{padding:9px 8px;border-bottom:1px solid var(--lijn);text-align:left;font-size:14px;vertical-align:top}
table.lijst th{font-size:12px;color:var(--zacht);text-transform:uppercase;letter-spacing:.04em}.r{text-align:right}
.tabelrol{overflow-x:auto}
.pil{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12.5px;background:#eef2f7;color:var(--ink);white-space:nowrap}
.pil.pk{background:var(--pk-tint);color:var(--pk)}.pil.let{background:#fff4e5;color:var(--oranje)}.pil.rood{background:#fde8e7;color:var(--rood)}
.bord{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:12px;overflow-x:auto;padding-bottom:10px}
.kolom{background:#eaeef4;border-radius:var(--r);padding:10px;min-height:120px}.kolom h2{font-size:13px;display:flex;justify-content:space-between;margin:2px 4px 8px}
.kaartje{display:block;background:#fff;border:1px solid var(--lijn);border-radius:14px;padding:10px;margin-bottom:8px;text-decoration:none;color:var(--ink);font-size:13.5px}
.kaartje b{display:block;font-size:14px}.kaartje img{width:100%;height:96px;object-fit:cover;border-radius:10px;margin-bottom:6px;background:#eef2f7}
.melding{padding:10px 14px;border-radius:12px;margin-bottom:12px}.melding.fout{background:#fde8e7;color:var(--rood)}.melding.ok{background:var(--pk-tint);color:var(--pk)}
.twee{display:grid;grid-template-columns:2fr 1fr;gap:16px}@media(max-width:900px){.twee{grid-template-columns:1fr}}
.stappen{display:flex;gap:4px;flex-wrap:wrap;margin:6px 0 12px}.stappen span{font-size:12px;padding:4px 9px;border-radius:999px;background:#eef2f7;color:var(--zacht)}
.stappen span.ja{background:var(--pk-tint);color:var(--pk)}.stappen span.nu{background:var(--pk);color:#fff}
.score{display:inline-block;min-width:38px;text-align:center;font-weight:700;border-radius:10px;padding:3px 6px;background:#eef2f7}
.score.hoog{background:var(--pk-tint);color:var(--pk)}.score.laag{background:#fde8e7;color:var(--rood)}
.foto{width:100%;max-height:240px;object-fit:cover;border-radius:14px;background:#eef2f7}
.log li{font-size:13px;margin:4px 0}.smal{max-width:420px;margin:40px auto}
@media(max-width:640px){.kop .wie{margin-left:0;width:100%}h1{font-size:19px}}
.twee>*{min-width:0}.kaart{overflow-wrap:anywhere}