:root{--tree-sidebar-width: 300px;--detail-panel-width: 400px}body.map-page{overflow:hidden;--sidebar-layout-width: 0px}.tree-sidebar{position:fixed;top:var(--navbar-height);left:0;width:var(--tree-sidebar-width);height:calc(100vh - var(--navbar-height));background:var(--color-bg-surface);border-right:1px solid var(--color-border);z-index:900;display:flex;flex-direction:column;transition:transform var(--transition-slow) ease;box-shadow:0 4px 12px var(--color-shadow)}.tree-sidebar.hidden{transform:translate(-100%)}.sidebar-top{padding:14px 14px 10px;display:flex;flex-direction:column;gap:10px}.tree-sidebar .sidebar-header{height:auto;padding:0;background:none;border:none;display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:initial}.tree-sidebar .sidebar-header h2{font-size:1.1rem;font-weight:600;margin-bottom:2px}.tree-sidebar .sidebar-header p{font-size:.8rem;color:var(--color-text-muted);margin-bottom:0}.sidebar-close{display:none;background:none;border:none;color:var(--color-gray-400);cursor:pointer;padding:4px;border-radius:var(--radius-sm)}.sidebar-close:hover{color:var(--color-text-main);background:var(--color-bg-body)}.sidebar-search{display:flex;align-items:center;gap:8px;background:var(--color-bg-body);border:1px solid var(--color-border);border-radius:var(--radius);padding:8px 10px;margin-bottom:4px}.sidebar-search i{font-size:16px;color:var(--color-gray-400)}.sidebar-search input{flex:1;border:none;outline:none;background:transparent;font-size:.82rem;color:var(--color-text-main);font-family:inherit}.sidebar-search input::placeholder{color:var(--color-gray-400)}.sidebar-backdrop{position:fixed;inset:0;z-index:895;background:#0000004d;backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .25s ease;display:none}.sidebar-backdrop.active{opacity:1;pointer-events:all}.tree-body{flex:1;overflow-y:auto;padding:8px 0;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.tree-body::-webkit-scrollbar{width:3px}.tree-body::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.tree-branch{display:flex;align-items:center;gap:12px;padding:8px 14px;cursor:pointer;transition:all var(--transition-base);user-select:none}.tree-branch:hover{background:var(--color-bg-body)}.tree-branch.active{background:var(--color-blue-50)}[data-theme=dark] .tree-branch.active{background:#60a5fa14}.tree-branch .branch-icon{width:32px;height:32px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.tree-branch .branch-label{font-size:.88rem;font-weight:500;flex:1}.tree-branch .branch-count{font-size:.7rem;color:var(--color-gray-400);background:var(--color-bg-body);padding:2px 7px;border-radius:var(--radius-full)}.tree-branch .chevron{font-size:1.1rem;color:var(--color-gray-400);transition:transform var(--transition-base);width:20px;height:auto;text-align:center;opacity:1}.tree-branch.open .chevron{transform:rotate(180deg)}.tree-leaves{max-height:0;overflow:hidden;transition:max-height var(--transition-slow) ease}.tree-leaves.open{max-height:500px}.tree-leaf{display:flex;align-items:center;gap:6px;padding:8px 14px 8px 58px;cursor:pointer;transition:all var(--transition-base);font-size:.83rem;color:var(--color-text-muted);border-left:2.5px solid transparent}.tree-leaf:hover{background:var(--color-bg-body);color:var(--color-text-main);border-left-color:var(--color-border)}.tree-leaf.selected{background:var(--color-blue-50);color:var(--color-primary);font-weight:600;border-left-color:var(--color-primary)}[data-theme=dark] .tree-leaf.selected{background:#60a5fa14;color:var(--color-blue-400);border-left-color:var(--color-blue-400)}.tree-leaf .leaf-label{flex:1;min-width:0}.fav-star{display:inline-flex;align-items:center;background:none;border:0;color:var(--color-gray-400);cursor:pointer;padding:2px;transition:all var(--transition-base);flex-shrink:0;line-height:1}.fav-star svg{width:14px;height:14px}.tree-leaf:hover .fav-star{opacity:.5}.fav-star:hover{opacity:1!important;color:var(--color-amber-500)}.fav-star.active{opacity:1;color:var(--color-amber-500)}.fav-star.active svg{fill:currentColor}.sidebar-toggle{position:fixed;top:calc(var(--navbar-height) + 10px);left:calc(var(--tree-sidebar-width) + 10px);z-index:910;width:32px;height:32px;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px var(--color-shadow);color:var(--color-text-muted);transition:all var(--transition-slow) ease}.sidebar-toggle.shifted{left:10px}.sidebar-toggle i{font-size:18px}.bc-wonen{background:var(--color-blue-100);color:var(--color-blue-800)}.bc-afstanden{background:var(--color-purple-100);color:var(--color-purple-700)}.bc-religie{background:var(--color-orange-100);color:var(--color-orange-700)}.bc-veiligheid{background:var(--color-red-100);color:var(--color-red-700)}.bc-demografie{background:var(--color-green-100);color:var(--color-green-700)}.bc-prijzen{background:var(--color-amber-100);color:var(--color-amber-700)}.bc-inkomen{background:var(--color-cyan-100);color:var(--color-cyan-600)}.bc-politiek{background:var(--color-indigo-100);color:var(--color-indigo-700)}.bc-gezondheid{background:var(--color-pink-100);color:var(--color-pink-700)}.bc-overig{background:var(--color-slate-100);color:var(--color-slate-700)}[data-theme=dark] .bc-wonen{background:#60a5fa26;color:var(--color-blue-400)}[data-theme=dark] .bc-afstanden{background:#c084fc26;color:var(--color-purple-400)}[data-theme=dark] .bc-religie{background:#fb923c26;color:var(--color-orange-400)}[data-theme=dark] .bc-veiligheid{background:#f8717126;color:var(--color-red-400)}[data-theme=dark] .bc-demografie{background:#4ade8026;color:var(--color-green-400)}[data-theme=dark] .bc-prijzen{background:#fbbf2426;color:var(--color-amber-400)}[data-theme=dark] .bc-inkomen{background:#22d3ee26;color:var(--color-cyan-400)}[data-theme=dark] .bc-politiek{background:#818cf826;color:var(--color-indigo-400)}[data-theme=dark] .bc-gezondheid{background:#f472b626;color:var(--color-pink-400)}[data-theme=dark] .bc-overig{background:#94a3b826;color:var(--color-slate-400)}.info-badge{position:fixed;top:76px;left:50%;transform:translate(-50%);background:var(--color-bg-surface);border:1px solid var(--color-border);padding:8px 20px;border-radius:var(--radius-full);box-shadow:0 4px 12px var(--color-shadow);font-size:.82rem;font-weight:500;z-index:800;display:none;align-items:center;gap:8px;width:90%;max-width:max-content}.info-badge.visible{display:flex}.info-badge .ib-color{width:8px;height:8px;border-radius:50%}.info-badge .ib-wis{display:inline-flex;align-items:center;background:none;border:0;padding:0;cursor:pointer;color:inherit;flex-shrink:0}.detail-panel{position:fixed;top:var(--navbar-height);right:0;width:var(--detail-panel-width);height:calc(100vh - var(--navbar-height));height:calc(100dvh - var(--navbar-height));background:var(--color-bg-surface);border-left:1px solid var(--color-border);z-index:899;display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--transition-slow) ease}.detail-panel.open{transform:translate(0);box-shadow:-4px 0 12px var(--color-shadow)}.detail-top{padding:14px 16px 12px;border-bottom:1px solid var(--color-border)}.detail-head-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.detail-cat-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-md);font-size:.72rem;font-weight:600}.detail-cat-badge svg{height:14px}.detail-close{background:none;border:none;color:var(--color-gray-400);cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center}.detail-close:hover{color:var(--color-text-main);background:var(--color-bg-body)}.detail-title-row{display:flex;align-items:center;gap:8px}.detail-title-row .fav-star svg{width:16px;height:16px}.detail-title{font-size:1.05rem;font-weight:700;line-height:1.3;margin-bottom:0}.detail-subtitle{font-size:.8rem;color:var(--color-text-muted);margin-top:2px}.detail-back{align-items:center;gap:4px;font-size:.75rem;color:var(--color-primary);cursor:pointer;background:none;border:none;padding:0;font-family:inherit;font-weight:500}.detail-back:hover{text-decoration:underline}#detailVergelijk{font-size:.75rem;align-self:center}#detailVergelijk[hidden]{display:none}.detail-vgl-uit{margin:10px 0 0;font-size:.72rem;line-height:1.35;color:var(--color-text-muted)}.detail-body{flex:1;min-height:0;overflow-y:auto;padding:0;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.detail-body::-webkit-scrollbar{width:3px}.detail-body::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.detail-cta{flex-shrink:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-border);background:var(--color-bg-surface)}.detail-cta[hidden]{display:none}.detail-cta .btn{white-space:normal}.detail-cta-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-cta svg{flex-shrink:0}.detail-section{padding:14px 16px;border-bottom:1px solid var(--color-border)}.detail-section:last-child{border-bottom:none}.detail-section h3{font-size:.72rem;font-weight:600;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.detail-section p{font-size:.83rem;color:var(--color-text-muted);line-height:1.55;margin-bottom:0}.hist-tooltip{position:absolute;z-index:2;pointer-events:none;white-space:nowrap;padding:5px 8px;border-radius:4px;border:1px solid var(--color-border);background:var(--color-bg-surface);color:var(--color-text-main);font-size:.75rem;line-height:1.35;box-shadow:0 2px 8px #0000001f}.hist-tooltip[hidden]{display:none}.samenvatting-teaser{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent);mask-image:linear-gradient(to bottom,#000 55%,transparent)}.detail-kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.detail-kpi{background:var(--color-bg-body);border-radius:var(--radius);padding:10px;text-align:center}.detail-kpi .kpi-value{display:block;font-size:1rem;font-weight:700;color:var(--color-text-main)}.detail-kpi .kpi-label{display:block;font-size:.68rem;color:var(--color-gray-400);margin-top:2px}.dist-chart{display:flex;flex-direction:column;gap:4px}.dist-row{display:flex;align-items:center;gap:8px;font-size:.75rem}.dist-label{width:64px;text-align:right;color:var(--color-gray-400);flex-shrink:0}.dist-bar-bg{flex:1;height:14px;background:var(--color-bg-body);border-radius:var(--radius-sm);overflow:hidden}.dist-bar-fill{height:100%;border-radius:var(--radius-sm);transition:width .5s ease}.dist-val{width:34px;font-size:.7rem;color:var(--color-text-muted)}.detail-big-value{text-align:center;padding:10px 0}.detail-big-value .big-num{display:block;font-size:2rem;font-weight:700;color:var(--color-primary)}.detail-big-value .big-label{display:block;font-size:.78rem;color:var(--color-text-muted);margin-top:2px}.percentile-bar{position:relative;height:8px;background:var(--color-bg-body);border-radius:var(--radius-sm);overflow:visible;margin:8px 0}.percentile-fill{height:100%;border-radius:var(--radius-sm);background:var(--color-primary);transition:width .5s ease}.percentile-marker{position:absolute;top:-4px;width:16px;height:16px;border-radius:50%;background:var(--color-primary);border:2px solid var(--color-bg-surface);box-shadow:0 1px 3px var(--color-shadow);transform:translate(-50%)}.percentile-text{font-size:.8rem;color:var(--color-text-muted);margin-top:6px;margin-bottom:0}.context-list{list-style:none;padding:0;margin:0}.context-list li{display:flex;align-items:flex-start;gap:8px;padding:6px 0;font-size:.82rem;color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.context-list li:last-child{border-bottom:none}.context-list li i{color:var(--color-primary);font-size:14px;margin-top:2px;flex-shrink:0}.related-stat{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--color-border);font-size:.82rem}.related-stat:last-child{border-bottom:none}.related-stat .rs-name{color:var(--color-text-muted)}.related-stat .rs-val{font-weight:600;color:var(--color-text-main)}.detail-source{font-size:.72rem;color:var(--color-gray-400);font-style:italic}.fav-btn-wrap{position:relative}#favStar.has-favs{color:var(--color-amber-500);fill:currentColor}.fav-count{background:var(--color-primary);color:#fff;font-size:.6rem;font-weight:700;min-width:16px;height:16px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;padding:0 4px;position:absolute;top:0;right:0}.fav-dropdown{width:290px;max-height:380px;padding:0!important;flex-direction:column}.fav-dd-header{padding:10px 14px;border-bottom:1px solid var(--color-border);font-size:.8rem;font-weight:600;color:var(--color-text-main);display:flex;align-items:center;justify-content:space-between}.fav-dd-clear{font-size:.7rem;color:var(--color-gray-400);cursor:pointer;background:none;border:none;font-family:inherit}.fav-dd-clear:hover{color:var(--color-danger)}.fav-dd-body{flex:1;overflow-y:auto;padding:4px 0;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.fav-dd-body::-webkit-scrollbar{width:3px}.fav-dd-body::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.fav-dd-empty{padding:28px 14px;text-align:center;font-size:.8rem;color:var(--color-gray-400)}.fav-dd-empty svg{width:24px;height:24px;display:block;margin:0 auto 6px;opacity:.4}.fav-item{display:flex;align-items:center;gap:10px;padding:8px 14px;cursor:pointer;transition:background var(--transition-base)}.fav-item:hover{background:var(--color-bg-body)}[data-theme=dark] .fav-item:hover{background:#ffffff0d}.fav-item .fi-icon{width:26px;height:26px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.fav-item .fi-icon svg{width:18px;height:18px}.fav-item .fi-text{flex:1;min-width:0}.fav-item .fi-stat{font-size:.8rem;font-weight:500;color:var(--color-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fav-item .fi-cat{font-size:.68rem;color:var(--color-gray-400)}.fav-item .fi-remove{display:inline-flex;align-items:center;background:none;border:0;color:var(--color-gray-400);cursor:pointer;padding:2px;border-radius:var(--radius-sm);flex-shrink:0}.fav-item .fi-remove svg{width:14px;height:14px}.fav-item .fi-remove:hover{color:var(--color-danger);background:var(--color-bg-body)}.detail-backdrop{position:fixed;inset:0;z-index:895;background:#0000004d;backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .25s ease;display:none}.detail-backdrop.active{opacity:1;pointer-events:all}#map{position:fixed;top:var(--navbar-height);left:0;right:0;bottom:0}@media(max-width:768px){.tree-sidebar{width:280px}.tree-sidebar:not(.hidden)~.sidebar-toggle{display:none}.sidebar-close{display:flex}.sidebar-backdrop{display:block}.detail-panel{width:100%}.detail-backdrop{display:block}.detail-back{display:inline-flex}}