:root{--bg: #FFFFFF;--bg-soft: #F9F9F9;--ink: #263544;--ink-body: #515D69;--ink-muted: #7B8794;--brand: #08BCC4;--brand-2: #015EEA;--brand-gradient: linear-gradient(90deg, #08BCC4 0%, #015EEA 100%);--accent-soft: #E6F7F8;--border: #EAEAEB;--success: #0DA678;--warning: #F5683B;--danger: #F31F4F;--shadow: 0 8px 24px rgba(38, 53, 68, .06);--shadow-lift: 0 12px 32px rgba(38, 53, 68, .1);--radius-card: 16px;--radius-input: 12px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.6;color:var(--ink-body);background:var(--bg-soft);-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--brand);text-decoration:none}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.app-shell{display:flex;flex-direction:column;min-height:100vh}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:20px;padding:10px 24px;background:var(--bg);border-bottom:1px solid var(--border)}.wordmark{display:block;color:var(--ink);flex-shrink:0}.wordmark svg{width:148px;height:auto;display:block}.topnav{display:flex;align-items:center;gap:2px;flex:1;min-width:0;flex-wrap:wrap}.nav-item{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;color:var(--ink-body);font-size:14.5px;font-weight:500;white-space:nowrap;transition:background .2s ease-out}.nav-item svg{width:18px;height:18px;flex-shrink:0;color:var(--ink-muted)}.nav-item:hover{background:#eeecff80}.nav-item.active{background:var(--accent-soft);color:var(--ink);font-weight:600}.nav-item.active svg{color:var(--brand)}.topbar-rechts{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-left:auto}.zoek-knop{border:1px solid var(--border);background:var(--bg-soft);cursor:pointer}.topbar-user{display:flex;align-items:center;gap:8px}.topbar-user .naam{font-size:14px;font-weight:600;color:var(--ink)}.main{flex:1;min-width:0;background:var(--bg-soft)}.main-inner{max-width:1720px;margin:0 auto;width:100%;padding:28px 32px;display:flex;flex-direction:column;gap:32px}.kicker{font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}h1.paginatitel{font-size:32px;font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--ink)}h2.sectiekop{font-size:24px;font-weight:700;line-height:1.2;color:var(--ink)}.blokkop{font-size:18px;font-weight:600;line-height:1.3;color:var(--ink)}.meta{font-size:14px;font-weight:500;color:var(--ink-muted)}.tekstblok{max-width:65ch;white-space:pre-wrap}.paginakop{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}.paginakop .links{display:flex;flex-direction:column;gap:4px}.paginakop .uitleg{font-size:15px;color:var(--ink-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 24px;font-size:15px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease-out;min-height:44px;white-space:nowrap}.btn-primair{background:var(--brand-gradient);color:#fff}.btn-primair:hover{filter:brightness(.94);transform:translateY(-1px)}.btn-secundair{background:var(--bg);border:1px solid var(--border);color:var(--ink)}.btn-secundair:hover{background:var(--bg-soft)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.tekstlink{background:none;border:none;color:var(--brand);font-weight:600;font-size:15px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:8px 0}.tekstlink .pijl{transition:transform .2s ease-out}.tekstlink:hover .pijl{transform:translate(4px)}.tekstlink-danger{color:var(--danger)}.filterrij{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filterrij select,.pill-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background-color:var(--bg);border-radius:999px;padding:9px 36px 9px 16px;font-size:14px;font-weight:500;color:var(--ink-body);cursor:pointer;min-height:44px;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238A8AA3' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.zoekveld{position:relative;display:flex;align-items:center}.zoekveld svg{position:absolute;left:14px;width:16px;height:16px;color:var(--ink-muted);pointer-events:none}.zoekveld input{border:1px solid var(--border);background:var(--bg);border-radius:999px;padding:9px 16px 9px 40px;font-size:14px;min-height:44px;min-width:220px}.actieve-filter{display:inline-flex;align-items:center;gap:6px;background:var(--accent-soft);color:var(--brand);border-radius:999px;padding:8px 10px 8px 14px;font-size:13px;font-weight:600;border:none;cursor:pointer;min-height:36px}.filters-wissen{margin-left:auto}.card{background:var(--bg);border-radius:var(--radius-card);border:1px solid var(--border);padding:20px}.card-schaduw{border:none;box-shadow:var(--shadow)}.card-klikbaar{cursor:pointer;transition:all .2s ease-out}.card-klikbaar:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)}.icoon-vlak{width:44px;height:44px;border-radius:12px;background:var(--accent-soft);display:inline-flex;align-items:center;justify-content:center;color:var(--brand);flex-shrink:0}.icoon-vlak svg{width:22px;height:22px}.kaartgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.kaartgrid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.kaartgrid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 12px;font-size:13px;font-weight:600;white-space:nowrap}.avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-soft);color:var(--brand);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.avatar-klein{width:26px;height:26px;font-size:11px}.favicon-avatar{background:var(--bg);border:1px solid var(--border);overflow:hidden}.favicon-avatar img{width:20px;height:20px;object-fit:contain}.avatar-klein.favicon-avatar img{width:16px;height:16px}.balk-ok{background:#e7f8ef;color:#0f7a4d;border:1px solid #bfe9d4;border-radius:12px;padding:14px 18px;font-size:15px;font-weight:500}.bulk-tabel td{padding:6px 8px}.cel-input{width:100%;min-width:110px;box-sizing:border-box;padding:7px 9px;border:1px solid var(--border);border-radius:8px;font-size:14px;font-family:inherit;background:var(--bg);color:var(--ink)}.cel-input:focus{border-color:var(--brand);outline:none}.cel-smal{min-width:64px;max-width:80px}.klant-link{border:none;background:none;cursor:pointer;padding:0;font:inherit;color:inherit}.klant-link:hover .celkop{color:var(--brand-2);text-decoration:underline}.tabel-wrap{background:var(--bg);border-radius:var(--radius-card);border:1px solid var(--border);overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:15px}thead th{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);text-align:left;padding:14px 20px;border-bottom:1px solid var(--border);white-space:nowrap}tbody td{padding:8px 20px;height:56px;border-bottom:1px solid var(--border);color:var(--ink-body);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr.klikbaar{cursor:pointer;transition:background .2s ease-out}tbody tr.klikbaar:hover{background:var(--bg-soft)}td .celkop{font-weight:600;color:var(--ink)}.voortgang{display:flex;align-items:center;gap:12px}.voortgang-spoor{flex:1;height:8px;border-radius:999px;background:var(--border);overflow:hidden;min-width:80px}.voortgang-vulling{height:100%;border-radius:999px;background:var(--brand-gradient);transition:width .2s ease-out}.voortgang-pct{font-size:14px;font-weight:600;color:var(--ink)}.checklist{display:flex;flex-direction:column}.checklist-regel{display:flex;align-items:center;gap:14px;min-height:52px;padding:6px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s ease-out}.checklist-regel:hover{background:var(--bg-soft)}.checklist-regel:last-child{border-bottom:none}.checklist-titel{flex:1;font-weight:500;color:var(--ink);font-size:15px}.checklist-regel.af .checklist-titel{color:var(--ink-muted);text-decoration:line-through}.checkbox{width:22px;height:22px;border-radius:6px;border:1.5px solid var(--border);background:var(--bg);cursor:pointer;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease-out;padding:0}.checkbox.checked{background:var(--brand);border-color:var(--brand);color:#fff}.checkbox svg{width:14px;height:14px}.open-pill{background:var(--accent-soft);color:var(--brand);border-radius:999px;font-size:12px;font-weight:600;padding:2px 10px}.chevron{transition:transform .2s ease-out;color:var(--ink-muted);width:18px;height:18px;flex-shrink:0}.chevron.open{transform:rotate(90deg)}.checklist-taken{background:var(--bg-soft);padding:8px 16px 8px 52px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.taak-regel{display:flex;align-items:center;gap:12px;min-height:44px;padding:4px 12px;border-radius:12px;cursor:pointer;transition:background .2s ease-out;font-size:14px}.taak-regel:hover{background:#ffffffe6}.taak-regel .titel{flex:1;font-weight:500;color:var(--ink)}.hint{font-size:13px;color:var(--brand);font-weight:500;background:var(--accent-soft);border-radius:999px;padding:2px 12px}.kanban{display:flex;gap:16px;overflow-x:auto;align-items:flex-start;padding-bottom:8px}.kanban-kolom{background:var(--bg-soft);border:1px solid var(--border);border-radius:16px;padding:20px;width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:12px;min-height:200px;transition:box-shadow .2s ease-out}.kanban-kolom.drag-over{box-shadow:inset 0 -2px 0 0 var(--brand),inset 0 2px 0 0 var(--brand)}.kanban-kolomkop{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted)}.kanban-kolomkop .aantal{background:var(--accent-soft);color:var(--brand);border-radius:999px;padding:1px 10px;font-size:12px}.kanban-kaart{background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:16px;cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:all .2s ease-out}.kanban-kaart:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.kanban-kaart.dragging{opacity:.85;transform:rotate(2deg);box-shadow:var(--shadow-lift)}.kanban-kaart .titel{font-size:15px;font-weight:600;color:var(--ink);line-height:1.35}.kanban-kaart .klant{font-size:14px;color:var(--ink-muted)}.kanban-kaart .voet{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-muted)}.kanban-kaart .voet .rechts{margin-left:auto;display:flex;align-items:center;gap:4px}.fase-knop{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:4px;padding:8px 12px;border-radius:999px;border:none;background:var(--accent-soft);color:var(--brand);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease-out}.fase-knop:hover{background:var(--brand);color:#fff}.fase-knop svg{flex-shrink:0}.paneel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14142b40;z-index:40;animation:fadeIn .2s ease-out}.zijpaneel{position:fixed;top:0;right:0;bottom:0;width:720px;max-width:100vw;background:var(--bg);border-radius:16px 0 0 16px;box-shadow:var(--shadow-lift);z-index:50;overflow-y:auto;padding:28px;display:flex;flex-direction:column;gap:24px;animation:slideIn .2s ease-out}@keyframes slideIn{0%{transform:translate(40px);opacity:0}to{transform:none;opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.paneel-kop{display:flex;align-items:flex-start;gap:16px}.paneel-kop .blokkop{flex:1;font-size:20px}.sluitknop{background:none;border:none;cursor:pointer;color:var(--ink-muted);padding:8px;border-radius:12px;display:flex;min-width:44px;min-height:44px;align-items:center;justify-content:center}.sluitknop:hover{background:var(--bg-soft);color:var(--ink)}.badge-rij{display:flex;gap:8px;flex-wrap:wrap}.velden-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}.zijpaneel .pill-select{max-width:100%;width:100%}.veld-label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);margin-bottom:2px}.veld-waarde{font-size:15px;color:var(--ink);font-weight:500;display:flex;align-items:center;gap:8px}.bijlage-rij{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;font-size:14px;color:var(--ink);font-weight:500}.bijlage-rij svg{width:18px;height:18px;color:var(--brand);flex-shrink:0}.bijlage-klikbaar{cursor:pointer;transition:background .2s ease-out,border-color .2s ease-out}.bijlage-klikbaar:hover{background:var(--bg-soft);border-color:var(--brand)}.bijlage-rij .grootte{margin-left:auto;color:var(--ink-muted);font-weight:400;font-size:13px}.rte{border:1px solid var(--border);border-radius:12px;background:var(--bg);overflow:hidden}.rte:focus-within{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.rte-balk{display:flex;align-items:center;gap:2px;padding:6px 8px;border-bottom:1px solid var(--border);background:var(--bg-soft)}.rte-balk button{border:none;background:none;border-radius:8px;min-width:30px;height:30px;padding:0 6px;font-size:13px;color:var(--ink-body);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.rte-balk button:hover{background:var(--accent-soft);color:var(--brand)}.rte-scheiding{width:1px;height:18px;background:var(--border);margin:0 4px}.rte-veld{min-height:140px;max-height:320px;overflow-y:auto;padding:12px 14px;font-size:15px;line-height:1.6;color:var(--ink-body);outline:none}.rte-veld.compact{min-height:90px}.rte-veld:empty:before{content:attr(data-placeholder);color:var(--ink-muted)}.rte-veld strong,.rte-veld b,.rte-weergave strong,.rte-weergave b{color:var(--ink)}.rte-veld a,.rte-weergave a{color:var(--brand);text-decoration:underline}.rte-veld ul,.rte-veld ol,.rte-weergave ul,.rte-weergave ol{padding-left:22px;margin:4px 0}.rte-weergave{font-size:15px;line-height:1.6;color:var(--ink-body);max-width:65ch;overflow-wrap:break-word}.titel-input{flex:1;font-size:20px;font-weight:600;line-height:1.3;color:var(--ink);border:1px solid transparent;border-radius:10px;background:transparent;padding:4px 8px;margin:-4px 0 0 -8px;width:100%}.titel-input:hover{border-color:var(--border)}.titel-input:focus{outline:none;border-color:var(--brand);background:var(--bg)}.uren-rij{display:flex;align-items:center;gap:8px}.uren-rij input{border:1px solid var(--border);border-radius:10px;background:var(--bg);padding:7px 10px;font-size:13px;color:var(--ink);min-width:0}.uren-rij input:focus{outline:none;border-color:var(--brand)}.uren-rij input[type=date]{width:128px;flex-shrink:0}.uren-rij input[type=number]{width:64px;flex-shrink:0}.uren-rij input:not([type]){flex:1}.logboek{display:flex;flex-direction:column;gap:10px;font-size:14px;color:var(--ink-muted)}.logboek .regel{display:flex;gap:8px;line-height:1.5}.origineel-blok{background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;padding:14px 16px;font-size:14px;white-space:pre-wrap;color:var(--ink-body);max-height:260px;overflow-y:auto}.form{display:flex;flex-direction:column;gap:18px}.form-veld{display:flex;flex-direction:column;gap:6px}.form-veld>label{font-size:14px;font-weight:600;color:var(--ink)}.form-veld input,.form-veld select,.form-veld textarea{border:1px solid var(--border);border-radius:12px;background:var(--bg);padding:0 14px;height:44px;font-size:15px;color:var(--ink);transition:border .2s ease-out,box-shadow .2s ease-out}.form-veld textarea{padding:12px 14px;height:auto;min-height:160px;resize:vertical;line-height:1.6}.form-veld textarea.klein{min-height:80px}.form-veld input:focus,.form-veld select:focus,.form-veld textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.form-rij{display:grid;grid-template-columns:1fr 1fr;gap:16px}.upload-zone{border:1.5px dashed var(--border);border-radius:16px;padding:28px 20px;text-align:center;cursor:pointer;color:var(--ink-muted);font-size:14px;display:flex;flex-direction:column;align-items:center;gap:10px;transition:border-color .2s ease-out,background .2s ease-out}.upload-zone:hover,.upload-zone.drag{border-color:var(--brand);background:var(--accent-soft)}.upload-zone svg{width:28px;height:28px;color:var(--brand)}.keuze-kaarten{display:grid;grid-template-columns:1fr 1fr;gap:12px}.keuze-kaart{border:1px solid var(--border);border-radius:16px;background:var(--bg);padding:16px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:6px;transition:all .2s ease-out;font-size:14px;color:var(--ink-muted)}.keuze-kaart .kop{font-size:15px;font-weight:600;color:var(--ink)}.keuze-kaart:hover{border-color:var(--brand)}.keuze-kaart.actief{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand);background:var(--accent-soft)}.leeg{display:flex;flex-direction:column;align-items:center;gap:14px;padding:48px 24px;text-align:center}.leeg p{color:var(--ink-muted);font-size:15px}.roadmap-scroll{overflow-x:auto}.roadmap-binnen{min-width:100%}.rm-koprij,.rm-rij{display:flex;border-bottom:1px solid var(--border)}.rm-rij:last-child{border-bottom:none}.rm-label{width:240px;flex-shrink:0;padding:12px 16px;position:sticky;left:0;background:var(--bg);border-right:1px solid var(--border);z-index:2}.rm-kop{height:36px;padding:0 16px}.rm-naam{font-weight:600;color:var(--ink);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.rm-tijdvak{position:relative;height:64px;flex-shrink:0}.rm-koprij .rm-tijdvak{height:36px}.rm-maand{position:absolute;top:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);border-left:1px solid var(--border);padding-left:6px;height:20px}.rm-vandaag{position:absolute;top:0;bottom:0;width:2px;background:var(--brand-2);opacity:.5;pointer-events:none}.rm-balk{position:absolute;top:14px;height:36px;background:var(--accent-soft);border:1px solid var(--brand);border-radius:999px;display:flex;align-items:center;cursor:pointer;transition:box-shadow .2s ease-out;-webkit-user-select:none;user-select:none}.rm-balk:hover{box-shadow:var(--shadow)}.rm-zonder-streef{border-style:dashed;opacity:.75}.rm-te-laat{border-color:var(--danger)}.rm-balk-inhoud{flex:1;display:flex;align-items:center;gap:8px;padding:0 6px;overflow:hidden;white-space:nowrap}.rm-pct{font-size:12px;font-weight:600;color:var(--ink)}.rm-handvat{width:12px;align-self:stretch;cursor:ew-resize;flex-shrink:0;border-radius:999px}.rm-handvat:hover{background:var(--brand);opacity:.35}.ai-zwever{position:fixed;right:24px;bottom:24px;z-index:85;box-shadow:var(--shadow-lift)}.ai-paneel{position:fixed;right:24px;bottom:24px;z-index:95;width:460px;max-width:calc(100vw - 32px);max-height:min(680px,calc(100vh - 48px));overflow-y:auto;background:var(--bg);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lift);padding:24px;animation:slideUp .2s ease-out}.ai-paneel>div{display:flex;flex-direction:column;gap:16px}.ai-paneel .form-veld textarea.klein{min-height:200px}@media (max-width: 768px){.ai-zwever{right:16px;bottom:16px}.ai-paneel{right:8px;bottom:8px;left:8px;width:auto}}.toast-houder{position:fixed;right:24px;bottom:92px;z-index:100;display:flex;flex-direction:column;gap:10px}.toast{background:var(--bg);border-radius:16px;box-shadow:var(--shadow-lift);padding:14px 20px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;color:var(--ink);animation:slideUp .2s ease-out;max-width:380px}.toast svg{width:20px;height:20px;color:var(--success);flex-shrink:0}@keyframes slideUp{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border)}.tab{background:none;border:none;padding:12px 18px;font-size:15px;font-weight:500;color:var(--ink-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;min-height:44px}.tab:hover{color:var(--ink)}.tab.actief{color:var(--brand);font-weight:600;border-bottom-color:var(--brand)}.stat-kaart{display:flex;align-items:center;gap:16px}.stat-kaart .cijfer{font-size:28px;font-weight:700;color:var(--ink);line-height:1.1}.stat-kaart .label{font-size:14px;color:var(--ink-muted);font-weight:500}.sectie{display:flex;flex-direction:column;gap:16px}.sectie-kop-rij{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.rij-flex{display:flex;align-items:center;gap:10px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14142b4d;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .2s ease-out}.modal{background:var(--bg);border-radius:16px;box-shadow:var(--shadow-lift);padding:28px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:20px;animation:slideUp .2s ease-out}.bezorgbus{position:fixed;bottom:14px;left:0;z-index:95;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:2px;animation:bezorg-rit 6.4s ease-in-out forwards}.bezorgbus .bus{font-size:42px;line-height:1;transform:scaleX(-1)}.bezorgbus .bus-logo{color:var(--ink);display:flex;align-items:center}.bezorgbus .bus-logo svg{width:132px;height:auto;display:block}.bezorgbus .bus-label{background:var(--bg);border-radius:999px;padding:4px 14px;font-size:13px;font-weight:600;color:var(--brand);box-shadow:var(--shadow-lift);white-space:nowrap}@keyframes bezorg-rit{0%{transform:translate(-160px)}to{transform:translate(calc(100vw + 60px))}}@media (prefers-reduced-motion: reduce){.bezorgbus{display:none}}.hamburger{display:none;background:var(--bg);border:1px solid var(--border);border-radius:12px;width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer;color:var(--ink)}@media (max-width: 1100px){.kaartgrid,.kaartgrid-4{grid-template-columns:repeat(2,1fr)}.main-inner{padding:24px}.nav-item{font-size:14px;padding:8px 10px}.zoek-label{display:none}}@media (max-width: 900px){.hamburger{display:flex;order:3;margin-left:auto}.topbar-rechts{margin-left:0;order:2}.topnav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--bg);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lift);padding:8px}.topnav.open{display:flex}.topbar-user .naam{display:none}}@media (max-width: 768px){.main-inner{padding:16px}.kaartgrid,.kaartgrid-2,.kaartgrid-4,.velden-grid,.form-rij,.keuze-kaarten{grid-template-columns:1fr}.zijpaneel{width:100vw;border-radius:0}}