@font-face{font-family:Archivo;src:url(/projecthub-ian/fonts/Archivo-Regular.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Archivo;src:url(/projecthub-ian/fonts/Archivo-Medium.ttf)format("truetype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Archivo;src:url(/projecthub-ian/fonts/Archivo-SemiBold.ttf)format("truetype");font-style:normal;font-weight:600 800;font-display:swap}:root{color:#111319;font-synthesis:none;text-rendering:optimizelegibility;--canvas:#fff;--sidebar:#f7f8fa;--panel:#f7f8fa;--line:#dae1e9;--line-strong:#c7d1dc;--text:#111319;--muted:#394351;--subtle:#66778f;--accent:#0366d6;--accent-soft:#edf5ff;--accent-hover:#0255b3;--success:#168f54;--success-soft:#edf8f2;--decision:#5b55c7;--decision-soft:#f1f0ff;--conflict:#b65f16;--conflict-soft:#fff5e8;--blocked:#c23b44;--blocked-soft:#fff0f1;--warning:#f08a24;--radius:8px;--shadow-panel:0 10px 30px #11131914;background:#fff;font-family:Archivo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}*{box-sizing:border-box}html{background:var(--canvas)}html,body,#root{width:100%;min-width:320px;min-height:100%}body{min-height:100vh;margin:0;overflow:hidden}button,a,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,main:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{background:var(--canvas);width:100%;height:100vh;min-height:42rem;margin:0;overflow:hidden}.skip-link{z-index:10;color:#fff;background:var(--text);border-radius:6px;padding:.55rem .8rem;position:fixed;top:.75rem;left:1rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.app-header{background:var(--canvas);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;height:72px;padding:.85rem clamp(1rem,2vw,1.75rem);display:flex}.workspace-title,.header-status{align-items:center;gap:.75rem;min-width:0;display:flex}.workspace-mark{color:#fff;background:var(--accent);border-radius:9px;flex:none;place-items:center;width:36px;height:36px;font-weight:750;display:grid;box-shadow:inset 0 0 0 1px #ffffff2e}.status-dot{background:var(--success);border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 3px #2f7d5a1c}h1,h2,h3,h4,h5,p{margin-top:0}h1,h2,h3,h4,h5{color:var(--text);letter-spacing:-.015em;line-height:1.25}h1{margin:0;font-size:1.15rem}h2{margin-bottom:.4rem;font-size:clamp(1.45rem,2vw,1.85rem)}h3{margin-bottom:.55rem;font-size:1rem}h4,h5{margin-bottom:.45rem;font-size:.95rem}.eyebrow{color:var(--subtle);letter-spacing:.055em;text-transform:uppercase;margin-bottom:.2rem;font-size:.72rem;font-weight:700}.refresh-note,.muted,.card-source,.selection-note{color:var(--muted);font-size:.86rem}.refresh-note{text-align:right;margin:0}.shell-layout{grid-template-columns:clamp(13rem,16vw,16rem) minmax(18rem,1fr);align-items:stretch;height:calc(100vh - 72px);min-height:0;display:grid}.detail-is-open .shell-layout{grid-template-columns:clamp(13rem, 16vw, 16rem) minmax(18rem, 1fr) min(var(--detail-width), 62vw)}.primary-nav{z-index:1;scrollbar-width:none;background:var(--sidebar);border-right:1px solid var(--line);height:100%;padding:1.3rem .85rem;position:relative;overflow-y:auto;box-shadow:8px 0 22px #11131908}.primary-nav>.eyebrow{padding:0 .65rem .65rem}.primary-nav-list,.project-nav-list{margin:0;padding:0;list-style:none}.primary-nav-list{gap:.15rem;display:grid}.primary-nav a{color:#55555d;border-radius:6px;align-items:center;gap:.7rem;min-height:38px;padding:.48rem .65rem;text-decoration:none;transition:color .1s,background .1s;display:flex}.nav-icon{width:18px;height:18px;color:var(--subtle);flex:none}.primary-nav a:hover{color:var(--text);background:#edf2f7}.primary-nav a[aria-current=page]{color:var(--text);background:#e5edf6;font-weight:600}.primary-nav a[aria-current=page] .nav-icon{color:var(--accent)}.primary-nav-projects>.project-nav-list{border-left:1px solid var(--line-strong);gap:.12rem;margin:.2rem 0 .55rem 1.15rem;padding-left:.45rem;display:grid}.project-nav-list a{min-height:34px;padding:.4rem .45rem;font-size:.82rem}.project-nav-list a[aria-current=page]{background:#fff;box-shadow:0 1px 3px #11131914}.project-nav-dot{background:var(--accent);border-radius:3px;flex:none;width:8px;height:8px}.project-nav-dot-violet{background:var(--decision)}.project-nav-dot-orange{background:var(--warning)}.project-nav-dot-green{background:var(--success)}.primary-nav::-webkit-scrollbar{display:none}main::-webkit-scrollbar{display:none}.detail-pane::-webkit-scrollbar{display:none}main,.detail-pane{min-width:0}main{scrollbar-width:none;background:var(--canvas);height:100%;padding:clamp(1.5rem,3vw,3rem);overflow-y:auto}.screen-content{width:100%;max-width:none;margin:0}.screen-content>section{margin-top:2rem}.screen-content>section+section{border-top:1px solid var(--line);padding-top:1.7rem}.screen-heading-row{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1.6rem;display:flex}.lede{max-width:42rem;color:var(--muted);font-size:.98rem}.card-stack{gap:.65rem;display:grid}.calm-card{width:100%;color:inherit;text-align:left;background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius);padding:.95rem 1rem;display:block;box-shadow:0 1px 2px #1c1c2308}.calm-card-action{transition:border-color .1s,box-shadow .1s,transform .1s}.calm-card-action:hover{border-color:#c9c6e9;transform:translateY(-1px);box-shadow:0 4px 14px #1c1c2312}.card-heading{align-items:baseline;gap:.65rem;display:flex}.card-heading h3,.card-heading h4,.card-heading h5{flex:1;margin-bottom:.35rem}.card-state{color:var(--muted);white-space:nowrap;background:#f1f3f6;border-radius:999px;flex:none;order:2;padding:.12rem .45rem;font-size:.7rem;font-weight:700}.card-state[data-tone=success]{color:var(--success);background:var(--success-soft)}.card-state[data-tone=decision]{color:var(--decision);background:var(--decision-soft)}.card-state[data-tone=conflict]{color:var(--conflict);background:var(--conflict-soft)}.card-state[data-tone=blocked]{color:var(--blocked);background:var(--blocked-soft)}.card-summary{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.75rem;display:-webkit-box;overflow:hidden}.card-meta,.detail-facts,.comparison-list{flex-wrap:wrap;gap:.65rem 1.3rem;margin:.8rem 0;display:flex}.card-meta div,.detail-facts div,.comparison-list div{min-width:6.5rem}.card-meta dt,.detail-facts dt,.comparison-list dt{color:var(--subtle);text-transform:uppercase;font-size:.7rem;font-weight:700}.card-meta dd,.detail-facts dd,.comparison-list dd{margin:.1rem 0 0}.card-source{border-top:1px solid #f0f0f2;margin-bottom:0;padding-top:.6rem}.detail-pane{scrollbar-width:none;background:var(--panel);border-left:1px solid var(--line-strong);height:100%;padding:clamp(1.2rem,2vw,2rem);animation:.18s ease-out detail-slide-in;position:relative;overflow-y:auto;box-shadow:-14px 0 32px #11131912}@keyframes detail-slide-in{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}.detail-resize-handle{z-index:2;cursor:col-resize;touch-action:none;width:10px;position:absolute;inset:0 auto 0 -5px}.detail-resize-handle:after{content:"";background:var(--line-strong);border-radius:2px;width:2px;height:3.5rem;position:absolute;top:44%;left:4px}.detail-header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.detail-header .eyebrow{margin-bottom:0}.detail-content{background:var(--canvas);border:1px solid var(--line);box-shadow:var(--shadow-panel);border-radius:10px;margin-top:1.25rem;padding:clamp(1rem,1.8vw,1.4rem)}.detail-content h2{margin-bottom:1.2rem;font-size:clamp(1.3rem,2vw,1.7rem)}.detail-body{gap:.4rem;display:grid}.detail-primary-action,.detail-task-summary{margin-bottom:.8rem}.detail-primary-action{background:var(--accent-soft);border-radius:var(--radius);border:1px solid #cfe3fa;padding:1rem}.detail-primary-action h3{margin-bottom:.45rem;font-size:1.15rem}.detail-primary-action p:last-child{color:var(--muted);margin-bottom:0}.detail-facts-secondary{color:var(--muted)}.detail-body p{margin-bottom:.45rem}.task-detail{gap:.9rem}.task-detail .detail-primary-action{margin-bottom:0}.task-detail-summary{max-width:44ch;font-size:.98rem;line-height:1.55}.task-detail-section{border-top:1px solid var(--line);padding-top:1rem}.task-detail-section h4{margin-bottom:.45rem;font-size:.9rem}.task-detail-section p{color:var(--muted);line-height:1.6}.task-detail-next{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1rem}.task-detail-next p:last-child{color:var(--text);margin-bottom:0}.task-detail-actions{flex-wrap:wrap;gap:.6rem;display:flex}.task-block-reason{color:var(--blocked);background:var(--blocked-soft);border-radius:var(--radius);padding:.8rem}.decision-form{border-top:1px solid var(--line);gap:.9rem;padding-top:1rem;display:grid}.decision-form fieldset{border:0;min-width:0;margin:0;padding:0}.decision-form legend{color:var(--text);font-size:1rem;font-weight:700;line-height:1.4}.decision-help{color:var(--muted);font-size:.84rem;margin:.35rem 0 .8rem!important}.decision-options{border-top:1px solid var(--line);display:grid}.decision-option{color:var(--text);border-bottom:1px solid var(--line);cursor:pointer;grid-template-columns:auto 1.75rem minmax(0,1fr) auto;align-items:start;gap:.65rem;padding:.8rem 0;display:grid}.decision-option:hover{background:var(--panel)}.decision-option:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.decision-option input{width:1rem;height:1rem;accent-color:var(--accent);margin:.2rem 0 0}.decision-letter{width:1.7rem;height:1.7rem;color:var(--accent);background:var(--accent-soft);border-radius:6px;place-items:center;font-size:.78rem;font-weight:750;display:grid}.decision-copy{gap:.2rem;min-width:0;line-height:1.35;display:grid}.decision-copy strong{font-size:.88rem}.decision-copy small{color:var(--muted);font-size:.78rem}.decision-advice{color:var(--accent);background:var(--accent-soft);border-radius:999px;margin-top:.1rem;padding:.18rem .45rem;font-size:.68rem;font-weight:700}.decision-own-answer{color:var(--text);gap:.35rem;padding:.75rem 0 .25rem 2.4rem;font-size:.78rem;font-weight:650;display:grid}.decision-own-answer textarea{resize:vertical;width:100%;min-height:5.5rem;color:var(--text);border:1px solid var(--line-strong);font:inherit;background:#fff;border-radius:8px;padding:.65rem .75rem;font-weight:400;line-height:1.5}.decision-own-answer textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.decision-form .primary-button{justify-self:start;min-height:40px}.decision-form .primary-button:disabled{color:var(--subtle);background:var(--panel);border-color:var(--line);cursor:not-allowed}.primary-button,.secondary-button,.text-button{border:1px solid var(--line-strong);border-radius:6px;min-height:34px;padding:.42rem .7rem;font-weight:600}.primary-button{color:#fff;background:var(--accent);border-color:var(--accent)}.primary-button:hover{background:var(--accent-hover)}.secondary-button{color:#4c4c55;background:#fff}.secondary-button:hover{color:var(--text);background:#f4f4f6;border-color:#c9c9ce}.text-button{min-height:auto;color:var(--accent);background:0 0;border:0;padding:0}.text-button:hover{color:var(--accent-hover);text-decoration:underline}.icon-button{width:34px;height:34px;color:var(--muted);border:1px solid var(--line);background:#fff;border-radius:7px;place-items:center;padding:0;display:grid}.icon-button:hover{color:var(--text);border-color:var(--line-strong)}.empty-state,.candidate-box,.planning-summary,.planning-capacity,.proposal-panel,.project-step-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-top:1rem;padding:1rem}.empty-state p,.candidate-box span{color:var(--muted)}.candidate-box{gap:.4rem;display:grid}.state-notice,.inline-status,.selection-note{border:1px solid var(--line);background:#f8f8fa;border-radius:5px;padding:.65rem .8rem}.state-notice p{margin:.25rem 0 .7rem}.state-notice-conflict,.inline-status-conflict{color:var(--conflict);background:var(--conflict-soft);border-left-color:var(--conflict)}.inline-status-success{color:var(--success);background:var(--success-soft);border-left-color:var(--success)}.inline-status-error{color:var(--blocked);background:var(--blocked-soft);border-left-color:var(--blocked)}.button-row{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.projects-home-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:clamp(1.5rem,3vw,2.4rem);display:flex}.projects-home-heading .lede{margin-bottom:0}.middle-card-grid{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--card-min-width,22rem)), 1fr));grid-auto-rows:1fr;align-items:stretch;gap:clamp(1rem,2vw,1.5rem);display:grid}.middle-card-grid>*{min-width:0;height:100%}.projects-overview-grid{grid-template-columns:minmax(25rem,.9fr) minmax(30rem,1.1fr);align-items:start;gap:clamp(1rem,2vw,1.5rem);display:grid}.projects-overview-card{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;min-width:0;padding:clamp(1rem,2vw,1.4rem);display:flex}.projects-overview-card .section-title-row p,.project-page-tasks .section-title-row p{color:var(--muted);margin:.15rem 0 0;font-size:.82rem}.project-picker{grid-template-columns:1fr;display:grid}.project-choice-card{border:1px solid var(--line);background:#fff;border-radius:10px;flex-direction:column;min-height:17rem;padding:clamp(1.1rem,2vw,1.45rem);transition:border-color .12s,box-shadow .12s,transform .12s;display:flex;position:relative;box-shadow:0 1px 3px #1113190a}.project-choice-card:hover{border-color:#b9c6d4;transform:translateY(-2px);box-shadow:0 9px 24px #11131914}.project-choice-topline{justify-content:space-between;align-items:center;margin-bottom:1.4rem;display:flex}.project-state{color:var(--muted);align-items:center;gap:.45rem;font-size:.74rem;font-weight:600;display:inline-flex}.project-state>span{background:var(--accent);border-radius:50%;width:8px;height:8px}.project-state-gewoon{color:var(--success)}.project-state-gewoon>span{background:var(--success)}.project-state-oud{color:var(--conflict)}.project-state-oud>span{background:var(--conflict)}.project-state-onvolledig{color:#8a6b00}.project-state-onvolledig>span{background:#b28a0b}.project-state-conflict{color:var(--decision)}.project-state-conflict>span{background:var(--decision)}.project-choice-card h3{margin-bottom:.6rem;font-size:clamp(1.05rem,1.45vw,1.25rem)}.project-choice-title{color:var(--text);text-align:left;background:0 0;border:0;padding:0;font-weight:650}.project-choice-title:after{content:"";position:absolute;inset:0}.project-choice-summary{min-height:3rem;color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1.3rem;display:-webkit-box;overflow:hidden}.project-choice-meta{border-top:1px solid #edf0f3;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:0 0 1rem;padding-top:1rem;display:grid}.project-choice-meta dt,.project-choice-next span{color:var(--subtle);letter-spacing:.035em;text-transform:uppercase;margin-bottom:.15rem;font-size:.68rem;font-weight:650;display:block}.project-choice-meta dd{color:var(--text);margin:0;font-size:.86rem}.project-choice-next{color:var(--muted);margin:auto 0 0;font-size:.82rem}.project-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.project-overview-tile{--project-tile-accent:var(--accent);border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;min-width:0;min-height:14.5rem;padding:1.15rem;display:flex;position:relative;box-shadow:0 4px 14px #1113190f}.project-overview-tile-violet{--project-tile-accent:var(--decision)}.project-overview-tile-orange{--project-tile-accent:var(--warning)}.project-overview-tile-green{--project-tile-accent:var(--success)}.project-overview-tile:hover{border-color:color-mix(in srgb, var(--project-tile-accent) 38%, var(--line))}.project-tile-copy{min-width:0}.project-tile-copy h3{margin:0 0 .4rem;font-size:1rem;line-height:1.25}.project-tile-copy .project-choice-title{color:var(--project-tile-accent)}.project-tile-copy .project-choice-title:hover{text-underline-offset:.2em;text-decoration:underline}.project-tile-copy p{min-height:3.15rem;color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.82rem;line-height:1.45;display:-webkit-box;overflow:hidden}.project-progress-heading{justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;padding-top:1rem;display:flex}.project-progress-heading strong{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.74rem}.project-phase-tag{max-width:60%;min-height:1.6rem;color:var(--project-tile-accent);background:color-mix(in srgb, var(--project-tile-accent) 9%, #fff);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;padding:.2rem .55rem;font-size:.72rem;font-weight:650;display:inline-flex;overflow:hidden}.project-progress-track{background:var(--line);border-radius:999px;height:4px;margin-top:.55rem;overflow:hidden}.project-progress-track span{background:var(--project-tile-accent);border-radius:inherit;height:100%;display:block}.project-tile-facts{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:.9rem 0 0;padding-top:.8rem;display:grid}.project-tile-facts div{min-width:0}.project-tile-facts dt{color:var(--subtle);letter-spacing:.035em;text-transform:uppercase;font-size:.62rem;font-weight:700}.project-tile-facts dd{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:.12rem 0 0;font-size:.75rem;font-weight:600;overflow:hidden}.project-tile-facts [data-urgency=hoog]{color:var(--blocked)}.project-tile-facts [data-urgency=middel]{color:var(--conflict)}.project-timeline{--timeline-color:var(--accent);padding-top:1rem}.project-timeline-violet{--timeline-color:var(--decision)}.project-timeline-orange{--timeline-color:var(--warning)}.project-timeline-green{--timeline-color:var(--success)}.project-timeline-kind-labels{color:var(--subtle);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.35rem;font-size:.64rem;font-weight:700}.project-milestone-label{color:var(--timeline-color);margin-top:.7rem}.project-timeline-track{height:18px;position:relative}.project-timeline-track:before,.project-timeline-track>span{content:"";background:var(--line-strong);height:2px;position:absolute;inset:8px 0 auto}.project-timeline-track>span{z-index:1;background:var(--timeline-color);right:auto}.project-timeline-track i{z-index:2;border:2px solid var(--line-strong);background:#fff;border-radius:50%;width:10px;height:10px;position:absolute;top:4px;transform:translate(-50%)}.project-timeline-track i:first-of-type{left:0;transform:none}.project-timeline-track i:nth-of-type(2){left:33.333%}.project-timeline-track i:nth-of-type(3){left:66.667%}.project-timeline-track i:nth-of-type(4){right:0;transform:none}.project-timeline-track i.is-reached{background:var(--timeline-color);border-color:var(--timeline-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--timeline-color) 14%, transparent)}.project-timeline-phase-labels{height:1.05rem;color:var(--subtle);margin-top:.25rem;font-size:.69rem;position:relative}.project-timeline-phase-labels span{white-space:nowrap;position:absolute;transform:translate(-50%)}.project-timeline-phase-labels span:first-child{left:0;transform:none}.project-timeline-phase-labels span:nth-child(2){left:33.333%}.project-timeline-phase-labels span:nth-child(3){left:66.667%}.project-timeline-phase-labels span:nth-child(4){right:0;transform:none}.project-timeline-phase-labels .is-current{color:var(--timeline-color);font-weight:700}.project-milestone-track{grid-template-columns:repeat(var(--milestone-count), minmax(0, 1fr));height:22px;display:grid;position:relative}.project-milestone-track:before{inset:10px calc(50% / var(--milestone-count)) auto;content:"";background:var(--line-strong);height:1px;position:absolute}.milestone-track-marker{z-index:1;width:20px;height:20px;color:var(--subtle);border:1px solid var(--line-strong);background:#fff;border-radius:6px;justify-self:center;place-items:center;display:grid;position:relative}.milestone-track-marker.is-behaald{color:#fff;background:var(--success);border-color:var(--success)}.milestone-track-marker.is-volgende{color:#fff;background:var(--timeline-color);border-color:var(--timeline-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--timeline-color) 14%, transparent)}.milestone-track-marker.is-gepland{color:var(--muted);background:var(--panel)}.project-milestone-row{grid-template-columns:repeat(var(--milestone-count), minmax(0, 1fr));gap:0;margin:.4rem 0 0;padding:0;list-style:none;display:grid}.project-milestone-row li{min-width:0;color:var(--subtle);text-align:center;padding-inline:.3rem}.milestone-copy{min-width:0;line-height:1.25;display:grid}.milestone-copy strong{color:var(--text);text-wrap:balance;font-size:.68rem;font-weight:650}.milestone-copy>span{margin-top:.16rem;font-size:.62rem}.project-timeline-labels{color:var(--muted);justify-content:space-between;gap:1rem;margin-top:.55rem;font-size:.74rem;display:flex}.project-timeline-labels span:first-child{color:var(--timeline-color);font-weight:650}.project-task-overview{min-width:0}.project-task-overview .task-list{--project-task-height:10.75rem;grid-auto-rows:var(--visible-task-height,var(--project-task-height))}.project-task-overview .task-row{height:100%;min-height:var(--project-task-height)}.section-title-row{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.section-title-row h2{margin-bottom:0;font-size:1.25rem}.section-title-row>span{color:var(--subtle);white-space:nowrap;font-size:.8rem}.task-filters,.project-task-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-bottom:1rem;display:grid}.task-filters label,.project-task-filters label{gap:.3rem;min-width:0;display:grid}.task-filters label>span,.project-task-filters label>span{color:var(--subtle);letter-spacing:.04em;text-transform:uppercase;font-size:.68rem;font-weight:700}.task-filters select,.project-task-filters select{width:100%;min-height:2.5rem;color:var(--text);border:1px solid var(--line-strong);background:#fff;border-radius:8px;padding:.5rem 2rem .5rem .65rem}.task-filters select:focus-visible,.project-task-filters select:focus-visible{border-color:var(--accent)}.project-task-filters{background:var(--panel);border-radius:9px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;padding:.8rem}.filter-label{color:var(--muted);grid-column:1/-1;align-self:center;align-items:center;gap:.35rem;font-size:.76rem;font-weight:650;display:flex}.filter-reset{color:var(--accent);background:0 0;border:0;grid-column:1/-1;justify-self:start;align-items:center;gap:.3rem;padding:0;font-size:.74rem;display:flex}.filter-reset:hover{color:var(--accent-hover);text-underline-offset:.2em;text-decoration:underline}.task-filter-empty,.project-task-empty{color:var(--muted);background:var(--panel);border-radius:9px;gap:.25rem;padding:1rem;display:grid}.project-task-empty{text-align:center;justify-items:center}.project-task-empty p{margin:0}.task-filter-empty strong,.project-task-empty strong{color:var(--text)}.task-list{--task-list-gap:.65rem;gap:var(--task-list-gap);display:grid}.scrollable-task-list{--visible-task-height:10.75rem;grid-auto-rows:var(--visible-task-height);max-height:calc((4 * var(--visible-task-height)) + (3 * var(--task-list-gap)));overscroll-behavior:contain;scrollbar-color:var(--line-strong) transparent;scrollbar-gutter:stable;scrollbar-width:thin;padding-right:.35rem;overflow-y:auto}.scrollable-task-list>.task-row{height:var(--visible-task-height);min-height:var(--visible-task-height)}.task-row{width:100%;color:var(--muted);text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:minmax(0,1fr);align-content:center;gap:.75rem;padding:1.2rem 1.3rem;font-size:.875rem;transition:background-color .14s,border-color .14s;display:grid;overflow:hidden}.task-row:hover{border-color:var(--line-strong);background:#f8fafc}.task-row-copy{gap:.35rem;min-width:0;display:grid}.task-title-line{justify-content:space-between;align-items:flex-start;gap:.75rem;min-width:0;display:flex}.task-title-line>strong{min-width:0;color:var(--text);font-size:1rem;line-height:1.3}.task-summary{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.task-status{color:var(--subtle);white-space:nowrap;flex:none;font-size:.72rem;font-weight:700;line-height:1.3}.task-status[data-status=bezig]{color:var(--accent)}.task-status[data-status=wacht-op-antwoord]{color:var(--warning)}.task-status[data-status=geblokkeerd]{color:var(--blocked)}.task-status[data-status=afgerond]{color:var(--success)}.task-row-facts,.task-meta-group{border-top:1px solid #edf0f3;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;min-width:0;padding-top:.65rem;display:grid}.project-task-list .task-meta-group{grid-template-columns:minmax(0,1.55fr) repeat(3,minmax(0,1fr))}.task-row-meta.task-project{max-width:100%;color:var(--accent);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.task-row-meta strong[data-priority]{color:var(--subtle);font-size:inherit}.task-row-meta strong[data-priority=hoog]{color:var(--warning)}.task-row-meta strong[data-priority=middel]{color:var(--accent)}.task-row-meta{min-width:0;color:var(--text);gap:.08rem;font-weight:600;display:grid}.task-row-meta small{color:var(--subtle);letter-spacing:.04em;text-transform:uppercase;font-size:.62rem;font-weight:700}.task-state{color:var(--accent);background:var(--accent-soft);border-radius:999px;justify-self:start;padding:.16rem .48rem;font-size:.72rem;font-weight:650}.task-state-blocked{color:var(--blocked);background:var(--blocked-soft)}.project-update{background:var(--panel);border:1px solid var(--line);border-radius:12px;gap:1rem;padding:clamp(1.15rem,2vw,1.5rem);display:grid;margin-top:1.25rem!important}.project-update-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.project-update-heading h2{margin:0;font-size:1.2rem}.project-update-heading p{color:var(--subtle);margin:.2rem 0 0;font-size:.72rem}.project-update>p{max-width:72ch;color:var(--muted);margin:0}.project-update dl{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding-top:.9rem;display:grid}.project-update dt{color:var(--subtle);text-transform:uppercase;font-size:.66rem;font-weight:700}.project-update dd{color:var(--text);margin:.2rem 0 0;font-size:.8rem;line-height:1.45}.project-update-health{color:var(--success);background:var(--success-soft);white-space:nowrap;border-radius:999px;padding:.24rem .55rem;font-size:.72rem;font-weight:700}.project-update-health[data-state=oud],.project-update-health[data-state=conflict]{color:var(--conflict);background:var(--conflict-soft)}.project-update-health[data-state=onvolledig]{color:#806500;background:#fff8d6}.project-story-nav{border-bottom:1px solid var(--line);gap:1.25rem;margin-top:1rem;padding:0 .2rem .85rem;display:flex;overflow-x:auto}.project-story-nav a{color:var(--muted);white-space:nowrap;font-size:.78rem;font-weight:600;text-decoration:none}.project-story-nav a:hover{color:var(--accent)}.project-activity{border:1px solid var(--line);background:#fff;border-radius:12px;padding:clamp(1.1rem,2vw,1.5rem);margin-top:1.25rem!important}.project-activity-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.project-activity-heading h2{margin-bottom:.2rem;font-size:1.2rem}.project-activity-heading p{color:var(--muted);margin:0;font-size:.8rem}.project-thread-list{margin-top:1rem;display:grid}.project-thread{border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);gap:.75rem;padding:1rem 0;display:grid}.project-thread>svg{color:var(--decision);margin-top:.15rem}.project-thread-title{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.project-thread-title h3{margin:0;font-size:.9rem}.project-thread-title span{color:var(--decision);white-space:nowrap;font-size:.7rem;font-weight:700}.project-thread p{max-width:72ch;color:var(--text);margin:.35rem 0;font-size:.84rem}.project-thread small{color:var(--subtle);font-size:.7rem}.project-history-entry{color:var(--subtle);border-top:1px solid var(--line);grid-template-columns:auto 1fr;gap:.7rem;padding:.9rem 0;display:grid}.project-history-entry>div{display:grid}.project-history-entry strong{color:var(--muted);font-size:.8rem}.project-history-entry span{font-size:.7rem}.project-activity-empty{color:var(--muted);margin:1rem 0 0}.project-back-button{color:var(--muted);background:0 0;border:0;align-items:center;gap:.4rem;margin-bottom:1rem;padding:0;display:inline-flex}.project-back-button:hover{color:var(--accent)}.project-page-header{--project-accent:var(--accent);background:linear-gradient(135deg, color-mix(in srgb, var(--project-accent) 8%, #fff), #fff 55%);border:1px solid color-mix(in srgb, var(--project-accent) 24%, var(--line));border-radius:12px;grid-template-columns:minmax(20rem,1fr) auto;gap:1.5rem 3rem;padding:clamp(1.4rem,3vw,2rem);display:grid}.project-page-header-violet{--project-accent:var(--decision)}.project-page-header-orange{--project-accent:var(--warning)}.project-page-header-green{--project-accent:var(--success)}.project-page-header .project-timeline{grid-column:1/-1}.project-page-meta{grid-template-columns:repeat(2,minmax(7rem,1fr));gap:1rem 2rem;margin:0;display:grid}.project-page-meta dt{color:var(--subtle);text-transform:uppercase;font-size:.68rem;font-weight:650}.project-page-meta dd{color:var(--text);margin:.15rem 0 0}.project-detail:not([aria-label])>.project-back-button{margin-bottom:1rem}.project-page-body{grid-template-columns:minmax(23rem,.85fr) minmax(28rem,1.15fr);align-items:stretch;gap:clamp(1rem,2vw,1.5rem);margin-top:1.25rem;display:grid}.project-page-about{--project-accent:var(--accent);border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;min-width:0;padding:clamp(1.25rem,2vw,1.75rem);display:flex}.project-page-about-violet{--project-accent:var(--decision)}.project-page-about-orange{--project-accent:var(--warning)}.project-page-about-green{--project-accent:var(--success)}.project-page-about h2{margin-bottom:1rem;font-size:1.35rem}.project-goal{border-bottom:1px solid var(--line);padding-bottom:1.15rem}.project-goal>span{color:var(--subtle);letter-spacing:.06em;text-transform:uppercase;font-size:.7rem;font-weight:700}.project-goal p{color:var(--text);margin:.35rem 0 0;font-weight:560;line-height:1.55}.project-description-block{gap:.75rem;margin-top:1.25rem;display:grid}.project-description-block h3{color:var(--text);margin:0;font-size:.95rem}.project-page-description{max-width:66ch;color:var(--muted);margin:0;font-size:.98rem;line-height:1.65}.project-milestones{margin-top:auto;padding-top:2rem}.project-milestones-heading{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.project-milestones-heading>span{color:var(--subtle);letter-spacing:.06em;text-transform:uppercase;font-size:.7rem;font-weight:700}.project-milestones-heading h3{color:var(--success);margin:0;font-size:.75rem}.project-milestones ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.project-milestones li{background:var(--panel);border:1px solid var(--line);border-radius:8px;grid-template-columns:1.6rem minmax(0,1fr);align-items:center;gap:.55rem;min-width:0;padding:.65rem;display:grid}.milestone-status-icon{width:1.5rem;height:1.5rem;color:var(--subtle);border:2px solid var(--line-strong);background:#fff;border-radius:50%;place-items:center;display:grid}.project-milestones li[data-status=behaald] .milestone-status-icon{color:#fff;background:var(--success);border-color:var(--success)}.project-milestones li[data-status=volgende]{background:color-mix(in srgb, var(--project-accent) 5%, #fff);border-color:color-mix(in srgb, var(--project-accent) 28%, var(--line))}.project-milestones li[data-status=volgende] .milestone-status-icon{background:var(--project-accent);border-color:var(--project-accent);box-shadow:inset 0 0 0 4px #fff}.project-milestones li>span:last-child{gap:.12rem;min-width:0;display:grid}.project-milestones li strong{color:var(--text);font-size:.82rem}.project-milestones li small{color:var(--muted);font-size:.72rem}.project-tags{flex-wrap:wrap;gap:.45rem;margin:1.25rem 0 0;padding:0;list-style:none;display:flex}.project-tags li{color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:.3rem .58rem;font-size:.74rem;font-weight:600}.project-page-tasks{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;min-width:0;padding:1.1rem;display:flex;margin:0!important}.project-page-tasks .scrollable-task-list{--visible-task-height:10.75rem}.project-page-tasks .task-row{gap:.7rem;padding:1.15rem 1.25rem}.project-page-tasks .task-row-facts,.project-page-tasks .task-meta-group{grid-template-columns:minmax(0,1.55fr) repeat(3,minmax(0,1fr))}.detail-next-label{color:var(--subtle);margin-bottom:.2rem;font-size:.72rem;font-weight:650}.project-detail:not([aria-label])>.detail-core{margin-top:1.25rem}.project-detail[aria-label]>.detail-core,.project-detail[aria-label]>.detail-sections,.project-detail[aria-label]>.muted{margin-top:2rem}.detail-core{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1rem}.detail-sections{gap:.5rem;margin-top:1rem;display:grid}.detail-sections details{border:1px solid var(--line);border-radius:6px;padding:.8rem}.detail-sections summary{cursor:pointer;align-items:center;gap:.45rem;font-weight:650;list-style:none;display:flex}.detail-sections summary::-webkit-details-marker{display:none}.detail-sections summary svg{color:var(--subtle);transition:transform .14s}.detail-sections details[open] summary svg{transform:rotate(90deg)}.project-files{border:1px solid var(--line);background:#fff;border-radius:12px;margin-top:1.25rem;padding:clamp(1.1rem,2vw,1.5rem)}.project-files-heading{justify-content:space-between;align-items:flex-end;gap:1.25rem;display:flex}.project-files-heading h2{margin-bottom:.25rem;font-size:1.35rem}.project-files-heading p:last-child{max-width:55ch;color:var(--muted);margin:0}.project-files-search{width:min(100%,22rem);min-height:2.65rem;color:var(--subtle);background:var(--panel);border:1px solid var(--line-strong);border-radius:8px;align-items:center;gap:.55rem;padding:0 .75rem;display:flex}.project-files-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.project-files-search input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;padding:.6rem 0}.project-file-grid{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.65rem;margin-top:1.25rem;display:grid}.project-file{width:100%;min-height:5rem;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:2.2rem minmax(0,1fr);align-items:center;gap:.7rem;padding:.8rem;display:grid}.project-file:hover{background:var(--panel)}.project-file[data-selected]{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 35%, var(--line))}.project-file>svg{color:var(--accent)}.project-file>span{gap:.12rem;min-width:0;display:grid}.project-file strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-file small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.project-file-preview{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem;margin-top:1rem;padding-top:1rem;display:grid}.project-file-preview-label{color:var(--subtle);margin-bottom:.1rem;font-size:.72rem;font-weight:650}.project-file-preview h3{margin:.1rem 0 .4rem;font-size:1rem}.project-file-preview p:last-child{max-width:72ch;color:var(--muted);margin-bottom:0}.project-file-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.project-file-preview>.inline-status{grid-column:1/-1}.project-files-empty{color:var(--muted);background:var(--panel);border-radius:8px;margin:1.25rem 0 0;padding:1rem}.work-periods{gap:1.5rem;display:grid}.planning-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;margin-top:1.4rem;display:grid}.planning-anchor,.planning-slot{text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:#fff;width:100%;padding:.9rem}.planning-slot{color:var(--muted);gap:.25rem;margin-top:.6rem;display:grid}.planning-slot strong{color:var(--text)}.planning-slot-ready{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.planning-shortage{color:#8c4930}.project-steps{grid-template-columns:repeat(6,minmax(0,1fr));gap:.35rem;margin:1.3rem 0;padding:0;list-style:none;display:grid}.project-steps button{width:100%;min-height:48px;color:var(--muted);border:1px solid var(--line);background:#fff;border-radius:6px;padding:.45rem;font-size:.72rem}.project-step-current button{color:var(--accent);background:var(--accent-soft);border-color:#d7d2f4;font-weight:700}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.start-dashboard>section{margin-top:0}.start-dashboard>section+section{border-top:0;padding-top:0}.start-heading{margin-bottom:1rem}.start-heading .secondary-button{align-items:center;gap:.45rem;display:inline-flex}.start-summary-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-bottom:1.25rem;display:grid}.start-summary-card{background:var(--panel);border:1px solid var(--line);border-radius:9px;align-content:center;gap:.05rem;min-height:3.75rem;padding:.65rem .8rem;display:grid;box-shadow:0 1px 3px #11131908}.start-summary-strip strong{color:var(--text);font-size:1rem}.start-summary-strip span{color:var(--subtle);font-size:.72rem}.start-focus-grid{--card-min-width:21rem;grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);gap:1rem}.start-panel{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;min-width:0;height:100%;padding:1.1rem;display:flex;box-shadow:0 2px 8px #1113190a}.start-panel-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.85rem;display:flex}.start-panel-heading h3{margin:0;font-size:1.08rem}.count-badge{min-width:1.75rem;height:1.75rem;color:var(--decision);background:var(--decision-soft);border-radius:999px;place-items:center;padding:0 .45rem;font-size:.76rem;font-weight:700;display:grid}.attention-groups{gap:.85rem;display:grid}.attention-group h4{color:var(--subtle);text-transform:uppercase;margin-bottom:.3rem;font-size:.72rem;font-weight:700}.attention-row{width:100%;color:inherit;text-align:left;background:0 0;border:0;border-bottom:1px solid #edf0f3;justify-content:space-between;align-items:center;gap:.8rem;padding:.62rem 0;display:flex}.attention-row:last-child{border-bottom:0}.attention-row:hover strong{color:var(--accent)}.attention-row-copy{min-width:0;display:grid}.attention-row-copy strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.87rem;overflow:hidden}.attention-row-meta{min-width:0;color:var(--muted);align-items:center;gap:.4rem;font-size:.76rem;display:flex}.attention-row-meta>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-tag{max-width:11rem;color:var(--accent);text-overflow:ellipsis;white-space:nowrap;background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 18%, transparent);border-radius:999px;flex:none;padding:.12rem .4rem;font-size:.67rem;font-weight:650;overflow:hidden}.day-agenda{margin:0;padding:0;list-style:none}.day-agenda li{grid-template-columns:3.2rem 10px minmax(0,1fr);gap:.7rem;min-height:3.25rem;display:grid}.day-agenda time{color:var(--text);align-content:start;font-size:.75rem;font-weight:650;display:grid}.day-agenda time span{color:var(--subtle);font-size:.67rem;font-weight:400}.agenda-marker{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 2px var(--accent);border:2px solid #fff;border-radius:50%;margin-top:.25rem;position:relative}.agenda-marker:after{content:"";background:var(--line);width:2px;height:2.45rem;position:absolute;top:9px;left:1px}.day-agenda li:last-child .agenda-marker:after{display:none}.agenda-marker-afspraak{background:var(--decision);box-shadow:0 0 0 2px var(--decision)}.agenda-marker-werk{background:var(--success);box-shadow:0 0 0 2px var(--success)}.agenda-marker-vrij{box-shadow:0 0 0 2px var(--line-strong);background:#fff}.agenda-copy{align-content:start;display:grid}.agenda-copy strong{color:var(--text);font-size:.82rem}.agenda-copy small{color:var(--subtle);font-size:.7rem}.start-empty-state{margin-top:0}.start-projects{margin-top:1.8rem!important}.start-projects-heading{align-items:end;margin-bottom:1.1rem}.start-projects-heading h3{font-size:1.15rem}.start-project-grid{--card-min-width:22rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:clamp(1.25rem,2vw,1.75rem)}.start-project-card{--project-accent:var(--accent);border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-rows:auto auto minmax(0,1fr);row-gap:.35rem;min-width:0;height:100%;padding:clamp(1.25rem,2vw,1.6rem);display:grid;box-shadow:0 2px 8px #1113190a}.start-project-card-violet{--project-accent:var(--decision)}.start-project-card-orange{--project-accent:var(--warning)}.start-project-card-green{--project-accent:var(--success)}.start-project-card-heading{justify-content:space-between;align-items:flex-start;gap:1.25rem;margin-bottom:.25rem;display:flex}.start-project-card-heading>div{min-width:0;display:grid}.start-project-card-heading>div>span{color:var(--project-accent);text-transform:uppercase;font-size:.68rem;font-weight:700}.start-project-card-heading button{color:var(--text);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;padding:0;font-size:.96rem;font-weight:650;overflow:hidden}.start-project-card-heading button:hover{color:var(--accent)}.start-project-card-heading>span{color:var(--subtle);white-space:nowrap;font-size:.73rem}.start-project-card .project-timeline{--timeline-color:var(--project-accent);padding-top:.9rem}.start-project-card .project-timeline-labels{margin-top:.45rem}.start-project-card .project-milestone-row{gap:.7rem;margin-top:.85rem}.project-next-list{border-top:1px solid var(--line);margin-top:1.2rem;padding-top:1rem}.project-next-list>p{color:var(--subtle);text-transform:uppercase;align-items:center;gap:.4rem;margin-bottom:.55rem;font-size:.7rem;font-weight:700;display:flex}.project-next-list>button{width:100%;min-height:3.15rem;color:var(--muted);text-align:left;background:0 0;border:0;border-top:1px solid #f0f2f4;justify-content:space-between;align-items:center;gap:.9rem;padding:.65rem 0;display:flex}.project-next-list>p+button{border-top:0}.project-next-list button>span{min-width:0;display:grid}.project-next-list button strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.79rem;overflow:hidden}.project-next-list button small{color:var(--subtle);font-size:.68rem}.project-next-list button svg{color:var(--subtle);flex:none}.project-next-list button:hover strong,.project-next-list button:hover svg{color:var(--accent)}.start-v2 .start-date{color:var(--subtle);margin-bottom:.25rem;font-size:.78rem;font-weight:650}.start-v2 .start-summary-card{width:100%;color:inherit;text-align:left;cursor:pointer;transition:background-color .12s,border-color .12s,box-shadow .12s}.start-v2 .start-summary-card:hover{border-color:var(--line-strong);background:#fff}.start-v2 .start-summary-card[aria-pressed=true]{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 42%, var(--line));box-shadow:0 0 0 2px #0366d614}.start-command-grid{grid-template-columns:minmax(20rem,.9fr) minmax(34rem,1.5fr) minmax(18rem,.72fr);align-items:start;gap:1rem;display:grid}.start-v2 .start-panel{height:auto;box-shadow:none}.start-v2 .start-panel-heading p{color:var(--muted);margin:.2rem 0 0;font-size:.78rem}.project-health-heading{align-items:center}.project-view-switcher{background:var(--panel);border:1px solid var(--line);border-radius:8px;flex:none;gap:.2rem;padding:.2rem;display:flex}.project-view-switcher button{min-height:30px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:.32rem .55rem;font-size:.68rem;font-weight:650}.project-view-switcher button:hover{color:var(--text);background:#fff}.project-view-switcher button[aria-pressed=true]{color:var(--accent);background:#fff;box-shadow:0 1px 3px #11131917}.start-action-panel{min-height:33rem}.command-list{display:grid}.command-row{width:100%;min-height:4.35rem;color:var(--muted);text-align:left;border:0;border-top:1px solid var(--line);background:0 0;grid-template-columns:1.9rem minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.75rem 0;display:grid}.command-row:first-child{border-top:0}.command-row:hover .command-copy strong,.command-row:hover .command-arrow{color:var(--accent)}.command-icon{width:1.8rem;height:1.8rem;color:var(--accent);background:var(--accent-soft);border-radius:7px;place-items:center;display:grid}.command-row[data-tone=risk] .command-icon{color:var(--blocked);background:var(--blocked-soft)}.command-row[data-tone=reaction] .command-icon{color:var(--decision);background:var(--decision-soft)}.command-row[data-tone=week] .command-icon{color:var(--success);background:var(--success-soft)}.command-copy{gap:.12rem;min-width:0;display:grid}.command-copy strong{color:var(--text);font-size:.86rem;line-height:1.35}.command-copy span,.command-copy small{color:var(--muted);font-size:.7rem;line-height:1.35}.command-copy small,.command-arrow{color:var(--subtle)}.project-health-list{gap:.75rem;display:grid}.project-health-row{width:100%;min-height:0;color:var(--muted);text-align:left;border:1px solid var(--line);background:#fbfcfe;border-radius:10px;grid-template-columns:minmax(0,1.15fr) minmax(11rem,.85fr) auto;align-items:start;gap:.85rem 1.1rem;padding:1rem;transition:background-color .12s,border-color .12s,box-shadow .12s;display:grid;position:relative}.project-health-row:hover{border-color:var(--line-strong);background:#fff;box-shadow:0 4px 14px #1113190f}.project-health-row:hover>svg,.project-health-row:hover .project-health-main>strong{color:var(--accent)}.project-health-main,.project-health-state,.project-health-next,.project-health-progress{gap:.24rem;min-width:0;display:grid}.project-health-main{grid-area:1/1}.project-health-state{grid-area:1/2}.project-health-next{border-top:1px solid var(--line);grid-area:2/1;padding-top:.75rem}.project-health-progress{border-top:1px solid var(--line);grid-area:2/2;padding-top:.75rem}.project-health-main>strong{color:var(--text);font-size:1rem;line-height:1.25}.project-health-main>span,.project-health-state>span{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.74rem;line-height:1.45;display:-webkit-box;overflow:hidden}.project-health-state>strong{color:var(--success);background:var(--success-soft);border-radius:999px;justify-self:start;padding:.22rem .5rem;font-size:.72rem;line-height:1.35}.project-health-row[data-state=attention] .project-health-state>strong,.project-health-row[data-state=oud] .project-health-state>strong,.project-health-row[data-state=conflict] .project-health-state>strong{color:var(--conflict);background:var(--conflict-soft)}.project-health-row[data-state=onvolledig] .project-health-state>strong{color:#725a00;background:#fff8d8}.project-health-next small,.project-health-progress small{color:var(--subtle);letter-spacing:.025em;text-transform:uppercase;font-size:.64rem;font-weight:700}.project-health-next>strong{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.79rem;line-height:1.4;display:-webkit-box;overflow:hidden}.project-health-next>span{color:var(--muted);font-size:.7rem}.project-progress-label{justify-content:space-between;align-items:baseline;gap:.65rem;display:flex}.project-progress-label>strong{color:var(--text);font-size:.79rem}.project-progress-label>span{color:var(--muted);font-size:.7rem}.health-progress-track{background:var(--line);border-radius:999px;height:5px;margin-top:.18rem;overflow:hidden}.health-progress-track i{background:var(--accent);border-radius:inherit;height:100%;display:block}.project-health-meta{color:var(--muted);background:var(--panel);border-radius:0 0 9px 9px;grid-area:3/1/auto/span 2;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem 1rem;margin:0 -1rem -1rem;padding:.65rem 1rem;font-size:.68rem;display:grid}.project-health-meta>span{gap:.3rem;min-width:0;display:flex}.project-health-meta>span:not(:last-child){border-right:1px solid var(--line)}.project-health-meta strong{color:var(--subtle);letter-spacing:.025em;text-transform:uppercase;font-size:.62rem}.project-health-row>svg{color:var(--subtle);grid-area:1/3/span 3;align-self:center}.agenda-free-slot{width:100%;color:var(--success);text-align:left;background:var(--success-soft);border:1px solid color-mix(in srgb, var(--success) 22%, var(--line));border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;margin-top:.7rem;padding:.7rem;display:grid}.agenda-free-slot>span{display:grid}.agenda-free-slot strong{color:var(--text);font-size:.78rem}.agenda-free-slot small{color:var(--muted);font-size:.67rem}::selection{color:#fff;background:var(--accent)}@media (width<=1120px){.start-command-grid{grid-template-columns:minmax(0,1fr) minmax(18rem,.65fr)}.start-project-health{grid-area:2/1/auto/-1}.start-focus-grid{grid-template-columns:1fr 1fr}.projects-overview-grid,.project-page-body{grid-template-columns:1fr}.project-task-overview,.project-page-tasks{order:1}.project-timeline-card,.project-page-about{order:2}.project-task-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-label,.filter-reset{grid-column:1/-1}.project-task-list .task-meta-group{grid-template-columns:repeat(2,minmax(0,1fr))}.shell-layout{grid-template-columns:12rem minmax(18rem,1fr)}.detail-is-open .shell-layout{grid-template-columns:12rem minmax(18rem, 1fr) min(var(--detail-width), 58vw)}.task-row{grid-template-columns:minmax(0,1fr)}.project-page-header{grid-template-columns:1fr}.project-page-header .project-timeline{grid-column:auto}}@media (width<=760px){body{overflow:auto}.app-shell{height:auto;min-height:100vh}.app-header{align-items:flex-start;height:auto;min-height:64px;padding:.8rem}.header-status{align-items:flex-start;max-width:48%}.refresh-note{text-align:left;font-size:.75rem}.shell-layout{flex-direction:column;height:auto;min-height:0;display:flex}.primary-nav{border-right:0;border-bottom:1px solid var(--line);padding:.55rem .65rem}.primary-nav>.eyebrow{display:none}.primary-nav-list{scrollbar-width:thin;gap:.25rem;display:flex;overflow-x:auto}.primary-nav li{flex:none}.primary-nav-projects{align-items:center;gap:.25rem;display:flex}.primary-nav-projects>.project-nav-list{border-left:0;gap:.25rem;margin:0;padding:0;display:flex;overflow:visible}.project-nav-list a{border:1px solid var(--line);background:#fff}.primary-nav a{white-space:nowrap;min-height:34px;padding:.38rem .55rem}.nav-icon{display:none}main{height:auto;padding:1.2rem .85rem;overflow:visible}.detail-is-open .shell-layout{display:flex}.detail-pane{border-top:1px solid var(--line);width:100%;height:auto;box-shadow:none;border-left:0;padding:1rem .85rem;overflow:visible}.detail-resize-handle{display:none}.screen-heading-row{display:block}.screen-heading-row>.secondary-button{margin-top:.5rem}.start-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.start-summary-card{min-height:3.5rem;padding:.6rem .7rem}.start-command-grid{flex-direction:column;display:flex}.start-action-panel{order:1;width:100%;min-height:0}.start-command-grid .agenda-panel{order:2;width:100%}.start-project-health{order:3;width:100%}.project-health-heading{flex-direction:column;align-items:stretch}.project-view-switcher{width:100%;overflow-x:auto}.project-view-switcher button{flex:1 0 auto}.project-health-row{grid-template-columns:minmax(0,1fr) auto;gap:.7rem .8rem}.project-health-main{grid-area:1/1;padding-right:.25rem}.project-health-state{grid-area:2/1/auto/-1}.project-health-next{grid-area:3/1/auto/-1}.project-health-progress{grid-area:4/1/auto/-1}.project-health-meta{grid-area:5/1/auto/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.project-health-meta>span{gap:.1rem;display:grid}.project-health-meta>span:not(:last-child){border-right:1px solid var(--line)}.project-health-row>svg{grid-area:1/2;align-self:center}.start-focus-grid,.start-project-grid{grid-template-columns:1fr}.start-projects-heading{align-items:flex-start}.projects-home-heading{flex-direction:column;align-items:flex-start;gap:1rem}.planning-grid{grid-template-columns:1fr}.project-choice-card{min-height:15rem}.project-picker-grid{grid-template-columns:1fr}.project-overview-tile{min-height:13.5rem}.project-timeline-phase-labels{font-size:.64rem}.milestone-copy strong{font-size:.65rem}.project-task-overview .task-list{--project-task-height:11.25rem}.project-task-overview .scrollable-task-list,.project-page-tasks .scrollable-task-list{--visible-task-height:11.25rem}.project-page-body,.project-page-header{grid-template-columns:1fr}.project-page-header .project-timeline{grid-column:auto}.project-page-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.project-update dl{grid-template-columns:1fr}.project-activity-heading,.project-thread-title{flex-direction:column;align-items:stretch}.project-thread-title{gap:.25rem;display:flex}.project-page-tasks{padding:.9rem}.project-files-heading{flex-direction:column;align-items:stretch}.project-files-search{width:100%}.project-file-preview{grid-template-columns:1fr;align-items:start}.project-file-actions{justify-content:flex-start}.task-filters,.project-task-filters{grid-template-columns:1fr}.filter-reset{grid-column:1}.project-milestones ol{grid-template-columns:1fr}.task-row{gap:.65rem}.project-page-tasks .task-row-facts,.project-page-tasks .task-meta-group{grid-template-columns:minmax(0,1.55fr) repeat(3,minmax(0,1fr))}.project-steps{padding-bottom:.35rem;display:flex;overflow-x:auto}.project-steps li{min-width:9rem}}@media (width<=390px){:root{font-size:14px}.decision-option{grid-template-columns:auto 1.75rem minmax(0,1fr)}.decision-advice{grid-column:3;justify-self:start}.decision-own-answer{padding-left:0}.workspace-mark{width:32px;height:32px}.app-header{min-height:64px}.header-status .status-dot{display:none}.card-heading{flex-direction:column;align-items:flex-start;gap:.25rem}.card-state{order:0}.card-meta{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.task-row-facts,.task-meta-group{grid-template-columns:1fr}.project-task-list .task-meta-group,.project-page-tasks .task-row-facts,.project-page-tasks .task-meta-group{grid-template-columns:minmax(0,1.55fr) repeat(3,minmax(0,1fr))}.project-task-overview .scrollable-task-list,.project-page-tasks .scrollable-task-list{--visible-task-height:12rem}.project-file-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-file{grid-template-columns:1fr;align-content:start;min-height:6.5rem}}.website-workspace{min-height:100%}.website-header{justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:1.35rem;display:flex}.website-header .lede{margin-bottom:0}.website-environment{color:var(--success);background:var(--success-soft);border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .65rem;font-size:.76rem;font-weight:700;display:flex}.website-environment>span{background:var(--success);border-radius:50%;width:7px;height:7px}.website-tabs{border-bottom:1px solid var(--line);gap:1.6rem;margin:0 calc(-1*clamp(1.5rem,3vw,3rem)) 1.8rem;padding:0 clamp(1.5rem,3vw,3rem);display:flex;overflow-x:auto}.website-tabs button{color:var(--muted);white-space:nowrap;background:0 0;border:0;padding:.7rem 0 .85rem;position:relative}.website-tabs button[aria-current=page]{color:var(--text);font-weight:600}.website-tabs button[aria-current=page]:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-1px;left:0;right:0}.website-toolbar{justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:1.2rem;display:flex}.website-toolbar h3{margin-bottom:.2rem;font-size:1.25rem}.website-toolbar p:last-child{color:var(--muted);margin:0}.website-search{border:1px solid var(--line);background:#fff;border-radius:7px;align-items:center;gap:.45rem;width:min(22rem,40%);padding:.55rem .7rem;display:flex}.website-search svg{width:17px;color:var(--subtle)}.website-search input{border:0;outline:0;width:100%;min-width:0}.page-groups{grid-template-columns:repeat(auto-fit,minmax(min(100%,30rem),1fr));align-items:start;gap:1rem;display:grid}.page-group{border:1px solid var(--line);background:#fff;border-radius:10px;padding:.95rem}.page-group-heading{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding:0 .15rem .7rem;display:flex}.page-group-heading h4{margin:0}.page-group-heading span{color:var(--subtle);font-size:.75rem}.page-list{display:grid}.page-list button{width:100%;color:var(--text);text-align:left;background:0 0;border:0;border-bottom:1px solid #eef1f4;grid-template-columns:6.5rem minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.7rem .2rem;display:grid}.page-thumbnail{border:1px solid var(--line);background:#e9edf2;border-radius:5px;height:4.1rem;display:block;overflow:hidden}.page-thumbnail img{object-fit:cover;object-position:top;width:100%;height:auto;min-height:100%;transition:transform .18s;display:block}.page-list button:hover .page-thumbnail img{transform:scale(1.04)}.page-list button:last-child{border-bottom:0}.page-list button:hover strong,.page-list button:hover .page-open-label{color:var(--accent)}.page-list svg{width:17px;color:var(--subtle)}.page-list button>span:nth-child(2){min-width:0;display:grid}.page-list small{color:var(--subtle);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.page-open-label{color:var(--subtle);font-size:.72rem}.detail-view-bar{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin-bottom:1rem;display:grid}.detail-view-bar>div{text-align:center;display:grid}.detail-view-bar>div span{color:var(--subtle);font-size:.72rem}.detail-view-bar>:last-child{justify-self:end}.detail-view-bar .secondary-button{align-items:center;gap:.35rem;text-decoration:none;display:flex}.detail-view-bar svg{width:16px}.back-button{width:max-content;color:var(--accent);background:0 0;border:0;align-items:center;gap:.4rem;padding:.35rem 0;display:flex}.back-button svg{width:17px}.review-layout{border:1px solid var(--line);border-radius:10px;grid-template-columns:minmax(0,1fr) minmax(18rem,24rem);height:calc(100vh - 15.5rem);min-height:32rem;display:grid;overflow:hidden}.rendered-preview{background:#e9edf2;grid-template-rows:auto 1fr;min-width:0;display:grid}.browser-bar{border-bottom:1px solid var(--line);background:#f5f7f9;align-items:center;gap:.35rem;height:38px;padding:0 .75rem;display:flex}.browser-bar>span{background:#c7d0da;border-radius:50%;width:8px;height:8px}.browser-bar p{color:var(--subtle);text-overflow:ellipsis;white-space:nowrap;background:#fff;border:1px solid #e0e5ea;border-radius:5px;flex:1;margin:0 0 0 .35rem;padding:.25rem .6rem;font-size:.68rem;overflow:hidden}.page-preview-scroll{background:#fff;min-height:0;overflow:auto}.page-preview-scroll img{width:100%;height:auto;display:block}.feedback-chat{border-left:1px solid var(--line);background:#fff;grid-template-rows:auto 1fr auto;min-width:0;display:grid}.feedback-chat>header{border-bottom:1px solid var(--line);gap:.65rem;padding:1rem;display:flex}.feedback-chat>header svg{width:19px;color:var(--accent)}.feedback-chat>header div{display:grid}.feedback-chat>header span{color:var(--subtle);font-size:.72rem}.chat-messages{flex-direction:column;gap:.65rem;min-height:0;padding:1rem;display:flex;overflow-y:auto}.chat-message{background:var(--panel);border-radius:4px 10px 10px;width:fit-content;max-width:88%;margin:0;padding:.65rem .75rem;font-size:.82rem}.chat-message small{color:var(--subtle);margin-bottom:.15rem;font-size:.66rem;font-weight:700;display:block}.chat-ian{color:#fff;background:var(--accent);border-radius:10px 4px 10px 10px;align-self:flex-end}.chat-ian small{color:#ffffffb8}.chat-composer{border-top:1px solid var(--line);gap:.45rem;padding:.85rem;display:grid}.chat-composer label{font-size:.75rem;font-weight:600}.chat-composer textarea,.new-component-panel textarea,.style-guide-textarea{resize:vertical;border:1px solid var(--line);border-radius:7px;min-height:5rem;padding:.65rem}.chat-composer button{justify-content:center;justify-self:end;align-items:center;gap:.4rem;display:flex}.chat-composer button svg,.primary-button svg{width:16px}.component-filters{background:var(--panel);border:1px solid var(--line);border-radius:8px;gap:.3rem;width:fit-content;margin-bottom:1rem;padding:.25rem;display:flex}.component-filters button{color:var(--muted);background:0 0;border:0;border-radius:5px;padding:.38rem .65rem}.component-filters button[aria-pressed=true]{color:var(--text);background:#fff;box-shadow:0 1px 3px #11131914}.component-filters span{color:var(--subtle);margin-left:.3rem;font-size:.7rem}.component-grid{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1rem;display:grid}.component-card{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.component-mock{background:#f0f3f7;flex-direction:column;justify-content:center;gap:.55rem;min-height:10rem;padding:1.5rem;display:flex}.component-mock>small{color:#64748b;letter-spacing:.08em;font-size:.58rem;font-weight:700}.component-mock>strong{color:#172033;max-width:25rem;font-size:.94rem;line-height:1.25}.component-mock>p{color:#64748b;margin:0;font-size:.68rem}.component-mock>button{color:#fff;background:var(--accent);border:0;border-radius:4px;width:fit-content;margin-top:.2rem;padding:.38rem .55rem;font-size:.6rem}.component-mock>div{color:#334155;background:#fff;border:1px solid #d8e0e8;border-radius:5px;min-height:3rem;padding:.65rem;font-size:.66rem}.component-mock blockquote{color:#334155;border-left:1px solid var(--accent);background:#fff;margin:0;padding:.75rem;font-size:.72rem}.component-mock ol{color:#475569;gap:.35rem;margin:0;padding-left:1.2rem;font-size:.66rem;display:grid}.component-mock .component-preview-name{color:#94a3b8;font-size:.52rem;position:absolute;bottom:.55rem;right:.65rem}.component-mock{position:relative}.mock-kicker{width:22%;height:6px}.mock-title{width:70%;height:13px;background:#778aa0!important}.mock-title.short,.mock-copy.short{width:45%}.mock-copy{width:88%;height:7px}.mock-button{width:25%;height:20px;margin-top:.3rem;background:var(--accent)!important}.component-mock-1{grid-template-columns:repeat(3,1fr);align-content:center;display:grid}.component-mock-1>strong{grid-column:1/-1}.mock-card{border:1px solid #ccd5df;height:50px;background:#fff!important}.mock-quote{border-left:1px solid var(--accent);width:80%;height:42px;background:#fff!important}.mock-line{width:100%;height:1px;margin-top:.2rem}.component-card-body{padding:.85rem}.component-card-body>div{justify-content:space-between;gap:.7rem;display:flex}.component-card-body h4{margin-bottom:.2rem}.component-card-body p{color:var(--subtle);font-size:.74rem}.component-card-body button{color:var(--accent);background:0 0;border:0;padding:0;font-weight:600}.status-green,.status-gray,.status-blue{white-space:nowrap;border-radius:999px;align-items:center;gap:.25rem;height:fit-content;padding:.18rem .45rem;font-size:.68rem;font-weight:700;display:inline-flex}.status-green{color:var(--success);background:var(--success-soft)}.status-gray{color:var(--muted);background:#f0f2f4}.status-blue{color:var(--accent);background:var(--accent-soft)}.component-stage{background:#e9edf2;grid-template-rows:auto 1fr;padding:1rem;display:grid}.component-stage-label{color:var(--muted);align-items:center;gap:.4rem;margin-bottom:.8rem;font-size:.75rem;display:flex}.component-stage-label svg{width:17px}.component-stage .component-mock{min-height:100%;box-shadow:var(--shadow-panel);background:#fff}.new-component-panel{border:1px solid var(--line);background:#fff;border-radius:10px;gap:1rem;max-width:44rem;padding:1.4rem;display:grid}.new-component-copy>svg{float:left;width:38px;height:38px;color:var(--accent);background:var(--accent-soft);border-radius:8px;margin:.1rem .8rem 1rem 0;padding:.5rem}.new-component-copy p:last-child{color:var(--muted);margin:0}.new-component-panel label{gap:.35rem;font-size:.8rem;font-weight:600;display:grid}.new-component-panel input{border:1px solid var(--line);border-radius:7px;padding:.6rem}.new-component-panel .primary-button{justify-self:start;align-items:center;gap:.4rem;display:flex}.style-guide-layout{grid-template-columns:15rem minmax(0,1fr);gap:1.5rem;display:grid}.style-guide-index{align-content:start;display:grid}.style-guide-index button{color:var(--muted);text-align:left;border:0;border-left:1px solid var(--line);background:0 0;padding:.65rem .75rem}.style-guide-index button.active{color:var(--accent);background:var(--accent-soft);border-left-color:var(--accent);font-weight:600}.style-guide-document{border:1px solid var(--line);background:#fff;border-radius:10px;max-width:50rem;padding:1.4rem}.style-guide-document>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:1.5rem;padding-bottom:1.2rem;display:flex}.style-guide-document>header p:last-child{color:var(--muted)}.style-guide-reading{padding:1.5rem 0}.style-guide-reading h4{margin-top:1rem}.style-guide-reading p{max-width:62ch;color:var(--muted);line-height:1.7}.style-guide-textarea{width:100%;min-height:16rem;margin:1.2rem 0;line-height:1.7}.website-project-list{gap:0;max-width:60rem;display:grid}.website-project-row{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:1rem 0;display:flex}.website-project-row button{color:var(--accent);background:0 0;border:0;padding:0;font-weight:600}.website-project-row p{color:var(--muted);margin:.2rem 0 0}@media (width<=980px){.review-layout{grid-template-columns:1fr;height:auto;overflow:visible}.rendered-preview,.component-stage{min-height:40rem}.feedback-chat{border-top:1px solid var(--line);border-left:0;min-height:30rem}.style-guide-layout{grid-template-columns:1fr}.style-guide-index{grid-template-columns:repeat(5,max-content);overflow-x:auto}.style-guide-index .eyebrow{grid-column:1/-1}}@media (width<=760px){.website-header,.website-toolbar,.style-guide-document>header{flex-direction:column;align-items:stretch}.website-tabs{margin-left:-.85rem;margin-right:-.85rem;padding:0 .85rem}.website-search{width:100%}.detail-view-bar{grid-template-columns:1fr auto}.detail-view-bar>div{text-align:left;grid-area:1/1/auto/-1}.detail-view-bar .back-button{grid-area:2/1}.detail-view-bar>:last-child{grid-area:2/2}.review-layout{border-radius:7px}.rendered-preview,.component-stage{min-height:32rem}.component-grid{grid-template-columns:1fr}}.website-assignments,.website-targets-view{gap:1.2rem;display:grid}.website-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;display:grid}.website-summary-card{min-height:4.7rem;color:var(--muted);text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:10px;gap:.15rem;padding:.8rem .9rem;transition:background-color .12s,border-color .12s,box-shadow .12s;display:grid}.website-summary-card:hover{border-color:var(--line-strong);background:#fff;box-shadow:0 3px 10px #1113190f}.website-summary-card.is-selected{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 40%, var(--line));box-shadow:0 0 0 2px #0366d614}.website-summary-number{color:var(--text);font-size:1.35rem;font-weight:700;line-height:1}.website-summary-label{font-size:.78rem;font-weight:600}.website-assignments-layout{grid-template-columns:minmax(21rem,.72fr) minmax(26rem,1.28fr);align-items:start;gap:1.25rem;display:grid}.website-targets-layout{grid-template-columns:minmax(15rem,17rem) minmax(28rem,1fr);align-items:start;gap:1.25rem;display:grid}.website-assignment-groups,.website-target-list{gap:1.25rem;min-width:0;display:grid}.website-view-heading{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.website-view-heading h3{margin-bottom:.25rem;font-size:1.25rem}.website-view-heading p:last-child{color:var(--muted);margin:0}.website-clear-filter{color:var(--accent);background:0 0;border:0;padding:0;font-size:.78rem;font-weight:600}.website-clear-filter:hover{text-underline-offset:.18em;text-decoration:underline}.website-assignment-section{gap:.55rem;display:grid}.website-section-heading{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.website-section-heading h4{margin:0;font-size:.95rem}.website-section-heading p{color:var(--muted);margin:.15rem 0 0;font-size:.76rem}.website-section-heading>span{color:var(--subtle);font-size:.74rem;font-weight:650}.website-assignment-list{gap:.45rem;display:grid}.website-assignment-card{width:100%;color:var(--muted);text-align:left;border:1px solid var(--line);background:#fff;border-radius:10px;gap:.42rem;padding:.75rem .85rem;transition:border-color .12s,box-shadow .12s,transform .12s;display:grid;box-shadow:0 1px 2px #11131908}.website-assignment-card:hover{border-color:var(--line-strong);transform:translateY(-1px);box-shadow:0 5px 14px #11131912}.website-assignment-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.website-assignment-card-heading{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.website-assignment-card-heading strong{color:var(--text);font-size:.92rem;line-height:1.3}.website-assignment-card-open .website-assignment-card-heading strong{color:var(--subtle)}.website-assignment-card-bezig .website-assignment-card-heading strong{color:var(--accent)}.website-assignment-card-wacht-op-antwoord .website-assignment-card-heading strong{color:var(--decision)}.website-assignment-card-geblokkeerd .website-assignment-card-heading strong{color:var(--blocked)}.website-assignment-card-afgerond .website-assignment-card-heading strong{color:var(--success)}.website-assignment-reason{font-size:.82rem;line-height:1.4}.website-assignment-facts{border-top:1px solid #edf0f3;grid-template-columns:minmax(7rem,.5fr) minmax(0,1.5fr);gap:.75rem;padding-top:.55rem;font-size:.8rem;display:grid}.website-assignment-facts span{min-width:0}.website-assignment-facts small{color:var(--subtle);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.1rem;font-size:.64rem;font-weight:700;display:block}.website-assignment-targets{flex-wrap:wrap;gap:.35rem;display:flex}.website-target-chip{color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:.2rem .4rem;font-size:.67rem;font-weight:600}.website-status,.website-control-state{white-space:nowrap;border-radius:999px;align-items:center;width:fit-content;min-height:1.35rem;padding:.16rem .45rem;font-size:.68rem;font-weight:700;line-height:1.2;display:inline-flex}.website-status-open{color:var(--muted);background:#f0f2f4}.website-status-bezig{color:var(--accent);background:var(--accent-soft)}.website-status-wacht-op-antwoord{color:var(--decision);background:var(--decision-soft)}.website-status-geblokkeerd{color:var(--blocked);background:var(--blocked-soft)}.website-status-afgerond{color:var(--success);background:var(--success-soft)}.website-completed-section{border-top:1px solid var(--line)}.website-completed-toggle{width:100%;color:var(--muted);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 0;display:flex}.website-completed-toggle>span{gap:.15rem;display:grid}.website-completed-toggle h4{color:var(--text);margin:0;font-size:.9rem}.website-completed-toggle small{color:var(--muted)}.website-completed-toggle>span:last-child{color:var(--subtle);align-items:center;gap:.35rem;display:flex}.website-completed-toggle[aria-expanded=true] svg{transform:rotate(90deg)}.website-completed-list{padding-top:.2rem}.website-assignment-detail,.website-target-detail{border:1px solid var(--line);background:#fff;border-radius:12px;gap:.85rem;min-width:0;padding:1.1rem;display:grid;box-shadow:0 2px 8px #1113190a}.website-assignment-detail{position:sticky;top:0}.website-detail-empty{min-height:17rem;color:var(--muted);text-align:center;align-content:center}.website-detail-empty svg{color:var(--subtle);justify-self:center}.website-detail-empty h4{color:var(--text);margin:0}.website-detail-empty p{margin:0}.website-detail-topline{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.website-detail-topline .eyebrow{margin:0}.website-assignment-detail>h4,.website-target-detail>h4{color:var(--text);margin:0;font-size:1.18rem;line-height:1.3}.website-detail-facts{grid-template-columns:minmax(6rem,.55fr) minmax(0,1.45fr);gap:.7rem 1rem;margin:0;display:grid}.website-detail-facts div{border-top:1px solid #edf0f3;padding-top:.65rem}.website-detail-facts .website-detail-reason{grid-column:1/-1}.website-detail-facts dt,.website-detail-section-heading h5{color:var(--subtle);letter-spacing:.045em;text-transform:uppercase;margin:0;font-size:.67rem;font-weight:700}.website-detail-facts dd{color:var(--muted);margin:.2rem 0 0;line-height:1.45}.website-detail-targets,.website-linked-work{border-top:1px solid var(--line);gap:.55rem;padding-top:.8rem;display:grid}.website-detail-section-heading{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.website-detail-section-heading>span{color:var(--subtle);font-size:.75rem}.website-detail-targets ul{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.website-detail-targets li{border-bottom:1px solid #edf0f3;grid-template-columns:auto minmax(0,1fr);gap:.15rem .55rem;padding:.5rem 0;display:grid}.website-detail-targets li:last-child{border-bottom:0}.website-detail-targets li>span{color:var(--accent);grid-row:span 2;font-size:.68rem;font-weight:700}.website-detail-targets li strong{color:var(--text);font-size:.8rem}.website-detail-targets li small{color:var(--muted);font-size:.7rem}.website-review-actions{background:var(--panel);border:1px solid var(--line);border-radius:8px;gap:.65rem;padding:.8rem;display:grid}.website-review-actions p{color:var(--muted);margin:0;font-size:.8rem}.website-review-actions>div,.website-inline-review{flex-wrap:wrap;gap:.45rem;display:flex}.website-review-actions button,.website-inline-review button{align-items:center;gap:.3rem;display:inline-flex}.website-preview{border:1px solid var(--line);background:#e9edf2;border-radius:8px;grid-template-rows:auto auto minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.website-preview-bar{border-bottom:1px solid var(--line);background:#f5f7f9;align-items:center;gap:.3rem;min-height:2rem;padding:0 .55rem;display:flex}.website-preview-bar>span{background:#c7d0da;border-radius:50%;width:6px;height:6px}.website-preview-bar small{color:var(--subtle);margin-left:.25rem;font-size:.65rem}.preview-size-picker{border-bottom:1px solid var(--line);background:#fff;gap:.25rem;padding:.4rem .5rem;display:flex;overflow-x:auto}.preview-size-picker button{min-height:30px;color:var(--muted);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:.3rem;padding:.3rem .5rem;font-size:.68rem;display:inline-flex}.preview-size-picker button:hover{color:var(--text);background:var(--panel)}.preview-size-picker button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 32%, var(--line));font-weight:650}.preview-size-picker svg{width:14px;height:14px}.live-preview-canvas{background:#dfe5eb;justify-content:center;width:100%;min-height:30rem;display:flex;overflow:auto}.live-preview-frame{background:#fff;border:0;width:100%;min-width:0;height:42rem;display:block}.live-preview-canvas-mobile .live-preview-frame{width:390px;min-width:390px}.live-preview-canvas-tablet .live-preview-frame{width:768px;min-width:768px}.live-preview-canvas-desktop .live-preview-frame{width:100%}.website-preview-compact .live-preview-canvas{min-height:20rem}.website-preview-compact .live-preview-frame{height:30rem}.website-feedback{border-top:1px solid var(--line);gap:.65rem;padding-top:.85rem;display:grid}.website-feedback-heading{align-items:flex-start;gap:.55rem;display:flex}.website-feedback-heading svg{color:var(--accent);flex:none;margin-top:.1rem}.website-feedback-heading h5{margin:0;font-size:.82rem}.website-feedback-heading p{color:var(--muted);margin:.1rem 0 0;font-size:.72rem}.website-feedback-message{background:var(--panel);border-radius:8px;gap:.15rem;padding:.65rem .75rem;display:grid}.website-feedback-message small{color:var(--accent);font-size:.66rem;font-weight:700}.website-feedback-message p{color:var(--text);margin:0;font-size:.8rem}.website-feedback-message span{color:var(--subtle);font-size:.68rem}.website-feedback-composer{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.5rem;display:grid}.website-feedback-composer textarea{resize:vertical;min-height:4.6rem;color:var(--text);border:1px solid var(--line-strong);font:inherit;background:#fff;border-radius:8px;padding:.65rem .7rem;font-size:.8rem}.website-feedback-composer textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.website-feedback-composer .primary-button{align-items:center;gap:.35rem;min-height:38px;display:inline-flex}.website-feedback-actions{justify-content:flex-end;align-items:center;gap:.7rem;display:flex}.website-feedback-adjustment .website-feedback-heading h5{color:var(--decision)}.website-feedback-adjustment .website-feedback-composer textarea{border-color:color-mix(in srgb, var(--decision) 55%, var(--line-strong))}.website-targets-heading{align-items:end}.website-targets-heading .website-search{width:min(22rem,45%)}.website-target-focus{z-index:20;background:var(--canvas);grid-template-rows:auto minmax(0,1fr);padding:.85rem;display:grid;position:fixed;inset:0;overflow:hidden}.website-focus-toolbar{justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.75rem;display:flex}.website-focus-toolbar .secondary-button{align-items:center;gap:.4rem;display:inline-flex}.website-focus-toolbar>span{color:var(--subtle);font-size:.76rem;font-weight:650}.website-focus-layout{grid-template-columns:13rem minmax(0,1fr);gap:.85rem;min-height:0;display:grid}.website-focus-library{border:1px solid var(--line);background:#fff;border-radius:12px;align-content:start;gap:1.15rem;min-height:0;padding:.8rem;display:grid;overflow-y:auto}.website-focus-library .website-target-row{grid-template-columns:1fr;gap:.18rem;padding:.55rem .6rem}.website-focus-library .website-target-row-kind{display:none}.website-focus-library .website-target-row-work,.website-focus-library .website-target-row .website-control-state{grid-column:1;justify-self:start}.website-focus-library .website-target-row-copy strong,.website-focus-library .website-target-row-copy small{white-space:normal}.website-target-focus .website-target-detail{min-height:0;padding:.85rem;overflow-y:auto}.website-target-focus .live-preview-frame{height:max(48rem,100vh - 8rem)}.website-target-group{gap:.55rem;display:grid}.website-target-rows{gap:.35rem;display:grid}.website-target-row{width:100%;color:var(--muted);text-align:left;border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:4.4rem minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.7rem .8rem;display:grid}.website-target-row:hover{border-color:var(--line-strong);background:#fbfcfd}.website-target-row.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.website-target-row-kind{color:var(--accent);font-size:.68rem;font-weight:700}.website-target-row-copy{min-width:0;display:grid}.website-target-row-copy strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.website-target-row-copy small{color:var(--subtle);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.website-target-row-work{color:var(--muted);white-space:nowrap;font-size:.7rem}.website-control-niet-beoordeeld{color:var(--muted);background:#f0f2f4}.website-control-controle-nodig{color:var(--conflict);background:var(--conflict-soft)}.website-control-goedgekeurd{color:var(--success);background:var(--success-soft)}.website-target-path{color:var(--subtle);margin:-.65rem 0 0;font-size:.78rem}.website-linked-work-list{gap:.65rem;display:grid}.website-linked-work-item{border-bottom:1px solid #edf0f3;gap:.45rem;padding:.7rem 0;display:grid}.website-linked-work-item:last-child{border-bottom:0}.website-linked-work-item>button{color:var(--text);text-align:left;background:0 0;border:0;gap:.15rem;padding:0;display:grid}.website-linked-work-item>button:hover strong{color:var(--accent)}.website-linked-work-item>button small{color:var(--muted);font-size:.74rem}.website-inline-review{padding-top:.25rem}.website-inline-review .primary-button,.website-inline-review .secondary-button{min-height:30px;padding:.3rem .5rem;font-size:.74rem}.website-open-source{justify-content:center;align-items:center;gap:.35rem;width:fit-content;text-decoration:none;display:inline-flex}.website-empty-state{color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:8px;gap:.2rem;padding:1rem;display:grid}.website-empty-state strong{color:var(--text)}.website-empty-state p{margin:0}@media (width<=1120px){.website-assignments-layout{grid-template-columns:minmax(19rem,.8fr) minmax(23rem,1.2fr)}.website-targets-layout{grid-template-columns:minmax(14rem,15rem) minmax(24rem,1fr)}}@media (width<=900px){.website-assignments-layout,.website-targets-layout{grid-template-columns:1fr}.website-assignment-detail{position:static}.website-focus-layout{grid-template-columns:1fr}.website-focus-library{display:none}}@media (width<=760px){.website-environment{align-self:flex-start}.website-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.website-assignments-layout,.website-targets-layout{grid-template-columns:1fr}.website-assignment-detail{position:static}.website-view-heading,.website-targets-heading{flex-direction:column;align-items:stretch}.website-targets-heading .website-search{width:100%}.website-target-row{grid-template-columns:4rem minmax(0,1fr)}.website-target-row-work{grid-column:2}.website-target-row .website-control-state{grid-column:2;justify-self:start}.website-feedback-composer{grid-template-columns:1fr}.website-feedback-composer .primary-button{justify-self:start}}@media (width<=390px){.website-target-focus{padding:.55rem}.website-focus-toolbar>span{display:none}.website-target-focus .website-target-detail{padding:.65rem}.website-target-focus .live-preview-frame{height:max(38rem,100vh - 10rem)}.website-summary-card{min-height:4.2rem;padding:.7rem}.website-assignment-card{padding:.8rem}.website-assignment-card-heading{display:grid}.website-assignment-facts{grid-template-columns:1fr}.website-target-row{grid-template-columns:1fr;gap:.3rem}.website-target-row-work,.website-target-row .website-control-state{grid-column:1}}.website-assignment-groups{grid-template-columns:repeat(auto-fit,minmax(min(100%,27rem),1fr));align-items:start;gap:1.5rem 1.25rem;display:grid}.website-assignment-bucket{align-content:start;gap:.7rem;min-width:0;display:grid}.website-assignment-bucket-open .website-section-heading h4{color:var(--muted)}.website-assignment-bucket-active .website-section-heading h4{color:var(--accent)}.website-assignment-bucket-waiting .website-section-heading h4{color:var(--decision)}.website-assignment-bucket-blocked .website-section-heading h4{color:var(--blocked)}.website-assignment-bucket-completed .website-completed-toggle h4{color:var(--success)}.website-assignment-bucket .website-section-heading>span,.website-assignment-bucket .website-completed-toggle>span:last-child{font-variant-numeric:tabular-nums}.website-assignment-list{border:0;gap:.65rem}.website-assignment-row{border:1px solid var(--line);background:#fff;border-radius:12px;min-width:0;transition:border-color .12s,box-shadow .12s,transform .12s;display:grid;overflow:hidden}.website-assignment-row:hover{border-color:var(--line-strong);transform:translateY(-1px);box-shadow:0 5px 14px #11131912}.website-assignment-main{min-width:0;color:var(--muted);text-align:left;background:0 0;border:0;gap:.45rem;padding:.9rem 1rem .75rem;display:grid}.website-assignment-main:hover{background:#fbfcfd}.website-assignment-main:disabled{cursor:default}.website-assignment-row-open .website-assignment-card-heading strong{color:var(--subtle)}.website-assignment-row-bezig .website-assignment-card-heading strong{color:var(--accent)}.website-assignment-row-wacht-op-antwoord .website-assignment-card-heading strong{color:var(--decision)}.website-assignment-row-geblokkeerd .website-assignment-card-heading strong{color:var(--blocked)}.website-assignment-row-afgerond .website-assignment-card-heading strong{color:var(--success)}.website-assignment-links{border-top:1px solid #edf0f3;flex-wrap:wrap;gap:0;padding:0 .7rem .55rem;display:flex}.website-assignment-links button{min-width:7rem;max-width:100%;color:var(--accent);text-align:left;background:0 0;border:0;border-radius:6px;grid-template-columns:1rem minmax(0,1fr) 1rem;align-items:center;gap:.35rem;padding:.5rem .35rem;font-size:.74rem;font-weight:650;display:grid}.website-assignment-links button:hover{background:var(--accent-soft)}.website-assignment-links svg{width:14px;height:14px}.website-assignment-links span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.website-completed-section{border-top:1px solid var(--line);padding-top:1rem}.website-assignment-bucket .website-completed-toggle{padding:0}.website-assignment-bucket .website-completed-list{padding-top:.35rem}.website-library{gap:1.35rem;display:grid}.website-library-heading{align-items:end}.website-library-filters{background:var(--panel);border:1px solid var(--line);border-radius:8px;gap:.3rem;width:fit-content;padding:.25rem;display:flex}.website-library-filters button{color:var(--muted);background:0 0;border:0;border-radius:5px;padding:.42rem .7rem}.website-library-filters button[aria-pressed=true]{color:var(--text);background:#fff;font-weight:650;box-shadow:0 1px 3px #11131914}.website-library-filters span{color:var(--subtle);margin-left:.25rem;font-size:.68rem}.website-library-group{gap:.65rem;display:grid}.website-file-grid{grid-template-columns:repeat(auto-fill,minmax(13.5rem,1fr));gap:.75rem;display:grid}.website-file{min-width:0;color:var(--muted);text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:2.25rem minmax(0,1fr);gap:.45rem .65rem;padding:.85rem;transition:border-color .12s,box-shadow .12s,transform .12s;display:grid}.website-file:hover{border-color:var(--line-strong);transform:translateY(-1px);box-shadow:0 5px 14px #11131912}.website-file-icon{width:2.25rem;height:2.25rem;color:var(--accent);background:var(--accent-soft);border-radius:8px;grid-row:span 2;place-items:center;display:grid}.website-file-icon svg{width:18px;height:18px}.website-file-copy{min-width:0;display:grid}.website-file-copy strong,.website-file-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.website-file-copy strong{color:var(--text);font-size:.82rem}.website-file-copy small{color:var(--subtle);font-size:.68rem}.website-file-meta{color:var(--muted);grid-column:2;font-size:.7rem}.website-file .website-control-state{grid-column:1/-1;margin-top:.2rem}.website-review-layout{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(18rem,21rem);height:calc(100vh - 14rem);min-height:38rem;display:grid;overflow:hidden}.website-review-layout .website-preview{border:0;border-radius:0;height:100%}.website-review-layout .live-preview-canvas{min-height:0}.website-review-layout .live-preview-frame{height:100%;min-height:100%}.website-review-sidebar{border-left:1px solid var(--line);align-content:start;gap:1rem;min-width:0;padding:1rem;display:grid;overflow-y:auto}.website-review-sidebar .website-feedback{border-top:0;padding-top:0}.website-review-sidebar .website-feedback-composer{grid-template-columns:1fr}.website-review-sidebar .website-feedback-composer .primary-button{justify-self:start}.website-review-sidebar .website-feedback-actions{justify-content:flex-start}.website-linked-work-item>strong{color:var(--text);font-size:.8rem}.website-inline-review button[aria-pressed=true]{color:var(--decision);border-color:color-mix(in srgb, var(--decision) 45%, var(--line))}@media (width<=900px){.website-review-layout{grid-template-columns:1fr;height:auto;overflow:visible}.website-review-layout .website-preview{min-height:42rem}.website-review-sidebar{border-top:1px solid var(--line);border-left:0;overflow:visible}}@media (width<=760px){.website-library-heading{flex-direction:column;align-items:stretch}.website-library-heading .website-search{width:100%}.website-file-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.website-assignment-facts{grid-template-columns:1fr}}@media (width<=480px){.website-library-filters{width:100%;overflow-x:auto}.website-file-grid{grid-template-columns:1fr}.website-review-layout .website-preview{min-height:36rem}}@media (width>=360px) and (width<=760px){.project-health-row{grid-template-columns:repeat(2,minmax(0,1fr))}.project-health-main{grid-column:1/-1;padding-right:2rem}.project-health-next{grid-area:3/1}.project-health-progress{grid-area:3/2}.project-health-meta{grid-row:4}.project-health-row>svg{position:absolute;top:1.1rem;right:1rem}}
