@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}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{flex-direction:column;flex:0 0 248px;height:100dvh;display:flex;position:sticky;top:0;overflow-y:auto}.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}.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}.gebruiker-tekst{line-height:1.3}.gebruiker-tekst span{color:var(--tekst-3)}.inhoud{flex-direction:column;flex:auto;gap:28px;min-width:0;display:flex}.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;font-family:inherit;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){.inhoud{gap:18px}.tabbalk{z-index:5;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{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;text-decoration:underline}.menu-teller{border-radius:var(--radius-pil);margin-left:auto}.tickets-pagina,.ticket-pagina{min-width:0}.filter[aria-pressed=true]{border-color:var(--tekst)}.tickets-leeg{flex-direction:column;align-items:flex-start;gap:12px;margin:0;display:flex}.tickets-leeg p{margin:0}.tickets-tabel td{text-align:left;overflow-wrap:anywhere}.ticket-link{display:block}.ticket-link:hover{text-decoration:underline}.ticket-sub{color:var(--tekst-2);font-size:13px}.te-laat{margin-top:4px;font-size:12px;display:block}.toewijs-knop{gap:6px;font-family:inherit;font-size:12px}.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 button{min-height:40px}.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{padding:18px 20px}.categorieen h2{font-size:16px}.categorie-aantal{font-weight:400}.chip-weg{border-radius:var(--radius-pil);width:28px;height:28px;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}.terug-link{align-self:flex-start;font-size:14px}.stip-in_behandeling,.stip-afgerond{background:var(--groen)}.stip-wacht_op_akkoord{background:#c26a1b}.melding>span{flex:300px}.ticket-raster{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px 24px;display:grid}.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-samenvatting{color:var(--tekst-2)}.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{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-formulier{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.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}.bericht{align-items:flex-start;min-width:0}.bericht-meta strong{color:var(--tekst)}.bericht-tekst{background:var(--blok);border-radius:4px 16px 16px;padding:14px 16px;font-size:14px;line-height:1.6}.bericht-antwoord{align-items:flex-end}.bericht-antwoord .bericht-tekst{background:var(--info);border-radius:16px 4px 16px 16px}.niet-verstuurd{font-weight:600}.alsnog-melding{color:var(--tekst-2);margin:0;font-size:12px}.opsteller{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{flex-wrap:wrap;align-items:center;gap: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}.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;line-height:1.6;display:block}.opsteller textarea:focus{outline:none}.ticket-acties{flex-wrap:wrap;align-items:center}.velden-rijen{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;display:grid}.velden-rijen .veld-rij{grid-column:1/-1}.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,.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;display:block}.cel-status .te-laat{margin:0 0 0 6px;display:inline}.toewijs-menu{max-width:320px;margin-top:4px;right:16px}}@media (width<=767px){.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;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-titel h1{font-size:20px;line-height:1.3}.ticket-meta{order:-1}.terug-link{order:-2;font-size:15px}.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}.ticket-acties .knop{padding:10px 8px}.opsteller-voet .knop{flex:100%}.ticket-notitie-formulier .knop{align-self:stretch}.formulier-acties .knop{flex:auto}}.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-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 input{min-width:0;color:var(--tekst);flex:auto}.klanten-zoek svg{flex:none}.klanten-items{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.klant-item{justify-content:space-between;align-items:center;gap:8px;min-height:56px}.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);align-self:flex-start}.klant-tabs button{cursor:pointer;min-height:36px;font-family:inherit}.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-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-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}.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)}.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}.jouw-dag{flex-direction:column;gap:16px;min-width:0;display:flex}.voor-jou{flex-direction:column;gap:8px;min-width:0;display:flex}.voor-jou .kaart-kop-rij a{font-size:13px}.voor-jou-lijst{flex-direction:column}.voor-jou-lijst li+li{border-top:1px solid var(--rand-licht)}.voor-jou-regel{overflow-wrap:anywhere;justify-content:center;gap:2px}.voor-jou-regel:hover strong{text-decoration:underline}.dag-lijst{flex-direction:column;gap:10px}.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{flex:0 0 96px}.dag-tekst{flex:auto;gap:2px}.dag-knop{flex:none;min-height:36px}.dag-knop-loopt{border:0}.snel-starten h2{margin:0 0 4px;font-size:15px;font-weight:600}.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;min-width:868px;display:grid}.bord-kolom{border-radius:var(--radius-kaart);flex-direction:column;min-width:0;display:flex}.bord-kolom h2,.nog-plannen h2{justify-content:space-between;padding:4px 4px 0;font-weight:600;display:flex}.bord-kolom h2 span,.nog-plannen h2 span{color:var(--tekst-2);font-weight:400}.project-kaart{flex-direction:column;gap:8px;text-decoration:none;display:flex}.project-kaart-hold{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{align-self:flex-start;align-items:center;gap:6px;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{min-width:620px}.deadline-open{font-weight:600}.deadline-klaar{color:var(--tekst-3);text-decoration:line-through}.deadline-datum{white-space:nowrap}.deadline-risico{font-weight:600}.deadline-acties .knop-tekst{white-space:nowrap}.deadline-acties .verwijder-vraag{flex-direction:column;align-items:flex-start;gap:2px}.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-tabs{border-radius:var(--radius-pil)}.week-som{flex-wrap:wrap;align-items:center;gap:16px}.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{flex-direction:column;flex:250px;min-width:0;display:flex}.nog-plannen>p{margin:0}.nog-plannen-item{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.nog-plannen-item strong{font-size:13px}.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}.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>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;display:flex}.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}.voor-jou-regel{min-height:44px}.dag-rij{flex-wrap:wrap}.dag-tijd{flex:100%}.dag-tekst{flex:1 1 0}.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{flex:auto}.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}.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%}}@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-radius:var(--radius-pil);white-space:nowrap;margin-left:6px;display:inline-block}.beheer-kop{flex-direction:column}.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)}.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)}.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-zoek input{border-radius:var(--radius-pil);color:var(--tekst)}.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){.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 h2{display:block}.eigenaar-plek{flex:none;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{margin:0}.fase-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.fase-tab{min-height:44px;color:var(--tekst);text-align:left;cursor:pointer;flex-direction:column;gap:2px;font-family:inherit;display:flex}.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-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}.rooster{grid-template-columns:48px repeat(var(--dagen), minmax(0, 1fr));min-width:calc(48px + var(--dagen) * 100px);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%}.fase-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.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{grid-template-columns:32px repeat(3,auto) minmax(0,1fr);align-items:center;column-gap:10px}.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}.rooster{min-width: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}.controle{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.controle-kop{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.controle-kop h2{margin:0;font-size:18px;font-weight:600}.controle-lijst{margin:0;padding:0;list-style:none}.controle-lijst li{border-bottom:1px solid var(--rand-licht);grid-template-columns:minmax(140px,220px) 1fr;gap:4px 16px;padding:14px 0;font-size:14px;display:grid}.controle-stand{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:inline-flex}.controle-stip-rood{background:var(--rood)}.controle-melding{color:var(--rood);grid-column:2;font-size:12px}@media (width<=767px){.controle-lijst li{grid-template-columns:1fr}.controle-melding{grid-column:1}}:root{--vlak:#f3f0ec;--ballon-klant:#f6f4f1;--ballon-wij:#e3e9f6;--stip-wacht:#c8bfb0;--stip-gepland:#6c8acf}h1,.pagina-kop h1{font-size:26px;font-weight:600;line-height:1.2}h2{margin:0;font-size:16px;font-weight:600}.kaart{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.ticket-pagina .kaart,.project-pagina .kaart,.klanten-inhoud .kaart{background:var(--wit);border:1px solid var(--rand);border-radius:var(--radius-kaart);padding:24px}.zijbalk{background:var(--zijbalk);gap:28px;width:232px;padding:32px 18px}.zijbalk-merk{align-items:center;gap:12px;padding:0;font-size:16px;font-weight:600;display:flex}.zijbalk-menu{flex-direction:column;gap:2px;display:flex}.zijbalk .menu-item{border-radius:var(--radius-item);min-height:0;color:var(--tekst);background:0 0;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:14px;font-weight:400;text-decoration:none;display:flex}.zijbalk .menu-item:hover{color:var(--groen)}.zijbalk .menu-item[aria-current=page]{background:var(--wit);color:var(--tekst);font-weight:600}.menu-teller{color:var(--tekst-3);background:0 0;min-width:0;height:auto;padding:0;font-size:12px;font-weight:400}.zijbalk-onder{flex-direction:column;gap:8px;margin-top:auto;display:flex}.gebruiker{border:0;padding:8px 12px 0}.gebruiker-tekst{color:var(--tekst-2);flex-direction:column;font-size:12px;display:flex}.zijbalk-onder .knop-link{color:var(--tekst-2);align-self:flex-start;padding:0 12px;font-size:12px}.inhoud{padding:32px 40px 104px}.vandaag-pagina,.tickets-pagina,.projecten-pagina,.planning-pagina,.uren-pagina,.klanten-pagina,.beheer-pagina{flex-direction:column;gap:24px;max-width:none;display:flex}.pagina-kop-rij,.tickets-kop,.projecten-kop,.planning-kop,.uren-kop,.klanten-kop,.beheer-kop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0;display:flex}.pagina-kop{flex-direction:column;gap:4px;margin:0;display:flex}.pagina-datum{color:var(--tekst-3);font-size:13px}.tickets-kop-acties{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tickets-zoek,.klanten-zoek{background:var(--zijbalk);border-radius:var(--radius-pil);border:0;align-items:center;gap:8px;width:auto;margin:0;padding:9px 16px;display:flex}.tickets-zoek input,.klanten-zoek input{font:inherit;background:0 0;border:0;outline:none;width:180px;min-height:0;padding:0;font-size:14px}.tickets-zoek:focus-within,.klanten-zoek:focus-within{outline:2px solid var(--focus);outline-offset:2px}.knop{padding:10px 18px;font-size:14px}.tickets-bediening{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin:0;display:flex}.filters{background:0 0;flex-wrap:wrap;align-items:center;gap:4px;padding:0;display:flex}.filter,.planning-tabs button,.keuze-klein select{border-radius:var(--radius-pil);font:inherit;color:var(--tekst-3);cursor:pointer;min-height:0;box-shadow:none;background:0 0;border:0;padding:6px 12px;font-size:13px;font-weight:400}.filter:hover,.planning-tabs button:hover{color:var(--tekst);background:0 0}.filter[aria-pressed=true],.filter[aria-expanded=true],.planning-tabs button[aria-selected=true]{background:var(--zijbalk);color:var(--tekst);box-shadow:none;font-weight:600}.planning-tabs{background:0 0;border:0;gap:4px;padding:0;display:flex}.cijfers{flex-wrap:wrap;gap:12px;display:flex}.cijfer{background:var(--zijbalk);border-radius:var(--radius-item);color:var(--tekst);align-items:baseline;gap:10px;padding:12px 16px;text-decoration:none;display:inline-flex}.cijfer-getal{font-size:20px;font-weight:600;line-height:1.2}.cijfer-rood{color:var(--rood)}.cijfer-label{font-size:13px}.tickets-tabel-kaart{background:0 0;border:0;border-radius:0;padding:0;overflow:visible}.tickets-tabel{border-collapse:collapse;table-layout:fixed;width:100%}.tickets-tabel th,.deadline-tabel th{text-align:left;color:var(--tekst-3);border-bottom:1px solid var(--rand);white-space:nowrap;text-transform:none;letter-spacing:0;background:0 0;width:auto;padding:0 16px 12px;font-size:12px;font-weight:400}.tickets-tabel td,.deadline-tabel td{vertical-align:middle;border-bottom:1px solid var(--rand-licht);background:0 0;padding:20px 16px;font-size:14px}.tickets-tabel th:first-child,.tickets-tabel td:first-child{padding-left:0}.kolom-klant{width:26%}.kolom-status{width:19%}.kolom-eigenaar{width:15%}@media (width>=768px){.tickets-tabel{display:table}.tickets-tabel thead{clip-path:none;width:auto;height:auto;display:table-header-group;position:static;overflow:visible}.tickets-tabel tbody{display:table-row-group}.tickets-tabel .ticket-rij{padding:0;display:table-row}.tickets-tabel .ticket-rij td{border-bottom:1px solid var(--rand-licht);width:auto;padding:20px 16px;display:table-cell}.tickets-tabel .ticket-rij td:first-child{padding-left:0}.cel-eigenaar{position:relative}.tickets-tabel .toewijs-menu{max-width:none;margin:0;top:38px;left:0;right:auto}}@media (width>=768px) and (width<=1179px){.tickets-tabel .toewijs-menu{left:auto;right:0}}.ticket-rij{position:relative}.ticket-rij:hover td{background:0 0}.ticket-link{color:var(--tekst);overflow-wrap:break-word;font-weight:400;text-decoration:none}.ticket-link:after{content:"";position:absolute;inset:0}.ticket-rij:hover .ticket-link{color:var(--groen)}.klant-link,.cel-eigenaar .toewijs-knop{z-index:1;position:relative}.klant-persoon{overflow-wrap:anywhere;font-weight:600;display:block}.klant-bedrijf{color:var(--tekst-2);font-size:13px;display:block}.klant-bedrijf.klant-enkel{color:var(--tekst);font-size:14px;font-weight:600}.klant-link{color:inherit;text-decoration:none}.klant-link:hover{text-decoration:underline}.tickets-leeg{text-align:left;color:var(--tekst-3);padding:32px 0}.status-tekst{color:var(--tekst);background:0 0;align-items:center;gap:8px;padding:0;font-size:13px;display:inline-flex}.status-te-laat{color:var(--rood)}.status-stip{border-radius:var(--radius-pil);background:var(--stip-wacht);flex:none;width:8px;height:8px;display:inline-block}.stip-nieuw,.stip-toegewezen{background:var(--hoofdknop)}.stip-ingepland{background:var(--stip-gepland)}.stip-open{background:#b86e00}.stip-in_behandeling{background:var(--groen)}.stip-te-laat{background:var(--rood)}.status-datum{color:var(--tekst-3);margin-top:4px;font-size:12px;display:block}.cel-status .status-datum{padding-left:16px}.tekst-rood,.te-laat{color:var(--rood);background:0 0;padding:0;font-weight:400}.eigenaar-naam{background:var(--info);border-radius:var(--radius-pil);white-space:nowrap;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-size:13px;font-weight:400;display:inline-flex}.eigenaar-initiaal,.eigenaar-rondje{border-radius:var(--radius-pil);background:var(--info-rand);width:24px;height:24px;color:var(--tekst);justify-content:center;align-items:center;font-size:11px;font-weight:400;display:inline-flex}.toewijs-knop{border-radius:var(--radius-pil);background:var(--hoofdknop);width:32px;height:32px;min-height:0;color:var(--wit);cursor:pointer;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.toewijs-knop:hover{color:var(--wit);background:#155fb8}.cel-eigenaar{position:relative}.toewijs-plek{display:inline-block;position:relative}.toewijs-menu{z-index:5;background:var(--wit);border-radius:var(--radius-item);border:0;flex-direction:column;min-width:150px;padding:6px;display:flex;position:absolute;top:38px;left:0;box-shadow:0 4px 16px #18171c1f}.toewijs-menu button{font:inherit;text-align:left;background:var(--wit);color:var(--tekst);cursor:pointer;border:0;border-radius:4px;padding:9px 12px;font-size:14px}.toewijs-menu button:hover,.toewijs-menu button:focus-visible{background:var(--ballon-klant)}.hold-pil{background:var(--zijbalk);color:var(--tekst);border-radius:4px;padding:2px 10px;font-size:12px;font-weight:600}.categorieen{border-bottom:1px solid var(--rand);flex-direction:column;gap:12px;padding-bottom:16px;display:flex}.categorie-lijst{flex-wrap:wrap;gap:4px 20px;margin:0;padding:0;list-style:none;display:flex}.categorie-rij{align-items:center;gap:6px;font-size:13px;display:inline-flex}.categorie-aantal{color:var(--tekst-3);background:0 0;padding:0;font-size:12px}.chip-weg{color:var(--tekst-3);cursor:pointer;background:0 0;border:0;padding:0 4px}.melding,.melding-gelukt,.melding-let-op,.timer-regel,.uren-voorstel{background:var(--zijbalk);border-radius:var(--radius-item);color:var(--tekst);border:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:12px 16px;font-size:14px;display:flex}.knop-tekst{font-size:13px}.rust-blok{flex-direction:column;display:flex}.rust-blok-kop{border-bottom:1px solid var(--rand);justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:12px;display:flex}.rust-blok-kop a{color:var(--tekst-3);font-size:13px}.rust-blok>.hulptekst{margin:0;padding:20px 0}.dag-lijst,.voor-jou-lijst{margin:0;padding:0;list-style:none;display:block}.dag-rij{border:0;border-bottom:1px solid var(--rand-licht);background:0 0;border-radius:0;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px 0;display:grid}.dag-tijd{color:var(--tekst-3);font-size:13px}.dag-tekst{flex-direction:column;min-width:0;display:flex}.dag-tekst strong{font-weight:600}.dag-tekst span{color:var(--tekst-2);font-size:13px}.dag-rij-klaar strong,.dag-rij-klaar .dag-tekst span{color:var(--tekst-3);font-weight:400}.dag-rij-loopt{background:0 0}.dag-knop{font:inherit;border-radius:var(--radius-pil);color:var(--tekst);cursor:pointer;background:0 0;border:0;padding:6px 14px;font-size:13px;text-decoration:underline}.dag-knop-loopt{background:var(--zijbalk);color:var(--tekst);font-weight:600;text-decoration:none}.voor-jou-lijst li{border-bottom:1px solid var(--rand-licht)}.voor-jou-regel{background:0 0;border:0;border-radius:0;flex-direction:column;padding:20px 0;text-decoration:none;display:flex}.voor-jou-sub{color:var(--tekst-2);font-size:13px}.ticket-pagina{flex-direction:column;gap:24px;display:flex}.ticket-kop{flex-direction:column;gap:10px;display:flex}.ticket-titel{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ticket-meta{color:var(--tekst-2);margin:0;font-size:14px}@media (width>=1180px){.ticket-raster{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px;display:grid}}.ticket-links,.ticket-opzij{flex-direction:column;gap:16px;min-width:0;display:flex}.ticket-pagina .kaart{flex-direction:column;gap:16px;display:flex}.ticket-samenvatting{background:var(--ballon-klant);border-radius:var(--radius-kaart);border:0;margin:0;padding:16px;font-size:14px;line-height:1.6}.berichten{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.bericht{background:var(--wit);border:1px solid var(--rand);border-radius:16px 16px 16px 4px;flex-direction:column;align-self:flex-start;gap:2px;max-width:75%;padding:10px 14px;font-size:14px;line-height:1.5;display:flex}.bericht-antwoord{background:var(--info);border-color:var(--info-rand);border-radius:16px 16px 4px;align-self:flex-end}.bericht-klant .bericht-meta strong{color:var(--tekst);font-weight:600}.ticket-hoofd,.ticket-pagina .ticket-hoofd{gap:8px}.ticket-hoofd .ticket-titel h1{margin:0;font-size:26px;line-height:1.25}.ticket-van{color:var(--tekst-2);overflow-wrap:anywhere;margin:4px 0 0;font-size:14px}.ticket-van strong{color:var(--tekst);font-weight:600}.ticket-van-label{color:var(--tekst-3)}.ticket-bron{color:var(--tekst-3);margin:0;font-size:12px}.ticket-lijn{border:0;border-top:1px solid var(--rand-licht);margin:8px 0}.ticket-vraag{white-space:pre-wrap;overflow-wrap:anywhere;max-width:720px;margin:0;font-size:15px;line-height:1.7}.bijlage-lijst{flex-wrap:wrap;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.bijlage-knop{background:var(--zijbalk);min-height:32px;color:var(--tekst);overflow-wrap:anywhere;border-radius:900px;align-items:center;padding:4px 12px;font-size:13px;text-decoration:none;display:inline-flex}.bijlage-knop:hover{background:var(--rand)}.bijlage-extra{color:var(--tekst-3);white-space:pre}.bijlage-weg{border:1px dashed var(--rand);min-height:32px;color:var(--tekst-3);border-radius:900px;align-items:center;padding:4px 12px;font-size:13px;display:inline-flex}.klant-gekoppeld{margin:0;font-size:15px;font-weight:600}.klant-niet-gekoppeld,.klant-website,.klant-suggestie{margin:0;font-size:14px}.klant-suggestie{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.bericht-meta{color:var(--tekst-3);font-size:12px}.bericht-meta strong{font-weight:400}.bericht-tekst{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.niet-verstuurd{color:var(--tekst-3);background:0 0;padding:0;font-size:12px}.niet-verstuurd-rij{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.knop-rustig{font:inherit;color:var(--tekst-2);cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:13px;text-decoration:underline}.knop-rustig:hover{color:var(--groen)}.opsteller{border:1px solid var(--rand);border-radius:var(--radius-item);background:var(--wit)}.opsteller-tabs button{font-size:13px}.opsteller textarea{font-size:14px}.opsteller-voet{background:0 0;border:0;padding:4px 12px 8px}.ticket-acties{justify-content:flex-end;gap:8px;display:flex}.ticket-notitie{border:0;border-bottom:1px solid var(--rand-licht);background:0 0;border-radius:0;padding:0 0 10px}.ticket-opzij .velden-rijen{flex-direction:column;gap:12px;display:flex}@media (width>=768px){.ticket-opzij .veld-rij{flex-direction:column;gap:4px;font-size:13px;display:flex}}.ticket-contact{flex-direction:column;margin:0;font-size:14px;display:flex}.ticket-contact span{color:var(--tekst-2);overflow-wrap:anywhere;font-size:13px}.ticket-tijdlijn ol{flex-direction:column;gap:8px;margin:0;padding:0 0 0 18px;font-size:13px;line-height:1.5;display:flex}.bord{gap:16px}.bord-kolom{background:0 0;border:0;gap:10px;padding:0}.bord-kolom h2{color:var(--tekst-3);border-bottom:1px solid var(--rand);margin:0;padding:0 0 12px;font-size:12px;font-weight:400}.project-kaart{background:var(--wit);border:1px solid var(--rand);box-shadow:none;border-radius:12px;padding:14px}.project-kaart-hold{background:var(--wit);opacity:1}.project-klant{color:var(--tekst-2);font-size:13px}.project-probleem{color:var(--rood);background:0 0;padding:0;font-size:12px;font-weight:400}.koppeling-pil{color:var(--tekst);background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:13px;font-weight:400;display:inline-flex}.koppeling-pil:before{content:"";border-radius:var(--radius-pil);background:var(--stip-wacht);width:8px;height:8px}.koppeling-verbonden:before{background:var(--groen)}.koppeling-fout:before{background:var(--rood)}.deadline-tabel{border-collapse:collapse;width:100%}.deadline-tabel th:first-child,.deadline-tabel td:first-child{padding-left:0}.deadline-wat-cel{align-items:flex-start;gap:10px;display:flex}.deadline-risico{color:var(--rood)}.jouw-dag,.voor-jou{flex:none;height:auto;min-height:0}.pagina-kop{text-align:left;align-items:flex-start}.tickets-zoek,.klanten-zoek{flex:none;min-width:0;max-width:none}.klanten-zoek input{width:200px}.tickets-kop-acties{flex-wrap:nowrap}.ticket-pagina .kaart h2,.project-pagina .kaart h2,.klanten-inhoud .kaart h2{font-size:18px}.ticket-pagina .bericht-tekst,.ticket-notitie .bericht-tekst{background:0 0;border:0;border-radius:0;padding:0}.zijbalk-onder .knop-link{text-align:left;width:100%;margin:0}.klant-tabs{background:0 0;border:0;flex-wrap:wrap;gap:4px;width:auto;padding:0;display:flex}.klant-tabs button{border-radius:var(--radius-pil);color:var(--tekst-3);box-shadow:none;background:0 0;border:0;padding:6px 12px;font-size:13px;font-weight:400}.klant-tabs button[aria-selected=true]{background:var(--zijbalk);color:var(--tekst);box-shadow:none;font-weight:600}.fase-tab{border:0;border-bottom:1px solid var(--rand);box-shadow:none;outline-offset:0;background:0 0;border-radius:0;padding:8px 0 12px;font-size:14px;font-weight:400}.fase-tab span{color:var(--tekst-3);font-size:12px;font-weight:400}.fase-tab[aria-selected=true]{border:0;border-bottom:2px solid var(--hoofdknop);box-shadow:none;background:0 0;font-weight:600}.fase-huidig span{color:var(--tekst)}.klant-item{border:0;border-bottom:1px solid var(--rand-licht);box-shadow:none;background:0 0;border-radius:0;padding:16px 12px;text-decoration:none;display:block}.klant-item:hover{background:0 0}.klant-item.active{background:var(--zijbalk);border:0;border-bottom:1px solid var(--rand-licht);border-radius:var(--radius-item)}.klanten-items{gap:0}.planning-pagina{position:relative}.week-toevoegen{position:absolute;top:0;right:0}.week-som{background:0 0;justify-content:flex-start;margin:0;padding:0;display:flex}.week-rol,.rooster{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.nog-plannen{background:0 0;border:0;border-radius:0;gap:0;padding:0}.nog-plannen h2{border-bottom:1px solid var(--rand);margin:0;padding-bottom:12px;font-size:16px}.nog-plannen-item{border:0;border-bottom:1px solid var(--rand-licht);box-shadow:none;background:0 0;border-radius:0;margin:0;padding:16px 0}.nog-plannen-item>span{color:var(--tekst-2);font-size:13px}.team-ruimte-over{color:var(--rood);font-weight:400}.uit-planning{background:0 0}.uren-regel{border-bottom:1px solid var(--rand-licht);padding:20px 0}.testdata-label{color:var(--tekst-3);background:0 0;border:0;padding:0;font-size:12px;font-weight:400}.team-status{color:var(--tekst);background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:13px;font-weight:400;display:inline-flex}.team-status:before{content:"";border-radius:var(--radius-pil);background:var(--stip-wacht);width:8px;height:8px}.team-status-uitgenodigd:before{background:var(--hoofdknop)}.deadline-acties{white-space:nowrap;text-align:right}.deadline-acties .knop-tekst+*{margin-left:12px}.beheer-kop{align-items:flex-start}.inhoud h1{font-size:26px}.nog-plannen h2{padding-left:0}.deadline-acties .knop-tekst,.deadline-acties .verwijder-vraag{vertical-align:middle;display:inline-flex}.meer-lijst .menu-item{border-bottom:1px solid var(--rand-licht);background:0 0;border-radius:0;align-items:center;min-height:52px;padding:0;text-decoration:none;display:flex}.ticket-oplossing{margin:0;font-size:14px}.inplan-bericht{border-top:1px solid var(--rand-licht);flex-direction:column;align-items:flex-start;gap:8px;padding-top:12px;display:flex}.inplan-bericht .veld{width:100%;font-size:13px}.termijn-regel{margin:0;font-size:12px}.wachtdienst-regel{background:var(--zijbalk);border-radius:var(--radius-item);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:0;padding:8px 12px;font-size:13px;display:flex}.toewijs-plek-rechts .toewijs-menu{left:auto;right:0}.gebruiker{border-radius:var(--radius-item);text-decoration:none;display:block}.ticket-notitie-formulier,.ticket-notitie-formulier .veld,.ticket-notitie-formulier .invoer{width:100%}.profiel-pagina,.ticketregels{flex-direction:column;gap:32px;display:flex}.profiel-rij{flex-direction:column;align-items:flex-start;gap:8px;padding:20px 0;display:flex}.profiel-rij .hulptekst{max-width:640px;margin:0}.termijn-uitleg{margin:0;padding:16px 0 4px}.termijn-rij{border-bottom:1px solid var(--rand-licht);grid-template-columns:120px minmax(0,1fr);align-items:center;gap:8px 16px;padding:20px 0;display:grid}.termijn-velden{flex-wrap:wrap;gap:12px 32px;display:flex}.termijn-invoer{gap:8px;margin-top:4px;display:flex}.termijn-invoer input{width:76px}.termijn-invoer select{width:170px}.termijn-voet{justify-content:flex-end;align-items:center;gap:12px;padding-top:16px;display:flex}.taken-pagina{flex-direction:column;gap:24px;display:flex}.taak-snel-veld{width:100%;max-width:640px}.taak-snel-veld input{width:100%}.taken-lijst{margin:0;padding:0;list-style:none}.taak-regel{border-bottom:1px solid var(--rand-licht);align-items:center;gap:12px;padding:14px 0;display:flex}.taak-vinkje{flex:none;min-height:0}.taak-tekst{flex-direction:column;flex:auto;min-width:0;display:flex}.taak-titel{overflow-wrap:anywhere}.taak-af .taak-titel{color:var(--tekst-3);text-decoration:line-through}.taak-sub{color:var(--tekst-3);font-size:12px}.taak-sub a{color:inherit}.toewijs-menu-rechts{left:auto;right:0}.taken-af summary{cursor:pointer;padding:12px 0;font-weight:600}.taken-leeg{margin:0;padding:14px 0}.taken-kop{margin-top:16px}.taken-kop h3{margin:0;font-size:14px}.weekly-pagina,.weekly-wizard{flex-direction:column;gap:24px;display:flex}.weekly-voortgang{border-radius:var(--radius-pil);background:var(--rand);height:4px;overflow:hidden}.weekly-voortgang span{background:var(--hoofdknop);height:100%;transition:width .2s;display:block}.weekly-stappen{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.weekly-inhoud{flex-direction:column;gap:12px;padding-top:16px;display:flex}.weekly-rij{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.weekly-breed{flex:260px}.weekly-knoppen{flex-wrap:wrap;align-items:center;gap:4px 16px;display:inline-flex}.weekly-keuze{flex-wrap:wrap}.weekly-navigatie{justify-content:space-between;gap:12px;display:flex}.weekly-overzicht{gap:12px;margin:0;display:grid}.weekly-overzicht dt{color:var(--tekst-3);font-size:12px}.weekly-overzicht dd{margin:0}.weekly-wie{border-bottom:1px solid var(--rand-licht);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:14px 0;display:flex}.status-nog{color:var(--tekst-3)}.stip-wacht{background:var(--stip-wacht)}.weekly-presentatie{z-index:40;background:var(--achtergrond);flex-direction:column;gap:16px;padding:24px 40px 32px;display:flex;position:fixed;inset:0;overflow-y:auto}.weekly-balk{justify-content:space-between;align-items:center;display:flex}.weekly-slide{flex-direction:column;flex:auto;gap:24px;width:100%;max-width:1100px;margin:0 auto;display:flex}.weekly-slide h1{font-size:32px}.weekly-slide-inhoud{flex-direction:column;flex:auto;gap:16px;display:flex}.weekly-presentatie .weekly-navigatie{width:100%;max-width:1100px;margin:0 auto}.weekly-kolommen{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;display:grid}.weekly-kolom h3,.weekly-groep h3{color:var(--tekst-3);margin:16px 0 4px;font-size:14px;font-weight:400}.weekly-vragen{margin:0;padding:0;list-style:none}.weekly-notitie textarea{width:100%}.invoer-klein{min-height:0;padding:6px 10px;font-size:13px}.klant-contact{flex-direction:column;gap:16px;display:flex}.klant-contact-velden{flex-direction:column;gap:12px;padding:12px;display:flex}.klant-contact-uitleg{margin:0;padding:12px}.klant-tijdlijn{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.klant-contact-onderwerp{font-size:13px}.koppeling-formulier .hulptekst,.koppeling-tekst,.detail-feiten dd{overflow-wrap:anywhere}.whatsapp-opsteller{flex-direction:column;gap:10px;padding:12px;display:flex}.whatsapp-opsteller textarea{width:100%}.whatsapp-voorbeeld{border-radius:var(--radius-item);background:var(--ballon-klant);white-space:pre-wrap;margin:0;padding:10px 14px;font-size:13px}.bericht-bijlagen{flex-wrap:wrap;gap:4px 12px;font-size:13px;display:flex}@media (width<=767px){h1,.pagina-kop h1,.inhoud h1{font-size:24px}.inhoud{padding:32px 20px calc(96px + env(safe-area-inset-bottom))}.shell-ticket .inhoud{padding:16px 20px 24px}.zijbalk{display:none}.tabbalk{background:var(--achtergrond);border-top:1px solid var(--rand-licht);padding:8px 8px calc(8px + env(safe-area-inset-bottom));grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.tab{min-height:44px;font-size:11px}.tickets-kop-acties{display:contents}.tickets-zoek,.klanten-zoek{flex:100%;order:3;min-height:44px;padding:0 16px}.tickets-zoek input,.klanten-zoek input{width:100%;min-height:44px}.tickets-bediening{scrollbar-width:none;flex-wrap:nowrap;margin:0 -20px;padding:0 20px;overflow-x:auto}.filters{flex-wrap:nowrap}.filter,.planning-tabs button,.keuze-klein select,.knop,.knop-tekst,.knop-rustig,.dag-knop{white-space:nowrap;min-height:44px}.bijlage-knop,.klant-naam-link,.klant-website a{align-items:center;min-height:44px;display:inline-flex}.cijfers{gap:8px}.cijfer{align-items:center;gap:6px;min-height:44px;padding:8px 12px}.cijfer-getal{font-size:15px}.regel .ticket-link:after{display:none}.rust-blok-kop a,.klantkaart-link,.terug-link{align-items:center;min-height:44px;display:inline-flex}.regels{margin:0;padding:0;list-style:none}.regel.ticket-rij{border:0;border-bottom:1px solid var(--rand-licht);box-shadow:none;text-align:left;background:0 0;border-radius:0;flex-flow:row;align-items:center;gap:14px;margin:0;padding:0;display:flex;position:relative}.regel-link.ticket-link{text-align:left;flex-direction:column;flex:1 1 0;justify-content:flex-start;align-items:stretch;gap:3px;min-width:0;padding:16px 0;text-decoration:none;display:flex}.regel-naam{font-size:15px;font-weight:600}.regel-sub{color:var(--tekst-2);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.regel-status .status-tekst{color:var(--tekst-3);gap:6px;font-size:12px}.regel-status .status-te-laat{color:var(--rood)}.regel-status .status-stip{width:7px;height:7px}.regel-actie{flex:none;position:relative}.toewijs-knop{width:44px;height:44px}.regel-actie .toewijs-menu{z-index:5;width:240px;position:absolute;inset:50px 0 auto auto}.toewijs-menu button{min-height:44px}.dag-rij{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:16px 0}.dag-tijd{grid-column:1;font-size:12px}.dag-tekst{grid-column:1}.dag-rij .dag-knop{grid-area:1/2/span 2}.voor-jou-regel{padding:16px 0}.deadline-tabel,.deadline-tabel tbody,.deadline-tabel tr,.deadline-tabel td{display:block}.deadline-tabel thead{display:none}.deadline-tabel tr{border-bottom:1px solid var(--rand-licht);padding:12px 0}.deadline-tabel td{border:0;padding:2px 0}.ticket-raster{flex-direction:column;gap:16px;display:flex}.ticket-links,.ticket-opzij{display:contents}.ticket-hoofd{order:0}.ticket-gegevens{order:1}.ticket-gesprek{order:2}.ticket-klant{order:3}.ticket-notities{order:4}.ticket-uren{order:5}.ticket-tijdlijn{order:6}.ticket-pagina .kaart,.project-pagina .kaart,.klanten-inhoud .kaart{border:0;border-bottom:1px solid var(--rand-licht);background:0 0;border-radius:0;padding:0 0 16px}.ticket-acties .knop{flex:1 1 0}.bericht{max-width:90%}.termijn-rij{grid-template-columns:minmax(0,1fr)}.taak-vinkje,.taken-af summary{min-height:44px}.weekly-presentatie{padding:16px 20px 24px}.weekly-slide h1{font-size:24px}.invoer-klein,.gebruiker{min-height:44px}.klant-contact-uitleg a{align-items:center;min-height:44px;display:inline-flex}.planning-pagina .week-toevoegen{width:auto;top:0}.klanten-kop .knop,.tickets-kop .knop,.projecten-kop .knop{flex:none;width:auto}.tickets-bediening:has(.week-kiezer){flex-wrap:wrap;margin:0;padding:0;overflow:visible}.tickets-bediening .week-kiezer{flex:100%;justify-content:space-between}.fase-blok .deadline-tabel tr{border-bottom:1px solid var(--rand-licht);padding:12px 0;display:block;position:static}.fase-blok .deadline-tabel td,.fase-blok .deadline-tabel td:nth-child(2),.fase-blok .deadline-tabel td:nth-child(3),.fase-blok .deadline-tabel .deadline-acties{border:0;width:auto;margin:0;padding:2px 0 2px 54px;display:block;position:static}.fase-blok .deadline-tabel td:first-child{padding-left:0}.uren-regel{grid-template-columns:44px minmax(0,1fr);align-items:start;gap:2px 12px;padding:16px 0;display:grid}.uren-regel .uren-soort,.uren-regel .uren-acties{grid-column:2;font-size:12px}.deadline-acties{text-align:left}.fase-tabs{gap:12px}}.snelle-taak-plek{background:var(--zijbalk);border-radius:var(--radius-item);max-width:720px;margin-bottom:24px;padding:20px}.snelle-taak{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);align-items:start;gap:12px 16px;display:grid}.snelle-taak-titel{grid-column:1/-1}.snelle-taak-wanneer,.snelle-taak-tijd{flex-direction:column;gap:6px;display:flex}.snelle-taak-tijd .vinkje{min-height:32px}.snelle-keuzes{flex-wrap:wrap;gap:4px;display:flex}.snelle-taak-knoppen{grid-column:1/-1;justify-content:flex-end;gap:12px;display:flex}.snelle-taak-status{grid-column:1/-1;margin:0}.plus-plek{z-index:30;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:28px;right:28px}.plus-knop{background:var(--hoofdknop);width:56px;height:56px;color:var(--wit);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;transition:transform .15s;display:grid;box-shadow:0 4px 14px #18171c2e}.plus-knop[aria-expanded=true] svg{transform:rotate(45deg)}.plus-knop svg{transition:transform .15s}.plus-knop:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.plus-menu{background:var(--wit);border-radius:var(--radius-item);flex-direction:column;min-width:170px;padding:6px;display:flex;box-shadow:0 4px 16px #18171c24}.plus-menu button{font:inherit;text-align:left;background:var(--wit);min-height:44px;color:var(--tekst);cursor:pointer;border:0;border-radius:4px;padding:0 14px;font-size:15px}.plus-menu button:hover,.plus-menu button:focus-visible{background:var(--ballon-klant)}.plus-menu button:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.plus-dialoog{border-radius:var(--radius-kaart);background:var(--achtergrond);width:min(560px,100vw - 32px);color:var(--tekst);border:0;padding:24px;box-shadow:0 12px 40px #18171c33}.plus-dialoog::backdrop{background:#18171c4d}.plus-dialoog h2{margin:0 0 16px;font-size:18px}.plus-dialoog .snelle-taak{grid-template-columns:minmax(0,1fr)}@media (prefers-reduced-motion:reduce){.plus-knop,.plus-knop svg{transition:none}}@media (width<=767px){.snelle-taak{grid-template-columns:minmax(0,1fr)}.snelle-taak-knoppen .knop{flex:1}.plus-plek{right:16px;bottom:calc(76px + env(safe-area-inset-bottom))}.shell-ticket .plus-plek{display:none}}.push-stappen p{margin:0 0 8px}.push-stappen ol{margin:0;padding-left:22px;line-height:1.7}.push-test{flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px;display:flex}.weekly-nu{flex-direction:column;gap:16px;display:flex}.weekly-moment{flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin:0;font-size:18px;font-weight:600;display:flex}.weekly-moment .knop-rustig{font-weight:400}.weekly-actie{flex-wrap:wrap;align-items:center;gap:12px 20px;margin:0;display:flex}.weekly-personen,.weekly-archief-lijst,.weekly-regels,.plus-lijst,.slide-lijst{margin:0;padding:0;list-style:none}.weekly-personen li{border-bottom:1px solid var(--rand-licht);justify-content:space-between;gap:16px;max-width:420px;padding:10px 0;display:flex}.weekly-archief h2,.weekly-lees h2{margin:0 0 4px;font-size:16px}.weekly-archief-regel{border-bottom:1px solid var(--rand-licht);color:inherit;flex-direction:column;gap:2px;padding:16px 0;text-decoration:none;display:flex}.weekly-archief-regel:hover strong{text-decoration:underline}.weekly-lees section{flex-direction:column;gap:4px;display:flex}.weekly-lees-regel{border-bottom:1px solid var(--rand-licht);flex-direction:column;gap:2px;padding:12px 0;display:flex}.weekly-lees-tekst{white-space:pre-wrap;color:var(--tekst-2)}.weekly-verzet{background:var(--zijbalk);border-radius:var(--radius-item);flex-wrap:wrap;align-items:flex-end;gap:12px 16px;max-width:640px;padding:16px;display:flex}.weekly-verzet-knoppen,.weekly-vandaag{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.weekly-tijd-velden{flex-wrap:wrap;align-items:flex-end;gap:12px 16px;padding-top:12px;display:flex}.knop-plus{min-height:36px;color:var(--hoofdknop);font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0 4px;font-size:14px;font-weight:600}.knop-plus:hover{text-decoration:underline}.knop-plus:focus-visible,.kruisje:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}.regel-met-kruisje{align-items:center;gap:8px 12px;display:flex;position:relative}.kruisje{width:32px;height:32px;color:var(--tekst-3);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin-left:auto;padding:0;font-size:20px;line-height:1;display:grid}.kruisje:hover{background:var(--zijbalk);color:var(--tekst)}@media (hover:hover) and (width>=768px){.regel-met-kruisje .kruisje{opacity:0}.regel-met-kruisje:hover .kruisje,.regel-met-kruisje:focus-within .kruisje{opacity:1}}.plus-veld input{width:100%;max-width:520px}.plus-regel{padding:6px 0}.plus-regel-tekst{flex:auto;min-width:0}.plus-regel-tekst input{width:100%}.weekly-leeg-regel{background:var(--zijbalk);border-radius:var(--radius-item);margin:0;padding:12px 16px}.taak-af{color:var(--tekst-3);text-decoration:line-through}.weekly-dagkeuze{margin:0;padding:0;list-style:none}.weekly-dagkeuze li{border-bottom:1px solid var(--rand-licht);flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 0;display:flex}.weekly-dagnaam{text-transform:capitalize;width:96px}.keuzeknoppen{flex-wrap:wrap;gap:4px;display:inline-flex}.keuzeknop{position:relative}.keuzeknop input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.keuzeknop span{border-radius:var(--radius-pil);min-height:36px;color:var(--tekst-2);cursor:pointer;align-items:center;padding:0 14px;font-size:14px;display:inline-flex}.keuzeknop input:checked+span{background:var(--zijbalk);color:var(--tekst);font-weight:600}.keuzeknop input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px}.weekly-klaar{flex-direction:column;gap:16px;display:flex}.weekly-klaar-kop{align-items:center;gap:16px;display:flex}.weekly-klaar-kop p{margin:0}.klaar-cirkel{fill:none;stroke:var(--groen);stroke-width:3px}.klaar-vol{fill:var(--groen)}.klaar-vink{fill:none;stroke:var(--groen);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:0}.klaar-wit{stroke:var(--wit)}.weekly-klaar-bewaard .klaar-vink{animation:.5s ease-out both vink-tekenen}@keyframes vink-tekenen{0%{stroke-dashoffset:40px}}.weekly-overzicht ol{margin:0;padding-left:20px}.weekly-slides-beheer summary{cursor:pointer;align-items:center;min-height:44px;font-weight:600;display:flex}.vaste-slides{flex-direction:column;gap:12px;padding-top:8px;display:flex}.slide-regel{border-bottom:1px solid var(--rand-licht)}.slide-rij{align-items:center;gap:8px 12px;min-height:48px;display:flex}.slide-uit .slide-titel{color:var(--tekst-3)}.slide-sleept{opacity:.4}.slide-greep{width:32px;height:32px;color:var(--tekst-3);cursor:grab;letter-spacing:-3px;background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:grid}.slide-greep:focus-visible{outline:2px solid var(--focus)}.slide-titel{flex:auto;min-width:0}.slide-aan{align-self:center}.slide-titel.invoer{background:0 0;border-color:#0000;flex:0 440px;padding-left:6px;font-size:14px}.slide-titel.invoer:hover,.slide-titel.invoer:focus{border-color:var(--rand-veld);background:var(--wit)}.slide-checklist{padding:0 0 12px 44px}.slide-checklist ul{margin:0 0 8px;padding:0;list-style:none}.slide-nieuw{flex-wrap:wrap;align-items:flex-end;gap:12px 16px;display:flex}.weekly-vorige-notitie{color:var(--tekst-3);white-space:pre-wrap;margin:0;font-size:13px}.weekly-vorige-notitie span{font-weight:600}.weekly-regel,.weekly-review,.weekly-thuis-vraag{border-bottom:1px solid var(--rand-licht);padding:10px 0}.weekly-regel-tekst a{color:inherit}.weekly-maandkop{text-transform:capitalize}.weekly-nieuw{background:var(--zijbalk);border-radius:var(--radius-item);margin:0;padding:10px 14px;font-size:14px}.weekly-regel-nieuw{flex-wrap:wrap;align-items:flex-end;gap:12px 16px;display:flex}.weekly-regel-knoppen{align-items:center;gap:12px;display:flex}.weekly-thuis h3{color:var(--tekst-3);margin:24px 0 4px;font-size:14px;font-weight:400}.weekly-thuis-vraag{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.weekly-vraag{border-bottom:1px solid var(--rand-licht);align-items:center;gap:12px 24px;padding:12px 0;display:flex}.weekly-vraag-links{flex:auto;min-width:0}.weekly-vraag-links .invoer{width:100%}.weekly-vraag-tekst{margin:0 0 8px}.weekly-vraag-vinkje{white-space:nowrap;flex:none}.weekly-raket{z-index:50;background:#faf9f7eb;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0;overflow:hidden}.raket{animation:2s cubic-bezier(.55,0,.75,.3) forwards raket-op}.raket-vlam{transform-origin:32px 88px;animation:.12s ease-in-out infinite alternate vlam}.raket-tekst{margin:0;font-size:20px;font-weight:600;animation:.4s ease-out both tekst-in}@keyframes raket-op{0%{transform:translateY(40px)}15%{transform:translateY(46px)rotate(-1deg)}25%{transform:translateY(40px)rotate(1deg)}to{transform:translateY(-110vh)}}@keyframes vlam{0%{transform:scaleY(.8)}to{transform:scaleY(1.15)}}@keyframes tekst-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.raket{display:none}.raket-tekst,.weekly-klaar-bewaard .klaar-vink{animation:none}}.bezetting-wie{flex-direction:column;display:flex}.bezetting-thuis{font-size:12px}@media (width<=767px){.weekly-vraag{flex-wrap:wrap}.kruisje,.slide-greep{width:44px;height:44px}.knop-plus,.keuzeknop span,.invoer-klein{min-height:44px}.weekly-actie a:not(.knop),.weekly-vandaag a:not(.knop),.weekly-regel-tekst a,.weekly-nieuw a,.weekly-moment .knop-rustig{align-items:center;min-height:44px;display:inline-flex}.slide-checklist{padding-left:0}.weekly-dagnaam{width:100%}}.taken-te-laat .rust-blok-kop{border-bottom-color:var(--rood-licht)}.taak-naar-project{color:var(--hoofdknop);margin-top:2px;font-size:12px;display:inline-block}.dag-rij-taak .dag-taak{grid-column:2/-1;align-self:center}.dag-rij-taak .dag-tekst span{color:var(--tekst-3);font-size:13px}.project-stap{color:var(--tekst-3);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;display:block;overflow:hidden}.volgende-stap{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0;font-size:14px;display:flex}.volgende-stap-label{color:var(--tekst-3)}.volgende-stap-formulier{flex-wrap:wrap;align-items:flex-end;gap:12px 16px;max-width:760px;display:flex}.volgende-stap-tekst{flex:280px}.volgende-stap-knoppen{align-items:center;gap:12px;display:flex}.weekly-blok h3{color:var(--tekst-3);margin:8px 0 4px;font-size:14px;font-weight:400}.weekly-werk{border-bottom:1px solid var(--rand-licht);flex-direction:column;gap:4px;padding:12px 0;display:flex}.weekly-werk-kop{flex-wrap:wrap;align-items:baseline;gap:4px 8px;display:flex}.weekly-werk-kop a{color:inherit;font-weight:600}.weekly-werk-uren{margin-left:auto}.weekly-per-dag{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px 24px;display:grid}.weekly-dagnaam-kop{text-transform:capitalize}.weekly-dag-eerder{grid-column:1/-1}.weekly-taak-erbij{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.weekly-oplevering-rij{flex-wrap:wrap}.weekly-oplevering-rij .weekly-regel-tekst{flex:260px;min-width:0}.weekly-datum{min-width:72px;font-size:13px}.weekly-oplevering form{margin-top:12px}.weekly-review{border-bottom:1px solid var(--rand-licht);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;align-items:center;gap:8px 24px;padding:14px 0;transition:opacity .4s,transform .4s;display:grid}.weekly-review-klant{flex-direction:column;min-width:0;display:flex}.weekly-review-sinds{font-size:13px}.weekly-review-acties{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.weekly-review-knoppen{white-space:nowrap;align-items:center;gap:12px;display:flex}.weekly-review-gevraagd{font-size:12px}.knop-groen{background:var(--groen);border-color:var(--groen);color:var(--wit)}.knop-groen:hover:not(:disabled){background:#1a4935}.weekly-niet-vragen{color:var(--tekst-3);font-size:13px}.weekly-review-bevestiging{color:var(--groen);justify-self:end;font-weight:600}.weekly-review-weg{opacity:0;transition-delay:.15s;transform:translate(24px)}@media (prefers-reduced-motion:reduce){.weekly-review{transition:none}}@media (width<=767px){.snelle-taak,.weekly-review{grid-template-columns:minmax(0,1fr)}.weekly-review-acties{align-items:flex-start}.weekly-review-knoppen{white-space:normal;flex-wrap:wrap}.taak-naar-project{align-items:center;min-height:44px;display:inline-flex}}.korte-melding{z-index:35;border-radius:var(--radius-pil);background:var(--tekst);color:var(--wit);align-items:center;gap:16px;padding:12px 20px;font-size:14px;animation:.2s ease-out both korte-melding-in;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #18171c33}.korte-melding-actie{color:var(--wit);font-weight:600}@keyframes korte-melding-in{0%{opacity:0;transform:translate(-50%,8px)}}@media (prefers-reduced-motion:reduce){.korte-melding{animation:none}}@media (width<=767px){.korte-melding{bottom:calc(88px + env(safe-area-inset-bottom));max-width:calc(100vw - 32px)}.korte-melding-actie{min-height:44px}}.klanten-ophalen{border-top:1px solid var(--rand-licht);flex-direction:column;align-items:flex-start;gap:8px;padding-top:12px;display:flex}.klanten-ophalen h3{margin:0;font-size:14px}.klanten-voorbeeld{margin:0;font-weight:600}.antwoord-kanaal{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 16px;font-size:14px;font-weight:600;display:flex}.antwoord-kanaal-anders{color:var(--rood)}.koppel-klant{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.koppel-klant-formulier{flex-direction:column;gap:12px;width:100%;display:flex}.klanten-kolom{flex-direction:column;gap:8px;min-width:0;display:flex}@media (width<=767px){.op-klant .klanten-kolom{display:none}}.klant-onbekend{color:var(--tekst-3);font-size:12px;font-weight:400}.teller-bolletje{border-radius:var(--radius-pil);color:#fff;vertical-align:middle;background:#1a6fd6;justify-content:center;align-self:center;align-items:center;min-width:18px;height:18px;margin-left:8px;padding:0 5px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.zijbalk .menu-item:has(.teller-bolletje){justify-content:flex-start}.zijbalk .menu-item .teller-bolletje{margin-left:0}.tab-label{align-items:center;display:inline-flex}.stip-reactie{background:var(--hoofdknop)}.overgeslagen-lijst{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.overgeslagen-lijst li{border-bottom:1px solid var(--rand-licht);overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;font-size:14px;display:flex}.klant-tijdlijn .hoort-niet,.toon-hele-mail{align-self:flex-start;font-size:12px}.veld-stand{min-height:16px;margin-top:-6px;font-size:12px}.veld-stand:empty{display:none}.afronden{border-radius:var(--radius-item);background:var(--zijbalk);flex-direction:column;gap:8px;padding:12px;display:flex}.categorie-naam{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.categorie-omschrijving .invoer{width:100%;font-size:13px}.claude-voorbeelden{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.categorieen .categorie-lijst{flex-direction:column;gap:10px;display:flex}.categorieen .categorie-rij{align-items:flex-start;gap:12px;width:100%;max-width:720px;display:flex}.bestanden-kiezer{border:1px dashed var(--rand);border-radius:var(--radius-item);flex-wrap:wrap;align-items:center;gap:4px 12px;padding:8px 12px;display:flex}.bestanden-boven{border-color:var(--hoofdknop);background:var(--info)}.bestanden-kiezer .bijlage-lijst{flex-basis:100%;margin:0}.bestanden-kiezer .chip-weg{margin-left:4px}.inplan-knop{align-self:flex-start}.eigenaar-melding{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bestand-invoer{opacity:0;pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.bestanden-kiezer{position:relative}:root{--aandacht:#fbeeed}.rij-aandacht,.tickets-tabel .rij-aandacht td{background:var(--aandacht)}.tickets-tabel .rij-aandacht td:first-child{border-radius:var(--radius-item) 0 0 var(--radius-item);padding-left:12px}.tickets-tabel .rij-aandacht td:last-child{border-radius:0 var(--radius-item) var(--radius-item) 0}.ticket-rij.rij-aandacht:hover td{background:var(--aandacht)}li.rij-aandacht{border-radius:var(--radius-item);padding-left:12px;padding-right:12px}.spoed-label{color:var(--rood);margin-right:6px;font-weight:600}.aandacht-reden{color:var(--rood);margin-top:2px;font-size:12px;display:block}.kaart.kaart-aandacht{border-top:3px solid var(--rood)}.aandacht-regel{color:var(--rood);margin:0 0 8px;font-size:13px}.aandacht-melding a{color:var(--tekst);font-weight:600}.voor-jou-regel.rij-aandacht,.klant-regel.rij-aandacht{border-radius:var(--radius-item);padding-left:12px;padding-right:12px}.klant-bericht{flex-direction:column;gap:12px;display:flex}.kanaal-aan{margin-left:4px;display:inline-block}.kanaal-aan .invoer{max-width:100%;font-weight:400}.antwoord-kanaal-uitleg{font-weight:400;display:block}.antwoord-via{margin-top:4px}@media (width<=767px){.regel.ticket-rij.rij-aandacht{background:var(--aandacht);padding-left:12px;padding-right:12px}.aandacht-melding a{align-items:center;min-height:44px;display:inline-flex}}