:root{--app: #1f9d57;--app-light: #3fbf7f;--app-dark: #15803d;--app-soft: #e7f6ee;--app-tint: #daf0e4;--app-deep: #0e5729;--indigo: #2c3478;--indigo-light: #4f5bd0;--text: #1f2733;--muted: #6b7280;--surface: #ffffff;--bg: #f4f6fa;--border: #e5e8ef;--danger: #d64545;--warn: #b5651d;--radius: 16px;--onderbalk-h: calc(60px + env(safe-area-inset-bottom, 0px)) ;--font: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font);color:var(--text);background:var(--bg)}h1,h2,h3,h4{margin:0}a{color:inherit}.center{min-height:100vh;display:grid;place-items:center;padding:24px}.muted{color:var(--muted)}.error{background:#fbe9e9;color:var(--danger);border:1px solid #f1c9c9;border-radius:10px;padding:10px 12px;font-size:14px}.empty{padding:28px;text-align:center;color:var(--muted);font-size:14px}button{cursor:pointer;font:inherit;border:none;border-radius:10px;padding:9px 14px;background:var(--app);color:#fff;font-weight:600;transition:background .15s,transform .05s,box-shadow .15s}button:hover{background:var(--app-dark)}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:default}button.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}button.ghost:hover{background:#f3f5f9}button.sm{padding:6px 10px;font-size:12px}button.danger{background:var(--danger)}button.danger:hover{background:#b83b3b}button.ghost.danger{background:transparent;color:var(--danger);border-color:var(--border)}button.ghost.danger:hover{background:#fbe9e9;border-color:#f1c9c9;color:var(--danger)}button.icoon{padding:4px 7px;font-size:13px;line-height:1.1;font-weight:500;border:none;color:var(--muted);background:transparent}button.icoon:hover{background:#f3f5f9;color:var(--text)}button.icoon.danger,button.ghost.icoon.danger{border:none;color:#b9848a;background:transparent}button.icoon.danger:hover,button.ghost.icoon.danger:hover{background:#fbe9e9;color:var(--danger)}button.icoonknop{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted)}button.icoonknop:hover{background:#f3f5f9;color:var(--text)}.knop-aantal{display:inline-block;min-width:18px;margin-left:6px;padding:0 5px;border-radius:999px;background:var(--app-soft);color:var(--app-dark);font-size:11px;font-weight:700;line-height:18px;text-align:center}button.linklike{background:none;color:var(--app-dark);padding:0;font-weight:600}button.linklike:hover{background:none;text-decoration:underline}input,select,textarea{font:inherit;padding:9px 11px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--app);box-shadow:0 0 0 3px #1f9d5726}textarea{resize:vertical;min-height:70px}.field{display:block;font-size:13px;font-weight:600}.field>input,.field>select,.field>textarea,.field>.row,.field>div{margin-top:6px}.field .muted{font-weight:400}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.grow{flex:1}.login-bg{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(600px at 20% 10%,rgba(31,157,87,.08),transparent),radial-gradient(600px at 85% 90%,rgba(31,157,87,.06),transparent),var(--bg)}.login-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 40px #14183c1f;width:440px;max-width:100%;padding:30px}.login-head{display:flex;align-items:center;gap:14px;margin-bottom:4px}.login-head h1{font-size:22px;font-weight:600}.login-card>.muted{font-size:14px;margin:2px 0 18px}.login-primary{width:100%;margin-top:4px;font-size:15px;padding:11px 14px}.login-ander{display:block;margin-top:10px;text-align:center;color:var(--app-dark);font-size:13px;font-weight:600;text-decoration:none}.login-ander:hover{text-decoration:underline}.demo-users{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--border);padding-top:16px;margin-top:6px}.demo-scheiding{font-size:12px;color:var(--muted);text-align:center;margin-bottom:4px}.demo-user{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f6f8fc;color:var(--text);border:1px solid var(--border);text-align:left;font-weight:500}.demo-user:hover{background:var(--app-soft);border-color:var(--app-light)}.demo-user small{color:var(--muted);font-weight:600}.secured-by{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;color:var(--muted);font-size:12px;font-weight:500}.secured-by strong{color:var(--indigo)}.layout{display:flex;flex-direction:column;height:100dvh}.app-body{display:flex;flex:1;min-height:0}.sidebar{width:240px;flex:0 0 auto;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:12px;overflow-y:auto}.brand-link{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;border-radius:10px;padding:4px;margin:-4px;transition:background .18s}.brand-link svg{transition:transform .18s;flex:0 0 auto}.brand-link.is-link:hover{background:#f3f5f9}.brand-link.is-link:hover svg{transform:translate(-2px)}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-name{font-size:18px;font-weight:600;letter-spacing:-.01em}.hub-hint{display:inline-flex;align-items:center;gap:3px;font-size:11px;color:var(--muted);max-height:0;opacity:0;overflow:hidden;transition:max-height .28s ease,opacity .28s ease,margin-top .28s ease}.brand-link.is-link:hover .hub-hint{max-height:16px;opacity:1;margin-top:2px}.nav{display:flex;flex-direction:column;gap:2px;margin-top:6px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;text-align:left;background:transparent;color:var(--text);border-radius:10px;padding:10px 12px;font-size:14px;font-weight:500}.nav-item:hover{background:#f3f5f9}.nav-item.active{background:var(--app-tint);color:var(--app-deep)}.nav-item.active .nav-ico{color:var(--app-dark)}.nav-item .nav-ico{flex:0 0 18px;line-height:0;opacity:.95}.nav-badge{margin-left:auto;min-width:18px;padding:1px 6px;border-radius:999px;background:#fbe9e9;color:var(--danger);font-size:11px;font-weight:700;line-height:1.4;text-align:center}.nav-sep{height:1px;background:var(--border);margin:10px 6px}.sidebar-foot{margin-top:auto;padding:12px 6px 4px;display:flex;flex-direction:column;gap:10px}.side-persoon{display:flex;align-items:center;gap:10px;padding:0 4px 0 6px}.side-avatar{flex:0 0 auto;width:32px;height:32px;border-radius:999px;background:var(--app-deep);color:var(--surface);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;line-height:1;object-fit:cover}.side-user{display:flex;flex:1 1 auto;flex-direction:column;line-height:1.25;min-width:0}.side-user strong,.side-user span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-user strong{font-size:13.5px;font-weight:600}.side-user span{font-size:12px;color:var(--muted);text-transform:capitalize}button.side-uitlog{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted)}button.side-uitlog:hover{background:#f3f5f9;color:var(--text)}.side-switch{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:#f3f5f9;color:var(--text);border:1px solid var(--border);font-weight:600;font-size:13px}.side-switch{background:var(--app-soft);border-color:var(--app-light);color:var(--app-dark)}.side-switch:hover{background:#d8efe1}.versie-regel{font-size:11px;line-height:1.4;color:var(--muted);padding:0 6px;overflow-wrap:anywhere}.versie-regel a{color:var(--app-dark);text-decoration:none}.versie-regel a:hover{text-decoration:underline}.sidebar-kop{display:flex;justify-content:flex-end}.sidebar-toggle{width:26px;height:26px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--muted);font-size:15px;line-height:1}.sidebar-toggle:hover{background:#f3f5f9;color:var(--text)}.sidebar.ingeklapt{width:56px;padding:12px 8px}.sidebar.ingeklapt .sidebar-kop{justify-content:center}.sidebar.ingeklapt .nav-item{position:relative;justify-content:center;gap:0;padding:10px 0}.sidebar.ingeklapt .nav-txt,.sidebar.ingeklapt .side-txt,.sidebar.ingeklapt .side-user,.sidebar.ingeklapt .versie-regel{display:none}.sidebar.ingeklapt .nav-badge{position:absolute;top:2px;right:2px;margin-left:0;min-width:15px;padding:0 4px;font-size:10px}.sidebar.ingeklapt .sidebar-foot{padding:12px 0 4px;align-items:center}.sidebar.ingeklapt .side-persoon{flex-direction:column;gap:8px;padding:0}.main{flex:1;min-width:0;overflow-y:auto}.topbar{flex:0 0 auto;z-index:20;background:var(--surface);border-bottom:1px solid var(--border);padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.org-badge{margin-left:auto;display:flex;align-items:center;gap:10px}.org-logo{height:32px;max-width:150px;object-fit:contain;display:block}.org-naam{font-size:14px;font-weight:600;color:var(--text)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:16px}.topbar-right .org-badge{margin-left:0}.notif-wrap{position:relative}.notif-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;background:#f3f5f9;border:1px solid var(--border);border-radius:10px;color:var(--text);cursor:pointer;transition:background .15s}.notif-btn:hover{background:#e9edf4}.notif-count{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--danger);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--surface)}.notif-panel{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-width:86vw;max-height:70vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 40px #14183c29;z-index:40}.notif-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);background:var(--surface)}.notif-empty{padding:26px 14px;text-align:center;color:var(--muted);font-size:14px}.notif-list{list-style:none;margin:0;padding:4px}.notif-item+.notif-item{margin-top:2px}.notif-row{display:flex;align-items:flex-start;gap:10px;width:100%;padding:10px;border:0;border-radius:10px;background:transparent;text-align:left;cursor:pointer}.notif-row:hover{background:#f3f5f9}.notif-item.unread .notif-row{background:var(--app-soft)}.notif-item.unread .notif-row:hover{background:#d8efe1}.notif-ico{flex:0 0 16px;margin-top:2px;color:var(--muted);line-height:0}.notif-item.unread .notif-ico{color:var(--app-dark)}.notif-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.notif-tekst{font-size:13.5px;line-height:1.35;color:var(--text)}.notif-tijd{font-size:11.5px;color:var(--muted)}.notif-bullet{flex:0 0 8px;width:8px;height:8px;margin-top:6px;border-radius:50%;background:var(--danger)}.page-title{margin-bottom:20px}.page-title h1{font-size:21px;font-weight:600}.page-title p{margin:2px 0 0;font-size:13px;color:var(--muted)}.content{padding:clamp(18px,2vh + 8px,30px) clamp(16px,2.5vw,44px) 64px;max-width:1920px;margin:0 auto;width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px 22px;margin-bottom:18px;box-shadow:0 1px 2px #14183c0a}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.card-head h3{font-size:16px;font-weight:600}.card h4{margin:18px 0 10px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.gz-ingang{margin-top:18px;display:flex;justify-content:flex-end}.gz-kolommen{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px 24px;margin:4px 0 14px}.gz-kop{display:block;font-size:13px;margin-bottom:4px}.gz-kop.rood{color:var(--danger)}.gz-kolommen ul{margin:0;padding-left:18px;font-size:13.5px;color:var(--text);display:flex;flex-direction:column;gap:3px}.statcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:18px}.statcard{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--app);border-radius:12px;padding:16px 18px;box-shadow:0 1px 2px #14183c0a}.statcard .label{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600}.statcard .value{font-size:30px;font-weight:700;margin-top:6px;line-height:1}.statcard .sub{font-size:12px;color:var(--muted);margin-top:5px}table.grid{width:100%;border-collapse:collapse;font-size:14px}table.grid th,table.grid td{text-align:left;padding:10px;border-bottom:1px solid var(--border);vertical-align:middle}table.grid th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600}table.grid tbody tr.klikbaar{cursor:pointer}table.grid tbody tr.klikbaar:hover{background:#f8fafc}table.grid td.rowactions,td.rowactions{text-align:right;white-space:nowrap}td.rowactions>*{vertical-align:middle}td.rowactions>*+*{margin-left:6px}.rowactions:not(td){display:flex;gap:6px;justify-content:flex-end;align-items:center;flex-wrap:wrap}.badge{display:inline-block;padding:2px 9px;border-radius:999px;background:var(--app-soft);color:var(--app-dark);font-size:11px;font-weight:600;vertical-align:middle}.badge.indigo{background:#e8eafb;color:var(--indigo)}.badge.grijs{background:#eef1f5;color:var(--muted)}.status{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.st-groen{background:#e6f6f0;color:#0f6e56}.st-amber{background:#fdf2e2;color:var(--warn)}.st-blauw{background:#e7eefb;color:#2c54b0}.st-grijs{background:#f1f1f4;color:var(--muted)}.st-rood{background:#fbe9e9;color:var(--danger)}.st-paars{background:#efe9fb;color:#5536a8}.notice{border-radius:10px;padding:10px 12px;font-size:14px;margin-bottom:12px}.notice.warn{background:#fdf2e2;color:var(--warn);border:1px solid #f3dcb8}.schakelaar{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:40px;height:22px;margin:0;border-radius:999px;background:#cfd4de;border:none;position:relative;cursor:pointer;transition:background .15s;vertical-align:middle}.schakelaar:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #14183c40;transition:left .15s}.schakelaar:checked{background:var(--app)}.schakelaar:checked:after{left:21px}.schakelaar:focus-visible{outline:2px solid var(--app-light);outline-offset:2px}.schakelaar:disabled{opacity:.5;cursor:not-allowed}.nm-tabel td{vertical-align:middle}table.grid tr.nm-uit td{color:var(--muted)}.nm-uitleg{font-size:13px;margin:8px 0 0}.nm-wachtrij{margin-top:24px}.nm-standen{list-style:none;margin:0;padding:0;font-size:14px}.nm-standen li{display:flex;align-items:flex-start;gap:10px;padding:6px 0}.nm-teller{min-width:32px;text-align:center;font-size:13px;padding:3px 8px}.bar{height:8px;border-radius:999px;background:#eceef3;overflow:hidden;min-width:90px}.bar>i{display:block;height:100%;border-radius:999px;background:var(--app)}.tl{position:relative;margin:4px 0 0 6px;padding-left:26px}.tl:before{content:"";position:absolute;left:7px;top:4px;bottom:4px;width:2px;background:var(--border)}.tl-item{position:relative;padding:0 0 20px}.tl-dot{position:absolute;left:-26px;top:2px;width:16px;height:16px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px var(--border);display:grid;place-items:center;color:#fff}.tl-title{font-weight:600;font-size:14.5px}.tl-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:2px}.tl-desc{margin:6px 0 0;font-size:13.5px;color:#404a59;white-space:pre-wrap}.tl-conf{border-left:3px solid var(--warn);padding-left:10px;margin-left:-2px}.tl-compose{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 16px;margin-bottom:18px;box-shadow:0 1px 2px #14183c0a}.tl-compose-label{font-weight:600;font-size:14px;margin-right:4px}.tl.tl-big{margin:0;padding-left:50px}.tl.tl-big:before{left:17px;top:10px;bottom:10px;width:2px;background:linear-gradient(var(--app-light),var(--border))}.tl-big .tl-item{padding-bottom:14px}.tl-big .tl-dot{left:-49px;top:12px;width:32px;height:32px;border-width:3px}.tl-big .tl-dot svg{width:16px;height:16px}.tl-card-inner{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 16px;box-shadow:0 1px 2px #14183c0a;transition:border-color .15s,box-shadow .15s}.tl-card.open .tl-card-inner{border-color:var(--app-light);box-shadow:0 6px 20px #14183c14}.tl-card.feest .tl-card-inner{background:linear-gradient(120deg,#fff6e2,#fff 72%);border-color:#e7c14f;box-shadow:0 8px 24px #e0a23c38}.tl-card.feest .tl-title{color:#9a6b15}.tl-card.feest .tl-dot{box-shadow:0 0 0 1px #e7c14f,0 0 0 6px #e0a23c2e;animation:feest-pop .5s ease backwards}@keyframes feest-pop{0%{transform:scale(.3) rotate(-25deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@media (prefers-reduced-motion: reduce){.tl-card.feest .tl-dot{animation:none}}.tl-jaar{position:sticky;top:10px;z-index:3;margin:8px 0 14px -50px;pointer-events:none}.tl-jaar span{display:inline-flex;align-items:center;margin-left:4px;background:var(--app-dark);color:#fff;font-size:12px;font-weight:700;letter-spacing:.03em;padding:3px 12px;border-radius:999px;box-shadow:0 0 0 5px var(--bg)}.tl-head{display:flex;align-items:flex-start;gap:10px}.tl-head.klik{cursor:pointer}.tl-head.klik:hover .tl-title{color:var(--app-dark)}.tl-cta{background:var(--app-soft);color:var(--app-dark);border:1px solid var(--app-light);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600;white-space:nowrap}.tl-chevron{color:var(--muted);font-size:13px;padding-top:2px}.tl-body{display:flex;flex-direction:column;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.inline-form{background:var(--app-soft);border:1px solid var(--app-light);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.inline-form h4{margin:0;font-size:15px;font-weight:600;color:var(--app-dark);text-transform:none;letter-spacing:0}.inline-form input,.inline-form select,.inline-form textarea{background:#fff}.afspraken-box{background:#f8fafc;border:1px solid var(--border);border-left:3px solid var(--app);border-radius:10px;padding:10px 14px}.afspraken-box.meegenomen{border-left-color:var(--warn);background:#fffaf2}.afspraken-box h4{margin:0 0 4px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.afspraken-box p{margin:0;font-size:14px;white-space:pre-wrap}.veld-weergave h4{margin:0 0 3px;font-size:13px;font-weight:600;color:var(--muted);text-transform:none;letter-spacing:0}.veld-weergave p{margin:0;font-size:14px;white-space:pre-wrap}.tl-doelpct{font-size:13px;font-weight:700;color:var(--app-dark);white-space:nowrap;padding-top:2px}.tl-doelbar{margin-top:10px}.tl-doelbar .bar{width:100%;max-width:360px;height:9px}.tl-feedback{margin-top:8px}.tl-feedback .tl-desc{margin:0 0 4px}.tl-skills{list-style:none;margin:8px 0 0;padding:0}.tl-skills li{display:grid;grid-template-columns:minmax(0,1fr) auto 78px 108px;align-items:center;column-gap:12px;padding:6px 0;border-top:1px solid #f0f2f6;font-size:13.5px}.tl-skills li:first-child{border-top:0}.tl-skill-naam{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-skill-niveau{color:var(--muted);font-size:12.5px;white-space:nowrap}.tl-skill-toel{grid-column:1 / -1;margin-top:2px;color:var(--muted);font-size:12.5px;white-space:pre-wrap}.dots.niv-tl .dot.vol{background:#3b6fd4}.verloop{justify-self:start;display:inline-block;padding:1px 7px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.verloop.omhoog{color:#0f7a44;background:#e3f5ea}.verloop.omlaag{color:#b83b3b;background:#fbe9e9}.verloop.gelijk{color:#6b7280;background:#f0f2f6}.verloop.nieuw{color:#3b6fd4;background:#e8effb}button.linklike.tl-skills-meer{margin-top:4px;font-size:12.5px}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}.chart-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.ring{position:relative;flex:0 0 auto;display:grid;place-items:center}.ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.ring-center strong{font-size:28px;font-weight:700;line-height:1;color:var(--text)}.ring-center span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-top:3px}.legend{display:flex;flex-direction:column;gap:9px;flex:1;min-width:140px}.legend-row{display:flex;align-items:center;gap:9px;font-size:13px}.legend-swatch{width:12px;height:12px;border-radius:3px;flex:0 0 auto}.legend-label{flex:1}.legend-val{color:var(--muted);font-weight:600;white-space:nowrap}.hbars{display:flex;flex-direction:column;gap:10px}.hbar{display:flex;align-items:center;gap:10px;font-size:13px}.hbar-label{flex:0 0 110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.hbar-track{flex:1;height:12px;border-radius:999px;background:#eceef3;overflow:hidden}.hbar-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#d96a8f,#e0628f);min-width:4px}.hbar-val{flex:0 0 auto;color:var(--muted);font-weight:600;white-space:nowrap}.dash-filters{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.dash-filter{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.dash-filter select{width:auto;min-width:150px}.dash-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 16px;margin-bottom:18px;box-shadow:0 1px 2px #14183c0a}.dash-verleden{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;cursor:pointer}.dash-verleden input{width:auto;margin:0}button.statcard.klikbaar{display:block;width:100%;text-align:left;color:var(--text);font-weight:inherit;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--app);border-radius:12px;padding:16px 18px}button.statcard.klikbaar:hover{background:var(--surface);border-color:var(--app-light);box-shadow:0 6px 20px #14183c14}button.hbar.klikbaar{width:100%;padding:2px 0;background:none;color:var(--text);font-weight:inherit;border-radius:6px;text-align:left}button.hbar.klikbaar:hover{background:#f6f8fc}button.hbar.klikbaar:hover .hbar-label{text-decoration:underline}button.linklike.getal-knop{font-weight:inherit;color:inherit;text-decoration:underline dotted;text-underline-offset:3px}button.linklike.getal-knop:hover{color:var(--app-dark);text-decoration:underline}.details-lijst{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}button.details-rij{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:var(--surface);color:var(--text);font-weight:400;text-align:left;border:1px solid var(--border);border-radius:10px}button.details-rij:hover{background:#f6f8fc;border-color:var(--app-light)}.details-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:13.5px}.details-body .muted{font-size:12.5px}.details-tekst{margin-top:3px;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.details-pijl{color:var(--muted);font-size:18px}.lid-filter{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:16px;font-size:13px}button.lid-chip{padding:5px 11px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;font-weight:500}button.lid-chip:hover{background:#f3f5f9}button.lid-chip.aan{border-color:var(--app);background:var(--app-soft);color:var(--app-deep)}.lid-chip-sub{color:var(--muted);font-weight:400}button.linklike.skill-wie-knop{color:var(--text);font-weight:500;text-align:left}tr.skill-wie td{background:#f8faf9}tr.skill-wie ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}tr.skill-wie li{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px}@media print{body{background:#fff}.sidebar,.topbar,.dash-toolbar,.dash-welkom .segment,.card-head button,.idle-warn{display:none!important}.layout,.app-body{display:block;height:auto}.main{overflow:visible}.content{max-width:none;padding:0}.card,.statcard,.radar-card{box-shadow:none;break-inside:avoid}.radar-grid,.charts-grid{grid-template-columns:1fr 1fr}}.radar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px;margin-bottom:18px}.radar-card{display:flex;flex-direction:column;align-items:center;margin-bottom:0}.radar-card .card-head{align-self:stretch}svg.radar{max-width:100%;height:auto}.legend-swatch.radar-dash{background:repeating-linear-gradient(90deg,#8b91b5 0 4px,transparent 4px 7px);height:3px;border-radius:2px;align-self:center}.matrix-scroll{overflow-x:auto}table.matrix th:first-child,table.matrix td:first-child{position:sticky;left:0;z-index:1;background:var(--surface);box-shadow:1px 0 0 var(--border)}.tabel-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}table.matrix th{white-space:nowrap}.matrix-gewenst{display:block;font-size:10px;text-transform:none;letter-spacing:0;font-weight:500}.niveau-cel{background:transparent;border:1px solid transparent;border-radius:8px;padding:5px 8px;line-height:0}.niveau-cel:not(:disabled):hover{background:#f3f5f9;border-color:var(--border)}.niveau-cel:disabled{cursor:default;opacity:1}.dots{display:inline-flex;gap:3px;align-items:center}.dots .dot{width:11px;height:11px;border-radius:50%;background:#e4e7ee;position:relative}.dots .dot.doelmark:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:1.5px solid #9aa3b2;border-radius:50%}.dots.niv-ok .dot.vol{background:#1f9d57}.dots.niv-bijna .dot.vol{background:#e0a93c}.dots.niv-onder .dot.vol{background:#d64545}.dots.niv-leeg .dot{background:#eceef3}.niveau-kiezer{display:flex;gap:6px;flex-wrap:wrap}.niveau-knop{flex:1 1 0;min-width:78px;display:flex;flex-direction:column;align-items:center;gap:2px;background:#f6f8fc;color:var(--text);border:2px solid var(--border);border-radius:10px;padding:8px 6px;font-weight:500}.niveau-knop span{font-size:11px;color:var(--muted)}.niveau-knop.sel{border-color:var(--app);background:var(--app-soft)}.niveau-knop.sel span{color:var(--app-dark)}.niveau-knop{position:relative}.niveau-nu{position:absolute;top:-8px;right:-4px;padding:0 6px;border-radius:999px;background:#3b6fd4;color:#fff;font-size:10px;font-style:normal;font-weight:600;line-height:16px}.verloop-regel{margin:8px 0 0;font-size:13px;font-weight:400;color:var(--muted)}.verloop-regel .verloop{margin-right:4px}.skill-beoordeel-lijst{display:flex;flex-direction:column;gap:10px}.skill-beoordeel{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border:1px solid var(--border);border-radius:12px}.skill-beoordeel.gekozen{border-color:var(--app-light);background:#fbfefc}.skill-beoordeel-kop{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px}.skill-beoordeel-stand{display:inline-flex;align-items:center;gap:8px;margin-left:auto;font-size:12.5px;color:var(--muted)}.skill-beoordeel .verloop-regel{margin:0}.niveau-kiezer.compact .niveau-knop{min-width:64px;padding:5px 4px}button.linklike.matrix-naam{font-weight:600;text-align:left}.notities-paneel{display:flex;flex-direction:column;gap:10px}p.notities-sub{margin:0;font-size:13px}.notitie{padding:10px 0;border-top:1px solid var(--border)}.notitie-kop{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}.notitie-acties{margin-left:auto;display:inline-flex;gap:14px}.notitie-acties button.linklike{font-size:12.5px}button.linklike.gevaar{color:var(--danger)}.notitie-tekst{margin:4px 0 0;font-size:14px;white-space:pre-wrap}.notitie-invoer{display:flex;flex-direction:column;gap:8px;margin:6px 0;padding:12px;border:1px solid var(--border);border-radius:10px;background:#f8fafc}p.notitie-hint{margin:0;font-size:12px}.vraag-rol{margin-left:8px;font-weight:600}.vraag-label{font-size:13.5px;font-weight:600;color:var(--text)}.vraag-antwoord{margin-top:6px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#fff;font-size:14px;line-height:1.55;white-space:pre-wrap}.vraag-antwoord.leeg{color:var(--muted)}.vraag-antwoord.open{border-style:dashed;background:transparent;color:var(--muted);font-style:italic}.inline-form p.inline-form-uitleg{margin:-4px 0 0;font-size:13px}.antw-inline{background:#f8fafc;border:1px solid var(--border);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:18px}.antw-kop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:-6px;color:var(--muted);font-size:12.5px;font-weight:600}#print-root .antw-kop{display:none}button.tl-print{margin-left:auto}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--border);margin:4px 0 18px;flex-wrap:wrap}.tab{background:transparent;color:var(--muted);border:none;border-bottom:2px solid transparent;border-radius:0;padding:9px 12px;font-weight:600;font-size:14px}.tab:hover{background:transparent;color:var(--text)}.tab.active{color:var(--app-dark);border-bottom-color:var(--app)}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#14182873;display:grid;place-items:center;z-index:50;padding:20px}.modal{background:#fff;border-radius:16px;width:540px;max-width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px #0000004d}.modal.groot{width:min(920px,100%)}.modal.vol{width:min(1320px,96vw);max-height:94vh}.radar-groot{display:flex;flex-wrap:wrap;align-items:flex-start;gap:24px}.radar-groot-grafiek{flex:1 1 560px;min-width:0;display:flex;flex-direction:column;align-items:center}.radar-groot-tabel{flex:0 1 380px;min-width:280px}.radar-vergroot-knop{display:inline-flex;align-items:center;gap:5px}@media print{.radar-vergroot-knop{display:none}}.modal-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border);border-radius:16px 16px 0 0}.modal-head h3{font-size:17px;font-weight:600}.modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px 22px;display:flex;flex-direction:column;gap:14px}.modal-foot{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:16px 22px;border-top:1px solid var(--border);border-radius:0 0 16px 16px}.voet-links{display:inline-flex;align-items:center;gap:8px;margin-right:auto}.modal-x{background:none;color:var(--muted);padding:4px;line-height:0}.modal-x:hover{background:#f3f5f9;color:var(--text)}.veld-rij{display:flex;gap:8px;align-items:flex-start;padding:10px;border:1px solid var(--border);border-radius:10px;background:#f8fafc}.koppel-rij{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--border);border-radius:10px;background:#f8fafc}.koppel-rij select{padding:6px 9px;font-size:13px}.koppel-rij .functie-keuze{flex:1 1 auto;min-width:0}.koppel-rij .niveau-keuze{flex:0 0 auto;width:auto}.functie-chips{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.functie-chip{display:inline-block;padding:1px 8px;border-radius:999px;background:#f1f3f8;color:var(--muted);font-size:11.5px;font-weight:500;white-space:nowrap}.functie-chip.meer{background:transparent;color:var(--muted);font-weight:600;cursor:help}.veld-rij .num{font-weight:700;color:var(--muted);padding-top:9px}.veld-rij.rol-medewerker{border-left:3px solid var(--app-light)}.veld-rij.rol-leidinggevende{border-left:3px solid var(--indigo-light)}.tpl-vragen-kop{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:6px}fieldset.kaal{border:0;padding:0;margin:0;min-width:0;display:flex;flex-direction:column;gap:14px}fieldset.kaal:disabled input,fieldset.kaal:disabled select,fieldset.kaal:disabled textarea{background:#f8fafc;color:var(--text);opacity:1}.tpl-vast{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid #f3dcc0;border-radius:10px;background:#fffaf2;font-size:13.5px;line-height:1.5}.tpl-vast button{flex:0 0 auto}.tpl-vervang{align-items:flex-start;flex-wrap:nowrap;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#f8fafc;font-size:13.5px;font-weight:400;line-height:1.5}.tpl-vervang input{margin-top:3px}.tpl-voorbeeld{display:flex;flex-direction:column;gap:12px}.tpl-verwijder-ingang{display:flex;justify-content:flex-end;margin-top:10px;padding-top:12px;border-top:1px solid var(--border)}.tpl-verwijder{display:flex;flex-direction:column;gap:10px;margin-top:10px;padding:14px 16px;border:1px solid #f1c9c9;border-radius:10px;background:#fdf5f5;font-size:13.5px;line-height:1.5}.tpl-verwijder>strong:first-child{color:var(--danger)}.tpl-verwijder p{margin:0}.tab-aantal{display:inline-block;min-width:20px;margin-left:4px;padding:0 6px;border-radius:999px;background:#eef1f5;color:var(--muted);font-size:11.5px;font-weight:600;text-align:center}.tab.active .tab-aantal{background:var(--app-soft);color:var(--app-dark)}.keuze-opties{display:flex;flex-direction:column;gap:8px;margin-top:6px}.keuze-optie{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#fff;cursor:pointer;font-weight:400}.keuze-optie.gekozen{border-color:var(--app);background:var(--app-soft)}.keuze-optie input{width:auto;margin-top:3px}.keuze-optie>span{display:flex;flex-direction:column;gap:2px;font-size:13.5px;line-height:1.45}.keuze-optie strong{font-weight:600}.stap-dagen{gap:6px;font-size:13px;font-weight:500;flex-wrap:nowrap;white-space:nowrap}.stap-dagen input{width:70px}.stap-sub{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}.dash-welkom{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:-6px 0 16px}.dash-welkom p{margin:0}.segment{display:inline-flex;padding:3px;gap:2px;border:1px solid var(--border);border-radius:10px;background:#f8fafc}.segment button{background:transparent;color:var(--muted);padding:5px 11px;font-size:13px;border-radius:7px}.segment button:hover{background:#eef1f5;color:var(--text)}.segment button.actief{background:#fff;color:var(--app-dark);box-shadow:0 1px 2px #1418281f}.veld-toelichting{min-height:56px;font-size:13.5px}.veld-label-hint{font-size:11.5px;color:var(--muted);font-weight:500}.opmaakveld{margin-top:4px}.opmaak-balk{display:flex;gap:4px;flex-wrap:wrap;padding:4px;border:1px solid var(--border);border-bottom:none;border-radius:10px 10px 0 0;background:#f8fafc}.opmaak-balk button{padding:3px 9px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text);font-size:12.5px;font-weight:500}.opmaak-balk button:hover{border-color:var(--border);background:#fff}.opmaak-balk button.aan{border-color:var(--app-light);background:var(--app-soft);color:var(--app-dark)}.opmaak-invoer{padding:9px 11px;border:1px solid var(--border);border-radius:0 0 10px 10px;background:#fff;color:var(--text);font:inherit;font-weight:400;line-height:1.5;overflow-wrap:anywhere;cursor:text}.opmaak-invoer:focus{outline:none;border-color:var(--app);box-shadow:0 0 0 3px #1f9d5726}.opmaak-invoer:empty:before{content:attr(data-placeholder);color:var(--muted);pointer-events:none}.opmaak-invoer ul,.opmaak-invoer ol{margin:2px 0;padding-left:22px}.opmaakveld.uit .opmaak-invoer{background:#f8fafc;cursor:default}@media (max-width: 820px){.opmaak-invoer{font-size:16px}}.uitleg-print{display:none}.opgemaakt{white-space:normal}.opgemaakt p{margin:0 0 6px}.opgemaakt ul,.opgemaakt ol{margin:0 0 6px;padding-left:20px}.opgemaakt li+li{margin-top:2px}.opgemaakt>:last-child{margin-bottom:0}.afspraken-box .opgemaakt,.veld-weergave .opgemaakt,.vraag-antwoord .opgemaakt{font-size:14px}.team-bord{display:grid;grid-template-columns:repeat(auto-fill,minmax(272px,1fr));gap:14px;align-items:start}.team-blok{display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:0 1px 2px #14183c0a;transition:border-color .15s,box-shadow .15s,background .15s}.team-blok.sleep-actief{border-color:var(--app);background:var(--app-soft);box-shadow:0 0 0 3px #1f9d5726}.team-blok.zonder-team{background:#f8fafc;border-style:dashed}.team-kop{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.team-kop h4{font-size:15px;font-weight:600}.team-kop .muted{font-size:12px}.team-leider{display:block;font-size:11.5px;font-weight:600;color:var(--muted)}.team-leider select{margin-top:4px;padding:6px 9px;font-size:13px}.team-leden{display:flex;flex-direction:column;gap:7px;min-height:64px}.leeg-vak{margin:0;padding:16px 10px;border:1px dashed var(--border);border-radius:10px;text-align:center;color:var(--muted);font-size:12.5px}.omschrijving-kort{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.45;color:var(--muted);max-width:56ch}.skill-uitleg{margin:8px 0 0;padding:8px 11px;border:1px solid rgba(31,157,87,.22);border-left:3px solid var(--app-light);border-radius:10px;background:var(--app-soft);color:var(--text);font-size:12.5px;line-height:1.5;white-space:pre-wrap}button.info-tip{display:inline-grid;place-items:center;width:20px;height:20px;margin:-3px 0 -3px 3px;padding:0;border-radius:50%;background:transparent;color:#9aa3b2;vertical-align:middle;cursor:help}button.info-tip:hover,button.info-tip.open{background:var(--app-soft);color:var(--app-dark)}button.info-tip:active{transform:none}button.info-tip:focus-visible{outline:2px solid var(--app);outline-offset:1px}.info-tip-venster{position:fixed;z-index:70;width:max-content;max-width:min(340px,calc(100vw - 24px));padding:12px 14px 12px 15px;background:#fff;border:1px solid var(--border);border-left:3px solid var(--app-light);border-radius:12px;box-shadow:0 14px 36px #14183c29,0 2px 6px #14183c0f;color:var(--text);font-size:13px;font-weight:400;line-height:1.5;letter-spacing:normal;text-align:left;text-transform:none;white-space:normal;animation:info-tip-in .12s ease-out}.info-tip-venster.breed{max-width:min(460px,calc(100vw - 24px))}.info-tip-kop{margin-bottom:1px;color:var(--app-dark);font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.info-tip-titel{display:block;margin-bottom:4px;font-size:14px;font-weight:600}.info-tip-tekst{max-height:min(50vh,360px);overflow-y:auto;color:#404a59;white-space:pre-wrap}.info-tip-voet{margin-top:9px;padding-top:8px;border-top:1px solid #f0f2f6;color:var(--muted);font-size:12px}.info-tip-pijl{position:absolute;top:-7px;width:12px;height:12px;background:#fff;border-top:1px solid var(--border);border-left:1px solid var(--border);transform:translate(-50%) rotate(45deg)}.info-tip-venster.boven .info-tip-pijl{top:auto;bottom:-7px;border:0;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}@keyframes info-tip-in{0%{opacity:0;transform:translateY(-3px)}}@media (prefers-reduced-motion: reduce){.info-tip-venster{animation:none}}.import-vak{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px;border:1px dashed var(--border);border-radius:12px;background:#f8fafc}.import-uitslag{margin-top:14px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.import-lijst+.import-lijst{margin-top:10px}.import-lijst-kop{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:5px}.import-chips{display:flex;flex-wrap:wrap;gap:5px}.tijdlijn-toggle{display:inline-flex;align-items:center;gap:7px;margin-left:auto;padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:#f8fafc;font-size:12.5px;font-weight:600;color:var(--text);cursor:pointer;white-space:nowrap}.tijdlijn-toggle:hover{border-color:var(--app-light)}.tijdlijn-toggle input{width:auto;margin:0}.tijdlijn-toggle:has(input:checked){background:var(--app-soft);border-color:var(--app-light);color:var(--app-deep)}.sleep-balk{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:45;display:flex;align-items:center;gap:14px;max-width:min(1000px,calc(100vw - 40px));padding:16px 18px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 14px 40px #14183c33;animation:sleepbalk-op .16s ease-out}@keyframes sleepbalk-op{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.sleep-balk-naam{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;white-space:nowrap}.sleep-balk-doelen{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0}.sleep-doel{background:#f3f5f9;color:var(--text);border:1px dashed var(--border);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;white-space:nowrap;transition:background .12s,border-color .12s,transform .06s}.sleep-doel:hover:not(:disabled){background:var(--app-soft);border-color:var(--app-light);color:var(--app-deep)}.sleep-doel.actief{background:var(--app-soft);border:1px solid var(--app);color:var(--app-deep);transform:translateY(-2px);box-shadow:0 0 0 3px #1f9d5729}.sleep-doel.huidig,.sleep-doel:disabled{opacity:.45;cursor:default}.team-menu{position:relative;flex:0 0 auto}.team-menu-knop{background:transparent;color:var(--muted);border:none;border-radius:8px;padding:2px 8px;font-size:18px;line-height:1;font-weight:700}.team-menu-knop:hover{background:#f3f5f9;color:var(--text)}.team-menu-paneel{position:absolute;top:calc(100% + 4px);right:0;min-width:168px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 28px #14183c24;z-index:30}.team-menu-item{display:block;width:100%;text-align:left;background:transparent;color:var(--text);border-radius:7px;padding:8px 10px;font-size:13px;font-weight:500}.team-menu-item:hover{background:#f3f5f9}.team-menu-item.gevaar{color:var(--danger)}.team-menu-item.gevaar:hover{background:#fbe9e9}.rol-keuze{display:flex;flex-wrap:wrap;gap:5px}.rol-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px 3px 7px;border:1px solid var(--border);border-radius:999px;background:#fff;font-size:12px;font-weight:500;cursor:pointer}.rol-chip:hover{border-color:var(--app-light)}.rol-chip.aan{background:var(--app-soft);border-color:var(--app-light);color:var(--app-deep)}.rol-chip input{width:auto;margin:0}.rol-chip input:disabled{cursor:default}.leider-lijst{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:5px}.leider-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 5px 3px 9px;border:1px solid var(--border);border-radius:999px;background:#fff;font-size:12px;font-weight:500;color:var(--text)}.leider-chip.aan{background:var(--app-soft);border-color:var(--app-light);color:var(--app-deep)}.chip-x{background:transparent;color:inherit;opacity:.55;border:none;border-radius:999px;padding:0 4px;font-size:13px;line-height:1.2;font-weight:700}.chip-x:hover{background:#00000012;color:inherit;opacity:1}.leider-toevoegen{position:relative;display:inline-flex}.chip-plus{background:transparent;color:var(--app-dark);border:1px dashed var(--app-light);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.chip-plus:hover{background:var(--app-soft);color:var(--app-deep)}.leider-toevoegen .team-menu-paneel{max-height:220px;overflow-y:auto}.mw-kaart{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:#fff;cursor:grab;-webkit-user-select:none;user-select:none;transition:border-color .15s,box-shadow .15s,transform .05s}.mw-kaart:hover{border-color:var(--app-light);box-shadow:0 2px 8px #14183c12}.mw-kaart:active{cursor:grabbing;transform:translateY(1px)}.mw-kaart.opgepakt{border-color:var(--app);background:var(--app-soft);box-shadow:0 0 0 3px #1f9d5726}.mw-greep{color:#c3c9d4;font-size:13px;line-height:1;letter-spacing:-1px}.mw-info{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.25}.mw-info strong{font-size:13.5px;font-weight:600}.mw-info small{font-size:11.5px;color:var(--muted)}.melding-ok{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border:1px solid var(--app-light);border-radius:10px;background:var(--app-soft);color:var(--app-deep);font-size:13px;font-weight:500}.melding-info{margin-bottom:14px;padding:9px 12px;border:1px solid #ecd3b4;border-radius:10px;background:#fdf6ec;color:var(--warn);font-size:13px;font-weight:500}.tl-card.uitgelicht .tl-card-inner,.item.uitgelicht{border-color:var(--app);animation:uitlichten 2.4s ease-out}@keyframes uitlichten{0%,45%{box-shadow:0 0 0 4px var(--app-tint),0 6px 20px #14183c14}to{box-shadow:0 6px 20px #14183c14}}@media (prefers-reduced-motion: reduce){.tl-card.uitgelicht .tl-card-inner,.item.uitgelicht{animation:none}}.lijst-zoek{margin:-4px 0 12px;display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px}.lijst-zoek input[type=search]{max-width:380px}.lijst-oud{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;cursor:pointer}.lijst-oud input{width:auto;margin:0}.functie-cel{display:flex;align-items:center;justify-content:space-between;gap:8px}.functie-cel>button{flex-shrink:0}button.icoonknop.klein{width:26px;height:26px;border-radius:7px}.keuzelijst{display:flex;flex-direction:column;gap:4px;max-height:55vh;overflow-y:auto}button.keuze{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-weight:500;text-align:left}button.keuze:hover{background:#f3f5f9}button.keuze.gekozen{border-color:var(--app);background:var(--app-soft)}.lijst{display:flex;flex-direction:column;gap:10px}.item{border:1px solid var(--border);border-radius:12px;padding:13px 15px}.item-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.item-top strong{font-size:14px}.item p{margin:4px 0 0;font-size:14px;color:#404a59;white-space:pre-wrap}.idle-warn{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:9999;display:flex;gap:14px;align-items:center;background:#1b1f36;color:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 12px 34px #0006;font-size:14px}.idle-warn button{background:var(--app)}.onderbalk,.blad-achter,.blad,.topbar-titel,.alleen-mobiel{display:none}@media (max-width: 820px){body{overscroll-behavior-y:contain}.layout{height:auto;min-height:100svh}.app-body{display:block}.sidebar{display:none}.main{overflow:visible}.topbar{position:sticky;top:0;z-index:30;min-height:calc(56px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 4px 0 12px;gap:10px}.brand-link .brand-text{display:none}.brand-link svg{width:34px;height:34px}.topbar-titel{display:block;flex:1 1 auto;min-width:0;font-size:17px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-right{flex:0 0 auto;gap:8px}.topbar-right .org-badge{display:none}.topbar-right .notif-btn{width:44px;height:44px}.notif-wrap{position:static}.notif-panel{position:fixed;top:calc(60px + env(safe-area-inset-top,0px));left:8px;right:8px;width:auto;max-width:none;max-height:calc(100dvh - 60px - var(--onderbalk-h) - 24px)}.page-title{display:none}.content{padding:14px 12px calc(var(--onderbalk-h) + 20px)}.card{padding:16px 14px;margin-bottom:14px}.card-head{flex-wrap:wrap;gap:8px}.radar-grid{grid-template-columns:minmax(0,1fr)}.dash-toolbar{padding:12px}.dash-filters{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;width:100%}.dash-filter{display:grid;grid-template-columns:96px minmax(0,1fr)}.dash-filter select{width:100%;min-width:0}.statcards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.statcard{padding:12px 12px 12px 13px}.statcard .label{font-size:10.5px;letter-spacing:.03em}.statcard .value{font-size:26px}.alleen-mobiel{display:block}.verberg-mobiel{display:none}input,select,textarea{font-size:16px}.modal-bg{place-items:end stretch;padding:0}.modal,.modal.groot,.modal.vol{width:100%;max-width:100%;max-height:92dvh;border-radius:16px 16px 0 0}.modal-head{padding:14px 14px 12px}.modal-body{padding:16px 14px}.modal-foot{flex-wrap:wrap;padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px))}.modal-body .row>.field{flex:1 1 100%!important;min-width:0}.idle-warn{bottom:calc(var(--onderbalk-h) + 12px);width:calc(100% - 24px);flex-wrap:wrap}.sleep-balk{bottom:calc(var(--onderbalk-h) + 10px)}.tl-skills li{grid-template-columns:minmax(0,1fr) auto;row-gap:1px}.tl-skills .dots{display:none}.tl-skill-naam{white-space:normal}.tl-skill-niveau{grid-column:1}.tl-compose{flex-wrap:nowrap;overflow-x:auto;padding:10px 12px;margin-bottom:14px;scrollbar-width:none}.tl-compose::-webkit-scrollbar{display:none}.tl-compose-label{display:none}.tl-compose>button{flex:0 0 auto}.tl-compose>button:not(.ghost){order:-1}.tl-head{flex-wrap:wrap;row-gap:8px}.tl-head>.grow{flex:1 1 0;min-width:0}.tl-head>.tl-cta,.tl-head>.badge{order:3;white-space:normal}.tl-head:has(>.tl-cta,>.badge):after{content:"";order:2;flex-basis:100%;height:0}button.sm{min-height:36px;padding:7px 12px}button.icoon,.team-menu-knop{min-width:36px;min-height:36px}.chip-x{min-width:26px;min-height:26px}button.info-tip{width:30px;height:30px;margin:-7px -3px -7px 0}button.linklike{padding:7px 0}.statcard .label,.matrix-gewenst{font-size:11px}.tabel-scroll>table.grid:not(.lijst-mobiel):has(th:nth-child(4)){min-width:560px}.niveau-kiezer{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.niveau-knop{min-width:0;padding:9px 2px}.niveau-knop span{font-size:10px}table.matrix th{white-space:normal;min-width:96px}table.matrix td:first-child{max-width:124px}table.lijst-mobiel,table.lijst-mobiel tbody{display:block}table.lijst-mobiel thead{display:none}table.lijst-mobiel tr{display:flex;align-items:center;gap:10px;padding:11px 2px;border-bottom:1px solid var(--border)}table.lijst-mobiel td{display:block;padding:0;border:0}table.lijst-mobiel td.verberg-mobiel{display:none}table.lijst-mobiel td:first-child{flex:1 1 auto;min-width:0}table.lijst-mobiel tr.klikbaar:after{content:"›";flex:0 0 auto;margin-left:-2px;color:var(--muted);font-size:20px;line-height:1}.mobiel-sub{margin-top:2px;color:var(--muted);font-size:12.5px}.onderbalk{position:fixed;left:0;right:0;bottom:0;z-index:35;height:var(--onderbalk-h);display:grid;grid-template-columns:repeat(5,1fr);padding:4px 2px calc(5px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--border)}.onderbalk button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;padding:2px 0;border:0;border-radius:10px;background:none;color:var(--muted);font-size:10px;font-weight:600;white-space:nowrap}.onderbalk-label{max-width:100%;padding:0 2px;overflow:hidden;text-overflow:ellipsis}.onderbalk button:hover{background:none}.onderbalk button.on{color:var(--app-deep)}.onderbalk-ico{position:relative;display:inline-flex;padding:3px 14px;border-radius:999px}.onderbalk button.on .onderbalk-ico{background:var(--app-tint)}.onderbalk-badge{position:absolute;top:-3px;right:4px;min-width:17px;height:17px;padding:0 5px;border-radius:999px;background:var(--danger);color:#fff;font-size:10.5px;line-height:17px;text-align:center;box-shadow:0 0 0 2px var(--surface)}.blad-achter{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#14182859}.blad{display:block;position:fixed;left:0;right:0;bottom:0;z-index:41;max-height:80dvh;overflow-y:auto;padding:10px 14px calc(16px + env(safe-area-inset-bottom,0px));background:var(--surface);border-radius:16px 16px 0 0;box-shadow:0 -8px 26px #14183c29}.blad-greep{width:36px;height:4px;margin:0 auto 10px;border-radius:999px;background:var(--border)}.blad-kop{margin:16px 2px 2px;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.blad-lijst{display:flex;flex-direction:column}.blad-lijst button{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:0 4px;border:0;border-bottom:1px solid #f0f2f6;border-radius:0;background:none;color:var(--text);font-size:15px;font-weight:500;text-align:left}.blad-lijst button:hover{background:none}.blad-lijst button.on{color:var(--app-deep);font-weight:600}.blad-ico{display:inline-flex;color:var(--muted)}.blad-lijst button.on .blad-ico{color:var(--app-deep)}.blad-txt{flex:1 1 auto}.blad-pijl,.blad-lijst-uit button{color:var(--muted)}.blad-profiel{display:flex;flex-direction:column;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.blad .side-persoon{padding:0 2px}.blad button.side-uitlog{width:44px;height:44px}.blad .versie-regel{margin-top:12px}}@supports (-webkit-touch-callout: none){@media (max-width: 820px){:root{--onderbalk-h: calc(70px + env(safe-area-inset-bottom, 0px)) }.onderbalk{left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom,0px));height:60px;padding:4px 2px;border:1px solid rgba(255,255,255,.6);border-radius:30px;background:#ffffffc2;-webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px);box-shadow:0 8px 30px #14183c29,0 1px 2px #14183c0f}}}#print-root{display:none}@media print{body.print-selectie>*:not(#print-root){display:none!important}body.print-selectie{background:#fff}body.print-selectie #print-root{display:block;color:#111;font-size:12pt}#print-root .print-titel{margin:0 0 2px;font-size:18pt;font-weight:600}#print-root .print-sub{margin:0 0 14pt;color:#555;font-size:10pt}#print-root button,#print-root .tl-compose,#print-root .tl-chevron,#print-root .inline-form,#print-root .print-verberg{display:none!important}#print-root .uitleg-print{display:block;margin:2pt 0 4pt;color:#444;font-size:10pt;font-weight:400}#print-root .tl-card,#print-root .vraag-weergave{break-inside:avoid;box-shadow:none}#print-root .vraag-antwoord{border-color:#bbb}}.reacties,.visie-blok{display:flex;flex-direction:column;gap:8px}.reacties h4,.visie-blok h4{margin:0;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.reactie{background:#f5f3ff;border:1px solid #e4defa;border-left:3px solid #7c5cd6;border-radius:10px;padding:8px 12px}.reactie-kop{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--muted)}.reactie-kop button.linklike{font-size:12.5px}.reactie-tekst{margin:4px 0 0;font-size:14px;white-space:pre-wrap}.visie-blok{background:#f8fafc;border:1px solid var(--border);border-left:3px solid #7c5cd6;border-radius:10px;padding:10px 14px;align-items:flex-start}.visie-blok.invullen{align-items:stretch;background:#f5f3ff}.historie{font-size:13px}button.linklike.historie-knop{font-size:12.5px;color:var(--muted)}.historie-lijst{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.historie-lijst li{padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:#fff}.historie-waarden{margin:4px 0 2px;white-space:pre-wrap;word-break:break-word}.historie-oud{color:var(--muted);text-decoration:line-through}.historie-nieuw{color:var(--text)}.historie-wie{font-size:12px}.stuk-acties{display:flex;flex-wrap:wrap;gap:14px;font-size:13px}.stuk-acties button.linklike{font-size:13px}@media print{#print-root .historie-lijst li{break-inside:avoid}}.tl-rechten{display:flex;flex-direction:column;gap:8px;margin-top:10px}.tl-rechten:empty{display:none}