:root{--bg:#eaf2f9;--bg-strong:#f7fafd;--card:#ffffffb8;--card-strong:#ffffffe6;--text:#17324a;--muted:#62758a;--border:#265b8629;--primary:#0078fa;--primary-hover:#0068d9;--primary-soft:#0078fa1f;--radius:20px;--shadow-soft:0 8px 24px #0f172a12;--shadow-strong:0 14px 32px #0f172a1a}*{box-sizing:border-box}html,body{margin:0;padding:0}html{background:#f3f8fc;min-height:100%}body{min-height:100dvh;color:var(--text);text-rendering:optimizelegibility;background:#f3f8fc;font-family:Aptos,Segoe UI Variable Text,Segoe UI,sans-serif;line-height:1.5}a{color:var(--primary)}.container{max-width:880px;padding:calc(2rem + env(safe-area-inset-top)) max(1.25rem, env(safe-area-inset-right)) calc(7rem + env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left));margin:0 auto}.card{background:var(--card-strong);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(22px)saturate(140%);padding:1.5rem}.btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:14px;align-items:center;gap:.5rem;padding:.8rem 1.1rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex;box-shadow:0 14px 30px #2550e62e}.btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 16px 32px #2550e63d}.btn-secondary{color:var(--text);border:1px solid var(--border);box-shadow:none;-webkit-backdrop-filter:blur(16px);background:#ffffff8c}.btn-secondary:hover{background:#fffc}.btn-gevaar{color:#b42318;border-color:#f3c0bb}.btn-gevaar:hover{background:#fee4e2}.muted{color:var(--muted)}.badge{background:var(--primary-soft);color:var(--primary);border-radius:999px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.glass-panel{box-shadow:var(--shadow-strong);-webkit-backdrop-filter:blur(30px)saturate(160%);background:linear-gradient(#ffffffb8 0%,#ffffff94 100%);border:1px solid #ffffffa6}.dashboard-page{max-width:920px;padding-top:2rem}.dashboard-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.dashboard-header h1{letter-spacing:-.035em;margin:0;font-size:clamp(1.8rem,4vw,2.35rem);line-height:1.1}.dashboard-logout{border:1px solid var(--border);background:var(--card-strong);width:2.5rem;height:2.5rem;color:var(--muted);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:0;display:inline-flex}.priority-melding{width:100%;margin-bottom:1rem}.priority-melding.actief{background:linear-gradient(135deg,#fffaf1 0%,#fff2dc 100%);border:1px solid #d3841747;border-radius:18px;overflow:hidden;box-shadow:0 8px 20px #8d561014}.priority-melding-inhoud{align-items:flex-start;gap:.75rem;padding:.9rem 1rem;display:flex}.priority-melding-icoon{color:#a95f08;background:#f8971d29;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:inline-flex}.priority-melding-inhoud>div:nth-child(2){flex:1;min-width:0}.priority-melding-label,.priority-melding-tekst{margin:0}.priority-melding-label{color:#8a560f;font-size:.78rem;font-weight:700}.priority-melding-tekst{color:var(--text);white-space:pre-wrap;font-size:.93rem;font-weight:600}.priority-melding-knoppen{flex-shrink:0;gap:.3rem;display:flex}.priority-melding-knoppen button{color:#8a560f;cursor:pointer;background:#ffffff94;border:1px solid #a95f0833;border-radius:9px;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;display:inline-flex}.priority-melding-knoppen button:last-child:hover:not(:disabled){color:#b42318;background:#fff3f1;border-color:#b423185c}.priority-melding-knoppen button:disabled{cursor:wait;opacity:.6}.priority-melding-plaats{color:#36546e;cursor:pointer;font:inherit;background:0 0;border:1px dashed #b5cadf;border-radius:12px;align-items:center;gap:.4rem;padding:.55rem .7rem;font-size:.84rem;font-weight:700;display:inline-flex}.priority-melding-plaats:hover{color:var(--primary);background:#edf6ff;border-style:solid}.priority-melding-formulier{border-top:1px solid #d3841733;padding:.85rem 1rem 1rem}.priority-melding:not(.actief) .priority-melding-formulier{background:linear-gradient(135deg,#fffaf1 0%,#fff2dc 100%);border:1px solid #d3841747;border-radius:18px;margin-top:.65rem;box-shadow:0 8px 20px #8d561014}.priority-melding-formulier label{color:var(--text);flex-direction:column;gap:.35rem;font-size:.8rem;font-weight:700;display:flex}.priority-melding-formulier textarea{resize:vertical;width:100%}.priority-melding-formulier .foutmelding{margin:.65rem 0 0}.priority-melding-formulier-acties{justify-content:flex-end;gap:.5rem;margin-top:.75rem;display:flex}.home-modules{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.home-module{border:1px solid var(--border);background:var(--card-strong);box-shadow:var(--shadow-soft);color:var(--text);border-radius:18px;align-items:center;gap:.85rem;padding:1rem;text-decoration:none;display:flex}.home-module-icoon,.gebruikersbeheer-icoon{width:2.7rem;height:2.7rem;color:var(--primary);background:linear-gradient(135deg,#e7f3ff,#cfe8ff);border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.home-module-tekst{flex-direction:column;flex:1;gap:.1rem;display:flex}.home-module-titelrij{color:var(--text);flex-wrap:wrap;align-items:center;gap:.4rem;font-size:1rem;display:flex}.home-module-tekst strong{font-size:1rem}.module-pill{color:#36546e;white-space:nowrap;background:#f7fafc;border:1px solid #d7e3ef;border-radius:999px;align-items:center;min-height:1.9rem;padding:.32rem .55rem;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}.home-module-tekst>span:not(.home-module-titelrij){color:var(--muted);font-size:.86rem}.home-module-tekst .module-pill{color:#36546e;font-size:.75rem}.home-module-pijl{color:var(--primary)}@media (max-width:639px){.dashboard-page{padding-top:1.6rem}.priority-melding-inhoud{padding:.8rem}}.vandaag-blok+.vandaag-blok{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.vandaag-label{margin-bottom:.5rem;font-weight:600}.chips{flex-wrap:wrap;gap:.4rem;display:flex}.chip{background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:.25rem .6rem;font-size:.85rem}.terug{margin-bottom:.5rem}.terug a{text-decoration:none}.terug-knop{cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:.35rem;padding:0;text-decoration:none;display:inline-flex}.paginatitel{margin:0 0 1rem;font-size:1.5rem}.gebruikersbeheer-kop{align-items:center;gap:.8rem;margin-bottom:1rem;display:flex}.gebruikersbeheer-kop .paginatitel,.gebruikersbeheer-kop .muted{margin:0}.gebruikersbeheer-kop .muted{font-size:.88rem}.gebruikersbeheer-kop .paginatitel{font-size:1.35rem}.gebruikersbeheer-kop .gebruikersbeheer-icoon{border-radius:12px;width:2.35rem;height:2.35rem}.gebruikers-lijst{border:1px solid var(--border);box-shadow:var(--shadow-soft);background:#ffffffb8;border-radius:16px;overflow:visible}.gebruikers-zoekveld{border:1px solid var(--border);width:100%;min-height:42px;color:var(--text);font:inherit;background:#ffffffc7;border-radius:12px;margin-bottom:.85rem;padding:.55rem .75rem}.gebruiker-rij{grid-template-columns:minmax(250px,.5fr) minmax(300px,1fr) auto;align-items:center;gap:1rem;padding:.9rem 1rem;display:grid}.gebruiker-rij+.gebruiker-rij{border-top:1px solid var(--border)}.gebruiker-identiteit,.gebruiker-rolkolom{flex-direction:column;gap:.2rem;min-width:0;display:flex}.gebruiker-naamregel{align-items:center;gap:.45rem;display:flex}.gebruiker-identiteit>strong,.gebruiker-identiteit>.muted{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gebruiker-identiteit>.muted{font-size:.84rem}.gebruiker-rollen{flex-wrap:wrap;gap:.35rem;margin-top:.25rem;display:flex}.rol-beheer{flex-direction:column;gap:.35rem;display:flex}.rol-card{color:#36546e;background:#f7fafc;border:1px solid #d7e3ef;border-radius:999px;align-items:center;gap:.15rem;min-height:1.9rem;padding:.32rem .32rem .32rem .55rem;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}.rol-card button{width:1.1rem;height:1.1rem;color:inherit;cursor:pointer;background:#e7f2ff;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.rol-card button:disabled{cursor:wait;opacity:.55}.rol-plus-knop{width:1.9rem;height:1.9rem;color:var(--primary);cursor:pointer;background:0 0;border:1px dashed #b5cadf;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.rol-plus-knop:hover{background:#edf6ff;border-style:solid}.rol-plus-wrapper{z-index:4;display:inline-flex;position:relative}.rol-opties-popover{opacity:0;transform-origin:top;flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem;width:240px;padding:.25rem;animation:.18s cubic-bezier(.2,.75,.2,1) forwards rol-opties-uitklappen;display:flex;position:absolute;top:calc(100% + .55rem);left:50%;transform:translate(-50%)}.rol-opties-popover.sluitend{pointer-events:none;animation:.18s ease-in forwards rol-opties-inklappen}.rol-optie{color:#264e70;cursor:pointer;font:inherit;white-space:nowrap;-webkit-backdrop-filter:blur(16px)saturate(150%);background:linear-gradient(135deg,#ffffffbd,#d7edff70);border:1px solid #ffffffc7;border-radius:999px;padding:.48rem .75rem;font-size:.75rem;font-weight:700;animation:3.4s ease-in-out infinite rol-ballon-zweef;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffeb,inset 0 -1px #5597d11f,0 8px 18px #15487021}.rol-optie:nth-child(2){animation-delay:-1.1s}.rol-optie:nth-child(3){animation-delay:-2.2s}.rol-optie:hover{color:var(--primary);background:linear-gradient(135deg,#ffffffe6,#bbdfff9e);border-color:#fffffff2;box-shadow:inset 0 1px #fff,0 10px 22px #0078fa2e}.rol-optie:disabled{cursor:wait;opacity:.55}@keyframes rol-ballon-zweef{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes rol-opties-uitklappen{0%{opacity:0;transform:translate(-50%)translateY(-6px)scale(.84)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes rol-opties-inklappen{0%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-4px)scale(.88)}}@media (prefers-reduced-motion:reduce){.rol-optie,.rol-opties-popover,.rol-opties-popover.sluitend{animation:none}}.rol-fout{color:#b42318;font-size:.75rem}.gebruiker-jij,.gebruiker-beperking{color:var(--muted);font-size:.75rem;font-weight:600}.gebruiker-jij{background:#edf3f8;border-radius:999px;padding:.15rem .45rem}.gebruiker-beperking{display:none}.gebruikers-verwijder{flex-shrink:0;position:relative}.gebruikers-verwijder-knop{color:#b42318;cursor:pointer;font:inherit;background:#fff6f5;border:1px solid #fdb5ad;border-radius:10px;align-items:center;gap:.35rem;padding:.55rem .7rem;font-size:.76rem;font-weight:700;display:inline-flex}.gebruikers-verwijder-knop:disabled{cursor:wait;opacity:.6}.gebruikers-verwijder-knop.geblokkeerd{color:#8392a3;background:#f7f9fb;border-color:#d8e0e8}.gebruikers-verwijder-fout{z-index:2;color:#b42318;background:#fff8f7;border:1px solid #fdb5ad;border-radius:9px;width:230px;padding:.45rem .55rem;font-size:.75rem;line-height:1.35;position:absolute;top:calc(100% + .4rem);right:0}@media (max-width:639px){.gebruiker-rij{grid-template-columns:1fr;gap:.7rem}.gebruikers-verwijder{justify-self:start}}.week-blok+.week-blok{margin-top:1.5rem}.week-blok-titel{margin:0;font-size:1.05rem}.week-blok-range{margin:0 0 .6rem;font-size:.85rem}.maand-nav{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.maand-titel{text-transform:capitalize;text-align:center;flex:1;margin:0;font-size:1.25rem}.btn-rond{justify-content:center;width:44px;height:44px;padding:0;font-size:1.4rem;line-height:1}.hint{margin:0 0 .75rem;font-size:.85rem}.aanwezigheid-hint{max-width:620px}.foutmelding{color:#b42318;background:#fee4e2;border:1px solid #fda29b;border-radius:8px;padding:.5rem .75rem;font-size:.85rem}.kalender{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.kalender.werkweek{grid-template-columns:repeat(5,1fr)}.weekdag{text-align:center;color:var(--muted);text-transform:uppercase;padding-bottom:.25rem;font-size:.7rem;font-weight:600}.dag{aspect-ratio:1;border:1px solid var(--border);cursor:pointer;font:inherit;color:var(--text);background:#ffffffbd;border-radius:14px;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:4px 5px;transition:background .16s,border-color .16s,color .16s,transform .16s;display:flex;position:relative;box-shadow:inset 0 1px #fffc}.dag-keuze{aspect-ratio:1;width:100%;min-width:0;position:relative}.dag-keuze>.dag{width:100%;height:100%}.dag:active{transform:scale(.96)}.dag.leeg{cursor:default;background:0 0;border:none}.dag.vandaag{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.dag.vast{color:var(--muted);cursor:not-allowed;opacity:.7;background:#e9edf4e0}.dag.vast:active{transform:none}.dag:disabled:not(.vast){cursor:default;opacity:.8}.dag.heeft-kantoor{color:#075ba7;background:linear-gradient(145deg,#e9f5ff 0%,#cde7ff 100%);border-color:#0078fa94;box-shadow:inset 0 1px #ffffffe6}.dag.heeft-eten{color:#a85d08;background:linear-gradient(145deg,#fff9ef 0%,#ffe0a7 100%);border-color:#e89a2d9e;box-shadow:inset 0 1px #ffffffe6}.dag-keuze-popover{--dag-keuze-x:-50%;z-index:12;width:max-content;max-width:min(13rem,64vw);transform:translateX(var(--dag-keuze-x));transform-origin:bottom;flex-direction:column;align-items:center;gap:.4rem;animation:.18s ease-out both dag-keuze-verschijn;display:flex;position:absolute;bottom:calc(100% + .5rem);left:50%}.dag-keuze-popover.uitlijning-links{--dag-keuze-x:0;transform-origin:0 100%;left:0}.dag-keuze-popover.uitlijning-rechts{--dag-keuze-x:0;transform-origin:100% 100%;left:auto;right:0}.dag-keuze-ballon{color:#155c9d;cursor:pointer;font:inherit;white-space:nowrap;-webkit-backdrop-filter:blur(16px)saturate(145%);background:linear-gradient(135deg,#ffffffe6,#d8efffad);border:1px solid #ffffffdb;border-radius:999px;align-items:center;gap:.35rem;padding:.5rem .72rem;font-size:.77rem;font-weight:700;transition:transform .16s,box-shadow .16s;display:inline-flex;box-shadow:inset 0 1px #fffffff5,0 9px 20px #123f6329}.dag-keuze-ballon.eten{color:#a45e0c;background:linear-gradient(135deg,#ffffffe6,#ffe6b9b8)}.dag-keuze-ballon.actief{box-shadow:inset 0 1px #fffffffa,0 0 0 2px #0078fa57,0 9px 20px #123f6329}.dag-keuze-ballon.eten.actief{box-shadow:inset 0 1px #fffffffa,0 0 0 2px #e89a2d5c,0 9px 20px #7e4c0d26}.dag-keuze-ballon:hover:not(:disabled){transform:translateY(-2px)}.dag-keuze-ballon:disabled{cursor:not-allowed;opacity:.5}@keyframes dag-keuze-verschijn{0%{opacity:0;transform:translateX(var(--dag-keuze-x)) translateY(5px) scale(.9)}to{opacity:1;transform:translateX(var(--dag-keuze-x)) translateY(0) scale(1)}}.dag-nummer{font-size:.8rem;font-weight:600}.dag-iconen{align-self:flex-end;gap:1px;font-size:.85rem;line-height:1;display:flex}.dag-status{border-radius:999px;justify-content:center;align-items:center;width:1.2rem;height:1.2rem;display:inline-flex}.dag-status.kantoor{color:#0873cb;background:#e5f3ff}.dag-status.eten{color:#ae680d;background:#fff0d4}.weekbezetting{border-radius:24px;margin-bottom:2rem}.week-kop{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.week-titel{text-align:center;flex-direction:column;line-height:1.2;display:flex}.week-titel-hoofd{font-size:1.05rem;font-weight:700}.week-range{font-size:.85rem}.grafiek{grid-template-columns:repeat(5,1fr);align-items:end;gap:10px;transition:opacity .15s;display:grid}.grafiek.laden{opacity:.45}.staaf-kolom{cursor:pointer;font:inherit;color:var(--text);background:0 0;border:none;flex-direction:column;align-items:center;gap:.35rem;padding:0;display:flex}.staaf-aantal{font-size:.9rem;font-weight:700}.staaf-track{background:linear-gradient(#ffffffb8,#e4ecf8f2);border:1px solid #7a88a11f;border-radius:14px;align-items:flex-end;width:100%;height:120px;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffffd1}.staaf-vulling{background:linear-gradient(#5c83ff 0%,#2550e6 100%);border-radius:14px 14px 0 0;width:100%;min-height:4px;transition:height .2s}.staaf-kolom.vandaag .staaf-vulling{background:linear-gradient(#274fd6 0%,#1436a8 100%)}.staaf-kolom.vandaag .staaf-label{color:var(--primary);font-weight:700}.staaf-label{text-align:center;text-transform:uppercase;color:var(--muted);font-size:.75rem}.staaf-datum{color:var(--text);font-size:.8rem}.modal-overlay{z-index:50;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{-webkit-backdrop-filter:blur(28px)saturate(150%);background:#ffffffe0;border:1px solid #ffffffb8;border-radius:16px;width:100%;max-width:480px;max-height:70dvh;padding:1.25rem;overflow-y:auto;box-shadow:0 -6px 32px #0f172a2e}.modal-kop{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.modal-kop h2{text-transform:capitalize;margin:.1rem 0 0;font-size:1.25rem}.modal-sluit{cursor:pointer;width:34px;height:34px;color:var(--text);background:#f0f4faeb;border:none;border-radius:10px;justify-content:center;align-items:center;font-size:1rem;display:flex}.om-modal{max-width:620px}.aanwezigheidsbeheer-kaart{border:1px solid var(--border);border-radius:var(--radius);background:var(--card-strong);box-shadow:var(--shadow-soft);padding:1rem;transition:opacity .16s}.aanwezigheidsbeheer-kaart.laden{opacity:.65}.aanwezigheidsbeheer-acties{justify-content:space-between;align-items:end;gap:.75rem;margin-bottom:.75rem;display:flex}.aanwezigheidsbeheer-datum{color:var(--muted);flex-direction:column;gap:.3rem;font-size:.75rem;font-weight:700;display:flex}.aanwezigheidsbeheer-dag-navigatie{align-items:center;gap:.3rem;display:flex}.aanwezigheidsbeheer-datum input{border:1px solid var(--border);min-height:38px;color:var(--text);font:inherit;background:#ffffffc7;border-radius:10px;padding:.4rem .55rem}.aanwezigheidsbeheer-dag-knop{border:1px solid var(--border);width:38px;min-width:38px;height:38px;color:var(--text);cursor:pointer;background:#ffffffc7;border-radius:10px;justify-content:center;align-items:center;padding:0;display:inline-flex}.aanwezigheidsbeheer-dag-knop:hover:not(:disabled){color:var(--primary);background:#edf6ff;border-color:#0078fa6b}.aanwezigheidsbeheer-dag-knop:disabled{cursor:wait;opacity:.6}.aanwezigheidsbeheer-zoeken{flex:1;align-items:center;gap:.5rem;min-width:12rem;display:flex}.aanwezigheidsbeheer-zoeken .om-zoekveld{min-width:0}.om-modal-label{color:var(--primary);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}.om-collega-lijst{flex-direction:column;display:flex}.om-modal-acties{align-items:center;gap:.5rem;margin-bottom:.9rem;display:flex}.om-zoekveld{border:1px solid var(--border);width:100%;min-height:38px;color:var(--text);font:inherit;background:#ffffffc7;border-radius:10px;flex:1;padding:.45rem .7rem;font-size:.88rem}.om-export-knop{background:var(--primary);color:#fff;border-radius:10px;align-items:center;gap:.35rem;min-height:38px;padding:.45rem .75rem;font-size:.84rem;font-weight:700;text-decoration:none;display:inline-flex}.om-geen-resultaat{margin:.5rem 0;font-size:.9rem}.om-groepstitel{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:1.35rem 0 .55rem;font-size:.76rem;font-weight:700}.om-groepstitel-eerste{margin-top:0}.om-collega-rij{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem 0;display:flex}.om-collega-naam{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.92rem;font-weight:600;overflow:hidden}.om-status-knoppen{flex-shrink:0;gap:.35rem;display:flex}.om-status-knop{border:1px solid var(--border);min-height:34px;color:var(--muted);font:inherit;cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:.3rem;padding:.4rem .55rem;font-size:.76rem;font-weight:700;display:inline-flex}.om-status-knop.kantoor.actief{color:#0764b8;background:linear-gradient(135deg,#e9f5ff,#d5ebff);border-color:#0078fa7a}.om-status-knop.eten.actief{color:#a95f08;background:linear-gradient(135deg,#fff5e6,#ffe4b5);border-color:#e89a2d8a}.om-status-knop:disabled{cursor:wait;opacity:.6}@media (max-width:460px){.aanwezigheidsbeheer-acties{flex-wrap:wrap;align-items:stretch}.aanwezigheidsbeheer-datum{flex:1 0 100%}.aanwezigheidsbeheer-zoeken{width:100%;min-width:0}.om-collega-rij{flex-direction:column;align-items:flex-start}.om-status-knoppen{width:100%}.om-status-knop{flex:1;justify-content:center}}.personen-lijst{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.personen-lijst li{border-bottom:1px solid var(--border);justify-content:space-between;padding:.6rem .25rem;display:flex}.personen-lijst li:last-child{border-bottom:none}@media (min-width:640px){.kalender{gap:8px}.dag-nummer{font-size:.9rem}.dag-iconen{font-size:1rem}.modal-overlay{align-items:center}.modal{border-radius:16px}.staaf-track{height:150px}}.week-activiteiten{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.week-activiteiten-kop{align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;display:flex}.week-activiteiten ul{flex-direction:column;gap:.4rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.week-activiteiten a{color:var(--text);background:#ffffff94;border:1px solid #ffffffb3;border-radius:14px;flex-direction:column;gap:.1rem;padding:.7rem .8rem;text-decoration:none;display:flex}.week-activiteiten a:hover{background:#eef2ffd1}.wa-datum{color:var(--muted);font-size:.75rem}.wa-titel{font-weight:600}.wa-titelregel{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.wa-aanwezig{color:#197143;background:#e7f7ee;border-radius:999px;align-items:center;gap:.25rem;padding:.2rem .45rem;font-size:.72rem;font-weight:700;display:inline-flex}.oc-kop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.oc-kop .paginatitel{margin:0}.activity-lijst{gap:1rem;display:grid}.activity-card{border-radius:var(--radius);min-height:200px;box-shadow:var(--shadow-soft);background-color:#2a2f45;background-position:50%;background-size:cover;flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.activity-card.geen-foto{background-color:#f8971d;background-image:none}.activity-card.geen-foto.categorie-kantoor{background-color:#001e37}.activity-card-nav{z-index:1;background:linear-gradient(100deg,#000000c7 0%,#0000008c 38%,#0000 78%),linear-gradient(#0000 55%,#00000073 100%);position:absolute;inset:0}.activity-card-watermerk{z-index:2;pointer-events:none;color:#ffffff73;filter:drop-shadow(0 1px 3px #00000059);position:absolute;top:.75rem;right:.75rem}.activity-card-overlay{z-index:2;pointer-events:none;color:#fff;padding:1rem 1.1rem 1.1rem;position:relative}.activity-card-titel{text-shadow:0 1px 3px #0006;margin:0 0 .35rem;font-size:1.25rem;font-weight:700}.activity-card-meta{text-transform:capitalize;color:#ffffffe6;align-items:center;gap:.35rem;margin:0 0 .3rem;font-size:.85rem;display:flex}.activity-card-onder{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.6rem;margin-top:.6rem;display:flex}.activity-card-chips{flex-wrap:wrap;flex:1;align-items:center;gap:.4rem;min-width:0;display:flex}.glas-chip{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.8rem;font-weight:600;display:inline-flex}.glas-chip.mee{background:#27ae60d9;border-color:#0000}.activity-card-actie{pointer-events:auto;flex-shrink:0}.activity-card-actie .btn-secondary{color:#1a1a1a;background:#ffffffeb;border-color:#0000}.activity-card-actie .btn-secondary:hover{background:#fff}.activity-card-actie .status-mee,.activity-card-actie .status-dicht{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;border-radius:999px;align-items:center;gap:.3rem;padding:.3rem .7rem;font-size:.8rem;font-weight:600;display:inline-flex}.archief-link{margin-top:1.5rem}.oc-archief-link{color:var(--muted);align-items:center;gap:.4rem;text-decoration:none;display:inline-flex}.activity-form{flex-direction:column;gap:1rem;display:flex}.veld{flex-direction:column;gap:.35rem;display:flex}.veld>span{font-size:.9rem;font-weight:600}.activity-form input[type=text],.activity-form input:not([type]),.activity-form input[type=datetime-local],.activity-form input[type=date],.activity-form input[type=number],.activity-form select,.activity-form textarea{border:1px solid var(--border);width:100%;font:inherit;background:var(--card);color:var(--text);border-radius:8px;padding:.6rem .7rem}.veld-rij{gap:.75rem;display:flex}.veld-rij .veld{flex:1}.veld-statisch{border:1px solid var(--border);background:var(--bg);border-radius:8px;margin:0;padding:.6rem .7rem;font-weight:600}.cat-chip,.activity-card-cat{text-transform:uppercase;letter-spacing:.02em;border-radius:999px;align-items:center;padding:.2rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}.cat-chip{margin-bottom:.5rem}.cat-ontspanning{color:#b12a63;background:#fde8ef}.cat-kantoor{color:#1b4bb8;background:#e5efff}.activity-card-cat{z-index:3;pointer-events:none;position:absolute;top:.75rem;left:.75rem;box-shadow:0 1px 4px #0003}.wachtlijst-notitie{color:#b56612;margin-top:.5rem;font-size:.85rem;font-weight:600;display:block}.wachtlijst-titel{align-items:center;gap:.5rem;margin:1.25rem 0 .5rem;font-size:1rem;display:flex}.activity-form textarea{resize:vertical}.checkbox{flex-direction:row;align-items:center;gap:.4rem;font-size:.9rem;font-weight:400}.form-preview{border-radius:8px;width:320px;max-width:100%}.info-card{background:var(--card-strong);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(20px)saturate(140%);margin-bottom:1.5rem;overflow:hidden}.info-card.geen-foto{border-top:4px solid var(--primary)}.info-card-foto{object-fit:cover;width:100%;max-height:340px;display:block}.info-card-body{padding:1.25rem}.info-card-titel{margin:0 0 .85rem;font-size:1.5rem;line-height:1.2}.info-card-regels{flex-direction:column;gap:.45rem;margin-bottom:.85rem;display:flex}.info-regel{text-transform:capitalize;align-items:center;gap:.55rem;margin:0;font-weight:500;display:flex}.info-regel svg{color:var(--primary);flex-shrink:0}.detail-deadline{color:var(--muted);border:1px solid var(--border);background:#265b860f;border-radius:10px;align-items:center;gap:.4rem;margin:0 0 1rem;padding:.45rem .75rem;font-size:.85rem;display:inline-flex}.detail-omschrijving{white-space:pre-wrap;margin-bottom:1.5rem;line-height:1.6}.detail-actie{margin-bottom:0}.status-mee{color:#1b7a3d;font-weight:600}.status-dicht{color:var(--muted)}.oc-beheer{border:1px solid var(--border);border-radius:var(--radius);background:#ffffff9e;margin-bottom:1.5rem;padding:1rem}.oc-beheer-titel{margin:0 0 .75rem;font-size:.95rem}.oc-beheer-knoppen{flex-wrap:wrap;gap:.5rem;display:flex}.deelnemers-titel{align-items:center;gap:.5rem;font-size:1.1rem;display:flex}.deelnemers-lijst{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.deelnemers-lijst li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .25rem;display:flex}.deelnemers-lijst li:last-child{border-bottom:none}.deelnemer-verwijder{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:.25rem;display:inline-flex}.deelnemer-verwijder:hover{color:#b42318;background:#fee4e2}.deelnemer-verwijder:disabled{opacity:.5;cursor:default}.bottom-nav{padding:0 max(1rem, env(safe-area-inset-right)) calc(.85rem + env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));pointer-events:none;z-index:40;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-pill{pointer-events:auto;isolation:isolate;-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffff85;border:1px solid #ffffffad;border-radius:999px;gap:.2rem;padding:.4rem;display:flex;box-shadow:0 16px 42px #0f172a2e,inset 0 1px #ffffffb3}.bn-item{color:#fff;mix-blend-mode:difference;border-radius:999px;flex-direction:column;align-items:center;gap:.15rem;min-width:72px;padding:.4rem .6rem;font-size:.66rem;font-weight:600;text-decoration:none;transition:color .15s,background .15s;display:flex}.bn-item:active{transform:scale(.96)}.bn-item.actief{color:var(--primary);mix-blend-mode:normal;background:#0078fa24}@media (prefers-color-scheme:dark){.bottom-nav-pill{background:#1e20268c;border-color:#ffffff1f}}.activity-form-card{padding:0}.form-foto{position:relative}.form-foto-klik{cursor:pointer;background:linear-gradient(135deg,#eef2ff,#fde8ef);justify-content:center;align-items:center;min-height:200px;display:flex;position:relative;overflow:hidden}.form-foto-preview{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.form-foto-leeg{color:var(--primary);text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;font-size:.9rem;font-weight:600;display:flex}.form-foto-hint{text-align:center;color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;padding:.4rem;font-size:.8rem;position:absolute;bottom:0;left:0;right:0}.form-foto-verwijder{z-index:2;color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;top:.6rem;right:.6rem}.form-foto-verwijder:hover{background:#000000b3}.form-body{padding:1.25rem}.mm-stats{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.25rem;display:grid}.mm-stat{background:var(--card-strong);border:1px solid var(--border);box-shadow:var(--shadow-soft);color:var(--primary);border-radius:16px;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.9rem 1rem;display:flex}.mm-stat-top{align-items:center;gap:.5rem;display:flex}.mm-stat strong{color:var(--text);font-size:1.5rem;line-height:1.1}.mm-stat span{color:var(--muted);font-size:.82rem}.mm-sectie{margin-bottom:1rem}.mm-sectie-titel{align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:1.05rem;display:flex}.mm-lunch-chips{flex-wrap:wrap;gap:.4rem;display:flex}.mm-act-lijst{flex-direction:column;gap:.4rem;display:flex}.mm-act{background:var(--bg-strong);border:1px solid var(--border);color:var(--text);border-radius:12px;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.6rem .75rem;text-decoration:none;display:flex}.mm-act-datum{color:var(--muted);font-size:.78rem;font-weight:600}.mm-act-titelrij{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.mm-act-titel{font-weight:600}.mm-act-tag{text-transform:uppercase;color:#b56612;background:#fff2e3;border-radius:999px;flex-shrink:0;align-items:center;gap:.2rem;padding:.15rem .5rem;font-size:.72rem;font-weight:700;display:inline-flex}