:root{--diep:#004371;--aqua:#0093c4;--ijs:#eaf5fa;--inkt:#10222c;--rand:#c7dee9}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--inkt);background:#f6fafc;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}a{color:var(--diep)}h1,h2{color:var(--diep);line-height:1.2}h1{margin-bottom:1rem;font-size:1.5rem}.balk{border-bottom:1px solid var(--rand);background:#fff;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1.2rem;display:flex}.balk .merk{color:var(--diep);font-weight:800;text-decoration:none}.balk .merk span{color:var(--aqua)}.balk form{display:inline}.hoofdmenu{gap:1.1rem;margin-left:1.5rem;margin-right:auto;display:flex}.hoofdmenu a{font-weight:600;text-decoration:none}.regel{flex-wrap:wrap;align-items:end;gap:.8rem;margin-bottom:1rem;display:flex}.regel>div{min-width:180px}.veldbreed{grid-column:1/-1}.formraster{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 1rem;display:grid}details.uitklap{margin-top:.8rem}details.uitklap summary{color:var(--diep);cursor:pointer;font-weight:700}.wrap{max-width:960px;margin:0 auto;padding:1.5rem 1.2rem}table{border-collapse:collapse;background:#fff;width:100%;font-size:.95rem}th{background:var(--diep);color:#fff;text-align:left}th,td{border:1px solid var(--rand);padding:.6rem .8rem}tr:nth-child(2n) td{background:var(--ijs)}td a{font-weight:600}.status{white-space:nowrap;border-radius:999px;padding:.1rem .6rem;font-size:.82rem;font-weight:600;display:inline-block}.status.nieuw{color:#6b4c00;background:#ffe9a8}.status.in_behandeling{color:var(--diep);background:#cfe9f5}.status.offerte_verstuurd{color:#4a2b8a;background:#e4d9f7}.status.klant_geworden{color:#1d5b28;background:#d3f0d7}.status.niet_doorgegaan{color:#7a1f1f;background:#f0d3d3}.filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.filters a{border:1px solid var(--rand);background:#fff;border-radius:999px;padding:.25rem .8rem;font-size:.9rem;text-decoration:none}.filters a.actief{background:var(--diep);color:#fff;border-color:var(--diep)}.kaart{border:1px solid var(--rand);background:#fff;border-radius:12px;margin-bottom:1rem;padding:1.2rem 1.4rem}.kaart dt{margin-top:.6rem;font-weight:700}.kaart dd{margin:0}.knop{background:var(--diep);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:999px;padding:.55rem 1.2rem;font-weight:600;display:inline-block}.knop:hover{background:var(--aqua)}.knop.licht{color:var(--diep);border:2px solid var(--diep);background:#fff}.login{max-width:380px;margin:10vh auto 0}label{margin:.9rem 0 .25rem;font-weight:700;display:block}input,select{border:2px solid var(--rand);width:100%;font:inherit;border-radius:8px;padding:.6rem}input:focus{border-color:var(--aqua);outline:none}.fout{color:#842029;background:#f8d7da;border-radius:8px;margin-bottom:.8rem;padding:.6rem .9rem}.fotoraster{flex-wrap:wrap;gap:.8rem;margin-top:.6rem;display:flex}.fotoraster img{border:1px solid var(--rand);border-radius:8px;max-width:220px;max-height:220px}.statusform{flex-wrap:wrap;align-items:end;gap:.6rem;margin-top:.4rem;display:flex}.statusform select{width:auto}.leeg{color:#55707d;padding:2rem 0}
