:root{--achtergrond:#f5f1ea;--kaart:#fff;--tekst:#2b2620;--gedempt:#6f665c;--lijn:#e2dbd0;--accent:#7aa26b;--accent-donker:#5f8552;--waarschuwing:#b5542d;--tik:48px;--radius:12px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--achtergrond);color:var(--tekst);-webkit-text-size-adjust:100%;font:16px/1.3 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{min-height:100dvh}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}.scherm{flex-direction:column;min-height:100dvh;display:flex}.scherm.met-onderbalk{padding-bottom:72px}.inhoud{padding:0 12px}.kop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-height:52px;padding:4px 12px;display:flex}.kop h1{overflow-wrap:anywhere;min-width:0;margin:0;font-size:22px;line-height:1.2}.kop .terug{min-height:var(--tik);color:var(--accent-donker);align-items:center;padding:0 4px;font-weight:600;display:inline-flex}.sync{align-items:center;gap:6px;font-size:14px;display:flex}.badge{background:var(--lijn);color:var(--tekst);white-space:nowrap;border-radius:999px;padding:4px 8px;display:inline-block}.badge.offline{background:var(--waarschuwing);color:#fff}.chips{gap:6px;padding:0 12px 6px;display:flex}.chip{border:1px solid var(--lijn);background:var(--kaart);border-radius:999px;flex:1;min-height:40px;font-size:15px}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.lijst{flex-direction:column;gap:4px;padding:0 12px;display:flex}.kaart{border-radius:var(--radius);background:var(--kaart);border:1px solid var(--lijn);border-left-width:6px;min-height:52px;padding:7px 10px;display:block}.kaart .titel{white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.kaart .meta{color:var(--gedempt);white-space:nowrap;align-items:center;gap:6px;font-size:14px;display:flex;overflow:hidden}.stip{background:var(--lijn);border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.letter{background:var(--lijn);width:20px;height:20px;color:var(--tekst);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.status{text-transform:none}.meer{border:1px dashed var(--lijn);border-radius:var(--radius);min-height:40px;color:var(--gedempt);background:0 0;margin:4px 12px 0}.leeg{color:var(--gedempt);padding:12px}.sectie{border-radius:var(--radius);background:var(--kaart);border:1px solid var(--lijn);margin:4px 12px 0}.sectie summary{cursor:pointer;align-items:center;min-height:40px;padding:0 12px;font-weight:600;list-style:none;display:flex}.sectie summary::-webkit-details-marker{display:none}.sectie summary:before{content:"▸";color:var(--gedempt);margin-right:8px}.sectie[open] summary:before{content:"▾"}.sectie li a,.sectie li span{border-top:1px solid var(--lijn);min-height:44px;padding:10px 12px;display:block}.onderbalk{padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--achtergrond);border-top:1px solid var(--lijn);align-items:center;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.onderbalk button{min-height:var(--tik);border-radius:var(--radius);border:1px solid var(--lijn);background:var(--kaart);font-weight:600}.onderbalk .plus{background:var(--accent);border-color:var(--accent);color:#fff;width:64px;font-size:28px}.veld{flex-direction:column;gap:4px;margin:10px 0;display:flex}.veld[hidden]{display:none}.veld label{color:var(--gedempt);font-size:14px;font-weight:600}.veld input,.veld select,.veld textarea{min-height:var(--tik);border:1px solid var(--lijn);border-radius:var(--radius);background:var(--kaart);padding:10px 12px}.veld textarea{resize:vertical;min-height:72px}.veld.verplicht label:after{content:" *";color:var(--waarschuwing)}.schakelaar{min-height:var(--tik);align-items:center;gap:10px;display:flex}.schakelaar input{width:24px;height:24px}.rij{gap:8px;display:flex}.rij .veld{flex:1;min-width:0}.veld input,.veld select,.veld textarea{width:100%;min-width:0}.statusregel{min-height:var(--tik);color:var(--gedempt);align-items:center;gap:8px;font-size:15px;display:flex}.links li a{min-height:44px;color:var(--accent-donker);padding:10px 0;text-decoration:underline;display:block}.knop-groot{border-radius:var(--radius);background:var(--accent);color:#fff;border:none;width:100%;min-height:56px;font-size:18px;font-weight:700}.knop-groot[disabled]{background:var(--lijn);color:var(--gedempt)}.knop-tweede{width:100%;min-height:var(--tik);border-radius:var(--radius);border:1px solid var(--lijn);background:var(--kaart)}.knop-groot+.melding,.melding{color:var(--waarschuwing);min-height:20px;margin:8px 0;font-weight:600}.fout{color:var(--waarschuwing);margin:8px 0;font-weight:600}.onderaan{z-index:5;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--achtergrond);border-top:1px solid var(--lijn);position:fixed;bottom:0;left:0;right:0}.scherm.met-statusbalk{padding-bottom:132px}.inloggen{max-width:420px;margin:0 auto;padding:24px 16px}.inloggen h1{margin:12px 0 24px;font-size:28px}.keuze{gap:12px;margin-bottom:16px;display:flex}.keuze button{border-radius:var(--radius);border:2px solid var(--lijn);background:var(--kaart);flex:1;min-height:88px;font-size:20px;font-weight:700}.keuze button[aria-pressed=true]{border-color:var(--accent);background:#eaf2e6}.tabs{gap:6px;margin:8px 0;display:flex}.tabs button{min-height:var(--tik);border-radius:var(--radius);border:1px solid var(--lijn);background:var(--kaart);flex:1;font-weight:600}.tabs button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.toast{background:var(--tekst);color:#fff;z-index:10;border-radius:999px;padding:10px 16px;font-weight:600;position:fixed;bottom:84px;left:50%;transform:translate(-50%)}.tijdfilter{border:1px solid var(--lijn);background:var(--kaart);border-radius:999px;flex:none;min-height:40px;padding:0 8px;font-size:15px}.secties{gap:6px;height:44px;margin:4px 12px 0;display:flex}.secties button{border:1px solid var(--lijn);border-radius:var(--radius);background:var(--kaart);white-space:normal;flex:1;min-width:0;padding:0 2px;font-size:12px;font-weight:600;line-height:1.15;overflow:hidden}.secties button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.sectie-lijst{border-radius:var(--radius);background:var(--kaart);border:1px solid var(--lijn);margin:4px 12px 0}.sectie-lijst li a,.sectie-lijst li span{min-height:44px;padding:10px 12px;display:block}.sectie-lijst li+li a,.sectie-lijst li+li span{border-top:1px solid var(--lijn)}.sectie-lijst .reden{color:var(--gedempt);font-size:.85em;display:block}.sectie-lijst .alle{color:var(--accent-donker);font-weight:600}.kaart.geblokkeerd{opacity:.55}.kaart .reden{color:var(--gedempt);white-space:normal;font-size:.85em;display:block}.kop-rechts{flex-direction:column;align-items:flex-end;display:flex}.gewijzigd{color:var(--gedempt);font-size:13px}.banner{background:#f6e7c1;border-radius:8px;margin:8px 0;padding:8px 12px}.prio-rij{align-items:center;gap:12px;display:flex}.prio-rij .prio{min-width:var(--tik);min-height:var(--tik);border:1px solid var(--lijn);border-radius:var(--radius);background:var(--kaart);font-size:18px}.prio-waarde{text-align:center;min-width:32px;font-size:18px;font-weight:700}.kanpasna summary{min-height:var(--tik);color:var(--gedempt);cursor:pointer;align-items:center;font-size:14px;font-weight:600;display:flex}.checklist li{border-top:1px solid var(--lijn);align-items:center;gap:10px;min-height:48px;display:flex}.checklist li:first-child{border-top:none}.checklist input[type=checkbox]{flex:none;width:24px;height:24px}.checklist label{color:var(--tekst);flex:1;font-size:16px;font-weight:400}.checklist .weg{min-width:var(--tik);min-height:var(--tik);color:var(--gedempt);background:0 0;border:none;font-size:22px}.checklistvak{border:1px solid var(--lijn);border-radius:var(--radius);background:var(--kaart);margin:0 0 10px;padding:0 12px}.nieuw-item{align-items:center;padding:8px 0}.nieuw-item input{min-width:0;min-height:var(--tik);border:1px solid var(--lijn);border-radius:var(--radius);flex:1;padding:10px 12px}.nieuw-item .knop-tweede{width:auto;padding:0 16px}.gevaar{width:100%;min-height:var(--tik);color:#a33;border-radius:var(--radius);background:0 0;border:1px solid #a33;margin:16px 0 24px;scroll-margin-bottom:140px;font-weight:600}.kop select{border:1px solid var(--lijn);background:var(--kaart);border-radius:999px;max-width:45%;min-height:40px;padding:0 8px;font-size:15px}.fase{border-radius:var(--radius);background:var(--kaart);border:1px solid var(--lijn);margin:8px 0}.fase summary{min-height:var(--tik);cursor:pointer;align-items:center;padding:0 12px;font-weight:600;list-style:none;display:flex}.fase summary::-webkit-details-marker{display:none}.fase summary:before{content:"▸";color:var(--gedempt);margin-right:8px}.fase[open] summary:before{content:"▾"}.fase .lijst{padding:0 8px 8px}.sjabloon{border:1px dashed var(--lijn);border-radius:var(--radius);margin:16px 0 24px;padding:12px}.zoekrij .veld{margin:8px 0}.chips.zonder-rand{padding:0 0 6px}.inhoud>.lijst{padding:0}.genomen{color:var(--accent-donker);font-weight:600}.inhoud h1{margin:8px 0;font-size:22px}.kaart .klus{opacity:.7;text-overflow:ellipsis;white-space:nowrap;max-width:40%;font-size:12px;overflow:hidden}.kaart .velden{opacity:.7;margin-left:auto;font-size:12px}.badge.live-uit{color:var(--tekst);background:#f6e7c1}.stappen{border:1px solid var(--lijn);border-radius:var(--radius);background:var(--kaart);margin:0 0 8px}.stappen li{align-items:center;min-height:48px;display:flex}.stappen li+li{border-top:1px solid var(--lijn)}.stappen li a{flex:1;align-items:center;gap:8px;min-width:0;min-height:48px;padding:6px 12px;display:flex}.stappen li a .titel{flex:1;min-width:0}.stappen li a .reden{color:var(--gedempt);font-size:.85em;display:block}.stappen .status{opacity:.7;flex:none;margin-left:auto;font-size:14px}.stappen-blok .uitleg{color:var(--gedempt);margin:0;font-size:14px}.melding.tikbaar{cursor:pointer;text-decoration:underline}dialog.kijkvenster{border:1px solid var(--lijn);border-radius:var(--radius);background:var(--kaart);width:min(560px,100vw - 24px);max-height:90dvh;color:var(--tekst);padding:16px;overflow-y:auto}dialog.kijkvenster::backdrop{background:#2b262073}dialog.kijkvenster h2{margin:0 0 4px;font-size:20px}dialog.kijkvenster h3{margin:12px 0 4px;font-size:16px}dialog.kijkvenster .herkomst{color:var(--gedempt);word-break:break-word;margin:0 0 8px;font-size:14px}dialog.kijkvenster pre{white-space:pre;border:1px solid var(--lijn);border-radius:var(--radius);background:var(--achtergrond);max-height:50vh;margin:0;padding:10px;font-size:13px;overflow:auto}dialog.kijkvenster .open-vragen li{padding:4px 0 4px 14px;position:relative}dialog.kijkvenster .open-vragen li:before{content:"•";color:var(--gedempt);position:absolute;left:0}dialog.kijkvenster .samenvatting{margin:0 0 12px;font-size:16px}dialog.kijkvenster .knop-exact{min-height:var(--tik)}dialog.kijkvenster .exact{margin-top:12px}dialog.kijkvenster .exact .herkomst{margin:0 0 6px}.venster-knoppen{gap:8px;margin-top:12px;display:flex}.venster-knoppen button{min-height:var(--tik);flex:1}.venster-knoppen .knop-groot{margin:0}.voorstel-rij{border-top:1px solid var(--lijn);padding:8px 0}.voorstel-kop{min-height:var(--tik);align-items:center;gap:10px;display:flex}.voorstel-kop label{flex:1;font-weight:600}.voorstel-waarden{flex-wrap:wrap;align-items:baseline;gap:6px;font-size:15px;display:flex}.voorstel-waarden .oud{color:var(--gedempt)}.voorstel-waarden .leeg{color:var(--gedempt);font-style:italic}.voorstel-waarden .pijl{color:var(--gedempt)}.voorstel-waarden .nieuw{font-weight:600}.vragen h2{margin:12px 0 0;font-size:18px}.vragen .teller{color:var(--gedempt);margin:2px 0 8px;font-size:14px}.vragen .vraag{margin:0 0 8px;font-size:17px}.vragen textarea{min-height:120px}.vragen .laden{color:var(--gedempt)}.ai-knop{margin:4px 0 10px}.bespreken .uitleg{color:var(--gedempt);margin:8px 0}.agenda{flex-direction:column;gap:4px;padding:0;display:flex}.agenda li a.kaart{min-height:64px;padding:8px 10px}.agenda .soort{letter-spacing:.02em;color:var(--gedempt);font-size:12px;font-weight:700;display:block}.agenda .titel{white-space:normal;font-weight:600;display:block}.agenda .reden{color:var(--gedempt);white-space:normal;font-size:14px;display:block}.logboek{gap:6px}.logboek .logregel{border:1px solid var(--lijn);border-radius:var(--radius);background:var(--kaart);padding:8px 10px}.logkop{align-items:center;gap:8px;min-height:28px;display:flex}.logkop .type{font-weight:600}.logkop .status,.logkop .tijd{color:var(--gedempt);font-size:14px}.logkop .tijd{margin-left:auto}.logmeta{color:var(--gedempt);flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;display:flex}.logmeta a.verwijzing{min-height:var(--tik);color:var(--accent-donker);align-items:center;text-decoration:underline;display:inline-flex}.logregel .velden summary{min-height:var(--tik);color:var(--gedempt);cursor:pointer;align-items:center;font-size:14px;font-weight:600;display:flex}.logregel .velden ul{padding:0 0 4px 18px;font-size:14px}.logregel .velden li{list-style:outside}.logregel .leeg{padding:4px 0;font-size:14px}.kop .kop-knoppen{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;display:flex}.kop .kop-knop{min-height:var(--tik);border:1px solid var(--lijn);border-radius:var(--radius);background:var(--kaart);white-space:nowrap;padding:0 12px;font-weight:600}.kop .kop-link{min-height:var(--tik);color:var(--accent-donker);align-items:center;padding:0 4px;font-weight:600;display:inline-flex}.gesprek .gesprekken{margin:4px 12px 0}.gesprekslijst{border-radius:var(--radius);background:var(--kaart);border:1px solid var(--lijn)}.gesprekslijst .gesprek-regel{min-height:var(--tik);align-items:center;padding:6px 12px;display:flex}.gesprekslijst li+li .gesprek-regel{border-top:1px solid var(--lijn)}.gesprekslijst .van-big{color:var(--accent-donker);font-weight:600}.gesprekslijst .gesprek-regel[aria-current=page]{border-radius:var(--radius);background:#f2f5ef}.gesprek .stroomvak{flex:1;overflow-y:auto}.gesprek .stroom{flex-direction:column;gap:10px;display:flex}.gesprek .stroom .laden,.gesprek .stroom .leeg{color:var(--gedempt)}.bericht{border-radius:var(--radius);background:var(--kaart);border:1px solid var(--lijn);padding:8px 10px}.bericht.van-lil{background:#f2f5ef}.bericht .wie{color:var(--gedempt);margin:0 0 4px;font-size:13px;font-weight:700}.bericht .tekst{white-space:pre-wrap;margin:0}.gesprek .invoer{border-top:1px solid var(--lijn);background:var(--achtergrond);padding:8px 12px 12px}.gesprek .invoer .melding{margin:0 0 6px}.gesprek .invoer textarea{min-height:72px}.gesprek .invoer .knop-groot{margin-top:8px}.voorstelkaart{border:2px solid var(--accent);border-radius:var(--radius);background:var(--kaart);margin-top:8px;padding:8px 10px}.voorstelkaart-kop{align-items:center;gap:8px;min-height:32px;display:flex}.voorstelkaart-kop h3{flex:1;margin:0;font-size:16px}.voorstelkaart .via-lil{background:var(--accent);color:#fff;white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.voorstelregel{border-top:1px solid var(--lijn);padding:4px 0}.voorstelregel-kop{min-height:var(--tik);align-items:center;gap:10px;display:flex}.voorstelregel-kop input{min-width:24px;min-height:24px}.voorstelregel-kop label{font-weight:600}.voorstelregel .waarde{padding-left:34px;font-size:15px;display:block}.voorstelregel input[type=text],.voorstelregel textarea,.voorstelregel select{width:100%;min-height:var(--tik);border:1px solid var(--lijn);border-radius:var(--radius);background:var(--achtergrond);font:inherit;padding:8px 10px}.voorstelkaart-knoppen{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.voorstelkaart-knoppen button{min-height:var(--tik);flex:30%}.voorstelkaart-knoppen .knop-groot{min-height:var(--tik)}.voorstelstatus{color:var(--gedempt);margin:8px 0 0;font-size:14px;font-weight:600}.onderbalk{gap:6px;padding-left:8px;padding-right:8px}.onderbalk button{white-space:nowrap;font-size:15px}.onderbalk .planning,.onderbalk .bespreken{min-width:0;color:var(--tekst);text-overflow:ellipsis;flex:auto;padding:0 4px;overflow:hidden}.onderbalk .lil{width:64px}.onderbalk .bespreken .overlegbadge{background:var(--accent);color:#fff;vertical-align:middle;border-radius:999px;margin-left:5px;padding:0 6px;font-size:13px;line-height:18px;display:inline-block}.lil-knoppen{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.lil-knoppen button{min-height:var(--tik);flex:45%}.kop .via-lil{background:var(--accent);color:#fff;white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.ruimtevak{border-bottom:1px solid var(--lijn);padding:8px 12px}.ruimtevak h2{margin:0;font-size:18px}dialog.puntenkaart{border:1px solid var(--lijn);border-radius:var(--radius);background:var(--kaart);width:min(560px,100vw - 24px);max-height:90dvh;color:var(--tekst);padding:16px;overflow-y:auto}dialog.puntenkaart::backdrop{background:#2b262073}dialog.puntenkaart h2{margin:0 0 4px;font-size:20px}dialog.puntenkaart .uitleg{color:var(--gedempt);margin:0 0 8px;font-size:14px}dialog.puntenkaart .leeg{color:var(--gedempt)}.punt{border-top:1px solid var(--lijn);padding:8px 0}.punt-kop{color:var(--gedempt);margin:0;font-size:13px;font-weight:700}.punt-tekst{margin:4px 0 0}.punt .veld{margin:8px 0 0}.punt-regel{min-height:var(--tik);border-top:1px solid var(--lijn);align-items:center;gap:10px;display:flex}.punt-regel input{flex:none;width:24px;height:24px}.punt-regel label{flex:1}.punt-regel .reden{color:var(--gedempt);font-size:13px;display:block}.geheugen{flex-direction:column;gap:14px;display:flex}.geheugengroep{flex-direction:column;gap:6px;display:flex}.geheugengroep h2{border-bottom:1px solid var(--lijn);color:var(--gedempt);margin:0;padding-bottom:2px;font-size:16px}.notitie{border:1px solid var(--lijn);border-radius:var(--radius);background:var(--kaart);padding:6px 10px}.notitie .notitie-tekst{width:100%;min-height:var(--tik);font:inherit;color:var(--tekst);text-align:left;white-space:pre-wrap;cursor:pointer;background:0 0;border:0;padding:6px 0;display:block}.notitie .herkomst{color:var(--gedempt);margin:0 0 4px;font-size:13px}.notitie.bewerken textarea{min-height:84px}.notitie-knoppen{gap:8px;margin:4px 0 6px;display:flex}.notitie-knoppen button{min-height:var(--tik);flex:1;margin:0}.notitie-knoppen .knop-weg{color:var(--waarschuwing)}.documenten{flex-direction:column;gap:8px;display:flex}.document{border:1px solid var(--lijn);border-radius:var(--radius);background:var(--kaart);padding:8px 10px}.document .documentnaam{word-break:break-word;margin:0;font-size:16px}.document .herkomst{color:var(--gedempt);margin:2px 0 0;font-size:13px}.document-knoppen{justify-content:flex-end;margin-top:4px;display:flex}.document-knoppen .knop-weg{min-height:var(--tik);color:var(--waarschuwing);margin:0}dialog.kijkvenster .kv-documenten{margin:0 0 12px}dialog.kijkvenster .kv-documenten .uitleg{color:var(--gedempt);margin:0 0 4px;font-size:14px}.herziening{min-height:var(--tik);color:var(--accent-donker);padding:10px 0;text-decoration:underline;display:block}.herziening[hidden]{display:none}