@font-face{font-family:Roboto;src:url('/static/fonts/roboto-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Roboto;src:url('/static/fonts/roboto-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Roboto;src:url('/static/fonts/roboto-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Roboto Slab';src:url('/static/fonts/roboto-slab-700.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--f-canvas:#f5f6f1;--f-paper:#fff;--f-green:#0a4b2d;--f-green-2:#17633e;--f-yellow:#ffd22e;--f-ink:#1d241f;--f-muted:#637069;--f-line:#dfe4de;--f-line-strong:#cbd3cc;--f-blue:#e8f0ff;--f-amber:#fff3d7;--f-purple:#f2ebfb;--f-danger:#a9362b;--f-shadow-1:0 8px 28px rgba(13,48,29,.07);--f-shadow-2:0 18px 60px rgba(13,48,29,.16)}
/* Shared form components also run outside the legacy data-theme wrapper. */
.f-shell {
  --zw-border: #819387;
  --zw-border-subtle: var(--f-line);
  --zw-surface: var(--f-paper);
  --zw-ink: var(--f-ink);
  --zw-muted: var(--f-muted);
  --zw-brand-green: var(--f-green);
  --zw-brand-green-dark: var(--f-green);
  --zw-brand-yellow: var(--f-yellow);
  --zw-gap: 16px;
  --zw-touch: 48px;
}
.f-shell .zw-field { min-width: 0; }
.f-shell .zw-field :is(input, select, textarea):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not(.zw-visually-hidden):focus-visible {
  border-color: var(--f-green);
  outline: 3px solid var(--f-green);
  outline-offset: 3px;
}
.f-shell .zw-field :is(input, select, textarea):disabled {
  background-color: #edf0eb;
  color: var(--f-muted);
  cursor: not-allowed;
}
.f-shell :is(.wvz-inline-actions, .wvz-header-actions) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.f-shell :is(.wvz-row-actions, .wvz-drawer-actions, .wvz-row-actions form) {
  flex-wrap: wrap;
  gap: 12px;
}
.f-shell :is(.wvz-inline-actions, .wvz-header-actions, .wvz-row-actions, .wvz-drawer-actions) > * {
  min-width: 0;
  max-width: 100%;
}
html{background:var(--f-canvas);scroll-behavior:smooth}body{margin:0;background:var(--f-canvas);color:var(--f-ink);font-family:Roboto,Arial,sans-serif}.f-shell,.f-shell *{box-sizing:border-box}.f-shell{min-height:100vh}.f-shell a{color:inherit}.f-icon{width:22px;height:22px;display:block;flex:none}.f-skip{position:fixed;z-index:200;top:8px;left:82px;padding:10px 14px;border-radius:8px;background:var(--f-yellow);transform:translateY(-160%)}.f-skip:focus{transform:none}
.f-global-rail{position:fixed;z-index:40;inset:0 auto 0 0;width:68px;display:flex;flex-direction:column;align-items:center;padding:16px 9px 14px;border-right:1px solid var(--f-line);background:rgba(255,255,252,.97);backdrop-filter:blur(18px)}.f-brand{display:grid;width:45px;height:45px;place-items:center;text-decoration:none}.f-mark{display:block;width:38px;height:38px;object-fit:contain}.f-global-links{display:flex;flex:1;flex-direction:column;gap:8px;width:100%;margin-top:34px}.f-global-links a,.f-global-links button,.f-rail-button,.f-profile-button{position:relative;display:grid;width:50px;height:50px;place-items:center;border:0;border-radius:13px;color:#67736c;background:transparent;text-decoration:none;cursor:pointer}.f-global-links a:hover,.f-global-links button:hover,.f-global-links a:focus-visible,.f-global-links button:focus-visible,.f-rail-button:hover,.f-rail-button:focus-visible{color:var(--f-green);background:#edf3ee}.f-global-links [aria-current=page]{color:#fff;background:var(--f-green)}.f-global-links [aria-current=page]::before{position:absolute;left:-9px;width:3px;height:27px;border-radius:0 4px 4px 0;background:var(--f-yellow);content:''}.f-nav-label{position:absolute;z-index:2;left:59px;width:max-content;max-width:210px;padding:8px 10px;border-radius:7px;color:#fff;background:#17251d;font-size:12px;font-weight:700;opacity:0;pointer-events:none;transform:translateX(-4px);transition:opacity .15s,transform .15s}.f-global-links a:hover .f-nav-label,.f-global-links a:focus-visible .f-nav-label,.f-global-links button:hover .f-nav-label,.f-global-links button:focus-visible .f-nav-label,.f-rail-button:hover .f-nav-label,.f-rail-button:focus-visible .f-nav-label{opacity:1;transform:none}.f-global-links em,.f-rail-button em,.f-mobile-nav em{position:absolute;top:3px;right:3px;display:grid;min-width:18px;height:18px;place-items:center;border:2px solid #fff;border-radius:999px;color:#1d241b;background:var(--f-yellow);font-size:9px;font-style:normal;font-weight:800}.f-rail-end{display:grid;gap:8px}.f-profile-button{border-radius:50%;color:#fff;background:var(--f-green)}.f-profile-button span{font-size:11px;font-weight:800}
.f-context-rail{position:fixed;z-index:30;inset:0 auto 0 68px;width:222px;display:flex;flex-direction:column;border-right:1px solid var(--f-line);background:#eef2ed;transition:transform .2s ease}.f-context-head{position:relative;padding:29px 23px 18px}.f-kicker,.f-context-head p{margin:0 0 7px;color:#7d6300;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.f-context-head h2{margin:0;color:var(--f-green);font:700 21px/1.15 'Roboto Slab',serif}.f-context-action{display:inline-flex;min-height:44px;align-items:center;margin-top:15px;color:var(--f-green)!important;font-size:12px;font-weight:750;text-decoration:none}.f-context-action:hover,.f-context-action:focus-visible{text-decoration:underline;text-underline-offset:3px}.f-context-collapse{position:absolute;top:29px;right:10px;width:29px;height:29px;border:1px solid var(--f-line-strong);border-radius:8px;background:#fff;cursor:pointer}.f-context-rail nav{display:grid;gap:3px;padding:0 13px}.f-context-group{display:grid;gap:2px}.f-context-group+.f-context-group{margin-top:13px}.f-context-group-label{margin:0;padding:0 12px 3px;color:#7d6300;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.f-context-rail nav a{display:flex;min-height:42px;align-items:center;padding:9px 12px;border-radius:9px;color:#536059;text-decoration:none;font-size:13px;font-weight:600}.f-context-rail nav a:hover,.f-context-rail nav a:focus-visible{color:var(--f-green);background:#fff}.f-context-rail nav a[aria-current=page]{color:var(--f-green);background:#fff;box-shadow:inset 3px 0 var(--f-yellow)}.f-context-rail footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:18px 23px;border-top:1px solid var(--f-line);color:var(--f-muted);font-size:11px}.f-context-rail footer strong{color:var(--f-green)}.f-shell.is-context-collapsed .f-context-rail{transform:translateX(-222px)}.f-shell.is-context-collapsed .f-stage{margin-left:68px}
.f-stage{min-height:100vh;margin-left:68px;transition:margin-left .2s ease}.f-shell.has-context .f-stage{margin-left:290px}.f-utility{position:sticky;z-index:20;top:0;height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 24px 0 30px;border-bottom:1px solid var(--f-line);background:rgba(245,246,241,.94);backdrop-filter:blur(14px)}.f-breadcrumb{display:flex;align-items:center;gap:9px;color:var(--f-muted);font-size:12px}.f-breadcrumb i{color:#aab2ac;font-style:normal}.f-breadcrumb strong{color:var(--f-green)}.f-utility-actions{display:flex;align-items:center;gap:9px}.f-command-trigger,.f-attention-trigger,.f-user-trigger{min-height:40px;border:1px solid var(--f-line-strong);border-radius:11px;background:#fff;cursor:pointer}.f-command-trigger{display:flex;width:min(300px,28vw);align-items:center;gap:10px;padding:0 10px;color:var(--f-muted)}.f-command-trigger span{flex:1;text-align:left}.f-shell kbd{padding:2px 6px;border:1px solid var(--f-line);border-radius:5px;color:var(--f-muted);background:#f6f7f4;font:500 10px Roboto}.f-attention-trigger{display:flex;align-items:center;gap:9px;padding:0 12px;color:var(--f-green);font-weight:700}.f-attention-trigger strong{display:grid;min-width:22px;height:22px;place-items:center;border-radius:999px;background:var(--f-yellow);font-size:10px}.f-user-trigger{display:flex;align-items:center;gap:9px;padding:4px 10px 4px 5px;color:var(--f-green)}.f-user-trigger>span{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;color:#fff;background:var(--f-green);font-size:10px;font-weight:800}.f-user-trigger strong{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.f-mobile-context{display:none}.f-main{min-height:calc(100vh - 66px);padding:clamp(28px,4vw,62px) clamp(22px,4.5vw,72px) 80px}.f-main>.wvz-page,.f-main .wvz-application-page{width:min(1510px,100%);max-width:none;margin:0 auto}.f-main .wvz-page>*{min-width:0;overflow-wrap:normal}.f-main h1,.f-main h2,.f-main h3{font-family:'Roboto Slab',serif}.f-main h1{color:var(--f-green)}
.f-mobile-nav{display:none}.f-layer[hidden],.f-command[hidden]{display:none}.f-layer,.f-command{position:fixed;z-index:100;inset:0}.f-layer-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(14,28,20,.34);cursor:default}.f-layer>section,.f-command>section{position:absolute;background:#fff;box-shadow:var(--f-shadow-2)}.f-layer--attention>section{top:12px;right:12px;bottom:12px;width:min(430px,calc(100vw - 24px));display:flex;flex-direction:column;overflow:hidden;border-radius:19px}.f-layer--account>section{top:64px;right:18px;width:260px;padding:12px;border:1px solid var(--f-line);border-radius:14px}.f-layer-header{display:flex;min-height:70px;align-items:center;justify-content:space-between;gap:14px;padding:17px 20px;border-bottom:1px solid var(--f-line)}.f-layer-header h2{margin:0;color:var(--f-green);font:700 25px 'Roboto Slab',serif}.f-layer-header h2 span{font:700 12px Roboto}.f-layer-header button{width:40px;height:40px;border:0;border-radius:10px;background:#f1f4ef;cursor:pointer}.f-layer-loading{padding:24px;color:var(--f-muted)}.f-attention-list{overflow:auto}.f-attention-item{display:grid;grid-template-columns:30px minmax(0,1fr) 22px;gap:12px;align-items:center;padding:17px 20px;border-bottom:1px solid var(--f-line);text-decoration:none}.f-attention-item:hover,.f-attention-item:focus-visible{background:#f6f8f4}.f-attention-index{font-size:10px;font-weight:800;color:#9b6a0d}.f-attention-copy{display:grid;gap:3px;min-width:0}.f-attention-copy small{color:var(--f-muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.f-attention-copy strong{overflow-wrap:break-word}.f-attention-copy em{color:var(--f-muted);font-size:11px;font-style:normal}.f-layer--attention footer{margin-top:auto;padding:17px 20px;border-top:1px solid var(--f-line)}.f-layer--attention footer a{display:flex;align-items:center;justify-content:space-between;color:var(--f-green);font-weight:700;text-decoration:none}.f-account-summary{display:grid;grid-template-columns:38px 1fr;gap:2px 10px;padding:10px}.f-account-summary>span{grid-row:1/3;display:grid;width:38px;height:38px;place-items:center;border-radius:50%;color:#fff;background:var(--f-green);font-size:11px;font-weight:800}.f-account-summary small{color:var(--f-muted)}.f-layer--account form button{width:100%;min-height:44px;border:0;border-radius:9px;text-align:left;background:#f3f5f1;cursor:pointer}.f-command>section{top:9vh;left:50%;width:min(650px,calc(100vw - 30px));max-height:76vh;overflow:hidden;border-radius:20px;transform:translateX(-50%)}.f-command .f-layer-header{display:grid;grid-template-columns:26px 1fr auto}.f-command input{min-width:0;border:0;outline:0;font:500 18px Roboto}.f-command [data-command-results]{max-height:55vh;overflow:auto;padding:8px 12px 16px}.f-command [data-command-results]>.f-kicker{padding:12px 10px 4px}.f-command [data-command-item]{display:flex;min-height:54px;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:10px;text-decoration:none}.f-command [data-command-item].is-active,.f-command [data-command-item]:hover{background:#eef3ed}.f-command [data-command-item] span{display:grid}.f-command [data-command-item] small{color:var(--f-muted)}.f-command footer{display:flex;gap:18px;padding:11px 20px;border-top:1px solid var(--f-line);color:var(--f-muted);font-size:10px}
/* Ledenregister: compacte directory in plaats van een cardwall. */
.wvz-member-directory{display:grid;gap:clamp(24px,3.5vw,42px)}.wvz-member-directory__hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;padding:4px 0 30px;border-bottom:1px solid var(--f-line)}.wvz-member-directory__hero h1{margin:5px 0 0;font:700 clamp(2.8rem,5vw,4.8rem)/.96 'Roboto Slab',serif;letter-spacing:-.045em}.wvz-member-create{position:relative;z-index:12;justify-self:end}.wvz-member-create>summary{display:inline-flex;list-style:none;cursor:pointer}.wvz-member-create>summary::-webkit-details-marker{display:none}.wvz-member-create>summary::marker{content:""}.wvz-member-create__panel{position:absolute;top:calc(100% + 12px);right:0;width:min(620px,calc(100vw - 120px));max-height:min(720px,calc(100vh - 110px));overflow:auto;padding:26px;border:1px solid var(--f-line-strong);border-radius:16px;background:var(--f-paper);box-shadow:var(--f-shadow-2)}.wvz-member-create__panel h2{margin:0 0 22px;color:var(--f-green);font-size:25px}.wvz-member-search{display:grid;grid-template-columns:minmax(0,760px) auto;align-items:end;gap:8px 18px}.wvz-member-search>label{grid-column:1/-1;color:var(--f-ink);font-size:13px;font-weight:800}.wvz-member-search__control{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;min-height:54px;overflow:hidden;border:1px solid var(--f-line-strong);border-radius:12px;background:var(--f-paper)}.wvz-member-search__control:focus-within{border-color:var(--f-green);box-shadow:0 0 0 3px rgba(10,75,45,.13)}.wvz-member-search__control>span{display:grid;height:100%;place-items:center;color:var(--f-green);font-size:25px;font-weight:800}.wvz-member-search__control input{width:100%;min-width:0;height:52px;padding:0 12px 0 0;border:0;outline:0;color:var(--f-ink);background:transparent;font:500 16px Roboto,Arial,sans-serif}.wvz-member-search__control button{align-self:stretch;min-width:104px;padding:0 19px;border:0;color:#fff;background:var(--f-green);font:750 14px Roboto,Arial,sans-serif;cursor:pointer}.wvz-member-search>a{align-self:center;color:var(--f-green);font-size:12px;font-weight:700}.wvz-member-directory__results{display:grid;gap:14px}.wvz-member-directory__results>header{display:flex;align-items:end;justify-content:space-between;gap:24px}.wvz-member-directory__results h2{margin:0;color:var(--f-green);font-size:clamp(24px,2.4vw,34px)}.wvz-member-directory__results>header p{margin:0;color:var(--f-muted);font-size:13px;font-weight:700}.wvz-member-list{overflow:hidden;border-block:1px solid var(--f-line-strong);background:var(--f-paper)}.wvz-member-list__head,.wvz-member-row{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(220px,1.15fr) minmax(150px,.8fr) 24px;gap:clamp(18px,3vw,44px);align-items:center}.wvz-member-list__head{min-height:42px;padding:0 20px;border-bottom:1px solid var(--f-line);color:var(--f-muted);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.wvz-member-row{min-height:78px;padding:14px 20px;border-bottom:1px solid var(--f-line);color:inherit;text-decoration:none}.wvz-member-row:last-child{border-bottom:0}.wvz-member-row:hover,.wvz-member-row:focus-visible{outline:0;background:#f5f8f3;box-shadow:inset 4px 0 var(--f-yellow)}.wvz-member-row__identity,.wvz-member-row__contact,.wvz-member-row__membership{display:grid;gap:4px;min-width:0}.wvz-member-row__identity strong,.wvz-member-row__contact>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wvz-member-row__identity strong{color:var(--f-ink);font-size:16px}.wvz-member-row small,.wvz-member-row__contact,.wvz-member-row__membership{color:var(--f-muted);font-size:13px}.wvz-member-row__membership>span:first-child{color:var(--f-ink);font-weight:650}.wvz-member-row__arrow{color:var(--f-green);font-size:24px}.wvz-plain-status{color:var(--f-muted);font-size:12px;font-weight:750}
@media(max-width:900px){.wvz-member-list__head,.wvz-member-row{grid-template-columns:minmax(180px,1.25fr) minmax(200px,1fr) 24px}.wvz-member-list__head>span:nth-child(3),.wvz-member-row__membership{display:none}}
@media(max-width:767px){.wvz-member-directory{gap:28px}.wvz-member-directory__hero{grid-template-columns:1fr;align-items:start;gap:22px;padding-top:2px}.wvz-member-directory__hero h1{font-size:44px}.wvz-member-create{justify-self:start;width:100%}.wvz-member-create>summary{width:100%;justify-content:center}.wvz-member-create__panel{position:static;width:100%;max-height:none;margin-top:12px;padding:20px 16px}.wvz-member-search{grid-template-columns:1fr}.wvz-member-search__control{grid-template-columns:42px minmax(0,1fr)}.wvz-member-search__control button{grid-column:1/-1;min-height:46px}.wvz-member-search>a{min-height:40px;display:flex;align-items:center}.wvz-member-directory__results>header{align-items:start;flex-direction:column;gap:4px}.wvz-member-list{background:transparent}.wvz-member-list__head{display:none}.wvz-member-row{grid-template-columns:minmax(0,1fr) 20px;gap:7px 12px;min-height:94px;padding:16px 5px;background:transparent}.wvz-member-row__identity,.wvz-member-row__contact,.wvz-member-row__membership{grid-column:1}.wvz-member-row__membership{display:flex!important;gap:10px;align-items:center}.wvz-member-row__arrow{grid-column:2;grid-row:1/4;align-self:center}}
/* Mijn Zevenwolden: echte projecties in de Havenrail-compositie. */
.f-context-rail nav{min-height:0;overflow-y:auto}.f-context-rail footer{flex-shrink:0}
.f-context-rail nav a{min-height:44px}
.f-main>.wvz-page--home{width:min(1440px,100%)}.f-home{display:grid;gap:50px}.f-home-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.64fr);align-items:end;gap:clamp(42px,6vw,96px);padding:6px 0 18px}.f-home-intro h1{max-width:12ch;margin:0;color:var(--f-green);font:700 clamp(2.8rem,4.8vw,5rem)/.98 'Roboto Slab',serif;letter-spacing:-.045em}.f-home-intro>div>p:last-child{max-width:55ch;margin:18px 0 0;color:var(--f-muted);font-size:1.05rem}.f-next-action{display:grid;grid-template-columns:1fr 44px;gap:5px 16px;padding:24px 23px;border:1px solid #c69d00;border-radius:17px;color:#20241e;background:var(--f-yellow);box-shadow:0 3px 0 #b88f00;text-decoration:none}.f-next-action>span,.f-next-action>small{grid-column:1}.f-next-action>span{font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.f-next-action>strong{font:700 22px/1.15 'Roboto Slab',serif}.f-next-action>i{grid-area:1/2/4;display:grid;width:44px;height:44px;place-items:center;align-self:center;border-radius:50%;background:rgba(255,255,255,.55)}.f-home-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(310px,.7fr);gap:clamp(34px,5vw,72px)}.f-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:14px}.f-section-heading h2{margin:0;color:var(--f-green);font:700 clamp(1.45rem,2vw,2rem) 'Roboto Slab',serif}.f-section-heading a{color:var(--f-green);font-size:12px;font-weight:700}.f-upcoming{padding-left:clamp(26px,3vw,42px);border-left:1px solid var(--f-line)}.f-upcoming ol{margin:0;padding:0;list-style:none}.f-upcoming li{display:grid;grid-template-columns:45px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--f-line)}.f-upcoming time{display:grid;text-align:center}.f-upcoming time strong{color:var(--f-green);font:700 25px 'Roboto Slab',serif}.f-upcoming time span{text-transform:uppercase;color:var(--f-muted);font-size:9px}.f-upcoming li>div{display:grid;gap:3px}.f-upcoming li span,.f-upcoming li small{color:var(--f-muted);font-size:11px}.f-inline-link{display:flex;align-items:center;justify-content:space-between;margin-top:17px;color:var(--f-green);font-weight:700;text-decoration:none}.f-responsibility{padding-top:30px;border-top:1px solid var(--f-line)}.f-responsibility-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px;border-top:1px solid var(--f-line)}.f-responsibility-lines a{display:grid;gap:4px;padding:20px 5px;border-bottom:1px solid var(--f-line);text-decoration:none}.f-responsibility-lines a:nth-child(odd){padding-right:30px;border-right:1px solid var(--f-line)}.f-responsibility-lines a:nth-child(even){padding-left:30px}.f-responsibility-lines span,.f-responsibility-lines small{color:var(--f-muted);font-size:11px}.f-responsibility-lines strong{color:var(--f-green);font:700 18px 'Roboto Slab',serif}
/* Event workspace: bestaande inhoud, nieuwe hiërarchie. */
.wvz-work-detail>.wvz-back-link{display:inline-flex;margin-bottom:20px}.wvz-work-detail>.wvz-entity-header{border-bottom:1px solid var(--f-line);padding-bottom:28px}.wvz-work-detail>.wvz-detail-navigation{position:sticky;z-index:10;top:66px;margin:0 -8px 30px;padding:0 8px;border-bottom:1px solid var(--f-line);background:rgba(245,246,241,.95)}.wvz-work-detail>.wvz-detail-navigation a{min-height:48px;border-radius:0}.wvz-work-detail>.wvz-detail-navigation a[aria-current=page]{box-shadow:inset 0 -3px var(--f-yellow)}.wvz-event-preparation-card{display:grid!important;grid-template-columns:minmax(180px,.55fr) minmax(300px,1fr);gap:20px 36px;border:0!important;border-radius:20px!important;color:#fff!important;background:var(--f-green)!important;box-shadow:none!important}.wvz-event-preparation-card h2,.wvz-event-preparation-card p,.wvz-event-preparation-card span,.wvz-event-preparation-card small{color:inherit!important}.wvz-event-preparation-card .wvz-next-action{grid-column:2;grid-row:1/3;padding-left:28px;border-left:1px solid rgba(255,255,255,.22)}.wvz-event-preparation-card .zw-button--primary{color:#172119!important;background:var(--f-yellow)!important}.wvz-assistance-groups{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--f-line);border-radius:16px;background:var(--f-line)}.wvz-assistance-group{min-height:150px;border:0!important;border-radius:0!important;box-shadow:none!important}.wvz-work-cockpit-grid,.wvz-work-two-column{gap:22px!important}.wvz-work-section>.zw-card,.wvz-work-section section>.zw-card{box-shadow:none}.wvz-work-section .wvz-management-metrics .zw-card{border-width:0 0 1px;border-radius:0;background:transparent}
.wvz-event-preparation-card .zw-status,.wvz-event-preparation-card .zw-status span{color:var(--status-fg)!important}
.wvz-view-toggle a[aria-current=page]{border-color:var(--f-green)!important;color:var(--f-green)!important;background:#fff!important;box-shadow:inset 0 -3px var(--f-yellow)}
/* Signature timeline. */
.f-calendar-view{display:grid;gap:22px}.f-calendar-head{display:flex;align-items:end;justify-content:space-between;gap:24px}.f-calendar-head h1{margin:0;font:700 clamp(2.7rem,4.3vw,4.7rem)/1 'Roboto Slab',serif;letter-spacing:-.04em}.f-calendar-head p{max-width:62ch;color:var(--f-muted)}.f-year-switch{display:flex;align-items:center;gap:12px}.f-year-switch a{display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--f-line-strong);border-radius:10px;background:#fff;text-decoration:none}.f-year-switch strong{font:700 20px 'Roboto Slab',serif}.f-calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px}.f-calendar-toolbar .wvz-calendar-filters{flex:1}.f-today-button{min-height:42px;padding:0 15px;border:1px solid #c69d00;border-radius:10px;background:var(--f-yellow);font-weight:700;white-space:nowrap;cursor:pointer}.f-timeline-shell{overflow:hidden;border:1px solid var(--f-line-strong);border-radius:21px;background:var(--f-paper);box-shadow:var(--f-shadow-1)}.f-timeline-legend{min-height:43px;display:flex;align-items:center;justify-content:flex-end;gap:18px;padding:7px 19px;border-bottom:1px solid var(--f-line);color:var(--f-muted);font-size:10px}.f-timeline-legend span{display:flex;align-items:center;gap:6px}.f-timeline-legend i{width:8px;height:8px;border-radius:50%;background:var(--f-green)}.f-timeline-legend i.activity{background:#c59016}.f-timeline-legend i.external{border:1px solid #8d9891;background:transparent}.f-timeline{height:min(650px,calc(100vh - 300px));min-height:440px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--f-green) transparent;scrollbar-width:thin}.f-month{display:grid;grid-template-columns:170px minmax(0,1fr);min-height:165px;border-bottom:1px solid var(--f-line)}.f-month.is-past{background:#fafbf8}.f-month>header{padding:27px 22px;border-right:1px solid var(--f-line)}.f-month>header span{color:#9b6a0d;font-size:10px;font-weight:800}.f-month>header h2{margin:6px 0 3px;color:var(--f-green);font:700 22px 'Roboto Slab',serif;overflow-wrap:normal;word-break:keep-all;white-space:nowrap}.f-month>header small{color:var(--f-muted)}.f-month-line{position:relative;display:grid;align-content:start;gap:8px;padding:22px 26px}.f-month.is-current{background:#fffdf1}.f-month.is-current>header{box-shadow:inset 4px 0 var(--f-yellow)}.f-now{position:absolute;z-index:2;top:0;right:0;left:0;height:2px;background:var(--f-yellow)}.f-now span{position:absolute;top:-11px;right:20px;padding:3px 7px;border-radius:999px;background:var(--f-yellow);font-size:9px;font-weight:800}.f-calendar-item{display:grid;grid-template-columns:50px minmax(0,1fr) 22px;gap:13px;align-items:center;min-height:62px;padding:8px 12px;border:0;border-left:3px solid #c59016;border-radius:8px;color:inherit;background:#faf8ef;text-align:left;text-decoration:none}.f-calendar-item.is-event{border-left-color:var(--f-green);background:#edf5ef}.f-calendar-item.is-external{border:1px dashed #9da7a0;background:#fff}.f-calendar-item time{display:grid;text-align:center}.f-calendar-item time strong{font:700 21px 'Roboto Slab',serif}.f-calendar-item time span{color:var(--f-muted);font-size:9px;text-transform:uppercase}.f-calendar-item>span{display:grid}.f-calendar-item small{color:var(--f-muted)}
.f-calendar-toolbar .wvz-calendar-tabs a[aria-current=page]{border-color:var(--f-green)!important;color:var(--f-green)!important;background:#fff!important;box-shadow:inset 0 -3px var(--f-yellow)}
/* Contextuele task workspace en herstelbare blokkades. */
.wvz-requirement-overlay{width:min(720px,calc(100vw - 24px))!important;max-width:none!important;border-radius:20px 0 0 20px!important;box-shadow:var(--f-shadow-2)!important}.wvz-requirement-header{background:#f7f8f4}.wvz-requirement-context{border-left:4px solid var(--f-yellow);background:#fffdf2}.wvz-requirement-stepper{position:sticky;top:0;z-index:2;background:#fff}.wvz-requirement-warning{border-radius:14px;background:var(--f-amber)}.wvz-requirement-finish button:disabled{opacity:.55;cursor:not-allowed}.wvz-requirement-footer{position:sticky;bottom:0;background:#fff}
@media(max-width:1023px){.f-context-rail{display:none}.f-shell.has-context .f-stage,.f-stage{margin-left:68px}.f-breadcrumb{display:none}.f-mobile-context{display:flex;align-items:center;gap:10px}.f-mobile-context .f-mark{width:32px;height:32px}.f-mobile-context>span{display:grid}.f-mobile-context small{color:var(--f-muted);font-size:9px;text-transform:uppercase}.f-mobile-context strong{color:var(--f-green);font-size:13px}.f-command-trigger{width:44px}.f-command-trigger span,.f-command-trigger kbd{display:none}.wvz-assistance-groups{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){body{padding-bottom:66px}.f-global-rail{display:none}.f-stage,.f-shell.has-context .f-stage{margin-left:0}.f-utility{height:58px;padding:0 17px}.f-utility-actions{gap:5px}.f-attention-trigger,.f-user-trigger{width:40px;padding:4px}.f-attention-trigger span,.f-user-trigger strong{display:none}.f-main{min-height:calc(100vh - 58px);padding:22px 18px 38px}.f-mobile-nav{position:fixed;z-index:50;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(5,1fr);height:66px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--f-line);background:rgba(255,255,252,.98)}.f-mobile-nav a,.f-mobile-nav button{position:relative;display:grid;place-items:center;align-content:center;gap:3px;min-width:0;border:0;color:#667169;background:transparent;text-decoration:none}.f-mobile-nav [aria-current=page]{color:var(--f-green)}.f-mobile-nav [aria-current=page]::before{position:absolute;top:0;width:28px;height:3px;border-radius:0 0 4px 4px;background:var(--f-yellow);content:''}.f-mobile-nav .f-icon{width:20px;height:20px}.f-mobile-nav span{font-size:9px;font-weight:700}.f-layer--attention>section{inset:0;width:auto;border-radius:0}.f-layer--account>section{right:10px;left:10px;width:auto}.f-command>section{inset:0;width:auto;max-height:none;border-radius:0;transform:none}.f-command [data-command-results]{max-height:calc(100vh - 126px)}.f-command footer{display:none}.f-home{gap:36px}.f-home-intro{grid-template-columns:1fr;gap:25px}.f-home-intro h1{font-size:clamp(2.55rem,13vw,3.4rem)}.f-next-action{grid-template-columns:1fr 38px;padding:20px}.f-next-action>strong{font-size:19px}.f-home-grid{grid-template-columns:1fr;gap:38px}.f-upcoming{padding-left:0;border-left:0}.f-responsibility-lines{grid-template-columns:1fr}.f-responsibility-lines a:nth-child(n){padding:18px 0;border-right:0}.wvz-event-preparation-card{grid-template-columns:1fr!important}.wvz-event-preparation-card .wvz-next-action{grid-column:1;grid-row:auto;padding:20px 0 0;border-top:1px solid rgba(255,255,255,.22);border-left:0}.wvz-assistance-groups{grid-template-columns:1fr}.wvz-assistance-group:nth-child(n+4){display:none}.wvz-work-detail>.wvz-detail-navigation{top:58px;overflow-x:auto}.f-calendar-head{align-items:start}.f-calendar-head h1{font-size:2.65rem}.f-calendar-head p{display:none}.f-calendar-toolbar{align-items:stretch;flex-direction:column}.f-today-button{align-self:flex-start}.f-timeline{height:calc(100vh - 300px);min-height:420px}.f-timeline-legend{justify-content:flex-start;overflow-x:auto}.f-month{grid-template-columns:1fr;min-height:0}.f-month>header{display:flex;align-items:baseline;gap:8px;padding:17px 16px;border-right:0;border-bottom:1px solid var(--f-line)}.f-month>header h2{margin:0}.f-month>header small{margin-left:auto}.f-month-line{padding:18px 13px}.f-calendar-item{grid-template-columns:42px minmax(0,1fr) 18px;padding:8px}.wvz-requirement-overlay{inset:0!important;width:100%!important;border-radius:0!important}.wvz-requirement-stepper strong{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.f-shell *,.f-shell *::before,.f-shell *::after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}
@media(min-width:1024px){.wvz-work-detail>.wvz-detail-navigation{display:none}}
.f-attention-page{display:grid;gap:36px}.f-attention-page-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:48px}.f-attention-page-grid>.f-attention-list{overflow:hidden;border:1px solid var(--f-line);border-radius:18px;background:#fff}.f-attention-best{align-self:start;padding:26px;border-radius:18px;color:#fff;background:var(--f-green)}.f-attention-best h2,.f-attention-best p{color:inherit}.f-attention-best .zw-button{margin-top:12px;color:#18231b;background:var(--f-yellow)}.f-text-button{border:0;color:var(--f-green);background:transparent;font-weight:700;cursor:pointer}
@media(max-width:767px){.f-attention-page-grid{grid-template-columns:1fr}.f-attention-best{order:-1}}
.f-attention-index{color:#805506}
.wvz-bookkeeping-entry{display:grid;gap:22px;border-left:4px solid var(--f-yellow);box-shadow:none}.wvz-bookkeeping-entry__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.wvz-bookkeeping-entry__heading h2{margin:.15rem 0 .35rem;color:var(--f-green)}.wvz-bookkeeping-entry__heading p{max-width:68ch;margin:0;color:var(--f-muted)}.wvz-bookkeeping-entry__facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border-block:1px solid var(--f-line)}.wvz-bookkeeping-entry__facts>div{display:grid;gap:5px;padding:16px;border-right:1px solid var(--f-line)}.wvz-bookkeeping-entry__facts>div:last-child{border-right:0}.wvz-bookkeeping-entry__facts dt{color:var(--f-muted);font-size:12px}.wvz-bookkeeping-entry__facts dd{margin:0;font-weight:750}.wvz-bookkeeping-entry .wvz-work-header-actions{justify-content:flex-start}
@media(max-width:767px){.wvz-bookkeeping-entry__heading{align-items:flex-start;flex-direction:column}.wvz-bookkeeping-entry__facts{grid-template-columns:1fr 1fr}.wvz-bookkeeping-entry__facts>div:nth-child(2){border-right:0}.wvz-bookkeeping-entry__facts>div:nth-child(-n+2){border-bottom:1px solid var(--f-line)}.wvz-bookkeeping-entry .wvz-work-header-actions{align-items:stretch;flex-direction:column}.wvz-bookkeeping-entry .zw-button{width:100%}}
@media(max-width:767px){
  .f-calendar-head{flex-wrap:wrap}
  .f-calendar-head .f-year-switch{width:100%;justify-content:flex-end}
  .f-calendar-toolbar>*{max-width:100%}
  .f-calendar-toolbar .wvz-calendar-filters{width:100%;overflow:hidden}
  .f-calendar-toolbar .wvz-calendar-tabs{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
  .f-calendar-toolbar .wvz-calendar-actions{display:grid;width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
  .f-calendar-toolbar .wvz-calendar-actions .zw-button{min-width:0;padding-inline:8px;white-space:normal;text-align:center}
}

/* Five stable product areas fit the 390px bottom rail without hiding a domain. */
@media(max-width:767px){.f-mobile-nav{grid-template-columns:repeat(6,minmax(0,1fr))}.f-mobile-nav span{font-size:7.5px}}
.f-breadcrumb a{color:inherit;text-decoration:none}.f-breadcrumb a:hover,.f-breadcrumb a:focus-visible{color:var(--f-green);text-decoration:underline;text-underline-offset:3px}

.wvz-life-overview{display:grid;gap:clamp(38px,5vw,72px)}
.wvz-life-hero{display:flex;align-items:end;justify-content:space-between;gap:32px;padding:clamp(18px,2vw,34px) 0 clamp(28px,4vw,56px);border-bottom:1px solid var(--f-line)}
.wvz-life-hero h1{margin:8px 0 12px;font-size:clamp(46px,6vw,88px);line-height:.96;letter-spacing:-.045em}
.wvz-life-hero>div>p:last-child{max-width:720px;margin:0;color:var(--f-muted);font-size:clamp(18px,1.8vw,27px);line-height:1.45}
.wvz-life-year{display:grid;min-width:150px;padding:18px 22px;border-left:4px solid var(--f-yellow);background:var(--f-surface-soft,#edf2ee)}
.wvz-life-year small,.wvz-life-summary span{color:var(--f-muted);font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.wvz-life-year strong{color:var(--f-green);font:700 34px/1.1 'Roboto Slab',serif}
.wvz-life-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--f-line)}
.wvz-life-summary a{position:relative;display:grid;gap:4px;padding:24px 28px;color:inherit;text-decoration:none}
.wvz-life-summary a+a{border-left:1px solid var(--f-line)}
.wvz-life-summary strong{color:var(--f-green);font:700 clamp(34px,4vw,58px)/1 'Roboto Slab',serif}
.wvz-life-summary small{color:var(--f-muted);font-size:15px}
.wvz-life-summary i{position:absolute;right:25px;bottom:24px;color:var(--f-green);font-style:normal;font-size:24px;transition:transform .18s ease}
.wvz-life-summary a:hover i,.wvz-life-summary a:focus-visible i{transform:translateX(4px)}
.wvz-life-streams{display:grid;gap:56px}
.wvz-life-stream>header{display:flex;align-items:end;justify-content:space-between;gap:28px;padding-bottom:20px;border-bottom:1px solid var(--f-line)}
.wvz-life-stream h2{margin:5px 0 8px;color:var(--f-green);font-size:clamp(30px,3vw,44px)}
.wvz-life-stream header p:last-child{max-width:650px;margin:0;color:var(--f-muted)}
.wvz-life-stream header>a{flex:none;color:var(--f-green);font-weight:800;text-decoration:none}
.wvz-life-lines{display:grid}
.wvz-life-lines>a{display:grid;grid-template-columns:minmax(0,1fr) minmax(145px,auto) 22px;align-items:center;gap:24px;min-height:82px;padding:15px 10px;border-bottom:1px solid var(--f-line);color:inherit;text-decoration:none}
.wvz-life-lines>a:hover,.wvz-life-lines>a:focus-visible{background:rgba(255,255,255,.55)}
.wvz-life-lines>a>span:first-child{display:grid;gap:4px}
.wvz-life-lines strong{font-size:17px}.wvz-life-lines small,.wvz-life-lines>a>span:nth-child(2){color:var(--f-muted)}
.wvz-life-lines i{color:var(--f-green);font-style:normal;font-size:24px}
@media(max-width:767px){.wvz-life-overview{gap:34px}.wvz-life-hero{display:grid;align-items:start;padding-top:6px}.wvz-life-hero h1{font-size:43px}.wvz-life-year{grid-template-columns:1fr auto;align-items:center;width:100%}.wvz-life-year strong{font-size:26px}.wvz-life-summary{grid-template-columns:1fr}.wvz-life-summary a{grid-template-columns:1fr auto;align-items:center;padding:18px 8px}.wvz-life-summary a+a{border-top:1px solid var(--f-line);border-left:0}.wvz-life-summary strong{grid-row:1/3;grid-column:2;font-size:38px}.wvz-life-summary i{display:none}.wvz-life-stream>header{display:grid}.wvz-life-stream header>a{min-height:44px;display:flex;align-items:center}.wvz-life-lines>a{grid-template-columns:minmax(0,1fr) 20px;gap:10px;padding-inline:0}.wvz-life-lines>a>span:nth-child(2){grid-column:1}.wvz-life-lines i{grid-column:2;grid-row:1/3}}

/* DESIGN-2026 — eenvoudige verenigingsactiviteit */
.wvz-light-activity-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;padding:4px 0 24px;border-bottom:1px solid var(--f-line)}
.wvz-light-activity-intro h2{margin:4px 0 8px;font-size:clamp(2rem,4vw,3.4rem)}
.wvz-light-activity-intro p{max-width:70ch;margin:0;color:var(--f-muted)}
.wvz-light-activity-status{display:flex;align-items:center;gap:12px;white-space:nowrap}.wvz-light-activity-status>span:last-child{color:var(--f-muted);font-weight:700}
.wvz-light-activity-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--f-line)}
.wvz-light-activity-facts>.zw-card{min-width:0;padding:22px 20px;border:0;border-right:1px solid var(--f-line);border-radius:0;background:transparent;box-shadow:none}.wvz-light-activity-facts>.zw-card:last-child{border-right:0}
.wvz-light-activity-facts strong{font-family:var(--f-slab);font-size:clamp(1.35rem,2.2vw,2rem);color:var(--f-green)}
.wvz-light-activity-next{display:flex!important;align-items:center;justify-content:space-between;gap:24px;padding:26px 30px!important;border:0!important;border-left:5px solid var(--f-yellow)!important;background:#fff8da!important;box-shadow:none!important}
.wvz-light-activity-next.is-ready{border-left-color:#67a990!important;background:#edf7f2!important}.wvz-light-activity-next h3{margin:3px 0 5px;font-size:clamp(1.35rem,2.5vw,2rem)}.wvz-light-activity-next p{margin:0;color:var(--f-muted)}
.wvz-light-activity-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);gap:clamp(28px,5vw,72px);align-items:start}
.wvz-light-activity-agenda,.wvz-light-activity-contributions{display:grid;gap:16px}.wvz-light-activity-budget{padding:26px;border-radius:20px;background:#eef4ef}.wvz-light-activity-budget h2{margin:4px 0 8px;font-size:clamp(1.6rem,3vw,2.5rem)}.wvz-light-activity-budget p{color:var(--f-muted)}
.wvz-light-activity-list{display:grid;border-top:1px solid var(--f-line)}
.wvz-light-activity-list>article,.wvz-light-activity-list>a{display:grid;grid-template-columns:minmax(125px,.25fr) minmax(0,1fr) auto;gap:18px;align-items:center;min-height:68px;padding:11px 5px;border-bottom:1px solid var(--f-line);color:inherit;text-decoration:none}
.wvz-light-activity-list>a:hover,.wvz-light-activity-list>a:focus-visible{background:#f1f5ef}.wvz-light-activity-list>a:focus-visible{outline:3px solid var(--f-yellow);outline-offset:2px}
.wvz-light-activity-list>article>div,.wvz-light-activity-list>a>div{display:grid;gap:3px}.wvz-light-activity-list small{color:var(--f-muted)}
.wvz-light-activity-contributions{scroll-margin-top:88px;padding-top:26px;border-top:1px solid var(--f-line)}
.wvz-light-activity-explanation{padding:clamp(24px,4vw,42px);border-left:5px solid #5595ad;border-radius:0 20px 20px 0;background:#edf5f8}.wvz-light-activity-explanation h2{margin:4px 0 8px}.wvz-light-activity-explanation p:last-child{max-width:78ch;margin-bottom:0}
.wvz-light-finance-decision{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px;border-left:5px solid var(--f-yellow);border-radius:0 20px 20px 0;background:#fff8da}.wvz-light-finance-decision.is-complete{border-left-color:#67a990;background:#edf7f2}.wvz-light-finance-decision h2{margin:4px 0 7px}.wvz-light-finance-decision p{max-width:68ch;margin:0;color:var(--f-muted)}
@media(max-width:1023px){.wvz-light-activity-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.wvz-light-activity-facts>.zw-card:nth-child(2){border-right:0}.wvz-light-activity-facts>.zw-card:nth-child(-n+2){border-bottom:1px solid var(--f-line)}.wvz-light-activity-layout{grid-template-columns:1fr}}
@media(max-width:767px){
  .wvz-light-activity-intro{grid-template-columns:1fr;gap:14px}.wvz-light-activity-status{align-items:flex-start;flex-direction:column;white-space:normal}
  .wvz-light-activity-facts>.zw-card{padding:16px 12px}.wvz-light-activity-facts strong{font-size:1.25rem}
  .wvz-light-activity-next,.wvz-light-finance-decision{align-items:stretch;flex-direction:column;padding:22px 20px!important}.wvz-light-activity-next .zw-button,.wvz-light-finance-decision .zw-button{width:100%}
  .wvz-light-activity-list>article,.wvz-light-activity-list>a{grid-template-columns:94px minmax(0,1fr);gap:10px}.wvz-light-activity-list .zw-status-badge{grid-column:2;justify-self:start}.wvz-light-activity-list>a>time:nth-child(2),.wvz-light-activity-list>a>span:nth-child(2){grid-column:2}
  .wvz-light-activity-budget{padding:22px 18px}.wvz-light-activity-explanation{padding:24px 20px}
}
.f-inline-recovery{position:sticky;z-index:45;top:calc(var(--f-utility-height,64px) + 12px);display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:min(760px,calc(100% - 32px));margin:12px auto;padding:13px 14px 13px 18px;border:1px solid #dec35a;border-left:4px solid var(--f-yellow);border-radius:14px;background:#fff9df;box-shadow:var(--f-shadow-1);color:var(--f-ink)}
.f-inline-recovery>span{display:grid;gap:2px;line-height:1.35}.f-inline-recovery>span>span{color:var(--f-muted)}.f-inline-recovery button{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border:0;border-radius:50%;background:transparent;color:var(--f-ink);font-size:27px;cursor:pointer}.f-inline-recovery button:hover,.f-inline-recovery button:focus-visible{background:rgba(0,82,52,.08)}
@media(max-width:767px){.f-inline-recovery{top:8px;max-width:calc(100% - 24px);margin:8px auto;padding-left:14px}}

/* De jaarkalender is onderdeel van Mijn Zevenwolden en scrollt binnen de pagina. */
.f-home-calendar{padding-top:30px;border-top:1px solid var(--f-line)}
.f-home-timeline{height:min(700px,70vh);min-height:480px}
@media(max-width:767px){.f-home-timeline{height:70vh;min-height:480px}}

/* Contextuele werkassistent — conversation is interaction, reviewed work remains canonical. */
.wvz-side-panel[aria-label="Vraag de app"]{width:min(650px,46vw);padding:0;overflow:hidden}
.wvz-side-panel[aria-label="Vraag de app"]>.wvz-side-panel__close{z-index:2}
.wvz-assistant{display:block;height:100dvh;min-width:0;overflow-y:auto;padding-bottom:230px;background:#fff}
.wvz-assistant-header{padding:30px 72px 20px 30px;border-bottom:1px solid var(--f-line)}
.wvz-assistant-header h2{margin:4px 0 8px;font-size:clamp(25px,3vw,34px)}
.wvz-assistant-header p{margin:0;color:var(--f-muted)}
.wvz-assistant-feedback{margin:16px 30px 0;padding:14px 16px;border-left:4px solid var(--f-yellow);border-radius:0 12px 12px 0;background:#fff9df}
.wvz-assistant-feedback p{margin:4px 0 0}
.wvz-assistant-start,.wvz-assistant-thread,.wvz-assistant-proposals,.wvz-assistant-attachments,.wvz-assistant-sources{grid-column:1;min-width:0;padding:20px 30px}
.wvz-assistant-start,.wvz-assistant-thread{align-self:start}
.wvz-assistant-start h3,.wvz-assistant-proposals>h3,.wvz-assistant-attachments>h3,.wvz-assistant-sources>h3{margin-bottom:12px;font:700 18px/1.3 var(--f-slab)}
.wvz-assistant-prompts{display:flex;flex-wrap:wrap;gap:9px}
.wvz-assistant-prompt{min-height:44px;padding:9px 14px;border:1px solid var(--f-line);border-radius:999px;background:#fff;color:var(--f-green);font:700 14px/1.2 var(--f-sans);cursor:pointer}
.wvz-assistant-prompt:hover,.wvz-assistant-prompt:focus-visible{border-color:var(--f-green);background:var(--f-soft)}
.wvz-assistant-thread{display:grid;gap:14px}
.wvz-assistant-message{max-width:88%;padding:13px 16px;border-radius:16px;background:var(--f-soft)}
.wvz-assistant-message.is-user{justify-self:end;background:#fff4bf}
.wvz-assistant-message.is-system{max-width:100%;border-left:3px solid var(--f-green);border-radius:0;background:transparent}
.wvz-assistant-message p{margin:5px 0 0;white-space:pre-wrap}
.wvz-assistant-certainty,.wvz-assistant-kind{display:block;color:var(--f-muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.wvz-assistant-certainty.is-confirmed{color:var(--f-green)}
.wvz-assistant-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}
.wvz-assistant-actions a{color:var(--f-green);font-weight:750}
.wvz-assistant-proposals,.wvz-assistant-attachments,.wvz-assistant-sources{align-self:start;margin-top:0;background:#fff}
.wvz-assistant-thread~.wvz-assistant-proposals{margin-top:0}
.wvz-assistant-proposal{display:grid;gap:9px;margin:0 0 14px;padding:18px;border:1px solid var(--f-line);border-radius:16px;background:#fff}
.wvz-assistant-proposal h3,.wvz-assistant-proposal p,.wvz-assistant-proposal small{margin:0}
.wvz-assistant-proposal small{color:var(--f-muted)}
.wvz-assistant-proposal.is-processed{border-color:transparent;background:var(--f-soft)}
.wvz-assistant-proposal__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:5px}
.wvz-assistant-proposal__actions form{margin:0}
.wvz-assistant-proposal__sources summary,.wvz-assistant-source summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:700}
.wvz-assistant-edit-form,.wvz-assistant-edit-form label{display:grid;gap:7px}
.wvz-assistant-edit-form input,.wvz-assistant-edit-form textarea,.wvz-assistant-composer textarea{width:100%;padding:11px 12px;border:1px solid var(--f-line);border-radius:10px;font:inherit}
.wvz-assistant-attachments ul{margin:0;padding-left:20px}
.wvz-assistant-source{border-top:1px solid var(--f-line)}
.wvz-assistant-source summary span{display:grid}.wvz-assistant-source summary small{color:var(--f-muted)}
.wvz-assistant-composer{position:absolute;right:0;bottom:0;left:0;display:grid;gap:10px;padding:16px 30px 22px;border-top:1px solid var(--f-line);background:rgba(255,255,255,.97);box-shadow:0 -14px 30px rgba(23,32,26,.08)}
.wvz-assistant-progress{display:flex;align-items:center;gap:10px;min-height:44px;color:var(--f-green);font-weight:750}
.wvz-assistant-progress[hidden]{display:none}
.wvz-assistant-progress svg{width:58px;height:34px;overflow:visible;animation:wvz-assistant-sail 1.35s ease-in-out infinite}
.wvz-assistant-progress__sail{fill:var(--f-yellow)}
.wvz-assistant-progress__sail-alt{fill:var(--f-green)}
.wvz-assistant-progress__hull{fill:#20251f}
.wvz-assistant-progress__wave{fill:none;stroke:var(--f-green);stroke-width:2;stroke-linecap:round;stroke-dasharray:9 6;animation:wvz-assistant-wave .9s linear infinite}
.wvz-assistant-proposal__explanation{padding:10px 12px;border-left:3px solid var(--f-yellow);background:#fff9df;color:var(--f-green)}
@keyframes wvz-assistant-sail{0%,100%{transform:translateX(0) rotate(-1deg)}50%{transform:translateX(10px) translateY(-2px) rotate(1deg)}}
@keyframes wvz-assistant-wave{to{stroke-dashoffset:-30}}
@media (prefers-reduced-motion:reduce){.wvz-assistant-progress svg,.wvz-assistant-progress__wave{animation:none}}
.wvz-assistant-composer>label{display:grid;gap:7px;font-weight:700}
.wvz-assistant-composer__row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.wvz-assistant-composer__row>.zw-button{margin-left:auto}
.wvz-assistant-file{position:relative;display:inline-flex;align-items:center;min-height:44px;color:var(--f-green);font-weight:750;cursor:pointer}
.wvz-assistant-file input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.wvz-assistant-note-mode{display:flex;align-items:center;gap:7px;min-height:44px;font-size:14px}
@media(max-width:1023px){.wvz-side-panel[aria-label="Vraag de app"]{width:min(650px,78vw)}}
@media(max-width:767px){
  .wvz-side-panel[aria-label="Vraag de app"]{inset:0;width:100%;padding:0}
  .wvz-assistant-header{padding:24px 64px 16px 18px}
  .wvz-assistant-start,.wvz-assistant-thread,.wvz-assistant-proposals,.wvz-assistant-attachments,.wvz-assistant-sources{padding-inline:18px}
  .wvz-assistant{padding-bottom:285px}
  .wvz-assistant-message{max-width:94%}
  .wvz-assistant-composer{padding:12px 18px max(16px,env(safe-area-inset-bottom))}
  .wvz-assistant-composer__row>.zw-button{width:100%;margin-left:0}
  .wvz-assistant-proposal__actions,.wvz-assistant-proposal__actions form,.wvz-assistant-proposal__actions .zw-button{width:100%}
}

/* Jaarstart 2027: one guided ownership workspace, composed from DESIGN-2026. */
.wvz-yearstart-flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:0;padding:0;border-block:1px solid var(--f-line);list-style:none}
.wvz-yearstart-flow li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:center;min-height:66px;padding:10px 12px;border-right:1px solid var(--f-line)}
.wvz-yearstart-flow li:last-child{border-right:0}.wvz-yearstart-flow span{display:grid;width:26px;height:26px;place-items:center;border-radius:50%;color:var(--f-green);background:#e7f1e9;font-size:12px;font-weight:800}.wvz-yearstart-flow strong{font-size:12px;line-height:1.25}
.wvz-yearstart-structure,.wvz-yearstart-volunteers{display:grid;gap:20px;scroll-margin-top:90px}.wvz-yearstart-perspectives{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-block:1px solid var(--f-line)}.wvz-yearstart-perspectives>div{display:grid;gap:3px;padding:15px 12px;border-right:1px solid var(--f-line)}.wvz-yearstart-perspectives>div:last-child{border-right:0}.wvz-yearstart-perspectives strong{font-family:var(--f-display);font-size:28px;color:var(--f-green)}.wvz-yearstart-perspectives span{color:var(--f-muted);font-size:11px;font-weight:800;line-height:1.3}.wvz-yearstart-structure-list{display:grid;border-top:1px solid var(--f-line)}.wvz-yearstart-structure-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.45fr);gap:28px;padding:18px 4px;border-bottom:1px solid var(--f-line)}.wvz-yearstart-structure-item h3{margin:3px 0 6px;font-size:20px}.wvz-yearstart-structure-item p{margin:0;max-width:72ch}.wvz-yearstart-structure-item small{color:var(--f-muted);font-weight:800}.wvz-yearstart-structure-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.wvz-yearstart-structure-actions form{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.wvz-yearstart-committee-capacity{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.wvz-yearstart-committee-capacity>.zw-card{box-shadow:none}.wvz-yearstart-committee-capacity h3,.wvz-yearstart-committee-capacity p{margin-top:0}.wvz-yearstart-committee-capacity ul{margin-bottom:0;padding-left:18px;color:var(--f-muted);font-size:12px}.wvz-finance-unknown{color:var(--f-muted);font-size:.82em}.wvz-work-finance-gaps{display:flex;gap:10px;flex-wrap:wrap;margin:0;padding:0;list-style:none}.wvz-work-finance-gaps li{padding:8px 11px;border-left:3px solid var(--f-yellow);background:#fff8d8;font-weight:700}
.wvz-yearstart-work,.wvz-yearstart-capacity,.wvz-yearstart-baselines{display:grid;gap:18px;scroll-margin-top:90px}.wvz-yearstart-batch{display:grid;gap:18px}.wvz-yearstart-table th:first-child,.wvz-yearstart-table td:first-child{width:70px;text-align:center}.wvz-yearstart-table td{vertical-align:top}.wvz-yearstart-table td>strong,.wvz-yearstart-table td>span,.wvz-yearstart-table td>small{display:block}.wvz-yearstart-table td:nth-child(5){max-width:300px}.wvz-yearstart-table td:nth-child(5)>span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.wvz-yearstart-attention{margin-top:5px;color:#835704!important;font-weight:700}.wvz-yearstart-batch__action{display:flex;align-items:center;justify-content:flex-end;gap:20px;padding-top:4px}.wvz-yearstart-batch__action p{max-width:56ch;margin:0;color:var(--f-muted);font-size:13px}.wvz-yearstart-capacity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.wvz-yearstart-capacity-grid>.zw-card{box-shadow:none}.wvz-yearstart-capacity-grid h3{margin-top:0}.wvz-yearstart-capacity-grid ul{margin-bottom:0;padding-left:18px;color:var(--f-muted);font-size:13px}.wvz-yearstart-card{display:grid;gap:14px;box-shadow:none}.wvz-yearstart-card__heading,.wvz-yearstart-card__actions{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.wvz-yearstart-card__heading>span{display:grid;gap:3px}.wvz-yearstart-card dl{display:grid;gap:8px;margin:0}.wvz-yearstart-card dl>div{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(0,1fr);gap:10px}.wvz-yearstart-card dt{color:var(--f-muted);font-size:12px}.wvz-yearstart-card dd{margin:0;font-weight:700}.wvz-yearstart-card__actions{align-items:center}.wvz-yearstart-card__actions label{display:flex;align-items:center;min-height:44px}.wvz-inline-note{padding:13px 15px;border-left:3px solid var(--f-yellow);background:#fff8d8}.wvz-yearstart-baseline-list{display:grid;border-block:1px solid var(--f-line)}.wvz-yearstart-baseline-list>a{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.55fr);gap:22px;min-height:70px;padding:14px 4px;border-bottom:1px solid var(--f-line);color:inherit;text-decoration:none}.wvz-yearstart-baseline-list>a:last-child{border-bottom:0}.wvz-yearstart-baseline-list span{display:grid;gap:3px}.wvz-yearstart-baseline-list small{color:var(--f-muted)}
@media(max-width:1100px){.wvz-yearstart-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.wvz-yearstart-flow li:nth-child(3){border-right:0}.wvz-yearstart-flow li:nth-child(-n+3){border-bottom:1px solid var(--f-line)}.wvz-yearstart-capacity-grid,.wvz-yearstart-committee-capacity{grid-template-columns:repeat(2,minmax(0,1fr))}.wvz-yearstart-perspectives{grid-template-columns:repeat(4,minmax(0,1fr))}.wvz-yearstart-perspectives>div:nth-child(4){border-right:0}}
@media(max-width:767px){.wvz-yearstart-flow{display:flex;overflow-x:auto;scroll-snap-type:x proximity}.wvz-yearstart-flow li{flex:0 0 155px;scroll-snap-align:start;border-bottom:0!important}.wvz-yearstart-capacity-grid,.wvz-yearstart-committee-capacity{grid-template-columns:1fr}.wvz-yearstart-card__actions{align-items:stretch;flex-direction:column}.wvz-yearstart-card__actions .zw-button{width:100%}.wvz-yearstart-batch>.zw-button{position:sticky;z-index:4;bottom:76px}.wvz-yearstart-capacity-grid>.zw-card,.wvz-yearstart-committee-capacity>.zw-card{padding-inline:0;border-width:0 0 1px;border-radius:0;background:transparent}.wvz-yearstart-baseline-list>a{grid-template-columns:1fr;gap:8px}.wvz-side-panel[aria-label*="beoordelen"]{width:100%}.wvz-yearstart-perspectives{display:flex;overflow-x:auto}.wvz-yearstart-perspectives>div{flex:0 0 135px}.wvz-yearstart-structure-item{grid-template-columns:1fr;gap:14px}.wvz-yearstart-structure-actions{align-items:flex-start;justify-content:flex-start;flex-direction:column}.wvz-yearstart-structure-actions form{width:100%;justify-content:flex-start}.wvz-yearstart-structure-actions .zw-button{flex:1;min-height:44px}}
@media(max-width:1024px){
  .f-context-rail{display:none}
  .f-shell.has-context .f-stage,.f-stage{margin-left:68px}
  .f-breadcrumb{display:none}
  .f-mobile-context{display:flex;align-items:center;gap:10px}
  .f-mobile-context .f-mark{width:32px;height:32px}
  .f-mobile-context>span{display:grid}
  .f-mobile-context small{color:var(--f-muted);font-size:9px;text-transform:uppercase}
  .f-mobile-context strong{color:var(--f-green);font-size:13px}
  .wvz-work-detail>.wvz-detail-navigation{display:flex}
}
@media(max-width:820px) and (min-width:768px){
  body{padding-bottom:66px}
  .f-global-rail{display:none}
  .f-stage,.f-shell.has-context .f-stage{margin-left:0}
  .f-utility{height:62px;padding-inline:18px}
  .f-command-trigger{width:44px}
  .f-command-trigger span,.f-command-trigger kbd,.f-attention-trigger span,.f-user-trigger strong{display:none}
  .f-mobile-nav{position:fixed;z-index:50;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));height:66px;border-top:1px solid var(--f-line);background:rgba(255,255,252,.98)}
  .f-mobile-nav a,.f-mobile-nav button{position:relative;display:grid;place-items:center;align-content:center;gap:3px;min-width:0;border:0;color:#667169;background:transparent;text-decoration:none}
  .f-mobile-nav [aria-current=page]{color:var(--f-green)}
  .f-mobile-nav span{font-size:9px;font-weight:700}
}
@media(max-width:767px){
  .f-stage,.f-shell.has-context .f-stage{margin-left:0}
  .wvz-work-detail>.wvz-detail-navigation{width:100%;max-width:100%;margin-inline:0!important}
  .wvz-work-detail>.wvz-detail-navigation .wvz-detail-navigation__primary{min-width:max-content}
  .f-shell{width:100%;overflow-x:clip}
  .wvz-work-detail,.wvz-work-section,.wvz-work-section>*{min-width:0;max-width:100%}
  .wvz-work-detail form,.wvz-work-detail input,.wvz-work-detail select,.wvz-work-detail textarea{min-width:0;max-width:100%}
}

/* DESIGN-2026 close-out: legacy registries use the same action, metric and
   navigation language as Havenrail without changing their domain behavior. */
.f-command-trigger,.f-attention-trigger,.f-user-trigger{min-height:44px}
.wvz-activity-roster{display:grid;border-top:1px solid var(--f-line)}.wvz-activity-roster-row{border-bottom:1px solid var(--f-line)}.wvz-activity-roster-row>summary{display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:16px;align-items:center;min-height:64px;padding:10px 4px;cursor:pointer}.wvz-activity-roster-row>summary>span{display:grid;gap:3px}.wvz-activity-roster-row>summary small{color:var(--f-muted)}.wvz-activity-roster-roles{display:grid;gap:8px;padding:0 0 16px 146px}.wvz-activity-roster-roles article{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,1fr);gap:16px;align-items:end;padding:14px;border-radius:12px;background:#f4f6f1}.wvz-activity-roster-roles article>div{display:grid;gap:3px}.wvz-activity-roster-roles article small,.wvz-activity-roster-roles article span{color:var(--f-muted);font-size:12px}
@media(max-width:767px){.wvz-activity-roster-row>summary{grid-template-columns:88px minmax(0,1fr);gap:10px}.wvz-activity-roster-row>summary>.zw-status-badge{grid-column:2}.wvz-activity-roster-roles{padding-left:0}.wvz-activity-roster-roles article{grid-template-columns:1fr}.wvz-activity-roster-roles .wvz-inline-form{grid-template-columns:1fr}}
.f-main .zw-button,.f-main select,.f-main .wvz-view-toggle a,.f-main .wvz-back-link,.f-main .wvz-drawer-close{min-height:44px}
.f-main .wvz-back-link,.f-main .f-inline-link,.f-main .f-section-heading :is(a,button),.f-main .wvz-section-heading a,.f-main .f-upcoming li a,.f-main .wvz-strategy-attention-preview>a{display:inline-flex;align-items:center;min-height:44px}
.f-main .f-today-button{min-height:44px}
.f-main .wvz-drawer-close{min-width:44px}
.f-main .zw-button--primary{
  border-color:#c69d00;
  color:#172119;
  background:var(--f-yellow);
  box-shadow:0 2px 0 #b88f00;
}
.f-main .zw-button--primary:hover,.f-main .zw-button--primary:focus-visible{background:#ffdc55}
.f-main .wvz-work-domain-switch{
  gap:28px;
  padding:0;
  border-bottom:1px solid var(--f-line);
}
.f-main .wvz-work-domain-switch a{
  min-height:46px;
  padding:9px 0;
  border:0;
  border-radius:0;
  color:var(--f-muted);
  background:transparent;
}
.f-main .wvz-work-domain-switch a[aria-current="page"]{
  color:var(--f-green);
  background:transparent;
  box-shadow:inset 0 -3px var(--f-yellow);
}
.f-main :is(.wvz-management-metrics,.wvz-application-metrics,.wvz-strategy-kpis){
  gap:0;
  overflow:hidden;
  border-block:1px solid var(--f-line);
}
.f-main :is(.wvz-management-metrics,.wvz-application-metrics,.wvz-strategy-kpis)>.zw-card{
  min-height:0;
  padding:18px 16px;
  border:0;
  border-right:1px solid var(--f-line);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.f-main :is(.wvz-management-metrics,.wvz-application-metrics,.wvz-strategy-kpis)>.zw-card:last-child{border-right:0}
.f-main .zw-state{
  margin-block:34px;
  padding:24px 4px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.wvz-error-card .zw-button--primary{border-color:#c69d00;color:#172119;background:var(--f-yellow);box-shadow:0 2px 0 #b88f00}
.wvz-error-card .wvz-error-reference{margin-block:18px;color:var(--f-muted);font-size:12px}
.wvz-error-card .wvz-error-reference summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:700}
.wvz-required-hint{color:var(--f-muted);font-size:.78em;font-weight:500}
.zw-field[data-field-invalid="true"] :is(input,select,textarea){border-color:#c69d00;box-shadow:0 0 0 3px rgba(255,207,36,.18)}
.wvz-field-guidance{display:block;margin-top:6px;color:var(--f-ink);font-size:14px;line-height:1.4}
.wvz-budget-ledger{margin-top:20px;border-top:1px solid var(--f-line)}
.wvz-budget-direction{padding:0 0 34px;border-bottom:1px solid var(--f-line)}
.wvz-budget-direction+.wvz-budget-direction{padding-top:30px}
.wvz-budget-direction__header{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:0 4px 14px}
.wvz-budget-direction__header h3{margin:0;font-family:var(--f-slab);font-size:clamp(22px,2vw,29px);color:var(--f-green)}
.wvz-budget-direction__header>strong{font-size:20px;font-variant-numeric:tabular-nums}
.wvz-budget-ledger-table{width:100%;border-collapse:collapse;table-layout:fixed}
.wvz-budget-ledger-table th,.wvz-budget-ledger-table td{padding:12px 16px;text-align:left;vertical-align:top;border:0;border-bottom:1px solid var(--f-line)}
.wvz-budget-ledger-table thead th{padding-top:9px;padding-bottom:9px;color:var(--f-muted);font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wvz-budget-ledger-table thead th:nth-child(1){width:38%}
.wvz-budget-ledger-table thead th:nth-child(2){width:26%}
.wvz-budget-ledger-table .is-amount{width:18%;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.wvz-budget-ledger-table .wvz-budget-entry-action-heading{width:18%}
.wvz-budget-category-row{background:color-mix(in srgb,var(--f-green) 4%,transparent)}
.wvz-budget-category-row th,.wvz-budget-category-row td{padding-top:14px;padding-bottom:10px;color:var(--f-green);font-size:14px;font-weight:800}
.wvz-budget-entry-row td:first-child{padding-left:28px;font-weight:650}
.wvz-budget-entry-row td:nth-child(2){color:var(--f-muted)}
.wvz-budget-entry-actions{text-align:right!important;white-space:normal}
.wvz-budget-entry-actions a{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.wvz-budget-entry-actions a,.wvz-budget-entry-mobile__actions a{display:inline-flex;min-height:44px;align-items:center;color:var(--f-muted);font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.wvz-budget-entry-actions a:hover,.wvz-budget-entry-actions a:focus-visible,.wvz-budget-entry-mobile__actions a:hover,.wvz-budget-entry-mobile__actions a:focus-visible{color:#8b1e25}
.wvz-budget-ledger__empty{margin:0;padding:18px 16px;border-block:1px solid var(--f-line);color:var(--f-muted)}
.wvz-budget-ledger__mobile{display:none}
@media(max-width:767px){
  .wvz-budget-ledger__desktop{display:none}
  .wvz-budget-ledger__mobile{display:block}
  .wvz-budget-direction{padding-bottom:26px}
  .wvz-budget-direction+.wvz-budget-direction{padding-top:24px}
  .wvz-budget-direction__header{padding-inline:0}
  .wvz-budget-category-mobile{border-top:1px solid var(--f-line)}
  .wvz-budget-category-mobile>header,.wvz-budget-entry-mobile{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:12px 4px;border-bottom:1px solid var(--f-line)}
  .wvz-budget-category-mobile>header{background:color-mix(in srgb,var(--f-green) 4%,transparent);color:var(--f-green)}
  .wvz-budget-category-mobile h4{margin:0;font-size:15px}
  .wvz-budget-entry-mobile>span{display:grid;gap:3px;min-width:0}
  .wvz-budget-entry-mobile small{color:var(--f-muted)}
  .wvz-budget-entry-mobile__actions{justify-items:end;flex:0 0 auto}
  .wvz-budget-entry-mobile__actions>strong,.wvz-budget-category-mobile>header>strong{font-variant-numeric:tabular-nums;white-space:nowrap}
  .wvz-budget-entry-mobile__actions a{min-height:32px}
}
@media(max-width:767px){
  .f-command-trigger,.f-attention-trigger,.f-user-trigger{width:44px;height:44px}
  .f-main .wvz-work-domain-switch{gap:24px}
  .f-main :is(.wvz-management-metrics,.wvz-application-metrics,.wvz-strategy-kpis){grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:0}
  .f-main :is(.wvz-management-metrics,.wvz-application-metrics,.wvz-strategy-kpis)>.zw-card{padding:16px 14px;border-right:1px solid var(--f-line);border-bottom:1px solid var(--f-line)}
  .f-main :is(.wvz-management-metrics,.wvz-application-metrics,.wvz-strategy-kpis)>.zw-card:nth-child(even){border-right:0}
}

/* Integrated execution sprint — DESIGN-2026 composition. */
.wvz-execution-baseline{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;border-block:1px solid var(--f-line);color:var(--f-muted)}
.wvz-execution-baseline strong{color:var(--f-ink)}
.wvz-execution-list{display:grid;gap:0;border-top:1px solid var(--f-line)}
.wvz-execution-output{padding:clamp(20px,2.4vw,32px) 0;border-bottom:1px solid var(--f-line)}
.wvz-execution-output>header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.wvz-execution-output>header h2{margin:4px 0 6px;font-family:var(--f-slab);font-size:clamp(20px,2vw,27px)}
.wvz-execution-output>header p{max-width:72ch;margin:0;color:var(--f-muted)}
.wvz-execution-output__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(17rem,.8fr);gap:clamp(16px,4vw,48px);margin-top:22px}
.wvz-execution-output__body p,.wvz-execution-output__body ul{margin:7px 0 0}
.wvz-execution-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px}
.wvz-execution-inline-form{display:grid;grid-template-columns:minmax(16rem,1fr) auto;align-items:end;gap:12px;max-width:48rem;margin-top:18px}
.wvz-execution-communication{margin-top:18px}
.wvz-execution-communication>summary{display:flex;align-items:center;min-height:44px;font-weight:700;cursor:pointer}

@media(max-width:767px){.f-utility button{min-height:44px}.f-attention-trigger,.f-user-trigger{width:44px}}
.wvz-execution-communication>div{display:grid;gap:12px}
.wvz-execution-communication form{display:grid;grid-template-columns:minmax(12rem,1fr) minmax(14rem,1fr) auto;align-items:end;gap:12px;padding:12px 0;border-top:1px solid var(--f-line)}
.wvz-inline-preparation{display:flex;align-items:center;justify-content:space-between;gap:clamp(18px,4vw,48px);padding:clamp(20px,3vw,34px);border-radius:20px;background:var(--f-green);color:#fff}.wvz-inline-preparation h2{margin:4px 0 6px;color:#fff}.wvz-inline-preparation p{margin:0;max-width:68ch}.wvz-inline-preparation .wvz-eyebrow{color:var(--f-yellow)}
.wvz-committee-workspace{display:grid;gap:32px}.wvz-committee-workspace>section{display:grid;gap:12px;padding-top:20px;border-top:1px solid var(--f-line)}.wvz-committee-workspace>section>h2{margin:0;font:700 20px/1.25 var(--f-slab)}
@media(max-width:767px){
  .wvz-execution-baseline,.wvz-execution-output>header{align-items:flex-start;flex-direction:column}
  .wvz-execution-output__body,.wvz-execution-inline-form,.wvz-execution-communication form{grid-template-columns:1fr}
  .wvz-execution-actions form,.wvz-execution-actions button{width:100%}
  .wvz-inline-preparation{align-items:stretch;flex-direction:column}.wvz-inline-preparation form,.wvz-inline-preparation button{width:100%}
}

/* Contextnavigatie blijft op tablet en mobiel beschikbaar als verticale drawer. */
.f-context-backdrop{display:none}
@media(max-width:1023px){
  .f-mobile-context{min-width:0;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}
  .f-context-rail{z-index:70;left:68px;display:flex;width:min(300px,calc(100vw - 68px));box-shadow:var(--f-shadow-2);transform:translateX(calc(-100% - 68px))}
  .f-shell.is-mobile-context-open .f-context-rail{transform:none}
  .f-shell.is-mobile-context-open .f-context-backdrop{position:fixed;z-index:65;inset:0;display:block;width:100%;height:100%;border:0;background:rgba(14,28,20,.34)}
}
@media(max-width:767px){
  .f-context-rail{left:0;width:min(320px,88vw);transform:translateX(-100%)}
}
@media(max-width:767px){.f-mobile-nav{grid-template-columns:repeat(7,minmax(0,1fr))}.f-mobile-nav span{font-size:7.5px}}
/* Finance sync progress lives in the context rail: one compact, non-scrolling status surface. */
.f-finance-sync-monitor{margin:auto 12px 12px;padding:14px;border:1px solid #c9d5cd;border-radius:14px;background:#fff;display:grid;grid-template-columns:46px 1fr;gap:8px 10px;flex:0 0 auto}.f-finance-sync-monitor[hidden]{display:none}.f-finance-sync-boat{width:46px;height:34px;align-self:center;color:#0a4b2d}.f-finance-sync-boat svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.f-finance-sync-monitor[data-state="queued"] .f-finance-sync-boat,.f-finance-sync-monitor[data-state="processing"] .f-finance-sync-boat{animation:finance-boat-bob 1.5s ease-in-out infinite}.f-finance-sync-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.f-finance-sync-copy strong{font-size:.82rem}.f-finance-sync-copy span{font-size:.72rem;color:#526058}.f-finance-sync-progress{grid-column:1/-1;height:6px;overflow:hidden;border-radius:99px;background:#e5ebe7}.f-finance-sync-progress i{display:block;width:0;height:100%;border-radius:inherit;background:#f1c40f;transition:width .3s ease}.f-finance-sync-steps{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px 8px;margin:0;padding:0;list-style:none;font-size:.65rem;color:#738078}.f-finance-sync-steps li::before{content:"○";margin-right:3px}.f-finance-sync-steps li[data-state="done"]::before{content:"✓";color:#0a6d48}.f-finance-sync-steps li[data-state="active"]{font-weight:700;color:#0a4b2d}.f-finance-sync-steps li[data-state="active"]::before{content:"●";color:#f1c40f}@keyframes finance-boat-bob{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-3px) rotate(1deg)}}@media(max-width:760px){.f-finance-sync-monitor{margin-top:auto}}

@media(max-width:767px){.f-mobile-nav.f-mobile-nav--permits{grid-template-columns:repeat(5,minmax(0,1fr))}.f-mobile-nav--permits span{font-size:9px}}

/* Keep the restore control outside the hidden rail and release its page width. */
.f-context-expand { display:none; align-items:center; justify-content:center; gap:6px; flex-shrink:0; min-height:40px; padding:6px 12px; border:1px solid var(--f-line-strong); border-radius:8px; background:#fff; color:var(--f-green); font:600 13px Roboto,Arial,sans-serif; cursor:pointer }
.f-context-expand:focus-visible,.f-context-collapse:focus-visible { outline:3px solid var(--f-yellow); outline-offset:3px }
@media(min-width:1024px) {
  .f-shell.has-context.is-context-collapsed .f-stage { margin-left:68px }
  .f-shell.is-context-collapsed .f-context-rail { visibility:hidden }
  .f-shell.is-context-collapsed .f-context-expand:not([hidden]) { display:inline-flex }
}

/* All primary destinations stay readable and reachable by horizontal swipe. */
@media(max-width:767px) {
  body { padding-bottom:calc(74px + env(safe-area-inset-bottom, 0px)) }
  .f-shell .f-mobile-nav {
    display:flex; align-items:stretch; justify-content:flex-start;
    height:calc(74px + env(safe-area-inset-bottom, 0px));
    padding:0 max(8px, env(safe-area-inset-right, 0px)) env(safe-area-inset-bottom, 0px) max(8px, env(safe-area-inset-left, 0px));
    overflow-x:auto; overflow-y:hidden; overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch; scrollbar-width:thin;
    scrollbar-color:#a8b9ae transparent;
  }
  .f-shell .f-mobile-nav>a {
    flex:0 0 auto; min-width:88px; min-height:66px;
    padding:9px 14px 7px; gap:5px; white-space:nowrap;
  }
  .f-shell .f-mobile-nav span { font-size:12px; line-height:1.25; white-space:nowrap }
  .f-shell .f-mobile-nav .f-icon { width:22px; height:22px }
  .f-shell .f-mobile-nav>a:focus-visible { outline:2px solid var(--f-green); outline-offset:-4px; border-radius:6px }
}

.wvz-strategy-foundation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-block:28px}.wvz-strategy-foundation>section{padding:0;background:transparent}.wvz-strategy-foundation h2{font-size:21px}.wvz-strategy-foundation p{font-size:14px;line-height:1.7;white-space:pre-line}.wvz-decision-narrative{display:grid;grid-template-columns:1fr 1fr;gap:20px}.wvz-decision-narrative h4{font-size:14px;margin:0 0 8px}.wvz-decision-narrative p{font-size:14px;line-height:1.7;margin:0}.wvz-decision-proposal__texts p{white-space:pre-wrap}@media(max-width:760px){.wvz-strategy-foundation,.wvz-decision-narrative{grid-template-columns:1fr}}
