:root{
  --bg:#0a0f1e; --bg2:#0f172a; --card:#111a2e; --card2:#16213a; --line:#1f2b45; --line2:#2a3858;
  --tx:#e6ecf7; --tx2:#9fb0cc; --tx3:#6b7c99; --hi:#fff;
  --c-ov:#14b8a6; --c-ct:#3b82f6; --c-pr:#f59e0b; --c-ac:#ec4899; --c-en:#a855f7; --c-mp:#22c55e;
  --acc:var(--c-ov);
  --r-suspect:#64748b; --r-agent-lead:#7c3aed; --r-prospect:#06b6d4; --r-seller:#f59e0b; --r-buyer:#22c55e; --r-agent:#a855f7; --r-suspect-seller:#f97316;
  --hdr:58px; --tabs:46px;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:var(--bg);color:var(--tx);font:calc(14px*var(--fs,1))/1.45 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit;color:inherit}
a{color:inherit}
.hidden{display:none!important}

/* ---------- login ---------- */
#login{position:fixed;inset:0;display:grid;place-items:center;z-index:50;
  background:radial-gradient(900px 500px at 15% 10%,rgba(20,184,166,.18),transparent 60%),
             radial-gradient(800px 500px at 90% 90%,rgba(168,85,247,.16),transparent 60%),var(--bg)}
.lg-box{width:min(400px,92vw);background:rgba(17,26,46,.85);border:1px solid var(--line2);border-radius:20px;padding:34px 30px;backdrop-filter:blur(10px);box-shadow:0 30px 80px rgba(0,0,0,.45)}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark{width:38px;height:38px;flex:none}
.brand h1{margin:0;font:700 calc(22px*var(--fs,1))/1 'Space Grotesk',sans-serif;letter-spacing:.14em}
.brand small{display:block;color:var(--tx3);font-size:calc(11px*var(--fs,1));letter-spacing:.12em;text-transform:uppercase;margin-top:4px}
.lg-box p.lead{color:var(--tx2);margin:18px 0 22px}
.fld{display:block;margin-bottom:14px}
.fld span{display:block;font-size:calc(12px*var(--fs,1));color:var(--tx2);margin-bottom:6px}
.fld input{width:100%;padding:11px 13px;background:var(--bg2);border:1px solid var(--line2);border-radius:10px;outline:none}
.fld input:focus{border-color:var(--c-ov);box-shadow:0 0 0 3px rgba(20,184,166,.2)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:10px;border:1px solid var(--line2);background:var(--card2);cursor:pointer;font-weight:600}
.btn.pri{width:100%;background:linear-gradient(135deg,#14b8a6,#3b82f6);border:0;color:#fff}
.btn:disabled{opacity:.6;cursor:wait}
.lg-links{display:flex;justify-content:space-between;margin-top:14px;font-size:calc(12px*var(--fs,1))}
.lg-links a{color:var(--tx2);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.msg{margin-top:12px;font-size:calc(13px*var(--fs,1));min-height:18px}
.msg.err{color:#f87171}.msg.ok{color:#34d399}

/* ---------- shell ---------- */
header{position:sticky;top:0;z-index:20;height:var(--hdr);display:flex;align-items:center;gap:16px;padding:0 18px;
  background:rgba(10,15,30,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
header .brand h1{font-size:calc(18px*var(--fs,1))}
.search-g{flex:1;max-width:520px;position:relative;margin-left:12px}
.search-g input{width:100%;padding:9px 12px 9px 36px;border-radius:999px;background:var(--bg2);border:1px solid var(--line2);outline:none}
.search-g input:focus{border-color:var(--acc)}
.search-g svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);opacity:.6}
.spacer{flex:1}
.me{display:flex;align-items:center;gap:10px;font-size:calc(13px*var(--fs,1));color:var(--tx2)}
.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;font-size:calc(13px*var(--fs,1))}
.me button{background:none;border:1px solid var(--line2);border-radius:8px;padding:5px 10px;cursor:pointer;color:var(--tx2);font-size:calc(12px*var(--fs,1))}

nav.tabs{position:sticky;top:var(--hdr);z-index:19;height:var(--tabs);display:flex;gap:6px;padding:6px 18px 0;background:var(--bg);border-bottom:1px solid var(--line);overflow-x:auto}
.tab{--c:var(--c-ov);display:flex;align-items:center;gap:8px;padding:0 16px;border-radius:12px 12px 0 0;border:1px solid transparent;border-bottom:0;
  background:transparent;color:var(--tx2);cursor:pointer;font-weight:600;white-space:nowrap;position:relative}
.tab i{width:9px;height:9px;border-radius:3px;background:var(--c);box-shadow:0 0 10px var(--c)}
.tab .cnt{font-size:calc(11px*var(--fs,1));padding:1px 7px;border-radius:999px;background:var(--card2);color:var(--tx2)}
.tab:hover{color:var(--tx)}
.tab.on{color:var(--hi);background:linear-gradient(180deg,color-mix(in srgb,var(--c) 28%,transparent),var(--card));border-color:color-mix(in srgb,var(--c) 50%,transparent)}
.tab.on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--c)}

main{height:calc(100vh - var(--hdr) - var(--tabs));padding:14px 18px;overflow:hidden}
.pane{height:100%}

/* ---------- generic ---------- */
.card{background:var(--card);border:1px solid var(--line);border-radius:14px}
.card h3{margin:0;font:600 calc(12px*var(--fs,1))/1 Inter;letter-spacing:.1em;text-transform:uppercase;color:var(--tx3)}
.card .hd{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line)}
.scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line2) transparent}
.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--line2);background:var(--bg2);color:var(--tx2);font-size:calc(12px*var(--fs,1));cursor:pointer;white-space:nowrap}
.chip.on{color:var(--hi);border-color:var(--cc,var(--acc));background:color-mix(in srgb,var(--cc,var(--acc)) 22%,transparent)}
.chip b{font-weight:600;color:var(--tx3)}
.role{display:inline-block;padding:1px 8px;border-radius:999px;font-size:calc(11px*var(--fs,1));font-weight:600;letter-spacing:.02em;
  color:var(--rc);background:color-mix(in srgb,var(--rc) 16%,transparent);border:1px solid color-mix(in srgb,var(--rc) 40%,transparent)}
