:root{--gray-0:#fff;--gray-25:#fcfcfd;--gray-50:#f6f7f9;--gray-100:#eef1f4;--gray-200:#e3e8ee;--gray-300:#cbd3dc;--gray-400:#9aa6b5;--gray-500:#6e7b8b;--gray-600:#4c5866;--gray-700:#36404c;--gray-800:#232c37;--gray-900:#141b24;--petrol-50:#eef7f9;--petrol-100:#d8edf2;--petrol-200:#b3dce6;--petrol-300:#7fc3d4;--petrol-400:#45a3bc;--petrol-500:#23869f;--petrol-600:#0f6a82;--petrol-700:#0d5568;--petrol-800:#0f4654;--petrol-900:#0f3a46;--green-50:#ebf7f0;--green-500:#23915b;--green-600:#1b7a4c;--green-700:#166540;--amber-50:#fbf3e4;--amber-100:#f5e4c3;--amber-500:#c97a0a;--amber-600:#a96206;--amber-700:#855009;--red-50:#fcefed;--red-500:#d2483b;--red-600:#b93a2e;--red-700:#99312a;--chart-1:#0f6a82;--chart-2:#45a3bc;--chart-3:#e09f3e;--chart-4:#23915b;--chart-5:#7c6fd0;--chart-6:#c65b7c;--bg-page:var(--gray-50);--bg-surface:var(--gray-0);--bg-sunken:var(--gray-100);--bg-hover:var(--gray-50);--bg-subtle:var(--gray-50);--bg-muted:var(--gray-100);--info-subtle:var(--primary-subtle);--bg-active:var(--gray-100);--border-default:var(--gray-200);--border-subtle:var(--gray-100);--border-strong:var(--gray-300);--text-primary:#17202b;--text-secondary:var(--gray-600);--text-muted:var(--gray-400);--text-inverse:#fff;--text-link:var(--petrol-600);--primary:var(--petrol-600);--primary-hover:var(--petrol-700);--primary-active:var(--petrol-800);--primary-subtle:var(--petrol-50);--primary-subtle-hover:var(--petrol-100);--success:var(--green-600);--success-subtle:var(--green-50);--warning:var(--amber-600);--warning-subtle:var(--amber-50);--danger:var(--red-600);--danger-hover:var(--red-700);--danger-subtle:var(--red-50);--focus-ring:0 0 0 3px #45a3bc59;--overlay:#141b2466}
:root{--font-ui:"Instrument Sans", -apple-system, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--text-xs:12px;--text-sm:13px;--text-md:14px;--text-lg:16px;--text-xl:18px;--text-2xl:22px;--text-3xl:28px;--leading-tight:1.2;--leading-normal:1.45;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--tracking-caps:.06em}
:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:999px;--control-h-sm:32px;--control-h-md:36px;--control-h-lg:40px;--control-h-touch:44px;--tabbar-h:56px;--radius-xl:16px;--sidebar-w:240px;--topbar-h:56px;--content-max:1440px;--table-row-h:44px}
:root{--shadow-xs:0 1px 2px #1018200d;--shadow-sm:0 1px 2px #1018200f, 0 2px 8px #1018200a;--shadow-md:0 1px 3px #1018200d, 0 4px 16px #10182014;--shadow-pop:0 4px 12px #10182014, 0 12px 32px #10182024;--ease-out:cubic-bezier(.2, 0, 0, 1);--duration-fast:.12s;--duration-normal:.16s}
*,:before,:after{box-sizing:border-box}body{font-family:var(--font-ui);font-size:var(--text-md);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--text-link);text-decoration:none}a:hover{color:var(--primary-hover);text-decoration:underline}::selection{background:var(--petrol-100)}
html,body{height:100%}.wa-label-kort,.wa-avatar,.mail-avatar{display:none}@keyframes hub-draai{to{transform:rotate(360deg)}}.hub-draai{animation:.8s linear infinite hub-draai}@media (prefers-reduced-motion:reduce){.hub-draai{animation:none}}.hub-scroll-x{scrollbar-width:none;-webkit-overflow-scrolling:touch}.hub-scroll-x::-webkit-scrollbar{display:none}.mail-dialoog{padding-top:4vh!important;padding-bottom:4vh!important}@media (max-width:820px){.hub-sidebar{display:none!important}.hub-main{padding:var(--space-4)!important}.hub-tabbar{display:flex!important}.hub-alleen-desktop{display:none!important}.hub-alleen-telefoon{display:flex!important}input,textarea,select{font-size:16px!important}.hub-zoek{display:none!important}.wa-pagina{margin:calc(-1 * var(--space-4));gap:0!important}.wa-kaart{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important}.wa-kaart>div:first-child{display:none!important}.wa-kaart>div:last-child{padding:0!important}.wa-lijst{max-height:none!important;overflow:visible!important}.wa-chip{min-height:var(--control-h-md)}.wa-rij{color:var(--text-primary);background:var(--bg-surface)!important;border-left-color:#0000!important;grid-template-columns:40px minmax(0,1fr) auto!important;grid-template-areas:"av naam tijd""av tekst tekst""av zaak status"!important;gap:2px 12px!important;padding:12px 16px!important}.wa-rij .wa-avatar{grid-area:1/av/span 3;align-self:start;display:flex!important}.wa-rij .wa-naam{grid-area:naam;font-size:var(--text-md)!important}.wa-rij .wa-tekst{grid-area:tekst}.wa-rij .wa-zaak{grid-area:zaak}.wa-rij .wa-status{grid-area:status;justify-self:end!important}.wa-rij .wa-tijd{grid-area:tijd}.wa-verwijder{font-size:var(--text-xs)!important;padding:8px 6px!important}.wa-hint{display:none!important}.wa-actiebalk{display:block!important}.wa-acties{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;display:grid!important}.wa-acties>:last-child{order:-1;grid-column:1/-1}.wa-acties>:last-child button,.wa-acties button{width:100%}.wa-label-lang{display:none}.wa-label-kort{display:inline}.wa-dialoog{padding:0!important}.wa-dialoog>div[role=dialog]{padding-bottom:env(safe-area-inset-bottom);border-radius:0!important;width:100%!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important}.mail-pagina{margin:calc(-1 * var(--space-4));gap:0!important}.mail-kaart{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important}.mail-rij{color:var(--text-primary);background:var(--bg-surface)!important;grid-template-columns:40px minmax(0,1fr) auto!important;grid-template-areas:"av naam tijd""av onderwerp onderwerp""av zaak status"!important;gap:2px 12px!important;padding:12px 16px!important}.mail-rij .mail-avatar{grid-area:av;align-self:start;display:flex!important}.mail-rij .mail-naam{grid-area:naam}.mail-rij .mail-tijd{grid-area:tijd}.mail-rij .mail-onderwerp{grid-area:onderwerp}.mail-rij .mail-zaak{grid-area:zaak}.mail-rij .mail-zaak>span{display:inline!important}.mail-rij .mail-zaak>span:before{content:" ·"}.mail-rij .mail-status{grid-area:status;align-items:flex-end!important}.agent-pagina{margin:calc(-1 * var(--space-4));padding-top:var(--space-3);gap:var(--space-3)!important}.agent-pagina>.hub-alleen-telefoon,.agent-pagina .mel-wrap>.hub-alleen-telefoon{margin-inline:var(--space-4)}.mel-wrap{gap:var(--space-3)!important}.mel-wrap[data-stand=actie] .mel-verwerkt,.mel-wrap[data-stand=afgehandeld] .mel-open{display:none}.mel-open,.mel-verwerkt{box-shadow:none!important;border-left:0!important;border-right:0!important;border-radius:0!important}.mel-regel .mel-wie{flex-basis:100%;margin-left:0!important}.mel-knop{min-height:var(--control-h-touch)!important;padding:0 var(--space-4)!important;font-size:var(--text-sm)!important;border-radius:var(--radius-md)!important}.les-kaart{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important}.les-kaart>div:last-child{padding:0!important}.les-tegels{scrollbar-width:none;overflow-x:auto;padding:0 var(--space-4)!important;flex-wrap:nowrap!important}.les-tegels::-webkit-scrollbar{display:none}.les-tegel{height:var(--control-h-md);white-space:nowrap;flex:none;min-width:0!important;padding:0 var(--space-3)!important;flex-direction:row!important;align-items:center!important;gap:8px!important}.les-titel{display:none}.les-rij{background:var(--bg-surface)!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"tekst tekst""meta datum"!important;align-items:start!important;gap:6px 12px!important;padding:14px 16px!important}.les-tekst{grid-area:tekst}.les-meta{grid-area:meta;white-space:normal!important}.les-datum{grid-area:datum;justify-self:end}.les-regeltekst{-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal!important;font-size:var(--text-md)!important;display:-webkit-box!important}.les-meta .les-zaak,.les-meta .les-kanaal{display:inline!important}.les-meta .les-kanaal:before{content:" ·"}.les-knoppen{display:flex!important}.les-knoppen>button,.les-knoppen>span{flex:1}.les-knoppen button{width:100%;height:var(--control-h-touch)!important}}.hub-topbar{padding-top:env(safe-area-inset-top)!important;height:calc(var(--topbar-h) + env(safe-area-inset-top))!important}.gasten-tabel{container:gastentabel/inline-size}.gast-plus-smal{display:none}@container gastentabel (max-width:1080px){.gast-zaak2,.gast-plus-breed{display:none}.gast-plus-smal{display:inline-flex}}.zaak-split{gap:var(--space-4);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@media (min-width:1100px){.zaak-split{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}.zaak-balk{align-items:center;gap:var(--space-4);border-bottom:1px solid var(--border-default);display:flex}.zaak-balk-tabs{flex:auto;min-width:0;padding-bottom:1px;overflow-x:auto}.zaak-balk-rechts{flex:none;order:2;align-items:center;gap:10px;padding-bottom:6px;display:flex}@media (min-width:821px){.zaak-pagina{margin-top:calc(-1 * var(--space-3))}}@media (max-width:820px){.zaak-balk{align-items:stretch;gap:var(--space-2);border-bottom:none;flex-direction:column}.zaak-balk-rechts{order:0;justify-content:space-between;padding-bottom:0}.zaak-balk-tabs{border-bottom:1px solid var(--border-default)}.aanv-balk{flex-wrap:wrap!important}.aanv-balk-rechts{flex-wrap:wrap;width:100%}}@media (min-width:821px){.pagina-strak{margin-top:calc(-1 * var(--space-3))}}.aanv-chips button{padding:6px 8px!important}@media (max-width:820px){.aanv-zaakkolom{display:none!important}.aanv-zaakregel{display:block!important}.aanv-naam{white-space:normal!important;overflow:visible!important}}.rel-boekingen{container-type:inline-size}@container (max-width:980px){.rel-email{display:block}.rel-punt,.rel-boekingen th:last-child,.rel-boekingen td:last-child{display:none}}@container gastentabel (max-width:900px){.gast-rij{grid-template-columns:28px minmax(130px,1.1fr) minmax(160px,2fr) 48px 80px 72px 48px minmax(90px,.9fr)!important}.gasten-tabel-in{min-width:780px!important}}.inst-split{gap:var(--space-4);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.inst-groepen{flex-wrap:wrap;gap:4px;display:flex}@media (min-width:900px){.inst-split{grid-template-columns:240px minmax(0,1fr)}.inst-groepen button{width:100%}.inst-groepen{flex-flow:column;max-height:calc(100dvh - 200px);position:sticky;top:0;overflow-y:auto}}@media (max-width:820px){.beh-tabel thead{display:none}.beh-tabel,.beh-tabel tbody{width:100%;display:block}.beh-tabel tr{flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 16px;display:flex}.beh-tabel td{border:0;display:block;max-width:none!important;padding:0!important}.beh-tabel td:first-child{flex:100%}.beh-tabel td:last-child{flex:100%;text-align:left!important}}.media-raster{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}@media (max-width:820px){.media-raster{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}}