:root{--bg:#f4f5f7;--vlak:#fff;--rand:#e0e3e8;--rand-zacht:#eceef2;--tekst:#1f2329;--gedempt:#687080;--rail:#22252b;--actie:#2563eb;--actie-donker:#1d4ed8;--actie-zacht:#e8efff;--s-open:#c9ced6;--s-bezig:#f6a623;--s-geblokkeerd:#d93a4f;--s-afgerond:#12884f;--rood:#c42b3c;--rood-zacht:#fdecee;--oranje:#b45d00;--oranje-zacht:#fff1dc;--paars:#6d3fc0;--font:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{font-family:var(--font);color:var(--tekst);background:var(--bg);-webkit-text-size-adjust:100%;margin:0;font-size:14px;line-height:1.45}body.geen-scroll{overflow:hidden}h1,h2,h3,p{margin:0}h1{letter-spacing:-.01em;font-size:1.45rem;font-weight:700}h2{align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;display:flex}h3{font-size:.85rem;font-weight:650}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--actie);outline-offset:2px}.rood{color:var(--rood);font-weight:650}.oranje{color:var(--oranje);font-weight:650}.nul{color:#b3b8c2}.m2{grid-template-columns:84px minmax(0,1fr);min-height:100vh;display:grid}.m2-rail{background:var(--rail);color:#c9ced8;flex-direction:column;align-items:center;gap:1rem;height:100vh;padding:.75rem 0;display:flex;position:sticky;top:0}.m2-logo{width:40px;height:40px;color:var(--rail);background:#fff;border-radius:10px;place-items:center;font-size:.9rem;font-weight:800;display:grid}.m2-rail nav{flex-direction:column;gap:.25rem;width:100%;padding:0 .4rem;display:flex}.m2-railknop{color:inherit;background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:.15rem;padding:.55rem .2rem;font-size:.68rem;font-weight:600;display:flex}.m2-railknop:hover{color:#fff;background:#ffffff12}.m2-railknop.actief{color:#fff;box-shadow:inset 3px 0 0 var(--actie);background:#ffffff1f}.m2-railicoon{font-size:1.2rem;line-height:1}.m2-hoofd{flex-direction:column;min-width:0;display:flex}.m2-top{z-index:20;background:var(--vlak);border-bottom:1px solid var(--rand);align-items:center;gap:1rem;padding:.6rem 1.5rem;display:flex;position:sticky;top:0}.m2-top-titel{flex-direction:column;min-width:0;line-height:1.2;display:flex}.m2-top-app{color:var(--gedempt);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700}.m2-top-scherm{white-space:nowrap;font-size:1.1rem;font-weight:700}.m2-evwissel{border:1px solid var(--rand);background:var(--bg);border-radius:10px;align-items:center;gap:2px;margin-left:auto;padding:3px;display:flex}.m2-evwissel-label{color:var(--gedempt);text-transform:uppercase;letter-spacing:.05em;padding:0 .5rem;font-size:.72rem;font-weight:650}.m2-evwissel button{color:var(--gedempt);background:0 0;border:0;border-radius:7px;min-height:36px;padding:.45rem .9rem;font-weight:650}.m2-evwissel button.actief{background:var(--vlak);color:var(--tekst);box-shadow:0 1px 3px #0000001f}.m2-evwissel .kort{display:none}.m2-demo{color:#6a5520;background:#fbf7e9;border-bottom:1px solid #efe4bd;flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;padding:.35rem 1.5rem;font-size:.78rem;display:flex}.m2-demo-links{gap:1rem;display:flex}.m2-demo a,.m2-demo button{color:#6a5520;background:0 0;border:0;padding:0;font-size:.78rem;text-decoration:underline}.m2-inhoud{width:100%;max-width:1500px;padding:1.25rem 1.5rem 3rem}.m2-tabbalk,.m2-fab{display:none}.m2-scherm{flex-direction:column;gap:1rem;display:flex}.m2-knop{border:1px solid var(--rand);background:var(--vlak);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:.35rem;min-height:38px;padding:.4rem .85rem;font-weight:600;display:inline-flex}.m2-knop:hover{background:#f7f8fa}.m2-knop:disabled{opacity:.5;cursor:default}.m2-knop-primair{background:var(--actie);border-color:var(--actie);color:#fff}.m2-knop-primair:hover{background:var(--actie-donker)}.m2-knop-groot{background:var(--s-afgerond);border-color:var(--s-afgerond);color:#fff;flex:auto;min-height:46px;font-size:1rem}.m2-knop-groot:hover{background:#0e7041}.m2-knop-klein{min-height:30px;padding:.2rem .6rem;font-size:.82rem}.m2-knop-stil{color:var(--gedempt);background:0 0;border-color:#0000}.m2-knop-rand{color:var(--actie);border-style:dashed}.m2-leeg{color:var(--gedempt);padding:.75rem 0;font-size:.9rem}.m2-uitleg{color:var(--gedempt);font-size:.85rem}.m2-mini-label{color:var(--gedempt);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:700;display:block}.m2-teller{background:var(--rand-zacht);min-width:22px;height:20px;color:var(--gedempt);border-radius:999px;place-items:center;padding:0 6px;font-size:.75rem;display:inline-grid}.m2-blok{background:var(--vlak);border:1px solid var(--rand);border-radius:10px;flex-direction:column;gap:.6rem;min-width:0;padding:1rem 1.1rem;display:flex}.m2-blok.accent-rood{border-top:3px solid var(--rood)}.m2-blok.accent-oranje{border-top:3px solid var(--s-bezig)}.m2-blokkop{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.m2-kolommen{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1rem;display:grid}.m2-kolommen.breed-links{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.m2-kolom{flex-direction:column;gap:1rem;min-width:0;display:flex}.m2-avatar{color:#39414f;background:#dfe4ec;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:.72rem;font-weight:700;display:inline-grid}.m2-avatar.leeg{color:#98a0ad;background:0 0;border:1.5px dashed #b8bfca}.m2-avatars{flex-wrap:wrap;gap:4px;display:flex}.m2-persoon{align-items:center;gap:.4rem;margin-right:.6rem;display:inline-flex}.m2-pil,.m2-statuscel,.m2-fase,.m2-fasecel{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;font-size:.78rem;font-weight:650;display:inline-flex}.m2-pil{padding:.15rem .5rem}.m2-statuscel,.m2-fasecel{appearance:none;text-align:center;text-align-last:center;cursor:pointer;border:0;min-width:112px;min-height:32px;padding:.35rem .6rem}.s-open{background:var(--s-open);color:#2b313b}.s-bezig{background:var(--s-bezig);color:#2b2107}.s-geblokkeerd{background:var(--s-geblokkeerd);color:#fff}.s-afgerond{background:var(--s-afgerond);color:#fff}.m2-prio{color:var(--gedempt);white-space:nowrap;font-size:.78rem;font-weight:650}.p-hoog{color:var(--oranje)}.p-urgent{color:var(--rood)}.p-laag{color:#9aa1ad}.m2-fase{padding:.12rem .5rem}.f-idee{color:#3d4450;background:#e6e9ee}.f-aangevraagd{color:#6b4a00;background:#ffe7b3}.f-besteld{color:#1b3f91;background:#cfe0ff}.f-geleverd{color:#0d5c35;background:#c8efd9}.f-retour{color:#4b2a92;background:#e6dcfa}.f-afgerond{color:#fff;background:#12884f}.f-geannuleerd{color:#7a7a7a;background:#eee;text-decoration:line-through}.m2-signalen{flex-wrap:wrap;gap:.3rem;display:inline-flex}.m2-signaal{white-space:nowrap;border-radius:4px;padding:.1rem .45rem;font-size:.72rem;font-weight:700}.g-laat,.g-geblokkeerd{background:var(--rood-zacht);color:var(--rood)}.g-urgent{background:var(--rood);color:#fff}.g-vandaag{background:var(--oranje-zacht);color:var(--oranje)}.g-onbemand{color:var(--gedempt);background:0 0;box-shadow:inset 0 0 0 1px #c9ced6}.m2-signaal.nul{color:#a3a9b4;box-shadow:none;background:0 0;font-weight:600}.m2-huurtag{color:#1b3f91;background:#eef3ff;border-radius:4px;padding:.05rem .4rem;font-size:.75rem;font-weight:600}.m2-evtag,.m2-loctag{color:var(--gedempt);background:var(--rand-zacht);border-radius:4px;padding:.12rem .5rem;font-size:.75rem;font-weight:650}.m2-werklijst{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.m2-werkrij{border-bottom:1px solid var(--rand-zacht);align-items:center;gap:.7rem;padding:.55rem 0;display:flex}.m2-werkrij:last-child{border-bottom:0}.m2-afvink{background:var(--vlak);color:#0000;border:2px solid #b5bcc8;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.m2-afvink:hover{border-color:var(--s-afgerond);color:var(--s-afgerond)}.m2-afvink.af{background:var(--s-afgerond);border-color:var(--s-afgerond);color:#fff}.m2-werkrij-hoofd{text-align:left;background:0 0;border:0;flex-direction:column;flex:1;align-items:flex-start;gap:.15rem;min-width:0;padding:0;display:flex}.m2-werkrij-titel{font-weight:650}.m2-werkrij-hoofd:hover .m2-werkrij-titel{color:var(--actie);text-decoration:underline}.m2-werkrij-meta{color:var(--gedempt);flex-wrap:wrap;gap:.15rem .6rem;font-size:.8rem;display:flex}.m2-werkrij-rechts{flex:none;align-items:center;gap:.5rem;display:flex}.m2-werkrij.is-af .m2-werkrij-titel{color:var(--gedempt);text-decoration:line-through}.m2-groep{flex-direction:column;display:flex}.m2-groep h3{text-transform:uppercase;letter-spacing:.05em;color:var(--gedempt);margin-top:.5rem;font-size:.75rem}.m2-groep h3 span{color:#a3a9b4}.m2-persona{flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;display:flex}.m2-persona label{align-items:center;gap:.6rem;font-weight:650;display:flex}.m2-persona small{color:var(--gedempt);font-weight:500}.m2-persona select{border:1px solid var(--rand);background:var(--vlak);border-radius:8px;min-height:38px;padding:.3rem .6rem;font-weight:600}.m2-persona p{color:var(--gedempt)}.m2-tellers{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.m2-tellers>div{background:var(--vlak);border:1px solid var(--rand);border-radius:10px;flex-direction:column;padding:.7rem .9rem;display:flex}.m2-tellers strong{font-size:1.6rem;line-height:1.1}.m2-tellers span{color:var(--gedempt);font-size:.8rem}.m2-tellers .rood{background:var(--rood-zacht);border-color:#f1c3c9}.m2-tellers .rood strong{color:var(--rood)}.m2-tellers .oranje{background:var(--oranje-zacht);border-color:#f4d6a8}.m2-tellers .oranje strong{color:var(--oranje)}.m2-tellers.klein strong{font-size:1.25rem}.m2-snel{gap:.5rem;display:flex}.m2-snel input{border:1px solid var(--rand);background:var(--vlak);border-radius:8px;flex:1;min-height:42px;padding:.4rem .8rem}.m2-signaalbalk{border:1px solid var(--rand);background:var(--vlak);border-radius:10px;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.7rem 1rem;display:flex}.m2-signaalbalk.actie{border-color:#f1c3c9;border-left:4px solid var(--rood)}.m2-signaalbalk.rustig{border-left:4px solid var(--s-afgerond)}.m2-signaalbalk-items{flex-wrap:wrap;gap:.4rem;display:flex}.m2-regietabel{flex-direction:column;display:flex}.m2-regierij{border:0;border-bottom:1px solid var(--rand-zacht);text-align:left;background:0 0;grid-template-columns:minmax(180px,1.4fr) minmax(160px,1.4fr) 70px 70px 90px minmax(180px,1.6fr);align-items:center;gap:.75rem;width:100%;padding:.6rem .5rem;display:grid}button.m2-regierij:hover{background:#f8f9fb}.m2-regierij.kop{color:var(--gedempt);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:700}.m2-regierij.actie{box-shadow:inset 3px 0 0 var(--rood)}.m2-regie-naam,.m2-regie-voortgang{flex-direction:column;gap:.2rem;min-width:0;display:flex}.m2-regie-naam small,.m2-regie-voortgang small{color:var(--gedempt);font-size:.78rem}.m2-regie-volgende{color:var(--gedempt);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.m2-verdeling{background:var(--rand-zacht);border-radius:3px;gap:1px;height:10px;display:flex;overflow:hidden}.m2-verdeling span{height:100%;display:block}.m2-legenda{color:var(--gedempt);flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.75rem;display:flex}.m2-legenda span{border-radius:2px;width:10px;height:10px;margin-left:.5rem;display:inline-block}.m2-dagstrook{grid-template-columns:repeat(14,minmax(0,1fr));gap:3px;display:grid}.m2-dagstrook button{border:1px solid var(--rand-zacht);color:var(--gedempt);background:#fafbfc;border-radius:6px;flex-direction:column;align-items:center;min-height:54px;padding:.3rem 0;display:flex}.m2-dagstrook small{font-size:.65rem}.m2-dagstrook strong{font-size:.9rem}.m2-dagteller{min-height:1em;font-size:.7rem;font-weight:800}.m2-dagstrook button.heeft{background:var(--oranje-zacht);color:var(--oranje);border-color:#f4d6a8}.m2-dagstrook button.actief{background:var(--actie);border-color:var(--actie);color:#fff}.m2-loctabs{gap:.35rem;padding-bottom:2px;display:flex;overflow-x:auto}.m2-loctabs button{border:1px solid var(--rand);background:var(--vlak);border-radius:999px;flex:none;min-height:38px;padding:.4rem .95rem;font-weight:600;position:relative}.m2-loctabs button.actief{background:var(--tekst);border-color:var(--tekst);color:#fff}.m2-stip{background:var(--rood);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-left:.4rem;display:inline-block}.m2-lockop{background:var(--vlak);border:1px solid var(--rand);border-radius:10px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:1rem 1.5rem;padding:1rem 1.2rem;display:grid}.m2-lockop h1{margin:.3rem 0 .2rem}.m2-mensen{flex-direction:column;gap:.6rem;display:flex}.m2-mensen>div{flex-direction:column;align-items:flex-start;gap:.3rem;display:flex}.m2-aandacht{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.m2-aandacht li{border-bottom:1px solid var(--rand-zacht);flex-direction:column;gap:.2rem;padding-bottom:.45rem;display:flex}.m2-aandacht li:last-child{border-bottom:0}.m2-aandacht button{text-align:left;background:0 0;border:0;padding:0;font-weight:650}.m2-aandacht button:hover{color:var(--actie);text-decoration:underline}.m2-huurlijst{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.m2-huurlijst li{border-bottom:1px solid var(--rand-zacht);justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.m2-huurlijst li:last-child{border-bottom:0}.m2-huurlijst-hoofd{text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;min-width:0;padding:0;display:flex}.m2-huurlijst-hoofd small{color:var(--gedempt)}.m2-afgerond summary{cursor:pointer;color:var(--gedempt);padding-top:.5rem;font-size:.85rem}.m2-werkbalk{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.m2-werkbalk select,.m2-zoek{border:1px solid var(--rand);background:var(--vlak);border-radius:8px;min-height:38px;padding:.35rem .6rem}.m2-zoek{flex:240px}.m2-chip{border:1px solid var(--rand);background:var(--vlak);border-radius:999px;min-height:38px;padding:.35rem .8rem;font-weight:600}.m2-chip.actief{background:var(--actie-zacht);border-color:var(--actie);color:var(--actie-donker)}.m2-segment{border:1px solid var(--rand);background:var(--bg);border-radius:8px;margin-left:auto;padding:3px;display:inline-flex}.m2-segment button{color:var(--gedempt);background:0 0;border:0;border-radius:6px;padding:.35rem .75rem;font-weight:600}.m2-segment button.actief{background:var(--vlak);color:var(--tekst);box-shadow:0 1px 2px #0000001f}.m2-vink{color:var(--gedempt);align-items:center;gap:.35rem;display:inline-flex}.m2-materiaalkaarten{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.75rem;display:grid}.m2-materiaalkaart{background:var(--vlak);border:1px solid var(--rand);border-radius:10px;flex-direction:column;gap:.2rem;padding:.8rem .95rem;display:flex}.m2-materiaalkaart strong{font-size:1.6rem;line-height:1.1}.m2-fasebalk{background:var(--rand-zacht);border-radius:3px;gap:1px;height:8px;margin-top:.3rem;display:flex;overflow:hidden}.m2-plantabel{flex-direction:column;display:flex}.m2-planrij{border-bottom:1px solid var(--rand-zacht);grid-template-columns:130px minmax(170px,1.6fr) 70px minmax(130px,1fr) minmax(130px,1fr) minmax(140px,1fr) 130px;align-items:center;gap:.75rem;padding:.55rem .25rem;display:grid}.m2-planrij.kop{color:var(--gedempt);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:700}.m2-plan-datum{flex-direction:column;font-weight:650;display:flex}.m2-plan-datum small{color:var(--gedempt);font-size:.75rem;font-weight:500}.m2-plan-datum em{color:var(--gedempt);font-weight:500}.m2-plan-mat{text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;min-width:0;padding:0;display:flex}.m2-plan-mat small{color:var(--gedempt);font-size:.78rem}.m2-plan-mat:hover strong{color:var(--actie);text-decoration:underline}.m2-plan-aantal{font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:750}.m2-planrij [data-label=Huurfase]{flex-direction:column;align-items:flex-start;gap:.2rem;display:flex}.m2-waarschuwing{color:var(--oranje);font-size:.72rem;font-weight:650}.m2-plan-actie{justify-content:flex-end;display:flex}.m2-fasebord{grid-template-columns:repeat(7,minmax(170px,1fr));gap:.6rem;padding-bottom:.5rem;display:grid;overflow-x:auto}.m2-fasekolom,.m2-kanbankolom{background:#eceef2;border-radius:10px;flex-direction:column;gap:.5rem;min-width:0;padding:.6rem;display:flex}.m2-fasekolom h3,.m2-kanbankolom h3{justify-content:space-between;align-items:center;display:flex}.m2-fasekolom h3>span:last-child,.m2-kanbankolom h3>span:last-child{color:var(--gedempt);font-size:.8rem}.m2-fasekaart,.m2-kaart{background:var(--vlak);border:1px solid var(--rand);border-radius:8px;flex-direction:column;align-items:flex-start;gap:.45rem;padding:.6rem;display:flex}.m2-fasekaart>button:first-child{text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;padding:0;display:flex}.m2-fasekaart small{color:var(--gedempt);font-size:.76rem}.m2-bordgroep{background:var(--vlak);border:1px solid var(--rand);border-radius:10px;overflow:hidden}.m2-bordgroep>header{border-bottom:1px solid var(--rand);background:#fafbfc;justify-content:space-between;align-items:center;padding:.45rem .6rem .45rem .4rem;display:flex}.m2-groepknop{background:0 0;border:0;align-items:baseline;gap:.5rem;padding:.2rem .4rem;font-size:.95rem;font-weight:700;display:flex}.m2-groepknop small{color:var(--gedempt);font-size:.8rem;font-weight:500}.m2-bordrij{border-bottom:1px solid var(--rand-zacht);grid-template-columns:46px minmax(220px,2.2fr) minmax(160px,1fr) 128px 110px 120px;align-items:center;min-height:46px;display:grid}.m2-bordrij:last-child{border-bottom:0}.m2-bordrij>*{min-width:0;padding:0 .5rem}.m2-bordrij.kop{min-height:32px;color:var(--gedempt);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:700}.m2-bordrij:not(.kop):hover{background:#f8f9fb}.m2-bord-vink{justify-content:center;display:flex}.m2-bord-titel{text-align:left;background:0 0;border:0;flex-wrap:wrap;align-items:center;gap:.4rem;padding-top:.5rem;padding-bottom:.5rem;font-weight:600;display:flex}.m2-bord-titel:hover{color:var(--actie)}.m2-bordrij.is-af .m2-bord-titel{color:var(--gedempt);text-decoration:line-through}.m2-bord-eigenaar{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.4rem;font-size:.85rem;display:flex;overflow:hidden}.m2-bord-status{align-self:stretch;padding:4px;display:flex}.m2-bord-status .m2-statuscel{border-radius:4px;width:100%}.m2-bord-deadline{flex-direction:column;font-size:.85rem;display:flex}.m2-bord-deadline small{font-size:.72rem}.m2-kanban{grid-template-columns:repeat(4,minmax(220px,1fr));align-items:start;gap:.75rem;display:grid;overflow-x:auto}.m2-kaart.laat{box-shadow:inset 3px 0 0 var(--rood)}.m2-kaart-titel{text-align:left;background:0 0;border:0;padding:0;font-weight:650}.m2-kaart-meta{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.m2-kaart .m2-statuscel{width:100%}.m2-detail{flex-direction:column;gap:1rem;display:flex}.m2-detail-labels{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.m2-statusbalk{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.m2-statusknop{border:1px solid var(--rand);border-radius:6px;min-height:44px;font-weight:650;background:var(--vlak)!important;color:var(--gedempt)!important}.m2-statusknop.actief.s-open{border-color:var(--s-open);background:var(--s-open)!important;color:#2b313b!important}.m2-statusknop.actief.s-bezig{border-color:var(--s-bezig);background:var(--s-bezig)!important;color:#2b2107!important}.m2-statusknop.actief.s-geblokkeerd{border-color:var(--s-geblokkeerd);background:var(--s-geblokkeerd)!important;color:#fff!important}.m2-statusknop.actief.s-afgerond{border-color:var(--s-afgerond);background:var(--s-afgerond)!important;color:#fff!important}.m2-blokkade{background:var(--rood-zacht);color:var(--rood);border-radius:8px;padding:.55rem .75rem}.m2-detail-acties{flex-wrap:wrap;gap:.5rem;display:flex}.m2-velden{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 1rem;margin:0;display:grid}.m2-velden dt{text-transform:uppercase;letter-spacing:.05em;color:var(--gedempt);font-size:.7rem;font-weight:700}.m2-velden dd{overflow-wrap:anywhere;margin:.15rem 0 0}.m2-velden .breed{grid-column:1/-1}.m2-detail-huur{border:1px solid var(--rand);background:#fafbfc;border-radius:10px;flex-direction:column;gap:.75rem;padding:.9rem;display:flex}.m2-detail-huur>header{justify-content:space-between;align-items:center;display:flex}.m2-huurkop{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.m2-huur-aantal{font-size:1.6rem;font-weight:800}.m2-huur-mat{flex:1;font-size:1.05rem;font-weight:650}.m2-toast{z-index:80;background:var(--rail);color:#fff;border-radius:10px;align-items:center;gap:1rem;max-width:calc(100vw - 2rem);padding:.7rem 1rem;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000040}.m2-toast button{color:#9cc0ff;white-space:nowrap;background:0 0;border:0;font-weight:700}.overlay{z-index:50;background:#14171c73;display:flex;position:fixed;inset:0}.overlay-dialoog{z-index:60;justify-content:center;align-items:center;padding:1rem}.overlay-paneel{justify-content:flex-end}.venster{background:var(--vlak);outline:none;flex-direction:column;display:flex;box-shadow:0 10px 40px #00000040}.venster-dialoog{border-radius:12px;width:min(660px,100%);max-height:calc(100vh - 2rem)}.venster-paneel{width:min(580px,100%);height:100%}.venster-kop{border-bottom:1px solid var(--rand);justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.2rem;display:flex}.venster-kop h2{font-size:1.1rem}.venster-inhoud{padding:1.1rem 1.2rem;overflow-y:auto}.knop-icoon{width:40px;height:40px;color:var(--gedempt);background:0 0;border:0;border-radius:8px;font-size:1.1rem}.knop-icoon:hover{background:var(--bg)}.knop{border:1px solid var(--rand);background:var(--vlak);border-radius:8px;justify-content:center;align-items:center;min-height:40px;padding:.4rem .9rem;font-weight:600;display:inline-flex}.knop-primair{background:var(--actie);border-color:var(--actie);color:#fff}.knoppen{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.formulier{flex-direction:column;gap:.85rem;display:flex}.veld{flex-direction:column;gap:.25rem;min-width:0;display:flex}.veld>span{font-size:.8rem;font-weight:650}.veld em{color:var(--gedempt);margin-left:.25rem;font-size:.75rem;font-style:normal;font-weight:500}.formulier input,.formulier select,.formulier textarea{border:1px solid var(--rand);background:var(--vlak);border-radius:8px;width:100%;min-height:40px;padding:.4rem .6rem}.veld-rij{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.veld-rij.drie{grid-template-columns:repeat(3,minmax(0,1fr))}.hint{color:var(--gedempt);font-size:.8rem}.fouten{background:var(--rood-zacht);color:var(--rood);border-radius:8px;padding:.6rem .8rem;font-weight:600}@media (width<=1200px){.m2-regierij{grid-template-columns:minmax(160px,1.3fr) minmax(140px,1.3fr) 56px 64px 84px minmax(140px,1.3fr)}.m2-planrij{grid-template-columns:115px minmax(150px,1.5fr) 60px minmax(110px,1fr) minmax(110px,1fr) minmax(130px,1fr) 120px}.m2-lockop{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.m2-lockop .m2-tellers{grid-column:1/-1}}@media (width<=900px){.m2{grid-template-columns:minmax(0,1fr)}.m2-rail{display:none}.m2-top{gap:.6rem;padding:.5rem .85rem}.m2-top-app,.m2-top-nieuw{display:none}.m2-demo{padding:.3rem .85rem}.m2-inhoud{padding:.9rem .85rem calc(6.5rem + env(safe-area-inset-bottom))}.m2-tabbalk{z-index:40;background:var(--vlak);border-top:1px solid var(--rand);padding:.25rem .25rem calc(.25rem + env(safe-area-inset-bottom));grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0}.m2-tabbalk button{color:var(--gedempt);background:0 0;border:0;border-radius:8px;flex-direction:column;align-items:center;gap:.05rem;min-height:50px;padding:.35rem 0;font-size:.68rem;font-weight:650;display:flex}.m2-tabbalk button span{font-size:1.15rem;line-height:1.1}.m2-tabbalk button.actief{color:var(--actie);background:var(--actie-zacht)}.m2-fab{right:1rem;bottom:calc(4.6rem + env(safe-area-inset-bottom));z-index:41;background:var(--actie);color:#fff;border:0;border-radius:50%;place-items:center;width:56px;height:56px;font-size:1.8rem;display:grid;position:fixed;box-shadow:0 6px 18px #2563eb66}.m2-toast{bottom:calc(5rem + env(safe-area-inset-bottom))}.m2-kolommen,.m2-kolommen.breed-links{grid-template-columns:minmax(0,1fr)}.m2-tellers{grid-template-columns:repeat(2,minmax(0,1fr))}.m2-lockop{grid-template-columns:minmax(0,1fr)}.m2-segment{margin-left:0}.m2-regierij.kop{display:none}.m2-regierij{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem .75rem;padding:.7rem .5rem}.m2-regie-naam,.m2-regie-voortgang,.m2-regie-volgende{grid-column:1/-1}.m2-regierij>span[data-label]:before{content:attr(data-label) " ";color:var(--gedempt);font-size:.78rem;font-weight:500}.m2-regie-volgende{white-space:normal}.m2-planrij.kop{display:none}.m2-planrij{grid-template-columns:minmax(0,1fr) auto;gap:.35rem .75rem;padding:.75rem .25rem}.m2-planrij>*{grid-column:1/-1}.m2-planrij .m2-plan-mat{grid-area:1/1}.m2-planrij .m2-plan-aantal{grid-area:1/2;font-size:1.4rem}.m2-planrij>span[data-label=Locatie]:before,.m2-planrij>span[data-label=Leverancier]:before,.m2-planrij>span[data-label=Levering]:before{content:attr(data-label) ": ";color:var(--gedempt);font-weight:500}.m2-plan-datum{flex-flow:wrap;gap:.4rem}.m2-plan-actie{justify-content:flex-start}.m2-bordrij.kop{display:none}.m2-bordrij{grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"vink titel status""vink eigenaar prio""vink deadline deadline";row-gap:.15rem;padding:.5rem .4rem .5rem 0}.m2-bord-vink{grid-area:vink;align-self:start;padding-top:.4rem}.m2-bord-titel{grid-area:titel;padding-top:.2rem;padding-bottom:.2rem}.m2-bord-status{grid-area:status;align-self:start;padding:0}.m2-bord-status .m2-statuscel{min-width:104px}.m2-bord-eigenaar{grid-area:eigenaar}.m2-bord-prio{text-align:right;grid-area:prio}.m2-bord-deadline{color:var(--gedempt);flex-direction:row;grid-area:deadline;gap:.5rem}.m2-bord-deadline.rood{color:var(--rood)}.m2-kanban{scroll-snap-type:x mandatory;grid-template-columns:repeat(4,78vw)}.m2-kanbankolom{scroll-snap-align:start}.m2-fasebord{scroll-snap-type:x mandatory;grid-template-columns:repeat(7,72vw)}.m2-fasekolom{scroll-snap-align:start}}@media (width<=560px){h1{font-size:1.2rem}.m2-top-scherm{font-size:1rem}.m2-evwissel-label,.m2-evwissel .lang{display:none}.m2-evwissel .kort{display:inline}.m2-evwissel button{padding:.4rem .7rem}.m2-demo{font-size:.72rem}.m2-werkrij{align-items:flex-start}.m2-werkrij-rechts{flex-direction:column;align-items:flex-end;gap:.3rem}.m2-persona label{flex-direction:column;align-items:stretch;gap:.3rem;width:100%}.m2-werkbalk select{flex:45%}.m2-zoek{flex-basis:100%}.m2-dagstrook{grid-template-columns:repeat(7,minmax(0,1fr))}.m2-velden,.veld-rij,.veld-rij.drie{grid-template-columns:minmax(0,1fr)}.m2-statusbalk{grid-template-columns:repeat(2,minmax(0,1fr))}.overlay-dialoog{align-items:stretch;padding:0}.venster-dialoog{border-radius:0;width:100%;height:100%;max-height:100vh}.m2-snel .m2-knop{padding:.4rem .7rem}.m2-materiaalkaarten{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.m2-materiaalkaart strong{font-size:1.3rem}}.m2-omgeving{letter-spacing:.08em;color:#fff;background:#6d3fc0;padding:.3rem 1.5rem;font-size:.75rem;font-weight:800}.m2-omgeving.o-pilot{background:#b45d00}.m2-gebruiker{align-items:center;gap:.6rem;display:flex}.m2-gebruiker-naam{text-align:right;flex-direction:column;font-weight:650;line-height:1.2;display:flex}.m2-gebruiker-naam small{color:var(--gedempt);font-size:.75rem;font-weight:500}.m2-evwissel.enkel{padding:.45rem .9rem;font-weight:650}.m2-schermkop{justify-content:flex-end;margin-bottom:.75rem;display:flex}.m2-alleen-inzien{color:#3d4450;background:#eef1f5;border-radius:8px;padding:.5rem .75rem;font-size:.88rem}.m2-inzien-label{color:var(--gedempt);font-size:.75rem;font-weight:600}.m2-laden{min-height:60vh;color:var(--gedempt);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}button:disabled{cursor:not-allowed}.m2-afvink:disabled{opacity:.35}.m2-statuscel:disabled,.m2-fasecel:disabled{cursor:not-allowed;opacity:.85}.m2-statusknop:disabled{opacity:.55}.knop:disabled{opacity:.6}.m2-toegang{background:var(--rail);place-items:center;min-height:100vh;padding:1rem;display:grid}.m2-toegang-kaart{background:var(--vlak);border-radius:14px;flex-direction:column;gap:1rem;width:min(420px,100%);padding:1.75rem;display:flex;box-shadow:0 20px 50px #00000059}.m2-toegang-merk{align-items:center;gap:.75rem;display:flex}.m2-toegang-merk .m2-logo{background:var(--rail);color:#fff}.m2-toegang-merk span:last-child{flex-direction:column;line-height:1.2;display:flex}.m2-toegang-merk small{color:var(--gedempt)}.m2-toegang .knop-primair{min-height:44px}.m2-melding-ok{color:#0d5c35;background:#e4f4ea;border-radius:8px;padding:.55rem .75rem;font-weight:600}@media (width<=900px){.m2-schermkop,.m2-gebruiker-naam{display:none}.m2-omgeving{padding:.25rem .85rem}}.m2-kpi{grid-template-columns:repeat(5,minmax(0,1fr))}.m2-kpi>button{background:var(--vlak);border:1px solid var(--rand);text-align:left;cursor:pointer;border-radius:10px;flex-direction:column;align-items:flex-start;min-height:72px;padding:.7rem .9rem;display:flex}.m2-kpi>button:hover{border-color:var(--actie)}.m2-kpi>button:focus-visible{outline:2px solid var(--actie);outline-offset:2px}.m2-snelfilters{flex-wrap:wrap;gap:.4rem;display:flex}.m2-snelfilter{border:1px solid var(--rand);background:var(--vlak);min-height:34px;color:var(--tekst,inherit);border-radius:999px;padding:.3rem .8rem;font-size:.85rem;font-weight:600}.m2-snelfilter span{color:var(--gedempt);margin-left:.25rem;font-weight:700}.m2-snelfilter.actief{background:var(--actie);border-color:var(--actie);color:#fff}.m2-snelfilter.actief span{color:#fff}.m2-snelfilter.sf-laat:not(.actief),.m2-snelfilter.sf-geblokkeerd:not(.actief){border-color:#f1c3c9}.m2-bordrij.is-laat .m2-bord-deadline,.m2-bordrij.is-geblokkeerd .m2-bord-titel{color:var(--rood)}.m2-bordrij.is-laat,.m2-bordrij.is-geblokkeerd{box-shadow:inset 3px 0 0 var(--rood)}.m2-bord-titel{flex-direction:column;align-items:flex-start;gap:.15rem;display:flex}.m2-blokkade{color:var(--rood);font-size:.78rem;font-weight:600}.m2-loctab-nieuw{border:1px dashed var(--actie);color:var(--actie);background:0 0;border-radius:999px;flex:none;min-height:38px;padding:.4rem .95rem;font-weight:600}.m2-lockop .m2-knop-klein{margin-top:.5rem}.m2-leegblok{flex-direction:column;align-items:flex-start;gap:.6rem;display:flex}.m2-archief summary{cursor:pointer;color:var(--gedempt);font-weight:650}.m2-archief ul{flex-direction:column;gap:.4rem;margin:.6rem 0 0;padding:0;list-style:none;display:flex}.m2-archief li{border-bottom:1px solid var(--rand-zacht);justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem 0;display:flex}.m2-archief small{color:var(--gedempt);margin-left:.35rem}.m2-koppelingen{border:1px solid var(--rand);border-radius:8px;flex-direction:column;gap:.35rem;padding:.5rem .75rem;display:flex}.m2-koppelingen legend{padding:0 .25rem;font-weight:600}.knoppen-ruimte{flex:auto}.m2-knop-gevaar{color:var(--rood);border-color:#f1c3c9}.m2-knop-gevaar-vol{background:var(--rood);border-color:var(--rood);color:#fff}.m2-bevestig{background:var(--rood-zacht);border:1px solid #f1c3c9;border-radius:8px;flex-direction:column;gap:.6rem;margin-top:.75rem;padding:.75rem;display:flex}@media (width<=900px){.m2-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}.m2-kpi>button:last-child{grid-column:1/-1}}.m2-koppelingen .m2-vink{color:inherit;gap:.5rem}.m2-koppelingen .m2-vink input{flex:none;width:18px;height:18px;min-height:0;margin:0}.m2-koppelingen small{color:var(--gedempt)}.l-aangevraagd{color:#6b4a00;background:#ffe7b3}.l-bevestigd{color:#1b3f91;background:#cfe0ff}.l-onderweg{color:#4b2a92;background:#e6dcfa}.l-geleverd{color:#0d5c35;background:#c8efd9}.l-retour_verwerkt{color:#fff;background:#12884f}.l-geannuleerd{color:#7a7a7a;background:#eee;text-decoration:line-through}.m2-fasecel:disabled{cursor:default;opacity:.85}.m2-kpi>button.gekozen{outline:2px solid var(--actie);outline-offset:1px}.m2-subkop{text-transform:uppercase;letter-spacing:.05em;color:var(--gedempt);margin:.9rem 0 .35rem;font-size:.8rem}.m2-blokkop-knoppen{flex-wrap:wrap;gap:.35rem;display:inline-flex}.m2-dekking{background:var(--s-open);border-radius:4px;gap:2px;width:100%;height:8px;display:flex;overflow:hidden}.m2-dekking .d-geregeld{background:var(--s-afgerond)}.m2-dekking .d-aangevraagd{background:var(--s-bezig)}.m2-materiaallijst{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.m2-materiaallijst>li{border-bottom:1px solid var(--rand-zacht);padding:.6rem 0}.m2-materiaallijst>li:last-child{border-bottom:0}.m2-materiaallijst>li.tekort{box-shadow:inset 3px 0 0 var(--s-bezig);padding-left:.6rem}.m2-materiaal-kop{grid-template-columns:minmax(0,1.6fr) minmax(140px,1fr) auto;align-items:center;gap:.75rem;display:grid}.m2-materiaal-naam{text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;min-width:0;padding:0;display:flex}.m2-materiaal-naam:disabled{cursor:default;color:inherit}.m2-materiaal-naam small,.m2-materiaal-stand small{color:var(--gedempt);font-size:.8rem}.m2-materiaal-stand{flex-direction:column;gap:.25rem;display:flex}.m2-leveringen{border-left:2px solid var(--rand);flex-direction:column;gap:.3rem;margin:.4rem 0 0 .9rem;padding:0 0 0 .75rem;list-style:none;display:flex}.m2-leveringen li{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.m2-levering-info{text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;min-width:0;padding:0;font-size:.88rem;display:flex}.m2-levering-info:disabled{cursor:default;color:inherit}.m2-levering-info small{color:var(--gedempt)}.m2-logistiek-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.25rem;display:grid}.m2-compactlijst{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.m2-compactlijst li{border-bottom:1px solid var(--rand-zacht);justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem 0;display:flex}.m2-compactlijst li:last-child{border-bottom:0}.m2-compactlijst li>span:first-child{flex-direction:column;gap:.1rem;min-width:0;display:flex}.m2-compactlijst small{color:var(--gedempt);font-size:.8rem}.m2-levertabel{flex-direction:column;display:flex}.m2-leverrij{border-bottom:1px solid var(--rand-zacht);grid-template-columns:minmax(200px,2fr) minmax(130px,1.2fr) minmax(120px,1fr) 100px 100px 140px;align-items:center;gap:.5rem;padding:.5rem .25rem;display:grid}.m2-leverrij.kop{color:var(--gedempt);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:700}.m2-leverrij.actie{box-shadow:inset 3px 0 0 var(--rood)}.m2-leverrij.is-af{color:var(--gedempt)}.m2-lever-materiaal{text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:.15rem;min-width:0;padding:0;display:flex}.m2-lever-materiaal:disabled{cursor:default;color:inherit}.m2-lever-materiaal small{color:var(--gedempt)}.m2-leverancierlijst{flex-direction:column;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.m2-leverancierlijst li{border-bottom:1px solid var(--rand-zacht);justify-content:space-between;gap:1rem;padding:.7rem 0;display:flex}.m2-leverancierlijst li>div:first-child{flex-direction:column;gap:.1rem;min-width:0;display:flex}.m2-leverancierlijst small{color:var(--gedempt)}.m2-leverancierlijst li.gearchiveerd,.m2-gebruikerslijst li.gearchiveerd{opacity:.6}.m2-leverancier-rechts{flex-direction:column;align-items:flex-end;gap:.35rem;display:flex}.m2-linkknop{color:var(--actie);background:0 0;border:0;align-self:flex-start;padding:.2rem 0;font-size:.82rem;font-weight:600}.m2-gebruikerslijst{flex-direction:column;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.m2-gebruikerslijst li{border-bottom:1px solid var(--rand-zacht);grid-template-columns:minmax(0,2fr) minmax(150px,1fr) auto;align-items:center;gap:.75rem;padding:.7rem 0;display:grid}.m2-gebruiker-info{align-items:center;gap:.6rem;min-width:0;display:flex}.m2-gebruiker-info>span{flex-direction:column;min-width:0;display:flex}.m2-gebruiker-info small,.m2-gebruiker-status small{color:var(--gedempt);overflow-wrap:anywhere;font-size:.8rem}.m2-gebruiker-status{flex-direction:column;align-items:flex-start;gap:.2rem;display:flex}.m2-gebruiker-acties{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;display:flex}.m2-rolpil{background:var(--bg);border:1px solid var(--rand);border-radius:4px;padding:.1rem .5rem;font-size:.75rem;font-weight:700}.m2-accountstatus{border-radius:4px;padding:.1rem .5rem;font-size:.75rem;font-weight:700}.m2-accountstatus.aan{color:#0d5c35;background:#c8efd9}.m2-accountstatus.wacht{color:#1b3f91;background:#cfe0ff}.m2-accountstatus.let-op{background:var(--oranje-zacht);color:var(--oranje)}.m2-accountstatus.uit{color:#555;background:#eee}.m2-linkvak{gap:.5rem;margin:.75rem 0;display:flex}.m2-linkvak input{border:1px solid var(--rand);border-radius:8px;flex:auto;min-width:0;padding:.5rem;font-family:ui-monospace,monospace;font-size:.8rem}.m2-koppelingen input[type=radio]{flex:none;width:18px;height:18px;margin:0}@media (width<=900px){.m2-materiaal-kop{grid-template-columns:minmax(0,1fr) auto}.m2-materiaal-stand{grid-area:2/1/auto/-1}.m2-logistiek-grid{grid-template-columns:minmax(0,1fr)}.m2-leverrij.kop{display:none}.m2-leverrij{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"m s""l l""b b""d r";row-gap:.2rem}.m2-leverrij>:first-child{grid-area:m}.m2-leverrij>:nth-child(2){grid-area:l}.m2-leverrij>:nth-child(3){grid-area:b}.m2-leverrij>:nth-child(4){grid-area:d}.m2-leverrij>:nth-child(5){text-align:right;grid-area:r}.m2-leverrij>:nth-child(6){grid-area:s}.m2-leverrij>[data-label]:before{content:attr(data-label) ": ";color:var(--gedempt);font-size:.78rem}.m2-gebruikerslijst li{grid-template-columns:minmax(0,1fr)}.m2-gebruiker-acties{justify-content:flex-start}.m2-leverancierlijst li{flex-direction:column;gap:.4rem}.m2-leverancier-rechts{flex-flow:wrap;align-items:flex-start}.m2-tabbalk.n-6{grid-template-columns:repeat(6,1fr)}.m2-tabbalk.n-6 button{font-size:.62rem}}.m2-signaalbalk-knop{text-align:left;cursor:pointer;width:100%;font:inherit}.m2-signaalbalk-knop:hover{border-color:var(--actie)}.m2-leverrij:not(.kop){padding-left:.75rem}.m2-gebruikerslijst li{grid-template-columns:minmax(0,1.6fr) minmax(170px,.7fr) minmax(0,1.5fr)}.m2-logistiek-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=1200px){.m2-logistiek-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.m2-gebruikerslijst li,.m2-logistiek-grid{grid-template-columns:minmax(0,1fr)}}