:root{--night:#17172f;--night2:#242449;--paper:#f7f3eb;--white:#fffdf8;--ink:#1b1b2d;--muted:#6f6d7a;--line:#dfd9ce;--orange:#ff7043;--yellow:#ffd84d;--blue:#6677ff;--mint:#70d7ae;--lilac:#c4b3ff;--radius:24px;--shadow:0 18px 55px rgba(31,28,57,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 Inter,"Segoe UI",Arial,sans-serif}.appbar{position:sticky;z-index:50;top:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;min-height:84px;padding:14px clamp(18px,4vw,58px);background:rgba(247,243,235,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font-weight:900;font-size:1.08rem;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:15px 5px 15px 15px;background:var(--orange);color:#fff;font-size:.72rem;transform:rotate(-4deg)}.mainnav{display:flex;justify-content:center;gap:4px}.mainnav a{padding:10px 13px;border-radius:999px;color:var(--muted);text-decoration:none;font-weight:750;font-size:.78rem;white-space:nowrap}.mainnav a:hover,.mainnav a.active{background:var(--night);color:#fff}.account{display:flex;align-items:center;gap:10px}.account-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--yellow);font-weight:900}.account strong,.account small{display:block}.account small{color:var(--muted);font-size:.7rem}.workspace{width:min(1480px,100%);margin:auto;padding:clamp(30px,5vw,72px) clamp(18px,4vw,58px) 150px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:32px}.overline{margin:0 0 8px;color:var(--orange);font-size:.67rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.page-head h1{max-width:850px;margin:0;font-size:clamp(2.7rem,5.8vw,6.4rem);line-height:.91;letter-spacing:-.065em}.page-head p:not(.overline){max-width:590px;margin:16px 0 0;color:var(--muted);font-size:1.02rem}.primary,.secondary,.icon-button{border:0;border-radius:999px;padding:13px 18px;font:inherit;font-weight:850;cursor:pointer}.primary{background:var(--night);color:#fff}.primary:hover{background:var(--orange)}.secondary{background:var(--white);color:var(--ink);border:1px solid var(--line)}.icon-button{width:43px;height:43px;padding:0}.dashboard-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.65fr);gap:20px}.focus-card{position:relative;min-height:430px;padding:clamp(28px,5vw,64px);overflow:hidden;border-radius:36px;background:var(--night);color:#fff}.focus-card:before,.focus-card:after{content:"";position:absolute;border-radius:50%;border:1px solid #ffffff1f}.focus-card:before{width:420px;height:420px;right:-105px;top:-115px}.focus-card:after{width:250px;height:250px;right:-20px;top:-30px}.focus-card h2{position:relative;z-index:2;max-width:720px;margin:10px 0 28px;font-size:clamp(2.6rem,5vw,5.5rem);line-height:.94;letter-spacing:-.06em}.focus-card p{position:relative;z-index:2;max-width:600px;color:#cfcee0}.focus-meta{position:absolute;z-index:2;left:clamp(28px,5vw,64px);right:clamp(28px,5vw,64px);bottom:34px;display:flex;justify-content:space-between;gap:18px}.focus-meta span{font-size:.74rem;color:#cfcee0}.focus-orbit{position:absolute;right:95px;bottom:55px;width:145px;height:145px;border:2px solid var(--orange);border-radius:50%;animation:orbit 15s linear infinite}.focus-orbit:after{content:"";position:absolute;width:28px;height:28px;right:7px;top:9px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 12px #ffd84d22}@keyframes orbit{to{transform:rotate(360deg)}}.pulse-card{display:flex;flex-direction:column;justify-content:space-between;padding:28px;border-radius:36px;background:var(--yellow)}.pulse-card h2{font-size:2rem;line-height:1;margin:.25em 0}.pulse-card p{color:#544c22}.moods{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:26px 0}.mood{display:grid;place-items:center;aspect-ratio:1;border:0;border-radius:16px;background:#fff8;cursor:pointer;font-size:1.35rem}.mood:hover,.mood.active{background:var(--night);color:#fff;transform:translateY(-3px)}.pulse-result{min-height:24px;font-weight:800}.bento{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:20px;margin-top:20px}.tile{padding:26px;border-radius:var(--radius);background:var(--white);border:1px solid var(--line);box-shadow:0 5px 20px rgba(31,28,57,.03)}.tile.lilac{background:var(--lilac);border:0}.tile.mint{background:var(--mint);border:0}.tile.orange{background:var(--orange);color:#fff;border:0}.tile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:20px}.tile-head h2,.tile h2{margin:0;font-size:1.35rem}.tile-head a{color:inherit;font-size:.75rem;font-weight:850}.conversation{display:grid;grid-template-columns:58px 1fr auto;gap:14px;align-items:center;padding:15px 0;border-top:1px solid #1b1b2d1a}.datebox{display:grid;place-items:center;width:54px;height:58px;border-radius:16px;background:var(--night);color:#fff}.datebox strong,.datebox small{display:block}.datebox strong{font-size:1.25rem}.conversation small,.person-card small{color:var(--muted)}.pill{display:inline-flex;padding:6px 9px;border-radius:99px;background:#ffffff80;font-size:.66rem;font-weight:850}.task-list{display:grid;gap:10px}.task{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:12px;border-radius:14px;background:#fff7;cursor:pointer}.task input{margin-top:4px;accent-color:var(--night)}.task.done span{text-decoration:line-through;opacity:.55}.mini-bars{display:grid;gap:14px;margin-top:18px}.mini-bars span{display:grid;grid-template-columns:95px 1fr 34px;gap:9px;align-items:center;font-size:.75rem}.mini-bars i{height:8px;border-radius:99px;background:#ffffff80;overflow:hidden}.mini-bars b{display:block;height:100%;border-radius:99px;background:var(--night)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.search{display:flex;align-items:center;gap:10px;width:min(520px,100%);padding:0 16px;border:1px solid var(--line);border-radius:999px;background:var(--white)}.search input{width:100%;height:48px;border:0;outline:0;background:transparent;font:inherit}.filter-row{display:flex;gap:8px}.filter-row button{padding:10px 13px;border:1px solid var(--line);border-radius:999px;background:transparent;cursor:pointer}.filter-row button.active{background:var(--night);color:#fff}.people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.person-card{position:relative;min-height:300px;padding:25px;border-radius:30px;overflow:hidden;background:var(--white);border:1px solid var(--line)}.person-card:nth-child(3n+1){background:#e8e1ff}.person-card:nth-child(3n+2){background:#dff7ed}.person-card:nth-child(3n){background:#ffe1d7}.person-avatar{display:grid;place-items:center;width:78px;height:78px;border-radius:25px 25px 8px 25px;background:var(--night);color:#fff;font-size:1.55rem;font-weight:900}.person-card h2{margin:25px 0 3px}.skills{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.skills span{padding:6px 9px;border-radius:999px;background:#fff8;font-size:.68rem;font-weight:750}.person-bottom{position:absolute;left:25px;right:25px;bottom:22px;display:flex;justify-content:space-between;align-items:center}.signal{display:flex;align-items:center;gap:7px;font-size:.72rem;font-weight:800}.signal:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px #70d7ae33}.conversation-board{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.board-column{padding:14px;border-radius:28px;background:#ebe6dc}.board-column>h2{padding:4px 8px;font-size:1rem}.meeting-card{margin-top:10px;padding:20px;border-radius:20px;background:var(--white);box-shadow:0 8px 25px #2523440b}.meeting-card .person-avatar{width:42px;height:42px;border-radius:13px;font-size:.85rem}.meeting-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.meeting-card h3{margin:18px 0 6px}.meeting-card p{color:var(--muted);font-size:.82rem}.goal-map{display:grid;gap:18px}.goal-card{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:20px;align-items:center;padding:22px;border:1px solid var(--line);border-radius:24px;background:var(--white)}.goal-index{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:var(--night);color:#fff;font-size:1.15rem;font-weight:900}.goal-card h2{margin:0}.progress{height:9px;margin-top:12px;border-radius:99px;background:#e8e3da;overflow:hidden}.progress b{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--orange));transition:width .3s}.goal-actions{display:grid;justify-items:end;gap:7px}.goal-actions strong{font-size:1.2rem}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.template{display:flex;flex-direction:column;min-height:330px;padding:26px;border-radius:30px;background:var(--white);border:1px solid var(--line)}.template:nth-child(3n+1){border-top:8px solid var(--blue)}.template:nth-child(3n+2){border-top:8px solid var(--orange)}.template:nth-child(3n){border-top:8px solid var(--mint)}.template-number{font-size:3.8rem;line-height:1;font-weight:900;color:#1b1b2d17}.template h2{margin:18px 0 8px}.template p{color:var(--muted)}.template footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.audit-shell{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px}.timeline{position:relative;padding:6px 0 6px 34px}.timeline:before{content:"";position:absolute;left:10px;top:10px;bottom:10px;width:2px;background:var(--line)}.event{position:relative;padding:0 0 28px}.event:before{content:"";position:absolute;left:-31px;top:5px;width:13px;height:13px;border-radius:50%;background:var(--orange);border:4px solid var(--paper)}.event time{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.event h3{margin:5px 0}.privacy-card{position:sticky;top:112px;align-self:start;padding:28px;border-radius:28px;background:var(--night);color:#fff}.privacy-card p{color:#cfcee0}.privacy-list{display:grid;gap:12px;margin-top:25px}.privacy-list span{display:flex;gap:10px;font-size:.82rem}.privacy-list span:before{content:"✓";color:var(--yellow);font-weight:900}.empty{padding:30px;text-align:center;color:var(--muted)}.modal{position:fixed;z-index:400;inset:0;display:none;place-items:center;padding:18px;background:#10101fbb}.modal.open{display:grid}.modal form{position:relative;width:min(620px,100%);max-height:90vh;overflow:auto;padding:30px;border-radius:28px;background:var(--paper);box-shadow:0 30px 100px #0006}.modal h2{margin:0 0 20px;font-size:2rem}.close{position:absolute;right:18px;top:18px;width:38px;height:38px;border:0;border-radius:50%;background:#e8e2d7;cursor:pointer}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fields label{display:grid;gap:6px;font-size:.75rem;font-weight:800}.fields label.wide{grid-column:1/-1}.fields input,.fields select,.fields textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--white);font:inherit}.modal-actions{display:flex;gap:9px;margin-top:20px}.toast{position:fixed;z-index:500;right:24px;bottom:96px;padding:13px 17px;border-radius:13px;background:var(--night);color:#fff;opacity:0;transform:translateY(10px);transition:.2s}.toast.show{opacity:1;transform:none}.vs-demo-notice{position:fixed;z-index:300;left:0;right:0;bottom:0;min-height:70px;padding:11px clamp(16px,3vw,40px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:#111125;color:#fff;border-top:2px solid var(--orange);box-shadow:0 -10px 35px #0003}.vs-demo-notice p{display:flex;align-items:center;gap:13px;margin:0}.vs-demo-notice p strong{color:var(--yellow)}.vs-demo-notice p span{color:#cfcee0;font-size:.82rem}.vs-demo-notice nav{display:flex;gap:8px}.vs-demo-notice a{padding:9px 13px;border:1px solid #ffffff45;border-radius:999px;color:#fff;text-decoration:none;font-size:.76rem;font-weight:850}.vs-demo-notice a.primary-link{background:var(--orange);border-color:var(--orange)}@media(max-width:1100px){.mainnav{justify-content:flex-start;overflow:auto}.account>div{display:none}.dashboard-hero,.audit-shell{grid-template-columns:1fr}.pulse-card{min-height:310px}.bento{grid-template-columns:1fr 1fr}.bento>:first-child{grid-column:1/-1}.people-grid,.template-grid{grid-template-columns:1fr 1fr}.conversation-board{grid-template-columns:1fr}.privacy-card{position:static}}@media(max-width:720px){.appbar{grid-template-columns:1fr auto;gap:10px;padding:12px 16px}.mainnav{grid-column:1/-1;grid-row:2;order:3}.mainnav a{background:#ebe6dc}.workspace{padding:32px 16px 145px}.page-head{align-items:flex-start;flex-direction:column}.page-head h1{font-size:3.2rem}.dashboard-hero{display:block}.pulse-card{margin-top:14px}.focus-card{min-height:490px;padding:28px}.focus-meta{left:28px;right:28px}.focus-orbit{right:-30px}.bento,.people-grid,.template-grid{grid-template-columns:1fr}.bento>:first-child{grid-column:auto}.toolbar{align-items:stretch;flex-direction:column}.filter-row{overflow:auto}.goal-card{grid-template-columns:52px 1fr}.goal-index{width:50px;height:50px}.goal-actions{grid-column:2;justify-items:start}.fields{grid-template-columns:1fr}.fields label.wide{grid-column:auto}.vs-demo-notice{align-items:stretch;flex-direction:column;gap:8px}.vs-demo-notice p{align-items:flex-start;flex-direction:column;gap:2px}.vs-demo-notice nav{display:grid;grid-template-columns:1fr 1fr 1.2fr}.vs-demo-notice a{text-align:center}.toast{left:15px;right:15px;bottom:140px}}

/* v49: gestandaardiseerde Viggo Studio-demobalk */
.vs-demo-notice{z-index:999;min-height:70px;padding:11px clamp(16px,3vw,40px);gap:20px;background:#0c1f17;color:#fff;border-top:2px solid #c8ff5c;font-family:Arial,sans-serif}.vs-demo-notice p{gap:13px}.vs-demo-notice p strong{color:#d9ff70}.vs-demo-notice p span{color:#cbd6cf;font-size:.82rem}.vs-demo-notice nav{gap:8px}.vs-demo-notice a{padding:9px 13px;border:1px solid #ffffff45;border-radius:7px;color:#fff;font-size:.82rem;font-weight:800}.vs-demo-notice a.primary-link{background:#d9ff70;border-color:#d9ff70;color:#10271e}
@media(max-width:760px){.vs-demo-notice{align-items:stretch;flex-direction:column;gap:9px}.vs-demo-notice p{align-items:flex-start;flex-direction:column;gap:2px}.vs-demo-notice nav{display:grid;grid-template-columns:1fr 1fr 1.2fr}.vs-demo-notice a{text-align:center;padding:8px}}
/* v50: detail polish for dashboard, team and conversation board */
.conversation strong,.conversation small{display:block}.conversation small{margin-top:4px;line-height:1.45}.conversation>div{min-width:0}.conversation{gap:16px;padding-block:18px}
.person-bottom a,.meeting-card>a{display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:10px 14px;border:0;border-radius:12px;background:var(--night);color:#fff;text-decoration:none;font-size:.74rem;font-weight:850;line-height:1;transition:transform .18s ease,background .18s ease}.person-bottom a:hover,.meeting-card>a:hover{background:var(--orange);transform:translateY(-2px)}
.conversation-board{align-items:stretch}.board-column{display:grid;grid-template-rows:auto repeat(2,minmax(220px,1fr));align-content:start}.meeting-card{display:flex;flex-direction:column;height:100%;box-sizing:border-box}.meeting-card>p{line-height:1.55}.meeting-card>.secondary,.meeting-card>a,.meeting-card>.pill{align-self:flex-start;margin-top:auto}
@media(max-width:1100px){.board-column{grid-template-rows:auto}.meeting-card{min-height:220px}}
/* v51: meer ruimte en een consequente actieregel op het gesprekkenbord */
.conversation-board{gap:22px}.board-column{gap:14px;padding:18px}.board-column>h2{margin:0;padding:2px 8px 6px}.meeting-card{min-height:230px;margin-top:0;padding:22px}.meeting-card>.secondary,.meeting-card>a{min-height:40px;padding:11px 15px}.meeting-card>.pill{gap:7px;padding:9px 12px;background:#eee9df;border:1px solid #ddd6ca;color:var(--ink);font-size:.7rem}.meeting-card>.pill:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(112,215,174,.18)}
@media(max-width:1100px){.conversation-board{gap:18px}.board-column{gap:14px}.meeting-card{min-height:220px}}