:root{--vocus-sage:#9bbfa7;--vocus-green:#8ccf9a;--vocus-mint:#bee8d3;--vocus-navy:#2d4f7a;--vocus-blue:#6baed6;--vocus-cream:#f9f3e9;--ink:var(--vocus-navy);--muted:#5c7a96;--line:#e2ecf2;--line-strong:#c9dbe7;--bg:var(--vocus-cream);--card:#ffffff;--accent:var(--vocus-navy);--accent-bg:#e8f1f8;--tag-bg:#eef6f0;--radius:14px;--success:#4f9468;--success-bg:var(--vocus-mint);--warning:#b3540a;--warning-bg:#fde8d3;--warning-line:#edc39a;--danger:#c2255c;--danger-bg:#fbe2e8;--merkbadge-ink:#3a7d52}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}.page{max-width:720px;margin:0 auto;padding:24px 18px 64px}.hero{padding:20px 0 12px}.eyebrow{letter-spacing:.08em;font-size:12px;font-weight:600;color:var(--muted);margin:0 0 6px}.eyebrow,.merkbadge{text-transform:uppercase}.merkbadge{display:inline-block;background:transparent;color:var(--merkbadge-ink);font-size:11px;font-weight:700;letter-spacing:.18em;line-height:1;padding-left:2px;white-space:nowrap;margin:0}.hero h1{font-size:28px;margin:0 0 6px;letter-spacing:-.01em}.lead{color:var(--muted);margin:0 0 18px}.cta{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;font-weight:600;padding:11px 18px;border-radius:10px}.cta:focus-visible{outline:3px solid var(--vocus-blue);outline-offset:2px}.cta:disabled{opacity:.65;cursor:progress}.login-form{display:flex;flex-direction:column;gap:12px}.login-input{border:1px solid var(--line);border-radius:10px;padding:11px 14px;font-size:15px;color:var(--ink);background:var(--card)}.login-input:focus-visible{outline:3px solid var(--vocus-blue);outline-offset:2px}.login-form .cta{border:none;cursor:pointer}.login-brand{display:flex;flex-direction:column;align-items:center;width:-moz-fit-content;width:fit-content;gap:18px;margin-bottom:34px}.login-logo{width:180px;max-width:100%;height:auto;display:block}.login-brand .merkbadge{font-size:12px}.login-limiet{display:flex;align-items:flex-start;gap:10px;margin:0 0 6px;padding:12px 14px;border:1px solid var(--warning-line);background:var(--warning-bg);color:var(--warning);border-radius:12px;font-size:13px;line-height:1.55}.login-limiet svg{width:18px;height:18px;flex-shrink:0;margin-top:1px}.login-limiet p{margin:0}.login-limiet-titel{font-weight:600;margin:0 0 2px}.login-hint{font-size:13px;color:var(--muted);margin:-4px 0 0}.login-label{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:-6px}.login-support{font-size:13px;color:var(--muted);margin:32px 0 0;line-height:1.6}.login-support a{color:var(--accent);font-weight:600}.login-panel .hero{padding:0}.login-panel .hero h1{font-size:34px;line-height:1.15;margin:0 0 18px;letter-spacing:-.02em;color:var(--ink)}.login-panel .lead{font-size:16px;line-height:1.6;margin:0 0 28px}.login-panel .cta{padding:14px 24px;font-size:15px;border-radius:10px}.login-page{display:flex;min-height:100vh;background:var(--vocus-cream)}.login-visual{position:relative;flex:1 1 50%;background:var(--vocus-mint)}.login-visual img{object-fit:cover;object-position:28% center}.login-panel{flex:1 1 50%;display:flex;align-items:center;justify-content:center;padding:48px 6vw}.login-panel-inner{width:100%;min-width:0;max-width:370px}@media (max-width:900px){.login-page{flex-direction:column;min-height:100dvh}.login-visual{flex:0 0 34vh;min-height:200px}.login-panel{flex:1 1 auto;padding:32px 24px 56px}}@media (max-width:400px){.login-logo{width:150px}.login-brand .merkbadge{font-size:11px;letter-spacing:.16em}.login-panel .hero h1{font-size:30px}}.shell{align-items:flex-start}.shell,.shell-content{display:flex;min-height:100vh}.shell-content{flex:1 1;min-width:0;flex-direction:column}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;width:260px;flex-shrink:0;background:var(--card);border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column;gap:24px}.sidebar-topbar{display:contents}.sidebar-logo{display:flex;flex-direction:column;align-items:center;width:-moz-fit-content;width:fit-content;gap:14px;padding:0 8px}.sidebar-toggle{display:none;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;flex-shrink:0}.sidebar-toggle svg{width:20px;height:20px}.sidebar-body{display:contents}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--muted);font-weight:500;font-size:14px;text-decoration:none}a.nav-item.active{background:var(--accent-bg);color:var(--accent);font-weight:600}.nav-item.disabled{opacity:.5;cursor:not-allowed}.nav-item-knop{width:100%;background:none;border:0;font-family:inherit;text-align:left;cursor:pointer}.sidebar-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.versie-voet{margin-top:auto;align-self:flex-end;padding:16px 22px 14px;font-size:12px;color:var(--muted);text-decoration:none}a.versie-voet:hover{color:var(--ink);text-decoration:underline}.profile{display:flex;align-items:center;gap:10px;padding:0 8px}a.profile-link{padding:8px;border-radius:10px;color:inherit;text-decoration:none}a.profile-link.active,a.profile-link:hover{background:var(--accent-bg)}a.profile-link.active .profile-name{color:var(--accent)}a.profile-link:focus-visible{outline:3px solid var(--vocus-blue);outline-offset:2px}.profile-pijl{width:16px;height:16px;margin-left:auto;flex-shrink:0;color:var(--muted)}.avatar,a.profile-link.active .profile-pijl{color:var(--accent)}.avatar{width:38px;height:38px;border-radius:50%;background:var(--accent-bg);font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-info{display:flex;flex-direction:column;min-width:0}.profile-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-role{font-size:12px;color:var(--muted)}@media (max-width:860px){.shell{flex-direction:column}.shell-content{min-height:0}.sidebar{position:static;height:auto;width:100%;max-width:100%;flex-direction:column;gap:0;padding:16px}.sidebar-topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;width:100%}.sidebar-logo{gap:10px}.sidebar-logo img{height:34px;width:auto}.sidebar-logo .merkbadge{font-size:9px}.sidebar-toggle{display:inline-flex}.sidebar-body{display:none;flex-direction:column;gap:16px;width:100%;flex-basis:100%;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.sidebar-body-open{display:flex}.sidebar-footer{margin-top:0;padding-top:16px;border-top:1px solid var(--line)}}.trainingen-page{max-width:900px;margin:0 auto;padding:28px 24px 64px}.trainingen-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.trainingen-header h1{font-size:26px;margin:0;letter-spacing:-.01em}.sort-select{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);white-space:nowrap}.sort-select select{border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:13px;color:var(--ink);background:var(--card)}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tab{border:1px solid var(--line);background:var(--card);color:var(--muted);font-weight:600;font-size:13px;padding:8px 14px;border-radius:999px;cursor:pointer}.tab-active{background:var(--accent);border-color:var(--accent);color:#fff}.training-list{display:flex;flex-direction:column;gap:14px}.empty-state{color:var(--muted);text-align:center;padding:32px 0}.training-row{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;flex-wrap:wrap;gap:14px 18px}.date-box,.training-row{display:flex;align-items:center}.date-box{flex-shrink:0;width:88px;flex-direction:column;text-align:center;line-height:1.15;background:var(--vocus-mint);border-radius:10px;padding:10px 6px}.date-box-icon{width:16px;height:16px;color:var(--accent);margin-bottom:4px}.date-box-muted .date-box-icon{color:var(--muted)}.date-box-day{font-size:24px;font-weight:700;color:var(--ink);white-space:nowrap}.date-box-month{font-weight:700;letter-spacing:.04em;text-transform:uppercase}.date-box-month,.date-box-year{font-size:11px;color:var(--muted)}.date-box-muted .date-box-day{color:var(--muted)}.date-box-fallback{font-size:11px;color:var(--muted)}.training-row-main{flex:1 1;min-width:200px}.training-row-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.training-row-head h3{font-size:16px;margin:0}.training-row-meta{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;margin:4px 0 0}.meta-icon{width:14px;height:14px;flex-shrink:0}.badge{font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-neutral{background:var(--tag-bg);color:var(--muted)}.badge-updated{background:var(--accent-bg);color:var(--accent)}.lokaal-regel{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pauze-regels{display:flex;flex-direction:column;gap:2px}.btn-outline{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--accent);background:var(--card);color:var(--accent);font-weight:600;font-size:13px;padding:9px 14px;border-radius:10px;cursor:pointer;white-space:nowrap;text-decoration:none}.btn-outline:disabled{opacity:.55;cursor:not-allowed}.btn-icon{width:14px;height:14px}.toggle-afgerond{margin-top:16px;display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--accent);font-weight:600;font-size:14px;cursor:pointer;padding:0}.toggle-afgerond svg{transition:transform .15s ease}.toggle-afgerond svg.chevron-open{transform:rotate(180deg)}.detail-boeking,.training-row-boeking{font-size:13px;color:var(--muted);margin:2px 0 8px;line-height:1.5}.detail-boeking{margin:6px 0 0}.detail-uitleg,.training-row-uitleg{white-space:pre-line;max-width:68ch;margin-bottom:10px}.eerdere-seizoenen{margin-top:8px;border-top:1px solid var(--line);padding-top:8px}.eerdere-uitleg{margin:4px 0 16px;max-width:62ch}.eerdere-groep{margin-bottom:20px}.eerdere-kop{display:flex;align-items:center;gap:8px;font-size:15px;margin:0 0 8px}.eerdere-lijst{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.eerdere-rij{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:9px 0;border-bottom:1px solid var(--line)}.eerdere-rij:last-child{border-bottom:none}.eerdere-naam{font-weight:600;font-size:14px}.eerdere-meta{color:var(--muted);font-size:13px;text-align:right}@media (max-width:600px){.eerdere-rij{flex-direction:column;gap:2px}.eerdere-meta{text-align:left}.training-row>.btn-outline{width:100%;justify-content:center}}.detail-page{max-width:900px;margin:0 auto;padding:28px 24px 64px}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;font-weight:600;text-decoration:none;margin-bottom:16px}.back-link svg{width:16px;height:16px}.detail-header{margin-bottom:20px}.detail-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.detail-title-row h1{font-size:24px;margin:0;letter-spacing:-.01em}.detail-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-top:8px}.detail-meta span{display:inline-flex;align-items:center;gap:6px}.detail-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:20px}.detail-tab{display:inline-flex;align-items:center;gap:8px;background:none;border:none;border-bottom:2px solid transparent;color:var(--muted);font-weight:600;font-size:13px;padding:10px 6px;margin-bottom:-1px;cursor:pointer;white-space:nowrap}.detail-tab svg{width:16px;height:16px}.detail-tab-active{color:var(--accent);border-bottom-color:var(--accent)}.detail-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:16px;gap:16px;align-items:start}.detail-grid-even{grid-template-columns:1fr 1fr;align-items:stretch}.detail-side{display:flex;flex-direction:column;gap:16px}.detail-actions{margin-top:16px}.detail-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 1px 2px rgba(47,91,234,.04),0 8px 24px rgba(47,91,234,.05)}.detail-page>.detail-card+.detail-card,.matching-tabel>.detail-card+.detail-card{margin-top:18px}.detail-card h2{display:flex;align-items:center;gap:10px;font-size:15px;margin:0 0 14px}.detail-card p{margin:0;color:var(--ink);font-size:14px}.detail-card p.locatie-naam{font-weight:600;margin-bottom:2px}.detail-card p.praktisch-tekst{white-space:pre-line}.detail-card p.praktisch-tekst+p.praktisch-tekst{margin-top:14px}.praktisch-planning{margin-top:16px}.praktisch-planning h3{font-size:13px;font-weight:600;margin:0 0 6px;color:var(--muted)}.praktisch-planning p{margin:0}.card-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--accent-bg);color:var(--accent);flex-shrink:0}.card-icon svg{width:17px;height:17px}.map-preview{width:100%;height:180px;border:0;border-radius:12px;margin-bottom:14px}.detail-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.detail-card-head h2{margin:0}.icon-link{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;color:var(--accent);background:var(--accent-bg);flex-shrink:0}.icon-link svg{width:15px;height:15px}.info-table{margin:0}.info-row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.info-row:last-child{border-bottom:none}.info-row dt{color:var(--muted)}.info-row dd{margin:0;font-weight:500;text-align:right}.value-with-note{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.note-text{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:400;color:var(--warning)}.note-icon{width:14px;height:14px;flex-shrink:0}.info-note{display:block;font-weight:400;color:var(--muted);white-space:pre-line;max-width:68ch}.contact-person{display:flex;align-items:center;gap:16px;margin-bottom:14px}.contact-avatar{width:88px;height:88px;border-radius:50%;object-fit:cover;flex-shrink:0}.contact-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.contact-note{font-size:13px;color:var(--muted);margin:0}.bel-icoon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin-left:6px;border:1px solid var(--accent);border-radius:50%;background:var(--card);color:var(--accent);vertical-align:middle;text-decoration:none}.bel-icoon:hover{background:var(--accent);color:#fff}.coordinator-warning{display:flex;gap:10px;align-items:flex-start;background:var(--warning-bg);border-radius:10px;padding:12px 14px;margin-top:14px}.coordinator-warning svg{flex-shrink:0;margin-top:2px;color:var(--warning)}.coordinator-warning-title{margin:0 0 2px;font-weight:600;font-size:13px;color:var(--warning)}.coordinator-warning p{margin:0;font-size:13px;color:var(--ink)}.coordinator-intro{font-size:14px;margin:0 0 10px}.coordinator-list{margin:0 0 14px;padding-left:18px;font-size:14px;color:var(--muted);display:flex;flex-direction:column;gap:4px}@media (max-width:720px){.detail-grid{grid-template-columns:1fr}}.dashboard-page{max-width:1600px;margin:0 auto;padding:28px clamp(16px,3vw,40px) 64px}.dashboard-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.dashboard-header h1{font-size:24px;margin:0 0 6px;letter-spacing:-.01em}.dashboard-sub{color:var(--muted);margin:0;font-size:14px}.section-title{font-size:15px;margin:0 0 12px}.training-row-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px}.tag-pill{display:inline-flex;align-items:center;gap:4px;background:var(--tag-bg);color:var(--accent);font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px}.overview-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-gap:clamp(16px,2vw,24px);gap:clamp(16px,2vw,24px);align-items:start}.overview-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.overview-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.overview-card-head h2{font-size:15px;margin:0}.overview-link{font-size:13px;font-weight:600;color:var(--accent);text-decoration:none}.overview-link-disabled{font-size:13px;font-weight:600;color:var(--muted);opacity:.6}.trainingen-widget-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}.trainingen-widget-title{display:flex;align-items:center;gap:14px;min-width:0}.trainingen-widget-head h2{font-size:22px;margin:0;letter-spacing:-.01em}.trainingen-widget-head .overview-link{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.taken-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}.taken-head-icon{width:44px;height:44px;border-radius:12px}.taken-head-icon svg{width:22px;height:22px}.taken-head h2{font-size:22px;margin:0 0 2px;letter-spacing:-.01em}.taken-head p{font-size:14px;color:var(--muted);margin:0}.taken-timeline{display:flex;flex-direction:column}.taken-step{display:flex;gap:14px}.taken-step-rail{flex-direction:column}.taken-step-dot,.taken-step-rail{display:flex;align-items:center;flex-shrink:0;width:28px}.taken-step-dot{height:28px;border-radius:50%;background:var(--accent);color:#fff;font-size:13px;font-weight:700;justify-content:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.taken-step-connector{flex:1 1;width:2px;background:var(--line-strong);margin:6px 0;min-height:16px}.taken-step-connector-overgang{background:none;border-left:2px dotted var(--line-strong);width:0}.taken-step-row{flex:1 1;min-width:0;margin-bottom:14px}.taken-step:last-child .taken-step-row{margin-bottom:0}.taken-footer{display:flex;align-items:flex-start;gap:10px;margin:18px 0 0;padding-top:16px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.taken-footer-solo{margin-top:0;padding-top:0;border-top:none}.taken-footer-icon{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--accent-bg);color:var(--accent);display:flex;align-items:center;justify-content:center}.taken-footer-icon svg{width:15px;height:15px}.task-list{display:flex;flex-direction:column;gap:12px}.task-row{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.task-row-main{flex:1 1;flex-basis:calc(100% - 58px);min-width:0}.task-row-main h3{font-size:16.5px;margin:0 0 4px;letter-spacing:-.01em}.task-row-main p{font-size:14px;color:var(--muted);margin:0}.task-row-main p.task-note{display:flex;align-items:flex-start;gap:8px;margin-top:10px;padding:10px 12px;border:1px solid var(--warning-line);border-radius:10px;background:var(--warning-bg);font-size:13px;line-height:1.5;color:var(--warning)}.task-row-main p.task-note .note-icon{margin-top:1px;flex-shrink:0}.task-row .badge{flex-shrink:0}.deadline-info{display:flex;flex-direction:column;align-items:flex-start;gap:5px;flex-shrink:0}.deadline-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.deadline-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px 5px 10px;border-radius:999px;background:var(--warning-bg);color:var(--warning);font-size:13px;font-weight:600;white-space:nowrap}.deadline-pill-icon{width:14px;height:14px;flex-shrink:0}.deadline-pill-verlopen{background:var(--danger-bg);color:var(--danger)}.task-row .deadline-info{order:1}.task-row .btn-outline{order:2;flex:0 0 auto;margin-left:auto}@media (max-width:600px){.task-row .btn-outline{padding:8px 12px;font-size:12px}}.task-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;align-self:flex-start}.task-icon svg{width:21px;height:21px}.task-icon-blue{background:var(--accent-bg);color:var(--accent)}.tip-banner{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px;margin-top:20px}.tip-banner-badge{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:#fff;font-weight:600;font-size:13px;padding:6px 12px;border-radius:999px;flex-shrink:0;white-space:nowrap}.tip-banner p{flex:1 1;margin:0;font-size:13px;color:var(--ink)}.tip-banner>svg{flex-shrink:0;width:16px;height:16px;color:var(--muted)}@media (max-width:1100px){.overview-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:600px){.tip-banner{flex-wrap:wrap}}.tegel-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:32px}.tegel-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:10px}.tegel-card h3{font-size:14px;margin:0}.tegel-card p{font-size:13px;color:var(--muted);margin:0;flex-grow:1}.tegel-card .btn-outline{align-self:flex-start}.tegel-card .empty-state{padding:0;text-align:left;font-size:13px}@media (max-width:900px){.tegel-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.tegel-grid{grid-template-columns:1fr}}.contact-page{max-width:1040px;margin:0 auto;padding:28px 24px 64px}.contact-page-header{margin-bottom:24px}.contact-page-header p{color:var(--muted);margin:4px 0 0}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.contact-grid-lead{grid-template-columns:repeat(2,1fr);margin-bottom:14px}.contact-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;min-width:0}.contact-card-avatar{width:144px;height:144px;border-radius:50%;object-fit:cover;margin-bottom:8px}.contact-card-avatar-fallback{display:flex;align-items:center;justify-content:center;background:var(--tag-bg);color:var(--muted);font-weight:600;font-size:40px}.contact-card-info{display:flex;flex-direction:column;margin-bottom:8px}.contact-card-naam{font-weight:600;font-size:15px}.contact-card-functie{font-size:13px;color:var(--muted)}.contact-card-actions{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:auto}.contact-card-actions .btn-outline{padding-left:10px;padding-right:10px;gap:5px}.contact-card-actions .btn-icon{flex-shrink:0}.contact-card-lead{align-self:start;padding-bottom:16px}.contact-card-lead .contact-card-avatar{margin-bottom:2px}.contact-card-lead .contact-card-info{margin-bottom:4px}@media (max-width:1040px){.contact-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.contact-grid,.contact-grid-lead{grid-template-columns:1fr}}.sk{background:linear-gradient(90deg,#eceef3 25%,#f4f5f8 50%,#eceef3 75%);background-size:200% 100%;animation:sh 1.2s infinite;border-radius:8px}.sk-title{height:30px;width:220px}.sk-cardtitle{height:20px;width:45%;margin-bottom:14px}.sk-row{height:14px;width:60%}.sk-tabs{height:34px;width:100%;max-width:460px;border-radius:999px;margin-bottom:20px}.sk-datebox{width:66px;height:66px;border-radius:12px;flex-shrink:0}.sk-navitem{height:36px;width:100%}.sk-avatar{width:38px;height:38px;border-radius:50%;flex-shrink:0}.sk-name{height:13px;width:100px;margin-bottom:6px}.sk-role{height:11px;width:70px}.sk-section-title{height:18px;width:140px;margin:20px 0 12px}@keyframes sh{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.sk{animation:none}}.facturen-sectie{margin-bottom:18px}.facturen-sectie .training-list{margin-top:4px}.facturen-filters{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px;margin-bottom:18px}.facturen-filters .tabs{margin-bottom:0}.factuur-voetnoot{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--muted);margin:4px 0 0}.factuur-voetnoot .note-icon{width:15px;height:15px;flex-shrink:0;margin-top:2px}.factuur-status-klaar{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;color:var(--success);font-weight:600;font-size:13px;white-space:nowrap}.factuur-intro{color:var(--muted);font-size:14px;margin:0 0 18px}.factuur-keuze{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;align-items:stretch}.factuur-keuze-kaart{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;cursor:pointer;font:inherit;color:var(--ink);box-shadow:0 1px 2px rgba(47,91,234,.04),0 8px 24px rgba(47,91,234,.05);transition:border-color .15s ease,transform .15s ease}.factuur-keuze-kaart:hover{border-color:var(--accent);transform:translateY(-2px)}.factuur-keuze-kaart:focus-visible{outline:3px solid var(--vocus-blue);outline-offset:2px}.factuur-keuze-titel{font-size:16px;font-weight:600;letter-spacing:-.01em}.factuur-keuze-tekst{font-size:14px;color:var(--muted);line-height:1.55}.factuur-keuze-pil{margin-top:auto;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--success-bg);color:var(--success)}.factuur-waarschuwing{display:flex;align-items:flex-start;gap:8px;margin:18px 0 0;padding:12px 14px;border:1px solid var(--warning-line);background:var(--warning-bg);color:var(--warning);border-radius:12px;font-size:13px;line-height:1.55}.factuur-waarschuwing .note-icon{width:16px;height:16px;flex-shrink:0;margin-top:1px}.factuur-terug{display:inline-flex;align-items:center;gap:6px;background:none;border:none;padding:0;margin-bottom:16px;color:var(--muted);font-weight:600;font-size:13px;cursor:pointer}.factuur-formulier{display:flex;flex-direction:column;gap:16px}.veld-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px 16px;gap:14px 16px}.veld{display:flex;flex-direction:column;gap:6px;min-width:0}.veld-breed{grid-column:1/-1}.veld-label{font-size:13px;font-weight:600;color:var(--ink)}.veld-hint{font-size:12px;color:var(--muted);line-height:1.45}.veld-voorbeeld{margin-left:8px;font-weight:400;color:var(--muted)}.veld-fout{font-size:12px;color:var(--warning);line-height:1.45;font-weight:600}.veld .login-input{width:100%}.bedrag-invoer{display:flex;align-items:stretch}.bedrag-prefix{display:inline-flex;align-items:center;padding:0 12px;border:1px solid var(--line);border-right:none;border-radius:10px 0 0 10px;background:var(--bg);color:var(--muted);font-weight:600;font-size:14px}.bedrag-invoer .login-input{border-radius:0 10px 10px 0;width:100%}.kosten-blok{margin-top:14px;border:1px solid var(--line);border-radius:12px;padding:14px}.kosten-blok-aan{border-color:var(--line-strong);background:var(--bg)}.kosten-blok-kop{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.kosten-blok-kop input{margin-top:3px;width:16px;height:16px;flex-shrink:0;accent-color:var(--accent)}.kosten-blok-kop>span{display:flex;flex-direction:column;gap:3px}.kosten-blok-titel{font-size:14px;font-weight:600}.kosten-blok-uitleg{font-size:13px;color:var(--muted);line-height:1.5}.kosten-blok-velden{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:14px}.bedrag-uitkomst{font-size:13px;color:var(--muted);margin:0}.bedrag-uitkomst strong{color:var(--ink)}.factuur-totaal{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding:14px 16px;border-radius:12px;background:var(--success-bg);font-size:15px;font-weight:600}.factuur-totaal strong{font-size:19px}.factuur-hint{font-size:13px;color:var(--muted);line-height:1.55;margin:10px 0 0}.factuur-hint .note-icon{width:15px;height:15px;vertical-align:-2px;margin-right:4px}.detail-card>.factuur-hint:first-of-type{margin:0 0 16px}.factuur-fout{display:flex;align-items:flex-start;gap:8px;margin:0;padding:12px 14px;border:1px solid var(--danger);background:var(--danger-bg);color:var(--danger);border-radius:12px;font-size:14px}.factuur-fout .note-icon{width:16px;height:16px;flex-shrink:0;margin-top:2px}.factuur-preview{width:100%;height:640px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.verslag-vraag+.verslag-vraag{margin-top:22px}.verslag-vraag:first-of-type{margin-top:4px}.verslag-toelichting{font-size:13px;color:var(--muted);font-style:italic;line-height:1.5;margin-bottom:2px}.verslag-tekstvak{min-height:110px;resize:vertical;font-family:inherit;line-height:1.55;padding:12px 14px}.verslag-teller{font-size:12px;color:var(--muted);margin:6px 0 0}.verslag-teller-tekort{color:var(--warning)}.factuur-acties{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.factuur-acties .cta{border:none;cursor:pointer}.factuur-acties .cta:disabled{opacity:.65;cursor:progress}.factuur-acties .btn-outline:disabled{cursor:progress}.bestand-kiezer{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px;border:1px dashed var(--line-strong);border-radius:12px;background:var(--bg);cursor:pointer}.bestand-kiezer input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.bestand-kiezer-knop{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--accent);background:var(--card);color:var(--accent);font-weight:600;font-size:13px;padding:9px 14px;border-radius:10px;white-space:nowrap}.bestand-kiezer:focus-within .bestand-kiezer-knop{outline:3px solid var(--vocus-blue);outline-offset:2px}.bestand-kiezer-naam{font-size:13px;color:var(--muted);min-width:0;word-break:break-word}.bonnen{gap:10px}.bonnen,.bonnen-lijst{display:flex;flex-direction:column}.bonnen-lijst{list-style:none;margin:0;padding:0;gap:6px}.bonnen-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);font-size:13px}.bonnen-naam{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bonnen-grootte{color:var(--muted);font-size:12px;white-space:nowrap}.bonnen-verwijder{border:none;background:none;color:var(--muted);cursor:pointer;font-size:14px;line-height:1;padding:4px 6px;border-radius:6px;flex-shrink:0}.bonnen-verwijder:hover{background:var(--bg);color:var(--danger)}.bonnen-fout{font-size:13px;color:var(--danger);display:flex;align-items:flex-start;gap:7px;margin:0}.factuur-klaar{text-align:center;padding:36px 24px}.factuur-klaar .task-icon{margin:0 auto 14px}.factuur-klaar h2{display:block;font-size:19px;margin:0 0 10px}.factuur-klaar p{color:var(--muted);max-width:460px;margin:0 auto}.factuur-klaar .cta{margin-top:20px}.factuur-klaar-acties{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:20px}.factuur-klaar-acties .cta{margin-top:0}@media (max-width:760px){.factuur-keuze,.veld-grid{grid-template-columns:1fr}.factuur-preview{height:440px}.factuur-acties>*{width:100%;justify-content:center;text-align:center}}.training-row-meta-betaald{color:var(--success);font-weight:600}.training-row-meta-actie{color:var(--warning);font-weight:600;align-items:flex-start}.training-row-meta-actie .meta-icon{margin-top:3px}.task-row-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.task-row-title h3{margin:0}.taak-frequentie{flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:2px 8px;border-radius:999px;white-space:nowrap}.taak-frequentie-per-training{background:var(--accent-bg);color:var(--accent)}.taak-frequentie-eenmalig{background:var(--tag-bg);color:var(--muted)}.taak-frequentie-jaarlijks{background:var(--warning-bg);color:var(--warning)}.taak-neventactie{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}.taak-nevenknop{display:inline-flex;align-items:center;gap:6px;background:none;border:none;padding:0;color:var(--muted);font:inherit;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.taak-nevenknop:hover{color:var(--accent)}.taak-nevenknop:disabled{opacity:.6;cursor:progress;text-decoration:none}.taak-neven-fout{font-size:12px;color:var(--danger)}.mapping-kpis{display:flex;flex-wrap:wrap;gap:24px 40px;margin-bottom:12px}.mapping-kpi-l{display:block;font-size:11.5px;color:var(--muted);margin-bottom:3px}.mapping-kpi-v{display:block;font-size:16px;font-weight:700}.mapping-bordkop{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}.mapping-bordkop h2{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0}.mapping-bordvast{margin:0 0 12px}.mapping-bordform{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;margin-bottom:14px;background:var(--bg);border:1px solid var(--line);border-radius:10px}.mapping-bordform .login-input{width:160px}.mapping-tabel{display:flex;flex-direction:column;gap:8px}.mapping-rij{padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--card)}.mapping-rij-probleem{border-color:var(--warning-line);background:var(--warning-bg)}.mapping-rij-kop{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.mapping-rij-label{font-weight:600;font-size:14px}.mapping-rij-meta{display:flex;flex-direction:column;gap:2px;font-size:12.5px;margin-bottom:8px}.mapping-rij-meta code{font-size:12px}.mapping-rij-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mapping-rij-form .login-input{flex:1 1;min-width:240px;font-size:13px;padding:8px 10px}.mapping-verdict{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;background:var(--tag-bg);color:var(--success);white-space:nowrap}.mapping-verdict-label-ontbreekt,.mapping-verdict-ontbreekt,.mapping-verdict-verkeerd-type{background:var(--danger-bg);color:var(--danger)}.mapping-verdict-bord-onbereikbaar{background:var(--warning-bg);color:var(--warning)}.mapping-tag{font-size:10.5px;padding:2px 7px;border-radius:10px;background:var(--bg);border:1px solid var(--line);color:var(--muted)}.mapping-tag-afwijkend{background:var(--accent-bg);color:var(--accent);border-color:var(--accent-bg)}.mapping-uitleg{font-size:12.5px;margin:0 0 10px;line-height:1.55}.mapping-ok{color:var(--success)}.mapping-fout,.mapping-ok{font-size:12.5px;margin:8px 0 0}.mapping-fout{color:var(--danger);display:flex;align-items:flex-start;gap:6px}.mapping-verversen{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.mapping-verversen .veld-hint{margin:6px 0 0}.mapping-ongebruikt{margin-top:14px;font-size:12.5px}.mapping-ongebruikt summary{cursor:pointer;color:var(--muted)}.mapping-ongebruikt ul{margin:10px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:4px}.mapping-log{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:12.5px}.kosten-rij{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--card)}.kosten-rij-naam{display:flex;flex-direction:column;gap:2px;min-width:0}.kosten-rij-naam strong{font-size:14px}.kosten-rij-naam span{font-size:12.5px;color:var(--muted)}.kosten-rij-cijfers{display:flex;flex-direction:column;gap:2px;text-align:right}.kosten-rij-cijfers strong{font-size:15px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kosten-rij-cijfers span{font-size:12px;color:var(--muted)}.matching-knoprij{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.matching-forceer{margin-top:10px;padding:12px 14px;border:1px solid var(--warning-line);background:var(--warning-bg);border-radius:12px}.matching-forceer .veld-hint{color:var(--warning);margin:0 0 10px}.matching-blok{padding:18px 0;border-top:1px solid var(--line)}.matching-blok:first-child{border-top:none;padding-top:4px}.matching-blok h3{font-size:15px;margin:0 0 4px}.matching-blok>.veld-hint{margin:0 0 14px}.matching-blok code{background:var(--tag-bg);padding:1px 5px;border-radius:5px;font-size:12px}.matching-getallen{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:12px;gap:12px}.matching-getal{display:flex;flex-direction:column;gap:4px}.matching-getal .login-input{padding:8px 10px;font-size:14px}.matching-vink{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);cursor:pointer}.matching-vinkrij{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:14px}.matching-vinkrij .veld-label{flex:1 1 100%}.matching-rij{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 0;border-top:1px solid var(--line)}.matching-rij:first-child{border-top:none}.matching-rij-naam{display:inline-flex;align-items:center;gap:8px;min-width:190px;font-weight:600;font-size:13.5px}.matching-rij-meta{color:var(--muted);font-size:13px;flex:1 1 240px}.matching-rij .login-input{flex:1 1 220px;padding:8px 10px;font-size:13.5px}.matching-zoekrij{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:12px}.matching-zoekrij>.login-input{flex:1 1 280px}.matching-facetten{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.matching-facet{border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:13px}.matching-facet summary{cursor:pointer;font-weight:600}.matching-facet-lijst{display:flex;flex-direction:column;gap:4px;margin-top:8px;max-height:240px;overflow-y:auto}.beheer-tegels{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:14px;gap:14px}.beheer-tegel{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit}.beheer-tegel-tekst{display:flex;flex-direction:column;gap:2px;flex:1 1}.beheer-tegel-tekst span{color:var(--muted);font-size:13px}@media (max-width:600px){.matching-rij-naam{min-width:100%}.matching-facet{flex:1 1 100%}}.matching-rij-acties{display:inline-flex;gap:6px;margin-left:auto;flex-shrink:0}.matching-rij-uitleg{flex:1 1 100%;display:flex;flex-direction:column;gap:4px;font-size:12.5px}.matching-rij-uitleg .mapping-fout,.matching-rij-uitleg .veld-hint{margin:0}.matching-rij .taken-step-dot{position:static;flex-shrink:0}.matching-chat-uitleg{color:var(--muted);font-size:13px;margin-bottom:14px!important}.chat-verloop{display:flex;flex-direction:column;gap:12px;max-height:62vh;overflow-y:auto;padding:4px 2px}.chat-bubbel{border-radius:12px;padding:12px 14px;font-size:14px;max-width:88%}.chat-bubbel p{margin:0;font-size:inherit}.chat-bubbel p+p{margin-top:4px}.chat-leeg{height:8px}.chat-bubbel-bot{background:none;align-self:flex-start;max-width:100%;padding-left:0;padding-right:0}.chat-bubbel-mens{background:var(--card);border:1px solid var(--line);align-self:flex-end}.chat-spoor{margin-top:8px!important;font-size:11.5px;color:var(--muted)}.chat-kaarten{align-self:stretch;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:2px 14px}.chat-punten:after{content:"…";animation:chat-pulse 1.2s ease-in-out infinite}@keyframes chat-pulse{0%,to{opacity:.25}50%{opacity:1}}.chat-fout{color:var(--danger);background:var(--danger-bg);border-radius:10px;padding:10px 12px;font-size:13px;margin:12px 0 0!important}.chat-voorbeelden{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.chat-voorbeeld{border:1px solid var(--line-strong);background:var(--card);color:var(--accent);border-radius:999px;padding:7px 13px;font-size:12.5px;cursor:pointer}.chat-voorbeeld:disabled{opacity:.5;cursor:not-allowed}.chat-voorbeeld-aan{background:var(--accent);border-color:var(--accent);color:#fff}.chat-invoer{display:flex;gap:10px;align-items:flex-end;margin-top:14px}.chat-invoer textarea{flex:1 1;resize:vertical;font-family:inherit;line-height:1.45}.chat-knop{border:none;cursor:pointer;flex-shrink:0}.chat-knop:disabled{cursor:not-allowed}.chat-plan{align-self:stretch;border:2px solid var(--warning-line);background:var(--warning-bg);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.chat-plan-klaar{border-color:var(--success);background:var(--success-bg)}.chat-plan p{margin:0;font-size:14px}.chat-plan-kop{font-size:15px!important}.chat-plan-reden{color:var(--muted);font-size:12.5px!important}.chat-plan-tabel{width:100%;border-collapse:collapse;font-size:12.5px}.chat-plan-tabel th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:0 8px 4px 0;font-weight:600}.chat-plan-tabel td{padding:6px 8px 6px 0;vertical-align:top;border-top:1px solid var(--warning-line)}.chat-plan-uitleg{display:block;color:var(--muted);font-size:11.5px}.chat-plan-oud{color:var(--muted);text-decoration:line-through}.chat-plan-nieuw{font-weight:600}.chat-plan-waarschuwingen{margin:0;padding-left:18px;font-size:12.5px;color:var(--warning)}.chat-plan-veld{display:flex;flex-direction:column;gap:4px;font-size:12.5px}.chat-plan-veld span{color:var(--muted)}.chat-plan-criteria{font-size:11px!important;color:var(--muted);word-break:break-word}.chat-plan-bezorging{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:0 0 10px;display:flex;flex-direction:column;gap:8px}.chat-plan-bezorging legend{font-size:12.5px;font-weight:600;padding:0 4px}.chat-plan-bezorging label{display:flex;gap:8px;align-items:flex-start;font-size:12.5px}.chat-plan-bezorging input[type=radio]{margin-top:2px;flex:0 0 auto}.chat-plan-bezorging>label>span{display:flex;flex-direction:column;gap:2px}.chat-plan-bezorging .chat-plan-veld{margin-top:2px}.chat-plan-bezorging:disabled{opacity:.6}.uitnodiging-keuze{border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;margin:14px 0 0;display:flex;flex-direction:column;gap:10px}.uitnodiging-keuze legend{font-size:14px;font-weight:600;padding:0 4px}.uitnodiging-keuze label{display:flex;gap:10px;align-items:center;font-size:15px;min-height:28px;cursor:pointer}.uitnodiging-keuze input[type=radio]{width:18px;height:18px;flex:0 0 auto}.uitnodiging-bundel-lijst{list-style:none;margin:8px 0;padding:0;display:flex;flex-direction:column;gap:6px}.uitnodiging-bundel-lijst li{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;font-size:13px;padding:6px 10px;background:var(--card);border:1px solid var(--line);border-radius:10px}.uitnodiging-bundel-acties{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.uitnodiging-moment{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin:8px 0}.chat-plan-verouderd{border-color:var(--line-strong);background:var(--card)}.chat-plan-verouderd .chat-plan-tabel td{border-top-color:var(--line)}.chat-plan-verouderd .chat-plan-tabel,.chat-plan-verouderd .chat-plan-waarschuwingen{opacity:.55}.chat-plan-melding{color:var(--warning);background:var(--warning-bg);border-radius:8px;padding:8px 10px}@media (max-width:600px){.chat-bubbel{max-width:100%}.chat-invoer{flex-direction:column;align-items:stretch}.chat-knop{width:100%;text-align:center}}.afhaal-lijst{display:flex;flex-direction:column;gap:12px}.afhaal-start{align-self:flex-start}.afhaal-blok{display:flex;flex-direction:column;gap:10px;border:1px solid var(--line-strong);border-radius:12px;padding:14px 16px;background:var(--card)}.afhaal-vraag{margin:0;font-size:14px}.afhaal-keuzes{display:flex;flex-direction:column;gap:8px}.afhaal-keuze{display:flex;gap:10px;align-items:flex-start;font-size:13.5px}.afhaal-keuze input{margin-top:3px;flex-shrink:0}.afhaal-keuze>span{display:flex;flex-direction:column;gap:1px}.afhaal-melding{margin:0;font-size:14px;color:var(--success);background:var(--success-bg);border-radius:10px;padding:10px 12px}.chat-plan-knoppen{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.beslisboom{gap:16px}.beslisboom,.beslisboom-stap{display:flex;flex-direction:column}.beslisboom-stap{gap:10px}.beslisboom-stap.is-uit{opacity:.55}.beslisboom-stap.is-uit .beslisboom-uitkomsten{pointer-events:none}.beslisboom-stap-kop{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.beslisboom-stap-kop .taken-step-dot{position:static;flex-shrink:0}.beslisboom-stap-titel{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1 1}.beslisboom-stap-titel h3{margin:0;font-size:15px}.beslisboom-modus-filter{background:var(--danger-bg);color:var(--danger)}.beslisboom-modus-gemengd{background:var(--warn-bg,#fdeed3);color:var(--warn,#b35407)}.beslisboom-inzichten,.beslisboom-uitleg{width:100%;font:inherit;font-size:13px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 10px;resize:vertical}.beslisboom-uitkomsten{display:flex;flex-direction:column;gap:6px}.beslisboom-uitkomst{display:flex;align-items:center;gap:10px;padding:6px 10px;border:1px solid var(--line);border-radius:10px;font-size:13px}.beslisboom-uitkomst-label{flex:1 1;min-width:0}.beslisboom-punten,.beslisboom-uitkomst select{font:inherit;font-size:13px;padding:4px 6px}.beslisboom-punten{width:84px;text-align:right}.beslisboom-parameters{display:flex;flex-wrap:wrap;gap:12px}.beslisboom-lijstveld,.beslisboom-parameters label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--muted)}.beslisboom-parameters input{width:120px;font:inherit;font-size:13px;padding:4px 6px}.beslisboom-lijstveld{margin-top:12px}.beslisboom-lijstveld input{font:inherit;font-size:13px;padding:6px 8px}.beslisboom-ladder{margin-top:6px;font-size:12.5px}.beslisboom-ladder summary{cursor:pointer;color:var(--muted)}.beslisboom-ladder ol{margin:6px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:3px}.beslisboom-ladder-stap{color:var(--text)}.bekijk-als-balk{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:12px 18px;border-bottom:1px solid var(--warning-line);background:var(--warning-bg);color:var(--warning)}.bekijk-als-badge{display:inline-flex;align-items:center;gap:6px;background:var(--warning);color:#fff;font-weight:600;font-size:13px;padding:6px 12px;border-radius:999px;flex-shrink:0;white-space:nowrap}.bekijk-als-badge svg{width:15px;height:15px}.bekijk-als-balk p{flex:1 1;margin:0;font-size:13px;line-height:1.5}.bekijk-als-tijd{color:color-mix(in srgb,var(--warning) 75%,transparent)}.bekijk-als-stop{flex-shrink:0}@media (max-width:700px){.bekijk-als-balk{flex-wrap:wrap;gap:10px}.bekijk-als-balk p{flex-basis:100%}}.bekijk-als-lijst{list-style:none;margin:8px 0 0;padding:0}.bekijk-als-rij{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.bekijk-als-rij:last-child{border-bottom:0}.bekijk-als-rij-info{flex:1 1;min-width:0}.bekijk-als-rij-naam{font-weight:600;font-size:14px}.bekijk-als-rij-meta{font-size:12.5px;color:var(--muted)}.bekijk-als-zoek{display:flex;gap:10px;margin:16px 0 4px}.bekijk-als-zoek input{flex:1 1}.profiel-secties{display:grid;grid-gap:16px;gap:16px}.profiel-melding{margin:0 0 20px;align-items:flex-start}.profiel-melding strong{font-weight:600}.profiel-melding-ok{border-color:color-mix(in srgb,var(--success) 35%,transparent);background:var(--success-bg);color:var(--success)}.profiel-ontbreekt{color:var(--warning);font-weight:600}.profiel-leeg{color:var(--muted);font-weight:400}.profiel-geheim{display:inline-flex;align-items:center;gap:10px}.profiel-geheim-waarde{letter-spacing:.06em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.profiel-toon{display:inline-flex;align-items:center;gap:4px;padding:0;border:none;background:none;color:var(--accent);font:inherit;font-size:12.5px;font-weight:500;cursor:pointer}.profiel-toon svg{width:15px;height:15px}.profiel-wazig{filter:blur(4.5px);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:filter .12s ease}.profiel-wijzigen{margin-top:16px}.profiel-wijzigen p{margin:0 0 10px}.profiel-wijzigen .btn-outline{margin-top:4px}.profiel-kop{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.profiel-velden{margin-top:4px}.profiel-vast{font-size:15px;color:var(--muted);padding:11px 0}.profiel-keuzes{display:flex;flex-wrap:wrap;gap:8px}.profiel-keuze{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--card);font-size:13px;cursor:pointer}.profiel-keuze input{accent-color:var(--vocus-blue);margin:0}.profiel-keuze-aan{border-color:var(--vocus-blue);background:var(--accent-bg);font-weight:500}.profiel-keuze:focus-within{outline:2px solid var(--vocus-blue);outline-offset:2px}.profiel-acties{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px}.profiel-acties .cta{border:none;cursor:pointer}.profiel-acties .factuur-hint{flex-basis:100%;margin:0}@media (max-width:700px){.profiel-kop{flex-direction:column}}.matching-rij-notitie{flex:1 1 100%;display:flex;align-items:baseline;gap:6px;font-size:12.5px;color:var(--ink)}.matching-rij-notitie .veld-hint{margin:0}.matching-rij-notitie .note-icon{align-self:center;color:var(--muted)}.versie-nu{display:flex;align-items:center;gap:12px;margin:0}.versie-nummer{font-size:15px;padding:5px 14px}.versie-nu-tekst{display:flex;flex-direction:column;gap:2px}.versie-kop{display:flex;align-items:center;gap:10px;margin:0 0 6px}.versie-titel{margin:0 0 8px;font-weight:600}.versie-datum{font-size:12.5px;color:var(--muted)}.versie-wijzigingen{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px}.versie-wijzigingen li{font-size:13.5px}.versie-deployment{margin:12px 0 0;font-size:12px;color:var(--muted);display:flex;align-items:baseline;gap:6px}.versie-deployment code{font-size:11.5px;word-break:break-all}.overlay-dialoog{display:none;border:1px solid var(--line);border-radius:var(--radius);padding:0;background:var(--card);color:var(--ink);width:min(1120px,calc(100vw - 32px));max-height:min(85vh,760px);max-height:min(85dvh,760px);overflow:hidden;box-shadow:0 18px 48px rgba(45,79,122,.22)}.overlay-dialoog[open]{display:flex;flex-direction:column}.overlay-dialoog::-webkit-backdrop{background:rgba(45,79,122,.58);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.overlay-dialoog::backdrop{background:rgba(45,79,122,.58);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.overlay-kop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px 14px;border-bottom:1px solid var(--line)}.overlay-kop h2{margin:0;font-size:19px}.overlay-sub{margin:2px 0 0;font-size:13.5px;color:var(--muted)}.overlay-sluit{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--muted);cursor:pointer}.overlay-sluit:hover:not(:disabled){background:var(--accent-bg);color:var(--ink)}.overlay-sluit:disabled{opacity:.5;cursor:default}.overlay-inhoud{padding:16px 20px 4px;overflow-y:auto;scroll-padding-bottom:8px}.overlay-inhoud .factuur-hint{margin-top:0}.overlay-acties{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px 18px;border-top:1px solid var(--line)}.overlay-klaar{padding:32px 24px;text-align:center}.overlay-klaar h2{margin:14px 0 8px;font-size:19px}.overlay-klaar p{margin:0 0 20px;color:var(--muted);font-size:14px}.overlay-klaar-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--success-bg);color:var(--success)}.enquete-vraag{margin:0 0 18px;border:0;padding:0}.enquete-vraag legend{padding:0}.enquete-vraag .veld{margin:0}.enquete-tekstvak{resize:vertical;min-height:68px;font-family:inherit}.enquete-teller{margin:4px 0 0;font-size:12.5px;color:var(--muted)}.enquete-fout{display:flex;align-items:flex-start;gap:8px;margin:4px 0 12px;padding:10px 12px;border:1px solid var(--danger);border-radius:10px;background:var(--danger-bg);color:var(--danger);font-size:13.5px}.enquete-fout .note-icon{width:16px;height:16px;flex-shrink:0;margin-top:2px}.sterren{display:flex;align-items:center;gap:4px;margin-top:8px}.sterren-knop{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:9px;color:var(--line-strong);cursor:pointer}.sterren-knop input{position:absolute;width:1px;height:1px;opacity:0;margin:0;pointer-events:none}.sterren-knop svg{width:26px;height:26px}.sterren-knop:hover{color:var(--vocus-blue)}.sterren-knop-aan{color:#d99b1c}.sterren-knop:focus-within{outline:2px solid var(--vocus-blue);outline-offset:1px}.sterren-uitleg{margin-left:8px;font-size:13px;color:var(--muted)}@media (max-width:520px){.sterren-knop{width:34px;height:34px}.sterren-uitleg{flex-basis:100%;margin:4px 0 0}.sterren{flex-wrap:wrap}}@media (min-width:900px){.overlay-inhoud{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:26px;column-gap:26px;align-items:start}.overlay-inhoud>.enquete-fout,.overlay-inhoud>.factuur-hint{grid-column:1/-1}}@media (max-width:600px){.overlay-dialoog{width:calc(100vw - 20px);max-height:min(92dvh,92vh)}.overlay-kop{padding:15px 16px 12px}.overlay-kop h2{font-size:18px}.overlay-inhoud{padding:14px 16px 4px}.overlay-dialoog .login-input{font-size:16px}.overlay-acties{flex-direction:column-reverse;padding:12px 16px 16px}.overlay-acties>*{width:100%;justify-content:center}.overlay-klaar{padding:26px 18px}}.voorstelmails{display:flex;flex-direction:column;gap:16px}.voorstelmails-balk{position:-webkit-sticky;position:sticky;top:0;z-index:5;display:flex;flex-direction:column;gap:8px;padding:12px 0;background:var(--bg);border-bottom:1px solid var(--line)}.voorstelmails-problemen{display:flex;align-items:flex-start;gap:8px}.voorstelmails-problemen ul{margin:0;padding-left:16px}.voorstelmails-legenda{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:6px 20px;gap:6px 20px;font-size:12.5px}.voorstelmails-legenda li{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}.voorstelmails-legenda code{color:var(--accent)}.voorstelmails-legenda span{color:var(--muted)}.voorstelmails-legenda em{color:var(--ink);font-style:normal;opacity:.75}.voorstelmail-kaart{display:flex;flex-direction:column;gap:8px}.voorstelmail-kolommen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:20px;gap:20px;align-items:start;margin-top:8px}@media (max-width:1000px){.voorstelmail-kolommen{grid-template-columns:minmax(0,1fr)}}.voorstelmail-velden{display:flex;flex-direction:column;gap:14px}.voorstelmail-velden code{font-size:12px;color:var(--accent)}.voorstelmail-tekstvak{width:100%;resize:vertical;font-family:inherit;line-height:1.5;min-height:62px}.voorstelmail-alinea{display:flex;gap:6px;align-items:flex-start}.voorstelmail-alinea-knoppen{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.voorstelmail-alinea-knoppen .btn-outline{padding:4px 8px;min-width:32px;justify-content:center;font-size:13px}.voorstelmail-erbij{align-self:flex-start;padding:6px 12px;font-size:13px}.voorstelmail-voorbeeld{display:flex;flex-direction:column;gap:8px;position:-webkit-sticky;position:sticky;top:88px}@media (max-width:1000px){.voorstelmail-voorbeeld{position:static}}.voorstelmail-voorbeeld iframe{width:100%;height:min(720px,calc(100vh - 150px));min-height:380px;border:1px solid var(--line);border-radius:12px;background:#fff}.beheer-breed .detail-page{max-width:min(1800px,100%)}.beheer-breed .detail-header>p{max-width:92ch}.verslag-drive{display:flex;flex-direction:column}.verslag-drive>.matching-knoprij{margin-bottom:4px}.drive-vinkrij{display:flex;align-items:flex-start;gap:10px;margin-top:12px;cursor:pointer}.drive-vinkrij input{margin-top:3px;flex-shrink:0}.drive-vinkrij .veld-label{font-weight:500}.drive-aliassen{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.drive-alias{display:flex;flex-wrap:wrap;gap:8px;align-items:center;width:100%}.drive-alias .login-input{flex:1 1 220px;min-width:0}.drive-alias .btn-outline{padding:6px 12px;font-size:13px}.drive-lijst{display:flex;flex-direction:column;gap:10px;margin-top:12px}.drive-rij{padding:10px 0;border-top:1px solid var(--line)}.drive-rij:first-child{border-top:none}.drive-rij-let-op{border-left:3px solid var(--warning);padding-left:10px}.drive-rij-kop{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;margin:0}.drive-pad{margin:4px 0 0;font-size:13px;color:var(--muted);overflow-wrap:anywhere}.drive-pad .badge{margin-left:6px}.drive-nieuw{color:var(--accent);font-weight:600}.drive-bestanden{margin:6px 0 0;padding-left:18px;font-size:13px}.drive-overgeslagen{margin:4px 0 0;font-size:13px;color:var(--ink)}.ramo-document-kaart{padding-bottom:16px}.ramo-document{width:100%;height:min(58vh,520px);border:1px solid var(--line);border-radius:12px;background:var(--card);margin-top:12px;display:block}.ramo-gelezen{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;margin:4px 0 16px;cursor:pointer}.ramo-gelezen input{margin-top:3px;flex:none;width:17px;height:17px}.ramo-acties{gap:12px;flex-wrap:wrap;margin-top:18px}.ramo-acties,.ramo-fout{display:flex;align-items:center}.ramo-fout{margin:14px 0 0;gap:6px}.ramo-uitleg{margin-top:16px}.handtekening-veld{margin-top:18px}.handtekening-canvas{width:100%;height:170px;border:1px dashed var(--line-strong);border-radius:12px;background:var(--card);touch-action:none;cursor:crosshair}.handtekening-onder{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}@media (max-width:640px){.ramo-document{height:52vh}.ramo-acties .btn-outline,.ramo-acties .cta{width:100%;justify-content:center;text-align:center}}a.detail-tab{text-decoration:none}a.detail-tab:hover{color:var(--accent)}.veldgids-nabij{margin-top:10px;color:var(--muted)}.veldgids-filters{display:flex;margin-top:16px;flex-wrap:wrap;gap:10px 12px;align-items:center;margin-bottom:12px}.veldgids-filters>.login-input{flex:1 1 320px;min-width:0}.veldgids-filters .tabs{margin-bottom:0}.veldgids-telling{margin:0;font-size:13px;color:var(--muted)}.veldgids-kop{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:flex-start;justify-content:space-between}.veldgids-kop h3{margin:4px 0 0;font-size:16px}.veldgids-kop-rechts{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.veldgids-route{font-size:12px;color:var(--muted)}.veldgids-uitleg{margin:6px 0 0;font-size:13.5px;max-width:74ch}.veldgids-bord{margin-top:14px}.veldgids-bordkop{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;margin:0 0 6px;font-size:13.5px}.veldgids-bordkop code{font-size:12px;color:var(--muted)}.veldgids-velden{display:flex;flex-direction:column}.veldgids-veld{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;padding:7px 0;border-top:1px solid var(--line);font-size:13px}.veldgids-veld:first-child{border-top:none}.veldgids-veld-id{flex:0 0 auto;min-width:150px;font-size:12px;overflow-wrap:anywhere}.veldgids-veld-label{flex:1 1 260px;display:flex;flex-wrap:wrap;gap:2px 8px}.veldgids-veld-bij{color:var(--muted);font-size:12px}.veldgids-veld-code{flex:1 1 100%;font-size:11.5px;color:var(--muted);overflow-wrap:anywhere}.veldgids-noot{display:flex;align-items:flex-start;gap:6px;margin:12px 0 0;font-size:12.5px;color:var(--ink)}.veldgids-borden{display:flex;flex-direction:column;margin:4px 0 12px}.veldgids-bordrij{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;justify-content:space-between;padding:8px 0;border-top:1px solid var(--line);font-size:13px}.veldgids-bordrij:first-child{border-top:none}.veldgids-bordrij-naam{display:inline-flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline;font-weight:600}.veldgids-bordrij-naam code{font-weight:400;font-size:12px;color:var(--muted)}.veldgids-bordrij-meta{color:var(--muted)}