:root{--brand:#b5350a;--brand-600:#9e2e08;--brand-700:#82260a;--brand-soft:#fbeae3;--brand-tint:#fdf3ee;--on-brand:#fff;--brand-ink:#b5350a;--brand-on-dark:#b5350a;--ink:#1a1815;--ink-2:#242019;--ink-3:#322c24;--bg:#f4f1ec;--surface:#fff;--surface-2:#faf8f5;--border:#e8e2d9;--border-strong:#d9d1c4;--text:#211d18;--muted:#7c746a;--muted-ink:#534d47;--muted-2:#a49a8d;--success:#157347;--success-soft:#e3f3ea;--danger:#c0392b;--danger-soft:#fbe6e3;--danger-ink:#96271a;--warn:#b45309;--warn-soft:#fdf0dd;--warn-ink:#8a3f07;--info:#1d4ed8;--info-soft:#e6ecfb;--radius:14px;--radius-sm:9px;--shadow-sm:0 1px 2px #1a18150f, 0 1px 3px #1a18150d;--shadow:0 4px 14px #1a181514;--shadow-lg:0 12px 32px #1a18151f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3{letter-spacing:-.01em;margin:0}a{color:var(--brand-ink)}code{background:var(--surface-2);border:1px solid var(--border);color:var(--brand-ink);border-radius:5px;padding:.05em .4em;font-size:.85em}.app{min-height:100vh;display:flex}.main{flex-direction:column;flex:1;min-width:0;display:flex}.content{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:2rem 2.5rem 3rem}.nav{background:linear-gradient(180deg, var(--ink) 0%, var(--ink-2) 100%);color:#d8d1c7;flex-direction:column;flex-shrink:0;width:258px;height:100vh;transition:width .15s;display:flex;position:sticky;top:0}.nav-header{border-bottom:1px solid #ffffff14;padding:1.6rem 1.4rem 1.4rem}.logo-lockup{align-items:center;gap:.7rem;display:flex}.logo-lockup svg{filter:drop-shadow(0 2px 4px #00000059);flex-shrink:0}.brandmark-image{object-fit:contain;filter:drop-shadow(0 2px 4px #00000059);border-radius:6px;flex-shrink:0}.club-logo-row{align-items:center;gap:1rem;margin-top:1rem;display:flex}.club-logo-preview{object-fit:contain;border:1px solid var(--border);background:#fff;border-radius:8px;width:64px;height:64px;padding:.4rem}.theme-swatch-row{flex-wrap:wrap;gap:.85rem;margin:.75rem 0 1rem;display:flex}.theme-swatch{cursor:pointer;width:76px;font:inherit;color:var(--text);background:0 0;border:none;flex-direction:column;align-items:center;gap:.35rem;padding:4px;display:flex}.theme-swatch-colors{border:2px solid var(--border);width:40px;height:40px;box-shadow:var(--shadow-sm);border-radius:50%}.theme-swatch.active .theme-swatch-colors{border-color:var(--brand);box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--brand)}.theme-swatch-label{color:var(--muted);text-align:center;font-size:.75rem;line-height:1.2}.logo-word{flex-direction:column;line-height:1.1;display:flex}.logo-word-main{letter-spacing:.06em;font-size:1.05rem;font-weight:900}.logo-word-sub{letter-spacing:.18em;text-transform:uppercase;color:var(--brand-on-dark);margin-top:2px;font-size:.66rem;font-weight:700}.nav-scroll{flex:1;padding:1.1rem .85rem;overflow-y:auto}.nav-section{margin-bottom:1.35rem}.nav-section-title{text-transform:uppercase;letter-spacing:.13em;color:var(--muted-2);padding:0 .75rem .5rem;font-size:.68rem;font-weight:700}.nav-subheading{text-transform:uppercase;letter-spacing:.1em;color:var(--muted-2);opacity:.65;padding:.5rem .75rem .2rem;font-size:.62rem}.nav-section ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.nav a{border-radius:var(--radius-sm);color:#cfc7bb;align-items:center;gap:.7rem;padding:.6rem .75rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex;position:relative}.nav a:hover{color:#fff;background:#ffffff0f}.nav-icon{color:var(--muted-2);flex-shrink:0;transition:color .15s}.nav a:hover .nav-icon{color:#e8b7a3}.nav a.active{color:#fff;background:linear-gradient(90deg,#b5350a38,#b5350a0d)}.nav a.active:before{content:"";background:var(--brand);border-radius:0 4px 4px 0;width:4px;height:22px;position:absolute;top:50%;left:-.85rem;transform:translateY(-50%)}.nav a.active .nav-icon{color:var(--brand-on-dark)}.nav-footer{color:var(--muted-2);border-top:1px solid #ffffff14;align-items:center;gap:.5rem;padding:.9rem 1.4rem;font-size:.72rem;display:flex}.nav-footer .dot{background:#3ba55d;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #3ba55d2e}.nav-toggle{background:var(--ink-2);color:#d8d1c7;cursor:pointer;width:28px;height:28px;box-shadow:var(--shadow-sm);z-index:5;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;transition:background .15s;display:flex;position:absolute;top:50%;right:-14px;transform:translateY(-50%)}.nav-toggle:after{content:"";position:absolute;inset:-8px}.nav-toggle:hover{background:var(--ink-3);color:#fff}.nav-toggle svg{transition:transform .15s}.nav.collapsed .nav-toggle svg{transform:rotate(180deg)}.nav.collapsed{width:68px}.nav.collapsed .nav-header{justify-content:center;padding:1.6rem 0 1.4rem;display:flex}.nav.collapsed .nav-section-title,.nav.collapsed .nav-subheading{display:none}.nav.collapsed .nav-section:not(:first-child){border-top:1px solid #ffffff14;margin-top:.35rem;padding-top:.7rem}.nav.collapsed .nav-scroll a{justify-content:center;gap:0;padding:.6rem}.nav.collapsed .nav-scroll a span{display:none}.nav.collapsed .nav-scroll a.active:before{left:2px}.nav.collapsed .nav-footer{justify-content:center;padding:.9rem 0}.nav.collapsed .nav-footer-text{display:none}.topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);z-index:10;background:#ffffffd1;justify-content:space-between;align-items:center;padding:1.25rem 2.5rem;display:flex;position:sticky;top:0}.topbar-title{font-size:1.4rem;font-weight:800}.topbar-subtitle{color:var(--muted);margin:.15rem 0 0;font-size:.85rem}.topbar-brand{letter-spacing:.14em;color:var(--brand-ink);border:1.5px solid var(--brand-soft);background:var(--brand-tint);border-radius:999px;padding:.4rem .75rem;font-size:.78rem;font-weight:900}.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.1rem;margin-bottom:1.75rem;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.25rem 1.3rem;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.card-icon{background:var(--brand-tint);width:40px;height:40px;color:var(--brand-ink);border-radius:11px;place-items:center;margin-bottom:.85rem;display:grid}.card-value{letter-spacing:-.02em;font-size:1.85rem;font-weight:800;line-height:1}.card-label{color:var(--muted);margin-top:.4rem;font-size:.82rem;font-weight:500}.card-aside{border-top:1px solid var(--border);color:var(--muted-ink);margin-top:.7rem;padding-top:.6rem;font-size:.82rem;line-height:1.35}.card-aside-value{color:var(--text);font-variant-numeric:tabular-nums;font-weight:700}.card.accent-green .card-icon{background:var(--success-soft);color:var(--success)}.card.accent-red .card-icon{background:var(--danger-soft);color:var(--danger)}.card.accent-warn .card-icon{background:var(--warn-soft);color:var(--warn)}.card.accent-info .card-icon{background:var(--info-soft);color:var(--info)}.card.highlight{background:linear-gradient(135deg, #fff 0%, var(--brand-tint) 100%);border-color:var(--brand-soft)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;padding:1.4rem 1.6rem}.panel h2{align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.05rem;font-weight:700;display:flex}.panel h2:before{content:"";background:var(--brand);border-radius:3px;width:4px;height:16px}.absence-panel-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.absence-list{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.absence-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.absence-reason{border-radius:999px;margin-left:8px;padding:2px 8px;font-size:12px;font-weight:600}.absence-reason.is-ziekte{background:var(--danger-soft);color:var(--danger-ink)}.absence-reason.is-verlof{background:var(--info-soft);color:var(--info)}.absence-reason.is-opleiding{background:var(--brand-soft);color:var(--brand-ink)}.absence-reason.is-andere{background:var(--warn-soft);color:var(--warn-ink)}.absence-note{color:var(--text);opacity:.75;margin-top:4px;font-size:13px}.absence-wizard{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);margin-top:12px;padding:12px}.absence-wizard-fields{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:12px 0;display:grid}.absence-wizard-fields label{color:var(--muted-ink);flex-direction:column;gap:.35rem;font-size:.8rem;font-weight:600;display:flex}.absence-wizard-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.absence-day{margin-top:12px}.absence-day h4{margin:0 0 6px;font-size:14px}.absence-row{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:6px 0;display:flex}.absence-row-time{font-variant-numeric:tabular-nums;min-width:96px}.absence-row-members{color:var(--text);opacity:.75;font-size:13px}.absence-row-skip{color:var(--text);opacity:.75;font-size:13px;font-style:italic}.absence-makeups{align-items:center;gap:.55rem;margin-top:12px;display:flex}.absence-summary{color:var(--text);margin-top:8px}.settings-list{margin:0 0 1rem;padding:0;list-style:none}.settings-list li{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem .75rem;padding:.75rem 0;display:flex}.settings-list li:last-child{border-bottom:none}.settings-list li p{color:var(--muted);white-space:pre-line;flex-basis:100%;margin:.25rem 0 0}.settings-list .button-row{margin:0}.tab-bar{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.tab-btn{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:999px;padding:.4rem .85rem;font-size:.82rem}.tab-btn:hover{border-color:var(--border-strong);color:var(--text)}.tab-btn.is-active{background:var(--brand);border-color:var(--brand);color:var(--on-brand);font-weight:600}.settings-section-title{color:var(--text);margin-bottom:.85rem;font-size:.95rem;font-weight:700}table{border-collapse:collapse;width:100%;font-size:.9rem}thead th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border);padding:.65rem .7rem;font-size:.72rem;font-weight:700}tbody td{border-bottom:1px solid var(--border);padding:.7rem}tbody tr{transition:background .12s}tbody tr:hover{background:var(--surface-2)}tbody tr.row-linkable{cursor:pointer}tbody tr:last-child td{border-bottom:none}.empty{text-align:center;color:var(--muted);padding:2.5rem 1rem}button{background:var(--brand);color:var(--on-brand);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.55rem 1rem;font-family:inherit;font-size:.88rem;font-weight:600;transition:background .15s,box-shadow .15s,transform 50ms;box-shadow:0 1px 2px #82260a40}button:hover{background:var(--brand-600);box-shadow:0 4px 12px #82260a47}button:active{transform:translateY(1px)}button:disabled{background:var(--border-strong);color:#fff;cursor:not-allowed;box-shadow:none}button.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border-strong);box-shadow:none}button.secondary:hover{background:var(--surface-2);border-color:var(--muted-2)}a.secondary{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;padding:.55rem 1rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:inline-block}a.secondary:hover{background:var(--surface-2);border-color:var(--muted-2)}button.danger{background:var(--surface);color:var(--danger);border:1px solid var(--danger-soft);box-shadow:none}button.danger:hover{background:var(--danger-soft);border-color:var(--danger)}.button-row{flex-wrap:wrap;align-items:center;gap:.6rem;margin:.6rem 0;display:flex}.actions{gap:.4rem;display:flex}.actions-col{z-index:1;background:var(--surface);border-left:1px solid var(--border);position:sticky;right:0}tbody tr:hover .actions-col{background:var(--surface-2)}.actions button{padding:.4rem .7rem;font-size:.82rem}.actions .icon-btn{padding:.35rem}.badge{text-transform:capitalize;border-radius:999px;align-items:center;padding:.2rem .65rem;font-size:.74rem;font-weight:600;display:inline-flex}.badge.sent{background:var(--success-soft);color:var(--success)}.badge.dry_run{background:var(--info-soft);color:var(--info)}.badge.failed{background:var(--danger-soft);color:var(--danger)}.badge.specialty{background:var(--brand-tint);color:var(--brand-ink);border:1px solid var(--brand-soft)}.badge.warn{background:var(--warn-soft);color:var(--warn-ink)}.badge.active{background:var(--success-soft);color:var(--success)}.badge.inactive{background:var(--surface-2);color:var(--muted-ink);border:1px solid var(--border)}.badge-btn{cursor:pointer;box-shadow:none;border:none;border-radius:999px;padding:.28rem .75rem;font-size:.76rem;font-weight:600}.badge-btn.paid,.badge-btn.active{background:var(--success-soft);color:var(--success)}.badge-btn.paid:hover,.badge-btn.active:hover{background:#d3ecdd}.badge-btn.unpaid,.badge-btn.inactive{background:var(--danger-soft);color:var(--danger)}.badge-btn.unpaid:hover,.badge-btn.inactive:hover{background:#f8d8d3}.group-unknown{color:var(--danger);font-weight:600}input,select,textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);padding:.5rem .7rem;font-family:inherit;font-size:.88rem;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);outline:none}input::placeholder,textarea::placeholder{color:var(--muted-2)}textarea{resize:vertical;width:100%;font-family:ui-monospace,Cascadia Code,SFMono-Regular,Menlo,monospace;font-size:.84rem;line-height:1.5}.form-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.1rem;margin-bottom:1rem;display:grid}.form-grid label,label.full-width{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.8rem;font-weight:600;display:flex}label.full-width{margin-bottom:1rem}label.checkbox{color:var(--text);flex-direction:row;align-items:center;gap:.55rem;font-size:.88rem;font-weight:500}label.checkbox input{width:17px;height:17px;accent-color:var(--brand)}.inline-form{border-top:1px dashed var(--border);flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1rem;padding-top:1rem;display:flex}.inline-form label.date-field{color:var(--muted);flex-direction:column;gap:.15rem;font-size:.75rem;display:flex}.alert{background:var(--info-soft);color:#1e3a8a;border-radius:var(--radius-sm);border:1px solid #cdd9f7;margin-bottom:1rem;padding:.7rem 1rem;font-size:.88rem}.alert.error{background:var(--danger-soft);color:var(--danger);border-color:#f3c9c3}.flash-region:empty:focus{outline:none}.hint{color:var(--muted);font-size:.84rem;line-height:1.55}.email-preview{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);padding:1.25rem 1.4rem;line-height:1.55}.email-preview p{margin:0 0 .7rem}.preview-summary,.import-summary{background:var(--surface-2);border-radius:var(--radius-sm);border:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem;padding:1rem;display:grid}.summary-row{flex-direction:column;gap:.4rem;display:flex}.summary-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.summary-value{color:var(--ink);font-size:1.5rem;font-weight:700}.summary-value.success{color:var(--success)}.preview-table{border-collapse:collapse;width:100%;margin-bottom:1rem;font-size:.9rem}.preview-table th{background:var(--surface-2);border-bottom:2px solid var(--border-strong);text-align:left;color:var(--text);padding:.75rem;font-weight:600}.preview-table td{border-bottom:1px solid var(--border);padding:.75rem}.preview-table tbody tr:hover{background:var(--surface-2)}.preview-table .align-right,.preview-table th.align-right{text-align:right}.warning-box,.info-box,.success-box{border-radius:var(--radius-sm);border-left:4px solid var(--border-strong);margin-bottom:1rem;padding:1rem}.warning-box{background:var(--warn-soft);border-left-color:var(--warn)}.warning-box strong{color:var(--warn-ink)}.warning-box p{color:var(--text);margin:.5rem 0 0}.info-box{background:var(--info-soft);border-left-color:var(--info)}.info-box p{color:var(--ink);margin:0}.success-box{background:var(--success-soft);border-left-color:var(--success)}.success-box p{color:var(--success);margin:0;font-weight:600}.warning-box p.hint,.info-box p.hint,.success-box p.hint{font-weight:400}.extraction-status{background:var(--surface-2);border-radius:var(--radius-sm);border:1px solid var(--border);margin-bottom:1rem;padding:1rem}.progress-bar-container{background:var(--border);border-radius:12px;width:100%;height:24px;margin:1rem 0;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--brand), var(--brand-600));border-radius:12px;justify-content:flex-end;align-items:center;min-width:2px;height:100%;padding-right:.5rem;transition:width .3s;display:flex}.progress-text{text-align:center;color:var(--brand);margin:0;font-size:.85rem;font-weight:600}.planner-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}ul{line-height:1.6}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid var(--bg);border-radius:6px}.nav-scroll::-webkit-scrollbar-thumb{background:#ffffff24;border-color:#0000}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.report-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.meter{background:#ece7df;border-radius:999px;align-items:center;height:30px;display:flex;position:relative;overflow:hidden}.meter-fill{background:linear-gradient(90deg, var(--brand), var(--brand-600));height:100%;color:var(--on-brand);border-radius:999px;justify-content:flex-end;align-items:center;min-width:2px;padding-right:12px;font-size:.82rem;font-weight:700;transition:width .4s;display:flex}.meter-outside{color:var(--text);font-size:.82rem;font-weight:700;position:absolute;left:12px}.bar-row{margin-bottom:.9rem}.bar-label{justify-content:space-between;align-items:baseline;margin-bottom:.3rem;font-size:.86rem;font-weight:600;display:flex}.bar-value{font-weight:700}.bar-value .hint{font-weight:400}.bar-track{background:#ece7df;border-radius:6px;height:12px;overflow:hidden}.bar-fill{background:var(--brand);border-radius:6px;min-width:2px;height:100%;transition:width .4s}.template-layout{grid-template-columns:2fr 1fr;align-items:start;gap:1.5rem;display:grid}.var-panel{position:sticky;top:90px}.var-group-title{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:.9rem 0 .5rem;font-size:.7rem;font-weight:700}.var-chips{flex-wrap:wrap;gap:.4rem;display:flex}.var-chip{background:var(--brand-tint);color:var(--brand-ink);border:1px solid var(--brand-soft);box-shadow:none;border-radius:7px;padding:.35rem .6rem;font-size:.8rem;font-weight:600}.var-chip:hover{background:var(--brand-soft);color:var(--brand-ink)}.var-chip.system{background:var(--surface-2);color:var(--muted-ink);border-color:var(--border-strong)}.var-chip.system:hover{background:var(--border);color:var(--text)}.email-frame{border:1px solid var(--border);border-radius:var(--radius-sm);background:#f4f1ec;width:100%;height:620px}.reorder{gap:3px;display:flex}.icon-btn{background:var(--surface-2);color:var(--text);border:1px solid var(--border-strong);box-shadow:none;border-radius:6px;padding:.2rem .5rem;font-size:.9rem;line-height:1}.icon-btn:hover:not(:disabled){background:var(--brand-tint);border-color:var(--brand);color:var(--brand-ink)}.icon-btn svg{display:block}.icon-btn:disabled{opacity:.4;background:var(--surface-2)}.icon-btn.blacklisted{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.icon-btn.primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.icon-btn.primary:hover:not(:disabled){background:var(--brand-600);border-color:var(--brand-600);color:var(--on-brand)}.blacklist-flag{color:var(--danger);vertical-align:middle;align-items:center;margin-right:.35rem;display:inline-flex}tr.blacklisted-row td:first-child{box-shadow:inset 3px 0 0 0 var(--danger)}.popover-anchor{align-items:center;gap:.35rem;display:inline-flex;position:relative}.popover{z-index:1000;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);flex-direction:column;gap:.5rem;width:260px;padding:.75rem;display:flex;position:fixed}.popover input{width:100%}.popover code{word-break:break-all;display:block}.popover-actions{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.personal-info-scrim{pointer-events:none;z-index:1000;background:#00000059;position:fixed;inset:0}.personal-info-panel{z-index:1001;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:460px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:fixed;overflow-y:auto}.personal-info-panel.is-editing{width:560px}.personal-info-panel-header{border-bottom:1px solid var(--border-strong);flex-shrink:0;align-items:center;gap:.5rem;padding:.6rem .75rem;display:flex}.personal-info-panel-grip{color:var(--muted);cursor:grab;touch-action:none;display:inline-flex}.personal-info-panel-title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.personal-info-panel-body{flex-direction:column;gap:.5rem;padding:.9rem 1rem 1rem;display:flex;overflow-y:auto}.personal-info-head-toggle{border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:.9rem}.household-head-badge{vertical-align:middle;color:var(--brand);margin-left:.35rem;display:inline-flex}.personal-info-row{justify-content:space-between;gap:.75rem;padding:.15rem 0;font-size:.88rem;display:flex}.personal-info-group{margin-top:.9rem}.personal-info-group:first-child{margin-top:0}.personal-info-group h4{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin:0 0 .4rem;font-size:.78rem;font-weight:700}.personal-info-edit-grid{grid-template-columns:1fr 1fr;gap:.7rem .75rem;display:grid}.personal-info-edit-grid label{color:var(--muted);flex-direction:column;gap:.3rem;min-width:0;font-size:.8rem;font-weight:600;display:flex}.personal-info-edit-grid label.personal-info-field-full{grid-column:1/-1}.personal-info-edit-grid input{width:100%}@media (width<=520px){.personal-info-edit-grid{grid-template-columns:1fr}}.personal-info-panel--embedded{width:auto;max-height:none;box-shadow:var(--shadow-sm);border:1px solid var(--border);border-radius:var(--radius);position:static}.personal-info-panel--embedded.is-editing{width:auto}.planner-popover{z-index:50;flex-direction:column;gap:.5rem;width:240px;padding:.75rem;display:flex;position:absolute;top:calc(100% + 6px);left:0}.planner-popover.align-right{left:auto;right:0}.ghost-input{background:0 0;border:1px solid #0000;border-radius:6px;width:60%;min-width:140px;padding:.35rem .5rem;font-weight:600}.ghost-input:hover{border-color:var(--border)}.ghost-input-wrap{align-items:center;display:inline-flex;position:relative}.ghost-input-wrap .ghost-input{padding-right:1.6rem}.ghost-input-affordance{color:var(--muted);opacity:0;pointer-events:none;transition:opacity .15s;position:absolute;right:.45rem}.ghost-input-wrap:hover .ghost-input-affordance,.ghost-input-wrap:focus-within .ghost-input-affordance{opacity:.85}.segmented{background:var(--bg);border:1px solid var(--border);border-radius:10px;gap:3px;padding:3px;display:inline-flex}.segmented button{color:var(--muted-ink);cursor:pointer;background:0 0;border:0;border-radius:7px;min-height:44px;padding:10px 14px;font:600 13px inherit}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.segmented button:focus-visible{outline:2px solid var(--brand-ink);outline-offset:2px}.scope-badge{letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;border-radius:6px;padding:4px 8px;font-size:10.5px;font-weight:700}.scope-badge.all{background:var(--info-soft);color:var(--info)}.scope-badge.loc{background:var(--brand-soft);color:var(--brand-ink)}.lesprijs-add-btn{min-height:44px}.rategrid{grid-template-columns:auto 1fr 1fr;align-items:center;gap:8px;max-width:520px;display:grid}.rategrid-hd{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);text-align:center;font-size:11.5px;font-weight:700}.rategrid-rh{color:var(--text);font-size:13px;font-weight:600}.ratecell{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface)}.ratecell.empty{border-style:dashed;border-color:var(--warn);background:var(--warn-soft);text-align:left;color:inherit;padding:0}.ratecell.has-error{border-style:solid;border-color:var(--danger);background:var(--danger-soft)}.ratecell input{width:100%;min-height:44px;color:var(--text);text-align:right;font-variant-numeric:tabular-nums;background:0 0;border:0;padding:0 11px;font:600 14px inherit}.ratecell input::placeholder{color:var(--warn-ink)}.ratecell input:disabled{opacity:.55;cursor:progress}.ratecell input:focus-visible{outline:2px solid var(--brand-ink);outline-offset:-2px;border-radius:var(--radius-sm)}.ratecell-error{color:var(--danger);margin:0;padding:3px 11px 7px;font-size:11.5px;line-height:1.35}@media (width<=560px){.rategrid{grid-template-columns:1fr 1fr}.rategrid-rh{grid-column:1/-1}.rategrid-spacer,.rategrid-hd{display:none}.ratecell .ratecell-label{clip:auto;white-space:normal;letter-spacing:.04em;text-transform:uppercase;width:auto;height:auto;color:var(--muted-ink);margin:0;padding:6px 11px 0;font-size:10.5px;font-weight:700;display:block;position:static;overflow:visible}}.tierlist{margin:0;padding:0;list-style:none}.tier{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);grid-template-columns:32px 1fr auto auto auto;align-items:center;gap:10px;margin-bottom:6px;padding:9px 11px;display:grid}.tier-pos{color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.tier-name{font-size:13px;font-weight:600}.tier-meta{color:var(--muted);margin-top:1px;font-size:11.5px;font-weight:400;display:block}.tier-price{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;flex-direction:column;align-items:flex-end;gap:1px;min-width:74px;font-size:13px;display:flex}.tier-price-label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:9.5px;font-weight:700}.tier-moves{gap:4px;display:flex}.tier-moves button{border:1px solid var(--border-strong);background:var(--surface);min-width:44px;min-height:44px;color:var(--muted);cursor:pointer;border-radius:7px}.tier-moves button:disabled{opacity:.55;cursor:default}.tier-moves button:focus-visible{outline:2px solid var(--brand-ink);outline-offset:2px}.tier-moves button.danger{color:var(--danger);border-color:var(--danger-soft)}.tier-moves button.danger:hover{background:var(--danger-soft);border-color:var(--danger)}@media (width<=620px){.tier{grid-template-columns:32px 1fr}.tier-price,.tier-moves{grid-column:2;justify-self:start}}.tierlist-group-label{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:14px 0 6px;font-size:11.5px;font-weight:700}.tierlist-group-label-first{margin-top:0}.tier-add-btn,.tier-form input:not([type=checkbox]),.tier-form select{min-height:44px}.tier-form .form-cell.tier-form-actions{flex-direction:row;align-items:center;gap:.75rem;padding-top:.25rem}.tier-form-scope p{color:var(--text);margin:0;font-size:.95rem;font-weight:600}.tier-form-field-error{color:var(--danger);margin-top:.3rem;font-size:.78rem;display:block}.tier-sim-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.1rem;display:grid}.tier-sim-main{min-width:0}@media (width>=1200px){.tier-sim-layout{grid-template-columns:minmax(0,1fr) 320px}}.tier-sim-side{flex-direction:column;gap:.5rem;min-width:0;display:flex}.tier-sim{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:12px 13px}.tier-sim-title{letter-spacing:.05em;text-transform:uppercase;color:var(--muted-ink);margin:0 0 6px;font-size:11.5px;font-weight:700}.tier-sim-lead{margin:0 0 10px}.tier-sim-controls{flex-wrap:wrap;align-items:flex-end;gap:4px 14px;display:flex}.tier-sim-field{flex-direction:column;gap:4px;display:flex}.tier-sim-field label{color:var(--text);font-size:12px;font-weight:600}.tier-sim-field input{width:116px;min-height:44px}.tier-sim-check{min-height:44px;display:flex}.simout{border-top:1px solid var(--border);margin-top:12px;padding-top:10px}.sim-win{color:var(--text);margin:0;font-size:13.5px;font-weight:600}.sim-win b{font-variant-numeric:tabular-nums;font-size:15px}.sim-noprice{color:var(--muted-ink);font-size:12.5px;font-weight:500}.sim-also,.sim-unknown{color:var(--muted-ink);margin:6px 0 0;padding-left:1.1rem;font-size:12.5px;line-height:1.5}.sim-none{color:var(--text);margin:0;font-size:13.5px;font-weight:600}.sim-unknown-title{letter-spacing:.04em;text-transform:uppercase;color:var(--muted-ink);margin:10px 0 0;font-size:10.5px;font-weight:700}.sim-unresolved{border-left:2px solid var(--warn);color:var(--text);margin:8px 0 0;padding-left:.55rem;font-size:12.5px;line-height:1.5}.billing-settings-form input:not([type=checkbox]),.billing-settings-form select{min-height:44px}.billing-settings-form .form-cell.billing-settings-actions{flex-direction:row;align-items:center;gap:.75rem;padding-top:.25rem}.billing-settings-fieldset{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);min-width:0;margin:0;padding:.9rem 1.1rem 1.1rem}.billing-settings-legend{color:var(--text);letter-spacing:.01em;padding:0 .35rem 0 0;font-size:.86rem;font-weight:700}.billing-settings-fieldset .form-grid.billing-settings-subgrid{margin-bottom:0}.billing-settings-fieldset .form-grid>label,.billing-settings-fieldset .form-grid>.form-cell>label:not(.checkbox),.billing-settings-fieldset .form-grid>.form-cell>span:not(.billing-settings-help){color:var(--muted-ink)}.billing-settings-switch{border-bottom:1px dashed var(--border);margin-bottom:.9rem;padding-bottom:.9rem}.billing-settings-switch label.checkbox{min-height:44px;font-weight:600;display:flex}.billing-settings-fieldset label.checkbox input[type=checkbox]{flex-shrink:0}.billing-settings-form .form-cell.billing-settings-actions button{min-height:44px}.billing-settings-help{color:var(--muted-ink);font-size:.75rem;font-weight:400;line-height:1.45}.billing-settings-help.is-required{color:var(--danger-ink);border-inline-start:2px solid var(--danger);padding-inline-start:.45rem;font-weight:600}.billing-settings-form input[aria-invalid=true],.billing-settings-form select[aria-invalid=true]{border-color:var(--danger)}.field{display:block}.field>span{color:var(--text);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.tag{text-transform:uppercase;letter-spacing:.06em;background:var(--surface-2);border:1px solid var(--border);color:var(--muted);border-radius:5px;margin-left:.5rem;padding:.1rem .4rem;font-size:.68rem;font-weight:700;display:inline-block}.email-status{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.9rem 1.1rem;display:flex}.status-pill{border-radius:999px;margin-right:.6rem;padding:.2rem .6rem;font-size:.8rem;font-weight:700}.status-pill.live{background:var(--success-soft);color:var(--success)}.status-pill.dry{background:var(--info-soft);color:var(--info)}.status-pill.warn{background:var(--warn-soft);color:var(--warn-ink)}.status-pill.changed{background:var(--warn-soft);color:var(--warn-ink);box-shadow:inset 0 0 0 1px var(--warn)}.status-provider{font-weight:600}.onboarding-progress{color:var(--muted);margin-bottom:.5rem;font-size:.85rem}.onboarding-added-list{margin:0 0 1rem;padding:0;list-style:none}.onboarding-added-list li{border-bottom:1px solid #eee;padding:.4rem 0;font-size:.9rem}.onboarding-done{text-align:center}.status-sender{color:var(--muted);font-size:.85rem}.ms-connect{margin-bottom:1rem}.device-code{letter-spacing:.15em;background:var(--surface);border:2px dashed var(--brand);color:var(--brand-ink);border-radius:10px;padding:.5rem 1.1rem;font-family:ui-monospace,Cascadia Code,SFMono-Regular,Menlo,monospace;font-size:1.6rem;font-weight:800;display:inline-block}.map-cell{flex-direction:column;gap:.4rem;display:flex}.new-field-inline{flex-wrap:wrap;gap:.4rem;display:flex}.table-scroll{overflow-x:auto}.revenue-amount{white-space:nowrap;text-align:right}.revenue-open{color:var(--muted-ink);margin-top:.15rem;font-size:.82rem}.revenue-bucket{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);margin-top:1rem;padding:.75rem 1rem}.revenue-bucket .hint{color:var(--muted-ink)}.color-swatch{border:1px solid var(--border-strong);cursor:pointer;border-radius:8px;width:34px;height:34px;padding:0}.ball-swatch{border-color:var(--muted);border-radius:50%;width:1.75rem;height:1.75rem;overflow:hidden}.ball-age-field{color:var(--muted-ink);align-items:center;gap:.35rem;font-size:.88rem;display:inline-flex}.ball-tier-chip{align-items:center;gap:.4rem;display:inline-flex}.ball-overtaken{background:var(--warn-soft);color:var(--warn-ink);white-space:nowrap;border-radius:999px;margin-left:.5rem;padding:.1rem .5rem;font-size:.72rem;font-weight:700;display:inline-block}.ball-colour-current{flex-wrap:wrap;align-items:center;margin-bottom:.3rem;display:flex}.ball-colour-current strong{font-weight:700}.ball-colour-form{flex-direction:column;gap:.6rem;margin-top:.6rem;display:flex}.ball-colour-form-row{flex-wrap:wrap;gap:.7rem;display:flex}.ball-colour-form label{color:var(--muted);flex-direction:column;flex:1;gap:.3rem;min-width:140px;font-size:.8rem;font-weight:600;display:flex}.ball-colour-form select,.ball-colour-form input{width:100%}.planner-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.planner-day-tabs{flex-wrap:wrap;gap:.3rem;display:flex}.view-toggle{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.view-toggle-btn{color:var(--muted-ink);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.4rem .9rem;font-family:inherit;font-size:.82rem;font-weight:600}.view-toggle-btn.active{background:var(--brand);color:var(--on-brand);box-shadow:var(--shadow-sm)}.planner-day-tab{border-radius:var(--radius-sm);cursor:pointer;color:var(--text);background:0 0;border:none;flex:1;justify-content:center;align-items:baseline;gap:.3rem;padding:.5rem .4rem;display:flex;position:relative}.planner-day-tab.is-weekend{background:#faf7f1}.planner-day-tab:hover{background:var(--surface-2)}.planner-day-tab-dow{color:var(--muted);letter-spacing:.03em;font-size:.68rem;font-weight:600}.planner-day-tab-num{font-size:.88rem;font-weight:700}.planner-day-tab.is-selected{background:var(--brand)}.planner-day-tab.is-selected .planner-day-tab-dow,.planner-day-tab.is-selected .planner-day-tab-num{color:var(--on-brand)}.planner-day-tab-dot{background:var(--brand);border-radius:50%;width:6px;height:6px;position:absolute;top:4px;right:8px}.planner-day-tab.is-selected .planner-day-tab-dot{background:#fff}.planner-court-chips{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.planner-court-chip{color:var(--muted-ink);background:var(--surface-2);border:1px solid var(--border-strong);cursor:pointer;border-radius:999px;padding:.35rem .9rem;font-family:inherit;font-size:.8rem;font-weight:600}.planner-court-chip-group{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.planner-court-chip-group-label{letter-spacing:.03em;color:var(--muted-ink);font-size:.72rem;font-weight:700}.planner-location-select select{min-height:44px;font-size:.85rem}.planner-court-chip.is-active{background:var(--brand-soft);color:var(--brand-ink);border-color:var(--brand)}.planner-legend-item{align-items:center;gap:.4rem;display:inline-flex}.planner-legend-swatch{border-radius:3px;width:12px;height:12px;display:inline-block}.swatch-normal{background:color-mix(in srgb, var(--brand) 14%, #fff);border-left:4px solid var(--brand)}.swatch-suggested{border:2px dashed var(--brand);background:0 0}.swatch-conflict{background:var(--danger-soft);border:2px solid var(--danger)}.swatch-makeup{background:color-mix(in srgb, var(--brand) 14%, #fff);border-left:4px solid var(--brand);box-shadow:inset 0 0 0 2px var(--info)}.planner-viewport{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:340px;max-height:calc(100vh - 260px);overflow:auto}.planner-grid{min-width:640px;display:flex;position:relative}.planner-grid.is-single-column{min-width:0}.planner-time-gutter{z-index:30;background:var(--surface);border-right:1px solid var(--border);flex-shrink:0;width:52px;position:sticky;left:0}.planner-corner{z-index:40;box-sizing:border-box;background:var(--surface-2);border-bottom:1px solid var(--border);height:36px;position:sticky;top:0;left:0}.planner-gutter-canvas{position:relative}.planner-time-label{color:var(--muted);text-align:center;font-size:.72rem;position:absolute;left:0;right:0;transform:translateY(-50%)}.planner-court-col{border-right:1px solid var(--border);flex:1;min-width:170px;position:relative}.planner-court-col:last-child{border-right:none}.planner-location-group{flex-direction:column;flex-basis:0;display:flex}.planner-location-cols{flex:1;display:flex}.planner-location-group+.planner-location-group{border-left:3px solid var(--brand)}.planner-location-header{z-index:25;box-sizing:border-box;letter-spacing:.02em;height:28px;color:var(--text);background:var(--brand-tint);border-bottom:1px solid var(--border);white-space:nowrap;align-items:center;gap:8px;padding:0 10px;font-size:.76rem;font-weight:700;display:flex;position:sticky;top:0;overflow:hidden}.planner-location-count{background:var(--brand-soft);color:var(--brand-ink);border-radius:999px;padding:1px 8px;font-size:.72rem;font-weight:600}.planner-grid.has-location-groups .planner-court-header{top:28px}.planner-grid.has-location-groups .planner-corner{height:64px}.planner-court-col.is-weekend{background:#faf7f1}.planner-court-col.is-today{background:var(--brand-tint)}.planner-court-header{z-index:20;box-sizing:border-box;background:var(--surface-2);border-bottom:1px solid var(--border);justify-content:center;align-items:center;height:36px;font-size:.82rem;font-weight:700;display:flex;position:sticky;top:0}.planner-col-canvas{cursor:crosshair;position:relative}.planner-hour-line{border-top:1px dashed var(--border);position:absolute;left:0;right:0}.planner-block{color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm);background:color-mix(in srgb, var(--block-color,var(--brand)) 14%, #fff);border-left:4px solid var(--block-color,var(--brand));-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:8px;padding:.25rem .5rem;font-size:.76rem;line-height:14px;position:absolute;right:4px;overflow:hidden}.planner-block-title{box-sizing:content-box;justify-content:space-between;align-items:baseline;gap:.35rem;height:15px;padding-left:1rem;padding-right:1.35rem;line-height:15px;display:flex}.planner-block-time{font-weight:700}.planner-block-coach{white-space:nowrap;color:color-mix(in srgb, var(--block-color,var(--brand)) 70%, var(--text));font-size:.7rem;font-weight:700}.planner-block-name{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.planner-block-empty{font-style:italic}.planner-block-more{color:var(--muted);font-size:.7rem;font-weight:700}.planner-block-balls{align-items:center;gap:2px;display:flex;position:absolute;bottom:5px;right:5px}.planner-block-name.is-last,.planner-block-more.is-last{padding-right:calc(var(--ball-count,2) * 16px + 4px)}.planner-block-conflict-count{background:var(--danger);color:#fff;letter-spacing:.03em;border-radius:999px;padding:1px 5px;font-size:.62rem;font-weight:700;line-height:1.18;position:absolute;top:2px;right:26px}.planner-block.conflict{outline:2px solid var(--danger);outline-offset:-1px}.planner-block.selected{outline:2px dashed var(--brand);outline-offset:-1px}.planner-block-link-badge{font-size:.7rem;line-height:1;position:absolute;top:2px;left:4px}.planner-block.is-armed{transition:transform .1s ease-out,box-shadow .1s ease-out;transform:scale(1.03);box-shadow:0 4px 12px #0003}.planner-block.is-dragging{opacity:.92;pointer-events:none;box-shadow:0 8px 24px #00000040}.planner-col-canvas.is-drag-target{background:var(--brand-tint)}.planner-day-tab.is-drag-target,.planner-court-chip.is-drag-target{outline:2px solid var(--brand);outline-offset:2px}.planner-block-resize-handle{cursor:ns-resize;height:6px;position:absolute;bottom:0;left:0;right:0}.planner-side-panel{background:var(--surface);border-left:1px solid var(--border-strong);width:400px;max-width:92vw;box-shadow:var(--shadow-lg);z-index:1000;padding:1.5rem;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.planner-side-panel-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.planner-member-list{flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem;display:flex}.planner-member-chip{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .7rem;font-size:.82rem;display:inline-flex}.planner-member-chip .icon-btn{padding:0 .3rem}.planner-member-chip .attendance-notice-tag{align-self:center}@media (width<=980px){.report-grid,.template-layout,.dashboard-grid{grid-template-columns:1fr}.var-panel{position:static}.dashboard-shortcuts{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.app{flex-direction:column}.nav{width:100%;height:auto;position:relative}.nav-toggle{right:.75rem}.nav.collapsed{width:100%}.nav-scroll{flex-wrap:wrap;gap:.5rem;display:flex}.nav-section{margin-bottom:.5rem}.content,.topbar{padding-left:1.25rem;padding-right:1.25rem}}.planner-block.suggested{opacity:.85;border:2px dashed var(--brand);background-image:repeating-linear-gradient(45deg,#0000 0 6px,#b5350a1a 6px 12px)}.planner-block.is-makeup{box-shadow:var(--shadow-sm), inset 0 0 0 2px var(--info)}.planner-block.highlighted{outline-offset:2px;outline:3px solid #f2a900}.planner-block-attendance{border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:1.05rem;height:1.05rem;font-size:.7rem;font-weight:700;line-height:1;display:flex;position:absolute;top:2px;right:4px}.planner-block-attendance.is-complete{color:#1f7a3d;background:#e5f3e8;border-color:#1f7a3d}.planner-block-attendance.is-partial{color:#9a6a10;background:#fdf3e0;border-color:#9a6a10}.planner-block-attendance.is-none{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.planner-block-advance-absence{border:1px solid var(--info);background:var(--info-soft);width:1.05rem;height:1.05rem;color:var(--info);border-radius:50%;justify-content:center;align-items:center;font-size:.65rem;line-height:1;display:flex;position:absolute;top:2px;right:4px}.planner-occupancy{z-index:0;pointer-events:none;border-radius:var(--radius-sm);background-image:repeating-linear-gradient(135deg, color-mix(in srgb, var(--warn) 32%, transparent), color-mix(in srgb, var(--warn) 32%, transparent) 6px, transparent 6px, transparent 12px);border:1px dashed var(--warn);position:absolute;left:0;right:0}.view-toggle-badge{background:var(--danger);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:1.15rem;height:1.15rem;margin-left:.35rem;padding:0 .3rem;font-size:.7rem;font-weight:700;line-height:1;display:inline-flex}.agenda-list{flex-direction:column;gap:.5rem;display:flex}.agenda-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:left;width:100%;font:inherit;color:inherit;align-items:center;gap:.85rem;padding:.75rem 1rem;display:flex}.agenda-row.is-editable{cursor:pointer}.agenda-row.is-editable:hover{border-color:var(--brand)}.agenda-row:disabled{cursor:default;opacity:.75}.agenda-row-time{flex-shrink:0;min-width:4.5rem;font-weight:700}.agenda-row-info{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.agenda-row-meta{color:var(--muted);font-size:.85rem}.agenda-badge{background:var(--surface-2);color:var(--muted);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:.2rem .55rem;font-size:.8rem;font-weight:600}.agenda-badge-wrap{white-space:normal;text-align:right;flex-shrink:1;flex-basis:8rem}.agenda-badge.is-complete{color:#1f7a3d;background:#e5f3e8}.agenda-filter{gap:.35rem;margin-bottom:.75rem;display:flex}.agenda-filter button{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--muted-ink);border-radius:var(--radius-sm);padding:.35rem .8rem;font-size:.85rem}.agenda-filter button.is-active{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.agenda-row-date{color:var(--muted);font-size:.75rem;font-weight:500;display:block}.agenda-badge.is-none{background:var(--danger-soft);color:var(--danger)}.agenda-badge.is-partial{color:#9a6a10;background:#fdf3e0}.help-toc{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.25rem;margin-top:1.25rem;display:grid}.help-toc-title{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:.4rem;font-size:.82rem;font-weight:700}.help-toc-group ul{margin:0;padding:0;list-style:none}.help-toc-group li{margin-bottom:.15rem}.help-toc-group a{font-size:.92rem;text-decoration:none}.help-toc-group a:hover{text-decoration:underline}.help-section{scroll-margin-top:90px}.help-section h3{margin-top:1.1rem;margin-bottom:.4rem;font-size:.95rem}.help-section p{margin-bottom:.7rem;line-height:1.6}.help-section ul,.help-section ol{margin:0 0 .9rem 1.2rem}.help-section li{margin-bottom:.4rem}.loading-row{color:var(--muted);align-items:center;gap:.6rem;padding:1rem .25rem;font-size:.9rem;display:flex}.spinner{border:2px solid var(--border-strong);border-top-color:var(--brand);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.sort-indicator{color:var(--brand-ink);font-size:.7em}.confirm-overlay{z-index:200;background:#0f172a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-panel{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);width:min(440px,100vw - 2rem);padding:1.4rem 1.6rem;box-shadow:0 20px 50px #00000040}.confirm-panel h3{margin-bottom:.6rem}.confirm-panel p{color:var(--muted);margin-bottom:.75rem;font-size:.92rem}.confirm-details{max-height:220px;margin:0 0 1rem 1.1rem;font-size:.9rem;overflow-y:auto}.confirm-buttons{justify-content:flex-end}.step-header{align-items:center;gap:.6rem;display:flex}.step-header h2,.step-header h3{margin:0}.step-number{background:var(--brand);width:26px;height:26px;color:var(--on-brand);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:inline-flex}.step-number.is-done{color:#fff;background:#2e7d32}.step-done-label{color:#2e7d32;margin-left:auto;font-size:.85rem;font-weight:600}.step-section .step-header+*{margin-top:.75rem}.progress-bar{background:var(--info-soft);border-radius:999px;height:8px;margin-top:.9rem;overflow:hidden}.day-group-title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted-2);margin:1rem 0 .5rem;font-size:.8rem}.suggestion-card{border:1px solid var(--border);border-radius:var(--radius-sm);gap:.45rem;margin-bottom:.6rem;padding:.75rem .9rem;display:grid}.suggestion-card-main{flex-wrap:wrap;align-items:baseline;gap:.35rem .9rem;display:flex}.suggestion-time{font-weight:600}.suggestion-meta{color:var(--muted);font-size:.9rem}.size-badge{background:var(--info-soft);border-radius:999px;margin-left:auto;padding:.1rem .6rem;font-size:.8rem}.formed-badge{background:var(--success-soft);color:var(--success);border-radius:999px;padding:.1rem .6rem;font-size:.8rem}.warn-badge{background:var(--warn-soft);color:var(--warn-ink);border-radius:999px;padding:.1rem .6rem;font-size:.8rem}.gap-warning{color:var(--warn-ink)}.suggestion-members{font-size:.9rem}.suggestion-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.mini-preview{background:#0000000d;border-radius:4px;height:14px;margin-bottom:1rem;position:relative;overflow:hidden}.mini-preview-block{border-radius:2px;position:absolute;top:2px;bottom:2px}button.mini-preview-block{font:inherit;text-align:inherit;background:0 0;border:none;margin:0;padding:0}.mini-preview-block.is-clickable{cursor:pointer}.mini-preview-block.is-clickable:hover{filter:brightness(.92)}.mini-preview-block.is-existing{background:var(--muted-2);opacity:.55}.mini-preview-block.is-suggested{border:1px dashed var(--brand);background:repeating-linear-gradient(45deg,#0000 0 4px,#b5350a1f 4px 8px)}.mini-preview-block.is-target{border:1px dashed var(--brand);background:repeating-linear-gradient(45deg,#b5350ad9 0 4px,#b5350a73 4px 8px)}.mini-preview-block.is-coach{background:var(--block-color);opacity:1}.mini-preview-now{background:var(--brand);opacity:.8;pointer-events:none;width:2px;position:absolute;top:0;bottom:0}.mini-preview-label{color:var(--muted-2);font-size:.65rem;position:absolute;top:100%}.mini-preview-label.start{left:0}.mini-preview-label.end{right:0}.candidate-row{border-top:1px dashed var(--border);grid-template-columns:1fr auto;align-items:start;gap:.4rem .9rem;padding-top:.55rem;display:grid}.candidate-reason{color:var(--muted);margin:.2rem 0 .35rem;font-size:.85rem}.candidate-actions{align-items:center;gap:.4rem;display:flex}.candidate-dismiss{padding:.35rem .6rem}.member-chips{flex-wrap:wrap;gap:.4rem;display:flex}.member-chip{background:var(--info-soft);border-radius:999px;padding:.2rem .7rem;font-size:.85rem}.today-block h2{margin-bottom:.9rem}.today-stats{flex-wrap:wrap;gap:.6rem;margin-bottom:1.1rem;display:flex}.stat-pill{background:var(--brand-tint);color:var(--brand-ink);border:1px solid #0000;border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .85rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.stat-pill:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.stat-pill-static{background:var(--surface-2);color:var(--text);cursor:default}.stat-pill-static:hover{box-shadow:none;transform:none}.today-courts{flex-direction:column;gap:1.3rem;display:flex}.today-court-row{flex-direction:column;gap:.35rem;display:flex}.today-court-label{align-items:baseline;gap:.5rem;font-size:.9rem;display:flex}.today-court-coach{color:var(--muted);font-size:.82rem}.today-location{border-top:1px solid var(--border);margin-top:1.1rem;padding-top:.85rem}.today-locations>.today-location:first-child{border-top:0;margin-top:0;padding-top:0}.today-location-head{width:100%;min-height:44px;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.6rem;padding:0 0 .9rem;display:flex}.today-location-head:focus-visible{outline:2px solid var(--brand-ink);outline-offset:2px;border-radius:var(--radius)}.today-location-chevron{width:12px;color:var(--muted);flex-shrink:0;font-size:.7rem}.today-location-name{color:var(--text);font-size:.95rem;font-weight:700}.today-location-pill{background:var(--brand-soft);color:var(--brand-ink);white-space:nowrap;border-radius:999px;padding:.15rem .6rem;font-size:.78rem;font-weight:600}.today-location-pill.is-idle{background:var(--bg);color:var(--muted-ink)}.today-location-meta{color:var(--muted-ink);margin-left:auto;font-size:.8rem}.today-location.is-collapsed .today-courts{display:none}.today-location.is-collapsed .today-location-head{padding-bottom:0}.card-link{color:inherit;text-decoration:none;display:block}.auth-screen{background:#f4f1ec;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:#fff;border:1px solid #e7e1d8;border-radius:16px;width:100%;max-width:420px;padding:32px;box-shadow:0 10px 40px #1a181514}.auth-brand{justify-content:center;margin-bottom:18px;display:flex}.auth-title{margin:0 0 6px;font-size:20px}.auth-intro{color:#7c746a;margin:0 0 18px;font-size:14px}.auth-form{flex-direction:column;gap:14px;margin-top:12px;display:flex}.auth-form label{color:#3a352e;flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.auth-form input{border:1px solid #d9d2c7;border-radius:8px;padding:10px 12px;font-size:15px}.auth-form button[type=submit]{margin-top:4px}.auth-form .wens-schakelaar{flex-direction:row}.topbar-account{align-items:center;gap:.75rem;display:flex;position:relative}.onboarding-banner{background:var(--info-soft);color:var(--info);white-space:nowrap;border-radius:999px;align-items:center;padding:.35rem .75rem;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-flex}.onboarding-banner:hover{filter:brightness(.95)}.account-button{cursor:pointer;background:0 0;border:1px solid #e7e1d8;border-radius:10px;flex-direction:column;align-items:flex-end;gap:2px;padding:6px 12px;display:flex}.account-name{color:#1a1815;font-size:14px;font-weight:700}.account-role{color:#9a9184;text-transform:uppercase;letter-spacing:.04em;font-size:11px}.account-backdrop{z-index:40;position:fixed;inset:0}.account-menu{z-index:41;background:#fff;border:1px solid #e7e1d8;border-radius:10px;min-width:190px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 8px 24px #1a18151f}.account-menu button{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;padding:10px 14px;font-size:14px;display:block}.account-menu button:hover{background:#f4f1ec}.invite-link{background:#fdf3ee;border:1px solid #f2d9cd;border-radius:10px;flex-direction:column;gap:8px;margin-top:16px;padding:14px;display:flex}.invite-link code{word-break:break-all;background:#fff;border:1px solid #efe3da;border-radius:6px;padding:8px 10px;font-size:13px;display:block}.invite-link button{align-self:flex-start}.checkbox-inline{align-items:center;gap:6px;font-size:13px;display:inline-flex}.status-badge{border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.status-active{color:#1f7a3d;background:#e5f3e8}.status-invited{color:#8a5d0d;background:#fdf3e0}.status-disabled{color:#666;background:#eee}.status-badge.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:filter .12s,box-shadow .12s}.status-badge.clickable:hover{filter:brightness(.94);box-shadow:0 1px 3px #0000001f}.status-badge.clickable:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.user-actions{align-items:center;gap:6px;display:flex}.icon-btn.danger{color:var(--danger);background:var(--surface-2);border-color:var(--danger-soft)}.icon-btn.danger:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.attendance-sheet-overlay{background:var(--surface);z-index:1100;position:fixed;inset:0;overflow-y:auto}.attendance-sheet{width:100%;max-width:640px;margin:0 auto;padding:1.25rem 1.25rem 2rem}.attendance-sheet-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.attendance-mark-all{align-items:center;gap:.4rem;margin-bottom:1rem;display:inline-flex}.attendance-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem 0;display:flex}.attendance-row-name{flex:1;font-weight:600}.attendance-toggle{flex-wrap:wrap;gap:.3rem;display:flex}.attendance-toggle-btn{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--muted-ink);border-radius:var(--radius-sm);padding:.35rem .7rem;font-size:.85rem}.attendance-toggle-btn.active-aanwezig{color:#1f7a3d;background:#e5f3e8;border-color:#1f7a3d}.attendance-toggle-btn.active-afwezig{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.attendance-toggle-btn.active-verontschuldigd{color:#9a6a10;background:#fdf3e0;border-color:#9a6a10}.attendance-open-btn{width:100%;margin-bottom:1rem}.attendance-row-name{flex-direction:column;gap:.1rem;display:flex}.attendance-row-recorded{color:var(--muted);font-size:.75rem;font-weight:400}.attendance-notice-tag{color:#9a6a10;background:#fdf3e0;border-radius:999px;align-self:flex-start;padding:.05rem .4rem;font-size:.7rem;font-weight:600}.link-btn{font:inherit;color:var(--brand-ink);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;text-decoration:underline}.attendance-history-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem 0;display:flex}.attendance-history-row .agenda-row-meta{display:block}.attendance-history-status{white-space:nowrap;border-radius:999px;padding:.15rem .5rem;font-size:.8rem;font-weight:600}.attendance-history-status.is-aanwezig{color:#1f7a3d;background:#e5f3e8}.attendance-history-status.is-afwezig{background:var(--danger-soft);color:var(--danger)}.attendance-history-status.is-verontschuldigd{color:#9a6a10;background:#fdf3e0}.portal-header{border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:1rem 1.25rem;display:flex}.portal-header-actions{align-items:center;gap:.6rem;display:flex}.portal-body{max-width:720px;margin:0 auto;padding:1.25rem}.portal-member-block{margin-bottom:1.5rem}.portal-member-block h2{margin-bottom:.5rem}.portal-slot{text-align:left;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:44px;color:var(--text);font:inherit;box-shadow:none;cursor:pointer;flex-wrap:wrap;align-items:center;gap:.25rem .7rem;margin-bottom:.4rem;padding:.5rem .7rem;font-size:.85rem;display:flex}.portal-slot:hover{background:var(--surface-2);color:var(--text);box-shadow:none}.portal-slot:disabled{background:var(--surface);color:var(--text);cursor:default}.portal-slot-date{min-width:5.5rem;font-weight:700}.portal-slot-time{font-weight:600}.portal-slot-meta{color:var(--text);opacity:.75;align-items:center;gap:.25rem;display:inline-flex}.portal-makeup-summary{text-align:left;background:var(--info-soft);color:#1e3a8a;border-radius:var(--radius-sm);cursor:pointer;border:1px solid #cdd9f7;width:100%;margin-bottom:1rem;padding:.7rem 1rem;font-size:.88rem;font-weight:600;display:block}.portal-makeup-summary:hover{background:#dce6fb}.portal-shell{flex-direction:column;display:flex}.portal-member-switch{gap:.5rem;margin-bottom:.75rem;display:flex}.portal-member-chip{text-align:center;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);box-shadow:none;flex:1;padding:.65rem .5rem;font-size:.85rem;font-weight:600}.portal-member-chip:hover{background:var(--surface-2)}.portal-member-chip.is-active{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.portal-content{padding-bottom:5rem}.portal-tabbar{background:var(--surface);border-top:1px solid var(--border);z-index:10;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #1a18150f}.portal-tab{color:var(--muted);box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;flex:1;align-items:center;gap:.15rem;padding:.5rem .25rem .6rem;font-size:.72rem;font-weight:600;display:flex}.portal-tab:hover{background:var(--surface-2);box-shadow:none}.portal-tab-icon{font-size:1.15rem;line-height:1}.portal-tab.is-active{color:var(--brand-ink)}@media (width>=768px){.portal-tabbar{border-top:none;border-bottom:1px solid var(--border);box-shadow:none;order:-1;justify-content:center;gap:1.5rem;margin-bottom:1rem;padding:.5rem 0 .75rem;position:static}.portal-member-switch{order:-2}.portal-tab{flex-direction:row;flex:none;gap:.4rem;padding:.4rem .9rem;font-size:.85rem}.portal-content{padding-bottom:0}}.portal-weekstrip{scrollbar-width:thin;gap:.25rem;margin-bottom:.9rem;padding-bottom:.15rem;display:flex;overflow-x:auto}.portal-weekstrip-day{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-width:44px;min-height:56px;color:var(--text);font:inherit;box-shadow:none;cursor:pointer;flex-direction:column;flex:1 0 44px;justify-content:center;align-items:center;gap:.15rem;padding:.35rem .2rem;display:flex}.portal-weekstrip-day:hover{background:var(--surface-2);color:var(--text);box-shadow:none}.portal-weekstrip-day:disabled{background:var(--surface);color:var(--text);opacity:.7;cursor:default}.portal-weekstrip-day:disabled .portal-weekstrip-weekday{opacity:1}.portal-weekstrip-day.is-today{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.portal-weekstrip-weekday{text-transform:uppercase;letter-spacing:.04em;color:var(--text);opacity:.75;font-size:.68rem;font-weight:700}.portal-weekstrip-date{font-size:.95rem;font-weight:800;line-height:1}.portal-weekstrip-dot{background:var(--brand);border-radius:999px;width:5px;height:5px}.portal-weekstrip-dot.is-empty{background:0 0}.portal-week-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:1rem 0 .5rem;font-size:.76rem;font-weight:700}.portal-season-block{margin-bottom:1.25rem}.portal-season-block h3{margin-bottom:.25rem;font-size:1rem}.portal-lessons{flex-direction:column;gap:.5rem;display:flex}.portal-lesson{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--brand);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);gap:.75rem;padding:.7rem .85rem;display:flex}.portal-lesson.is-reported{border-left-color:var(--muted-2)}.portal-lesson.is-cancelled{border-left-color:var(--danger)}.portal-lesson.is-makeup{border-left-color:var(--success)}.portal-lesson.is-closed{border-left-color:var(--muted-2)}.portal-lesson.is-closed .portal-lesson-time{color:var(--muted-2);font-size:1.3rem}.portal-lesson-time{flex-direction:column;align-items:flex-end;min-width:3.4rem;display:flex}.portal-lesson-start{font-size:.95rem;font-weight:800;line-height:1.2}.portal-lesson-end{color:var(--text);opacity:.75;font-size:.78rem}.portal-lesson-body{flex-direction:column;flex:1;gap:.3rem;min-width:0;display:flex}.portal-lesson-head{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.portal-lesson-title{font-size:.92rem;font-weight:700}.portal-lesson-title.is-struck{text-decoration:line-through}.portal-lesson-meta{color:var(--text);opacity:.75;flex-wrap:wrap;gap:.2rem .75rem;font-size:.8rem;display:flex}.portal-lesson-meta span{align-items:center;gap:.25rem;display:inline-flex}.portal-lesson-absence{font-style:italic}.portal-lesson-actions{flex-wrap:wrap;gap:.4rem;margin-top:.15rem;display:flex}.portal-lesson-action{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;box-shadow:none;padding:0 .85rem;font-size:.82rem;font-weight:700}.portal-lesson-action:hover{background:var(--surface-2);color:var(--text);box-shadow:none}.portal-lesson-action:disabled{background:var(--surface);color:var(--text);cursor:default}.portal-lesson-action.is-primary{background:var(--brand);color:var(--on-brand);border-color:#0000}.portal-lesson-action.is-primary:hover{background:var(--brand-600);color:var(--on-brand)}.portal-lesson-action.is-primary:disabled{background:var(--brand);color:var(--on-brand)}.portal-sibling-schedules{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.25rem}.portal-sibling-schedule{margin-top:.75rem}.portal-sibling-schedule h4{margin:0 0 .35rem;font-size:.9rem}.portal-sibling-row{color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);flex-wrap:wrap;align-items:center;gap:.25rem .6rem;margin-bottom:.35rem;padding:.45rem .65rem;font-size:.85rem;display:flex}.portal-sibling-time{font-weight:700}.portal-sibling-where{color:var(--text);opacity:.75;align-items:center;gap:.25rem;display:inline-flex}.portal-bill-summary{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem 1.1rem;display:flex}.portal-bill-amount{color:var(--brand-ink);font-size:1.25rem;font-weight:800}.portal-bank-details{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:minmax(7.5rem,auto) 1fr;align-items:baseline;gap:.4rem 1rem;margin:1rem 0 0;padding:.9rem 1.1rem;display:grid}.portal-bank-details dt{color:var(--muted-ink);font-size:.8125rem;font-weight:600}.portal-bank-details dd{color:var(--text);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;margin:0;font-size:1rem;font-weight:600}@media (width<=30rem){.portal-bank-details{grid-template-columns:1fr;gap:.15rem}.portal-bank-details dd+dt{margin-top:.6rem}}.portal-member-logins{margin-top:1.5rem}.portal-member-login-row{border:1px solid var(--border);border-radius:var(--radius-sm);margin-top:.75rem;padding:.85rem}.portal-member-login-header{justify-content:space-between;align-items:baseline;margin-bottom:.5rem;font-weight:600;display:flex}.portal-member-login-actions{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.portal-member-login-activity-btn{align-items:center;gap:.35rem;display:inline-flex}.portal-permission-toggle{align-items:flex-start;gap:.5rem;font-size:.88rem;font-weight:400;display:flex}.portal-link-fallback{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);width:100%;color:var(--muted);margin-top:.5rem;padding:.4rem .5rem;font-family:ui-monospace,Consolas,monospace;font-size:.7rem}.portal-member-login-send{gap:.5rem;margin-top:.5rem;display:flex}.portal-member-login-send input{flex:1}.portal-hero{color:#f4f1ec;border-radius:var(--radius);background:linear-gradient(160deg,#232b28 0%,#161c1a 100%);flex-direction:column;gap:.7rem;padding:1.1rem 1.15rem;display:flex}.portal-hero-loading{background:linear-gradient(90deg,#1b2220 25%,#232b28 50%,#1b2220 75%) 0 0/200% 100%;min-height:168px;animation:1.4s ease-in-out infinite portal-card-shimmer}@media (prefers-reduced-motion:reduce){.portal-hero-loading{animation:none}}.portal-hero-flat{background:var(--surface);color:var(--text);border:1px solid var(--border)}.portal-hero-top{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.portal-hero-eyebrow{text-transform:uppercase;letter-spacing:.05em;color:#b9b3aa;font-size:.72rem;font-weight:700}.portal-hero-day{font-size:1.6rem;font-weight:800;line-height:1.15}.portal-hero-date{color:#b9b3aa;font-size:.9rem}.portal-hero-empty{color:#b9b3aa;margin:0;font-size:.9rem}.portal-hero-chip{background:var(--brand);color:var(--on-brand);white-space:nowrap;border-radius:999px;padding:.35rem .7rem;font-size:.9rem;font-weight:800}.portal-hero-meta{color:#d8d3cb;flex-wrap:wrap;align-items:center;gap:.35rem .9rem;font-size:.9rem;display:flex}.portal-hero-meta span{align-items:center;gap:.3rem;display:inline-flex}.portal-hero-pill{border:1px solid;border-radius:999px;padding:.1rem .5rem;font-size:.78rem;font-weight:700}.portal-hero-actions{flex-wrap:wrap;gap:.5rem;display:flex}.portal-hero-action{border-radius:var(--radius);background:var(--brand);min-height:44px;color:var(--on-brand);cursor:pointer;box-shadow:none;border:1px solid #0000;padding:0 1rem;font-weight:700}.portal-hero-action-ghost{color:#f4f1ec;background:0 0;border-color:currentColor}.portal-hero-action:hover{background:var(--brand-600);color:var(--on-brand);box-shadow:none}.portal-hero-action-ghost:hover{color:#f4f1ec;background:0 0}.portal-hero-action:disabled{background:var(--brand);color:var(--on-brand);cursor:default}.portal-hero-action-ghost:disabled{color:#f4f1ec;background:0 0}.portal-hero-flat .portal-hero-action-ghost{color:var(--text)}.portal-stats-strip{gap:.5rem;display:flex}.portal-stat{background:var(--surface-2);border-radius:var(--radius);text-align:center;flex-direction:column;flex:1;align-items:center;gap:.1rem;padding:.4rem .25rem;display:flex}.portal-stat-value{color:var(--brand-ink);font-size:1.4rem;font-weight:800;line-height:1.1}.portal-stat-label{color:var(--muted);font-size:.72rem}.portal-card.portal-billing-row{flex-flow:wrap;justify-content:space-between;align-items:center;gap:.6rem}.portal-billing-row-text{flex-direction:column;gap:.15rem;display:flex}.portal-billing-amount{color:var(--brand-ink);font-size:1.35rem;font-weight:800;line-height:1.15}.portal-billing-amount-paid{color:var(--muted);font-size:1rem;font-weight:700}.portal-billing-due{color:var(--muted);font-size:.8rem}.portal-billing-row-error{flex-basis:100%;margin:0}.portal-announcement-head{align-items:center;gap:.4rem;display:flex}.portal-announcement-dot{background:var(--brand);width:8px;height:8px;box-shadow:0 0 0 1.5px var(--brand-ink);border-radius:50%;flex:none}.portal-start{flex-direction:column;gap:.75rem;margin-bottom:1rem;display:flex}.portal-greeting{color:var(--text);margin:0;font-size:1.15rem;font-weight:700}.portal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:.3rem;padding:.9rem 1rem;display:flex}.portal-card-loading{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface) 50%, var(--surface-2) 75%);background-size:200% 100%;min-height:92px;animation:1.4s ease-in-out infinite portal-card-shimmer}@keyframes portal-card-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.portal-card-loading{animation:none}}.portal-card-label{text-transform:uppercase;letter-spacing:.03em;color:var(--muted);font-size:.74rem;font-weight:700}.portal-announcements-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.portal-announcements-list li{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);padding:.6rem .75rem}.portal-announcements-list li p{color:var(--text);white-space:pre-line;margin:.25rem 0 0;font-size:.88rem}.portal-announcements-list li.is-important{border-left:3px solid var(--brand);background:var(--brand-tint)}.portal-back-link{color:var(--brand);margin-bottom:1rem;font-weight:500;text-decoration:none;display:inline-block}.portal-back-link:hover{text-decoration:underline}.portal-info-page section,.portal-help-page section{margin-bottom:1.5rem}.portal-info-page section:last-child,.portal-help-page section:last-child{margin-bottom:0}.portal-info-page h2,.portal-help-page h2{margin-bottom:.4rem;font-size:1rem}.portal-info-sections{flex-direction:column;gap:.25rem;display:flex}.portal-help-page ul{flex-direction:column;gap:.5rem;margin:0;padding-left:1.1rem;display:flex}.portal-help-page li{line-height:1.5}.portal-documents-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.portal-documents-list li a{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-height:44px;color:var(--text);align-items:center;padding:.6rem .9rem;font-weight:600;text-decoration:none;display:flex}.portal-documents-list li a:hover{background:var(--surface-2);border-color:var(--border-strong)}.planner-density-switch{border:1px solid var(--border);border-radius:7px;display:inline-flex;overflow:hidden}.planner-density-switch button{background:var(--surface);color:var(--muted);border:none;border-right:1px solid var(--border);cursor:pointer;border-radius:0;justify-content:center;align-items:center;padding:.3rem .7rem;display:inline-flex}.planner-density-switch button:last-child{border-right:none}.planner-density-switch button.is-active{background:var(--brand);color:var(--on-brand);font-weight:700}.undo-notice{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.4rem .5rem .4rem .75rem;font-size:.85rem;display:inline-flex}.planner-closed-notice{border:1px solid var(--border);border-left:3px solid var(--muted-2);border-radius:var(--radius);background:var(--surface-2);color:var(--muted-ink);align-items:center;gap:.55rem;margin-bottom:.75rem;padding:.5rem .75rem;font-size:.85rem;font-weight:600;display:flex}.planner-closed-notice svg{color:var(--muted-ink);flex:none}.undo-notice button{padding:.15rem .6rem;font-size:.8rem;font-weight:700}.btn-reset-sort{padding:.2rem .6rem;font-size:.78rem;font-weight:600}.row-menu{gap:0;width:200px;padding:.35rem}.row-menu button{text-align:left;width:100%;color:var(--text);box-shadow:none;background:0 0;border:none;border-radius:6px;padding:.5rem .6rem;font-weight:500;display:block}.row-menu button:hover:not(:disabled){background:var(--surface-2)}.row-menu button.danger{color:var(--danger)}.row-menu button.danger:hover{background:var(--danger-soft)}.row-menu button:disabled{opacity:.4;cursor:not-allowed}.billing-chip{background:var(--brand-tint);color:var(--brand);border-radius:999px;padding:.15rem .55rem;font-size:.72rem;font-weight:600;display:inline-block}.billing-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.billing-search{flex:1;min-width:180px}.billing-tabs{flex-wrap:wrap;gap:.4rem;display:flex}.billing-tab{background:var(--surface-2);border:1px solid var(--border);color:var(--muted-ink);cursor:pointer;border-radius:999px;padding:.3rem .7rem;font-size:.78rem;font-weight:600}.billing-tab:hover{border-color:var(--border-strong)}.billing-tab.active{background:var(--brand-tint);border-color:var(--brand);color:var(--brand-ink)}.billing-chevron{transition:transform .15s}.billing-chevron.open{transform:rotate(180deg)}.billing-detail-row td{border-bottom:1px solid var(--border);padding:0}.billing-detail{background:var(--surface-2);grid-template-rows:0fr;transition:grid-template-rows .2s;display:grid}.billing-detail.expanded{grid-template-rows:1fr}.billing-detail-body{min-height:0;overflow:hidden}.billing-detail-content{padding:.5rem .8rem .7rem 2.6rem}.billing-detail-line{justify-content:space-between;padding:.2rem 0;font-size:.82rem;display:flex}.billing-detail-line span:last-child{color:var(--muted)}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.dash{color:var(--muted-ink)}.billing-group{border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:10px;overflow:hidden}.billing-group:last-child{margin-bottom:0}.billing-group-head{background:var(--bg);border-bottom:1px solid var(--border);letter-spacing:.05em;text-transform:uppercase;color:var(--muted-ink);justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;font-size:12px;font-weight:700;display:flex}.billing-group-head .sum{font-variant-numeric:tabular-nums;color:var(--text);letter-spacing:0;text-transform:none;font-size:13px}.billing-group-body{padding:2px 12px}.billing-drift{background:var(--warn-soft);border-left:3px solid var(--warn);flex-wrap:wrap;align-items:baseline;gap:.15rem .9rem;padding:.45rem .8rem .5rem 2.6rem;font-size:.8rem;display:flex}.billing-drift-amounts{color:var(--text);font-variant-numeric:tabular-nums}.billing-drift-delta{color:var(--warn-ink);font-weight:700}.billing-drift-urgency{font-weight:600}.billing-drift-urgency.calm{color:var(--muted-ink)}.billing-drift-urgency.warn{color:var(--warn-ink)}.billing-drift-urgency.urgent{color:var(--danger-ink)}.billing-warnbox{background:var(--warn-soft);border:1px solid var(--warn);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:.6rem;margin-top:.4rem;padding:.5rem .65rem;display:flex}.billing-warnbox span{color:var(--warn-ink);font-size:.8rem;font-weight:600}.billing-handled{background:var(--success-soft);border-left:3px solid var(--success);flex-direction:column;gap:.3rem;padding:.45rem .8rem .5rem 2.6rem;font-size:.8rem;display:flex}.billing-handled-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem .9rem;display:flex}.billing-handled-label{color:var(--success);font-weight:600}.billing-handled .btn-tiny-brand{justify-content:center;align-items:center;min-width:44px;min-height:44px;padding-inline:.75rem;display:inline-flex}.btn-tiny-brand{background:var(--brand);color:var(--on-brand);white-space:nowrap;cursor:pointer;border:none;border-radius:6px;padding:.3rem .6rem;font-size:.74rem;font-weight:700}.btn-tiny-brand:hover{background:var(--brand-600)}.billing-fee-steps{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);gap:.3rem;margin:.15rem 0 .45rem;padding:.5rem .65rem;font-size:.78rem;display:grid}.billing-fee-step{grid-template-columns:minmax(8rem,11rem) 1fr;align-items:baseline;gap:.25rem .75rem;display:grid}.billing-fee-step dt{color:var(--muted-ink);font-weight:600}.billing-fee-step dd{color:var(--text);flex-wrap:wrap;align-items:center;gap:.35rem;margin:0;display:flex}.billing-fee-conds{gap:.3rem}.billing-cond{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--muted-ink);border-radius:999px;align-items:center;gap:.25rem;padding:.14rem .5rem;font-size:.72rem;font-weight:600;display:inline-flex}.billing-cond.yes{background:var(--success-soft);border-color:var(--success);color:var(--success)}.billing-cond.unknown{background:var(--warn-soft);border-style:dashed;border-color:var(--warn);color:var(--warn-ink)}.billing-cond.flagged{border-width:2px}.billing-cond-note{font-weight:500}.billing-fee-missing{color:var(--warn-ink);font-weight:700}.billing-warnbox.billing-fee-warn{flex-wrap:wrap;margin:0 0 .5rem}.billing-detail .btn-tiny-brand{justify-content:center;align-items:center;min-width:44px;min-height:44px;padding-inline:.75rem;display:inline-flex}@media (width<=640px){.billing-fee-step{grid-template-columns:1fr;gap:.1rem}}.billing-row{animation:.15s billingRowFadeIn}@keyframes billingRowFadeIn{0%{opacity:0}to{opacity:1}}.billing-stickybar{background:var(--brand-tint);border:1px solid var(--brand);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:10;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 1rem;font-size:.9rem;font-weight:600;display:flex;position:sticky;bottom:1rem}.billing-stickybar-info{flex-direction:column;gap:.2rem;min-width:0;display:flex}.billing-family-warn{color:var(--warn-ink);font-weight:600}.billing-stickybar button{min-height:44px}th.select-col,td.select-col{text-align:center;width:2.2rem}td.select-col input[type=checkbox],th.select-col input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand);cursor:pointer}.bulk-bar{background:var(--brand-tint);border:1px solid var(--brand);border-radius:var(--radius-sm);padding:.6rem .8rem}.bulk-group{align-items:center;gap:.4rem;display:inline-flex}.planner-header{flex-direction:column;gap:.6rem;margin-bottom:1.25rem;display:flex}.planner-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.planner-header-group{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.modal-overlay{z-index:200;background:#0f172a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);width:min(560px,100vw - 2rem);max-height:calc(100vh - 4rem);padding:1.4rem 1.6rem;overflow-y:auto;box-shadow:0 20px 50px #00000040}.modal h2{margin-bottom:.75rem}.modal>button.secondary{margin-top:.75rem}.makeup-tabs,.makeup-status-filter{gap:.35rem;margin-bottom:.75rem;display:flex}.makeup-tabs button,.makeup-status-filter button{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--muted-ink);border-radius:var(--radius-sm);padding:.35rem .8rem;font-size:.85rem}.makeup-tabs button.is-active,.makeup-status-filter button.is-active{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.makeup-tabs button:focus-visible,.makeup-status-filter button:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.makeup-list,.makeup-member-group{flex-direction:column;gap:.5rem;display:flex}.makeup-member-group-title{color:var(--text);font-size:.95rem;font-weight:700}.makeup-row{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.makeup-row-member{flex-shrink:0;min-width:10rem;font-weight:600}.makeup-expiry-warning{color:var(--danger);font-size:.85rem;font-weight:600}.checkbox-group{border:none;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0;padding:0;display:flex}.form-grid.form-grid-divided{border-top:1px dashed var(--border);row-gap:1.4rem;margin-top:1rem;padding-top:1.25rem}.stacked-form{border-top:1px dashed var(--border);margin-top:1rem;padding-top:1.25rem}.form-grid .form-cell{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.8rem;font-weight:600;display:flex}.form-grid .form-cell-wide{grid-column:1/-1}.form-grid .form-cell>label.checkbox,.form-grid .form-cell>.checkbox-group{min-height:2.2rem}.billing-settings-form .form-cell>label.checkbox{min-height:44px}.specialties-col{min-width:230px}.specialties-col .checkbox-group{flex-wrap:nowrap}.avw-scroll{padding-bottom:6px;overflow-x:auto}.avw-absence{border-left:4px solid var(--warn);border-radius:var(--radius-sm);background:var(--warn-soft);color:var(--text);margin-bottom:10px;padding:8px 12px;font-size:13px}.avw{-webkit-user-select:none;user-select:none;min-width:1120px}.avw-row{grid-template-columns:40px 1fr 268px;align-items:center;gap:12px;margin-bottom:6px;display:grid}.avw-day{color:var(--text);font-size:13px;font-weight:700}.avw-row.is-empty .avw-day{color:var(--muted-2);font-weight:600}.avw-axis{height:18px;position:relative}.avw-axis span{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px;position:absolute;top:0;transform:translate(-50%)}.avw-axis span:first-child{transform:none}.avw-axis span:last-child{transform:translate(-100%)}.avw-track{border:1px solid var(--border);background-color:var(--surface-2);background-image:repeating-linear-gradient(to right, var(--border-strong) 0 1px, transparent 1px calc(100% / 16)), repeating-linear-gradient(to right, var(--border) 0 1px, transparent 1px calc(100% / 32));cursor:crosshair;touch-action:pan-y;border-radius:10px;height:44px;position:relative}.avw-track:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.avw-window{background:var(--warn-soft);pointer-events:none;border-radius:8px;position:absolute;top:0;bottom:0}.avw-window:after{content:"lesvenster";letter-spacing:.04em;color:var(--warn);font-size:10px;font-weight:700;position:absolute;top:3px;left:7px}.avw-block{background:var(--brand);color:var(--on-brand);pointer-events:none;box-shadow:var(--shadow-sm);font-variant-numeric:tabular-nums;border-radius:8px;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex;position:absolute;top:4px;bottom:4px;overflow:hidden}.avw-caret{border:2px solid var(--text);pointer-events:none;border-radius:6px;position:absolute;top:2px;bottom:2px}.avw-track:not(:focus-visible) .avw-caret{display:none}.avw-side{align-items:center;display:flex}.avw-fields{flex-direction:column;gap:4px;width:100%;display:flex}.avw-field{align-items:center;gap:5px;display:flex}.avw-field input[type=time]{border:1px solid var(--border-strong);background:var(--surface);width:78px;color:var(--text);font-variant-numeric:tabular-nums;box-sizing:border-box;border-radius:7px;min-height:24px;padding:4px 6px;font-size:12px}.avw-dash{color:var(--muted);font-size:12px}.avw-x{color:var(--muted-2);cursor:pointer;box-shadow:none;background:0 0;border:none;justify-content:center;align-items:center;min-width:24px;min-height:24px;padding:2px 6px;font-size:15px;line-height:1;display:inline-flex}.avw-x:hover{color:var(--danger);background:0 0}.avw-actions{flex-wrap:wrap;gap:6px;display:flex}.avw-add,.avw-mini{color:var(--muted);cursor:pointer;box-shadow:none;background:0 0;border-radius:999px;align-items:center;min-height:24px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.avw-add{border:1px dashed var(--border-strong)}.avw-mini{border:1px solid var(--border-strong);background:var(--surface)}.avw-add:hover,.avw-mini:hover{color:var(--brand-ink);border-color:var(--brand);background:var(--brand-tint)}.avw-mini:disabled{background:var(--surface);color:var(--muted);border-color:var(--border-strong);cursor:default}.avw-mini:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.avw-loc{color:var(--muted-ink);text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-left:6px;font-size:12px;overflow:hidden}.avw-field input[type=time],.avw-field .avw-x{flex-shrink:0}.avw-field{flex-wrap:wrap}.avw-loc{flex-basis:100%;margin-left:0}.avw-none{color:var(--muted-2);font-size:12px}.avw-notice{color:var(--warn);margin:2px 0 0;font-size:12px}.avw-dirty{color:var(--warn);background:var(--warn-soft);border-radius:999px;align-self:center;padding:4px 10px;font-size:12px;font-weight:600}.cov-daypick{max-width:220px;margin-bottom:12px;display:block}.cov-scroll{padding-bottom:6px;overflow-x:auto}.cov{min-width:940px}.cov-row{grid-template-columns:280px 1fr;align-items:center;gap:12px;margin-bottom:5px;display:grid}.cov-name{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.cov-state,.cov-name .avw-mini{flex:none}.cov-namebtn{box-shadow:none;color:var(--brand-ink);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;min-width:0;min-height:24px;padding:2px 4px;font-size:13px;display:inline-flex;overflow:hidden}.cov-nametext{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.cov-namebtn:hover{background:var(--brand-tint)}.cov-namebtn.is-selected{background:var(--brand-soft);font-weight:700}.cov-namebtn:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.cov-state{color:var(--muted);font-size:11px}.cov-name.is-missing .cov-state{color:var(--danger);font-weight:600}.cov-track{border:1px solid var(--border);background-color:var(--surface-2);background-image:repeating-linear-gradient(to right, var(--border) 0 1px, transparent 1px calc(100% / 16));border-radius:8px;height:26px;position:relative}.cov-block{background:var(--brand);opacity:.85;border-radius:6px;position:absolute;top:3px;bottom:3px}.cov-summary{margin-top:10px}.cov-covered{background:var(--success-soft);border-radius:6px;position:absolute;top:3px;bottom:3px}.cov-gap{border:1px dashed var(--danger);background-color:var(--danger-soft);background-image:repeating-linear-gradient(45deg,#0000 0 3px,#c0392b59 3px 5px);border-radius:6px;position:absolute;top:3px;bottom:3px}.cov-gaptext{color:var(--danger);margin:10px 0 0;font-size:13px;font-weight:600}.cov-absences{color:var(--text);margin-top:10px;font-size:13px}.completeness-category{border-left:3px solid var(--border-strong);background:var(--surface-2);border-radius:var(--radius-sm);margin-top:10px;padding:10px 14px}.completeness-category.is-notice{border-left-color:var(--info);background:var(--info-soft)}.completeness-category.is-warning{border-left-color:var(--warn);background:var(--warn-soft)}.completeness-category.is-blocking{border-left-color:var(--danger);background:var(--danger-soft)}.completeness-category.is-blocking .completeness-category-header strong{color:var(--danger-ink)}.completeness-category-header{justify-content:space-between;font-size:14px;display:flex}.completeness-category-actions{margin-top:.5rem}.tab-bar{border-bottom:1px solid var(--border);gap:4px;margin-bottom:1.5rem;display:flex}.tab-bar-item{color:var(--muted-ink);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:.6rem 1rem;font-size:.95rem;font-weight:600;display:inline-flex}.tab-bar-item:hover{color:var(--text)}.tab-bar-item.is-active{color:var(--text);border-bottom-color:var(--brand)}.tab-bar-dot{border-radius:50%;flex:none;width:8px;height:8px}.tab-bar-dot.is-ok{background:var(--success)}.tab-bar-dot.is-attention{background:var(--warn)}.seizoensopbouw-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.court-strip{flex-wrap:wrap;gap:6px;padding:8px 0;display:flex}.court-chip{border-radius:var(--radius-sm);border:1px solid var(--border);white-space:nowrap;background:var(--surface);color:var(--text);align-items:center;gap:6px;padding:4px 10px;font-size:.85rem;display:inline-flex}.court-chip.is-free{border-color:var(--success);background:var(--success-soft)}.court-chip.is-occupied{border-color:var(--warn);background:var(--warn-soft)}.court-chip.is-unavailable{color:var(--muted-ink);background:var(--bg)}.court-strip.is-grouped{flex-direction:column;align-items:stretch;gap:10px}.court-strip-group{flex-direction:column;gap:4px;display:flex}.court-strip-group-label{letter-spacing:.03em;color:var(--muted-ink);font-size:.72rem;font-weight:700}.court-strip-group-chips{flex-wrap:wrap;gap:6px;display:flex}.closures-body{flex-direction:column;gap:1.1rem;display:flex}.closures-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:.75rem;padding:1rem 1.1rem;display:flex}.closures-card h3{font-size:.9rem;font-weight:700}.closures-list-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.closures-count{color:var(--muted);font-size:.8rem;font-weight:600}.closures-periode{font-variant-numeric:tabular-nums}.closures-periode-tot{align-items:center;gap:.35rem;display:inline-flex}.closures-locatie-cel{align-items:center;gap:.35rem;font-size:.85rem;display:inline-flex}.closures-locatie-cel svg{color:var(--muted-2);flex:none}.closures-locatie-cel.is-all{color:var(--muted-ink)}.closures-region-notice{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:flex-start;gap:.7rem;padding:.8rem .9rem;display:flex}.closures-region-notice svg{color:var(--muted-2);flex:none;margin-top:1px}.closures-region-notice-body{flex-direction:column;flex:1;align-items:flex-start;gap:.5rem;display:flex}.closures-region-notice-body span{font-size:.85rem;line-height:1.5}.closures-callout{border-radius:var(--radius-sm);border:1px solid var(--border);border-left-width:4px;align-items:flex-start;gap:.75rem;padding:.75rem .9rem;display:flex}.closures-callout svg{flex:none;margin-top:1px}.closures-callout-title{font-size:.86rem;font-weight:700;display:block}.closures-callout-sub{color:var(--muted-ink);margin-top:2px;font-size:.8rem;line-height:1.5;display:block}.closures-callout.is-success{background:var(--success-soft);border-color:var(--success)}.closures-callout.is-success svg{color:var(--success)}.closures-callout.is-warn{background:var(--warn-soft);border-color:var(--warn)}.closures-callout.is-warn svg,.closures-callout.is-warn .closures-callout-title{color:var(--warn-ink)}.closures-callout button{margin-top:.6rem}.closures-claim-list{flex-direction:column;gap:.4rem;margin-top:.6rem;display:flex}.closures-claim-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .65rem;font-size:.84rem;display:flex}.closures-claim-info{flex:auto;min-width:0}.closures-claim-actions{flex:none;gap:.4rem;display:flex}.closures-claim-confirm{font-style:italic}.closures-claim-row-error{flex-basis:100%;margin:.3rem 0 0;padding:.4rem .6rem;font-size:.78rem}.modal.closures-modal{flex-direction:column;width:min(640px,100vw - 2rem);padding:0;display:flex}.closures-modal-header{border-bottom:1px solid var(--border);flex-direction:column;flex:none;gap:.3rem;padding:1.1rem 1.3rem .85rem;display:flex}.closures-modal-header h2{margin:0;font-size:1.02rem}.closures-modal-header p{color:var(--muted-ink);margin:0;font-size:.84rem;line-height:1.5}.closures-modal-body{flex-direction:column;gap:1.1rem;padding:1.1rem 1.3rem;display:flex;overflow-y:auto}.closures-modal-footer{border-top:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.3rem;display:flex}.closures-modal-footer-select{color:var(--muted-ink);flex-direction:column;gap:.3rem;font-size:.78rem;font-weight:600;display:flex}.closures-modal-footer-actions{gap:.6rem;display:flex}.closures-vakantie-optie{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.7rem;padding:.55rem .7rem;display:flex}.closures-vakantie-optie input{width:16px;height:16px;accent-color:var(--brand);flex:none}.closures-vakantie-info{flex-direction:column;flex:1;gap:1px;display:flex}.closures-vakantie-label{font-size:.88rem;font-weight:600}.closures-vakantie-data{color:var(--muted-ink);font-variant-numeric:tabular-nums;font-size:.8rem}.closures-vakantie-optie.is-warn{border-color:var(--warn);background:var(--warn-soft);border-left-width:4px;align-items:flex-start;padding-top:.6rem}.closures-vakantie-optie.is-warn input{margin-top:2px}.closures-vakantie-warn{color:var(--warn-ink);font-size:.8rem;font-weight:600;line-height:1.45}.closures-stat-row{gap:.9rem;display:flex}.closures-stat{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;flex:1;gap:2px;padding:.75rem .9rem;display:flex}.closures-stat-value{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:800;line-height:1.1}.closures-stat-label{color:var(--muted-ink);font-size:.78rem;font-weight:600}.closures-breakdown{flex-direction:column;gap:.5rem;display:flex}.closures-breakdown-title{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:700}.closures-breakdown-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;padding:.45rem 0;font-size:.88rem;display:flex}.closures-breakdown-row:last-child{border-bottom:none}.closures-breakdown-num{font-variant-numeric:tabular-nums;font-weight:700}.modal.closure-override-modal{width:min(440px,100vw - 2rem)}.closure-override-overlay{z-index:1200}.closure-override-notice{border:1px solid var(--warn);border-radius:var(--radius-sm);background:var(--warn-soft);color:var(--warn-ink);align-items:flex-start;gap:.55rem;margin-bottom:1rem;padding:.6rem .75rem;font-size:.92rem;font-weight:600;display:flex}.closure-override-notice svg{color:var(--warn);flex:none;margin-top:.15rem}.dashboard-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.2rem;margin-bottom:1.5rem;display:flex}.dashboard-hero h2{margin-bottom:.3rem;font-size:1.7rem;font-weight:800}.dashboard-shortcuts{grid-template-columns:repeat(4,minmax(120px,1fr));gap:.7rem;margin-bottom:1.5rem;display:grid}.shortcut-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);color:var(--text);flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem 1.1rem;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.shortcut-tile:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.shortcut-glyph{background:var(--brand-tint);width:34px;height:34px;color:var(--brand-ink);border-radius:10px;place-items:center;display:grid}.hero-actions{position:relative}.hero-actions-button{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm);align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.9rem;font-weight:600;display:flex}.hero-actions-button svg{width:16px;height:16px;color:var(--brand-ink)}.hero-actions-button:disabled{opacity:.6;cursor:not-allowed}.hero-actions-backdrop{z-index:40;position:fixed;inset:0}.hero-actions-menu{z-index:41;background:#fff;border:1px solid #e7e1d8;border-radius:10px;min-width:220px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 8px 24px #1a18151f}.hero-actions-menu button{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;padding:10px 14px;font-size:14px;display:block}.hero-actions-menu button:hover{background:#f4f1ec}.hero-actions-menu button:disabled{opacity:.5;cursor:not-allowed}.dashboard-action-message{margin:-.8rem 0 1.5rem}.dashboard-grid{grid-template-columns:2fr 1fr;align-items:start;gap:1.5rem;display:grid}.dashboard-sidebar{flex-direction:column;gap:1.5rem;display:flex}.dashboard-sidebar .panel{margin-bottom:0}.attention-row{flex-wrap:wrap;gap:.6rem;display:flex}.attention-pill{border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .9rem;font-size:.86rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.attention-pill:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.attention-pill.warn{background:var(--warn-soft);color:var(--warn-ink)}.attention-pill.danger{background:var(--danger-soft);color:var(--danger)}.attention-count{background:#0000001f;border-radius:999px;justify-content:center;align-items:center;min-width:1.3rem;height:1.3rem;font-size:.76rem;display:inline-flex}.payment-attention-flag{border-radius:var(--radius-sm);background:var(--warn-soft);color:var(--warn-ink);white-space:nowrap;align-items:center;gap:.3rem;margin-left:.5rem;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.payment-attention-resolve{border:1px solid var(--warn);border-radius:var(--radius-sm);background:var(--surface);min-height:24px;color:var(--text);white-space:nowrap;box-shadow:none;cursor:pointer;margin-left:.5rem;padding:.15rem .55rem;font-size:.75rem;font-weight:600}.payment-attention-resolve:hover:not(:disabled){background:var(--surface-2);border-color:var(--warn-ink);box-shadow:none}.payment-attention-resolve:focus-visible{outline:2px solid var(--brand-ink);outline-offset:2px}.payment-attention-resolve:disabled{background:var(--surface-2);border-color:var(--border);color:var(--muted-ink);cursor:progress}.payment-attention-error{color:var(--danger-ink);max-width:22rem;margin-top:.3rem;font-size:.75rem;font-weight:600}.alert.payment-attention-orphan{background:var(--warn-soft);color:var(--warn-ink);border-color:var(--warn);flex-direction:column;align-items:flex-start;gap:.6rem;display:flex}.payment-attention-orphan-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.alert.payment-attention-orphan .payment-attention-resolve{margin-left:0}.alert.payment-attention-orphan .payment-attention-error{margin-top:0}.trend-headline{align-items:baseline;gap:.5rem;margin-bottom:.6rem;display:flex}.trend-value{font-size:1.3rem;font-weight:800}.trend-delta{font-size:.82rem;font-weight:700}.trend-delta.is-up{color:var(--success)}.trend-delta.is-down{color:var(--danger)}.trend-chart{align-items:flex-end;gap:4px;height:70px;display:flex}.trend-bar{background:linear-gradient(180deg, var(--brand), var(--brand-600));opacity:.85;border-radius:3px 3px 0 0;flex:1;min-height:2px}.activity-list{flex-direction:column;gap:.15rem;margin-bottom:.75rem;display:flex}.activity-row{border-bottom:1px solid var(--border);align-items:center;gap:.65rem;padding:.55rem .1rem;font-size:.85rem;display:flex}.activity-row:last-child{border-bottom:none}.activity-icon{background:var(--surface-2);width:26px;height:26px;color:var(--muted);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.activity-icon-new_member{background:var(--info-soft);color:var(--info)}.activity-icon-payment{background:var(--success-soft);color:var(--success)}.activity-icon-email{background:var(--brand-tint);color:var(--brand-ink)}.activity-text{flex:1;min-width:0}.activity-time{color:var(--muted-2);white-space:nowrap;font-size:.76rem}.activity-viewall{font-size:.82rem;font-weight:600}.portal-icon{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1em;height:1em;display:block}.portal-pill{letter-spacing:.04em;text-transform:uppercase;border-radius:100px;flex:none;align-items:center;padding:.18rem .5rem;font-size:.7rem;font-weight:800;display:inline-flex}.portal-pill-ok{background:var(--success-soft);color:var(--success)}.portal-pill-warn{background:var(--warn-soft);color:var(--warn-ink)}.portal-pill-neutral{background:var(--bg);color:var(--text);border:1px solid var(--border)}.portal-pill-danger{background:var(--danger-soft);color:var(--danger)}.portal-rowicon{background:var(--brand-tint);width:30px;height:30px;color:var(--brand-ink);border-radius:9px;flex:none;place-items:center;font-size:16px;display:grid}.portal-rowicon-ok{background:var(--success-soft);color:var(--success)}.portal-rowicon-deep{background:var(--brand-soft);color:var(--brand-ink)}.portal-rows{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.portal-row{border:none;border-bottom:1px solid var(--border);background:var(--surface);width:100%;min-height:44px;color:var(--text);font:inherit;text-align:left;box-shadow:none;border-radius:0;align-items:center;gap:.7rem;padding:.7rem .8rem;display:flex}.portal-row:last-child{border-bottom:none}button.portal-row{cursor:pointer;transition:background .15s}button.portal-row:hover{background:var(--surface-2);box-shadow:none}button.portal-row:active{transform:none}.portal-row-tx{flex:1;min-width:0}.portal-row-tx b{font-size:.84rem;font-weight:600;display:block}.portal-row-tx span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;display:block;overflow:hidden}.portal-row-go{color:var(--muted-2);font-size:15px}.portal-field{margin-bottom:.6rem}.portal-field>label{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:.25rem;font-size:.68rem;font-weight:700;display:block}.portal-field-box{background:var(--surface-2);border:1.5px solid var(--border);border-radius:10px;align-items:center;gap:.5rem;padding:0 .65rem;transition:border-color .15s,box-shadow .15s;display:flex}.portal-field-box>.portal-icon{color:var(--muted-2);font-size:15px}.portal-field-box input{min-width:0;min-height:44px;font:inherit;color:var(--text);background:0 0;border:none;flex:1;padding:0;font-size:.88rem}.portal-field-box input:focus{outline:none}.portal-field-box:focus-within{border-color:var(--brand-ink);background:var(--surface);box-shadow:0 0 0 3px var(--brand-soft);outline:2px solid var(--brand-ink);outline-offset:2px}.portal-field.has-error .portal-field-box{border-color:var(--danger);background:var(--danger-soft)}.portal-field.has-error .portal-field-box>.portal-icon{color:var(--danger)}.portal-field-error{color:var(--danger);align-items:center;gap:.3rem;margin:.3rem 0 0;font-size:.74rem;display:flex}.portal-field-error .portal-icon{font-size:13px}.portal-pass{background:linear-gradient(152deg, var(--brand) 0%, var(--brand-600) 100%);color:var(--on-brand);box-shadow:0 10px 26px -12px color-mix(in srgb, var(--brand-700) 75%, transparent);border-radius:18px;margin-bottom:.85rem;padding:.95rem 1rem .9rem;position:relative;overflow:hidden}.portal-pass:after{content:"";opacity:.08;z-index:0;border:26px solid;border-radius:50%;width:148px;height:148px;position:absolute;top:-46px;right:-46px}.portal-pass-top{z-index:1;letter-spacing:.14em;text-transform:uppercase;font-size:.62rem;font-weight:800;position:relative}.portal-pass-id{z-index:1;align-items:center;gap:.7rem;margin-top:.7rem;display:flex;position:relative}.portal-pass-av{background:color-mix(in srgb, currentColor 17%, transparent);border:1px solid color-mix(in srgb, currentColor 30%, transparent);border-radius:15px;flex:none;place-items:center;width:46px;height:46px;font-size:1.05rem;font-weight:700;display:grid}.portal-pass-who{min-width:0}.portal-pass-nm{font-size:1.12rem;font-weight:700;line-height:1.15;display:block}.portal-pass-sub{margin-top:.1rem;font-size:.72rem;display:block}.portal-pass-foot{z-index:1;gap:1rem;margin-top:.9rem;display:flex;position:relative}.portal-pass-k{letter-spacing:.11em;text-transform:uppercase;font-size:.55rem;font-weight:800}.portal-pass-v{font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:600}.portal-progress{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:.7rem;margin-bottom:.75rem;padding:.7rem .8rem;display:flex}.portal-progress-ring{flex:none;width:42px;height:42px;position:relative}.portal-progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.portal-progress-ring circle{fill:none;stroke-width:4.5px;stroke-linecap:round}.portal-progress-ring .bg{stroke:var(--border)}.portal-progress-ring .fg{stroke:var(--success);transition:stroke-dashoffset 1.2s cubic-bezier(.22,1,.36,1)}.portal-progress-ring b{place-items:center;font-size:.68rem;font-weight:700;display:grid;position:absolute;inset:0}.portal-progress p{color:var(--muted);margin:0;font-size:.76rem;line-height:1.35}.portal-progress p b{color:var(--text);font-size:.84rem;display:block}@media (prefers-reduced-motion:reduce){.portal-progress-ring .fg,.portal-row,.portal-field-box{transition:none}}.portal-sheet{flex-direction:column;display:flex}.portal-sheet-head{align-items:center;gap:.5rem;margin:.2rem 0 .9rem;display:flex}.portal-sheet-head h2{flex:1;font-size:1.05rem;font-weight:700}.portal-sheet-back{width:44px;height:44px;color:var(--text);cursor:pointer;background:0 0;border:none;place-items:center;margin-left:-.6rem;font-size:18px;display:grid;transform:rotate(180deg)}.portal-sheet-body{animation:.18s cubic-bezier(.22,1,.36,1) portal-sheet-in}@keyframes portal-sheet-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}.portal-sheet-save{background:var(--brand);width:100%;min-height:44px;color:var(--on-brand);font:inherit;cursor:pointer;border:none;border-radius:11px;margin-top:1rem;font-size:.9rem;font-weight:700}.portal-sheet-save:disabled{opacity:.6;cursor:default}.portal-saved{color:var(--success);background:var(--success-soft);border-radius:100px;align-items:center;gap:.25rem;padding:.15rem .5rem;font-size:.68rem;font-weight:700;animation:.2s portal-fade-in;display:inline-flex}.portal-saved .portal-icon{stroke-width:2.4px;font-size:12px}@keyframes portal-fade-in{0%{opacity:0}to{opacity:1}}.portal-field-pair{grid-template-columns:6rem 1fr;gap:.5rem;display:grid}.portal-field-pair .portal-field{margin-bottom:.6rem}.portal-choice{gap:.4rem;display:flex}.portal-choice-opt{border:2px solid var(--border);background:var(--surface-2);min-height:44px;color:var(--muted-ink);font:inherit;cursor:pointer;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.2rem;padding:.55rem .2rem;font-size:.74rem;font-weight:600;display:flex}.portal-choice-opt .portal-icon{font-size:17px}.portal-choice-opt.is-active{border:2px solid var(--brand-ink);background:var(--brand-tint);color:var(--brand-ink)}@media (prefers-reduced-motion:reduce){.portal-sheet-body,.portal-saved{animation:none}}.portal-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.portal-login-form{flex-direction:column;gap:.7rem;margin-bottom:1rem;display:flex}.portal-primary-btn{background:var(--brand);width:100%;color:var(--on-brand);cursor:pointer;border:0;border-radius:12px;padding:.8rem 1rem;font-size:.95rem;font-weight:600}.portal-primary-btn:disabled{opacity:.55;cursor:default}.portal-linklike{color:var(--brand-ink);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.portal-readonly-field{background:var(--surface-2);border-radius:12px;flex-direction:column;gap:.15rem;margin-bottom:.6rem;padding:.6rem .75rem;display:flex}.portal-readonly-label{color:var(--muted);font-size:.72rem}.portal-readonly-value{font-size:.95rem;font-weight:600}.portal-device-list{flex-direction:column;gap:.4rem;margin:0 0 .8rem;padding:0;list-style:none;display:flex}.portal-device{border:1px solid var(--border);border-radius:12px;align-items:center;gap:.6rem;padding:.6rem .75rem;display:flex}.portal-device-tx{flex-direction:column;flex:1;min-width:0;display:flex}.portal-device-tx b{font-size:.88rem;font-weight:600}.portal-device-tx span{opacity:.75;font-size:.76rem}.portal-wizard{padding:.2rem 0}.portal-wizard-steps{gap:.4rem;margin-bottom:.8rem;display:flex}.portal-wizard-step{border:1px solid var(--border);opacity:.55;border-radius:50%;place-items:center;width:1.6rem;height:1.6rem;font-size:.78rem;font-weight:600;display:grid}.portal-wizard-step.is-active{background:var(--brand);color:var(--on-brand);border-color:var(--brand);opacity:1}.portal-wizard-step.is-done{color:var(--brand-ink);border-color:var(--brand-ink);opacity:1}.portal-wizard-body{flex-direction:column;gap:.55rem;display:flex}.portal-wizard-body h3{margin:0;font-size:.98rem}.portal-wizard-actions{gap:.5rem;margin-top:.4rem;display:flex}.portal-wizard-actions .portal-primary-btn{flex:1;width:auto}.portal-permission-tx{flex-direction:column;display:flex}.portal-permission-tx b{font-size:.86rem;font-weight:600}.portal-permission-tx span{opacity:.75;font-size:.76rem}.portal-password-box,.portal-account-card{border:1px dashed var(--border);border-radius:12px;flex-direction:column;gap:.3rem;padding:.7rem .85rem;display:flex}.portal-password{letter-spacing:.02em;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.1rem;font-weight:700}.portal-copy{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.portal-account-meta{flex-wrap:wrap;align-items:center;gap:.4rem;margin:.1rem 0 .5rem;font-size:.8rem;display:flex}.portal-account-meta span{opacity:.75}.ledenaccount-row.is-selected{background:var(--surface-2);box-shadow:inset 3px 0 0 var(--text)}.ledenaccount-row:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.portal-paytrack{margin:0 0 1rem;padding:0;list-style:none}.portal-paytrack-step{align-items:flex-start;gap:.7rem;padding-bottom:.9rem;display:flex;position:relative}.portal-paytrack-step:last-child{padding-bottom:0}.portal-paytrack-step:not(:last-child):before{content:"";background:var(--border);width:2px;position:absolute;top:30px;bottom:2px;left:13px}.portal-paytrack-marker{z-index:1;border:2px solid var(--border);background:var(--surface);width:28px;height:28px;color:var(--text);border-radius:50%;flex:none;place-items:center;font-size:15px;display:grid;position:relative}.portal-paytrack-step.is-done .portal-paytrack-marker{border-color:var(--success);background:var(--success-soft);color:var(--success)}.portal-paytrack-step.is-current .portal-paytrack-marker{border-color:var(--brand);background:var(--brand);box-shadow:0 0 0 1.5px var(--brand-ink)}.portal-paytrack-step.is-late .portal-paytrack-marker{border-color:var(--danger);background:var(--danger)}.portal-paytrack-text{flex-direction:column;gap:.1rem;padding-top:.25rem;display:flex}.portal-paytrack-label{color:var(--text);font-size:.9rem;font-weight:700}.portal-paytrack-step.is-todo .portal-paytrack-label{opacity:.75;font-weight:600}.portal-paytrack-step.is-late .portal-paytrack-label{color:var(--danger-ink)}.portal-paytrack-detail{color:var(--text);opacity:.75;font-size:.8rem}.portal-bill-lines{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:1rem;padding:.9rem 1rem}.portal-bill-lines-head{letter-spacing:.04em;text-transform:uppercase;color:var(--text);opacity:.75;align-items:center;gap:.4rem;margin:0 0 .5rem;font-size:.78rem;font-weight:800;display:flex}.portal-bill-line{border-bottom:1px solid var(--border);color:var(--text);justify-content:space-between;gap:1rem;padding:.5rem 0;font-size:.88rem;display:flex}.portal-bill-line:last-of-type{border-bottom:none}.portal-bill-line-label{flex:auto;min-width:0}.portal-bill-line-collector{color:var(--muted-ink)}.portal-bill-line-paid,.portal-bill-line-handled{color:var(--success);flex:none;align-self:center;font-size:.78rem;font-weight:700}.portal-bill-line-amount{font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}.portal-bill-line-total{border-top:1px solid var(--border);border-bottom:none;margin-top:.15rem;font-weight:800}.portal-bill-lines-note{color:var(--text);opacity:.75;margin:.5rem 0 0;font-size:.8rem}.portal-payment-cards{gap:.75rem;margin:1rem 0;display:grid}.portal-payment-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:.75rem;padding:1rem 1.1rem;display:flex}.portal-payment-card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.35rem 1rem;display:flex}.portal-payment-card-who{min-width:0;color:var(--muted-ink);flex:12rem;font-size:.9rem}.portal-payment-card-amount{color:var(--brand-ink);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-size:1.15rem;font-weight:800}.portal-payment-card .portal-bank-details{background:0 0;border:none;margin:0;padding:0}.portal-payment-card-missing{color:var(--warn-ink);margin:0;font-size:.85rem}.portal-bill-hero{margin-bottom:1rem}.portal-bill-hero-amount{font-size:2rem;font-weight:800;line-height:1.1}.portal-bill-hero-due{color:#b9b3aa;font-size:.85rem}.portal-bill-empty{color:var(--text);opacity:.75;margin:0 0 1rem;font-size:.88rem}.portal-bill-instructions{color:var(--text);opacity:.75;white-space:pre-line;margin:0;font-size:.83rem}.portal-fin-spoor{gap:.85rem}.portal-fin-spoor h3{margin:0;font-size:.9rem;font-weight:700}.portal-fin-rij{grid-template-columns:18px 1fr;gap:12px;display:grid}.portal-fin-rail{flex-direction:column;align-items:center;display:flex}.portal-fin-bol{background:var(--border-strong);border-radius:999px;flex-shrink:0;width:9px;height:9px;margin-top:5px}.portal-fin-bol.is-betaling{background:var(--success)}.portal-fin-lijn{background:var(--border-strong);flex-grow:1;width:1px;margin-top:2px}.portal-fin-inhoud{flex-direction:column;gap:2px;padding-bottom:18px;display:flex}.portal-fin-spoor .portal-fin-rij:last-child .portal-fin-inhoud{padding-bottom:0}.portal-fin-label{font-size:.88rem;font-weight:600}.portal-fin-meta{color:var(--muted-ink);font-variant-numeric:tabular-nums;font-size:.8rem}.wens-kaarten{gap:1rem;display:grid}.wens-kaart{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1rem}.wens-kaart-review{border-left:4px solid var(--warn)}.wens-kaart-kop{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.wens-kaart-kop h4{margin:0;font-size:1rem}.wens-kaart-citaat{border-left:3px solid var(--border);background:var(--bg);color:var(--muted);border-radius:var(--radius-sm);margin:0 0 .75rem;padding:.5rem .75rem;font-style:italic}.wens-chips{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.wens-chip{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);padding:.5rem .75rem}.wens-chip-zeker{border-left:3px solid var(--success)}.wens-chip-twijfel{border-left:3px solid var(--warn)}.wens-chip-zwak{border-left:3px solid var(--danger)}.wens-chip-confirmed{opacity:.72}.wens-chip-rejected{opacity:.55;text-decoration:line-through}.wens-chip-kop{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.wens-chip-type{font-weight:600}.wens-chip-doel{color:var(--text)}.wens-chip-doel-onopgelost{color:var(--warn-ink);font-style:italic}.wens-chip-zekerheid{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.85rem}.wens-chip-details{color:var(--muted);margin:.35rem 0 0;font-size:.9rem}.wens-chip-acties{flex-wrap:wrap;gap:.35rem;margin-top:.5rem;display:flex}.wens-chip-bewerk{border-top:1px solid var(--border);grid-template-columns:auto 1fr;align-items:center;gap:.35rem .6rem;margin-top:.6rem;padding-top:.6rem;display:grid}.wens-werklijst{gap:.6rem;margin:.5rem 0 1rem;padding:0;list-style:none;display:grid}.wens-werklijst li{border-bottom:1px solid var(--border);padding-bottom:.5rem}.wens-werklijst label{cursor:pointer;align-items:center;gap:.5rem;display:flex}.wens-werklijst .hint{margin:.25rem 0 0 1.6rem}@media (width<=520px){.wens-chip-zekerheid{margin-left:0}.wens-chip-bewerk{grid-template-columns:1fr}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wens-profiel{gap:.75rem;display:grid}.wens-profiel-paneel h3{margin-top:0}.wens-profiel-feiten,.wens-profiel-vormen{flex-wrap:wrap;gap:.5rem 1.25rem;margin:0;padding:0;list-style:none;display:flex}.wens-profiel-feiten li,.wens-profiel-vormen li{align-items:center;gap:.35rem;display:flex}.wens-profiel-label{color:var(--muted);font-size:.85rem}.wens-grid{border-collapse:collapse;width:auto;font-size:.75rem}.wens-grid caption{text-align:left;padding-bottom:.25rem}.wens-grid th{color:var(--muted);text-align:center;padding:0 .35rem;font-weight:600}.wens-grid th[scope=row]{text-align:right;font-variant-numeric:tabular-nums}.wens-grid-cel{border:1px solid var(--border);text-align:center;color:#0000;width:1.6rem;height:1rem}.wens-grid-cel-aan{background:var(--brand-soft);color:var(--brand-ink,var(--brand))}@media (width<=520px){.wens-grid-cel{width:1.2rem}}.lesprofiel h3{margin:0 0 .5rem;font-size:1rem}.lesprofiel-vormen,.lesprofiel-beschikbaarheid{margin:0;padding:0;list-style:none}.lesprofiel-vormen>li+li{margin-top:.6rem}.lesprofiel-beschikbaarheid{color:var(--muted);margin-top:.25rem;font-size:.9rem}.lesprofiel-klassement{color:var(--muted);margin:.6rem 0 0;font-size:.9rem}.lesprofiel-toelichting{color:var(--muted);margin:.5rem 0 0;font-size:.85rem}.help-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:2.5rem;display:grid}.help-sidebar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-height:calc(100vh - 90px - 1.5rem);box-shadow:var(--shadow-sm);padding:1rem;position:sticky;top:90px;overflow-y:auto}.help-search{width:100%;margin-bottom:.75rem}.help-search:focus-visible{outline:2px solid var(--brand-ink);outline-offset:2px}.help-sidenav-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted-ink);margin:.9rem 0 .3rem;font-size:.72rem;font-weight:700}.help-sidenav-group:first-child .help-sidenav-title{margin-top:0}.help-sidenav ul{margin:0;padding:0;list-style:none}.help-sidenav a{border-radius:var(--radius-sm);color:var(--text);align-items:center;gap:.5rem;padding:.45rem .5rem;line-height:1.3;text-decoration:none;transition:background-color .12s,color .12s;display:flex}.help-sidenav a[hidden]{display:none}.help-sidenav a:hover{background:var(--brand-soft)}.help-sidenav a:focus-visible{outline:2px solid var(--brand-ink);outline-offset:2px}.help-sidenav a.is-active{background:var(--brand-soft);color:var(--brand-ink);font-weight:600}.help-sidenav-icon{width:16px;height:16px;color:var(--muted-ink);flex:none}.help-sidenav a:hover .help-sidenav-icon,.help-sidenav a.is-active .help-sidenav-icon{color:var(--brand-ink)}.help-content{min-width:0}.help-intro{margin-bottom:1.5rem}.help-intro h2{margin:0 0 .4rem;font-size:1.4rem;font-weight:700}.help-content .help-section{max-width:none}.help-section-icon{vertical-align:-3px;width:20px;height:20px;color:var(--brand);flex:none;margin-right:.5rem}.help-badge-new{background:var(--brand-soft);color:var(--brand-ink);vertical-align:2px;border-radius:999px;margin-left:.5rem;padding:.1rem .5rem;font-size:.7rem;font-weight:700;display:inline-block}.help-empty{max-width:none}.help-toc-toggle{display:none}.help-toc-toggle:focus-visible{outline:2px solid var(--brand-ink);outline-offset:2px}.help-backtop{z-index:30;display:none;position:fixed;bottom:1.5rem;right:1.5rem}.help-backtop.is-visible{display:inline-flex}.help-backtop:focus-visible{outline:2px solid var(--brand-ink);outline-offset:2px}@media (width<=1150px){.help-layout{grid-template-columns:240px minmax(0,1fr);gap:2rem}}@media (width<=900px){.help-layout{grid-template-columns:1fr}.help-sidebar{max-height:none;position:static}.help-sidebar.is-collapsed .help-sidenav{display:none}.help-toc-toggle{display:inline-flex}}.wens-schakelaar{color:var(--text);cursor:pointer;align-items:flex-start;gap:.6rem;margin:.75rem 0;font-size:.88rem;font-weight:500;display:flex}.wens-schakelaar>input[type=checkbox]{width:17px;height:17px;accent-color:var(--brand);flex:none;margin:.15rem 0 0}.wens-blok{margin:.75rem 0}.wens-blok>.wens-schakelaar{margin:0}.wens-blok>.ai-veldhint{margin-left:calc(17px + .6rem)}.ai-veldhint{color:var(--muted);margin:.2rem 0 0;font-size:.84rem;font-weight:400;line-height:1.55;display:block}.ai-teststatus{margin:.4rem 0 0}.ai-teststatus-kop{color:var(--text);margin:0;font-size:.88rem;font-weight:600}.ai-teststatus.is-ok .ai-teststatus-kop{color:var(--success)}.ai-teststatus.is-fout .ai-teststatus-kop{color:var(--danger-ink)}.ai-teststatus.is-bezig .ai-teststatus-kop,.ai-teststatus.is-gestopt .ai-teststatus-kop{color:var(--muted-ink)}.ai-testklok{font-variant-numeric:tabular-nums;color:var(--muted-ink);font-size:.84rem}.ai-blokkade{color:var(--warn-ink);margin:.4rem 0 0;font-size:.84rem;line-height:1.55}.button-row>.ai-blokkade{flex:14rem;margin:0}.doelgroepmenging-fieldset{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);min-width:0;margin:.75rem 0 0;padding:.9rem 1.1rem 1.1rem}.doelgroepmenging-legend{color:var(--text);letter-spacing:.01em;padding:0 .35rem 0 0;font-size:.86rem;font-weight:700}.doelgroepmenging-optie+.doelgroepmenging-optie{margin-top:.9rem}.doelgroepmenging-radio{color:var(--text);cursor:pointer;align-items:flex-start;gap:.6rem;font-size:.88rem;font-weight:500;display:flex}.doelgroepmenging-radio input[type=radio]{width:17px;height:17px;accent-color:var(--brand);flex:none;margin:.15rem 0 0}.doelgroepmenging-radio input[type=radio]:focus-visible{outline:2px solid var(--brand-ink);outline-offset:2px}.doelgroepmenging-uitleg{color:var(--muted-ink);margin:.2rem 0 0 calc(17px + .6rem);font-size:.84rem;line-height:1.55;display:block}.settlement-totals{border-top:1px solid var(--border);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:1.5rem;margin-top:1.25rem;padding-top:1.25rem;display:grid}@media (width<=900px){.settlement-totals{grid-template-columns:minmax(0,1fr);gap:1.1rem}}.settlement-sum{min-width:0}.settlement-sum-heading{color:var(--text);flex-wrap:wrap;align-items:baseline;gap:.5rem;margin:0 0 .75rem;font-size:.95rem;font-weight:700;display:flex}.settlement-sum-period{color:var(--muted-ink);font-size:.8rem;font-weight:600}.settlement-sum-list{margin:0}.settlement-sum-row{border-bottom:1px dashed var(--border);align-items:baseline;gap:.75rem;padding:.55rem 0;display:flex}.settlement-sum-row:last-child{border-bottom:none}.settlement-sum-term{flex:auto;align-items:baseline;gap:.6rem;min-width:0;margin:0;display:flex}.settlement-sum-op{text-align:center;color:var(--muted-ink);flex:0 0 1.1rem;font-size:1rem;font-weight:800;line-height:1.2}.settlement-sum-text{flex-direction:column;gap:2px;min-width:0;display:flex}.settlement-sum-label{color:var(--text);font-size:.88rem;font-weight:600}.settlement-sum-hint{color:var(--muted-ink);font-size:.8rem;line-height:1.45}.settlement-sum-amount{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;margin:0;font-size:.95rem;font-weight:700}.settlement-sum-row.is-primary{border-radius:var(--radius-sm);background:var(--brand-tint);box-shadow:inset 3px 0 0 var(--brand);border-bottom-color:#0000;margin-bottom:.3rem;padding:.7rem .8rem}.settlement-sum-row.is-primary .settlement-sum-label{font-size:.95rem}.settlement-sum-row.is-primary .settlement-sum-op,.settlement-sum-row.is-primary .settlement-sum-amount{color:var(--brand-ink)}.settlement-sum-row.is-primary .settlement-sum-amount{font-size:1.5rem}.settlement-sum-row.is-minus .settlement-sum-op,.settlement-sum-row.is-minus .settlement-sum-amount{color:var(--danger-ink)}.settlement-sum-row.is-total{border-top:2px solid var(--border-strong);border-bottom:none;margin-top:.35rem;padding-top:.8rem}.settlement-sum-row.is-total .settlement-sum-label{font-weight:700}.settlement-sum-row.is-total .settlement-sum-op{color:var(--text)}.settlement-sum-row.is-total .settlement-sum-amount{font-size:1.05rem}.settlement-sum-unknown{color:var(--warn-ink);margin:.6rem 0 0;font-size:.8rem;line-height:1.5}.settlement-running{border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);padding:1rem 1.1rem}.settlement-running-heading{text-transform:uppercase;letter-spacing:.05em;color:var(--muted-ink);margin:0 0 .5rem;font-size:.82rem;font-weight:700}.settlement-running-note{color:var(--muted-ink);margin:0 0 .85rem;font-size:.8rem;line-height:1.5}.settlement-running-list{flex-direction:column;gap:.75rem;margin:0;display:flex}.settlement-running-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.3rem .75rem;display:flex}.settlement-running-term{flex-direction:column;flex:12rem;gap:2px;min-width:0;margin:0;display:flex}.settlement-running-label{color:var(--text);font-size:.85rem;font-weight:600}.settlement-running-hint{color:var(--muted-ink);font-size:.78rem;line-height:1.45}.settlement-running-amount{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-size:.95rem;font-weight:700}.settlement-status{white-space:nowrap;border-radius:999px;align-items:center;padding:.22rem .65rem;font-size:.76rem;font-weight:600;display:inline-flex}.settlement-status.is-settled{background:var(--success-soft);color:var(--success)}.settlement-status.is-pending{background:var(--warn-soft);color:var(--warn-ink)}.settlement-empty-cell{color:var(--muted-ink);font-size:.82rem}.settlement-reversals{gap:.25rem;max-width:46ch;margin:.4rem 0 0;padding:0;list-style:none;display:grid}.settlement-reversal{color:var(--muted-ink);border-left:3px solid var(--warn-soft);white-space:normal;padding-left:.5rem;font-size:.78rem;line-height:1.45}.settlement-row-actions{flex-wrap:wrap;gap:.5rem;display:flex}.settlement-action{justify-content:center;align-items:center;min-height:44px;display:inline-flex}.settlement-action:focus-visible{outline:2px solid var(--brand-ink);outline-offset:2px}.settlement-action.is-danger{background:var(--danger-soft);color:var(--danger-ink);border:1px solid var(--danger);box-shadow:none}.settlement-action.is-danger:hover{background:var(--danger);color:var(--on-brand);border-color:var(--danger)}.settlement-action.is-danger:focus-visible{outline:2px solid var(--danger-ink);outline-offset:2px}.settlement-action.is-danger:disabled,.settlement-action.is-danger[disabled]{background:var(--surface-2);color:var(--muted-ink);border-color:var(--border-strong)}.settlement-mark-row>td{background:var(--brand-tint)}.settlement-undo-row>td{background:var(--warn-soft)}.settlement-mark-form{flex-wrap:wrap;align-items:flex-end;gap:.6rem .75rem;display:flex}.settlement-mark-field{flex:22rem;min-width:0}.settlement-mark-field input{width:100%;min-height:44px}.settlement-mark-note{color:var(--muted-ink);flex:100%;margin:0;font-size:.78rem}.settlement-warn{color:var(--warn-ink);font-weight:600}.platform-kop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.platform-kop h1{margin:0}.paneel-subkop{margin:1.25rem 0 .75rem;font-size:.95rem;font-weight:700}.avl{flex-direction:column;gap:4px;display:flex}.avl-day{margin-top:10px}.avl-dayhead{color:var(--text);justify-content:space-between;align-items:center;margin:0 0 6px;font-size:15px;display:flex}.avl-add{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-width:44px;min-height:44px;color:var(--brand);cursor:pointer;justify-content:center;align-items:center;font-size:20px;line-height:1;display:flex}.avl-add:hover{background:var(--surface-2)}.avl-add:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.avl-empty{color:var(--muted-ink);margin:0;font-size:13px;font-style:italic}.avl-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-bottom:8px;padding:10px}.avl-card-problem{color:var(--danger-ink);margin:0 0 8px;font-size:13px;font-weight:600}.avl-times{align-items:center;gap:8px;display:flex}.avl-time{flex:auto;min-width:0}.avl-time input{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);width:100%;min-height:44px;color:var(--text);font:inherit;padding:0 8px}.avl-venue{margin-top:8px;display:block}.avl-venue-trigger{box-sizing:border-box;text-align:left;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);width:100%;min-height:44px;color:var(--text);font:inherit;cursor:pointer;padding:0 8px}.avl-venue-trigger:hover{background:var(--surface-2)}.avl-venue-trigger:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.avl-venue-opts{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);margin-top:4px;padding:4px 8px}.avl-venue-opt{align-items:center;gap:8px;min-height:44px;display:flex}.avl-remove{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-width:44px;min-height:44px;color:var(--muted-ink);cursor:pointer;flex:none;justify-content:center;align-items:center;display:flex}.avl-remove:hover{background:var(--surface-2)}.avl-remove:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.avl-window{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);width:100%;min-height:44px;color:var(--brand);font:inherit;cursor:pointer;justify-content:center;align-items:center;margin-top:8px;display:flex}.avl-window:hover{background:var(--surface-2)}.avl-window:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.avl-also{margin-top:8px}.avl-also-label{color:var(--muted-ink);font-size:12px}.avl-chips{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.avl-chip{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);min-width:44px;min-height:44px;color:var(--text);font:inherit;cursor:pointer;justify-content:center;align-items:center;display:flex}.avl-chip:hover{background:var(--surface-2)}.avl-chip:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.avl-problem{color:var(--danger-ink);margin:8px 0 0;font-size:13px}.avl-save{border:1px solid var(--brand);border-radius:var(--radius-sm);background:var(--brand);color:#fff;width:100%;min-height:44px;font:inherit;cursor:pointer;margin-top:14px;font-weight:600}.avl-save:disabled{background:var(--brand-soft);color:var(--brand-ink);cursor:default}.avl-save:focus-visible{outline:2px solid var(--brand-ink);outline-offset:2px}.avl-venuestep{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px}.avl-venuestep-head{background:var(--surface);border-radius:var(--radius);width:100%;min-height:44px;color:var(--text);font:inherit;cursor:pointer;border:0;justify-content:space-between;align-items:center;padding:0 10px;display:flex}.avl-venuestep-head:hover{background:var(--surface-2)}.avl-venuestep-head:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.avl-venuestep-head:disabled,.avl-venuestep-head:disabled:hover{background:var(--surface);color:var(--text);cursor:progress;box-shadow:none}.avl-venuestep-count{color:var(--muted-ink);font-size:13px}.avl-venuestep-body{padding:0 10px 10px}.avl-venuestep-opt{align-items:center;gap:8px;min-height:44px;display:flex}.avl-venuestep-opt input:disabled{opacity:.55;cursor:progress}.avl-hint{color:var(--muted-ink);margin:4px 0 0;font-size:12px}.avl-warn{color:var(--warn-ink);margin:6px 0 0;font-size:12px}.avl-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.court-season-bar{flex-wrap:wrap;align-items:center;gap:.6rem;margin:.6rem 0;display:flex}.court-season-summary{margin:.2rem 0 .9rem}.court-season-table tr.is-closed td:first-child{color:var(--muted-ink)}.variant-cards{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.75rem;margin-top:.75rem;display:grid}.variant-card{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font:inherit;color:var(--text);box-shadow:none;flex-direction:column;gap:.35rem;padding:.75rem;transition:none;display:flex}.variant-card:hover{background:var(--surface-2);border-color:var(--border-strong);box-shadow:none}.variant-card:focus-visible{outline:2px solid var(--brand-ink);outline-offset:2px}.variant-card:active{transform:none}.variant-card.is-active,.variant-card.is-active:hover{border-color:var(--brand);box-shadow:var(--shadow-sm);background:var(--brand-soft)}.variant-uitleg{color:var(--muted);font-size:.85rem}.variant-card.is-active .variant-uitleg{color:var(--muted-ink)}.variant-stats{flex-wrap:wrap;gap:.25rem .75rem;font-size:.85rem;display:flex}.variant-warn{color:var(--warn-ink);font-weight:600}.run-toolbar{flex-wrap:wrap;justify-content:flex-start;gap:.5rem;margin:.75rem 0 0;display:flex}.run-toolbar-discard{margin-left:auto}@media (width<=560px){.run-toolbar-discard{margin-left:0}}.run-promise{margin-top:.5rem}.run-conflict-list{margin:.4rem 0 0;padding-left:1.1rem;font-size:.9em;line-height:1.45}.suggestion-card.is-pinned{border-color:var(--brand);background:var(--brand-tint)}.suggestion-card.is-pinned .suggestion-meta,.suggestion-card.is-pinned .hint{color:var(--muted-ink)}.pin-badge{background:var(--brand-soft);color:var(--brand-ink);border-radius:999px;padding:.1rem .6rem;font-size:.8rem}.pin-button{min-width:2rem;min-height:2rem;color:var(--muted-ink);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;box-shadow:none;background:0 0;justify-content:center;align-self:center;align-items:center;padding:.1rem .4rem;transition:none;display:inline-flex}.pin-button:hover{background:var(--surface-2);border-color:var(--border-strong);color:var(--text);box-shadow:none}.pin-button:focus-visible{outline:2px solid var(--brand-ink);outline-offset:2px}.pin-button:active{transform:none}.pin-button.is-pinned,.pin-button.is-pinned:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-ink)}.pin-button:disabled{color:var(--muted-ink);cursor:progress;opacity:.5;background:0 0}.pin-button.is-pinned:disabled{background:var(--brand-soft);color:var(--brand-ink)}.breakdown summary{cursor:pointer;color:var(--muted-ink);font-size:.85rem}.breakdown summary:focus-visible{outline:2px solid var(--brand-ink);outline-offset:2px;border-radius:var(--radius-sm)}.breakdown-toggle-close,.breakdown[open] .breakdown-toggle-open{display:none}.breakdown[open] .breakdown-toggle-close{display:inline}.breakdown-list{margin:.35rem 0 0;padding-left:1.25rem;font-size:.85rem}.breakdown-points{text-align:right;font-variant-numeric:tabular-nums;min-width:2.5rem;font-weight:600;display:inline-block}.run-unplaced{border-top:1px solid var(--border);margin-top:1rem;padding-top:.75rem}.unplaced-groups{flex-direction:column;gap:.6rem;margin-top:.6rem;display:flex}.unplaced-group{border:1px solid var(--border);border-left:3px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);padding:.55rem .7rem}.unplaced-group-head{flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;font-size:.9rem;font-weight:600;display:flex}.unplaced-soort{background:var(--surface);color:var(--muted-ink);border:1px solid var(--border-strong);border-radius:999px;padding:.1rem .6rem;font-size:.8rem}.unplaced-aantal{color:var(--muted-ink);font-variant-numeric:tabular-nums;font-size:.82rem}.unplaced-actie{color:var(--muted-ink);margin:.35rem 0 0;font-size:.85rem;line-height:1.5}.unplaced-list{border-top:1px solid var(--border);flex-direction:column;gap:.3rem;margin:.45rem 0 0;padding:.45rem 0 0;list-style:none;display:flex}.unplaced-item{overflow-wrap:anywhere;min-width:0;font-size:.85rem;line-height:1.5}.unplaced-naam{font-weight:600}.unplaced-reden{color:var(--muted-ink)}.unplaced-group.is-constraint{border-left-color:var(--danger)}.unplaced-group.is-constraint .unplaced-soort{background:var(--danger-soft);color:var(--danger-ink);border-color:var(--danger)}.unplaced-group.is-eigen-les{border-left-color:var(--warn)}.unplaced-group.is-eigen-les .unplaced-soort{background:var(--warn-soft);color:var(--warn-ink);border-color:var(--warn)}.unplaced-group.is-geen-groepsgenoten{border-left-color:var(--brand)}.unplaced-group.is-geen-groepsgenoten .unplaced-soort{background:var(--brand-soft);color:var(--brand-ink);border-color:var(--brand)}.unplaced-group.is-capaciteit{border-left-color:var(--info)}.unplaced-group.is-capaciteit .unplaced-soort{background:var(--info-soft);color:var(--info);border-color:var(--info)}.carried-badge{background:var(--surface-2);color:var(--muted-ink);border:1px solid var(--border);border-radius:999px;padding:.1rem .6rem;font-size:.8rem}.run-units{border-top:1px solid var(--border);flex-direction:column;gap:.3rem;margin:0;padding:.5rem 0 0;list-style:none;display:flex}.run-unit{flex-direction:column;gap:.3rem;display:flex}.run-unit-head{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.run-unit-name{flex-grow:1;min-width:0;font-size:.9rem}.release-button,.restore-button{background:var(--surface);border-radius:var(--radius-sm);cursor:pointer;min-height:2rem;box-shadow:none;align-items:center;gap:.35rem;padding:.35rem .7rem;font-family:inherit;font-size:.82rem;font-weight:600;display:inline-flex}.release-button{color:var(--danger-ink);border:1px solid var(--danger-soft)}.release-button:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger)}.restore-button{color:var(--muted-ink);border:1px solid var(--border-strong)}.restore-button:hover:not(:disabled){background:var(--surface-2);border-color:var(--muted-ink)}.release-button:disabled,.restore-button:disabled{background:var(--surface-2);color:var(--muted-ink);border-color:var(--border);cursor:default}.release-button:focus-visible,.restore-button:focus-visible{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);outline:none}.run-unit-note{border-radius:var(--radius-sm);align-items:flex-start;gap:.4rem;padding:.4rem .6rem;font-size:.82rem;line-height:1.5;display:flex}.run-unit-note svg{flex-shrink:0;margin-top:1px}.run-unit-note.is-warn{background:var(--warn-soft);color:var(--warn-ink)}.run-unit-note.is-error{background:var(--danger-soft);color:var(--danger-ink)}.run-releases{border-top:1px solid var(--border);margin-top:1rem;padding-top:.75rem}.run-release-list{flex-direction:column;gap:.4rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.run-release-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);flex-wrap:wrap;align-items:center;gap:.6rem;padding:.5rem .65rem;display:flex}.run-release-main{flex-direction:column;flex-grow:1;gap:2px;min-width:0;display:flex}.run-release-name{font-size:.9rem;font-weight:600}.run-release-meta{color:var(--muted-ink);font-size:.82rem;line-height:1.5}.run-release-open{color:var(--warn-ink);font-weight:600}.wens-dagmax{border-top:1px solid var(--border);flex-wrap:wrap;align-items:flex-start;gap:.6rem;padding-top:.7rem;display:flex}.wens-dagmax-main{flex-direction:column;flex-grow:1;gap:3px;min-width:0;display:flex}.wens-dagmax-waarde{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.wens-dagmax-reden{color:var(--muted-ink);font-size:.82rem;line-height:1.5}.wens-dagmax-form{gap:.6rem;display:grid}.wens-dagmax-veld{flex-direction:column;gap:.3rem;display:flex}.wens-dagmax-veld label{color:var(--muted-ink);font-size:.85rem;font-weight:600}.wens-dagmax-getal{width:5rem}.wens-dagmax-knoppen{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}@media (width<=380px){.run-unit-head,.wens-dagmax{flex-direction:column;align-items:stretch}.release-button,.restore-button{justify-content:center}}.billing-stickybar-actions{align-items:center;gap:.6rem;display:flex}.payreg-methods{border:1px solid var(--border);border-radius:var(--radius-sm);min-width:0;margin:0;padding:.75rem .9rem}.payreg-hint{color:var(--muted);font-size:.84rem;font-weight:400;line-height:1.55}.payreg-methods legend{color:var(--muted);padding:0 .35rem;font-size:.8rem;font-weight:600}.payreg-methods .radio{color:var(--text);flex-direction:row;align-items:center;gap:.4rem;margin:.5rem 1rem 0 0;font-size:.88rem;font-weight:500;display:inline-flex}.payreg-methods .radio input{width:17px;height:17px;accent-color:var(--brand)}.modal-actions{justify-content:flex-end}.rowform-paid-date{flex-direction:column;gap:.15rem;margin-top:.4rem;display:flex}.rowform-paid-date label{color:var(--muted-ink);font-size:.75rem;font-weight:600}.recon-panel{margin-bottom:1rem}.recon-caption{text-align:left;color:var(--muted);padding:.5rem 0;font-size:.875rem;font-weight:600}.recon-ref{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem}.recon-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.recon-actions label{color:var(--muted);font-size:.8rem;font-weight:600}.secret-field{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.secret-field>label.full-width{margin-bottom:0}.secret-field-row{align-items:stretch;gap:.5rem;display:flex}.secret-field-row input{flex:auto;min-width:0}.secret-field-reveal{white-space:nowrap;flex:none}.secret-field-status{color:var(--muted-ink);margin:.35rem 0 0;font-size:.8rem}.secret-field-status-onleesbaar{color:var(--warn-ink);font-weight:600}.secret-field-hint-onleesbaar{border-inline-start:2px solid var(--warn);color:var(--warn-ink);margin:.35rem 0 0;padding-inline-start:.55rem;font-size:.78rem;line-height:1.5}.secret-field-delete{align-self:flex-start;margin-top:.5rem}.secret-field-error{margin-top:.9rem}.secret-field-reveal:disabled,.secret-field-delete:disabled{background:var(--border-strong);color:#fff;border-color:var(--border-strong)}@media (width<=560px){.secret-field-row{flex-direction:column}.secret-field-reveal{align-self:flex-start}}.alert.factuur-blokkade{flex-direction:column;align-items:stretch;gap:.8rem;display:flex}.factuur-blokkade-kop{margin:0;font-size:1rem}.alert.factuur-blokkade:focus-visible{outline:2px solid var(--danger);outline-offset:2px}.factuur-blokkade-rij{border-top:1px solid var(--border);flex-direction:column;gap:.5rem;padding-top:.6rem;display:flex}.factuur-blokkade-rij:first-of-type{border-top:none;padding-top:0}.factuur-blokkade-tekst{margin:0}.factuur-blokkade-acties{flex-wrap:wrap;gap:.6rem;display:flex}.factuur-blokkade-acties button{border-color:var(--danger);min-height:44px}.factuur-blokkade-fout{color:var(--danger-ink);margin:0}.member-detail-back{color:var(--brand);margin-bottom:.5rem;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-block}.member-detail-back:hover{color:var(--brand-600);text-decoration:underline}.member-detail-head{flex-wrap:wrap;align-items:baseline;gap:.75rem;margin-bottom:1rem;display:flex}.member-detail-head h2{letter-spacing:-.01em;margin:0;font-size:1.35rem;font-weight:700}.member-detail-meta{color:var(--muted-ink);font-size:.84rem}.fin-stand{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.fin-stand-card{margin-bottom:0}.fin-stand-head{justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.85rem;display:flex}.fin-stand-season{font-size:.9rem;font-weight:700}.badge.betaald{background:var(--success-soft);color:var(--success)}.fin-stand-cijfers{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.fin-stand-cijfers>div{flex-direction:column;gap:2px;display:flex}.fin-stand-label{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:.7rem;font-weight:700}.fin-stand-bedrag{font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:700}.fin-stand-bedrag.is-betaald{color:var(--success)}.fin-stand-bedrag.is-open{color:var(--warn-ink)}.fin-stand-inners{border-top:1px solid var(--border);flex-direction:column;gap:.4rem;margin-top:.75rem;padding-top:.65rem;display:flex}.fin-stand-inner{color:var(--muted-ink);justify-content:space-between;align-items:center;gap:.6rem;font-size:.82rem;display:flex}.fin-stand-inner .is-open{color:var(--warn-ink);font-variant-numeric:tabular-nums;font-weight:600}.fin-stand-inner .is-betaald{color:var(--success);font-variant-numeric:tabular-nums;font-weight:600}.fin-spoor{grid-template-columns:118px 218px 176px 142px 1fr;display:grid}.fin-spoor-kop,.fin-spoor-rij{grid-column:1/-1;grid-template-columns:subgrid;display:grid}.fin-spoor-kop{border-bottom:2px solid var(--border);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:.55rem 0 .45rem;font-size:.72rem;font-weight:700}.fin-spoor-groep{grid-column:1/-1;grid-template-columns:subgrid;display:grid}.fin-spoor-seizoen{letter-spacing:.04em;text-transform:uppercase;color:var(--muted-ink);grid-column:1/-1;padding:.9rem 0 .5rem;font-size:.8rem;font-weight:700}.fin-spoor-rij{border-bottom:1px solid var(--border);align-items:center;padding:.7rem 0;font-size:.86rem}.fin-spoor-rij.is-gereconstrueerd{background:var(--surface-2)}.fin-spoor-datum,.fin-spoor-bedrag{font-variant-numeric:tabular-nums}.fin-spoor-label{font-weight:600}.fin-spoor-actor,.fin-spoor-notitie{color:var(--muted-ink);font-size:.84rem}.fin-spoor-chip{border:1px dashed var(--border-strong);color:var(--muted-ink);background:var(--surface);border-radius:999px;align-items:center;padding:.15rem .55rem;font-size:.7rem;font-weight:600;display:inline-flex}.fin-spoor-bodem,.fin-spoor-afkap{color:var(--muted-ink);grid-column:1/-1;margin:0;font-size:.8rem;line-height:1.55}.fin-spoor-bodem{border-top:1px dashed var(--border-strong);margin-top:.9rem;padding-top:.75rem}.fin-spoor-afkap{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);margin-top:.65rem;padding:.7rem .9rem}@media (width<=900px){.fin-spoor{grid-template-columns:1fr}.fin-spoor-kop{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;display:block;position:absolute;overflow:hidden}.fin-spoor-rij{grid-template-columns:1fr;gap:.15rem;padding:.85rem 0}}.fin-zicht-groep{border:0;min-width:0;margin:0 0 1.25rem;padding:0}.fin-zicht-groep:last-of-type{margin-bottom:0}.fin-zicht-domein{letter-spacing:.05em;text-transform:uppercase;width:100%;color:var(--muted);border-bottom:1px solid var(--border);margin-bottom:.6rem;padding:0 0 .4rem;font-size:.72rem;font-weight:700;display:block}.fin-zicht-rijen{flex-direction:column;gap:.6rem;display:flex}.fin-zicht-rij{grid-template-columns:22px 1fr auto;align-items:start;gap:.55rem;display:grid}.fin-zicht-rij input{margin-top:3px}.fin-zicht-tekst{flex-direction:column;gap:1px;display:flex}.fin-zicht-staf{font-size:.9rem;font-weight:600}.fin-zicht-lid{color:var(--muted-ink);font-size:.79rem;font-weight:400}.fin-zicht-chip{white-space:nowrap;background:var(--surface-2);border:1px solid var(--border-strong);color:var(--muted-ink);border-radius:999px;align-items:center;padding:.15rem .55rem;font-size:.7rem;font-weight:600;display:inline-flex}.personal-info-panel-title--kop{font-size:inherit;margin:0}.privacy-voet{text-align:center;color:var(--muted);margin-top:1.5rem;font-size:.82rem}