.muted{color:var(--tx3)} .sm{font-size:calc(12px*var(--fs,1))}
.empty{padding:30px;text-align:center;color:var(--tx3)}
.loader{padding:30px;text-align:center;color:var(--tx3)}
.loader::before{content:"";display:inline-block;width:14px;height:14px;border:2px solid var(--line2);border-top-color:var(--acc);border-radius:50%;animation:sp 0.8s linear infinite;margin-right:8px;vertical-align:-2px}
@keyframes sp{to{transform:rotate(360deg)}}
.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 12px;border-bottom:1px solid var(--line)}
.toolbar input[type=search]{flex:1;min-width:140px;padding:7px 11px;border-radius:9px;background:var(--bg2);border:1px solid var(--line2);outline:none}
.seg{display:inline-flex;border:1px solid var(--line2);border-radius:9px;overflow:hidden}
.seg button{background:var(--bg2);border:0;padding:6px 11px;cursor:pointer;color:var(--tx2);font-size:calc(12px*var(--fs,1))}
.seg button.on{background:var(--acc);color:#fff}

/* ---------- overzicht ---------- */
.ov{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto 1fr;gap:12px;min-height:100%}
/* Overzicht scrolt zelf sinds de rechterkaarten dubbel hoog zijn (Rick, 28-10-2026) */
main:has(> #p-ov:not(.hidden)){overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line2) transparent}
.kpis{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.kpi{padding:14px 16px;position:relative;overflow:hidden;cursor:pointer;transition:transform .15s,border-color .15s}
.kpi:hover{transform:translateY(-2px);border-color:var(--kc)}
.kpi.static{cursor:default}
.kpi.static:hover{transform:none;border-color:var(--line)}
.kpi::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--kc)}
.kpi .v{font:700 calc(28px*var(--fs,1))/1.1 'Space Grotesk';margin-top:6px}
.kpi .l{font-size:calc(12px*var(--fs,1));color:var(--tx2)}
.kpi .s{font-size:calc(11px*var(--fs,1));color:var(--tx3);margin-top:4px}
.ov-col{grid-column:span 4;display:flex;flex-direction:column;gap:12px;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line2) transparent}
.ov-roles{display:flex;flex-direction:column;min-height:0}
.ov-col>.ov-roles{flex:none}
.ov-tom{flex:none}
.tom-body{padding:10px 12px 12px}
.tom-seg{display:flex;flex-wrap:wrap;gap:2px;background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:2px;margin-bottom:8px}
.tom-seg button{flex:1;background:none;border:0;color:var(--tx2);padding:4px 6px;border-radius:6px;cursor:pointer;font-size:calc(11.5px*var(--fs,1));white-space:nowrap}
.tom-seg button.on{background:var(--c-pr);color:#fff}
.tom-chart{position:relative}
.tom-chart g.tom-col:hover .bar{filter:brightness(1.15)}
.tom-tip{position:absolute;top:4px;display:none;pointer-events:none;z-index:5;background:var(--card2);border:1px solid var(--line2);border-radius:8px;padding:7px 9px;font-size:calc(12px*var(--fs,1));line-height:1.45;box-shadow:0 8px 24px rgba(0,0,0,.3);max-width:260px}
.tom-note{font-size:calc(11px*var(--fs,1));color:var(--tx3);margin-top:6px;line-height:1.4}
.ov-mid{grid-column:span 5;display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0;align-self:start}
.ov-act,.ov-view{display:flex;flex-direction:column;min-height:0}
.ov-act #ovActL,.ov-view #ovViewL{overflow-y:auto}
.ov-side{grid-column:span 3;display:flex;flex-direction:column;gap:12px;min-height:0}
.ov-side>.card{flex:none;height:300px;display:flex;flex-direction:column;min-height:0}
.rolebar{display:grid;grid-template-columns:110px 1fr 54px;align-items:center;gap:10px;padding:7px 14px;cursor:pointer}
.rolebar:hover{background:var(--card2)}
.rolebar .bar{height:8px;border-radius:99px;background:var(--bg2);overflow:hidden}
.rolebar .bar span{display:block;height:100%;border-radius:99px;background:var(--rc)}
.rolebar .n{text-align:right;font-variant-numeric:tabular-nums;color:var(--tx2)}
.spark{padding:10px 14px 14px}
.spark svg{width:100%;height:70px;display:block}
.feed .it{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:8px 14px;border-bottom:1px solid var(--line);cursor:pointer}
.feed .it:hover{background:var(--card2)}
.ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:calc(13px*var(--fs,1));background:color-mix(in srgb,var(--ic) 18%,transparent);color:var(--ic)}
.feed .t{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.feed .d{font-size:calc(12px*var(--fs,1));color:var(--tx3)}

/* ---------- split views ---------- */
.split{display:grid;grid-template-columns:minmax(320px,400px) 1fr;gap:12px;height:100%}
.list{display:flex;flex-direction:column;min-height:0}
.list .rows{flex:1}
.row{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:9px 12px;border-bottom:1px solid var(--line);cursor:pointer}
.row:hover{background:var(--card2)}
.row.sel{background:color-mix(in srgb,var(--acc) 14%,var(--card));box-shadow:inset 3px 0 0 var(--acc)}
.row .nm{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row .sub{font-size:calc(12px*var(--fs,1));color:var(--tx3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row .via{margin-top:2px;font-size:calc(12px*var(--fs,1));font-weight:600;color:#d8b4fe;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-theme="light"] .row .via{color:#7c3aed}
.ini{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-weight:700;font-size:calc(13px*var(--fs,1));color:#fff}
.more{padding:10px;text-align:center}
.detail{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.dh{padding:16px 18px;display:flex;gap:16px;align-items:flex-start;border-bottom:1px solid var(--line);
  background:linear-gradient(120deg,color-mix(in srgb,var(--acc) 14%,transparent),transparent 60%)}
.dh .big{width:56px;height:56px;border-radius:16px;font-size:calc(20px*var(--fs,1))}
.dh h2{margin:0;font:700 calc(21px*var(--fs,1))/1.2 'Space Grotesk'}
.dh .meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:6px;color:var(--tx2);font-size:calc(13px*var(--fs,1))}
.dh .meta a{text-decoration:none;color:var(--tx2)}.dh .meta a:hover{color:var(--hi)}
.dh .roles{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.dh .acts{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.dh .acts a{font-size:calc(12px*var(--fs,1));padding:6px 10px;border-radius:8px;border:1px solid var(--line2);text-decoration:none;color:var(--tx2);background:var(--bg2)}
.dh .acts a:hover{color:var(--hi);border-color:var(--acc)}
.subtabs{display:flex;gap:4px;padding:8px 14px 0;border-bottom:1px solid var(--line)}
.st{padding:8px 12px;border:0;background:none;color:var(--tx2);cursor:pointer;font-weight:600;font-size:calc(13px*var(--fs,1));border-bottom:2px solid transparent}
.st.on{color:var(--hi);border-bottom-color:var(--acc)}
.st .cnt{font-size:calc(11px*var(--fs,1));color:var(--tx3);margin-left:4px}
.dbody{flex:1;padding:14px 18px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.kv{display:grid;grid-template-columns:130px 1fr;gap:6px 12px;padding:12px 14px;font-size:calc(13px*var(--fs,1))}
.kv dt{color:var(--tx3);min-width:0;overflow-wrap:anywhere;hyphens:manual} .kv dd{margin:0;min-width:0;word-break:break-word}
.note{white-space:pre-wrap;font-size:calc(12.5px*var(--fs,1));color:var(--tx2);padding:12px 14px;max-height:180px;overflow:auto}
.pcard{display:grid;grid-template-columns:92px 1fr;gap:12px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--bg2);cursor:pointer}
.pcard:hover{border-color:var(--c-pr)}
.pcard img,.pcard .ph{width:92px;height:68px;object-fit:cover;border-radius:8px;background:var(--card2)}
.pcard .tt{font-weight:600}
.pcard .pr{font:700 calc(15px*var(--fs,1)) 'Space Grotesk';color:var(--c-pr)}
.tl{position:relative;padding-left:22px}
.tl::before{content:"";position:absolute;left:7px;top:4px;bottom:4px;width:2px;background:var(--line)}
.tl .e{position:relative;padding:6px 0 12px}
.tl .e::before{content:"";position:absolute;left:-19px;top:10px;width:10px;height:10px;border-radius:50%;background:var(--ec);box-shadow:0 0 0 3px var(--card)}
.tl .e .h{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.tl .e .k{font-weight:600}
.tl .e .w{font-size:calc(12px*var(--fs,1));color:var(--tx3)}
.tl .e .x{font-size:calc(12.5px*var(--fs,1));color:var(--tx2);margin-top:2px}
.rel{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:11px;background:var(--bg2);cursor:pointer}
.rel:hover{border-color:var(--c-ct)}
.tag{font-size:calc(11px*var(--fs,1));padding:2px 8px;border-radius:6px;background:var(--card2);color:var(--tx2)}
.bigtiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}
.bt{padding:10px 12px;border-radius:12px;background:var(--bg2);border:1px solid var(--line)}
.bt .v{font:700 calc(19px*var(--fs,1)) 'Space Grotesk'} .bt .l{font-size:calc(11px*var(--fs,1));color:var(--tx3);text-transform:uppercase;letter-spacing:.08em}
.optins{display:flex;flex-wrap:wrap;gap:6px;padding:12px 14px}
.on-y{color:#34d399}.on-n{color:#f87171}

/* woningen */
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;padding:12px}
.pc{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--bg2);cursor:pointer;transition:border-color .15s,transform .15s}
.pc:hover{border-color:var(--c-pr);transform:translateY(-2px)}
.pc.sel{border-color:var(--c-pr);box-shadow:0 0 0 2px color-mix(in srgb,var(--c-pr) 40%,transparent)}
.pc .im{height:110px;background:var(--card2) center/cover no-repeat;position:relative}
.pc .im .badge{position:absolute;top:8px;left:8px;font-size:calc(11px*var(--fs,1));font-weight:700;padding:2px 8px;border-radius:6px;background:rgba(10,15,30,.8)}
.pc .im .hot{position:absolute;top:8px;right:8px;font-size:calc(11px*var(--fs,1));font-weight:700;padding:2px 8px;border-radius:6px;background:var(--c-ac);color:#fff}
.pc .bd{padding:9px 11px}
.pc .bd .p{font:700 calc(15px*var(--fs,1)) 'Space Grotesk';color:var(--c-pr)}
.pc .bd .t{font-size:calc(12.5px*var(--fs,1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc .bd .s{font-size:calc(11.5px*var(--fs,1));color:var(--tx3)}
.psplit{display:grid;grid-template-columns:1fr 440px;gap:12px;height:100%}
.hero{height:170px;background:var(--card2) center/cover no-repeat;border-radius:12px;margin-bottom:12px;position:relative}
.hero .pr{position:absolute;bottom:10px;left:12px;font:700 calc(24px*var(--fs,1)) 'Space Grotesk';text-shadow:0 2px 12px rgba(0,0,0,.7)}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}
.facts div{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:8px 10px}
.facts b{display:block;font:700 calc(16px*var(--fs,1)) 'Space Grotesk'} .facts span{font-size:calc(11px*var(--fs,1));color:var(--tx3)}
.src{display:inline-block;font-size:calc(10.5px*var(--fs,1));padding:1px 7px;border-radius:5px;background:color-mix(in srgb,var(--c-en) 20%,transparent);color:#d8b4fe;margin-left:6px}

/* externe bronnen */
.en{display:grid;grid-template-columns:1.1fr 1fr;gap:12px;height:100%}
.srcrow{display:grid;grid-template-columns:28px 1fr 70px 110px;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line)}
.prio{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-size:calc(12px*var(--fs,1));font-weight:700;background:var(--bg2);border:1px solid var(--line2)}
pre.code{margin:0;padding:12px 14px;font:calc(12px*var(--fs,1))/1.5 ui-monospace,Menlo,monospace;color:#c4b5fd;white-space:pre-wrap;background:var(--bg2);border-radius:10px}
.layers{padding:14px;display:flex;flex-direction:column;gap:8px}
.layer{padding:10px 12px;border-radius:10px;border:1px solid var(--line2);display:flex;justify-content:space-between;align-items:center}

@media (max-width:1100px){
  .kpis{grid-template-columns:repeat(3,1fr)}
  .ov{grid-template-rows:auto}
  .ov-col,.ov-mid,.ov-side{grid-column:1/-1}
  main{height:auto;overflow:visible}
  .split,.psplit,.en{grid-template-columns:1fr;height:auto}
  .list .rows{max-height:50vh}
  .detail{min-height:70vh}
  .grid2,.grid3{grid-template-columns:1fr}
  .bigtiles,.facts{grid-template-columns:repeat(2,1fr)}
  .search-g{display:none}
}
@media (max-width:600px){ header{padding:0 12px} main{padding:10px 12px} .kpis{grid-template-columns:repeat(2,1fr)} .me span{display:none} }

/* taalswitch + eigenaar-link */
.lang{display:inline-flex;border:1px solid var(--line2);border-radius:8px;overflow:hidden}
.lang button{background:var(--bg2);border:0;padding:5px 9px;cursor:pointer;color:var(--tx3);font-size:calc(11px*var(--fs,1));font-weight:700;letter-spacing:.06em}
.lang button.on{background:var(--acc);color:#fff}
.lang-login{position:fixed;top:16px;right:16px;z-index:60}
.ownerlink{display:inline-flex;align-items:center;gap:6px;color:var(--c-ct)!important;text-decoration:none;font-weight:600;cursor:pointer}
.ownerlink:hover{text-decoration:underline}
.pc .own-l{display:block;font-size:calc(11.5px*var(--fs,1));color:var(--c-ct);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.pc .own-l:hover{text-decoration:underline}
.ownerbox{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:12px;border:1px solid color-mix(in srgb,var(--c-ct) 45%,transparent);border-radius:12px;background:color-mix(in srgb,var(--c-ct) 10%,var(--bg2));cursor:pointer}
.ownerbox:hover{border-color:var(--c-ct)}
.ownerbox .go{margin-left:auto;font-size:calc(12px*var(--fs,1));color:var(--c-ct);font-weight:600;white-space:nowrap}
.tab .cnt:empty{display:none}

/* contactkop: prominente gegevens, aanbrenger, opt-ins */
.cstrip{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;margin-top:10px}
.cpill{line-height:1.2}
.dh h2 .h2co{color:var(--r-agent,#a78bfa)}
.cpill{display:inline-flex;align-items:center;border:1px solid var(--line2);border-radius:10px;background:var(--bg2);overflow:hidden}
.cpill a{display:inline-flex;align-items:center;gap:6px;align-self:stretch;padding:7px 12px;font-size:calc(15px*var(--fs,1));line-height:1.2;font-weight:700;color:var(--hi);text-decoration:none;letter-spacing:.01em}
.cpill a:hover{background:color-mix(in srgb,var(--acc) 20%,transparent)}
.cpill a.wa{font-size:calc(11px*var(--fs,1));font-weight:800;padding:7px 9px;color:#25d366;border-left:1px solid var(--line2)}
.introbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px;padding:8px 12px;border-radius:10px;font-size:calc(13px*var(--fs,1));cursor:pointer;
  border:1px solid color-mix(in srgb,var(--r-agent) 50%,transparent);background:color-mix(in srgb,var(--r-agent) 12%,transparent);color:var(--tx)}
.introbar .go{margin-left:auto;color:#d8b4fe;font-weight:600;font-size:calc(12px*var(--fs,1))}
.introbar:hover{border-color:var(--r-agent)}
.mono{font-family:ui-monospace,Menlo,monospace;letter-spacing:.04em}
.mpill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:calc(12px*var(--fs,1));font-weight:700;background:var(--card2);color:var(--tx3)}
.mpill.in{background:color-mix(in srgb,#22c55e 20%,transparent);color:#4ade80}
.mpill.out{background:color-mix(in srgb,#ef4444 18%,transparent);color:#f87171}
.alertbar{margin-bottom:12px;padding:10px 14px;border-radius:10px;border:1px solid color-mix(in srgb,#ef4444 45%,transparent);background:color-mix(in srgb,#ef4444 10%,transparent);font-size:calc(13px*var(--fs,1))}
.mtable{width:100%;border-collapse:collapse;font-size:calc(13px*var(--fs,1))}
.mtable th{text-align:left;font-weight:600;font-size:calc(11px*var(--fs,1));letter-spacing:.06em;text-transform:uppercase;color:var(--tx3);padding:8px 14px;border-bottom:1px solid var(--line)}
.mtable td{padding:7px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
.mtable tr:last-child td{border-bottom:0}

/* partner-makelaar + Catastro bij de woning */
.pc .ext-l{display:block;font-size:calc(11.5px*var(--fs,1));color:#fbbf24;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.pc .ext-l:hover{text-decoration:underline}
.dh .acts a.act-ext{background:var(--c-pr);border-color:var(--c-pr);color:#111;font-weight:700}
.dh .acts a.act-ext:hover{color:#000;filter:brightness(1.1)}
.extbox{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--c-pr) 50%,transparent);background:color-mix(in srgb,var(--c-pr) 10%,var(--bg2))}
.extbox a{color:var(--tx);text-decoration:none}.extbox a:hover{text-decoration:underline}
.extbox .go-ext{margin-left:auto;white-space:nowrap;padding:8px 12px;border-radius:9px;background:var(--c-pr);color:#111!important;font-weight:700;font-size:calc(13px*var(--fs,1))}
.catbox{padding:12px 14px;margin-bottom:12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--c-en) 50%,transparent);background:color-mix(in srgb,var(--c-en) 9%,var(--bg2))}
.catbox.off{border-style:dashed;opacity:.8}
.catbox .cat-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.catbox a{color:#d8b4fe;text-decoration:none}.catbox a:hover{text-decoration:underline}
.catbox .cat-ref{font-weight:700;color:#e9d5ff}

/* MAP: eigen woningen in aanbod */
.msplit{display:grid;grid-template-columns:1fr 340px;gap:12px;height:100%}
.mapcard{position:relative;overflow:hidden;min-height:0}
#mpMap{position:absolute;inset:0;background:var(--bg2)}
.mp-hint{position:absolute;left:12px;bottom:12px;z-index:500;padding:5px 10px;border-radius:8px;background:rgba(10,15,30,.85);color:var(--tx2);pointer-events:none}
.mp-pin{display:flex;flex-direction:column;align-items:center}
.mp-pin b{padding:3px 8px;border-radius:7px;background:var(--pc);color:#111;font:800 calc(11px*var(--fs,1))/1.2 Inter;letter-spacing:.03em;white-space:nowrap;box-shadow:0 4px 14px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.35)}
.mp-pin i{width:0;height:0;border:6px solid transparent;border-top:8px solid var(--pc);margin-top:-1px}
.mp-pin.approx b{border-style:dashed;border-color:#111}
.leaflet-popup-content-wrapper{background:var(--card);color:var(--tx);border:1px solid var(--line2);border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.55)}
.leaflet-popup-tip{background:var(--card);border:1px solid var(--line2)}
.leaflet-popup-content{margin:0;width:260px!important;font:calc(13px*var(--fs,1))/1.4 Inter,system-ui,sans-serif}
.leaflet-container a.leaflet-popup-close-button{color:var(--tx2)}
.leaflet-container{font-family:Inter,system-ui,sans-serif}
.leaflet-control-layers,.leaflet-bar a{background:var(--card)!important;color:var(--tx)!important;border-color:var(--line2)!important}
.mpp .im{height:110px;background:var(--card2) center/cover no-repeat;border-radius:12px 12px 0 0}
.mpp .bd{padding:10px 12px 12px}
.mpp .rf{font-weight:700}.mpp .pr{font:700 calc(16px*var(--fs,1)) 'Space Grotesk';color:var(--c-pr)}
.mpp .ll{font:calc(12px*var(--fs,1)) ui-monospace,Menlo,monospace;color:var(--tx2);margin:4px 0 2px}
.mpp .btns{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.mpp button,.mpp a.b{display:block;width:100%;text-align:center;padding:8px 10px;border-radius:9px;border:1px solid var(--line2);background:var(--bg2);color:var(--tx);cursor:pointer;font-weight:600;font-size:calc(12.5px*var(--fs,1));text-decoration:none}
.mpp button.pri{background:var(--c-mp);border-color:var(--c-mp);color:#06210f}
.mpp button.ok{background:#14532d;border-color:#22c55e;color:#bbf7d0}
.mpp .row2{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.mp-it{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line);cursor:pointer}
.mp-it:hover{background:var(--card2)}
.mp-it .th{width:52px;height:40px;border-radius:7px;background:var(--card2) center/cover no-repeat}
.mp-it .t{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-it .d{font-size:calc(12px*var(--fs,1));color:var(--tx3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-sec{padding:10px 12px 6px;font-size:calc(11px*var(--fs,1));font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--tx3);border-bottom:1px solid var(--line)}
@media (max-width:1100px){.msplit{grid-template-columns:1fr;height:auto}.mapcard{height:62vh}}
.mp-hint{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;max-width:calc(100% - 24px)}
.mp-hint .lg{display:inline-flex;align-items:center;gap:5px;color:var(--tx)}
.mp-hint .lg i{width:10px;height:10px;border-radius:3px}
.mp-hint .lg i.uo{border-radius:50%;background:#ec4899;box-shadow:0 0 0 2px #fff}
.mp-pin b{position:relative}
.mp-pin.ext b{color:#fff}
.mp-pin b s{position:absolute;top:-4px;right:-4px;width:9px;height:9px;border-radius:50%;background:#ec4899;box-shadow:0 0 0 2px #fff}
.mp-compact .mp-pin b{font-size:0;padding:0;width:13px;height:13px;border-radius:50%;border:2px solid #fff}
.mp-compact .mp-pin.approx b{border:2px solid #fff;outline:2px dashed var(--pc);outline-offset:1px}
.mp-compact .mp-pin i{display:none}
.mp-compact .mp-pin{transform:translate(-50%,-50%)!important}
.mp-it .dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:1px}

/* ---------- woordmerk N·E·X·U·S (zelfde hoogte als het logo) ---------- */
.brand h1.wordmark{margin:0;font:700 calc(50px*var(--fs,1))/38px 'Space Grotesk',sans-serif;letter-spacing:.02em;white-space:nowrap;
  background:linear-gradient(135deg,#e6ecf7 30%,#9fd8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
header .brand h1.wordmark{font-size:calc(42px*var(--fs,1));line-height:32px}
@media (max-width:600px){header .brand h1.wordmark{font-size:calc(30px*var(--fs,1));line-height:24px}header .brand-mark{width:24px!important;height:24px!important}}

/* ---------- Admin (invoerschermen) ---------- */
:root{--c-ad:#94a3b8}
.ad{display:grid;grid-template-columns:210px 1fr 260px;gap:12px;height:100%}
.ad>.card{display:flex;flex-direction:column;min-height:0}
.ad-scroll{flex:1;overflow:auto;min-height:0}
.ad-nav{padding-bottom:10px}
.ad-flow{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 14px;border:0;background:none;color:var(--tx2);cursor:pointer;font-weight:600;font-size:calc(13px*var(--fs,1))}
.ad-flow i{font-style:normal;font-size:calc(11px*var(--fs,1));color:var(--tx3);min-width:30px}
.ad-flow:hover{color:var(--hi)}.ad-flow.on{color:var(--hi);background:var(--card2);box-shadow:inset 3px 0 0 var(--c-ad)}
.ad-steps{margin:8px 10px;padding:8px;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;gap:2px}
.ad-step{display:flex;align-items:center;gap:10px;padding:8px;border:0;border-radius:8px;background:none;color:var(--tx2);cursor:pointer;font-size:calc(13px*var(--fs,1));text-align:left}
.ad-step b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line2);font-size:calc(11px*var(--fs,1))}
.ad-step.on{background:var(--card2);color:var(--hi)}.ad-step.on b{background:var(--c-ad);border-color:var(--c-ad);color:#0a0f1e}
.ad-step.ok b{background:#16a34a;border-color:#16a34a;color:#fff}
.ad-legend{padding:6px 14px;color:var(--tx3);display:flex;flex-direction:column;gap:3px}
.ad-req{color:#f87171;margin-left:3px}.ad-pub{color:#f59e0b;margin-left:4px;font-size:calc(10px*var(--fs,1))}
.ad-off{margin:10px;padding:10px 12px;border-radius:10px;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.35);color:#fcd34d;display:flex;flex-direction:column;gap:4px}
.ad-reset{margin:auto 10px 0;background:none;border:1px solid var(--line2);border-radius:8px;color:var(--tx3);padding:7px;cursor:pointer;font-size:calc(12px*var(--fs,1))}
.ad-reset:hover{color:#f87171;border-color:#f87171}
.ad-main{overflow:hidden}
.ad-main .ad-scroll{padding:18px 22px 30px}
.ad-foot{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-top:1px solid var(--line);background:var(--card)}
.ad-next{background:var(--c-ad);border:0;color:#0a0f1e}
.ad-save{background:var(--c-ad);border:0;color:#0a0f1e;font-weight:600;cursor:pointer}
.ad-save:disabled{background:var(--card2);color:var(--tx3);cursor:not-allowed}
.ad-intro h2{margin:0 0 4px;font:700 calc(22px*var(--fs,1))/1.2 'Space Grotesk'}.ad-intro p{margin:0 0 14px;max-width:760px}
.ad-seg{margin-bottom:14px}.ad-seg button{padding:8px 14px;font-size:calc(13px*var(--fs,1))}.ad-seg.sm button{padding:5px 12px;font-size:calc(12px*var(--fs,1))}
.ad-sec{border:1px solid var(--line);border-radius:12px;padding:14px 16px 10px;margin-bottom:14px;background:color-mix(in srgb,var(--card2) 45%,transparent);scroll-margin-top:10px}
.ad-sec h4{margin:0 0 12px;font:600 calc(12px*var(--fs,1))/1 Inter;letter-spacing:.1em;text-transform:uppercase;color:var(--tx3);display:flex;justify-content:space-between;align-items:center;gap:10px}
.ad-sec h5{margin:6px 0 8px;font-size:calc(12px*var(--fs,1));color:var(--tx2);font-weight:600}
.ad-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 12px;align-items:start;margin-bottom:6px}
.ad-f{display:flex;flex-direction:column;gap:5px;margin-bottom:8px;min-width:0}
.ad-f.w2{grid-column:span 2}.ad-f.w3{grid-column:span 3}.ad-f.w4{grid-column:1/-1}
.ad-f>span{font-size:calc(12px*var(--fs,1));color:var(--tx2)}
.ad-f small,.ad-sec small{font-size:calc(11px*var(--fs,1));color:var(--tx3)}
.ad-f input,.ad-f select,.ad-f textarea,.ad-search,.ad-mi select,.ad-mi input,.ad-maptools input{width:100%;padding:8px 10px;background:var(--bg2);border:1px solid var(--line2);border-radius:8px;outline:none;color:var(--tx)}
.ad-f textarea{resize:vertical;font:inherit;line-height:1.5}
.ad-f input:focus,.ad-f select:focus,.ad-f textarea:focus,.ad-search:focus{border-color:var(--c-ad);box-shadow:0 0 0 3px rgba(148,163,184,.18)}
.ad-f select:disabled{opacity:.5}
.ad-c{display:flex;align-items:center;gap:7px;font-size:calc(13px*var(--fs,1));color:var(--tx2);cursor:pointer;padding:3px 0}
.ad-c input{accent-color:var(--c-ad);width:15px;height:15px}
.ad-c:has(input:checked) span{color:var(--hi)}
.ad-multi{display:grid;grid-template-columns:1fr;gap:0 14px;margin-bottom:8px}
.ad-multi.c3{grid-template-columns:repeat(3,1fr)}.ad-multi.c4{grid-template-columns:repeat(4,1fr)}.ad-multi.c5{grid-template-columns:repeat(5,1fr)}
.ad-cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 22px}
.ad-chips{display:flex;flex-wrap:wrap;gap:6px}
.ad-chips .chip{padding:6px 12px;font-size:calc(13px*var(--fs,1))}
.ad-list{margin-bottom:10px}
.ad-list .ad-row{grid-template-columns:3fr 1fr 34px;align-items:end}
.ad-list .ad-f.w3{grid-column:auto}
.ad-x{height:36px;margin-bottom:8px;border:1px solid var(--line2);border-radius:8px;background:none;color:var(--tx3);cursor:pointer;font-size:calc(18px*var(--fs,1))}
.ad-x:hover{color:#f87171;border-color:#f87171}
.btn.sm{padding:6px 10px;font-size:calc(12px*var(--fs,1))}
.ad-search{margin-bottom:6px}
.ad-res{display:flex;flex-direction:column;gap:4px}
.ad-res .empty{padding:10px}
.ad-hit,.ad-picked{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--bg2);text-align:left;cursor:pointer;color:var(--tx)}
.ad-hit:hover{border-color:var(--c-ad)}
.ad-hit .ini,.ad-picked .ini{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:700;color:#fff}
.ad-hit .th,.ad-picked .th{width:36px;height:36px;border-radius:8px;background:var(--card2) center/cover}
.ad-pres .ad-hit{grid-template-columns:36px 1fr}
.ad-picked{cursor:default;border-color:var(--c-ad);margin-bottom:10px;background:color-mix(in srgb,var(--c-ad) 10%,var(--bg2))}
.ad-warnbox{border:1px solid rgba(245,158,11,.45);background:rgba(245,158,11,.08);border-radius:12px;padding:10px 12px;margin-bottom:14px;display:flex;flex-direction:column;gap:6px}
.ad-warnbox>b{color:#fcd34d;font-size:calc(13px*var(--fs,1))}
.ad-duprow{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:calc(13px*var(--fs,1))}
.ad-note{padding:10px 12px;border-radius:10px;background:var(--bg2);border:1px dashed var(--line2);color:var(--tx2);margin:6px 0 10px}
.ad-bad{color:#f87171}
.ad-jump{position:sticky;top:-18px;z-index:5;display:flex;flex-wrap:wrap;gap:4px;margin:0 -22px 12px;padding:8px 22px;background:var(--card);border-bottom:1px solid var(--line)}
.ad-jump a{font-size:calc(12px*var(--fs,1));padding:4px 10px;border-radius:999px;border:1px solid var(--line2);color:var(--tx2);cursor:pointer}
.ad-jump a:hover{color:var(--hi);border-color:var(--c-ad)}
.ad-det{border-top:1px solid var(--line);padding:6px 0}
.ad-det summary{cursor:pointer;font-size:calc(13px*var(--fs,1));font-weight:600;color:var(--tx2);padding:4px 0}
.ad-det[open] summary{margin-bottom:6px}
.ad-mapwrap{margin:6px 0 10px}
.ad-maptools{display:flex;gap:8px;margin-bottom:8px}
#adMap{height:300px;border-radius:12px;border:1px solid var(--line2);margin-bottom:8px;background:#0f172a}
.ad-drop{border:2px dashed var(--line2);border-radius:12px;padding:22px;text-align:center;cursor:pointer;margin-bottom:10px;transition:.15s}
.ad-drop:hover,.ad-drop.over{border-color:var(--c-ad);background:rgba(148,163,184,.06)}
.ad-media{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-bottom:10px}
.ad-mi{border:1px solid var(--line);border-radius:10px;padding:6px;display:flex;flex-direction:column;gap:5px;background:var(--bg2)}
.ad-mi.main{border-color:#22c55e}
.ad-mi .im{cursor:grab;user-select:none;-webkit-user-select:none}
.ad-mi .im .grip{position:absolute;left:6px;bottom:6px;font-style:normal;font-size:16px;line-height:1;padding:5px 7px;border-radius:7px;background:rgba(0,0,0,.55);color:#fff;touch-action:none;cursor:grab}
.ad-mi .im .pos{position:absolute;right:6px;bottom:6px;min-width:22px;text-align:center;font-size:calc(11px*var(--fs,1));padding:2px 6px;border-radius:6px;background:rgba(0,0,0,.6);color:#fff}
.ad-mi.main .im .pos{background:#22c55e;color:#04210f}
.ad-mi.ph{opacity:.35;border:2px dashed var(--c-ad,#f97316);background:transparent}
.ad-ghost{position:fixed;left:0;top:0;z-index:9999;pointer-events:none;box-shadow:0 18px 40px rgba(0,0,0,.45);opacity:.95;cursor:grabbing}
body.ad-sorting,body.ad-sorting *{cursor:grabbing!important;user-select:none}
.ad-mibtn .sp{flex:1}
.ad-mibtn button:disabled{opacity:.3;cursor:default}
@media (hover:hover){.ad-mi .im .grip{opacity:.0;transition:.15s}.ad-mi:hover .im .grip{opacity:1}}
.ad-mi .im{height:110px;border-radius:7px;background:var(--card2) center/cover;display:grid;place-items:center;color:var(--tx3);position:relative;font-weight:700}
.ad-mi .im span{position:absolute;left:6px;top:6px;background:#22c55e;color:#04210f;font-size:calc(10px*var(--fs,1));font-weight:700;padding:2px 6px;border-radius:5px}
.ad-mi select,.ad-mi input{padding:5px 7px;font-size:calc(12px*var(--fs,1))}
.ad-mibtn{display:flex;gap:4px;justify-content:flex-end}
.ad-mibtn button{border:1px solid var(--line2);background:none;border-radius:6px;cursor:pointer;padding:2px 7px;color:var(--tx2)}
.ad-mi small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(10px*var(--fs,1))}
.ad-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ad-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}
.ad-sumcard{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--bg2)}
.ad-sumcard h5{margin:0 0 6px;font-size:calc(11px*var(--fs,1));letter-spacing:.1em;text-transform:uppercase;color:var(--tx3)}
.ad-verdict{padding:12px 14px;border-radius:10px;font-weight:600}
.ad-verdict.bad{background:rgba(248,113,113,.12);color:#fca5a5}.ad-verdict.warn{background:rgba(245,158,11,.12);color:#fcd34d}.ad-verdict.ok{background:rgba(34,197,94,.12);color:#86efac}
.ad-json{max-height:420px;overflow:auto;font-size:calc(11.5px*var(--fs,1));margin:0}
.ad-side .ad-scroll{padding:10px}
.ad-chk{margin-bottom:12px}
.ad-chk h5{margin:0 0 6px;font-size:calc(12px*var(--fs,1));display:flex;justify-content:space-between}
.ad-chk.bad h5{color:#fca5a5}.ad-chk.warn h5{color:#fcd34d}.ad-chk.tip h5{color:var(--tx2)}.ad-chk.ok h5{color:#86efac}
.ad-chk a{display:flex;gap:8px;align-items:baseline;padding:6px 8px;border-radius:8px;font-size:calc(12.5px*var(--fs,1));color:var(--tx2);cursor:pointer}
.ad-chk a:hover{background:var(--card2);color:var(--hi)}
.ad-chk a i{font-style:normal;font-size:calc(10px*var(--fs,1));min-width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:var(--card2);color:var(--tx3)}
@media (max-width:1200px){.ad{grid-template-columns:200px 1fr}.ad-side{display:none}}
@media (max-width:1100px){.ad{grid-template-columns:1fr;height:auto}.ad-nav{max-height:none}.ad-row{grid-template-columns:1fr 1fr}.ad-cols3,.ad-two,.ad-sum{grid-template-columns:1fr}
  .ad-multi.c3,.ad-multi.c4,.ad-multi.c5{grid-template-columns:1fr 1fr}.ad-main .ad-scroll{padding:14px}.ad-jump{margin:0 -14px 12px;padding:8px 14px;top:-14px}}

/* ---------- status (core) ---------- */
.stb{position:absolute;left:8px;bottom:8px;font-size:calc(10px*var(--fs,1));font-weight:700;padding:2px 7px;border-radius:6px;color:#fff;background:var(--sc);letter-spacing:.02em}
.pc .im{position:relative}
.stbar{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}
.stbar button{font-size:calc(12px*var(--fs,1));padding:5px 10px;border-radius:999px;border:1px solid var(--line2);background:var(--bg2);color:var(--tx2);cursor:pointer}
.stbar button:hover{border-color:var(--sc);color:var(--hi)}
.stbar button.on{background:color-mix(in srgb,var(--sc) 28%,transparent);border-color:var(--sc);color:var(--hi);font-weight:700;cursor:default}
.stbar button:disabled{opacity:.5;cursor:wait}
.dh .acts a.act-edit{background:var(--c-pr);border-color:var(--c-pr);color:#111;font-weight:700;cursor:pointer}

/* ---------- woning bewerken (overlay) ---------- */
body.pe-open{overflow:hidden}
.pe{position:fixed;inset:0;z-index:60;background:rgba(5,8,18,.72);backdrop-filter:blur(3px);display:grid;place-items:center;padding:18px}
.pe-box{width:min(1240px,100%);height:100%;background:var(--card);border:1px solid var(--line2);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.pe-load{margin:auto;color:var(--tx2);display:flex;gap:12px;align-items:center}
.pe-hd{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}
.pe-ref{font:700 calc(20px*var(--fs,1))/1.2 'Space Grotesk';display:flex;align-items:center;gap:12px;flex-wrap:nowrap;min-width:0;flex:1}
.pe-rf{flex:none}
.pe-tt{font:500 calc(15px*var(--fs,1))/1.2 Inter;color:var(--tx2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.pe-ref>.pe-st,.pe-ref>.tag{flex:none}
.pe-st{font:600 calc(12px*var(--fs,1))/1 Inter;padding:4px 9px;border-radius:999px;background:color-mix(in srgb,var(--sc) 28%,transparent);border:1px solid var(--sc);color:var(--hi)}
.pe-x{margin-left:auto;background:none;border:1px solid var(--line2);color:var(--tx2);border-radius:10px;width:36px;height:36px;font-size:calc(22px*var(--fs,1));cursor:pointer;flex:none}
.pe-x:hover{color:var(--hi);border-color:var(--c-pr)}
.pe-body{flex:1;display:grid;grid-template-columns:190px 1fr;min-height:0}
.pe-nav{border-right:1px solid var(--line);padding:10px 8px;overflow:auto;display:flex;flex-direction:column;gap:2px}
.pe-nav a{padding:8px 10px;border-radius:8px;color:var(--tx2);cursor:pointer;font-size:calc(13px*var(--fs,1));font-weight:600}
.pe-nav a:hover{background:var(--card2);color:var(--hi)}
.pe-main{overflow:auto;padding:16px 20px 40px}
.pe-main .ad-sec{scroll-margin-top:8px}
.pe-ft{display:flex;align-items:center;gap:8px;padding:10px 16px;border-top:1px solid var(--line);background:var(--card)}
.pe-ft .ad-next{background:var(--c-pr);color:#111}
.pe-ft .btn:disabled{opacity:.45;cursor:not-allowed}
.pe-seg{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.pe-seg button{padding:8px 14px;border-radius:10px;border:1px solid var(--line2);background:var(--bg2);color:var(--tx2);cursor:pointer;font-weight:600}
.pe-seg button.on{background:color-mix(in srgb,var(--sc) 30%,transparent);border-color:var(--sc);color:var(--hi)}
.pe-chkrow{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.pe-feed{color:#60a5fa;margin-left:5px;font-weight:700;cursor:help}
.pe-hist{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:calc(12px*var(--fs,1));color:var(--tx2);padding:4px 0 6px}
.pe-audit{display:flex;flex-direction:column;gap:6px;font-size:calc(12.5px*var(--fs,1))}
.pe-errbox{padding:10px 12px;border-radius:10px;background:rgba(248,113,113,.12);border:1px solid rgba(248,113,113,.4);color:#fca5a5;margin-bottom:12px;display:flex;gap:10px;align-items:center;justify-content:space-between}
#peMap{height:280px;border-radius:12px;border:1px solid var(--line2);margin:4px 0 8px}
.ad-mi.del{opacity:.4}.ad-mi.del .im{filter:grayscale(1)}
.ad-mi .im span.new{left:auto;right:6px;background:#3b82f6;color:#fff}
.pe-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:80;background:#16a34a;color:#fff;padding:10px 18px;border-radius:999px;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.4)}
@media (max-width:900px){.pe{padding:0}.pe-box{border-radius:0}.pe-body{grid-template-columns:1fr}.pe-nav{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.pe-nav a{white-space:nowrap}
  .pe-main{padding:12px}.pe-main .ad-row{grid-template-columns:1fr 1fr}.pe-main .ad-cols3{grid-template-columns:1fr}}

/* ---------- lettergrootte ---------- */
.fsz{display:inline-flex;border:1px solid var(--line2);border-radius:8px;overflow:hidden}
.fsz button{background:none;border:0;color:var(--tx2);padding:4px 8px;cursor:pointer;font-weight:700;font-size:12px;line-height:1}
.fsz button+button{border-left:1px solid var(--line2);font-size:15px}
.fsz button:hover:not(:disabled){color:var(--hi);background:var(--card2)}
.fsz button:disabled{opacity:.35;cursor:default}
.fsz-login{position:fixed;top:16px;right:112px;z-index:60;background:var(--card)}
.me .fsz button{border:0;border-radius:0;padding:4px 8px;font-size:12px}
.me .fsz button+button{border-left:1px solid var(--line2);font-size:15px}

/* ---------- dag/nacht ---------- */
.thm{background:none;border:1px solid var(--line2);border-radius:8px;color:var(--tx2);cursor:pointer;width:32px;height:26px;display:grid;place-items:center;font-size:15px;line-height:1;padding:0}
.thm:hover{color:var(--hi);border-color:var(--acc)}
.thm-login{position:fixed;top:16px;right:198px;z-index:60;background:var(--card)}
html[data-theme="light"]{color-scheme:light;
  --bg:#f3f5fa; --bg2:#ffffff; --card:#ffffff; --card2:#eef2f8; --line:#e3e8f0; --line2:#cfd7e3;
  --tx:#0f172a; --tx2:#475569; --tx3:#6b7a90; --hi:#0f172a}
html[data-theme="light"] header{background:rgba(255,255,255,.92)}
html[data-theme="light"] .lg-box{background:rgba(255,255,255,.92);box-shadow:0 30px 80px rgba(15,23,42,.15)}
html[data-theme="light"] #login{background:radial-gradient(900px 500px at 15% 10%,rgba(20,184,166,.14),transparent 60%),radial-gradient(800px 500px at 90% 90%,rgba(168,85,247,.12),transparent 60%),var(--bg)}
html[data-theme="light"] .brand h1.wordmark{background-image:linear-gradient(135deg,#0f172a 30%,#2563eb)}
html[data-theme="light"] .card,html[data-theme="light"] .ad>.card{box-shadow:0 1px 3px rgba(15,23,42,.06)}
html[data-theme="light"] .mp-hint{background:rgba(255,255,255,.9)}
html[data-theme="light"] .src,html[data-theme="light"] .introbar .go,html[data-theme="light"] .catbox a{color:#7c3aed}
html[data-theme="light"] .ad-off,html[data-theme="light"] .ad-warnbox>b,html[data-theme="light"] .ad-verdict.warn,html[data-theme="light"] .ad-chk.warn h5{color:#b45309}
html[data-theme="light"] .ad-verdict.bad,html[data-theme="light"] .ad-chk.bad h5,html[data-theme="light"] .pe-errbox,html[data-theme="light"] .msg.err{color:#b91c1c}
html[data-theme="light"] .ad-verdict.ok,html[data-theme="light"] .ad-chk.ok h5,html[data-theme="light"] .msg.ok{color:#15803d}
html[data-theme="light"] .pe{background:rgba(15,23,42,.35)}
html[data-theme="light"] .pe-box{box-shadow:0 30px 80px rgba(15,23,42,.25)}
html[data-theme="light"] .leaflet-popup-content-wrapper{box-shadow:0 18px 50px rgba(15,23,42,.2)}
html[data-theme="light"] pre.code{color:#5b21b6}
html[data-theme="light"] .mpp button.ok{background:#dcfce7;color:#166534}
html[data-theme="light"] .tab i{box-shadow:none}

.pe-box.pe-small{width:min(860px,100%);height:auto;max-height:100%}
.pe-small .pe-main{overflow:auto}
.pe-box.pe-cnav{width:min(1040px,100%);height:100%}
.pe-cnav .pe-body{grid-template-columns:180px 1fr}
@media (max-width:900px){.pe-cnav .pe-body{grid-template-columns:1fr}}
html[data-theme="light"] .pc .im .badge{color:#fff}
html[data-theme="light"] .hero .pr{color:#fff}
.cpill.nophone{border-style:dashed;background:transparent}.cpill.claim{padding:4px 10px;font-size:12px;color:var(--tx2);border-color:#7c3aed66;background:#7c3aed14;cursor:help}.cpill.claim b{color:var(--tx);margin-left:4px;letter-spacing:.5px}.cpill.nophone a{color:var(--tx3);font-weight:600;cursor:pointer}.cpill.nophone a b{color:var(--acc)}
/* woning volledig scherm (geopend vanuit een contact e.d.) */
.focusbar{display:flex;align-items:center;gap:8px;margin:0 0 10px}
.focusbar .fb-sp{flex:1}
.focusbar .btn{padding:8px 14px;font-size:calc(14px*var(--fs,1))}
.focusbar #prBack{border-color:var(--c-pr)}
.psplit.focus{grid-template-columns:1fr}
.psplit.focus > .list{display:none}
.psplit.focus #prBody{max-width:1440px;width:100%;margin:0 auto}
.psplit.focus #prBody .hero{height:clamp(260px,42vh,520px)}
#p-pr:not(.hidden){display:flex;flex-direction:column}
#p-pr > .psplit{flex:1;min-height:0}
/* woning: kenmerken-indeling */
#prBody{container-type:inline-size}
.pk{display:grid;grid-template-columns:1fr;gap:12px}
@container (min-width:820px){.pk{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px;align-items:start}.pk-wide{grid-column:1/-1}}
.pk-main,.pk-side{display:flex;flex-direction:column;gap:12px;min-width:0}
.pk .hero{margin:0}
.pk-side .ownerbox,.pk-side .extbox,.pk-side .catbox{margin:0}
.pricebox{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:flex-end;justify-content:space-between;padding:14px 16px;border-radius:14px;border:1px solid color-mix(in srgb,var(--c-pr) 45%,transparent);background:color-mix(in srgb,var(--c-pr) 10%,var(--card))}
.pb-now{display:flex;flex-direction:column;gap:2px}
.pb-now .lbl{font-size:calc(12px*var(--fs,1));color:var(--tx3);text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.pb-now b{font:700 calc(30px*var(--fs,1))/1.1 'Space Grotesk';color:var(--hi)}
.pb-prev{font-size:calc(13px*var(--fs,1))}
.pb-chg{font-weight:700;padding:1px 7px;border-radius:999px}
.pb-chg.down{background:color-mix(in srgb,#22c55e 22%,transparent);color:#16a34a}
.pb-chg.up{background:color-mix(in srgb,#f97316 22%,transparent);color:#ea580c}
.pb-side{display:flex;gap:18px;flex-wrap:wrap}
.pb-side div{display:flex;flex-direction:column}
.pb-side b{font:700 calc(17px*var(--fs,1)) 'Space Grotesk'}
.pb-side span{font-size:calc(12px*var(--fs,1));color:var(--tx3)}
.pk .facts{margin:0}
.pk .facts div{position:relative}
.pk .facts .fi{float:right;opacity:.6;font-size:calc(14px*var(--fs,1))}
.pk .facts.big b{font-size:calc(22px*var(--fs,1))}
.pk-sub{font-size:calc(12px*var(--fs,1));color:var(--tx3);text-transform:uppercase;letter-spacing:.06em;font-weight:700;margin:4px 0 -4px}
.pk-card .hd h3{margin:0;font-size:calc(14px*var(--fs,1))}
.pk-card .kv{grid-template-columns:140px 1fr;font-size:calc(14px*var(--fs,1));gap:9px 14px}
.pk-price{font:700 calc(16px*var(--fs,1)) 'Space Grotesk';color:var(--hi)}
.elabel{display:inline-grid;place-items:center;min-width:26px;height:22px;padding:0 6px;border-radius:5px;background:var(--ec,#64748b);color:#fff;font-weight:800;font-size:calc(13px*var(--fs,1));margin-right:4px;clip-path:polygon(0 0,82% 0,100% 50%,82% 100%,0 100%);padding-right:10px}
.elabel.pend{background:#f59e0b;color:#111}
.elabel.none{background:#94a3b8}
/* woningenlijst gebruikt de volle breedte; een woning opent altijd volledig scherm */
.psplit:not(.focus){grid-template-columns:1fr}
.psplit:not(.focus) > #prDetail{display:none}
/* fotostrip rechts op de woningpagina */
.pk-photos{min-width:0}
.pk-ph-h{font-size:calc(12px*var(--fs,1));color:var(--tx3);text-transform:uppercase;letter-spacing:.06em;font-weight:700;margin:0 0 8px}
.pk-ph-list{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}
.pk-ph{flex:0 0 120px;aspect-ratio:4/3;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;cursor:pointer;background:var(--card2)}
.pk-ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}
.pk-ph:hover img{transform:scale(1.06)}
.pk-ph.on{border-color:var(--c-pr)}
@container (min-width:820px){.pk-photos{grid-column:1/-1}}
@container (min-width:1120px){
  .pk{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) 150px}
  .pk-wide{grid-column:1/-1}
  .pk-photos{grid-column:3;grid-row:1;position:sticky;top:0;max-height:calc(100vh - 230px);display:flex;flex-direction:column}
  .pk-ph-list{flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:0 4px 0 0}
  .pk-ph{flex:0 0 auto;width:100%}
}
.dh .acts a.act-new{background:var(--c-ct);border-color:var(--c-ct);color:#fff;font-weight:700;cursor:pointer}.dh .acts a.act-new:hover{filter:brightness(1.1);color:#fff}
.pk-notes{white-space:pre-wrap;background:var(--bg2);border:1px solid var(--line);border-left:3px solid var(--c-pr);border-radius:8px;padding:8px 10px;font-size:calc(13.5px*var(--fs,1))}
.ad-step.skip{opacity:.45;cursor:not-allowed}.ad-step.skip small{font-size:calc(11px*var(--fs,1));color:var(--tx3)}
/* labels aan/uit in contact bewerken */
.pe-roles{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 6px}
.pe-role{border:1.5px solid color-mix(in srgb,var(--rc) 55%,transparent);background:transparent;color:var(--tx2);border-radius:999px;padding:7px 14px;font-weight:700;cursor:pointer;font-size:calc(13px*var(--fs,1))}
.pe-role.on{background:var(--rc);border-color:var(--rc);color:#fff}
.pe-mkprop{margin-top:10px;padding:10px 12px;border-radius:10px;border:1.5px dashed var(--r-seller);background:color-mix(in srgb,var(--r-seller) 10%,transparent)}
#peProp .btn{margin-top:10px}

.pe-chs{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.pe-ch{display:grid;grid-template-columns:minmax(220px,1fr) 130px 44px 34px;gap:8px;align-items:center;width:100%}
.pe-ch input[type=email],.pe-ch input[type=tel],.pe-ch select{width:100%;padding:8px 10px;background:var(--bg2);border:1px solid var(--line2);border-radius:8px;color:var(--tx)}
.pe-ch .ad-x{margin:0;height:34px}
.pe-ch .ad-c span{font-size:16px}
@media (max-width:700px){.pe-ch{grid-template-columns:1fr 100px 36px 30px}}
/* verwijderknop in bewerkschermen (alleen beheerder) */
.pe-del{color:#f87171;border-color:rgba(248,113,113,.45)}
.pe-del:hover{background:rgba(248,113,113,.12)}
html[data-theme="light"] .pe-del{color:#b91c1c}

/* ---------- XML-feeds ---------- */
:root{--c-xm:#06b6d4}
.xm{display:grid;grid-template-columns:minmax(320px,420px) 1fr;gap:12px;height:100%}
.xm>.card{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.xm-list .rows{flex:1;min-height:0}
.xm-list .seg button b{font-weight:600;opacity:.75;margin-left:3px}
.xm-new{margin-left:auto;background:var(--c-xm);border:0;color:#04212a}
.xm-explain{padding:8px 12px;border-bottom:1px solid var(--line)}
.xm-row{grid-template-columns:38px 1fr auto}
.xm-row .sub{color:var(--tx3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xm-row.on{background:var(--card2);box-shadow:inset 3px 0 0 var(--c-xm)}
.xm-row.off .nm{color:var(--tx3);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--tx3) 50%,transparent)}
.xm-pfx{font:600 calc(11px*var(--fs,1))/1 Inter;padding:2px 6px;border-radius:5px;background:color-mix(in srgb,var(--c-xm) 18%,transparent);color:var(--c-xm);margin-left:4px;vertical-align:1px}
.xm-ag{color:var(--r-agent)}
.xm-warn{color:#f59e0b}.xm-bad{color:#f87171}.xm-ok{color:#22c55e;font-weight:600}
.xm-copy{white-space:nowrap}
.btn.ok{border-color:#16a34a;color:#22c55e}
.xm-sw{position:relative;display:inline-block;width:34px;height:20px;cursor:pointer;flex:none}
.xm-sw input{opacity:0;width:0;height:0;position:absolute}
.xm-sw i{position:absolute;inset:0;border-radius:999px;background:var(--line2);transition:.15s}
.xm-sw i::after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:.15s}
.xm-sw input:checked+i{background:#16a34a}
.xm-sw input:checked+i::after{transform:translateX(14px)}
.xm-sw input:focus-visible+i{box-shadow:0 0 0 3px color-mix(in srgb,var(--c-xm) 40%,transparent)}
.xm-sw.ro{cursor:default;opacity:.8}
.xm-detail{position:relative}
.xm-scroll{flex:1;overflow:auto;min-height:0;padding:18px 22px 30px}
.xm-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}
.xm-head h2{margin:0 0 4px;font:700 calc(22px*var(--fs,1))/1.2 'Space Grotesk';word-break:break-word}
.xm-acts{display:flex;align-items:center;gap:10px;flex:none}
.xm-link{color:var(--r-agent);cursor:pointer;font-weight:600}.xm-link:hover{text-decoration:underline}
.xm-url{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:14px;background:var(--bg2)}
.xm-urlrow{display:flex;gap:8px;align-items:center;margin:6px 0 2px}
.xm-urlrow code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(12px*var(--fs,1));color:var(--hi)}
.xm-urlrow a.btn{text-decoration:none;color:var(--tx2)}
.xm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin-bottom:14px}
.xm-kv{border:1px solid var(--line);border-radius:10px;padding:9px 11px;display:flex;flex-direction:column;gap:4px;background:color-mix(in srgb,var(--card2) 45%,transparent)}
.xm-kv span{font-size:calc(11px*var(--fs,1));color:var(--tx3)}.xm-kv b{font-weight:600;color:var(--hi)}
.xm-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:14px}
.xm-rules>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.xm-rules span{font-size:calc(11px*var(--fs,1));color:var(--tx3)}
.xm-chips,.xm-tags{display:flex;flex-wrap:wrap;gap:5px}
.chip.in{--cc:#22c55e;color:var(--hi);border-color:color-mix(in srgb,#22c55e 60%,transparent)}
.chip.ex{--cc:#f87171;color:var(--hi);border-color:color-mix(in srgb,#f87171 60%,transparent);background:color-mix(in srgb,#f87171 14%,transparent)}
.xm-tags{padding:6px;border:1px solid var(--line2);border-radius:8px;background:var(--bg2);align-items:center}
.xm-tags .chip{cursor:default}
.xm-tags .chip button{border:0;background:none;color:var(--tx3);cursor:pointer;font-size:calc(14px*var(--fs,1));line-height:1;padding:0 0 0 2px}
.xm-tags .chip button:hover{color:#f87171}
.xm-tags input{flex:1;min-width:160px;border:0!important;background:none!important;box-shadow:none!important;padding:4px!important}
.xm-picked{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--bg2)}
.xm-picked .btn{margin-left:auto}
.xm-ro{padding:8px 10px;border:1px dashed var(--line2);border-radius:8px;font-weight:600;color:var(--hi)}
.xm-note{margin:0 0 14px;padding:10px 12px;border-radius:10px;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.35);color:#fcd34d;font-size:calc(13px*var(--fs,1))}
.xm-note.bad{background:rgba(248,113,113,.1);border-color:rgba(248,113,113,.4);color:#fca5a5}
[data-theme=light] .xm-note{color:#92400e}[data-theme=light] .xm-note.bad{color:#991b1b}
.xm-notes{white-space:pre-wrap;padding:10px 12px;border-left:3px solid var(--line2);color:var(--tx2);margin-bottom:14px}
.xm-sub{display:flex;align-items:baseline;gap:10px;margin:18px 0 8px}
.xm-sub h3{margin:0;font:600 calc(12px*var(--fs,1))/1 Inter;letter-spacing:.1em;text-transform:uppercase;color:var(--tx3)}
.xm-ua{max-width:320px;overflow:hidden;text-overflow:ellipsis}
.xm-testbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 12px}
.xm-testbar .btn{background:color-mix(in srgb,var(--c-xm) 18%,var(--card2));border-color:color-mix(in srgb,var(--c-xm) 50%,transparent)}
.xm-prev{border:1px solid color-mix(in srgb,var(--c-xm) 35%,var(--line));border-radius:12px;padding:12px;margin-bottom:6px}
.xm-prev .xm-sub{margin-top:4px}
.xm-towns{display:flex;flex-wrap:wrap;gap:6px}
.xm-town{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid var(--line2);background:var(--bg2);color:var(--tx);cursor:pointer;font-size:calc(12px*var(--fs,1))}
.xm-town i{width:8px;height:8px;border-radius:50%;background:var(--tc)}
.xm-town b{font-weight:600;color:var(--tx3)}
.xm-town span{color:var(--tx3);font-size:calc(11px*var(--fs,1))}
.xm-town:hover{border-color:var(--tc)}
.xm-town.ex{background:color-mix(in srgb,#f87171 14%,transparent);border-color:color-mix(in srgb,#f87171 55%,transparent);text-decoration:line-through}
.xm-town:disabled{cursor:default}
.xm-err{color:#f87171;font-weight:600;min-height:1em;margin-top:6px}
.xm-detail .ad-foot{flex:none}
@media (max-width:900px){.xm{grid-template-columns:1fr;grid-template-rows:minmax(220px,40%) 1fr}.xm-rules{grid-template-columns:1fr}.xm-scroll{padding:14px}}
.xm-meta{color:var(--tx2)!important}.xm-meta b{font-weight:600;color:var(--hi)}.xm-meta b.xm-warn{color:#f59e0b}

/* websitecijfers op Overzicht */
.ov-web{grid-column:1/-1;padding-bottom:12px}
.ov-web .hd{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ov-web .seg{display:flex;gap:2px;background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:2px}
.ov-web .seg button{background:none;border:0;color:var(--tx2);padding:3px 9px;border-radius:6px;cursor:pointer;font:inherit}
.ov-web .seg button.on{background:var(--c-ov,#3b82f6);color:#fff}
.wb-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:0 12px}
.wb-t{position:relative;padding:10px 12px 8px;border-radius:10px;background:var(--bg2);border:1px solid var(--line);min-width:0}
.wb-t[data-go]{cursor:pointer}.wb-t[data-go]:hover{border-color:var(--bc)}
.wb-t::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--bc)}
.wb-t .l{font-size:calc(11.5px*var(--fs,1));color:var(--tx2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wb-t .l .src{font-size:calc(9.5px*var(--fs,1));margin-left:3px;opacity:.75}
.wb-t .v{font:700 calc(22px*var(--fs,1))/1.15 'Space Grotesk';margin-top:4px;white-space:nowrap}
.wb-t .s{font-size:calc(10.5px*var(--fs,1));color:var(--tx3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wb-t .dl{font:600 calc(10.5px*var(--fs,1)) system-ui;vertical-align:middle}
.wb-t .dl.up{color:#34d399}.wb-t .dl.dn{color:#f87171}
.wb-bars{display:flex;align-items:flex-end;gap:2px;height:22px;margin-top:6px}
.wb-bars i{flex:1;background:var(--bc);opacity:.75;border-radius:2px 2px 0 0;min-width:1px}
.wb-bars i:last-child{opacity:1}.wb-bars i.na{background:none;border-bottom:1px dashed var(--line)}
.wb-note{padding:8px 14px 0}
@media (max-width:1150px){.wb-grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:700px){.wb-grid{grid-template-columns:repeat(2,1fr)}}
/* woning: compacte kop (18-10) — titel + status op één regel, meta + contact op de tweede */
.dh.dh-pr{padding:10px 16px;align-items:center;gap:12px}
.dh-pr .dh-l{min-width:0;flex:1}
.dh-pr .dh-r1{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
.dh-pr h2{font-size:calc(19px*var(--fs,1))}
.dh-pr .stbar{margin-top:0;gap:3px}
.dh-pr .stbar button{padding:3px 9px;font-size:calc(11.5px*var(--fs,1))}
.dh-pr .meta{margin-top:6px;align-items:center;gap:6px 14px}
.dh-pr .cstrip{margin:0;gap:6px}
.dh-pr .cpill a{padding:3px 9px;font-size:calc(13px*var(--fs,1))}
.dh-pr .cpill a.wa{padding:3px 7px;font-size:calc(10px*var(--fs,1))}
.dh-pr .acts{align-self:flex-start}
/* woning gebruikt de volle breedte */
.psplit.focus #prBody{max-width:none}
.psplit.focus #prBody .hero{height:clamp(240px,38vh,480px)}
.pk-side{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start}
.pk-sa,.pk-sb{display:flex;flex-direction:column;gap:12px;min-width:0}
@container (min-width:1240px){
  .pk{grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr) 140px;gap:14px}
  .pk-side .pk-card .kv{grid-template-columns:118px 1fr}
  .pk .facts.big b{font-size:calc(19px*var(--fs,1))}
  .pk-side{display:block;column-count:2;column-gap:12px}
  .pk-sa,.pk-sb{display:contents}
  .pk-side .pk-sa>*,.pk-side .pk-sb>*{break-inside:avoid;margin:0 0 12px}
}
@container (min-width:1560px){.pk{grid-template-columns:minmax(0,1fr) minmax(0,1.75fr) 150px}.pk-side .pk-card .kv{grid-template-columns:140px 1fr}}
.pk-chips{display:flex;flex-wrap:wrap;gap:5px}
.pk-chip{font-size:calc(12px*var(--fs,1));padding:2px 9px;border-radius:999px;border:1px solid var(--line2);background:var(--bg2);color:var(--tx2)}
.pk-chip.on{border-color:color-mix(in srgb,var(--c-pr) 55%,transparent);background:color-mix(in srgb,var(--c-pr) 12%,transparent);color:var(--hi)}
.pk-admin{border-color:color-mix(in srgb,#a855f7 45%,var(--line))}
.pk-desc{white-space:pre-wrap;padding:12px 14px 14px;font-size:calc(14px*var(--fs,1));line-height:1.55;color:var(--tx2);max-height:320px;overflow:auto}
.hd a.tag{text-decoration:none;cursor:pointer}.hd a.tag:hover{color:var(--hi)}
.pk-card .kv{margin:0;gap:6px 14px;padding:10px 14px 12px}
.pk-card .hd{padding:9px 14px}
.focusbar{margin:0 0 6px}.focusbar .btn{padding:5px 12px;font-size:calc(13px*var(--fs,1))}

/* activiteit verwijderen */
.act-del{border:1px solid transparent;background:none;color:var(--tx3);cursor:pointer;border-radius:6px;padding:1px 5px;font-size:calc(12px*var(--fs,1));line-height:1.4;opacity:.45}
.act-del:hover,.act-del:focus-visible{opacity:1;color:#ef4444;border-color:#ef4444;background:rgba(239,68,68,.08)}
.tl .e .h .act-del{margin-left:auto}

/* wachtwoord-oogje */
.pw-wrap{position:relative;display:block}
.pw-wrap input{padding-right:44px}
.pw-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:none;border:0;border-radius:8px;color:var(--tx2);cursor:pointer;padding:0}
.pw-eye:hover{color:var(--tx);background:var(--bg3,rgba(127,127,127,.12))}
/* woning: blok Markt */
.pk-mk{padding:10px 14px 12px;display:flex;flex-direction:column;gap:14px}
.mk-row{display:flex;flex-direction:column;gap:6px}
.mk-row+.mk-row{border-top:1px solid var(--line);padding-top:12px}
.mk-h{font-weight:600;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.mk-lbl{margin-left:auto;font-size:calc(11px*var(--fs,1));font-weight:700;color:var(--mc);border:1px solid var(--mc);border-radius:999px;padding:1px 8px}
.mk-nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:6px}
.mk-nums div{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:6px 9px}
.mk-nums b{display:block;font:700 calc(15px*var(--fs,1)) 'Space Grotesk'}
.mk-nums span{font-size:calc(11px*var(--fs,1));color:var(--tx3)}
.mk-bar{position:relative;height:14px;margin:6px 2px 0;background:var(--bg2);border:1px solid var(--line);border-radius:7px}
.mk-band{position:absolute;top:2px;bottom:2px;background:var(--c-pr);opacity:.28;border-radius:5px}
.mk-med{position:absolute;top:-3px;bottom:-3px;width:2px;margin-left:-1px;background:var(--tx3)}
.mk-me{position:absolute;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--mc);border:2px solid var(--bg)}
.mk-axis{display:flex;justify-content:space-between}
.mk-dyn{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;justify-content:space-between}
.mk-big b{font:700 calc(17px*var(--fs,1)) 'Space Grotesk'}
.mk-sp{min-width:150px;flex:0 1 180px}
.mk-spark{width:100%;height:36px;display:block;overflow:visible}
.mk-src{font-size:calc(10.5px*var(--fs,1));color:var(--tx3);border-top:1px solid var(--line);padding-top:8px}

.ad-done{max-width:560px;margin:40px auto;text-align:center;padding:28px 24px;border:1px solid rgba(52,211,153,.45);border-radius:16px;background:rgba(52,211,153,.08)}
.ad-done-ic{width:56px;height:56px;margin:0 auto 12px;border-radius:50%;background:#34d399;color:#0a0f1e;display:grid;place-items:center;font:700 30px/1 Inter}
.ad-done h2{margin:0 0 8px;font:700 calc(22px*var(--fs,1))/1.2 'Space Grotesk';color:#6ee7b7}
.ad-done p{margin:0 0 18px;color:var(--tx2)}
.ad-done-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.ad-done .btn{text-decoration:none}
.ad-done-go{background:#34d399;border:0;color:#0a0f1e;font-weight:600}
/* 19-10-2026: sleutelnummer, afstanden, teksten genereren */
.ad-key{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin:6px 0 8px}.ad-key .ad-f{width:160px;margin:0}
.ad-h5row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ad-txbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:6px}.ad-txbar .ad-seg{margin:0}
.ad-gen{background:linear-gradient(90deg,#a855f7,#3b82f6);border:0;color:#fff;font-weight:600}.ad-gen:disabled{opacity:.7;cursor:wait}

/* ===== 19-10-2026 (Rick): duidelijke invulpanelen — dunne rand, ronde hoeken, lichte achtergrondkleur per blok =====
   Geldt voor invoer (Admin: contact, woning) en alle bewerkschermen (woning, contact). Kleur per blok via --sc. */
.ad-sec{--sc:#94a3b8;border:1px solid color-mix(in srgb,var(--sc) 32%,var(--line));border-radius:14px;
  background:color-mix(in srgb,var(--sc) 6%,var(--card));box-shadow:inset 4px 0 0 var(--sc);padding:14px 16px 10px 20px}
.ad-sec>h4{color:color-mix(in srgb,var(--sc) 65%,var(--hi,#e2e8f0));display:flex;align-items:center;gap:8px}
.ad-sec>h4::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sc);flex:0 0 auto}
/* deelblokken binnen een paneel */
.ad-sec .ad-cols3>div,.ad-sec .ad-list,.ad-sec .ad-mapwrap,.ad-sec .ad-key,.ad-sec .pe-roles,.ad-sec .ad-chips,.ad-sec .ad-multi.c3,.ad-sec .ad-multi.c4,.ad-sec .ad-multi.c5{
  border:1px solid color-mix(in srgb,var(--sc) 22%,var(--line));border-radius:10px;padding:10px 12px;
  background:color-mix(in srgb,var(--sc) 3%,var(--bg2))}
.ad-sec .ad-cols3{gap:12px}
.ad-sec .ad-list{margin-bottom:10px}
.ad-sec h5{color:color-mix(in srgb,var(--sc) 55%,var(--tx2));text-transform:uppercase;letter-spacing:.06em;font-size:calc(11px*var(--fs,1))}
.ad-sec .ad-f input:focus,.ad-sec .ad-f select:focus,.ad-sec .ad-f textarea:focus{border-color:var(--sc);box-shadow:0 0 0 3px color-mix(in srgb,var(--sc) 22%,transparent)}
.ad-sec .ad-note{border-radius:10px;border:1px dashed color-mix(in srgb,var(--sc) 45%,var(--line));background:color-mix(in srgb,var(--sc) 8%,transparent);padding:8px 12px}

/* kenmerken: panelen (nexus-features.js) */
.fx{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.fx-panel{--fx:#94a3b8;border:1px solid color-mix(in srgb,var(--fx) 35%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--fx) 7%,var(--bg2));overflow:hidden}
.fx-panel>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:9px 12px;
  background:color-mix(in srgb,var(--fx) 14%,transparent);border-bottom:1px solid transparent;font-size:calc(13px*var(--fs,1))}
.fx-panel>summary::-webkit-details-marker{display:none}
.fx-panel>summary b{display:flex;align-items:center;gap:8px;color:color-mix(in srgb,var(--fx) 60%,var(--hi,#e2e8f0))}
.fx-panel>summary b::before{content:"▸";font-size:10px;transition:transform .15s}
.fx-panel[open]>summary b::before{transform:rotate(90deg)}
.fx-panel[open]>summary{border-bottom-color:color-mix(in srgb,var(--fx) 25%,var(--line))}
.fx-n{min-width:20px;padding:1px 7px;border-radius:999px;background:var(--fx);color:#fff;font-size:11px;font-weight:700;text-align:center}
.fx-n:empty{display:none}
.fx-hint{padding:8px 12px 0;font-size:calc(11.5px*var(--fs,1));color:var(--tx3)}
.fx-body{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px 12px}
.fx-sub{flex:0 0 100%;margin-top:4px;font-size:calc(11px*var(--fs,1));text-transform:uppercase;letter-spacing:.06em;color:color-mix(in srgb,var(--fx) 55%,var(--tx2));font-weight:600}
.fx-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--line2);border-radius:999px;background:var(--card);cursor:pointer;
  font-size:calc(12.5px*var(--fs,1));color:var(--tx2);user-select:none;transition:background .12s,border-color .12s}
.fx-chip input{display:none}
.fx-chip:hover{border-color:var(--fx)}
.fx-chip.on{background:color-mix(in srgb,var(--fx) 22%,var(--card));border-color:var(--fx);color:var(--hi,#e2e8f0);font-weight:600}
.fx-chip.on::before{content:"✓";font-size:11px;color:var(--fx)}
.fx-radio{flex:0 0 100%;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}
.fx-radio>span{font-size:calc(12px*var(--fs,1));font-weight:600;color:var(--tx2);min-width:92px}
.fx-seg{display:inline-flex;border:1px solid color-mix(in srgb,var(--fx) 40%,var(--line2));border-radius:10px;overflow:hidden;background:var(--card)}
.fx-seg button{border:0;background:none;padding:6px 12px;font-size:calc(12.5px*var(--fs,1));color:var(--tx2);cursor:pointer;border-right:1px solid var(--line)}
.fx-seg button:last-child{border-right:0}
.fx-seg button.on{background:var(--fx);color:#fff;font-weight:600}
.fx-legacy .fx-chip{font-size:calc(11.5px*var(--fs,1))}
@media (max-width:1100px){.fx{grid-template-columns:1fr}}

/* na opslaan: kadaster + Agent SEO */
.ad-enrich{margin:4px auto 18px;max-width:480px;text-align:left;font-size:calc(13px*var(--fs,1));padding:10px 14px;border-radius:10px;border:1px solid var(--line2);background:var(--card);display:flex;flex-direction:column;gap:4px}
.ad-enrich.busy{flex-direction:row;align-items:center;gap:10px;color:var(--tx2)}
.ad-enrich.ok{border-color:rgba(52,211,153,.5)}.ad-enrich.warn{border-color:rgba(251,191,36,.55)}
.ad-spin{width:16px;height:16px;border-radius:50%;border:2px solid var(--line2);border-top-color:#34d399;animation:adspin .8s linear infinite;flex:0 0 auto}
@keyframes adspin{to{transform:rotate(360deg)}}

/* oppervlakte-signaal geadverteerd vs kadaster */
.af-oct{flex:none;vertical-align:middle}
.af-oct.af-red,.af-red .af-oct{color:#dc2626}
.af-oct.af-amber,.af-amber .af-oct{color:#f59e0b}
.af-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 9px 2px 4px;border-radius:999px;font-size:calc(12px*var(--fs,1));cursor:help}
.af-badge.af-red{background:rgba(220,38,38,.14);border:1px solid rgba(220,38,38,.55);color:#ef4444}
.af-badge.af-amber{background:rgba(245,158,11,.14);border:1px solid rgba(245,158,11,.55);color:#d97706}
.af-badge b{font-weight:700}
.pk .facts .af-tile .fi{opacity:1}
.af-tile.af-red{border-color:rgba(220,38,38,.65)!important;box-shadow:inset 0 0 0 1px rgba(220,38,38,.35)}
.af-tile.af-amber{border-color:rgba(245,158,11,.65)!important;box-shadow:inset 0 0 0 1px rgba(245,158,11,.3)}
.af-tile.af-red .af-pct{color:#ef4444;display:inline;font:inherit;font-weight:700}
.af-tile.af-amber .af-pct{color:#d97706;display:inline;font:inherit;font-weight:700}
.af-inl{display:inline-flex;align-items:center;gap:3px;font-weight:700;cursor:help}
.af-inl.af-red{color:#ef4444}.af-inl.af-amber{color:#d97706}
/* + Nieuwe woning / + Woning toevoegen (19-10-2026) */
.btn.act-newpr{background:var(--c-pr);border-color:var(--c-pr);color:#fff;font-weight:700;margin-left:auto;white-space:nowrap}.btn.act-newpr:hover{filter:brightness(1.1)}
.btn.act-newpr.hidden{display:none}
.btn.act-newct{background:var(--c-ct);border-color:var(--c-ct);color:#fff;font-weight:700;margin-left:auto;white-space:nowrap}.btn.act-newct:hover{filter:brightness(1.1)}
.btn.act-newct.hidden{display:none}
#p-ct:not(.hidden){display:flex;flex-direction:column;gap:12px}
#p-ct > .split{flex:1;min-height:0}
.ct-top{flex:none}
.ct-top .toolbar:last-child{border-bottom:0}
/* partner / tweede persoon (19-10-2026) */
.introbar.ptbar{border-color:color-mix(in srgb,#e11d48 50%,transparent);background:color-mix(in srgb,#e11d48 11%,transparent)}
.introbar.ptbar .go{color:#fda4af}.introbar.ptbar:hover{border-color:#e11d48}
html[data-theme="light"] .introbar.ptbar .go{color:#be123c}
.pe-pthint{margin:2px 0 8px;padding:10px 12px;border-radius:10px;border:1.5px dashed #e11d48;background:color-mix(in srgb,#e11d48 9%,transparent);font-size:calc(13px*var(--fs,1));line-height:1.45}
.pe-ptc{margin-bottom:8px}.pe-ptc.off{opacity:.55;border-style:dashed}

/* woningdetail: panelen gelijk aan het invoerscherm (19-10-2026) */
.pk-jump{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;column-span:all}
.pk-jump a{--sc:#94a3b8;cursor:pointer;padding:4px 10px;border-radius:999px;font-size:calc(12px*var(--fs,1));font-weight:600;border:1px solid color-mix(in srgb,var(--sc) 45%,var(--line));background:color-mix(in srgb,var(--sc) 12%,var(--bg2));color:color-mix(in srgb,var(--sc) 55%,var(--hi,#e2e8f0))}
.pk-jump a:hover{background:color-mix(in srgb,var(--sc) 24%,var(--bg2))}
.pk-sec{--sc:#94a3b8;border-top:3px solid var(--sc)!important;scroll-margin-top:8px}
.pk-sec>.hd{background:color-mix(in srgb,var(--sc) 9%,transparent)}
.pk-sec>.hd h3{color:color-mix(in srgb,var(--sc) 55%,var(--hi,#e2e8f0))}
.pk-sec-r{display:inline-flex;align-items:center;gap:6px}
.pk-sec-ed{cursor:pointer;opacity:.55;padding:0 4px;font-size:calc(13px*var(--fs,1))}.pk-sec-ed:hover{opacity:1;color:var(--sc)}
.pk-grp{padding:9px 14px 0;font-size:calc(11px*var(--fs,1));font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tx2)}
.pk-grp+.kv{padding-top:6px}
.pk-sec .pk-desc{padding:12px 14px}
.pk-fx{padding:10px 12px 12px}
.fx-view{grid-template-columns:1fr;gap:8px}
.fx-ro .fx-h{padding:7px 12px;border-bottom:1px solid color-mix(in srgb,var(--fx) 25%,var(--line))}
.fx-ro .fx-h b{color:color-mix(in srgb,var(--fx) 60%,var(--hi,#e2e8f0));font-size:calc(12.5px*var(--fs,1))}
.fx-ro .fx-body{padding:8px 10px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.fx-ro .fx-sub{flex-basis:100%;margin:2px 0 -2px}
.fx-chip.ro{cursor:default;font-size:calc(12px*var(--fs,1));padding:3px 9px}
.fx-vr{flex-basis:100%;display:flex;gap:8px;align-items:baseline;font-size:calc(13px*var(--fs,1))}.fx-vr span{color:var(--tx2);min-width:90px}
.fx-empty{margin-top:8px}

.mp-else{padding:8px 12px}.mp-else button{width:100%;padding:7px 10px;border-radius:9px;border:1px dashed var(--line2);background:var(--bg2);color:var(--acc);cursor:pointer;font-weight:600}

/* ---------- Akte inlezen (nexus-deed.js, 20-10-2026) ---------- */
.dd-ov{position:fixed;inset:0;z-index:70;background:rgba(5,8,18,.6);backdrop-filter:blur(2px);display:grid;place-items:center;padding:18px}
.dd-box{width:min(620px,100%);max-height:100%;overflow:auto;background:var(--card);border:1px solid var(--line2);border-radius:16px;padding:20px 22px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.dd-box h3{margin:0 0 2px;font-size:calc(18px*var(--fs,1))}
.dd-sub{margin-bottom:12px}
.dd-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.dd-row{display:grid;grid-template-columns:22px minmax(140px,42%) 1fr;gap:10px;align-items:center;padding:8px 12px;border-top:1px solid var(--line);cursor:pointer}
.dd-row:first-child{border-top:0}
.dd-row:hover{background:var(--bg2)}
.dd-row.eq{opacity:.6}
.dd-row.dd-ex{background:color-mix(in srgb,var(--c-pr,#a855f7) 6%,transparent)}
.dd-l{color:var(--tx2)}
.dd-v{display:flex;flex-direction:column;min-width:0;word-break:break-word}
.dd-now{color:#fbbf24}
.dd-warn{margin-top:10px;padding:8px 12px;border-radius:10px;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.4);color:#fcd34d;font-size:calc(13px*var(--fs,1))}
.dd-miss{margin-top:10px}
.dd-ft{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
.dd-busy{display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 6px;text-align:center}
.dd-spin{width:34px;height:34px;border-radius:50%;border:3px solid var(--line2);border-top-color:var(--c-pr,#a855f7);animation:ddspin 1s linear infinite}
@keyframes ddspin{to{transform:rotate(360deg)}}
.dd-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px}
html[data-theme="light"] .dd-now,html[data-theme="light"] .dd-warn{color:#b45309}
@media (max-width:600px){.dd-row{grid-template-columns:22px 1fr}.dd-v{grid-column:2}}

/* ---------- woningdetail: kolommen gelijk vullen (20-10-2026) ----------
   pk-flow bevat de sprongbalk, de linkerkolom (foto, prijs, tegels) en alle secties.
   Smal/middel: pk-flow doet niet mee (contents) en het bestaande grid blijft.
   Breed: alles loopt als krantenkolommen over 3 kolommen, zodat geen kolom veel langer is dan de andere. */
.pk-flow{display:contents}
.pk-flow>.pk-jump{grid-column:1/-1;margin:0}
@container (min-width:1120px){.pk-flow>.pk-jump{grid-column:1/3}.pk-photos{grid-row:1/span 3}}
@container (min-width:1240px){
  .pk{grid-template-columns:minmax(0,1fr) 140px}
  .pk-flow{display:block;grid-column:1;grid-row:1;column-count:3;column-gap:14px;column-fill:balance}
  .pk-flow>.pk-jump{column-span:all;margin:0 0 12px}
  .pk-main,.pk-side,.pk-sa,.pk-sb{display:contents}
  .pk-flow .pk-main>*,.pk-flow .pk-side>*,.pk-flow .pk-sa>*,.pk-flow .pk-sb>*{break-inside:avoid;margin:0 0 12px}
  .pk-flow .pk-main>.pk-sub{break-after:avoid;margin-bottom:6px}
  .pk-photos{grid-column:2;grid-row:1/span 2}
  .psplit.focus #prBody .hero{height:clamp(220px,30vh,380px)}
}
@container (min-width:1560px){.pk{grid-template-columns:minmax(0,1fr) 150px}}
/* Drive-knop in de woningkop (20-10-2026) */
.dh .acts a.act-drive{background:#1a73e8;border-color:#1a73e8;color:#fff;font-weight:700}
.dh .acts a.act-drive:hover{background:#1557b0}

/* ---------- Contact · Profiel per rol (20-10-2026) ----------
   Zelfde paneeltaal als de woningdetail (pk-sec): gekleurde bovenrand, getinte kop. Kleur per rol via --sc. */
.cp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.cp>.cp-wide,.cp>.cp-journey,.cp>.cp-pair{grid-column:1/-1}
.cp-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.cp-sec{background:color-mix(in srgb,var(--sc) 4%,var(--card));border-color:color-mix(in srgb,var(--sc) 28%,var(--line))}
.cp-sec>.hd{border-bottom-color:color-mix(in srgb,var(--sc) 22%,var(--line))}
.cp-sec .kv{padding:10px 14px}
.cp-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;padding:12px 14px 4px}
.cp-tiles.cp-dim{opacity:.75}
.cp-t{border:1px solid color-mix(in srgb,var(--sc) 25%,var(--line));border-radius:10px;padding:8px 11px;background:color-mix(in srgb,var(--sc) 7%,var(--bg2))}
.cp-t .l{font-size:calc(10.5px*var(--fs,1));text-transform:uppercase;letter-spacing:.06em;color:color-mix(in srgb,var(--sc) 45%,var(--tx2));font-weight:600}
.cp-t .v{font-size:calc(19px*var(--fs,1));font-weight:700;color:var(--hi);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cp-t .s{font-size:calc(11px*var(--fs,1));color:var(--tx3)}
.cp-t.warn{border-color:rgba(245,158,11,.6);background:rgba(245,158,11,.1)}.cp-t.warn .v{color:#f59e0b}
.cp-prs{display:flex;flex-direction:column;gap:8px;padding:12px 14px}
.cp-pr{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:start;padding:8px;border-radius:12px;cursor:pointer;
  border:1px solid color-mix(in srgb,var(--sc) 22%,var(--line));background:color-mix(in srgb,var(--sc) 3%,var(--bg2));transition:border-color .12s}
.cp-pr:hover{border-color:var(--sc)}
.cp-pr img,.cp-pr .ph{width:96px;height:72px;object-fit:cover;border-radius:8px;background:var(--card2)}
.cp-pb{min-width:0}
.cp-ph{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.cp-ph .muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}
.cp-st{margin-left:auto;padding:1px 8px;border-radius:999px;font-size:calc(11px*var(--fs,1));font-weight:700;border:1px solid var(--line2);color:var(--tx2)}
.cp-st.st-available{border-color:rgba(34,197,94,.5);color:#22c55e;background:rgba(34,197,94,.1)}
.cp-st.st-under_offer,.cp-st.st-reserved{border-color:rgba(245,158,11,.55);color:#f59e0b;background:rgba(245,158,11,.1)}
.cp-st.st-sold{border-color:rgba(239,68,68,.5);color:#ef4444;background:rgba(239,68,68,.1)}
.cp-pp{margin-top:2px}.cp-pp>b{font-size:calc(15px*var(--fs,1));color:var(--hi)}
.cp-ms{display:flex;flex-wrap:wrap;gap:14px;margin-top:6px}
.cp-m{font-size:calc(12px*var(--fs,1));color:var(--tx2)}.cp-m b{color:var(--hi);font-size:calc(14px*var(--fs,1))}
.cp-m.warn,.cp-m.warn b{color:#f59e0b}
.cp-sub{margin-top:4px;font-size:calc(12px*var(--fs,1));color:var(--tx2)}
.cp-empty{padding:12px 14px;color:var(--tx3);font-size:calc(13px*var(--fs,1));display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cp-empty .act-newpr{margin-left:0}
.cp-add{cursor:pointer;color:var(--sc);font-weight:600;white-space:nowrap}.cp-add:hover{text-decoration:underline}
.cp-miss{margin:0 14px 12px;padding:8px 12px;border-radius:10px;border:1px dashed rgba(245,158,11,.55);background:rgba(245,158,11,.08);font-size:calc(12.5px*var(--fs,1))}
.cp-foot{padding:0 14px 12px;font-size:calc(12px*var(--fs,1));color:var(--tx3)}
.cp-chips{display:flex;flex-wrap:wrap;gap:6px;padding:8px 14px 12px}
.cp-chip{cursor:pointer;padding:4px 10px;border-radius:999px;font-size:calc(12px*var(--fs,1));border:1px solid color-mix(in srgb,var(--sc) 40%,var(--line));background:color-mix(in srgb,var(--sc) 10%,var(--bg2));color:var(--tx)}
.cp-chip:hover{border-color:var(--sc)}
.cp-sec .pk-grp{color:color-mix(in srgb,var(--sc) 50%,var(--tx2))}
.cp-sec .note{margin:10px 14px 12px}
/* klantreis */
.cp-journey{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--bg2)}
.cp-step{--sc:#94a3b8;display:flex;flex-direction:column;padding:6px 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--sc) 45%,var(--line));
  background:color-mix(in srgb,var(--sc) 11%,var(--card));box-shadow:inset 3px 0 0 var(--sc)}
.cp-step .d{font-size:calc(10.5px*var(--fs,1));color:var(--tx3);text-transform:uppercase;letter-spacing:.05em}
.cp-step b{font-size:calc(13px*var(--fs,1));color:var(--hi)}
.cp-step .x{font-size:calc(11.5px*var(--fs,1));color:color-mix(in srgb,var(--sc) 55%,var(--tx2))}
.cp-arrow{color:var(--tx3)}
@container (max-width:760px){.cp,.cp-pair{grid-template-columns:1fr}}
@media (max-width:900px){.cp,.cp-pair{grid-template-columns:1fr}}
#ctBody{container-type:inline-size}

/* ---------- mail-preview (20-10-2026) ---------- */
.tl .e.mv{cursor:pointer;border-radius:8px;margin-left:-6px;padding-left:6px;padding-right:6px}
.tl .e.mv:hover{background:var(--card2)}
.tl .e.mv:hover .k{color:var(--hi)}
.tl .e .mv-ic{font-size:calc(12px*var(--fs,1));opacity:.45}
.tl .e.mv:hover .mv-ic{opacity:1}
.mvp{position:fixed;inset:0;z-index:70;background:rgba(5,8,18,.72);backdrop-filter:blur(3px);display:grid;place-items:center;padding:18px}
.mvp-box{width:min(860px,100%);height:100%;background:var(--card);border:1px solid var(--line2);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.mvp-hd{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}
.mvp-sj{font:700 calc(18px*var(--fs,1))/1.3 'Space Grotesk';color:var(--hi);overflow-wrap:anywhere}
.mvp-meta{color:var(--tx2);font-size:calc(12.5px*var(--fs,1));margin-top:4px;display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.mvp-tag{font-weight:600;padding:2px 8px;border-radius:999px;border:1px solid #06b6d4;color:var(--hi);background:color-mix(in srgb,#06b6d4 22%,transparent)}
.mvp-ev{display:flex;flex-wrap:wrap;gap:6px;padding:8px 18px;border-bottom:1px solid var(--line);font-size:calc(12px*var(--fs,1));color:var(--tx2)}
.mvp-e{padding:3px 8px;border-radius:8px;background:var(--card2)}
.mvp-e b{color:var(--hi);font-weight:600}
.mvp-bd{flex:1;min-height:0;background:#fff;display:flex}
.mvp-bd .pe-load,.mvp-bd .empty{margin:auto;color:#475569}
.mvp-bd iframe{flex:1;width:100%;height:100%;border:0;background:#fff}
@media (max-width:640px){.mvp{padding:0}.mvp-box{border-radius:0}}

/* ============ RAPPORTAGE (nexus-reports.js) ============ */
:root{--c-rp:#f97316}
.rp{height:100%;display:flex;flex-direction:column;gap:12px;min-height:0}
.rp-bar{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.rp-pick{display:flex;flex-direction:column;gap:4px}
.rp-pick label{font-size:calc(11px*var(--fs,1));color:var(--tx3);text-transform:uppercase;letter-spacing:.06em}
.rp-pick select{background:var(--bg2);color:var(--tx);border:1px solid var(--line2);border-radius:9px;padding:8px 10px;font:inherit;min-width:110px}
.rp-pick select:focus{outline:0;border-color:var(--c-rp);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-rp) 25%,transparent)}
.rp-sp{flex:1}
.rp-bar .btn{padding:8px 14px}
.rp-bar .rp-pdf{background:var(--c-rp);border:0;color:#fff}
.rp-doc{flex:1;min-height:0;overflow:auto;padding:18px 20px}
.rp-hd h2{margin:0;font:700 calc(20px*var(--fs,1))/1.2 "Space Grotesk",Inter,sans-serif;color:var(--hi)}
.rp-sub{color:var(--tx3);font-size:calc(12px*var(--fs,1));margin-top:3px}
.rp-sec{margin:20px 0 8px;font-size:calc(13px*var(--fs,1));color:var(--c-rp);text-transform:uppercase;letter-spacing:.06em;border-left:3px solid var(--c-rp);padding-left:8px}
.rp-scroll{overflow-x:auto}
.rp-t{border-collapse:collapse;width:100%;font-size:calc(12.5px*var(--fs,1));font-variant-numeric:tabular-nums}
.rp-t th,.rp-t td{padding:6px 9px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--line)}
.rp-t thead th,.rp-t .rp-yr th{color:var(--tx3);font-weight:600;background:var(--card2);font-size:calc(11.5px*var(--fs,1))}
.rp-t .n{text-align:right}
.rp-t .mut{color:var(--tx3)}
.rp-t .b{font-weight:700;color:var(--hi)}
.rp-t tbody tr:hover td{background:color-mix(in srgb,var(--c-rp) 7%,transparent)}
.rp-t a{color:var(--hi);font-weight:600;text-decoration:none;cursor:pointer}.rp-t a:hover{color:var(--c-rp);text-decoration:underline}
.rp-t td.neg{color:#f59e0b}.rp-t td.bad{color:#f87171;font-weight:600}.rp-t td.pos{color:#22c55e}
.rp-t tfoot td{font-weight:700;color:var(--hi);border-top:2px solid var(--line2);background:var(--card2)}
.rp-tot .rp-yr th:first-child{color:var(--hi);font-size:calc(12.5px*var(--fs,1))}
.rp-tot tr.rp-yr:not(:first-child) th{border-top:14px solid var(--card)}

@media print{
  @page{size:A4 landscape;margin:10mm}
  body.rp-printing{background:#fff!important;color:#0f172a}
  body.rp-printing header,body.rp-printing nav.tabs,body.rp-printing .no-print,body.rp-printing #login{display:none!important}
  body.rp-printing main{height:auto;padding:0;overflow:visible}
  body.rp-printing .pane{display:none!important}
  body.rp-printing #p-rp{display:block!important;height:auto}
  body.rp-printing .rp,body.rp-printing .rp-doc{display:block;height:auto;overflow:visible;border:0;padding:0;background:#fff;box-shadow:none}
  body.rp-printing .rp-scroll{overflow:visible}
  body.rp-printing .rp-hd h2{color:#0f172a}
  body.rp-printing .rp-t{font-size:7.6pt}
  body.rp-printing .rp-t th,body.rp-printing .rp-t td{padding:2.5px 4px;border-color:#e2e8f0;color:#0f172a}
  body.rp-printing .rp-t thead th,body.rp-printing .rp-t .rp-yr th,body.rp-printing .rp-t tfoot td{background:#f1f5f9!important;color:#475569;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  body.rp-printing .rp-t .mut{color:#94a3b8}
  body.rp-printing .rp-t a{color:#0f172a}
  body.rp-printing .rp-tot tr.rp-yr:not(:first-child) th{border-top:10px solid #fff}
  body.rp-printing .rp-t tr{page-break-inside:avoid}
  body.rp-printing .rp-sec{color:#ea580c;border-color:#ea580c}
}

/* woningmodal: velden per rij strak uitgelijnd (labels boven, invoer op één lijn, hints eronder) */
.pe-main .ad-row{align-items:start}
.pe-main .ad-f>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:16px;min-height:16px}
.pe-main .ad-f input:not([type=checkbox]):not([type=radio]),.pe-main .ad-f select{height:38px}
.pe-main .ad-f>.pe-fbtn{height:38px;width:100%;white-space:nowrap}
.pe-main .ad-f>.ad-c{min-height:38px;padding:0}

/* ===== Bezichtiging (nexus-viewings.js, 20-10-2026): flow per aanvraag van links naar rechts ===== */
:root{--c-vw:#84cc16}
.vw{display:flex;flex-direction:column;gap:12px}
.vw-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.vw-seg button span{opacity:.7;margin-left:3px}
.vw-bar input[type=search]{flex:1 1 220px;min-width:0;padding:7px 11px;border-radius:9px;border:1px solid var(--line2);background:var(--bg2)}
.vw-bar select{padding:7px 9px;border-radius:9px;border:1px solid var(--line2);background:var(--bg2)}
.vw-re{padding:7px 12px}
.vw-lead{margin:0;color:var(--tx3);font-size:calc(12.5px*var(--fs,1));max-width:90ch}
.vw-scroll{overflow-x:hidden;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.vw-grid{display:flex;flex-direction:column}
@media (max-width:1000px){.vw-scroll{overflow-x:auto}.vw-grid{min-width:960px}}
.vw-hd,.vw-row{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(6,minmax(0,1fr)) minmax(0,.9fr);align-items:stretch}
.vw-hd>*,.vw-row>*{min-width:0}
.vw-hd span{padding:9px 8px;font-size:calc(11px*var(--fs,1));letter-spacing:.06em;text-transform:uppercase;color:var(--tx3);border-bottom:1px solid var(--line)}
.vw-row{border-bottom:1px solid var(--line);cursor:pointer;position:relative}
.vw-row:last-child{border-bottom:0}
.vw-row:hover{background:var(--card2)}
.vw-row.open{background:var(--card2)}
.vw-row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--vwc,transparent)}
.vw-row.s-done{--vwc:#22c55e}.vw-row.s-wait{--vwc:#f59e0b}.vw-row.s-fail{--vwc:#ef4444}.vw-row.s-stop{--vwc:#94a3b8}
.vw-who{padding:10px 8px 10px 14px;display:flex;flex-direction:column;gap:1px;min-width:0}
.vw-ag{font-weight:600;color:var(--hi);text-decoration:none;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vw-ag:hover{text-decoration:underline}.vw-ag.nolink{cursor:inherit;text-decoration:none}
.vw-who small{color:var(--tx2);font-size:calc(11.5px*var(--fs,1));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vw-who .vw-mail{color:var(--tx3)}
/* een stap: tekst boven, voortgangslijn met bolletje eronder (lijn loopt door naar de volgende stap) */
.vw-st{display:flex;flex-direction:column;gap:8px;padding:10px 8px;min-width:0}
.vw-tx{display:flex;flex-direction:column;min-width:0}
.vw-st b{font-weight:600;font-size:calc(12.5px*var(--fs,1));line-height:1.3}
.vw-st small{color:var(--tx3);font-size:calc(11.5px*var(--fs,1));line-height:1.35;overflow-wrap:anywhere}
.vw-st.todo b{color:var(--tx3);font-weight:500}
.vw-st.wait b{color:#f59e0b}.vw-st.fail b{color:#ef4444}
.vw-st.lnk b{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line2)}
.vw-st.lnk:hover b{text-decoration-color:currentColor}
.vw-tr{margin-top:auto;position:relative;height:20px}
.vw-tr::after{content:"";position:absolute;top:9px;left:20px;right:-16px;height:2px;background:var(--line2)}
.vw-st.done .vw-tr::after{background:#22c55e88}
.vw-row>.vw-st:nth-child(7) .vw-tr::after{display:none}
.vw-tr i{position:relative;z-index:1;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:11px;
  border:2px solid var(--line2);background:var(--card);color:var(--tx3)}
.vw-st.done i{background:#22c55e;border-color:#22c55e;color:#06210f}
.vw-st.wait i{background:#f59e0b;border-color:#f59e0b;color:#2a1a00}
.vw-st.fail i{background:#ef4444;border-color:#ef4444;color:#fff}
.vw-st.stop i{background:#94a3b8;border-color:#94a3b8;color:#0f172a}
.vw-st.na i{border-style:dashed}
.vw-state{padding:10px 8px;display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.vw-state small{color:var(--tx3);font-size:calc(11px*var(--fs,1))}
.vw-pill{font-size:calc(11.5px*var(--fs,1));font-weight:700;padding:2px 9px;border-radius:10px;background:var(--card2);color:var(--tx2);line-height:1.35}
.vw-pill.done{background:#22c55e22;color:#22c55e}.vw-pill.wait{background:#f59e0b22;color:#f59e0b}.vw-pill.fail{background:#ef444422;color:#ef4444}
.vw-detwrap{grid-column:1/-1;padding:0 14px 12px 14px;cursor:default}
.vw-det{display:flex;flex-direction:column;gap:6px;border-top:1px dashed var(--line2);padding-top:10px}
.vw-ev{display:grid;grid-template-columns:130px 170px minmax(0,1fr);gap:4px 12px;align-items:start;font-size:calc(12.5px*var(--fs,1))}
.vw-ev .vw-t{color:var(--tx3);font-variant-numeric:tabular-nums}
.vw-ev .vw-o{font-weight:600}
.vw-ev .o-processed,.vw-ev .o-agent_registered{color:#22c55e}.vw-ev .o-nexus_failed,.vw-ev .o-ref_not_found{color:#ef4444}
.vw-ev .o-incomplete,.vw-ev .o-registration_requested,.vw-ev .o-registration_incomplete{color:#f59e0b}
.vw-ev .vw-x{color:var(--tx2)}
.vw-ev .vw-m{grid-column:3;display:flex;flex-wrap:wrap;gap:4px}
.vw-chip{font-size:calc(11px*var(--fs,1));padding:2px 8px;border-radius:6px;background:var(--bg2);border:1px solid var(--line);color:var(--tx2)}
.vw-chip.bad{border-color:#ef4444;color:#ef4444}.vw-chip.dim{opacity:.6}
.vw-empty{border:1px dashed var(--line2);border-radius:14px}
@media (max-width:700px){.vw-ev{grid-template-columns:1fr}.vw-ev .vw-m{grid-column:1}}

/* Verwijderen-knop in de kop van contact en woning (20-10-2026) */
.dh .acts a.act-del{background:transparent;border-color:#dc2626;color:#f87171;font-weight:700;cursor:pointer}
.dh .acts a.act-del:hover{background:#dc2626;color:#fff;border-color:#dc2626}
/* NEXUS · Makelaarskantoren (20-10-2026) */
.ag-ov{position:fixed;inset:0;z-index:72;background:rgba(5,8,18,.6);backdrop-filter:blur(2px);display:grid;place-items:center;padding:18px}
.ag-box{width:min(760px,100%);max-height:100%;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line2);border-radius:16px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.ag-box>.pe-load{padding:40px}
.ag-main{padding:14px 18px 18px;overflow:auto;min-height:0}
.ag-bar{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.ag-bar .ad-search{flex:1}
.ag-list{border:1px solid var(--line);border-radius:12px;overflow:auto;max-height:min(60vh,560px)}
.ag-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:9px 12px;border-top:1px solid var(--line)}
.ag-row:first-child{border-top:0}
.ag-row:hover{background:var(--bg2)}
.ag-row.off{opacity:.55}
.ag-n{white-space:nowrap}
.ag-act{display:flex;gap:6px}
.ag-form{border:1px solid var(--line2);border-radius:12px;padding:12px 14px;background:var(--bg2)}
.ag-form h4{margin:0 0 10px}
.ag-fbtn{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
.ag-fbtn .ad-next{background:var(--c-pr);color:#111}
.ag-bar .ad-next{background:var(--c-pr);color:#111;white-space:nowrap}
.pe-aglink{margin-left:6px;font-weight:600;color:var(--c-pr);cursor:pointer;text-decoration:none;font-size:calc(11.5px*var(--fs,1))}
.pe-aglink:hover{text-decoration:underline}
.pe-aghint{margin:-2px 0 10px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
@media (max-width:700px){.ag-ov{padding:0}.ag-box{border-radius:0;height:100%}.ag-row{grid-template-columns:minmax(0,1fr) auto}.ag-n{grid-column:1}}
html[data-theme="light"] .ag-box{box-shadow:0 30px 80px rgba(15,23,42,.25)}

/* ---------- woningdetail: vaste band Eigendomsakte · Kadaster · Idealista · Publicatie (21-10-2026) ----------
   Deze panelen lopen niet mee in de krantenkolommen: ze staan recht naast elkaar, even hoog,
   onder de dynamische kolommen. Elk paneel krijgt een eigen accentkleur (--sc uit PKSEC). */
.pk-band{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:stretch;min-width:0}
@container (min-width:820px){.pk-band{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (min-width:1120px){.pk-band{grid-column:1/3;grid-template-columns:repeat(3,minmax(0,1fr))}}
@container (min-width:1240px){.pk-band{grid-column:1;grid-row:2}}
.pk-band>.pk-sec{margin:0;display:flex;flex-direction:column;min-width:0;
  border:1px solid color-mix(in srgb,var(--sc) 38%,var(--line));border-top:4px solid var(--sc)!important;
  background:color-mix(in srgb,var(--sc) 6%,var(--card))}
.pk-band>.pk-sec>.hd{background:color-mix(in srgb,var(--sc) 16%,transparent);border-bottom:1px solid color-mix(in srgb,var(--sc) 30%,var(--line))}
.pk-band>.pk-sec>.hd h3{color:color-mix(in srgb,var(--sc) 70%,var(--hi,#e2e8f0));font-weight:700}
.pk-band>.pk-sec .pk-grp{color:color-mix(in srgb,var(--sc) 65%,var(--tx2))}
.pk-band>.pk-sec .kv{grid-template-columns:128px 1fr}
.pk-band>.pk-sec .tag{border-color:color-mix(in srgb,var(--sc) 45%,var(--line))}
/* Publicatie: over de volle breedte van de band, gegevens in kolommen naast elkaar */
.pk-band>#pks-pub{grid-column:1/-1}
@container (min-width:820px){.pk-band>#pks-pub .kv{grid-template-columns:repeat(2,110px minmax(0,1fr))}}
@container (min-width:1240px){.pk-band>#pks-pub .kv{grid-template-columns:repeat(3,110px minmax(0,1fr))}}
/* Kadaster */
.pk-kadf{margin:12px 14px 0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
.pk-kadf div{background:color-mix(in srgb,var(--sc) 8%,var(--bg2));border-color:color-mix(in srgb,var(--sc) 25%,var(--line))}
.pk-kadel{padding:6px 14px 12px;overflow-x:auto}
.pk-kadel .mtable{width:100%}
/* Idealista */
#pks-idl .pk-mk{display:flex;flex-direction:column;gap:12px;padding:12px 14px}
#pks-idl .mk-band{background:var(--sc)}
.pk-enr .kv{border-bottom:1px solid var(--line)}
.pk-enr .kv:last-child{border-bottom:0}
@container (min-width:820px) and (max-width:1119px){.pk-band>#pks-idl{grid-column:1/-1}}

/* ---------- woningkop: actieknoppen even groot, elk een eigen kleur (21-10-2026) ---------- */
.dh .acts{align-items:center}
.dh .acts a,.dh .acts a.act-del{display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;
  height:34px;min-width:138px;padding:0 14px;border-radius:8px;border:1px solid transparent;
  font-size:calc(13px*var(--fs,1));font-weight:700;line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer;opacity:1;color:#fff;transition:filter .15s}
.dh .acts a:hover{filter:brightness(1.12);color:#fff}
.dh .acts a.act-edit{background:#f59e0b;border-color:#f59e0b;color:#111}
.dh .acts a.act-edit:hover{color:#111}
.dh .acts a.act-del{background:#dc2626;border-color:#dc2626;color:#fff}
.dh .acts a.act-del:hover{background:#dc2626;color:#fff;border-color:#dc2626}
.dh .acts a.act-drive{background:#1a73e8;border-color:#1a73e8}
.dh .acts a.act-web{background:#0d9488;border-color:#0d9488}
.dh .acts a.act-ext{background:#7c3aed;border-color:#7c3aed;color:#fff}
.dh .acts a.act-brochure{background:#475569;border-color:#475569;color:#fff}
@media (max-width:700px){.dh .acts a,.dh .acts a.act-del{min-width:0;flex:1 1 calc(50% - 6px)}}
/* Akte inlezen: eigenaar(s) (21-10-2026) */
.dd-part{display:flex;align-items:baseline;gap:8px;margin:16px 0 8px;padding-top:12px;border-top:2px solid var(--line2);font-weight:700;font-size:calc(14px*var(--fs,1))}
.dd-sub+.dd-part{border-top:0;padding-top:0;margin-top:4px}
.dd-part small{font-weight:400;color:var(--tx2)}
.dd-person{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:10px;background:color-mix(in srgb,#14b8a6 5%,transparent)}
.dd-person .dd-list{margin-top:8px;background:var(--card)}
.dd-phead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}
.dd-to{display:flex;flex-direction:column;gap:2px;min-width:200px}
.dd-to select{max-width:280px}
.dd-pnone{margin-top:6px}
.dd-bad{color:#f87171}
.dd-pend{margin:0 0 12px;padding:8px 12px;border-radius:10px;border:1px solid color-mix(in srgb,#14b8a6 45%,transparent);background:color-mix(in srgb,#14b8a6 8%,transparent);font-size:calc(13px*var(--fs,1));display:flex;flex-wrap:wrap;gap:6px;align-items:center}
/* 21-10: keuzelijst "Opslaan in" leesbaar in donker en licht */
.dd-to select{color-scheme:dark;background:var(--bg2);color:var(--tx);border:1px solid var(--line2);border-radius:8px;padding:6px 8px;font:inherit;font-size:calc(13px*var(--fs,1))}
.dd-to select option{background:var(--card);color:var(--tx)}
.dd-to select:focus{outline:2px solid color-mix(in srgb,#14b8a6 60%,transparent);outline-offset:1px}
html[data-theme="light"] .dd-to select{color-scheme:light}

/* ---------- Facturen, Contracten en The Bridge (22-10-2026, nexus-parts.js) ---------- */
:root{--c-fa:#f43f5e;--c-cn:#eab308;--c-br:#00d4ff}
.part-wrap{height:100%;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--bg)}
.part-frame{display:block;width:100%;height:100%;border:0;background:var(--bg)}
/* 22-10: op mobiel/tablet heeft main geen vaste hoogte (height:auto), waardoor 100% wegviel en het frame
   op de standaard 150px bleef staan. Daar krijgt het frame de volle schermhoogte onder header en tabs. */
@media (max-width:1100px){
  .part-wrap{height:calc(100vh - var(--hdr) - var(--tabs) - 28px);height:calc(100dvh - var(--hdr) - var(--tabs) - 28px);min-height:420px}
}
/* The Bridge: opvallend, helemaal rechts in de menubalk, alleen voor de eigenaar */
.tab.tab-bridge{margin-left:auto;align-self:center;position:sticky;right:0;z-index:2;flex:none;height:calc(var(--tabs) - 14px);border-radius:999px;border:1px solid color-mix(in srgb,var(--c-br) 60%,transparent);
  color:#04141a;background:linear-gradient(135deg,#00d4ff,#3b82f6 55%,#a855f7);font-weight:700;letter-spacing:.04em;text-decoration:none;
  box-shadow:0 0 0 1px rgba(0,212,255,.25),0 0 18px rgba(0,212,255,.35);padding:0 14px 0 12px;gap:7px}
.tab.tab-bridge:hover{color:#04141a;box-shadow:0 0 0 1px rgba(0,212,255,.45),0 0 26px rgba(0,212,255,.55);filter:brightness(1.08)}
.tab.tab-bridge::after{display:none}
.tab.tab-bridge:focus-visible{outline:2px solid var(--c-br);outline-offset:2px}
/* tweestapsverificatie voor The Bridge */
.mfa-ov{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:rgba(5,8,18,.72);backdrop-filter:blur(6px);padding:16px}
.mfa-box{position:relative;width:min(400px,94vw);padding:24px 24px 20px;border-color:color-mix(in srgb,var(--c-br) 45%,var(--line2));box-shadow:0 30px 80px rgba(0,0,0,.5),inset 0 3px 0 -1px var(--c-br)}
.mfa-hd{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.mfa-hd h3{margin:0;font:700 calc(16px*var(--fs,1))/1 'Space Grotesk',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--hi)}
.mfa-ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#04141a;background:linear-gradient(135deg,#00d4ff,#a855f7)}
.mfa-lead{color:var(--tx2);margin:10px 0 14px}
.mfa-qr{display:grid;place-items:center;margin:12px 0 8px}
.mfa-qr img{width:190px;height:190px;background:#fff;border-radius:12px;padding:8px}
.mfa-sec{text-align:center;word-break:break-all;margin-bottom:6px}.mfa-sec code{font-size:calc(12px*var(--fs,1));color:var(--tx)}
.mfa-f{display:flex;gap:8px}
.mfa-code{flex:1;min-width:0;padding:11px 13px;background:var(--bg2);border:1px solid var(--line2);border-radius:10px;outline:none;font:600 calc(18px*var(--fs,1))/1 ui-monospace,Consolas,monospace;letter-spacing:.3em;text-align:center}
.mfa-code:focus{border-color:var(--c-br);box-shadow:0 0 0 3px rgba(0,212,255,.2)}
.mfa-f .btn.pri{width:auto;background:linear-gradient(135deg,#00d4ff,#3b82f6)}
.mfa-x{position:absolute;top:10px;right:12px;background:none;border:0;color:var(--tx3);font-size:22px;cursor:pointer;line-height:1}
.mfa-x:hover{color:var(--hi)}
html[data-theme="light"] .mfa-ov{background:rgba(15,23,42,.35)}
@media (max-width:1600px){nav.tabs .tab{padding:0 12px}}
@media (max-width:720px){.tab.tab-bridge span{display:none}.tab.tab-bridge{padding:0 10px}}

/* rode teller op tab: nieuw binnengekomen in de laatste 12 uur (Bezichtiging, Binnenkomend) */
.tab .nb{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:calc(11px*var(--fs,1));font-weight:700;
  line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--bg),0 0 10px rgba(239,68,68,.6)}
.tab .nb:empty{display:none}

/* ---------- Contactmomenten: formulierflows per contact (Rick, 22-10-2026; nexus-flows.js) ----------
   Elke aanvraag één compacte flow van links (formulier) naar rechts (afgerond). Kleur = kwalificatie van de lead. */
.fl-wrap{display:flex;flex-direction:column;gap:8px;padding:12px 14px 14px;border-bottom:1px solid var(--line);margin-bottom:6px}
.fl-wrap:empty{display:none}
.fl-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.fl-top h4{margin:0;font-size:calc(11px*var(--fs,1));letter-spacing:.08em;text-transform:uppercase;color:var(--tx3);font-weight:600;display:flex;align-items:center;gap:6px}
.fl-top h4 .cnt{letter-spacing:0}
.fl-leg{display:flex;gap:6px;flex-wrap:wrap}
.fl-lg,.fl-q{display:inline-flex;align-items:center;gap:5px;font-size:calc(10.5px*var(--fs,1));font-weight:600;padding:1px 7px;border-radius:999px;color:var(--qc);background:color-mix(in srgb,var(--qc) 14%,transparent);white-space:nowrap}
.fl-lg::before,.fl-q::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--qc)}
.q-hot{--qc:#ef4444}.q-warm{--qc:#f59e0b}.q-cold{--qc:#3b82f6}.q-none{--qc:#94a3b8}.q-mail{--qc:#3b82f6}
html[data-theme="light"] .q-warm{--qc:#c27c05}html[data-theme="light"] .q-cold{--qc:#1d6fd6}html[data-theme="light"] .q-none{--qc:#64748b}
.fl-list{display:flex;flex-direction:column;gap:6px}
.fl-card{position:relative;border:1px solid var(--line);border-radius:10px;background:var(--card);padding:7px 10px 8px 13px;display:flex;flex-direction:column;gap:5px;min-width:0}
.fl-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:10px 0 0 10px;background:var(--qc)}
.fl-card.on{border-color:var(--acc,var(--c-ac));box-shadow:0 0 0 2px var(--acc,var(--c-ac));background:color-mix(in srgb,var(--acc,var(--c-ac)) 7%,var(--card))}
.fl-here{align-self:flex-start;font-size:calc(10.5px*var(--fs,1));font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--acc,var(--c-ac));padding:1px 8px;border-radius:999px}
.fl-o.src{color:var(--sc);font-weight:700;padding:0 7px;border-radius:999px;background:color-mix(in srgb,var(--sc) 15%,transparent)}
.feed .src-tag{color:var(--sc);font-weight:700}
.fl-hd{display:flex;align-items:center;gap:8px;min-width:0;font-size:calc(12px*var(--fs,1))}
.fl-t{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.fl-ref{color:var(--tx2);cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line2)}
.fl-ref:hover{color:var(--hi)}
.fl-o{color:var(--tx3);font-size:calc(11px*var(--fs,1))}
.fl-ts{margin-left:auto;color:var(--tx3);font-size:calc(11px*var(--fs,1));white-space:nowrap;font-variant-numeric:tabular-nums}
.fl-msg{color:var(--tx3);font-size:calc(11.5px*var(--fs,1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fl-track{display:flex;align-items:stretch;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px}
.fl-n{all:unset;box-sizing:border-box;cursor:pointer;position:relative;flex:0 0 auto;min-width:84px;max-width:128px;display:grid;grid-template-columns:16px 1fr;column-gap:5px;align-items:center;
  padding:4px 7px;border:1px solid var(--line2);border-radius:7px;background:var(--card2);margin-right:14px}
.fl-n:last-child{margin-right:0}
.fl-n::after{content:"";position:absolute;right:-15px;top:50%;width:14px;height:2px;background:var(--line2)}
.fl-n:last-child::after{display:none}
.fl-n.done::after{background:color-mix(in srgb,var(--qc) 70%,transparent)}
.fl-n:hover{border-color:var(--tx3)}
.fl-n:focus-visible{outline:2px solid var(--qc);outline-offset:2px}
.fl-n i{grid-row:1/3;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:10px;line-height:1;border:1.5px solid var(--line2);color:var(--tx3)}
.fl-n b{font-size:calc(11.5px*var(--fs,1));font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fl-n small{font-size:calc(10.5px*var(--fs,1));color:var(--tx3);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fl-n.done i{background:var(--qc);border-color:var(--qc);color:#fff}
.fl-n.wait i{border-style:dashed;border-color:var(--tx2);color:var(--tx2)}
.fl-n.wait{border-style:dashed}
.fl-n.fail{border-color:#ef4444}.fl-n.fail i{background:#ef4444;border-color:#ef4444;color:#fff}.fl-n.fail small{color:#ef4444}
.fl-n.skip{opacity:.55}
/* popup met uitleg per stap */
.fl-pop{position:fixed;inset:0;z-index:60;background:rgba(5,9,20,.55);display:grid;place-items:center;padding:16px}
html[data-theme="light"] .fl-pop{background:rgba(15,23,42,.35)}
.fl-box{width:min(520px,100%);max-height:85vh;overflow:auto;background:var(--card);border:1px solid var(--line2);border-top:3px solid var(--qc);border-radius:12px;box-shadow:0 24px 70px rgba(0,0,0,.4)}
.fl-bh{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px 10px;border-bottom:1px solid var(--line)}
.fl-bh small{color:var(--tx3);font-size:calc(11.5px*var(--fs,1))}
.fl-bh h3{margin:2px 0 0;font-size:calc(16px*var(--fs,1))}
.fl-bb{padding:12px 16px 16px;display:flex;flex-direction:column;gap:10px;font-size:calc(13px*var(--fs,1))}
.fl-bb p{margin:0;color:var(--tx2);line-height:1.5}
.fl-bb dl{margin:0;display:grid;grid-template-columns:fit-content(38%) minmax(0,1fr);gap:5px 12px;border-top:1px dashed var(--line2);padding-top:10px}
.fl-bb dt{color:var(--tx3)}.fl-bb dd{margin:0;overflow-wrap:anywhere;white-space:pre-line}
.fl-st{align-self:flex-start;font-size:calc(11.5px*var(--fs,1));font-weight:600;padding:2px 9px;border-radius:999px;background:var(--card2);color:var(--tx2)}
.fl-st.done{color:var(--qc);background:color-mix(in srgb,var(--qc) 14%,transparent)}.fl-st.fail{color:#ef4444;background:rgba(239,68,68,.12)}
.fl-x{all:unset;cursor:pointer;font-size:20px;line-height:1;color:var(--tx3);padding:2px 6px;border-radius:6px}
.fl-x:hover{color:var(--hi)}.fl-x:focus-visible{outline:2px solid var(--qc)}

/* ---------- Binnenkomend: aanvragen links, contactscherm rechts op Contactmomenten (Rick, 22-10-2026) ---------- */
/* Portalen (#p-po): zelfde pagina als Aanvragen, alleen portaalaanvragen (Rick, 22-10-2026) */
:root{--c-po:#8b5cf6}
#p-ac > .ac-split,#p-po > .ac-split{height:100%;min-height:0}
/* sinds 25-10-2026: links alle aanvragen als flowkaarten, rechts het contactvenster */
#p-ac > .ac-split,#p-po > .ac-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(460px,1fr);gap:12px}
.ac-reqs{min-width:0}
.ac-slot{display:flex;flex-direction:column;min-height:0;min-width:0}
.ac-slot > .detail,.ac-slot > .ac-ph{flex:1;min-width:0;min-height:0}
.ac-ph.hidden{display:none}
.ac-split .feed > .fl-wrap{padding:8px 10px}
.ac-split .feed .fl-card{cursor:pointer;transition:border-color .12s,box-shadow .12s,background .12s}
.ac-split .feed .fl-card:hover{border-color:var(--acc,var(--c-ac));box-shadow:0 0 0 1px var(--acc,var(--c-ac));background:color-mix(in srgb,var(--acc,var(--c-ac)) 9%,var(--card))}
.ac-split .feed .fl-card .fl-n,.ac-split .feed .fl-card [data-p]{cursor:pointer}
.fl-who{display:flex;align-items:baseline;gap:8px;font-size:calc(13.5px*var(--fs,1))}.fl-who b{color:var(--hi,var(--tx))}.fl-rep{font-size:calc(11.5px*var(--fs,1));color:var(--tx3)}
.feed .it.sel{background:var(--card2);box-shadow:inset 3px 0 0 var(--acc,var(--c-ac))}
@media (max-width:1100px){#p-ac > .ac-split,#p-po > .ac-split{grid-template-columns:1fr}.ac-slot{min-height:70vh}}
.fl-rest{padding:4px 14px 2px;font-size:calc(11px*var(--fs,1));letter-spacing:.08em;text-transform:uppercase;color:var(--tx3);font-weight:600}
.fl-acts{display:flex;flex-wrap:wrap;gap:6px}.fl-acts .btn{padding:6px 11px;font-size:calc(12.5px*var(--fs,1))}
/* verzendingen (mailings) als vervolg van de aanvraag waar ze uit voortkomen */
.fl-n.send{border-style:solid;background:color-mix(in srgb,var(--qc) 6%,var(--card2))}
.fl-n.send i{background:var(--card);border-color:var(--qc);color:var(--qc);font-size:9px}
.fl-sl{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.fl-si{all:unset;box-sizing:border-box;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:baseline;padding:7px 10px;border-bottom:1px solid var(--line);cursor:pointer;font-size:calc(12.5px*var(--fs,1))}
.fl-si:last-child{border-bottom:0}.fl-si:hover{background:var(--card2)}.fl-si:focus-visible{outline:2px solid var(--qc);outline-offset:-2px}
.fl-si[disabled]{cursor:default}.fl-si[disabled]:hover{background:none}
.fl-sd{color:var(--tx3);font-variant-numeric:tabular-nums;white-space:nowrap}.fl-ss{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fl-sm{color:var(--tx3);white-space:nowrap}

/* ---------- Aanvragen-filter: soort websiteformulier · portaal · oude site (Rick, 22-10-2026) ---------- */
.ac-filter{display:flex;flex-wrap:wrap;align-content:flex-start;gap:5px;padding:8px 12px;max-height:170px;overflow:auto;scrollbar-width:thin}
.ac-filter .chip{padding:3px 9px;font-size:calc(11.5px*var(--fs,1))}
.ac-filter .chip.dim{opacity:.45}
.ac-filter .chip.dim.on{opacity:1}
.ac-fg{flex-basis:100%;font-size:calc(10px*var(--fs,1));letter-spacing:.08em;text-transform:uppercase;color:var(--tx3);font-weight:600;margin:2px 0 -2px}
.ac-fg:empty{height:0;margin:0}
.ac-more{padding:10px 14px;text-align:center}

/* ---------- woning › Statistieken (23-10-2026): gekleurde panelen zoals de vaste band, in lijn met de verkopersmail ---------- */
.st-wrap{display:flex;flex-direction:column;gap:14px;container-type:inline-size}
.st-band{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:stretch}
@container (min-width:760px){.st-band{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (min-width:1180px){.st-band{grid-template-columns:repeat(3,minmax(0,1fr))}}
.st-pnl{margin:0;display:flex;flex-direction:column;min-width:0;border:1px solid color-mix(in srgb,var(--sc) 38%,var(--line));border-top:4px solid var(--sc)!important;background:color-mix(in srgb,var(--sc) 6%,var(--card))}
.st-pnl>.hd{background:color-mix(in srgb,var(--sc) 16%,transparent);border-bottom:1px solid color-mix(in srgb,var(--sc) 30%,var(--line))}
.st-pnl>.hd h3{color:color-mix(in srgb,var(--sc) 70%,var(--hi,#e2e8f0));font-weight:700}
.st-pnl .tag{border-color:color-mix(in srgb,var(--sc) 45%,var(--line))}
.st-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px 14px 14px}
.st-tile{display:flex;flex-direction:column;gap:2px;padding:9px 11px;border-radius:9px;background:color-mix(in srgb,var(--sc) 9%,var(--bg2));border:1px solid color-mix(in srgb,var(--sc) 22%,var(--line));min-width:0}
.st-tile b{font:700 calc(18px*var(--fs,1))/1.15 'Space Grotesk';color:var(--hi);display:flex;align-items:center;gap:6px}
.st-tile span{font-size:calc(11.5px*var(--fs,1));color:var(--tx2)}
.st-tile small{font-size:calc(11px*var(--fs,1));color:color-mix(in srgb,var(--sc) 70%,var(--tx2))}
.st-tile.big{grid-column:1/-1;background:color-mix(in srgb,var(--sc) 15%,var(--bg2))}
.st-tile.big b{font-size:calc(28px*var(--fs,1));color:color-mix(in srgb,var(--sc) 55%,var(--hi,#fff))}
.st-conv em{align-self:flex-start;margin-top:4px;padding:2px 9px;border-radius:5px;color:#fff;font:600 calc(11px*var(--fs,1)) Inter;font-style:normal}
.st-scale{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:calc(11px*var(--fs,1));color:var(--tx3)}
.st-scale i,.st-leg i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-left:4px}
.st-leg{display:flex;align-items:center;gap:6px;font-size:calc(11.5px*var(--fs,1));color:var(--tx2)}
.st-eye{display:inline-flex}
.st-chart{margin:0}
.st-note{padding:0 4px}

/* ---------- Kop op telefoon (Rick, 23-10-2026): knoppen onder de naam i.p.v. eroverheen ----------
   De actieknoppen kregen naast de naamkolom geen ruimte, waardoor naam en contactpillen tot een smalle strook werden samengeperst
   (naam onder de knoppen, "Geen telefoon/e-mail" als lange stippellijn). Op smal scherm: naamkolom naast de avatar, knoppen eronder op volle breedte. */
@media (max-width:700px){
  .dh{flex-wrap:wrap;gap:12px;padding:14px}
  .dh .big{width:48px;height:48px;border-radius:14px}
  .dh > :not(.ini):not(.acts){flex:1 1 calc(100% - 60px);min-width:0}
  .dh .acts{order:3;flex:1 1 100%;margin-left:0;justify-content:stretch;align-self:stretch}
  .dh h2{overflow-wrap:anywhere}
  .subtabs{overflow-x:auto;scrollbar-width:none;padding:6px 8px 0;gap:0}
  .subtabs::-webkit-scrollbar{display:none}
  .subtabs .st{flex:0 0 auto;white-space:nowrap;padding:8px 10px}
  .dh .cpill a{font-size:calc(13.5px*var(--fs,1));padding:6px 10px}
  .dh .cpill.nophone a{display:block;line-height:1.35}
}

/* Mailings-paneel bij Bewerken (Rick 24-10-2026): per mailing een aan/uit-toggle, groen = aan, rood = uit */
.mgrp{border:1px solid var(--bd,rgba(148,163,184,.18));border-radius:10px;overflow:hidden;margin-bottom:12px;background:rgba(15,23,42,.25)}
.mgrp-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;background:rgba(168,85,247,.10);font-size:calc(11px*var(--fs,1));font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#c4b5fd}
.mmaster{display:flex;align-items:center;gap:8px;text-transform:none;letter-spacing:0;font-weight:700;font-size:calc(12px*var(--fs,1));color:var(--hi);cursor:pointer}
.mrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-top:1px solid rgba(148,163,184,.10)}
.mrow b{display:block;font-size:calc(13px*var(--fs,1));color:var(--hi);font-weight:600}
.mrow small{display:block;font-size:calc(11px*var(--fs,1));color:var(--tx2);margin-top:1px}
.mrow.dis{opacity:.45}
.mnote{display:block;padding:7px 12px 9px;border-top:1px solid rgba(148,163,184,.10)}
.mtg{position:relative;display:inline-block;width:40px;height:22px;flex:0 0 auto;cursor:pointer}
.mtg input{position:absolute;opacity:0;width:0;height:0}
.mtg i{position:absolute;inset:0;border-radius:22px;background:#dc2626;transition:background .15s}
.mtg i::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 2px rgba(0,0,0,.3)}
.mtg input:checked+i{background:#16a34a}
.mtg input:checked+i::after{transform:translateX(18px)}
.mtg input:focus-visible+i{outline:2px solid #a855f7;outline-offset:2px}
.mtg.dis{cursor:not-allowed}
.mtg.dis i{background:#475569}
.mtable .mgrp-tr td{font-size:calc(11px*var(--fs,1));font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#c4b5fd;background:rgba(168,85,247,.08);padding-top:7px;padding-bottom:7px}

/* Lead-blok (Rick 24-10-2026): Zoekprofiel en Interesse naast elkaar */
.cp-2col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid rgba(148,163,184,.12);margin-top:8px}
.cp-2col>.cp-col{min-width:0;padding-bottom:10px}
.cp-2col>.cp-col+.cp-col{border-left:1px solid rgba(148,163,184,.12)}
.cp-grp-ed{float:right;text-transform:none;letter-spacing:0;font-weight:600;cursor:pointer}
.cp-int{display:flex;flex-direction:column;gap:2px;padding:4px 10px 0}
.cp-int-r{display:flex;align-items:center;gap:10px;padding:6px 6px;border-radius:8px;cursor:pointer;color:inherit;text-decoration:none}
.cp-int-r:hover{background:rgba(148,163,184,.08)}
.cp-int-r img,.cp-int-r .ph{width:54px;height:40px;border-radius:6px;object-fit:cover;flex:0 0 auto;background:rgba(148,163,184,.15)}
.cp-int-b{min-width:0;line-height:1.35;font-size:calc(13px*var(--fs,1))}
.cp-int-p{font-weight:700;color:var(--hi)}
@container (max-width:760px){.cp-2col{grid-template-columns:1fr}.cp-2col>.cp-col+.cp-col{border-left:0;border-top:1px solid rgba(148,163,184,.12)}}
@media (max-width:900px){.cp-2col{grid-template-columns:1fr}.cp-2col>.cp-col+.cp-col{border-left:0;border-top:1px solid rgba(148,163,184,.12)}}

/* ---------- Contact · Tarievenkaart (25-10-2026, nexus-tariff.js) ----------
   Vier kolommen: kostenpost · werkelijke kosten · All-in · A-la-carte. Gekozen tarief licht op, het andere dimt. */
.cp-tariff .tc-wrap{overflow-x:auto;padding:10px 14px 4px}
.tc{width:100%;border-collapse:separate;border-spacing:0;font-size:calc(13px*var(--fs,1));min-width:560px}
.tc th,.tc td{padding:7px 10px;border-bottom:1px solid rgba(148,163,184,.14);text-align:left;vertical-align:middle}
.tc thead th{font-size:calc(11px*var(--fs,1));text-transform:uppercase;letter-spacing:.05em;color:var(--tx2);font-weight:700;border-bottom:1px solid color-mix(in srgb,var(--sc) 30%,var(--line))}
.tc thead th small{display:block;text-transform:none;letter-spacing:0;font-weight:500;color:var(--tx3)}
.tc .tc-lab{width:34%}
.tc .tc-c,.tc th.tc-act,.tc th.tc-opt{text-align:right;white-space:nowrap}
.tc .tc-act{color:var(--tx2);background:color-mix(in srgb,var(--tx3) 6%,transparent)}
.tc th.tc-opt{padding:4px 6px;width:22%}
.tc-pick{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:flex-end;gap:8px;width:100%;padding:6px 10px;border-radius:10px;border:1px solid var(--line);text-transform:none;letter-spacing:0;text-align:right}
.tc-pick b{display:block;font-size:calc(14px*var(--fs,1));color:var(--hi)}
.tc-pick small{display:block;font-weight:500;color:var(--tx3);font-size:calc(11px*var(--fs,1))}
.tc-pick:hover{border-color:var(--sc)}
.tc-pick[disabled]{cursor:default;opacity:.6}
.tc-radio{width:14px;height:14px;border-radius:50%;border:2px solid var(--tx3);flex:none;order:2}
.cp-tariff{--tc:#22c55e}
.tc-opt.on .tc-pick{border:2px solid var(--tc);background:var(--tc);box-shadow:0 0 0 3px color-mix(in srgb,var(--tc) 25%,transparent)}
.tc-opt.on .tc-pick b,.tc-opt.on .tc-pick small{color:#fff}
.tc-opt.on .tc-radio{border-color:#fff;background:radial-gradient(circle,#fff 45%,transparent 50%)}
.tc td.on{background:color-mix(in srgb,var(--tc) 16%,transparent);border-left:2px solid var(--tc);border-right:2px solid var(--tc)}
.tc tfoot tr:last-child td.on{border-bottom:2px solid var(--tc)}
.tc .tc-tot td.on,.tc .tc-tot td.on b{color:var(--tc)}
.tc-ft b{color:var(--tc)}
.tc td.off,.tc th.off{opacity:.45}
.tc-allin{text-align:center!important}
.tc-one{display:flex;flex-direction:column;align-items:center;gap:6px;line-height:1.3}
.tc-in{display:inline-flex;align-items:center;gap:3px;justify-content:flex-end}
.tc-in .eu{color:var(--tx3)}
.tc-in input,.tc-qty input{width:84px;padding:4px 6px;border-radius:7px;border:1px solid var(--line2,var(--line));background:var(--bg2);color:var(--hi);font:inherit;font-weight:700;text-align:right}
.tc-in input:focus,.tc-qty input:focus{outline:none;border-color:var(--sc)}
.tc-in.ovr input{border-color:rgba(245,158,11,.6)}
.tc-in.def input{border-style:dashed}
.tc-rst{cursor:pointer;color:#f59e0b;font-weight:700;padding:0 2px}
.tc-qty{white-space:nowrap;color:var(--tx3);font-size:calc(12px*var(--fs,1));margin-left:4px}
.tc-qty input{width:46px;font-weight:600}
.tc-tag{display:inline-block;margin-left:4px;padding:0 6px;border-radius:999px;font-size:calc(10px*var(--fs,1));font-weight:700;border:1px solid var(--line);color:var(--tx3);vertical-align:1px}
.tc-tag.deal{border-color:color-mix(in srgb,var(--sc) 50%,var(--line));color:var(--sc)}
.tc tr.tc-own td{border-top:1px dashed rgba(148,163,184,.3)}
.tc tfoot td{font-weight:600}
.tc .tc-tot td{border-top:2px solid color-mix(in srgb,var(--sc) 35%,var(--line));color:var(--hi);font-size:calc(14px*var(--fs,1))}
.tc .tc-diff td{color:var(--tx3);font-size:calc(12px*var(--fs,1));font-weight:500;border-bottom:0}
.tc-ft{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:8px 14px 12px;font-size:calc(12.5px*var(--fs,1));color:var(--tx2)}
.tc-defbtn{cursor:pointer;font-size:calc(12px*var(--fs,1));font-weight:600;color:var(--sc);padding:2px 8px;border-radius:7px;border:1px solid transparent}
.tc-defbtn:hover,.tc-defbtn.on{border-color:var(--sc)}
.tc-warn{margin:10px 14px 0;padding:8px 12px;border-radius:10px;border:1px dashed rgba(245,158,11,.55);background:rgba(245,158,11,.08);font-size:calc(12.5px*var(--fs,1))}

/* Contactkop compact (Rick 25-10-2026): naam + rollen naast de avatar, knoppen rechts; telefoons, WA en e-mail
   als één rij kleine pillen over de volle breedte eronder in plaats van een smalle kolom onder elkaar. */
.dh.dh-ct{flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 16px}
.dh-ct .big{width:44px;height:44px;border-radius:12px;font-size:calc(16px*var(--fs,1))}
.dh-ct h2{font-size:calc(19px*var(--fs,1))}
.dh-ct .roles{margin-top:4px}
.dh-ct .acts{align-self:flex-start;gap:5px}
.dh-ct .acts a{padding:5px 9px}
.dh.dh-ct > .dh-wide{flex:1 1 100%;min-width:0;order:5}
.dh-ct .cstrip{margin-top:0;gap:6px}
.dh-ct .cpill{border-radius:8px}
.dh-ct .cpill a{padding:3px 8px;gap:4px;font-size:calc(12.5px*var(--fs,1));font-weight:600}
.dh-ct .cpill a.wa{padding:3px 6px;font-size:calc(10px*var(--fs,1));font-weight:800}
.dh-ct .introbar{margin-top:6px}
@media (max-width:700px){.dh.dh-ct{padding:12px}.dh-ct .big{width:40px;height:40px}}
/* Gedrag op de site (25-10-2026) */
.cp-q{display:inline-block;margin:0 6px 2px 0;font-style:italic;color:var(--tx2)}

/* knop Brochure printen (nexus-brochure.js, 26-10-2026) */
.dh .acts a.act-brochure{cursor:pointer}
.dh .acts a.act-brochure .ico-print{vertical-align:-2px;margin-right:1px}
.brx-pop{position:absolute;z-index:9999;background:var(--bg2);border:1px solid var(--line2);border-radius:10px;padding:8px 10px;box-shadow:0 8px 28px rgba(0,0,0,.35)}
.brx-pop .brx-h{font-size:calc(11px*var(--fs,1));color:var(--tx2);margin-bottom:6px}
.brx-pop .brx-l{display:flex;gap:6px}
.brx-pop button{font:inherit;font-size:calc(12px*var(--fs,1));font-weight:700;padding:5px 10px;border-radius:7px;border:1px solid var(--line2);background:var(--bg);color:var(--tx);cursor:pointer}
.brx-pop button.on,.brx-pop button:hover{border-color:var(--c-pr);color:var(--hi)}

/* aanvraag verwijderen op de flowkaart (26-10-2026) */
.fl-hd .fl-del{margin-left:2px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:3px 5px;opacity:1;color:#ef4444;border-color:rgba(239,68,68,.55);background:rgba(239,68,68,.10);filter:none}
.fl-hd .fl-del:hover,.fl-hd .fl-del:focus-visible{color:#fff;background:#dc2626;border-color:#dc2626}

/* XML-feed in de contactkop van een makelaar (26-10-2026) */
.dh .acts a.act-xml{cursor:pointer;font-weight:800;letter-spacing:.06em;background:#06b6d4;border-color:#06b6d4;color:#04121a;box-shadow:0 0 0 3px rgba(6,182,212,.25),0 0 14px rgba(6,182,212,.45)}
.dh .acts a.act-xml:hover{color:#000;filter:brightness(1.12)}
.dh .acts a.act-xml.off{background:#64748b;border-color:#64748b;color:#fff;box-shadow:none}
.dh .acts a.act-xml.err{box-shadow:0 0 0 2px #ef4444,0 0 14px rgba(239,68,68,.5)}
.mvp.xfp .mvp-box{height:auto;max-height:100%}
.mvp-tag.xf-off{border-color:var(--line2);background:var(--card2)}
.mvp-tag.xf-err{border-color:#ef4444;background:rgba(239,68,68,.15)}
.mvp-bd.xfp-bd{display:block;background:var(--card);overflow:auto;padding:8px 12px 12px;flex:1 1 auto;min-height:0}
.xfp-r{display:flex;align-items:center;gap:12px;padding:8px;border-radius:10px;cursor:pointer;border:1px solid transparent}
.xfp-r:hover{background:var(--card2);border-color:var(--line2)}
.xfp-r img,.xfp-r .ph{width:64px;height:46px;border-radius:8px;object-fit:cover;flex:none;background:var(--card2)}
.xfp-b{flex:1;min-width:0}
.xfp-p{font-weight:700;color:var(--hi);white-space:nowrap}
.xfp-r .cp-st{margin-left:0;flex:none}

/* ===== Afdrukken (nexus-print.js, 26-10-2026) ===== */
:root{--c-dr:#6366f1}
#p-dr{overflow:auto}
.dr-wrap{max-width:1180px;margin:0 auto;padding-bottom:18px}
.dr-grid{display:grid;grid-template-columns:minmax(300px,380px) 1fr;gap:14px;align-items:start}
@media (max-width:860px){.dr-grid{grid-template-columns:1fr}}
.dr-card .hd{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--c-dr) 8%,transparent);border-radius:14px 14px 0 0}
.dr-card .hd h3{color:var(--c-dr)}
.dr-body{padding:14px}
.dr-find{display:flex;gap:8px}
.dr-find input{flex:1;min-width:0;background:var(--bg2);color:var(--tx);border:1px solid var(--line2);border-radius:10px;padding:10px 12px;font:600 calc(15px*var(--fs,1)) Inter;text-transform:uppercase;letter-spacing:.04em}
.dr-find input::placeholder{text-transform:none;letter-spacing:0;font-weight:400;color:var(--tx3)}
.dr-find input:focus{outline:0;border-color:var(--c-dr);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-dr) 25%,transparent)}
.dr-find .btn{padding:10px 16px}
.dr-lab{margin:14px 0 6px;font-size:calc(11px*var(--fs,1));color:var(--tx3);text-transform:uppercase;letter-spacing:.06em}
.dr-bl button.on{background:var(--c-dr);color:#fff}
.dr-prop{display:flex;gap:12px;margin-top:16px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--card2)}
.dr-ph{flex:none;width:96px;height:72px;border-radius:9px;background:var(--bg2) center/cover no-repeat}
.dr-ph.none{display:flex;align-items:center;justify-content:center;font-size:26px}
.dr-pi{min-width:0;display:flex;flex-direction:column;gap:3px}
.dr-pr{display:flex;align-items:center;gap:8px}.dr-pr b{color:var(--hi);font-size:calc(15px*var(--fs,1))}
.dr-st{font-size:calc(11px*var(--fs,1));font-weight:700;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,#f59e0b 22%,transparent);color:#f59e0b}
.dr-pt{color:var(--tx2);font-size:calc(13px*var(--fs,1))}
.dr-pf{color:var(--tx3);font-size:calc(12.5px*var(--fs,1))}
.dr-price{color:var(--hi);font-weight:700;margin-left:6px}
.dr-go{width:100%;margin-top:12px;background:var(--c-dr);border:0;color:#fff}
.dr-go:hover{filter:brightness(1.1)}
.dr-hint{margin-top:6px;font-size:calc(11.5px*var(--fs,1));color:var(--tx3);text-align:center}
.dr-msg{margin-top:12px;font-size:calc(13px*var(--fs,1));color:var(--tx3)}
.dr-msg.bad{color:#f87171}
.dr-list{display:flex;flex-direction:column;gap:8px}
.dr-doc{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card2)}
.dr-doc:hover{border-color:color-mix(in srgb,var(--c-dr) 45%,var(--line))}
.dr-di{flex:none;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;background:color-mix(in srgb,var(--c-dr) 14%,transparent)}
.dr-dt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.dr-dt b{color:var(--hi);font-size:calc(14px*var(--fs,1))}
.dr-dt span{color:var(--tx3);font-size:calc(12px*var(--fs,1))}
.dr-langs{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.dr-lp{display:inline-flex;border:1px solid var(--line2);border-radius:9px;overflow:hidden}
.dr-l{border:0;background:var(--bg2);color:var(--tx);font:600 calc(12.5px*var(--fs,1)) Inter;padding:7px 10px;cursor:pointer;min-width:56px}
.dr-l:hover{background:var(--c-dr);color:#fff}
.dr-l.busy{opacity:.6;cursor:wait}
.dr-o{display:flex;align-items:center;padding:0 8px;border-left:1px solid var(--line2);color:var(--tx3);text-decoration:none;background:var(--bg2)}
.dr-o:hover{color:var(--c-dr)}
.dr-sec{margin:10px 0 2px;font-size:calc(12px*var(--fs,1));color:var(--c-dr);text-transform:uppercase;letter-spacing:.06em;border-left:3px solid var(--c-dr);padding-left:8px}
@media (max-width:560px){.dr-doc{flex-wrap:wrap}.dr-langs{width:100%;justify-content:flex-start}}

/* live-bezoekers in de header, op elk tabblad (29-10-2026) */
.live-pill{display:flex;align-items:center;gap:7px;margin-right:14px;padding:5px 12px;border-radius:999px;border:1px solid var(--line2);background:var(--bg2);color:var(--tx2);cursor:pointer;font-size:calc(12px*var(--fs,1));white-space:nowrap}
.live-pill.hidden{display:none}
.live-pill b{color:var(--tx);font-size:calc(14px*var(--fs,1));font-variant-numeric:tabular-nums}
.live-pill i{width:8px;height:8px;border-radius:50%;background:#64748b;flex:none}
.live-pill.on i{background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:livepulse 2s infinite}
.live-pill:hover{border-color:var(--acc)}
@keyframes livepulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%{box-shadow:0 0 0 7px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
@media (prefers-reduced-motion:reduce){.live-pill.on i{animation:none}}
@media (max-width:700px){.live-pill span{display:none}.live-pill{margin-right:8px}}

/* Overzicht: bezoekers per uur vandaag vs gisteren (30-10-2026) */
.ov-hr{flex:none;padding-bottom:10px}
.hr-lg{display:flex;align-items:center;gap:5px;white-space:nowrap}.hr-lg b{color:var(--tx);margin-right:6px}
.hr-k{display:inline-block;width:14px;height:0;border-top:2px solid #3b82f6}.hr-k.y{border-top:2px dashed var(--tx3)}
.hr-ch{position:relative;height:96px;margin:4px 12px 0}
.hr-ch svg{width:100%;height:100%;display:block;overflow:visible}
.hr-g{stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke}
.hr-y{fill:none;stroke:var(--tx3);stroke-width:1.5;stroke-dasharray:4 3}
.hr-t{fill:none;stroke:#3b82f6;stroke-width:2;stroke-linejoin:round}
.hr-a{fill:#3b82f6;opacity:.12}
.hr-dot{position:absolute;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.25);pointer-events:none}
.hr-ax{position:relative;height:14px;margin:4px 12px 0;font-size:calc(10px*var(--fs,1));color:var(--tx3)}
.hr-ax span{position:absolute;transform:translateX(-50%)}.hr-ax span:first-child{transform:none}.hr-ax span:last-child{transform:translateX(-100%)}

/* ---------- Financiën-menu (01-11-2026): Ordering, Facturering, Orders, Forecast ---------- */
.tab.tab-fin .dd{opacity:.7;transition:transform .15s}
.tab.tab-fin[aria-expanded="true"] .dd{transform:rotate(180deg)}
.fin-menu{position:fixed;z-index:40;min-width:250px;padding:6px;border-radius:12px;background:var(--card);border:1px solid color-mix(in srgb,var(--c-fa) 45%,var(--line2));
  box-shadow:0 18px 40px rgba(0,0,0,.45),inset 0 3px 0 -1px var(--c-fa);display:flex;flex-direction:column;gap:2px}
.fin-menu button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;text-align:left;border:0;background:none;border-radius:9px;padding:8px 12px;cursor:pointer;color:var(--tx)}
.fin-menu button b{font-weight:600;font-size:calc(13.5px*var(--fs,1))}
.fin-menu button small{color:var(--tx3);font-size:calc(11.5px*var(--fs,1))}
.fin-menu button:hover,.fin-menu button:focus-visible{background:color-mix(in srgb,var(--c-fa) 14%,transparent);outline:none}
.fin-menu button.on{background:color-mix(in srgb,var(--c-fa) 22%,transparent)}
.fin-menu button.on b::before{content:"";display:inline-block;width:7px;height:7px;border-radius:2px;background:var(--c-fa);margin-right:7px;vertical-align:1px}
.fin-menu .fin-grp{margin:6px 12px 2px;padding-top:8px;border-top:1px solid var(--line2);font-size:calc(10.5px*var(--fs,1));font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tx3)}
.fin-menu .fin-sub{padding-left:24px}
.fin-menu .fin-sep{height:1px;background:var(--line2);margin:6px 12px}
html[data-theme="light"] .fin-menu{box-shadow:0 12px 30px rgba(15,23,42,.14),inset 0 3px 0 -1px var(--c-fa)}

/* Menubalk (Rick 01-11-2026): geen verticale schuifbalk meer rechts naast The Bridge. De balk scrolt alleen
   horizontaal als het scherm te smal is (trackpad, Shift+muiswiel); de schuifbalk zelf blijft onzichtbaar. */
nav.tabs{overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}
nav.tabs::-webkit-scrollbar{display:none;width:0;height:0}

/* Overzicht: 'Nu op de site' (1-11-2026) */
.ov-side>.card.ov-live{height:420px}
.ov-live h3{display:flex;align-items:center;gap:7px}
.lv-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:lvP 1.8s infinite}
@keyframes lvP{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%{box-shadow:0 0 0 7px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
@media (prefers-reduced-motion:reduce){.lv-dot{animation:none}}
.lv-it{padding:9px 14px 9px 13px;border-bottom:1px solid var(--line);border-left:3px solid transparent;display:flex;flex-direction:column;gap:3px;min-width:0}
.lv-it.h1{border-left-color:#fbbf24}.lv-it.h2{border-left-color:#f97316}.lv-it.h3{border-left-color:#ef4444;background:linear-gradient(90deg,rgba(239,68,68,.07),transparent 60%)}
.lv-h{display:flex;align-items:center;gap:6px;min-width:0}
.lv-fl{font-size:14px;line-height:1}
.lv-who{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
a.lv-who.c{color:var(--c-ct,#14b8a6);cursor:pointer;text-decoration:none}a.lv-who.c:hover{text-decoration:underline}
.lv-heat{font-size:calc(10px*var(--fs,1));font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:1px 6px;border-radius:5px;background:var(--card2);color:var(--tx2)}
.lv-it.h3 .lv-heat{background:#ef4444;color:#fff}.lv-it.h2 .lv-heat{background:#f97316;color:#fff}
.lv-t{margin-left:auto;white-space:nowrap;flex:none}
.lv-l{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lv-src{color:var(--sc);font-weight:600}
.lv-now{color:var(--tx);font-weight:600}
.lv-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}
.lv-pr{font-size:calc(11px*var(--fs,1));padding:2px 7px;border-radius:6px;background:var(--card2);color:var(--tx);border:1px solid var(--line);cursor:pointer;white-space:nowrap}
.lv-pr:hover{border-color:var(--c-pr,#f59e0b)}.lv-pr.fav{border-color:#ef4444}
.lv-sg{font-size:calc(11px*var(--fs,1));padding:1px 7px;border-radius:6px;color:var(--sc);border:1px solid color-mix(in srgb,var(--sc) 40%,transparent);background:color-mix(in srgb,var(--sc) 10%,transparent);white-space:nowrap}
/* Uitgelicht op de website (spotlight, 08-11-2026) */
.pk-spot{border-top:1px solid var(--line,#e5e7eb);margin-top:6px}
.pk-spot-b{display:flex;flex-direction:column;gap:8px;padding:2px 14px 12px}
.pk-feed{line-height:1.45}
.pk-spot-on{color:#ca8a04;font-weight:700}
.pk-spot-act{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pk-spot-act select{padding:5px 8px;border-radius:8px;border:1px solid var(--line,#d1d5db);background:transparent;color:inherit}
.pe-spot{border-top:0;margin:0 0 4px}.pe-spot .pk-spot-b{padding:4px 0}
.pe-spot .pk-grp{display:none}

/* Komende bezichtigingen: pro forma uit het makelaarsportaal (9-11-2026) */
.feed .it.vw-pf{box-shadow:inset 3px 0 0 #f59e0b}
.vw-pft{display:inline-block;font-size:calc(10px*var(--fs,1));font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:1px 6px;border-radius:5px;background:rgba(245,158,11,.16);color:#d97706;vertical-align:1px}
.feed .d.vw-po{font-size:calc(11px*var(--fs,1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}