@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/poppins-latin-400-normal-cpxAROuN.woff2)format("woff2"),url(/assets/poppins-latin-400-normal-BOb3E3N0.woff)format("woff")}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/poppins-latin-600-normal-zEkxB9Mr.woff2)format("woff2"),url(/assets/poppins-latin-600-normal-BJdTmd5m.woff)format("woff")}:root{--achtergrond:#faf9f7;--zijbalk:#f3f0ec;--rand:#ece8e2;--rand-licht:#f1eee9;--tekst:#18171c;--tekst-2:#3a372f;--tekst-3:#5c584f;--rood:#8c1d18;--groen:#215a41;--hoofdknop:#1a6fd6;--info:#eef2fa;--info-rand:#dbe3f4;--wit:#fff;--radius-kaart:16px;--radius-pil:900px;--radius-item:8px;--focus:#1a6fd6}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--achtergrond);color:var(--tekst);margin:0;font-family:Poppins,system-ui,sans-serif;font-size:14px;line-height:1.5}h1{margin:0;font-size:28px;font-weight:600;line-height:1.2}a{color:var(--tekst)}a:hover{color:var(--groen)}strong{font-weight:600}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}main:focus{outline:none}.sla-over{z-index:10;border-radius:var(--radius-pil);background:var(--wit);align-items:center;min-height:44px;padding:10px 18px;display:inline-flex;position:absolute;top:-60px;left:12px}.sla-over:focus{top:12px}.shell{min-height:100dvh;display:flex}.zijbalk{background:var(--zijbalk);flex-direction:column;flex:0 0 248px;gap:24px;height:100dvh;padding:28px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.zijbalk-merk{align-items:center;gap:12px;padding:0 8px;font-size:16px;font-weight:600;display:flex}.zoekveld{border-radius:var(--radius-pil);background:var(--wit);color:var(--tekst-3);white-space:nowrap;justify-content:space-between;align-items:center;gap:6px;padding:9px 10px;font-size:12px;text-decoration:none;display:flex}.zoekveld-tekst{align-items:center;gap:6px;display:flex}.zoekveld-toets{font-size:11px}.zijbalk-menu{flex-direction:column;gap:2px;display:flex}.zijbalk-onder{flex-direction:column;gap:12px;margin-top:auto;display:flex}.menu-item{border-radius:var(--radius-item);align-items:center;gap:10px;padding:10px 12px;font-size:14px;text-decoration:none;display:flex}.menu-item.active{background:var(--wit);font-weight:600}.gebruiker{align-items:center;gap:10px;padding:0 12px;display:flex}.gebruiker-tekst{flex-direction:column;font-size:13px;line-height:1.3;display:flex}.gebruiker-tekst span{color:var(--tekst-3)}.avatar{border-radius:var(--radius-pil);background:var(--info-rand);flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:inline-flex}.inhoud{flex-direction:column;flex:auto;gap:28px;min-width:0;padding:32px 40px 48px;display:flex}.pagina-kop{flex-direction:column;gap:4px;display:flex}.pagina-datum{color:var(--tekst-3);font-size:13px}.kaart{border:1px solid var(--rand);border-radius:var(--radius-kaart);background:var(--wit);padding:24px}.leeg p{color:var(--tekst-2);margin:0}.knop{border-radius:var(--radius-pil);cursor:pointer;justify-content:center;align-items:center;min-height:44px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.knop-hoofd{background:var(--hoofdknop);color:var(--wit);border:0}.knop-hoofd:hover{color:var(--wit);background:#155cb3}.knop-rand{border:1px solid var(--tekst);color:var(--tekst);background:0 0}.knop-link{min-height:32px;color:var(--tekst-3);cursor:pointer;background:0 0;border:0;align-self:flex-start;margin-left:12px;padding:4px 0;font-family:inherit;font-size:13px;text-decoration:underline}.knop-link:hover{color:var(--tekst)}.tabbalk{display:none}.tab{min-height:44px;color:var(--tekst-3);flex-direction:column;align-items:center;gap:4px;padding:6px 0;font-size:11px;text-decoration:none;display:flex}.tab.active{color:var(--tekst);font-weight:600}@media (width<=767px){.zijbalk{display:none}.inhoud{padding:28px 20px calc(96px + env(safe-area-inset-bottom));gap:18px}.tabbalk{z-index:5;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--rand-licht);background:var(--achtergrond);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;inset:auto 0 0}.menu-item{min-height:44px}}.meer-lijst{flex-direction:column;gap:2px;padding:12px;display:flex}.meer-gebruiker{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.meer-gebruiker .gebruiker{padding:0}.inloggen{justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex}.inloggen-kaart{text-align:center;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:400px;padding:32px 24px;display:flex}.inloggen-kaart p{color:var(--tekst-2);margin:0}.inloggen-kaart .melding-fout{border-radius:var(--radius-item);width:100%;color:var(--rood);text-align:left;background:#fbeeed;padding:10px 14px;font-size:13px}.inloggen-kaart .melding-info{border:1px solid var(--info-rand);border-radius:var(--radius-item);background:var(--info);width:100%;color:var(--tekst);text-align:left;padding:10px 14px;font-size:13px}.inloggen-kaart .knop{width:100%}.status{color:var(--tekst-2);text-align:center;flex-direction:column;align-items:center;gap:12px;margin:0;padding:64px 20px;display:flex}.status p{margin:0}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}:root{--rand-veld:#8f8778;--rand-knop:#c8bfb0;--oranje-licht:#fbeee2;--rij-oranje:#fff6ee;--groen-licht:#eef6f1;--rood-licht:#fbe3e1;--blok:#f3f0ec}h2{margin:0;font-size:18px;font-weight:600;line-height:1.3}button:disabled{cursor:default;opacity:.7}.alleen-schermlezer{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hulptekst{color:var(--tekst-2);margin:0;font-size:13px;font-weight:400}.veldfout{color:var(--rood);margin:0;font-size:13px;font-weight:400}.invoer{border:1px solid var(--rand-veld);border-radius:var(--radius-item);background:var(--wit);width:100%;min-height:42px;color:var(--tekst);padding:9px 12px;font-family:inherit;font-size:14px;font-weight:400}textarea.invoer{resize:vertical;line-height:1.6}.veld{flex-direction:column;gap:6px;min-width:0;font-size:14px;font-weight:600;display:flex}.knop-wit{border:1px solid var(--tekst);background:var(--wit);color:var(--tekst);gap:8px;font-weight:400}.knop-klein{min-height:40px;padding:0 16px}.knop-tekst{color:var(--tekst);cursor:pointer;background:0 0;border:0;padding:4px 0;font-family:inherit;font-size:13px;text-decoration:underline}.menu-teller{border-radius:var(--radius-pil);background:var(--hoofdknop);color:var(--wit);margin-left:auto;padding:1px 8px;font-size:12px;font-weight:600}.tickets-pagina,.ticket-pagina{flex-direction:column;gap:22px;min-width:0;display:flex}.tickets-kop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.tickets-kop-acties{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter{border:1px solid var(--rand-knop);border-radius:var(--radius-pil);background:var(--wit);min-height:36px;color:var(--tekst);cursor:pointer;padding:0 16px;font-family:inherit;font-size:13px}.filter[aria-pressed=true]{border-color:var(--tekst);background:var(--tekst);color:var(--wit);font-weight:600}.tickets-tabel-kaart{border:1px solid var(--rand);border-radius:var(--radius-kaart);background:var(--wit);padding:18px 8px 4px}.tickets-leeg{color:var(--tekst-2);flex-direction:column;align-items:flex-start;gap:12px;margin:0;padding:4px 14px 18px;display:flex}.tickets-leeg p{margin:0}.tickets-tabel{table-layout:fixed;border-collapse:collapse;width:100%}.kolom-status,.kolom-eigenaar{width:150px}.kolom-categorie{width:190px}.tickets-tabel th{border-bottom:1px solid var(--rand);color:var(--tekst-3);text-align:left;white-space:nowrap;padding:0 14px 12px;font-size:12px;font-weight:400}.tickets-tabel td{border-bottom:1px solid var(--rand-licht);text-align:left;vertical-align:top;overflow-wrap:anywhere;padding:14px;font-size:14px}.ticket-rij.zonder-eigenaar{background:var(--rij-oranje)}.cel-eigenaar{position:relative}.ticket-link{font-weight:600;text-decoration:none;display:block}.ticket-link:hover{text-decoration:underline}.ticket-sub{color:var(--tekst-2);font-size:13px}.status-label{background:var(--blok);color:var(--tekst);border-radius:4px;padding:2px 8px;font-size:12px;line-height:18px;display:inline-block}.status-label.status-nieuw{background:var(--info-rand);font-weight:600}.te-laat{color:var(--rood);margin-top:4px;font-size:12px;font-weight:600;display:block}.tekst-rood{color:var(--rood);font-weight:600}.eigenaar-naam{align-items:center;gap:8px;font-size:13px;display:inline-flex}.eigenaar-initiaal{border-radius:var(--radius-pil);background:var(--info-rand);justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;display:inline-flex}.toewijs-knop{border:1px solid var(--rand-knop);border-radius:var(--radius-pil);background:var(--wit);min-height:28px;color:var(--tekst);cursor:pointer;align-items:center;gap:6px;padding:0 10px 0 6px;font-family:inherit;font-size:12px;display:inline-flex}.toewijs-knop:hover{border-color:var(--tekst-3)}.toewijs-rondje{border:1.5px dashed var(--tekst-3);border-radius:var(--radius-pil);flex:none;width:16px;height:16px}.toewijs-menu{z-index:3;border-radius:var(--radius-item);background:var(--wit);flex-direction:column;min-width:220px;padding:6px;display:flex;position:absolute;top:46px;left:14px;box-shadow:0 4px 16px #18171c29}.toewijs-vraag{color:var(--tekst-2);padding:6px 12px;font-size:12px}.toewijs-menu button{background:var(--wit);min-height:40px;color:var(--tekst);text-align:left;cursor:pointer;border:0;border-radius:4px;padding:9px 12px;font-family:inherit;font-size:14px}.toewijs-menu button:hover,.toewijs-menu button:focus-visible{background:var(--blok)}.label{background:var(--blok);border-radius:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.toast{z-index:4;border-radius:var(--radius-item);background:var(--groen-licht);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex;position:sticky;bottom:16px;box-shadow:0 2px 8px #18171c14}.categorieen{flex-direction:column;gap:12px;padding:18px 20px;display:flex}.categorieen h2{font-size:16px}.categorie-lijst{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.categorie-chip{border-radius:var(--radius-pil);background:var(--blok);align-items:center;gap:8px;min-height:40px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.categorie-chip:has(.chip-weg){padding-right:6px}.categorie-aantal{color:var(--tekst-2);font-weight:400}.chip-weg{border-radius:var(--radius-pil);background:var(--wit);width:28px;height:28px;color:var(--tekst);cursor:pointer;border:0;font-family:inherit;font-size:14px;line-height:1}.categorie-nieuw{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.categorie-nieuw label{flex:0 260px}.ticket-kop{flex-direction:column;gap:10px;display:flex}.terug-link{align-self:flex-start;font-size:14px}.ticket-titel{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.status-tekst{align-items:center;gap:8px;font-size:13px;display:inline-flex}.status-stip{border-radius:var(--radius-pil);background:var(--rand-knop);width:8px;height:8px;display:inline-block}.stip-nieuw,.stip-toegewezen{background:#409fff}.stip-ingepland{background:#6c8acf}.stip-in_behandeling,.stip-afgerond{background:var(--groen)}.stip-wacht_op_akkoord{background:#c26a1b}.ticket-meta{color:var(--tekst-2);margin:0;font-size:14px}.melding{border-radius:var(--radius-item);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex}.melding>span{flex:300px}.melding-let-op{background:var(--oranje-licht)}.melding-gelukt{background:var(--groen-licht)}.ticket-raster{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px 24px;display:grid}.ticket-links{flex-direction:column;gap:16px;min-width:0;display:flex}.ticket-gesprek,.ticket-notities,.ticket-uren{flex-direction:column;min-width:0;display:flex}.ticket-gesprek{gap:16px}.ticket-notities,.ticket-uren{gap:12px}.ticket-gegevens{flex-direction:column;gap:12px;min-width:0;display:flex}.ticket-tijdlijn summary,.meer-details summary{cursor:pointer;min-height:24px;font-size:14px;font-weight:600}.ticket-tijdlijn ol{flex-direction:column;gap:8px;margin:12px 0 0;padding:0 0 0 18px;font-size:13px;display:flex}.ticket-samenvatting{border-left:2px solid var(--rand-knop);color:var(--tekst-2);margin:0;padding-left:12px;font-size:14px;line-height:1.5}.meer-details{border-top:1px solid var(--rand-licht);padding-top:12px}.meer-details[open] summary{margin-bottom:12px}.detail-feiten{flex-direction:column;gap:6px;margin:12px 0 0;font-size:13px;display:flex}.detail-feiten div{justify-content:space-between;gap:12px;display:flex}.detail-feiten dt{color:var(--tekst-3)}.detail-feiten dd{overflow-wrap:anywhere;text-align:right;margin:0}.ticket-notitie-lijst{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.ticket-notitie{flex-direction:column;gap:4px;display:flex}.ticket-notitie .bericht-tekst{border-radius:var(--radius-item);background:var(--achtergrond);padding:10px 12px}.ticket-notitie-formulier{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.ticket-notitie-formulier .veld{width:100%}.niet-bevestigd{vertical-align:-2px;color:var(--tekst-3);margin-left:4px;display:inline-flex}.kaart-kop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.berichten{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.bericht{flex-direction:column;align-self:flex-start;align-items:flex-start;gap:4px;min-width:0;max-width:80%;display:flex}.bericht-meta{color:var(--tekst-2);font-size:12px}.bericht-meta strong{color:var(--tekst)}.bericht-tekst{background:var(--blok);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:4px 16px 16px;margin:0;padding:14px 16px;font-size:14px;line-height:1.6}.bericht-antwoord{align-self:flex-end;align-items:flex-end}.bericht-antwoord .bericht-tekst{background:var(--info);border-radius:16px 4px 16px 16px}.niet-verstuurd{color:var(--rood);font-size:12px;font-weight:600}.niet-verstuurd-rij{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.alsnog-melding{color:var(--tekst-2);margin:0;font-size:12px}.opsteller{border:1px solid var(--rand-veld);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.opsteller:focus-within{outline:2px solid var(--focus);outline-offset:2px}.opsteller-concept{background:var(--oranje-licht);border-color:#c26a1b}.opsteller.opsteller-concept textarea{background:var(--oranje-licht)}.opsteller-voet{border-top:1px solid var(--rand-licht);background:var(--wit);flex-wrap:wrap;align-items:center;gap:8px 10px;padding:8px 10px;display:flex}.concept-merk{font-size:12px;font-weight:600}.opsteller-hulp{overflow-wrap:anywhere;margin:-8px 0 0}.opsteller-tabs{border-bottom:1px solid var(--rand);background:#f6f4f1;flex-wrap:wrap;align-items:center;gap:4px;padding:6px;display:flex}.opsteller-tabs button{border-radius:var(--radius-pil);min-height:36px;color:var(--tekst-2);cursor:pointer;background:0 0;border:0;padding:0 14px;font-family:inherit;font-size:13px}.opsteller-tabs button[aria-selected=true]{background:var(--wit);color:var(--tekst);font-weight:600}.opsteller-tabs button[aria-disabled=true]{cursor:default}.opsteller textarea{field-sizing:content;background:var(--wit);width:100%;min-height:120px;max-height:50vh;color:var(--tekst);resize:vertical;border:0;padding:14px 16px;font-family:inherit;font-size:14px;line-height:1.6;display:block}.opsteller textarea:focus{outline:none}.ticket-acties{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.velden-rijen{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;display:grid}.velden-rijen .veld-rij{grid-column:1/-1}.velden-rijen .veld-half{grid-column:auto}.uren-lijst{flex-direction:column;gap:10px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.uren-lijst li{flex-direction:column;gap:2px;display:flex}.uren-formulier{border-top:1px solid var(--rand-licht);grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:12px;padding-top:12px;display:grid}.uren-omschrijving,.uren-soort{grid-column:1/-1}.uren-formulier .knop{grid-column:1/-1;justify-self:start}@media (width>=768px){.ticket-uren .uren-formulier{grid-template-columns:90px 160px minmax(0,1fr)}.ticket-uren .uren-omschrijving{grid-column:auto}.ticket-uren .uren-formulier .knop{grid-column:3;justify-self:end}.ticket-uren .uren-formulier .hulptekst.uren-soort{grid-column:1/3}}.nieuw-ticket{flex-direction:column;gap:16px;max-width:760px;display:flex}.veld-rooster{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px 16px;display:grid}.formulier-acties{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}@media (width<=1179px){.ticket-raster{grid-template-columns:minmax(0,1fr)}.ticket-gegevens{order:-1}.tickets-tabel-kaart{padding:4px 0}.tickets-tabel,.tickets-tabel tbody{display:block}.tickets-tabel thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.ticket-rij{border-bottom:1px solid var(--rand-licht);flex-wrap:wrap;align-items:center;gap:8px;padding:14px 16px;display:flex}.ticket-rij:last-child{border-radius:0 0 var(--radius-kaart) var(--radius-kaart);border-bottom:0}.ticket-rij:first-child{border-radius:var(--radius-kaart) var(--radius-kaart) 0 0}.tickets-tabel td{border:0;width:auto;padding:0;display:block}.cel-status .te-laat{margin:0 0 0 6px;display:inline}.ticket-rij{position:relative}.cel-eigenaar{position:static}.cel-ticket{flex:100%;order:-1}.cel-categorie{flex:100%;font-size:13px!important}.toewijs-menu{min-width:0;max-width:320px;margin-top:4px;top:auto;left:16px;right:16px}}@media (width<=767px){.tickets-pagina,.ticket-pagina{gap:14px}.knop-klein,.filter,.toewijs-knop,.invoer,.toewijs-menu button,.opsteller-tabs button,.chip-weg{min-height:44px}.chip-weg{width:44px;height:44px}.knop-tekst,.terug-link{align-items:center;min-height:44px;display:inline-flex}.ticket-link{align-items:center;min-height:44px;display:flex}.tickets-kop-acties,.tickets-kop-acties .knop{flex:auto}.categorie-nieuw label{flex:100%}.toast{bottom:80px}.ticket-kop{gap:4px}.ticket-titel h1{font-size:20px;line-height:1.3}.ticket-meta{order:-1;font-size:12px}.terug-link{order:-2;font-size:15px}.kaart{padding:16px}.shell-ticket .tabbalk{display:none}.meer-details summary,.ticket-tijdlijn summary{align-items:center;min-height:44px;list-style-position:inside;display:flex}.ticket-gegevens .velden-rijen{flex-direction:column;gap:0;display:flex}.ticket-gegevens .veld-rij{border-bottom:1px solid var(--rand-licht);min-height:48px;color:var(--tekst-2);grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:center;gap:0 12px;font-size:13px;font-weight:400;display:grid}.ticket-gegevens .veld-rij .invoer{color:var(--tekst);text-align:right;text-align-last:right;text-overflow:ellipsis;appearance:none;background:0 0;border:0;border-radius:0;padding:0 18px 0 0;font-size:14px;font-weight:600}.ticket-gegevens .veld-rij select.invoer{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235c584f' stroke-width='2'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") 100%/14px no-repeat}.ticket-gegevens .veld-hulp{grid-column:1/-1;padding-bottom:8px;font-size:12px}.ticket-acties{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:8px;display:grid}.ticket-acties .knop{padding:10px 8px}.opsteller-voet .knop{flex:100%}.bericht{max-width:90%}.ticket-notitie-formulier .knop{align-self:stretch}.formulier-acties .knop{flex:auto}}.klant-link{color:inherit}.klant-kop-rij{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.klantkaart-link{font-size:13px}.klanten-pagina,.klant-detail,.klant-overzicht{flex-direction:column;gap:20px;min-width:0;display:flex}.klant-detail,.klant-overzicht{gap:16px}.klanten-kop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.klanten-raster{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:24px;display:grid}.klanten-lijst{flex-direction:column;gap:8px;min-width:0;display:flex}.klanten-lijst>p{margin:0}.klanten-zoek{border:1px solid var(--rand-veld);border-radius:var(--radius-pil);background:var(--wit);align-items:center;gap:8px;padding:0 16px;display:flex}.klanten-zoek:focus-within{outline:2px solid var(--focus);outline-offset:2px}.klanten-zoek input{min-width:0;min-height:42px;color:var(--tekst);background:0 0;border:0;outline:none;flex:auto;font-family:inherit;font-size:14px}.klanten-zoek svg{flex:none}.klanten-items{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.klant-item{border-radius:var(--radius-item);background:var(--wit);border:2px solid #0000;justify-content:space-between;align-items:center;gap:8px;min-height:56px;padding:10px 14px;text-decoration:none;display:flex}.klant-item.active{border-color:var(--tekst)}.klant-item-tekst{overflow-wrap:anywhere;flex-direction:column;gap:2px;min-width:0;display:flex}.klant-item-tekst span{color:var(--tekst-2);font-size:12px}.klant-item .menu-teller{flex:none;margin-left:0}.klanten-inhoud{flex-direction:column;gap:16px;min-width:0;display:flex}.klant-terug{display:none}.klant-kaart,.klant-formulier-kaart,.klant-formulier,.contact-formulier,.klant-notities,.klant-notitie-nieuw{flex-direction:column;gap:16px;display:flex}.klant-kaart-kop{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.klant-kaart-titel{flex-direction:column;flex:280px;gap:4px;min-width:0;display:flex}.klant-kaart-titel h2{overflow-wrap:anywhere;font-size:22px}.klant-kaart-titel h2:focus{outline:none}.klant-kaart-acties{flex-wrap:wrap;gap:8px;display:flex}.klant-hoofdcontact{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) minmax(0,1fr);gap:12px 16px;margin:0;font-size:14px;display:grid}.klant-hoofdcontact dt{color:var(--tekst-2);font-size:12px}.klant-hoofdcontact dd{overflow-wrap:anywhere;margin:0}.klant-tabs{border-radius:var(--radius-pil);background:var(--blok);flex-wrap:wrap;align-self:flex-start;gap:4px;padding:4px;display:flex}.klant-tabs button{border-radius:var(--radius-pil);min-height:36px;color:var(--tekst);cursor:pointer;background:0 0;border:0;padding:0 16px;font-family:inherit;font-size:13px}.klant-tabs button[aria-selected=true]{background:var(--wit);font-weight:600}.klant-blokken{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.klant-blok{flex-direction:column;gap:10px;min-width:0;padding:20px;display:flex}h3{margin:0;font-size:16px;font-weight:600}.klant-feiten{flex-direction:column;gap:8px;margin:0;font-size:13px;display:flex}.klant-feiten div{justify-content:space-between;gap:8px;display:flex}.klant-feiten dt{color:var(--tekst-2)}.klant-feiten dd{overflow-wrap:anywhere;text-align:right;margin:0}.tegoed-getal{margin:0;font-size:14px}.tegoed-getal strong{font-size:22px}.tegoed-over{color:var(--rood)}.tegoed-balk{border-radius:var(--radius-pil);background:var(--rand-licht);height:8px;display:block}.tegoed-balk span{border-radius:var(--radius-pil);background:var(--groen);height:8px;display:block}.tegoed-balk .tegoed-vol{background:var(--rood)}.klant-regel{border-radius:var(--radius-item);background:var(--achtergrond);overflow-wrap:anywhere;flex-direction:column;gap:2px;padding:10px 12px;font-size:14px;text-decoration:none;display:flex}.klant-regel-rij{flex-flow:wrap;justify-content:space-between;gap:8px}.klant-regel-sub{color:var(--tekst-2);font-size:12px}.klant-signaal{border:1px solid var(--info-rand);border-radius:var(--radius-kaart);background:var(--info);align-items:flex-start;gap:12px;padding:16px 18px;font-size:14px;display:flex}.klant-signaal svg{flex:0 0 20px;margin-top:2px}.klant-tab-kaart{flex-direction:column;padding:8px 20px 16px;display:flex}.klant-tab-kaart>.hulptekst:first-child{padding:12px 0}.klant-toevoegen{align-self:flex-start;margin-top:12px}.klant-tab-uitleg{margin-top:10px;font-size:12px}.contact-lijst,.document-lijst,.notitie-lijst{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.contact-regel{border-bottom:1px solid var(--rand-licht);grid-template-columns:40px minmax(0,1fr);gap:2px 14px;padding:14px 0;font-size:14px;display:grid}.contact-regel>*{grid-column:2}.contact-initialen{border-radius:var(--radius-pil);background:#e3e9f6;grid-area:1/1/span 3;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:600;display:inline-flex}.contact-naam{flex-direction:column;min-width:0;display:flex}.contact-naam .hulptekst{font-size:12px}.contact-tel,.contact-mail{overflow-wrap:anywhere;min-width:0}.contact-rollen:empty{display:none}.contact-acties,.document-acties,.notitie-acties{flex-wrap:wrap;align-items:center;gap:4px 16px;display:flex}.verwijder-vraag{flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:13px;display:inline-flex}.knop-tekst-rood{color:var(--rood);font-weight:600}.contact-formulier{border-bottom:1px solid var(--rand-licht);padding:16px 0}.vinkjes{border:0;flex-wrap:wrap;gap:8px 20px;margin:0;padding:0;display:flex}.vinkje{cursor:pointer;align-self:flex-start;align-items:center;gap:10px;font-size:14px;display:inline-flex}.vinkje input{appearance:none;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='1.5' y='1.5' width='21' height='21' rx='5' fill='%23fff' stroke='%238f8778' stroke-width='1.5'/%3E%3C/svg%3E") 50%/24px no-repeat;border:0;flex:none;width:24px;height:24px;margin:0}.vinkje input:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='1.5' y='1.5' width='21' height='21' rx='5' fill='%231a6fd6' stroke='%231a6fd6' stroke-width='1.5'/%3E%3Cpath d='M6.5 12.5l3.5 3.5 7.5-8' fill='none' stroke='%23fff' stroke-width='2.5'/%3E%3C/svg%3E")}.klant-tegoed-veld{max-width:280px}.document-regel{border-bottom:1px solid var(--rand-licht);grid-template-columns:36px minmax(0,1fr) auto auto;align-items:center;gap:4px 14px;padding:12px 0;font-size:14px;display:grid}.document-ext{background:var(--blok);border-radius:4px;grid-row:1/span 2;justify-content:center;align-items:center;width:32px;height:36px;font-size:10px;font-weight:600;display:inline-flex}.document-naam{flex-direction:column;min-width:0;display:flex}.document-naam a{overflow-wrap:anywhere;text-decoration:none}.document-naam a:hover{text-decoration:underline}.document-naam .hulptekst{font-size:12px}.document-datum{color:var(--tekst-2);white-space:nowrap;font-size:13px}.document-acties{grid-column:2/-1}.document-toevoegen{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-top:12px;display:flex}.document-soort{flex:0 180px;font-size:13px}.klant-notitie-nieuw{align-items:flex-start;gap:10px}.klant-notitie-nieuw .veld{align-self:stretch;font-size:13px}.klant-notities{gap:12px;padding:20px}.notitie-lijst{gap:12px}.notitie{border-radius:var(--radius-item);background:var(--achtergrond);flex-direction:column;gap:4px;padding:12px 14px;display:flex}.notitie-meta{color:var(--tekst-2);font-size:12px}.notitie p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.5}@media (width>=1400px){.contact-regel{grid-template-columns:40px minmax(0,1.4fr) minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr);align-items:center}.contact-regel>*{grid-column:auto}.contact-initialen{grid-row:auto}.contact-labels{margin-top:0}.contact-acties,.contact-dubbel{grid-column:2/-1}}@media (width<=1023px){.klanten-raster{grid-template-columns:minmax(0,1fr)}.op-klant .klanten-lijst,.op-lijst .klanten-inhoud{display:none}.op-klant .klanten-kop{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.klant-terug{align-items:center;min-height:44px;display:inline-flex}}@media (width<=767px){.klanten-pagina{gap:14px}.klanten-zoek input,.klant-tabs button{min-height:44px}.klant-link,.klantkaart-link{align-items:center;min-height:44px;display:inline-flex}.klant-hoofdcontact,.klant-blokken{grid-template-columns:minmax(0,1fr)}.klant-kaart-acties,.klant-kaart-acties .knop,.klanten-kop .knop{flex:auto}.klant-tabs{border-radius:var(--radius-kaart);grid-template-columns:repeat(2,minmax(0,1fr));align-self:stretch;display:grid}.klant-tab-kaart{padding:4px 16px 16px}.klant-blok,.klant-notities{padding:16px}.klant-regel-rij{align-items:center;min-height:44px}.vinkje input{width:44px;height:44px}.vinkje{gap:4px}.vinkjes{gap:0 12px}.document-regel{grid-template-columns:36px minmax(0,1fr)}.document-regel>*{grid-column:2}.document-ext{grid-area:1/1/span 3}.document-naam a{align-items:center;min-height:44px;display:flex}.document-soort{flex:100%}.document-toevoegen .knop,.klant-notitie-nieuw .knop,.klant-toevoegen{align-self:stretch;width:100%}}.alleen-mobiel{display:none}.balk{border-radius:var(--radius-pil);background:var(--rand-licht);flex:200px;height:6px;display:block;overflow:hidden}.balk>span{border-radius:var(--radius-pil);background:#6c8acf;height:100%;display:block}.balk-groot{height:10px}.balk-rood>span{background:var(--rood)}.balk-groen>span{background:var(--groen)}.balk-hold>span{background:#a39d93}.kaart-kop-rij{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.kaart-kop-rij h2{margin:0;font-size:18px;font-weight:600}.formulier-knoppen{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.formulier-links{align-self:center;margin-right:auto}.week-kiezer{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.week-pijl{border:1px solid var(--rand-knop);border-radius:var(--radius-pil);background:var(--wit);width:36px;height:36px;color:var(--tekst);cursor:pointer;justify-content:center;align-items:center;padding:0;display:inline-flex}.week-label{text-align:center;min-width:200px;font-weight:600}.week-deze{margin-left:4px}.vandaag-pagina,.projecten-pagina,.project-pagina,.planning-pagina,.uren-pagina{flex-direction:column;gap:22px;min-width:0;display:flex}.vandaag-kop{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.vandaag-acties{flex-wrap:wrap;gap:12px;display:flex}.vandaag-kolommen{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.jouw-dag{flex-direction:column;flex:999 480px;gap:16px;min-width:0;display:flex}.dag-kop-rechts{flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:13px;display:flex}.voor-jou{flex-direction:column;flex:320px;gap:8px;min-width:0;display:flex}.voor-jou .kaart-kop-rij a{font-size:13px}.voor-jou-lijst{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.voor-jou-lijst li+li{border-top:1px solid var(--rand-licht)}.voor-jou-regel{overflow-wrap:anywhere;flex-direction:column;justify-content:center;gap:2px;padding:10px 0;text-decoration:none;display:flex}.voor-jou-regel:hover strong{text-decoration:underline}.voor-jou-sub{color:var(--tekst-3);font-size:13px}.dag-lijst{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.dag-rij{border-radius:var(--radius-item);background:var(--achtergrond);align-items:center;gap:14px;padding:12px 14px;display:flex}.dag-rij-loopt{outline:2px solid var(--groen)}.dag-rij-klaar .dag-tekst strong,.dag-rij-klaar .dag-tekst span,.dag-rij-klaar .dag-tijd{color:var(--tekst-3);font-weight:400}.dag-tijd{color:var(--tekst-2);flex:0 0 96px;font-size:13px}.dag-balk{border-radius:var(--radius-pil);flex:0 0 4px;align-self:stretch}.soort-project{background:#6c8acf}.soort-ticket{background:#409fff}.soort-onderhoud{background:var(--groen)}.soort-overleg{background:var(--tekst-3)}.soort-buffer{background:#c8bfb0}.dag-tekst{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.dag-tekst span{color:var(--tekst-2);font-size:13px}.dag-knop{border:1px solid var(--tekst);border-radius:var(--radius-pil);background:var(--wit);min-height:36px;color:var(--tekst);cursor:pointer;flex:none;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600}.dag-knop-loopt{background:var(--groen);color:var(--wit);border:0}.timer-regel{border-radius:var(--radius-item);background:var(--groen-licht);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.snel-starten h2{margin:0 0 4px;font-size:15px;font-weight:600}.projecten-kop,.planning-kop,.uren-kop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.projecten-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.project-nieuw,.blok-formulier{flex-direction:column;gap:16px;display:flex}.blok-formulier h2{margin:0;font-size:16px;font-weight:600}.project-nieuw-velden{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.bord-rol{overflow-x:auto}.bord{grid-template-columns:repeat(5,minmax(164px,1fr));align-items:start;gap:12px;min-width:868px;display:grid}.bord-kolom{border-radius:var(--radius-kaart);background:var(--zijbalk);flex-direction:column;gap:10px;min-width:0;padding:12px;display:flex}.bord-kolom h2,.nog-plannen h2{justify-content:space-between;margin:0;padding:4px 4px 0;font-size:14px;font-weight:600;display:flex}.bord-kolom h2 span,.nog-plannen h2 span{color:var(--tekst-2);font-weight:400}.project-kaart{border-radius:var(--radius-item);background:var(--wit);border:1px solid #0000;flex-direction:column;gap:8px;padding:12px;text-decoration:none;display:flex}.project-kaart-hold{background:var(--achtergrond);border:1px dashed #a39d93}.project-kaart-kop{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:6px;line-height:1.3;display:flex}.project-klant,.project-klant{margin-top:-6px}.hold-pil{border-radius:var(--radius-pil);background:var(--tekst);color:var(--wit);align-self:flex-start;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.project-kop{flex-direction:column;gap:10px;display:flex}.project-titel{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hold-formulier,.scope-formulier{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.hold-formulier .veld,.scope-formulier .veld{flex:180px}.project-kolommen{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.project-opzij{flex-direction:column;flex:320px;gap:16px;min-width:0;display:flex}.gekoppeld-lijst{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.gekoppeld-lijst li{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.tabel-rol{position:relative;overflow-x:auto}.deadline-tabel{border-collapse:collapse;width:100%;min-width:620px}.deadline-tabel th{border-bottom:1px solid var(--rand);text-align:left;color:var(--tekst-2);padding:8px;font-size:12px;font-weight:600}.deadline-tabel td{border-bottom:1px solid var(--rand-licht);vertical-align:middle;padding:8px}.deadline-open{font-weight:600}.deadline-klaar{color:var(--tekst-3);text-decoration:line-through}.deadline-datum{white-space:nowrap}.deadline-risico{color:var(--rood);font-weight:600}.deadline-acties .knop-tekst{white-space:nowrap;display:block}.deadline-acties .verwijder-vraag{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.deadline-formulier{border-radius:var(--radius-item);background:var(--achtergrond);grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px;display:grid}.deadline-wat,.deadline-fout,.deadline-knoppen{grid-column:1/-1}.planning-kop{justify-content:flex-start}.planning-tabs{border-radius:var(--radius-pil);background:var(--zijbalk);gap:4px;padding:4px;display:flex}.planning-tabs button{border-radius:var(--radius-pil);min-height:36px;color:var(--tekst);cursor:pointer;background:0 0;border:0;padding:0 16px;font-family:inherit;font-size:13px}.planning-tabs button[aria-selected=true]{background:var(--wit);font-weight:600}.week-som{flex-wrap:wrap;align-items:center;gap:16px;padding:14px 18px;display:flex}.week-som strong{font-size:20px}.week-toevoegen{margin-left:auto}.blok-velden{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.week-kolommen{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.week-rol{flex:999 640px;min-width:0;overflow-x:auto}.soort-vlak-project{background:#e3e9f6}.soort-vlak-ticket{background:var(--oranje-licht)}.soort-vlak-onderhoud{background:#e3f0e8}.soort-vlak-overleg{background:var(--zijbalk)}.soort-vlak-buffer{border:1px dashed var(--tekst-3);background:var(--wit)}.blok-tijd{color:var(--tekst-2);font-size:11px}.blok-titel{overflow-wrap:anywhere;font-size:13px;font-weight:600;line-height:1.3}.blok-sub{color:var(--tekst-2);font-size:12px}.week-legenda{flex-wrap:wrap;gap:14px;margin-top:12px;font-size:12px;display:flex}.week-legenda>span{align-items:center;gap:6px;display:inline-flex}.legenda-vak{border-radius:4px;width:14px;height:14px}.nog-plannen{border-radius:var(--radius-kaart);background:var(--zijbalk);flex-direction:column;flex:250px;gap:10px;min-width:0;padding:16px;display:flex}.nog-plannen>p{margin:0}.nog-plannen-item{border-radius:var(--radius-item);background:var(--wit);flex-direction:column;align-items:flex-start;gap:4px;padding:12px;display:flex}.nog-plannen-item strong{font-size:13px}.nog-plannen-item>span{color:var(--tekst-2);font-size:12px}.zonder-eigenaar-blok{flex-direction:column;font-size:13px;display:flex}.zonder-eigenaar-blok summary{cursor:pointer;padding:8px 0;font-weight:600}.zonder-eigenaar-blok .nog-plannen-item+.nog-plannen-item{margin-top:10px}.team-kaart{flex-direction:column;padding:8px 20px;display:flex}.bezetting-rij{border-bottom:1px solid var(--rand-licht);grid-template-columns:90px minmax(0,1fr) 230px;align-items:center;gap:16px;padding:14px 0;display:grid}.bezetting-rij:last-child{border-bottom:0}.bezetting-rij>strong{font-size:15px}.team-ruimte{color:var(--tekst-2);font-size:14px}.team-ruimte-over{color:var(--rood);font-weight:600}.uren-kop-rechts{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.timer-kaart{flex-wrap:wrap;align-items:flex-end;gap:14px;padding:18px 20px;display:flex}.timer-kaart .veld{color:var(--tekst-2);flex:0 200px;font-size:12px}.timer-kaart .veld .invoer{color:var(--tekst)}.timer-kaart .timer-wat{flex:280px}.timer-tekst{flex-direction:column;flex:280px;gap:2px;min-width:0;display:flex}.timer-label{color:var(--tekst-2);font-size:13px}.timer-tijd{text-align:right;min-width:96px;font-size:26px;font-weight:600;line-height:42px}.timer-knop{border-radius:var(--radius-pil);cursor:pointer;border:0;min-height:42px;padding:0 24px;font-family:inherit;font-size:15px;font-weight:600}.snel-starten{flex-direction:column;gap:8px}.snel-knop{border:2px solid var(--rand);border-radius:var(--radius-kaart);background:var(--wit);width:100%;min-height:60px;color:var(--tekst);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;display:flex}.snel-knop span span{color:var(--tekst-2);font-size:12px;display:block}.uren-voorstel{border:1px solid var(--info-rand);border-radius:var(--radius-kaart);background:var(--info);flex-wrap:wrap;align-items:center;gap:12px;padding:14px 18px;display:flex}.uren-voorstel>span{flex:320px}.registraties{flex-direction:column;padding:16px 20px 12px;display:flex}.registraties-kop h2{font-size:16px}.uren-dag{flex-direction:column;padding:12px 0;display:flex}.uren-dag h3{justify-content:space-between;margin:0 0 6px;font-size:14px;font-weight:600;display:flex}.uren-regel{border-top:1px solid var(--rand-licht);flex-wrap:wrap;align-items:center;gap:14px;padding:10px 0;display:flex}.uit-planning{background:#f6f8fc}.uren-duur{flex:0 0 56px;font-weight:600}.uren-wat{flex:200px;min-width:0}.uren-wat span{color:var(--tekst-2);font-size:12px;display:block}.uren-soort{color:var(--tekst-3);font-size:13px}.uren-acties{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.regel-formulier{border-radius:var(--radius-item);background:var(--achtergrond);grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:8px 0;padding:14px;display:grid}.regel-wat{grid-column:1/-1}@media (width<=767px){.alleen-desktop{display:none!important}.alleen-mobiel{display:inline}.snel-starten.alleen-mobiel{display:flex}.invoer,.knop-tekst,.filter,.planning-tabs button,.dag-knop,.timer-knop,.week-pijl{min-height:44px}.week-pijl{width:44px}.project-pagina a{align-items:center;min-height:44px;display:inline-flex}.verwijder-vraag{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.week-label{flex:auto;min-width:0}.vandaag-pagina,.uren-pagina{gap:18px}.vandaag-kop{align-items:flex-start}h1{font-size:24px}.voor-jou-regel{min-height:44px}.dag-rij{flex-wrap:wrap;gap:6px 10px}.dag-tijd{flex:100%}.dag-tekst{flex:1 1 0}.dag-knop{min-height:44px}.dag-kop-rechts a,.voor-jou .kaart-kop-rij a{align-items:center;min-height:44px;display:inline-flex}.bord{grid-template-columns:minmax(0,1fr);min-width:0}.project-nieuw-velden,.blok-velden{grid-template-columns:minmax(0,1fr)}.deadline-formulier,.regel-formulier{grid-template-columns:repeat(2,minmax(0,1fr))}.planning-tabs{align-self:stretch}.planning-tabs button{white-space:nowrap;flex:auto;padding:0 12px}.week-toevoegen{width:100%;margin-left:0}.team-kaart{padding:4px 16px}.bezetting-rij{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.bezetting-rij .balk{grid-area:2/1/auto/-1}.uren-kop{align-items:baseline}.uren-kop-rechts{flex:100%}.timer-kaart{text-align:center;flex-direction:column;align-items:stretch;padding:24px 20px}.timer-kaart .veld{text-align:left;flex:none}.timer-kaart .timer-wat,.timer-tekst{flex:none}.timer-tijd{text-align:center;font-size:48px;line-height:1}.timer-knop{width:100%;min-height:52px;font-size:16px}.uren-regel .uren-acties{flex:100%}.projecten-filters,.projecten-filters .filters{width:100%}.projecten-filters .knop{flex:auto}}@media (width<=1100px) and (width>=768px){.project-nieuw-velden,.blok-velden{grid-template-columns:repeat(2,minmax(0,1fr))}}.vinkje-fout{color:var(--rood);font-size:12px;display:block}.testdata-label{border:1px dashed var(--tekst-2);border-radius:var(--radius-pil);background:var(--oranje-licht);color:var(--tekst);white-space:nowrap;margin-left:6px;padding:1px 8px;font-size:12px;font-weight:600;display:inline-block}.beheer-pagina{flex-direction:column;gap:20px;display:flex}.beheer-kop{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.beheer-kop h1{margin:0;font-size:28px;font-weight:600;line-height:1.2}#beheer-paneel{flex-direction:column;gap:16px;min-width:0;display:flex}.koppeling-raster{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.koppeling-kaart{flex-direction:column;gap:12px;min-width:0;display:flex}.koppeling-kop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.koppeling-kop h2{margin:0;font-size:17px;font-weight:600}.koppeling-tekst{color:var(--tekst-2);margin:0;font-size:13px;line-height:1.5}.koppeling-pil{border-radius:var(--radius-pil);background:var(--zijbalk);color:var(--tekst);padding:4px 10px;font-size:12px;font-weight:600}.koppeling-pil.koppeling-verbonden{background:#e3f0e8}.koppeling-pil.koppeling-fout{background:var(--rood-licht);color:var(--rood)}.koppeling-formulier{flex-direction:column;gap:12px;min-width:0;display:flex}.koppeling-rij{flex-flow:wrap;align-items:flex-end}.koppeling-rij .veld{flex:220px}.koppeling-twee{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px;display:grid}.koppeling-knoppen{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.koppeling-zeker{flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;display:flex}.koppeling-kaart>.knop-tekst{align-self:flex-start}.invoer-vast{background:var(--achtergrond);color:var(--tekst);font-size:13px}.team-kaart{flex-direction:column;gap:14px;padding:22px;display:flex}.team-kop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.team-kop h2{margin:0 0 2px;font-size:17px;font-weight:600}.team-nieuw{border-radius:var(--radius-item);background:var(--achtergrond);grid-template-columns:minmax(0,2fr) minmax(0,2fr) minmax(140px,1fr) minmax(90px,1fr) auto;align-items:end;gap:12px;padding:16px;display:grid}.team-nieuw-fout{grid-column:1/-1}.team-lijst{flex-direction:column;display:flex}.team-rij{border-top:1px solid var(--rand-licht);flex-wrap:wrap;align-items:center;gap:14px;padding:12px 0;display:flex}.team-rij-inactief .team-naam,.team-rij-inactief .team-initialen{opacity:.65}.team-initialen{border-radius:var(--radius-pil);background:var(--info-rand);flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:inline-flex}.team-naam{overflow-wrap:anywhere;flex-direction:column;flex:200px;min-width:0;font-size:14px;display:flex}.team-veld{font-size:12px;font-weight:400}.team-veld-uren .invoer{width:80px}.team-status{border-radius:var(--radius-pil);padding:4px 10px;font-size:12px;font-weight:600}.team-status-uitgenodigd{background:#e3e9f6}.team-status-inactief{background:var(--zijbalk)}.team-jij{min-width:120px;color:var(--tekst-2);font-size:13px}.beheer-log-raster{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;gap:16px;display:grid}.backup-kaart,.logboek-kaart{flex-direction:column;gap:10px;min-width:0;display:flex}.backup-kaart h2,.logboek-kaart h2{margin:0;font-size:17px;font-weight:600}.backup-lijst{flex-direction:column;gap:8px;margin:0;font-size:14px;display:flex}.backup-lijst>div{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.backup-lijst dt{color:var(--tekst-2)}.backup-lijst dd{margin:0}.logboek-lijst{flex-direction:column;margin:0;padding:0;font-size:13px;line-height:1.5;list-style:none;display:flex}.logboek-lijst li{border-top:1px solid var(--rand-licht);overflow-wrap:anywhere;grid-template-columns:150px minmax(0,1fr);gap:12px;padding:6px 0;display:grid}.logboek-tijd{color:var(--tekst-2)}.logboek-pagina{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.categorieen-kop{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.categorieen-kop h2{margin:0}.meerwerk-kaart{flex-direction:column;gap:10px;display:flex}.meerwerk-kaart h2{margin:0;font-size:17px;font-weight:600}.meerwerk-kaart h3{margin:8px 0 0;font-size:14px;font-weight:600}.meerwerk-lijst,.meerwerk-regels,.meerwerk-concepten{flex-direction:column;gap:8px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.meerwerk-klant{border-top:1px solid var(--rand-licht);padding-top:8px}.meerwerk-kop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.meerwerk-controle{border-radius:var(--radius-item);background:var(--achtergrond);flex-direction:column;gap:10px;margin-top:10px;padding:12px;display:flex}.meerwerk-regel{align-items:center;gap:8px;min-height:44px;font-size:13px;display:flex}.meerwerk-regel input{flex:0 0 20px;width:20px;height:20px}.meerwerk-actie{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}@media (width<=1023px){.koppeling-raster,.beheer-log-raster,.team-nieuw{grid-template-columns:minmax(0,1fr)}.logboek-lijst li{grid-template-columns:minmax(0,1fr);gap:0}}@media (width<=767px){.team-rij .knop,.logboek-pagina .knop,.meerwerk-kop .knop,.koppeling-kaart>.knop-tekst,.koppeling-zeker .knop-tekst{min-height:44px}.team-naam{flex-basis:calc(100% - 50px)}.team-veld{flex:120px}.team-veld-uren .invoer{width:100%}}.tickets-bediening{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.tickets-zoek{flex:0 320px;min-width:min(100%,240px)}.tickets-zoek input{border-radius:var(--radius-pil);background:var(--wit);width:100%;min-height:40px;color:var(--tekst);font:inherit;border:1px solid #8f8778;padding:8px 16px;font-size:13px}.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}.klant-blok-sub{color:var(--tekst-3);margin:12px 0 0;font-size:13px;font-weight:600}.project-archief ul{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.project-archief li{border-bottom:1px solid var(--rand-licht);flex-direction:column;gap:2px;padding:12px 0;display:flex}.project-archief li:last-child{border-bottom:0}@media (width<=767px){.tickets-zoek{flex:100%}.tickets-zoek input{min-height:44px;font-size:16px}.project-archief li a{align-items:center;min-height:44px;display:inline-flex}}.ticket-uren .uren-formulier .uren-soort{background:0 0;padding:0;font-weight:400}.bord-kolom{padding:8px}.bord-kolom h2{display:block}.project-kaart{padding:10px}.eigenaar-plek{flex:none;display:inline-flex}.eigenaar-rondje{border-radius:var(--radius-pil);background:var(--zijbalk);width:22px;height:22px;color:var(--tekst);justify-content:center;align-items:center;font-size:11px;font-weight:600;display:inline-flex}.eigenaar-plek .toewijs-rondje{width:22px;height:22px}.project-kaart-kop{flex-wrap:nowrap}.project-kaart-kop strong{overflow-wrap:break-word;min-width:0;font-size:13px}.project-probleem{color:var(--rood);margin:0;font-size:12px;font-weight:600}.nieuw-pil{border:1px solid var(--info-rand);border-radius:var(--radius-pil);background:var(--info);color:var(--tekst);align-self:flex-start;padding:2px 8px;font-size:12px;font-weight:600}.keuze-klein select{border:1px solid var(--rand-knop);border-radius:var(--radius-pil);background-color:var(--wit);min-height:36px;color:var(--tekst);cursor:pointer;padding:0 28px 0 14px;font-family:inherit;font-size:13px}.fase-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.fase-tab{border-radius:var(--radius-item);min-height:44px;color:var(--tekst);text-align:left;cursor:pointer;border:2px solid #0000;flex-direction:column;gap:2px;padding:10px 14px;font-family:inherit;font-size:14px;display:flex}.fase-tab span{font-size:12px;font-weight:600}.fase-klaar{background:var(--groen-licht)}.fase-klaar span{color:var(--groen)}.fase-later{background:var(--zijbalk)}.fase-later span{color:var(--tekst-2)}.fase-nu,.fase-huidig{border-color:var(--tekst);background:var(--wit)}.fase-tab[aria-selected=true]{box-shadow:0 4px 0 -1px var(--hoofdknop)}.fase-paneel{flex-direction:column;flex:999 520px;gap:24px;min-width:0;display:flex}.fase-actie{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.fase-blok{flex-direction:column;gap:12px;display:flex}.fase-blok h2,.opzij-blok h2{margin:0;font-size:15px;font-weight:600}.fase-blok>p{margin:0}.fase-blok .notitie-lijst{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.fase-notitie-nieuw{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.fase-notitie-nieuw .veld{width:100%}.opzij-kaart{flex-direction:column;align-items:stretch;gap:16px;padding:16px;font-size:13px;display:flex}.opzij-kaart>.knop{align-self:flex-start}.opzij-blok{border-top:1px solid var(--rand-licht);flex-direction:column;gap:8px;padding-top:14px;display:flex}.opzij-regel{color:var(--tekst-2);margin:0}.opzij-details summary{min-height:24px;color:var(--tekst-2);cursor:pointer}.opzij-formulier{flex-direction:column;align-items:flex-start;gap:10px;margin-top:10px;display:flex}.opzij-formulier .veld{width:100%}.eigenaar-kiezer{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.eigenaar-kiezer .veld{flex:120px}.eigenaar-kiezer .eigenaar-plek{margin-bottom:11px}.eigenaar-kiezer .veldfout{flex:100%}.opzij-kaart .invoer{font-size:13px}.opzij-kaart .scope-formulier .veld{flex:100px}.project-opzij{flex:280px}.fase-paneel{padding:20px}.fase-blok .deadline-tabel{min-width:0}.fase-blok .deadline-tabel th,.fase-blok .deadline-tabel td{padding:8px 6px}.week-som{padding:0}.rooster{grid-template-columns:48px repeat(var(--dagen), minmax(0, 1fr));min-width:calc(48px + var(--dagen) * 100px);border:1px solid var(--rand);border-radius:var(--radius-kaart);background:var(--wit);padding:12px 12px 12px 4px;display:grid}.rooster-kop{border-left:1px solid var(--rand-licht);color:var(--tekst-2);padding:2px 6px 8px;font-size:13px}.rooster-kop-vandaag{color:var(--tekst);font-weight:600}.rooster-uren{flex-direction:column;display:flex;position:relative}.rooster-uren span{height:var(--uur);color:var(--tekst-3);text-align:right;flex:none;padding-right:6px;font-size:11px;line-height:1}.rooster-dag{height:calc(var(--uur) * var(--uren));border-bottom:1px solid var(--rand-licht);border-left:1px solid var(--rand-licht);position:relative}.rooster-dag-vandaag{background:#f7f9fd}.rooster-vak{width:100%;height:var(--uur);border:0;border-top:1px solid var(--rand);background:linear-gradient(to bottom, transparent calc(50% - .5px), var(--rand-licht) calc(50% - .5px), var(--rand-licht) calc(50% + .5px), transparent calc(50% + .5px));cursor:pointer;padding:0;display:block;position:absolute;left:0;right:0}.rooster-vak:hover{background-color:var(--info)}.rooster-vak:focus-visible{z-index:2;outline-offset:-2px}.rooster-blok{z-index:1;border:1px solid var(--wit);color:var(--tekst);text-align:left;cursor:pointer;border-radius:6px;flex-direction:column;gap:1px;padding:3px 6px;font-family:inherit;display:flex;position:absolute;overflow:hidden}.rooster-blok:focus-visible{z-index:3;outline-offset:1px}.rooster-blok.soort-vlak-buffer{border:1px dashed var(--tekst-3)}.rooster-blok .blok-titel{font-size:12px;line-height:1.25}.rooster-blok .blok-sub{font-size:11px;line-height:1.25}.rooster-blok .blok-tijd,.rooster-blok .blok-titel,.rooster-blok .blok-sub{white-space:nowrap;text-overflow:ellipsis;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;flex:none;width:100%;overflow:hidden}.rooster-blok-kort{justify-content:center;padding-block:0}.dag-kiezer{gap:4px;margin-bottom:10px;display:flex}.dag-kiezer button{border:1px solid var(--rand-knop);border-radius:var(--radius-item);background:var(--wit);min-width:0;min-height:44px;color:var(--tekst);cursor:pointer;flex:1 1 0;padding:0 2px;font-family:inherit;font-size:13px}.dag-kiezer button[aria-pressed=true]{border-color:var(--tekst);background:var(--tekst);color:var(--wit);font-weight:600}.dag-kiezer .dag-vandaag-knop{font-weight:600}@media (width<=767px){.keuze-klein,.keuze-klein select{flex:auto;min-height:44px}.keuze-klein select{width:100%;font-size:16px}.fase-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.fase-tab{padding:8px 10px}.fase-actie .knop{flex:auto}.opzij-details summary{padding-block:11px}.fase-blok .deadline-tabel thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.fase-blok .deadline-tabel tr{border-bottom:1px solid var(--rand-licht);grid-template-columns:32px repeat(3,auto) minmax(0,1fr);align-items:center;column-gap:10px;padding:8px 0;display:grid}.fase-blok .deadline-tabel td{border-bottom:0;padding:2px 0}.fase-blok .deadline-tabel td:nth-child(2){grid-column:2/-1}.fase-blok .deadline-tabel td:nth-child(3){grid-column:2}.fase-blok .deadline-tabel .deadline-acties{flex-wrap:wrap;grid-column:2/-1;gap:0 16px;display:flex}.rooster{min-width:0;padding:8px 8px 8px 0}}.klant-vraag-plek{margin-bottom:16px}.klant-vraag{flex-direction:column;gap:10px;padding:16px 20px;display:flex}.klant-vraag-rij{align-items:flex-end;gap:10px;display:flex}.klant-vraag-rij .veld{flex:auto;min-width:0}.klant-vraag-uit:empty{display:none}.klant-vraag-antwoord{overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.klant-vraag-antwoord .testdata-label{margin-left:8px}.klant-vraag-bronnen{color:var(--tekst-3);flex-wrap:wrap;gap:4px 14px;margin:8px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.klant-vraag-bronnen a{color:inherit;overflow-wrap:anywhere}@media (width<=767px){.klant-vraag-rij{flex-direction:column;align-items:stretch}.klant-vraag-bronnen a{align-items:center;min-height:44px;display:inline-flex}}.inloggen-logo{max-width:100%;height:auto}.offertes-vanaf{margin:0;font-size:13px}.oude-offerte{flex-wrap:wrap;align-items:flex-end;gap:8px 12px;display:flex}.oude-offerte .veld{flex:200px;min-width:0}