:root,:root[data-thema=licht]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#faf7f2;--surface:#fff;--surface-hoog:#fff;--border:#e9e1d8;--border-sterk:#d9cec1;--text:#1b2a32;--text-muted:#667177;--primary:#e8604c;--primary-dark:#c94a38;--primary-tint:#fbe9e5;--op-primary:#fffaf7;--error:#b3372f;--ok:#1e6b3e;--groen:#1e6b3e;--groen-dark:#17542f;--op-groen:#f4fbf6;--oranje:#b45309;--oranje-dark:#92400e;--op-oranje:#fffaf4;--badge-controle-bg:#fdf0e0;--badge-controle-tekst:#8a4508;--badge-ok-bg:#e5f3ea;--badge-ok-tekst:#1e6b3e;--badge-bezig-bg:#e7eef7;--badge-bezig-tekst:#2c5379;--badge-uit-bg:#f1f0eb;--schaduw-kaart:0 1px 2px #1c211d0d;--schaduw-zwevend:0 6px 20px #1b2a321f;--sluier:#1b2a3259;--logo:#d8432a;--font-mono:"IBM Plex Mono", monospace;font-family:Plus Jakarta Sans,system-ui,sans-serif}:root[data-thema=donker]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#171411;--surface:#1e1a17;--surface-hoog:#262119;--border:#322c26;--border-sterk:#453d34;--text:#f3ede6;--text-muted:#a49a90;--primary:#f47a66;--primary-dark:#ff9483;--primary-tint:#3a231e;--op-primary:#1d1512;--error:#ff8a7a;--ok:#7fd6a0;--groen:#2f8f57;--groen-dark:#3aa767;--op-groen:#f4fbf6;--oranje:#c2710f;--oranje-dark:#d98324;--op-oranje:#1d1512;--badge-controle-bg:#3a2a12;--badge-controle-tekst:#f0b874;--badge-ok-bg:#16301f;--badge-ok-tekst:#7fd6a0;--badge-bezig-bg:#1b2a3a;--badge-bezig-tekst:#8fc0ef;--badge-uit-bg:#272220;--schaduw-kaart:0 1px 2px #0006;--schaduw-zwevend:0 8px 26px #00000080;--sluier:#0009;--logo:#fff}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}a{color:var(--primary)}a:hover{color:var(--primary-dark)}.auth-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-page-inner{flex-direction:column;gap:28px;width:400px;display:flex}.wordmark{width:100%;height:auto;color:var(--logo);display:block}.auth-page-inner .wordmark{width:300px}.auth-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--schaduw-kaart);border-radius:12px;flex-direction:column;gap:24px;padding:40px;display:flex}.auth-card h1{letter-spacing:-.01em;margin:0 0 6px;font-size:20px;font-weight:700}.auth-footnote{text-align:center;color:var(--text-muted);margin:0;font-size:12px}label{color:var(--text);flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}input,select{border:1px solid var(--border);height:40px;color:var(--text);background:var(--surface);border-radius:8px;padding:0 12px;font-family:inherit;font-size:14px}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-tint);outline:none}button{background:var(--primary);height:40px;color:var(--op-primary);cursor:pointer;border:none;border-radius:8px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:600}button:hover:not(:disabled){background:var(--primary-dark)}button:disabled{opacity:.6;cursor:default}button.btn-secondary{color:var(--text-muted);border:1px solid var(--border);background:0 0;font-weight:500}button.btn-secondary:hover:not(:disabled){background:var(--bg);color:var(--text)}button.btn-small{height:32px;padding:0 12px;font-size:13px}.btn-groen,a.btn-groen{background:var(--groen);color:var(--op-groen);white-space:nowrap;border:none;font-weight:600}.btn-groen:hover:not(:disabled){background:var(--groen-dark)}.btn-oranje,a.btn-oranje{background:var(--oranje);color:var(--op-oranje);white-space:nowrap;border:none;font-weight:600}.btn-oranje:hover:not(:disabled){background:var(--oranje-dark)}.badge-controle{background:var(--badge-controle-bg);color:var(--badge-controle-tekst)}.preview-backdrop{background:var(--sluier);z-index:50;justify-content:flex-end;display:flex;position:fixed;inset:0}.preview-panel{background:var(--surface);width:50vw;min-width:620px;max-width:100vw;height:100vh;box-shadow:var(--schaduw-zwevend);flex-direction:column;display:flex}.preview-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.preview-header h2{margin:0;font-size:15px;font-weight:700}.preview-body{background:var(--bg);flex:1;min-height:0}.preview-body iframe{border:none;width:100%;height:100%;display:block}@media (width<=1100px){.preview-panel{width:100vw;min-width:0}}.form-error{color:var(--error);margin:0;font-size:13px}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:240px;padding:24px 16px;display:flex}.sidebar .wordmark{width:196px;margin:0 8px 32px}.sidebar-nav{flex-direction:column;flex-grow:1;gap:4px;display:flex}.nav-item{color:var(--text-muted);border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.nav-item.active{background:var(--primary-tint);color:var(--primary-dark)}.sidebar-user{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:8px;padding:10px 8px;display:flex}.sidebar-user-avatar{background:var(--primary-tint);width:30px;height:30px;color:var(--primary-dark);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.sidebar-user-info{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar-user-email{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.sidebar-logout{height:auto;color:var(--text-muted);text-align:left;background:0 0;padding:0;font-size:12px;font-weight:500}.sidebar-logout:hover:not(:disabled){color:var(--primary-dark);background:0 0;text-decoration:underline}.content{flex-direction:column;flex:1;gap:32px;width:100%;max-width:1200px;margin:0 auto;padding:40px 48px;display:flex}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.page-eyebrow{color:var(--primary);text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px;font-size:13px;font-weight:600}.page-header h1{letter-spacing:-.01em;margin:0;font-size:24px;font-weight:700}.badge{border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-active{background:var(--badge-ok-bg);color:var(--badge-ok-tekst)}.badge-progress{background:var(--badge-bezig-bg);color:var(--badge-bezig-tekst)}.badge-inactive{background:var(--badge-uit-bg);color:var(--text-muted)}.badge-blocked{color:var(--text-muted);box-shadow:inset 0 0 0 1px var(--border);background:0 0}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px}.card h2{margin:0 0 4px;font-size:15px;font-weight:700}.form-grid{grid-template-columns:minmax(0,1fr);align-items:end;gap:16px;margin-top:16px;display:grid}.form-grid>*{min-width:0}.form-grid input,.form-grid select,.form-grid textarea{width:100%;min-width:0}.form-grid button{width:100%}.form-grid-knoppen{grid-column:span 1;gap:8px;display:flex}.form-grid-knoppen button{flex:1;width:auto}@media (width>=901px){.form-grid{grid-template-columns:1fr 1fr}.form-grid button{width:fit-content}.form-grid-knoppen{grid-column:span 2}.form-grid-knoppen button{flex:none}}table{border-collapse:collapse;width:100%;margin-top:12px}th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding:0 4px 12px;font-size:12px;font-weight:600}td{border-top:1px solid var(--border);padding:14px 4px;font-size:14px}tr:first-child td{border-top:none}.mono{font-family:var(--font-mono);color:var(--text-muted);font-size:13px}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:64px 40px;display:flex}.empty-state-icon{background:var(--primary-tint);width:48px;height:48px;color:var(--primary-dark);border-radius:12px;justify-content:center;align-items:center;display:flex}.empty-state h2{margin:0}.empty-state p{max-width:420px;color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}@media (width<=900px){.app-shell{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border);z-index:20;flex-direction:row;align-items:center;gap:12px;width:100%;padding:10px 16px;position:sticky;top:0}.sidebar .wordmark{flex-shrink:0;width:132px;margin:0}.sidebar-nav{scrollbar-width:none;flex-direction:row;gap:4px;overflow-x:auto}.sidebar-nav::-webkit-scrollbar{display:none}.nav-item{white-space:nowrap}.sidebar-user{border-top:none;flex-shrink:0;margin-top:0;padding:0}.sidebar-user-email{display:none}.content{gap:24px;padding:24px 16px}.auth-card{padding:28px 20px}.form-grid{grid-template-columns:1fr}.form-grid button{grid-column:span 1}}@media (width<=700px){.card{padding:20px 16px}.page-header h1{font-size:20px}.auth-page-inner{width:100%;padding:0 16px}}button,input,select,textarea,.nav-item,.card,body{transition:background-color .14s,border-color .14s,color .14s,box-shadow .14s}:where(a,button,summary,[tabindex]):focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:8px}textarea{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;font-family:inherit}textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-tint);outline:none}.nav-item:hover:not(.active){background:var(--bg);color:var(--text)}.nav-item.active{font-weight:600}tbody tr:hover td{background:var(--bg)}::selection{background:var(--primary-tint);color:var(--text)}.thema-regel{width:100%;height:auto;color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;margin-bottom:4px;padding:9px 12px;font-size:14px;font-weight:500;display:flex}.thema-regel:hover:not(:disabled){background:var(--bg);color:var(--text)}.thema-knop{width:30px;height:30px;color:var(--text-muted);border:1px solid var(--border);background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.thema-knop:hover:not(:disabled){background:var(--bg);color:var(--text)}@media (width<=900px){.sidebar-user{gap:8px}}.agenda-weekkop,.agenda-raster{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.agenda-weekkop{margin-bottom:6px}.agenda-weekkop span{letter-spacing:.05em;text-transform:uppercase;text-align:center;color:var(--text-muted);padding:4px 0;font-size:11px;font-weight:600}.agenda-cel{border:1px solid var(--border);background:var(--surface);min-height:104px;font:inherit;color:inherit;text-align:left;cursor:pointer;border-radius:8px;flex-direction:column;gap:4px;padding:6px;display:flex}.agenda-cel:hover:not(.is-leeg){border-color:var(--border-sterk)}.agenda-cel.is-leeg{cursor:default}.agenda-cel.is-buiten{opacity:.4}.agenda-cel.is-vandaag{border-color:var(--primary);background:var(--primary-tint)}.agenda-cel.is-gekozen{box-shadow:inset 0 0 0 2px var(--primary)}.agenda-dagnummer{color:var(--text-muted);font-size:12px;font-weight:600}.agenda-cel.is-vandaag .agenda-dagnummer{color:var(--primary-dark)}.agenda-chip{border-left:3px solid var(--border-sterk);background:var(--badge-uit-bg);border-radius:5px;align-items:center;gap:5px;padding:3px 5px;font-size:11px;line-height:15px;display:flex;overflow:hidden}.agenda-chip .agenda-naam{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.agenda-chip .agenda-tijd{font-family:var(--font-mono);color:var(--text-muted);flex-shrink:0}.agenda-meer{color:var(--text-muted);font-size:11px}.agenda-stippen{display:none}@media (width<=760px){.agenda-cel{min-height:58px;padding:4px}.agenda-chip,.agenda-meer{display:none}.agenda-stippen{flex-wrap:wrap;gap:3px;display:flex}.agenda-stippen i{border-radius:999px;width:6px;height:6px;display:block}}@media (width<=700px){table,thead,tbody,tr,th,td{display:block}thead{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}tr{border:1px solid var(--border);background:var(--surface);border-radius:10px;margin-bottom:12px;padding:4px 14px}tr:last-child{margin-bottom:0}td{border-top:1px solid var(--border);text-align:right;justify-content:space-between;align-items:baseline;gap:16px;padding:9px 0;display:flex}tr td:first-child,tr:first-child td{border-top:none}tr td:first-child{text-align:left;padding-top:12px;font-size:15px;display:block}td[data-label]:before{content:attr(data-label);text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);flex-shrink:0;font-size:12px;font-weight:600}td:empty{display:none}td .btn-small,td button{min-height:36px}.preview-panel{width:100vw;min-width:0}.page-header{flex-direction:column;align-items:stretch;gap:12px}.page-header select,.page-header button{width:100%}}@media (width<=480px){.sidebar .wordmark{display:none}.sidebar-nav{-webkit-overflow-scrolling:touch;overflow-x:auto}.card{padding:16px 12px}}@media (width<=700px){.sidebar-nav{z-index:30;padding:6px 2px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--border);justify-content:space-around;gap:0;position:fixed;bottom:0;left:0;right:0;overflow:visible}.nav-item{text-align:center;flex-direction:column;flex:1;gap:3px;padding:7px 2px;font-size:11px;line-height:14px}.nav-item.active{color:var(--primary);background:0 0}.content{padding-bottom:88px}.thema-label{display:none}.thema-regel{width:auto;margin:0 0 0 auto;padding:8px}.sidebar{gap:8px}form.form-grid,.form-grid{grid-template-columns:minmax(0,1fr)}.form-grid>*{min-width:0}.form-grid input,.form-grid select,.form-grid textarea{width:100%;min-width:0}.form-grid button{grid-column:span 1;width:100%}.card select,.card input[type=email],.card input[type=text],.card input[type=password]{max-width:100%}}