:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#15191b;--ink-soft:#3c4448;--muted:#626b6f;--accent:#0f5b78;--accent-dark:#0a4258;--accent-soft:#e2eef3;--canvas:#e9ebea;--paper:#fff;--line:#b9c1c0;--line-soft:#dbe0de;--head:#f2f4f3;--hover:#eef4f6;--warn:#8a5300;--warn-soft:#fdf1dc;--danger:#9c2f2f;--danger-soft:#fbe9e9;--ok:#1f6b47;--ok-soft:#e6f2ea;--row:42px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:15px}*{box-sizing:border-box}html{background:var(--canvas);min-width:320px}body{min-width:320px;min-height:100vh;color:var(--ink);background:var(--canvas);margin:0;font-size:15px;line-height:1.45}body.sheet-open{overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.25}a{color:var(--accent)}.icon{flex:none;width:18px;height:18px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.app-shell{min-height:100vh}.topbar{z-index:50;border-bottom:1px solid var(--line);background:var(--paper);align-items:stretch;height:48px;padding-right:12px;display:flex;position:sticky;top:0}.brand{border:0;border-right:1px solid var(--line-soft);cursor:pointer;letter-spacing:-.01em;white-space:nowrap;background:0 0;align-items:center;padding:0 18px;font-size:.95rem;font-weight:700;display:flex}.tabs-nav{display:flex}.tabs-nav button{cursor:pointer;color:var(--ink-soft);background:0 0;border:0;border-bottom:3px solid #0000;align-items:center;gap:7px;padding:0 20px;font-size:.95rem;font-weight:600;display:flex}.tabs-nav button:hover{background:var(--head)}.tabs-nav button.active{color:var(--accent-dark);border-bottom-color:var(--accent)}.tabs-nav .count{color:#fff;background:var(--warn);min-width:20px;padding:1px 6px;font-size:.72rem;font-weight:700}.global-search{flex:1;justify-content:flex-end;align-items:center;min-width:0;padding:0 14px;display:flex;position:relative}.global-search .search-input{max-width:340px}.search-input{border:1px solid var(--line);background:var(--paper);min-width:0;height:32px;color:var(--muted);flex:1;align-items:center;gap:8px;padding:0 9px;display:flex}.search-input:focus-within{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.search-input input{width:100%;min-width:0;height:30px;color:var(--ink);background:0 0;border:0;outline:0;padding:0;font-size:.9rem}.search-input>button{cursor:pointer;width:24px;height:24px;color:var(--muted);background:0 0;border:0;place-items:center;padding:0;display:grid}input[type=search]::-webkit-search-cancel-button{display:none}.global-results{z-index:60;overscroll-behavior:contain;border:1px solid var(--line);background:var(--paper);width:min(420px,100vw - 28px);max-height:min(60dvh,520px);position:absolute;top:100%;right:14px;overflow-y:auto;box-shadow:0 8px 24px #00000024}.global-results button{border:0;border-bottom:1px solid var(--line-soft);cursor:pointer;text-align:left;background:0 0;width:100%;padding:9px 12px;display:block}.global-results button:last-child{border-bottom:0}.global-results button:hover{background:var(--hover)}.global-results strong{font-size:.9rem;display:block}.global-results small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;display:block;overflow:hidden}.global-empty{color:var(--muted);margin:0;padding:12px;font-size:.88rem}.account{align-items:center;display:flex;position:relative}.account-button{border:1px solid var(--line);cursor:pointer;background:var(--paper);align-items:center;gap:6px;height:32px;padding:0 10px;font-size:.88rem;font-weight:600;display:flex}.account-button:hover{background:var(--head)}.account-button .icon{width:14px;height:14px}.menu{z-index:60;border:1px solid var(--line);background:var(--paper);width:280px;position:absolute;top:42px;right:0;box-shadow:0 8px 24px #00000024}.menu p{border-bottom:1px solid var(--line-soft);color:var(--muted);margin:0;padding:10px 12px;font-size:.84rem}.menu button{border:0;border-bottom:1px solid var(--line-soft);cursor:pointer;text-align:left;background:0 0;width:100%;padding:11px 12px;font-size:.9rem;display:block}.menu button:last-child{border-bottom:0}.menu button:hover{background:var(--hover)}.main-content{min-height:calc(100vh - 48px)}.page{width:min(1240px,100%);margin:0 auto;padding:22px 20px 64px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.page-header h1{letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}.page-actions{flex-wrap:wrap;gap:8px;display:flex}.button{border:1px solid var(--line);cursor:pointer;background:var(--paper);white-space:nowrap;justify-content:center;align-items:center;gap:7px;height:36px;padding:0 14px;font-size:.9rem;font-weight:600;display:inline-flex}.button:hover:not(:disabled){background:var(--head)}.button:disabled{cursor:not-allowed;opacity:.5}.button.primary{color:#fff;border-color:var(--accent-dark);background:var(--accent)}.button.primary:hover:not(:disabled){background:var(--accent-dark)}.button.wide{width:100%}.button.large{height:42px}.link{cursor:pointer;color:var(--accent);font-size:inherit;text-align:left;text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline}.link:hover{color:var(--accent-dark)}.text-button{cursor:pointer;color:var(--accent);background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:.88rem;font-weight:600;display:inline-flex}.icon-button{border:1px solid var(--line);cursor:pointer;background:var(--paper);width:32px;height:32px;color:var(--ink-soft);place-items:center;padding:0;display:grid}.icon-button:hover{background:var(--head)}.notice{border:1px solid #e3c188;border-left:4px solid var(--warn);cursor:pointer;background:var(--warn-soft);text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:12px;padding:11px 14px;font-size:.92rem;display:flex}.notice:hover{background:#fbe9cd}.notice-go{color:var(--warn);white-space:nowrap;align-items:center;gap:5px;font-weight:700;display:inline-flex}.filters{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:10px;display:flex}.filters .search-input{width:min(420px,100%);height:36px}.filters .search-input input{height:34px;font-size:.92rem}.filter{flex-direction:column;gap:4px;display:flex}.filter>span{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.76rem;font-weight:700}.filter select{border:1px solid var(--line);background:var(--paper);height:36px;padding:0 8px}.segmented{display:flex}.segmented button{border:1px solid var(--line);cursor:pointer;background:var(--paper);height:36px;color:var(--ink-soft);border-left-width:0;padding:0 14px;font-size:.88rem;font-weight:600}.segmented button:first-child{border-left-width:1px}.segmented button:hover{background:var(--head)}.segmented button.active{color:#fff;border-color:var(--accent-dark);background:var(--accent)}.grid{border:1px solid var(--line);background:var(--paper)}.grid-head,.grid-row{grid-template-columns:38px minmax(0,1fr) 210px 130px 110px;align-items:center;display:grid}.grid-head{z-index:10;border-bottom:1px solid var(--line);background:var(--head);color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.73rem;font-weight:700;position:sticky;top:48px}.grid-head>*{padding:8px 10px}.grid-row{min-height:var(--row);border-bottom:1px solid var(--line-soft)}.grid-row:last-child{border-bottom:0}.grid-row:hover{background:var(--hover)}.grid-row>*{text-overflow:ellipsis;min-width:0;padding:8px 10px;overflow:hidden}.grid-main{cursor:pointer;text-align:left;background:0 0;border:0;font-size:.95rem;font-weight:600}.grid-main:hover{color:var(--accent-dark);text-underline-offset:2px;text-decoration:underline}.grid-main .hit{color:var(--muted);font-size:.8rem;font-weight:400;display:block}.grid-main .grid-sub{color:var(--muted);text-overflow:ellipsis;font-size:.8rem;font-weight:400;display:block;overflow:hidden}.grid-empty{color:var(--muted);text-align:center;margin:0;padding:26px 14px;font-size:.92rem}.grid-note{color:var(--muted);margin:8px 0 0;font-size:.85rem}.col-check{justify-content:center;display:flex;padding-inline:0!important}.col-who,.col-date,.col-client,.col-state,.col-tags,.col-kind{color:var(--ink-soft);white-space:nowrap;font-size:.88rem}.col-date{font-variant-numeric:tabular-nums}.col-date.overdue{color:var(--danger);font-weight:700}.col-open{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.tick{border:1px solid var(--line);cursor:pointer;background:var(--paper);color:#0000;place-items:center;width:21px;height:21px;padding:0;display:grid}.tick:hover{border-color:var(--accent);color:var(--line)}.tick .icon{width:15px;height:15px}.tick.done{color:#fff;border-color:var(--accent-dark);background:var(--accent)}.state{white-space:nowrap;padding:2px 7px;font-size:.78rem;font-weight:700;display:inline-block}.state.ours{color:var(--accent-dark);background:var(--accent-soft)}.state.client{color:var(--warn);background:var(--warn-soft)}.state.quiet{color:var(--muted);background:var(--head)}.grid-clients{grid-template-columns:minmax(0,1fr) 160px 230px 130px 70px}.grid-history{grid-template-columns:104px 96px minmax(0,1fr) 160px;align-items:start}.grid-post{grid-template-columns:104px 92px minmax(0,1fr) 200px 120px;align-items:center}.back{cursor:pointer;color:var(--accent);background:0 0;border:0;align-items:center;gap:4px;margin-bottom:10px;padding:0;font-size:.9rem;font-weight:600;display:inline-flex}.back .icon{width:16px;height:16px}.factsheet{border:1px solid var(--line);background:var(--paper);border-bottom:0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.factsheet>div{border-bottom:1px solid var(--line-soft);border-right:1px solid var(--line-soft);min-width:0;padding:9px 12px}.factsheet>div:nth-child(3n){border-right:0}.factsheet>div>span{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.74rem;font-weight:700;display:block}.factsheet strong{overflow-wrap:anywhere;margin-top:3px;font-size:.93rem;font-weight:600;display:block}.factsheet strong .state{font-size:.82rem}.summary{border:1px solid var(--line);border-left:4px solid var(--accent);background:var(--paper);margin-top:16px;padding:12px 14px}.summary h2{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin:0 0 5px;font-size:.74rem;font-weight:700}.summary p{margin:0;font-size:.95rem}.summary .next{border-top:1px solid var(--line-soft);margin-top:7px;padding-top:7px}.block{margin-top:22px}.block h2{margin:0 0 7px;font-size:1rem;font-weight:700}.history .history-main{padding:0}.history-main details>summary{cursor:pointer;padding:9px 10px;font-size:.95rem;font-weight:600;list-style:none}.history-main details>summary::-webkit-details-marker{display:none}.history-main details>summary:before{content:"▸ ";color:var(--muted)}.history-main details[open]>summary:before{content:"▾ "}.history-main details>summary:hover{color:var(--accent-dark)}.history-plain{padding:9px 10px;font-size:.95rem;font-weight:600;display:block}.history-body{padding:2px 10px 12px 22px}.history-meta{color:var(--muted);margin:0 0 7px;font-size:.84rem}.history-text{border:1px solid var(--line-soft);white-space:pre-wrap;overflow-wrap:anywhere;background:#fbfcfb;max-width:68ch;margin:0;padding:12px 14px;font-size:.92rem;line-height:1.6}.history-text.zacht{color:var(--ink-soft);background:var(--head)}.mail-extra{max-width:68ch;margin-top:8px}.mail-extra>summary{cursor:pointer;color:var(--accent);padding:6px 0;font-size:.85rem;font-weight:600;list-style:none}.mail-extra>summary::-webkit-details-marker{display:none}.mail-extra>summary:before{content:"▸ "}.mail-extra[open]>summary:before{content:"▾ "}.mail-extra>summary:hover{color:var(--accent-dark);text-underline-offset:2px;text-decoration:underline}.history-files{flex-wrap:wrap;gap:8px;margin:9px 0 0;display:flex}.history-files a,.history-files span{border:1px solid var(--line);background:var(--paper);color:var(--accent);align-items:center;gap:5px;padding:4px 8px;font-size:.84rem;text-decoration:none;display:inline-flex}.history-files a:hover{background:var(--hover)}.history-files .icon{width:14px;height:14px}.kind{border:1px solid var(--line-soft);background:var(--head);color:var(--ink-soft);padding:1px 6px;font-size:.76rem;font-weight:600;display:inline-block}.kind.email{background:var(--accent-soft);color:var(--accent-dark);border-color:#bcd4de}.match-flow{border:1px solid var(--line);background:var(--paper);grid-template-columns:minmax(0,1fr) 360px;display:grid}.match-panel{border-left:1px solid var(--line);padding:14px}.match-title{margin:0 0 4px;font-size:1.05rem;font-weight:700}.email-preview{padding:14px}.email-preview p{margin:0 0 6px}.mail-details{border:1px solid var(--line-soft);white-space:pre-wrap;background:#fbfcfb;margin-top:10px;padding:10px 12px;font-size:.92rem}.client-picker{margin-top:10px}.client-choices{border:1px solid var(--line-soft);max-height:320px;margin-top:8px;overflow:auto}.client-choices button{border:0;border-bottom:1px solid var(--line-soft);cursor:pointer;text-align:left;background:0 0;width:100%;padding:9px 10px;font-size:.92rem;display:block}.client-choices button:hover,.client-choices button.chosen-client{background:var(--accent-soft)}.count-pill{border:1px solid var(--line);background:var(--head);padding:3px 8px;font-size:.82rem;font-weight:700}.minor-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.quiet-note{color:var(--muted);font-size:.86rem}.quiet-status{color:var(--warn);font-size:.82rem;font-weight:700}.skip-confirm{background:var(--warn-soft);border:1px solid #e3c188;padding:10px 12px;font-size:.9rem}.unmatched-list{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.unmatched-list button{border:1px solid var(--line);cursor:pointer;background:var(--paper);padding:6px 10px;font-size:.86rem}.unmatched-list button.active{color:#fff;border-color:var(--accent-dark);background:var(--accent)}.task-switch{margin-top:10px}.panel,.settings-simple{border:1px solid var(--line);background:var(--paper)}.settings-section{border-bottom:1px solid var(--line-soft);padding:14px}.settings-section:last-child{border-bottom:0}.panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.panel-heading h2{margin:0;font-size:1rem;font-weight:700}.settings-list{border:1px solid var(--line-soft)}.settings-list button{border:0;border-bottom:1px solid var(--line-soft);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 12px;display:flex}.settings-list button:last-child{border-bottom:0}.settings-list button:hover{background:var(--hover)}.settings-list strong{font-size:.92rem;display:block}.settings-list small{color:var(--muted);font-size:.82rem;display:block}.state-label{background:var(--head);color:var(--muted);white-space:nowrap;padding:2px 7px;font-size:.78rem;font-weight:700}.state-label.active{color:var(--ok);background:var(--ok-soft)}.state-label.pending{color:var(--warn);background:var(--warn-soft)}.state-label.off,.state-label.inactive{color:var(--danger);background:var(--danger-soft)}.mail-sync-state{color:var(--muted);margin:8px 0 0;font-size:.84rem}.advanced-settings{margin-top:10px}.advanced-settings summary{cursor:pointer;color:var(--accent);font-size:.88rem;font-weight:600}.toggle-row{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;padding:9px 0;display:flex}.toggle{cursor:pointer;align-items:center;gap:8px;font-size:.92rem;display:inline-flex}.tabs{gap:6px;margin-bottom:10px;display:flex}.sheet-backdrop{z-index:100;background:#0f191e73;justify-content:center;align-items:flex-start;padding:40px 16px;display:flex;position:fixed;inset:0;overflow:auto}.sheet{border:1px solid var(--line);background:var(--paper);width:min(560px,100%);box-shadow:0 18px 50px #00000040}.sheet>header{border-bottom:1px solid var(--line);background:var(--head);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.sheet>header h2{margin:0;font-size:1.05rem;font-weight:700}.sheet-form{padding:14px}.field{margin-bottom:12px}.field>label{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;font-size:.86rem;font-weight:700;display:flex}.field>label span{color:var(--muted);font-size:.78rem;font-weight:500}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--paper);width:100%;padding:8px 9px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);outline:0}.field textarea{resize:vertical;min-height:110px}.field small{color:var(--muted);margin-top:4px;font-size:.82rem;display:block}.field-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.address-grid{grid-template-columns:2fr 1fr}.choice-row{margin-bottom:12px;display:flex}.choice-row button{border:1px solid var(--line);cursor:pointer;background:var(--paper);border-left-width:0;flex:1;height:38px;font-size:.9rem;font-weight:600}.choice-row button:first-child{border-left-width:1px}.choice-row button.active{color:#fff;border-color:var(--accent-dark);background:var(--accent)}.follow-up-box{border:1px solid var(--line-soft);background:#fbfcfb;margin-bottom:12px;padding:12px}.more-fields{border-top:1px solid var(--line-soft);margin-bottom:12px}.more-fields>summary{cursor:pointer;color:var(--accent);padding:9px 0;font-size:.88rem;font-weight:600}.more-fields-body{padding-top:4px}.sheet-footer{border-top:1px solid var(--line);background:var(--head);justify-content:flex-end;gap:8px;padding:12px 14px;display:flex}.form-alert{background:var(--danger-soft);color:var(--danger);border:1px solid #e0b4b4;margin-bottom:12px;padding:9px 12px;font-size:.9rem}.toast{z-index:120;border:1px solid var(--line);background:var(--ink);color:#fff;align-items:center;gap:10px;width:min(520px,100% - 28px);padding:11px 12px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000004d}.toast p{flex:1;margin:0;font-size:.92rem}.toast .icon{width:17px;height:17px}.toast.error{background:var(--danger);border-color:var(--danger)}.toast-action{cursor:pointer;color:#fff;background:0 0;border:1px solid #ffffff80;padding:5px 10px;font-size:.86rem;font-weight:700}.toast .icon-button{color:#fff;background:0 0;border-color:#ffffff59}.login-page,.center-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--line);background:var(--paper);width:min(400px,100%);padding:24px}.login-brand{letter-spacing:.02em;margin-bottom:14px;font-size:.9rem;font-weight:700}.login-copy{color:var(--muted);margin-bottom:16px;font-size:.92rem}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin;display:inline-block}.spinner.small{width:13px;height:13px}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{color:var(--muted);text-align:center;padding:30px 16px}.empty-state h3{color:var(--ink);margin:6px 0 4px;font-size:1rem}.empty-state p{margin:0;font-size:.9rem}.empty-state.compact{padding:18px 12px}.tag{border:1px solid var(--line-soft);background:var(--head);padding:2px 7px;font-size:.8rem;display:inline-block}@media (width<=1000px){.grid-head,.grid-row{grid-template-columns:38px minmax(0,1fr) 170px 110px}.grid-head .col-who,.grid-row:not(.history) .col-who{display:none}.grid-clients{grid-template-columns:minmax(0,1fr) 150px 120px 60px}.grid-clients .col-tags{display:none}.grid-history{grid-template-columns:96px 90px minmax(0,1fr)}.grid-post{grid-template-columns:74px 92px minmax(0,1fr) 132px 92px}.grid-head.grid-post .col-who,.grid-row.grid-post .col-who{display:block}.match-flow{grid-template-columns:minmax(0,1fr)}.match-panel{border-left:0;border-top:1px solid var(--line)}}@media (width<=760px){.topbar{flex-wrap:wrap;height:auto;padding:0}.brand{border-right:0;flex:1;order:1;height:46px;padding:0 12px}.account{order:2;padding-right:10px}.account-name{text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}.global-search{flex:0 0 100%;order:3;padding:0 10px 8px}.global-search .search-input{width:100%;max-width:none;height:36px}.global-results{width:auto;max-height:calc(100dvh - 160px);top:100%;left:10px;right:10px}.tabs-nav{border-top:1px solid var(--line-soft);flex:0 0 100%;order:4}.tabs-nav button{flex:1;justify-content:center;height:44px}.menu{top:44px;right:10px}.main-content{min-height:auto}.page{padding:16px 12px 56px}.page-header h1{font-size:1.3rem}.page-actions{width:100%}.page-actions .button{flex:1}.filters .search-input,.filter,.filter select,.segmented{width:100%}.segmented button{flex:1;padding:0 6px;font-size:.82rem}.grid-head{display:none}.grid-row{flex-wrap:wrap;align-items:center;gap:2px 10px;padding:10px 12px;display:flex}.grid-row>*{padding:0;overflow:visible}.col-check{flex:none;margin-right:4px}.grid-main{white-space:normal;flex:1 1 0;min-width:0}.grid-row:not(.history) .col-who,.grid-row .col-client,.grid-row .col-who,.grid-row .col-date,.grid-row .col-state,.grid-row .col-tags,.grid-row .col-open,.grid-row .col-kind{color:var(--muted);flex:none;font-size:.84rem;display:block}.grid-row .col-open:not(:empty):after{content:" mails"}.grid-row .col-client,.grid-row .col-state{flex-basis:100%}.history .history-main,.grid-post .grid-main{flex:100%;order:-1}.grid-post .col-client{flex-basis:auto}.history-main details>summary,.history-plain{padding:0 0 4px}.history-body{padding:6px 0 4px}.factsheet{grid-template-columns:1fr 1fr}.factsheet>div{border-right:1px solid var(--line-soft)}.factsheet>div:nth-child(2),.factsheet>div:nth-child(5){border-right:0}.factsheet>div:nth-child(3),.factsheet>div:nth-child(6){border-right:0;grid-column:1/-1}.sheet-backdrop{align-items:flex-end;padding:0}.sheet{width:100%;max-height:92vh;overflow:auto}.field-grid,.address-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media print{.topbar,.page-actions,.back,.notice,.filters{display:none!important}.page{width:100%;padding:0}.grid,.factsheet,.summary{border-color:#999}}.segmented .short{display:none}@media (width<=760px){.segmented .full{display:none}.segmented .short{display:inline}.grid-row .hide-mobile{display:none}}.unmatched-workspace{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:12px;display:grid}.unmatched-workspace.single-mail{grid-template-columns:minmax(0,1fr)}.unmatched-workspace.single-mail .unmatched-list{display:none}.unmatched-list{border:1px solid var(--line);background:var(--paper);padding:0;display:block}.unmatched-list h2{border-bottom:1px solid var(--line);background:var(--head);color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin:0;padding:9px 12px;font-size:.73rem;font-weight:700}.unmatched-list button{border:0;border-bottom:1px solid var(--line-soft);text-align:left;width:100%;padding:10px 12px;display:block}.unmatched-list button strong{font-size:.9rem;display:block}.unmatched-list button small{color:var(--muted);margin-top:2px;font-size:.82rem;display:block}.unmatched-list button.active{color:#fff;background:var(--accent)}.unmatched-list button.active small{color:#fffc}.email-preview header h2{margin:0 0 3px;font-size:1.15rem;font-weight:700}.email-preview header p{color:var(--muted);margin:0 0 10px;font-size:.88rem}.email-body{border:1px solid var(--line-soft);white-space:pre-wrap;background:#fbfcfb;padding:11px 12px;font-size:.92rem}.mobile-mail-copy{display:none}.mail-details summary{cursor:pointer;color:var(--accent);padding:8px 0;font-size:.88rem;font-weight:600}.mail-details{background:0 0;border:0;padding:0}.mail-details dl{border:1px solid var(--line-soft);background:#fbfcfb;margin:0;padding:10px 12px;font-size:.88rem}.mail-details dl>div{gap:8px;padding:2px 0;display:flex}.mail-details dt{min-width:44px;color:var(--muted);font-weight:700}.mail-details dd{overflow-wrap:anywhere;margin:0}.match-title{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.73rem;font-weight:700}.client-choices button strong{font-size:.92rem;display:block}.client-choices button small{color:var(--muted);margin-top:1px;font-size:.82rem;display:block}.client-choices button.chosen-client small{color:var(--accent-dark)}.chosen-client{border:1px solid var(--accent);background:var(--accent-soft);justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding:10px 12px;display:flex}.chosen-client small{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.76rem;font-weight:700;display:block}.chosen-client strong{font-size:1rem;display:block}.match-panel .button.wide{margin-top:10px}.skip-confirm{align-items:center;gap:10px;margin-top:10px;display:flex}@media (width<=760px){.unmatched-workspace{grid-template-columns:minmax(0,1fr)}.desktop-mail-copy{display:none}.mobile-mail-copy{display:block}.mobile-mail-copy>summary{cursor:pointer;color:var(--accent);padding:8px 0;font-size:.9rem;font-weight:600}}.button.primary:disabled{color:#5d6669;background:#ccd2d4;border-color:#b6bdc0}.toggle-row{border-bottom:1px solid var(--line-soft);cursor:pointer;justify-content:flex-start;align-items:center;gap:9px;padding:9px 0;display:flex}.toggle-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);margin:0}.toggle-row>span{font-size:.92rem;font-weight:600}.login-card h1{margin:4px 0 8px;font-size:1.45rem}.login-copy{color:var(--ink-soft);margin:0 0 16px;font-size:.95rem}.login-copy strong{color:var(--ink)}.login-card .button.wide+.button.wide{margin-top:8px}.spinner.dark{border-color:#15191b40;border-top-color:var(--accent)}.notice-stil{cursor:default;border-left-color:var(--danger);background:var(--danger-soft);border-color:#e0b4b4}.notice-stil:hover{background:var(--danger-soft)}.kind.email{background:var(--accent-soft);color:var(--accent-dark);white-space:nowrap;border-color:#bcd4de}.uitsluit-form{gap:8px;margin:10px 0 12px;display:flex}.uitsluit-form input{border:1px solid var(--line);background:var(--paper);flex:1;min-width:0;height:36px;padding:0 10px}.uitsluit-form input:focus{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);outline:0}.weg{color:var(--muted);cursor:pointer;background:0 0;border:0;margin-top:3px;padding:0;font-size:.78rem;text-decoration:underline;display:block}.weg:hover{color:var(--danger)}.bedrijven-tabel{border-collapse:collapse;width:100%;font-size:.9rem}.bedrijven-tabel th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:1px solid var(--line);padding:6px 8px;font-size:.78rem;font-weight:700}.bedrijven-tabel td{border-bottom:1px solid var(--line-soft);vertical-align:middle;padding:6px 8px}.bedrijven-tabel input{border:1px solid var(--line);width:100%;min-width:0;height:30px;font:inherit;background:#fff;padding:0 8px}.bedrijven-tabel .kolom-onderwerp{text-overflow:ellipsis;white-space:nowrap;max-width:320px;color:var(--muted);overflow:hidden}.bedrijven-tabel button{white-space:nowrap}.panel-note{color:var(--muted);margin:0 0 10px;font-size:.88rem}@media (width<=760px){.bedrijven-tabel .kolom-onderwerp{display:none}}@media (width<=560px){.bedrijven-tabel .kolom-domein{display:none}.bedrijven-tabel th,.bedrijven-tabel td{padding:6px 4px}.bedrijven-tabel button{padding:0 10px;font-size:.82rem}}.intern-lijst{max-height:320px;margin:0;padding:0;list-style:none;overflow-y:auto}.intern-lijst li{border-bottom:1px solid var(--line-soft);flex-direction:column;gap:2px;padding:7px 2px;display:flex}.intern-lijst small{color:var(--muted);font-size:.82rem}.meekijk-balk{z-index:20;background:var(--warn-soft);border-bottom:1px solid var(--line);color:var(--warn);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;font-size:14px;display:flex;position:sticky;top:0}.meekijk-balk .button{white-space:nowrap}.settings-help{color:var(--muted,#666);margin:0 0 10px;font-size:14px}.verplaats{border:1px solid var(--line);background:var(--head);text-align:left;flex-direction:column;gap:6px;min-width:220px;margin-top:6px;padding:8px;display:flex}.verplaats label{color:var(--ink-soft);flex-direction:column;gap:3px;font-size:.82rem;display:flex}.verplaats select{border:1px solid var(--line);background:var(--paper);max-width:100%;height:32px}.verplaats .vink{flex-direction:row;align-items:flex-start;gap:6px}.verplaats-knoppen{align-items:center;gap:8px;display:flex}.voorstellen{border-left:3px solid var(--accent)}.voorstel-lijst{margin:0;padding:0;list-style:none}.voorstel-lijst li{border-bottom:1px solid var(--line-soft);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 2px;display:flex}.voorstel-kop{flex-direction:column;flex:320px;gap:3px;min-width:0;display:flex}.voorstel-kop small{color:var(--muted);font-size:.82rem}.voorstel-kop .text-button{align-self:flex-start;padding:0;font-size:.82rem}.voorstel-reden{color:var(--ink-soft)!important}.voorstel-tekst{background:var(--head);white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 0;padding:8px;font-size:.85rem}.voorstel-knoppen{flex-wrap:wrap;gap:6px;display:flex}.label-intern{background:var(--warn-soft);color:var(--warn);margin-right:6px;padding:0 5px;font-size:.75rem;display:inline-block}.bedrijven-tabel td .button+.button{margin-left:6px}.label-prive{vertical-align:middle;background:var(--warn-soft);color:var(--warn);margin-left:10px;padding:1px 7px;font-size:.8rem;font-weight:500;display:inline-block}.map-instellingen{border:1px solid var(--line);background:var(--paper);flex-direction:column;gap:10px;margin:0 0 18px;padding:12px 14px;display:flex}.map-rij{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.map-kop{min-width:110px;color:var(--muted);font-size:.85rem}.map-rij input{border:1px solid var(--line);background:var(--paper);flex:220px;min-width:0;height:34px;padding:0 10px}.deel-lijst{flex-wrap:wrap;gap:14px;display:flex}.vink{align-items:center;gap:6px;display:inline-flex}.map-melding{color:var(--ink-soft);margin:0;font-size:.85rem}.settings-rij{flex-direction:column;display:flex}.settings-rij>button{width:100%}.inloglink{flex-wrap:wrap;align-items:center;gap:8px;padding:0 12px 10px;display:flex}.inloglink input{border:1px solid var(--line);flex:260px;min-width:0;height:32px;padding:0 8px;font-size:.8rem}.inloglink small{color:var(--muted);flex-basis:100%;font-size:.78rem}.inloglink .fout{color:var(--danger)}.dim{color:var(--muted)}.weg.is-verborgen{color:var(--warn);font-weight:600;text-decoration:none}.folder-workspace{grid-template-columns:220px minmax(0,1fr);display:grid}.folder-workspace .page{width:100%;min-width:0}.folder-sidebar{border-right:1px solid var(--line,#d9dedb);align-self:start;max-height:calc(100vh - 90px);padding:24px 12px;position:sticky;top:76px;overflow:auto}.folder-sidebar h2{text-transform:uppercase;letter-spacing:.06em;color:#64716a;margin:22px 10px 8px;font-size:12px}.folder-sidebar button{text-align:left;overflow-wrap:anywhere;width:100%;padding:10px;display:block}.folder-sidebar button.active{background:#e8efe9;border-left:3px solid #275e43;font-weight:650}.folder-privacy{background:#f1f5f1;border-left:3px solid #426b52;margin:0 0 20px;padding:10px 12px;font-size:13px;line-height:1.5}.folder-settings{border:1px solid #d8ded9;margin-bottom:24px;padding:16px}.folder-search{justify-content:space-between;align-items:center;gap:16px;margin:16px 0;display:flex}.folder-search .search-field{flex:1}.folder-search>span{white-space:nowrap;color:#657067;font-size:13px}.extra-sorting{margin-top:24px}.extra-sorting>summary{cursor:pointer;padding:14px 0}.history .col-who{overflow-wrap:anywhere}@media (width<=800px){.folder-workspace{display:block}.folder-sidebar{display:none}.folder-privacy{margin-bottom:12px;font-size:12px}.folder-search{flex-direction:column;align-items:stretch;gap:6px}.dossier .page-header{gap:12px}.dossier .page-header h1{font-size:24px}.match-panel{background:#fff;border-top:1px solid #d8ded9;padding:14px}.match-panel .minor-actions{flex-wrap:wrap}}.folder-sidebar button{background:0 0;border:0;border-left:3px solid #0000}.folder-sidebar button:hover{background:#e0e8e2}.mobile-search-toggle{display:none}@media (width>=801px){.grid-history{grid-template-columns:96px 124px minmax(0,1fr) 190px}}@media (width<=680px){.mobile-search-toggle{margin-left:auto;padding:10px;display:block}.topbar:not(.search-open) .global-search{display:none}.topbar .account{margin-left:0}.dossier .page-header{flex-direction:row;align-items:center}.dossier .page-header h1{flex:1;min-width:0}.dossier .page-actions{width:auto}.dossier .page-actions .button{min-height:36px;padding:8px;font-size:12px}}.privacy-locked{color:#5a452a;white-space:normal;margin-top:6px;font-size:12px;display:block}.mobile-mail-selector{display:none}@media (width<=680px){.unmatched-workspace .unmatched-list{display:none}.mobile-mail-selector{gap:6px;margin:0 0 14px;font-size:13px;display:grid}.mobile-mail-selector select{width:100%;min-width:0;min-height:40px;font:inherit}.match-panel .client-choices{max-height:180px;overflow:auto}}.demo-banner{color:#594b27;text-align:center;background:#fff5d9;border-bottom:1px solid #d8c58c;margin:0;padding:10px 20px;font-size:13px}.submappen{flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 14px;display:flex}.submap{border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;font:inherit;align-items:baseline;gap:6px;padding:6px 10px;display:inline-flex}.submap:hover{border-color:var(--accent)}.submap small{color:var(--muted)}.submap.nieuw{color:var(--accent);border-style:dashed}.submap-form{flex-wrap:wrap;flex-basis:100%;gap:6px;display:flex}.submap-form input{border:1px solid var(--line);flex:180px;min-width:0;height:34px;padding:0 10px}.submap-telling{color:var(--muted);font-weight:400}.bedrijven-tabel .bij-map{border:1px solid var(--line);background:var(--paper);max-width:190px;height:34px;margin-left:6px}.folder-sidebar button.sub{color:var(--ink-soft);padding-left:34px;font-size:.93em}.prio-proef{max-width:980px}.prio-kop h1{letter-spacing:-.02em;margin:0 0 4px;font-size:1.5rem}.prio-label{text-transform:uppercase;letter-spacing:.06em;background:var(--warn-soft);color:var(--warn);vertical-align:middle;padding:2px 6px;font-size:.75rem;font-weight:700}.prio-uitleg{color:var(--muted);max-width:70ch;margin:0 0 14px}.prio-filters{flex-wrap:wrap;gap:6px;margin:0 0 18px;display:flex}.prio-filters button{border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;cursor:pointer;padding:6px 10px;font-size:.88rem}.prio-filters button b{margin-left:4px}.prio-filters button.actief{background:var(--ink);color:#fff;border-color:var(--ink)}.prio-groep{margin:0 0 20px}.prio-groep h2{align-items:center;gap:8px;margin:0 0 6px;font-size:1rem;display:flex}.prio-groep h2 small{color:var(--muted);font-weight:400}.prio-groep ul{border:1px solid var(--line-soft);background:var(--paper);margin:0;padding:0;list-style:none}.prio-groep li+li{border-top:1px solid var(--line-soft)}.prio-cijfer{color:#fff;background:var(--muted);place-items:center;width:24px;height:24px;font-size:.85rem;display:inline-grid}.prio-cijfer.p5{background:var(--danger)}.prio-cijfer.p4{background:var(--warn)}.prio-cijfer.p3{background:var(--accent)}.prio-regel{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;grid-template-columns:52px 1fr 200px;align-items:start;gap:12px;padding:10px 12px;display:grid}.prio-regel:hover{background:var(--hover)}.prio-status{white-space:nowrap;border:1px solid;justify-self:end;padding:1px 6px;font-size:.78rem}.prio-score{color:#fff;place-items:center;width:44px;height:32px;font-size:1.05rem;font-weight:700;display:grid}.b-hoog{background:var(--danger)}.b-mid{background:var(--warn)}.b-laag{background:var(--accent)}.b-geen{background:#9aa3a6}.prio-opbouw{color:var(--muted);font-size:.8rem}.st-wim{color:var(--danger)}.st-klant{color:var(--accent)}.st-betaling{color:var(--warn)}.st-betaald,.st-klaar{color:var(--ok)}.st-info{color:var(--muted)}.prio-hoofd{gap:2px;min-width:0;display:grid}.prio-hoofd strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.prio-actie{color:var(--ink-soft);font-size:.9rem}.prio-meta{color:var(--muted);text-align:right;gap:2px;min-width:0;font-size:.85rem;display:grid}.prio-meta span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=700px){.prio-regel{grid-template-columns:44px 1fr;gap:4px 10px}.prio-meta{grid-column:2}.prio-status{justify-self:start}.prio-meta{text-align:left;grid-auto-flow:column;justify-content:space-between}}.post-ingangen{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.mail-highlight{outline:2px solid var(--accent);outline-offset:-2px;background:#fff4cc}.history,.match-flow{scroll-margin-top:110px}.ux2a-mail-date{color:var(--muted);font-size:14px;font-weight:400;display:block}.ux2a-folder-row{position:relative}.ux2a-folder-row .grid-main:after{content:"";position:absolute;inset:0}.ux2a-folder-row:focus-within{outline:2px solid var(--accent);outline-offset:-2px}.ux2a-folder-row:hover{background:var(--hover)}.ux2a-folders .search-input,.folder-search .search-input,.topbar .search-input{height:44px}.ux2a-folders input,.dossier input:not([type=checkbox]),.dossier select,.topbar input,.history select{min-height:44px;font-size:16px}.ux2a-folders .search-input input,.folder-search .search-input input,.topbar .search-input input{height:42px;min-height:42px}.ux2a-folders .search-input>button,.folder-search .search-input>button,.topbar .search-input>button{min-width:44px;min-height:44px}.history-main>details>summary,.history .mail-extra>summary,.ux2a-mail-actions>summary{cursor:pointer;box-sizing:border-box;min-height:44px;padding:10px}.ux2a-mail-actions>summary{border:1px solid var(--line);width:fit-content;color:var(--ink-soft);align-items:center;font-size:14px;display:flex}.ux2a-mail-actions>summary:after{content:" ▾";margin-left:8px}.ux2a-mail-actions{margin-top:6px}.history .ux2a-mail-actions button,.history .ux2a-mail-actions .vink{min-width:44px;min-height:44px;font-size:14px}.history .ux2a-mail-actions .weg{margin:0;padding:8px;display:block}.history .privacy-locked{font-size:14px}.history .history-meta,.history .col-who,.history .col-date,.history .kind{overflow-wrap:anywhere;font-size:14px}@media (width<=760px){.history>.col-date,.history>.col-kind{display:none}.history .col-who{flex:100%}.history-main>details>summary{padding:6px 0}}.ux2a-folders .page-header{flex-wrap:nowrap;min-height:44px}.ux2a-folders .page-actions{width:auto}.ux2a-folders .button,.ux2a-folders .segmented button{min-height:44px;font-size:14px}.ux2a-folders .page-actions .button{white-space:nowrap}.dossier .folder-privacy{margin-bottom:8px;padding:0 10px;font-size:14px}.dossier .folder-privacy>summary{cursor:pointer;min-height:44px;padding:11px 0}.dossier .folder-privacy p{margin:4px 0 12px}.dossier .button,.dossier .back,.dossier .submap,.dossier .segmented button,.dossier .vink{min-height:44px;font-size:14px}.dossier .back{align-items:center;margin-bottom:4px;display:inline-flex}.dossier .page-header{gap:8px}.dossier .page-header .button{min-height:44px;font-size:14px}.dossier .folder-search>span{color:var(--muted);font-size:14px}.ux2a-contact{margin-bottom:12px}.ux2a-contact a{overflow-wrap:anywhere;align-items:center;min-height:44px;display:inline-flex}.ux2a-admin-access{color:var(--muted);flex-basis:100%;font-size:14px}.dossier .factsheet span,.dossier .factsheet strong,.dossier .dim{font-size:14px}.folder-sidebar h2{color:var(--muted);font-size:13px}.folder-sidebar button{min-height:44px}@media (width<=760px){.dossier .page-header{flex-wrap:wrap}.dossier .page-header h1{flex-basis:100%}.dossier .page-actions{width:auto}.dossier .folder-search{margin:8px 0}}.dossier .page-actions .back{border:1px solid var(--line);margin:0;padding:0 8px}.dossier .page-actions{gap:6px}@media (width<=760px){.dossier .page-actions .button{padding:0 9px}}.history .history-files{margin:0;display:block}.history .history-files>summary{min-height:44px;padding:10px 0;font-size:14px}.history .history-files a,.history .history-files span{overflow-wrap:anywhere;min-height:44px;margin-bottom:4px;padding:8px;font-size:14px;display:flex}.history .history-body>p>a{align-items:center;min-height:44px;font-size:14px;display:inline-flex}.ux2a-folders .ux2a-all{max-width:100%;min-height:44px;font:inherit;border:1px solid var(--line);color:var(--ink);background:var(--paper);padding:0 10px;font-size:16px}.ux2a-folders .ux2a-all:disabled{opacity:1;color:var(--muted)}.ux2a-folders .filters .search-input input,.ux2a-folders .grid-main{font-size:16px}.ux2a-folders .grid-row>span,.ux2a-folders .grid-main small{font-size:14px}@media (width<=760px){.ux2a-folder-row{gap:2px 10px;min-height:68px;padding:9px 12px}.ux2a-folder-row .grid-main{flex-basis:100%}.ux2a-folder-row .ux2a-unshared{display:none}.ux2a-folder-row .col-state:not(.ux2a-unshared){font-size:14px}}.ux2a-account-label{display:none}.topbar .account-button,.topbar .brand,.topbar .menu button{min-height:44px}.topbar .menu p,.topbar .menu button,.topbar .global-results small,.topbar .count{font-size:14px}.topbar .global-results small{white-space:normal;overflow-wrap:anywhere}.topbar .global-results button{min-height:44px}.topbar .search-input input{font-size:16px}@media (width<=760px){.topbar{border-bottom:0;grid-template-rows:44px 48px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 82px 90px;height:auto;transition:top .16s;display:grid;top:0}.topbar.ux2a-compact{top:-44px}.topbar:has(:focus-visible){top:0}.topbar .brand{border-bottom:1px solid var(--line-soft);grid-area:1/1/auto/-1;justify-content:flex-start;height:44px}.topbar .tabs-nav{border-top:0;grid-area:2/1/auto/3;min-width:0}.topbar .tabs-nav button{gap:4px;min-width:44px;height:48px;padding:0 8px;font-size:14px}.topbar .mobile-search-toggle{border-bottom:1px solid var(--line);grid-area:2/3;min-height:44px;margin:0;padding:0 4px;font-size:14px;display:block}.topbar .account{border-bottom:1px solid var(--line);grid-area:2/4;margin:0;padding:0 4px 0 0}.topbar .account-button{border:0;justify-content:center;width:100%;padding:0 4px;font-size:14px}.topbar .account-name{display:none}.topbar .ux2a-account-label{display:inline}.topbar .account-button .icon{display:none}.topbar .menu{width:min(320px,100vw - 20px);max-height:calc(100dvh - 110px);top:100%;right:4px;overflow:auto}.topbar .global-search{border-bottom:1px solid var(--line);grid-area:3/1/auto/-1;padding:4px 10px}.topbar:not(.search-open) .global-search{display:none}.topbar.search-open{grid-template-rows:44px 48px 53px}.topbar .global-search .search-input{height:44px}.topbar .global-results{max-height:calc(100dvh - 160px)}}@media (prefers-reduced-motion:reduce){.topbar{transition:none}.history.mail-highlight{animation:none}}.ux2a-folder-row{min-height:44px}.ux2a-folders .grid-head>span,.dossier .grid-head>span,.dossier .map-kop{font-size:13px}.dossier .map-rij input[type=checkbox]{flex:0 0 20px;width:20px;height:20px}.history .kind{white-space:normal;max-width:100%}@media (width<=760px){.ux2a-folder-row{min-height:68px}}.history-main .ux2a-mail-actions{margin:0 10px 6px}.history-main .ux2a-mail-actions>summary{padding:10px}.history-main .ux2a-mail-actions>summary:before{content:none}.history-main .ux2a-mail-actions[open]{border-bottom:1px solid var(--line);padding-bottom:8px}@media (width<=760px){.history-main .ux2a-mail-actions{margin-left:0;margin-right:0}.history:has(.history-main>details[open]) .ux2a-byline{display:none}}.dossier .text-button,.dossier .link{min-width:44px;min-height:44px;font-size:14px}@media (width<=760px){.ux2a-folder-row .col-open[data-count="1"]:after{content:" mail"}.topbar.search-open{transition:none;top:0}.ux2a-folder-row .ux2a-shared:before{content:"Gedeeld met "}}.topbar+.meekijk-balk{top:48px}.meekijk-balk .button{min-height:44px}@media (width<=760px){.topbar+.meekijk-balk{top:92px}.topbar.ux2a-compact+.meekijk-balk{top:48px}.topbar.ux2a-compact:has(:focus-visible)+.meekijk-balk{top:92px}.topbar.search-open+.meekijk-balk{top:145px}}.prio-proef button,.prio-proef summary{min-width:44px;min-height:44px}.prio-proef summary{cursor:pointer;padding:11px 0}.prio-proef .prio-label,.prio-proef .prio-status{font-size:13px}.prio-proef .prio-opbouw,.prio-proef .prio-meta{font-size:14px}.prio-proef .prio-hoofd strong{white-space:normal;overflow-wrap:anywhere}.prio-extra-filters{flex-wrap:wrap;gap:6px;width:100%;display:flex}.ux2b-prio-uitleg{margin-bottom:12px}.ux2b-prio-uitleg p,.ux2b-score p{color:var(--muted);margin:4px 0 12px}.ux2b-score{padding:0 12px;font-size:14px}.prio-proef .prio-filters{margin-bottom:0}@media (width<=600px){.prio-proef .prio-meta{grid-auto-flow:row;justify-content:start}}.ux2b-post .page-header{flex-direction:row;align-items:center;gap:8px;margin-bottom:10px;display:flex}.ux2b-post .page-header h1{margin:0}.ux2b-post .page-actions{gap:6px;width:auto;display:flex}.ux2b-post .page-actions .button{width:auto}.ux2b-post button,.ux2b-post summary,.post-ingangen button{min-width:44px;min-height:44px}.ux2b-nieuw{position:relative}.ux2b-nieuw summary{cursor:pointer;align-items:center;display:flex}.ux2b-nieuw>button{z-index:2;white-space:nowrap;position:absolute;right:0}.ux2b-post .post-ingangen{gap:8px;margin-bottom:10px}.ux2b-post .filters{gap:8px}.ux2b-search-row{gap:8px;width:100%;display:flex}.ux2b-search-row .filter{flex:1;min-width:0}.ux2b-search-row input{width:100%}.ux2b-post input,.ux2b-post select{min-height:44px;font-size:16px}.ux2b-post .segmented{width:100%}.ux2b-post .segmented button{flex:1;font-size:13px}.ux2b-post-filters{width:100%}.ux2b-post .grid-sub,.ux2b-post .col-date,.ux2b-post .col-who,.ux2b-post .col-client,.ux2b-post .kind{font-size:14px}.settings-page .ux2b-settings-fold{border-top:1px solid var(--line);padding:4px 0}.ux2b-settings-fold>summary{cursor:pointer;min-height:44px;padding:11px 0;font-weight:600}.ux2b-mailbox{border-bottom:1px solid var(--line-soft);padding:12px 0}.ux2b-mailbox>strong{overflow-wrap:anywhere;display:block}.ux2b-mailbox p{color:var(--muted);margin:6px 0;font-size:14px}.settings-page button,.settings-page summary,.ux2b-intern button{min-width:44px;min-height:44px}.settings-page input:not([type=checkbox]),.settings-page select{min-height:44px;font-size:16px}.settings-page small,.settings-page .state-label,.settings-page .mail-sync-state,.ux2b-intern small{font-size:14px}.ux2b-extra-routes{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.ux2b-overige{margin-bottom:16px}.ux2b-opzij-rij{border-bottom:1px solid var(--line);gap:6px;padding:12px 0;display:grid}.ux2b-opzij-rij small{overflow-wrap:anywhere;font-size:14px}.ux2b-opzij-rij>div{gap:8px;display:flex}.ux2b-vragen .post-ingangen{margin-bottom:12px}.ux2b-vragen h1{margin:0;font-size:22px}.ux2b-vragen .panel-note{margin-bottom:4px}.ux2b-vraag-uitleg{padding:0 12px}.ux2b-vragen summary,.ux2b-vragen button{min-width:44px;min-height:44px}.ux2b-vragen summary{cursor:pointer;padding:11px 0}.ux2b-vragen small,.ux2b-deelstatus{font-size:14px}.ux2b-deelstatus{color:var(--muted);margin:8px 0}.ux2b-vragen select{max-width:100%;min-height:44px;font-size:16px}.ux2b-vragen .voorstel-knoppen{flex-wrap:wrap}.ux2b-vragen .voorstel-knoppen .button{white-space:normal;height:auto;padding-top:10px;padding-bottom:10px}.ux2b-company{border-top:1px solid var(--line)}.ux2b-company>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;min-height:72px;padding:8px 12px;display:flex}.ux2b-company>summary>span:first-child{min-width:0}.ux2b-company strong,.ux2b-company small{overflow-wrap:anywhere;display:block}.ux2b-company small{color:var(--muted);font-size:14px}.ux2b-company>summary .button{flex-shrink:0;align-items:center;min-height:44px;display:flex}.ux2b-company[open]>summary{background:var(--hover)}.ux2b-company-acties{padding:0 12px 12px}.ux2b-company-acties p{font-size:14px}.ux2b-company-acties summary,.ux2b-bedrijven button{min-width:44px;min-height:44px}.ux2b-company-acties summary{cursor:pointer;padding:11px 0}.ux2b-company-acties input,.ux2b-company-acties select{width:100%;min-height:44px;font-size:16px}.ux2b-company-knoppen{flex-wrap:wrap;gap:8px;display:flex}.unmatched-page button,.unmatched-page summary,.login-card button,.login-card summary{min-width:44px;min-height:44px}.unmatched-page summary,.login-card summary{cursor:pointer;padding-top:11px;padding-bottom:11px}.unmatched-page input,.unmatched-page select,.login-card input{min-height:44px;font-size:16px}.unmatched-page .search-input{height:46px}.unmatched-page small,.unmatched-page .match-hint,.unmatched-page .unmatched-count,.unmatched-page .match-title,.unmatched-page .panel-note,.login-card .login-copy,.login-card .field-label,.login-card .field-hint{font-size:14px}.settings-page .toggle-row{cursor:pointer;min-height:44px}.settings-page input[type=checkbox]{font-size:16px}.sheet:has(#staff-email,#mailbox-email,#contact-body) :is(button,summary,.toggle-row){min-width:44px;min-height:44px}.sheet:has(#staff-email,#mailbox-email,#contact-body) :is(input,select,textarea){font-size:16px}.sheet:has(#staff-email,#mailbox-email,#contact-body) :is(input:not([type=checkbox]),select){min-height:44px}.sheet:has(#staff-email,#mailbox-email,#contact-body) :is(small,.field-hint,.quiet-note){font-size:14px}.prio-proef .b-geen{background:var(--muted)}@media (prefers-reduced-motion:reduce){:is(:is(.ux2b-post,.ux2b-vragen,.unmatched-page,.settings-page,.prio-proef,.login-page) *,.sheet:has(#staff-email,#mailbox-email,#contact-body) *){scroll-behavior:auto!important;transition:none!important;animation:none!important}}.ux2b-resultaat,.ux2b-offline,.ux2b-login-hulp p{color:var(--muted);font-size:14px}.ux2b-post .grid-empty .button{margin:4px}.ux2b-login-hulp{margin-top:8px}.ux2b-login-hulp summary,.ux2b-post .grid-row.grid-post .col-who,.ux2b-post .grid-head>span{font-size:14px}.ux2b-post .filter>span{font-size:13px}.prio-proef .prio-groep h2 small,.unmatched-page .count-pill,.unmatched-page .unmatched-list h2,.unmatched-page .unmatched-list button small,.login-card .field>label{font-size:14px}.ux2b-bedrijven .ux2b-company>summary{min-height:72px}.ux2b-vragen .panel-head{padding:12px 12px 0}.ux2b-vragen .panel-note{padding:0 12px}.ux2b-vragen .voorstel-lijst>li{padding:12px;display:block}.ux2b-vragen .voorstel-knoppen{margin-top:8px}.ux2b-bedrijven .panel-head,.ux2b-intern .panel-head{align-items:center;gap:12px;padding:12px;display:flex}.ux2b-bedrijven .panel-head h2,.ux2b-intern .panel-head h2{flex:1;margin:0;font-size:16px}.ux2b-bedrijven .panel-note,.ux2b-intern .panel-note{padding:0 12px}.ux2b-post .grid-row.grid-post .col-who,.ux2b-post .grid-row.grid-post .col-client{white-space:normal;overflow-wrap:anywhere}:root{--rij-even:#f6f8f7}.grid-row:not(.grid-head):nth-child(2n){background:var(--rij-even)}.grid-row:not(.grid-head):hover{background:var(--hover)}.history:has(>.history-main>details[open]){background:var(--paper)}.history-text{line-height:1.55}.ux3a-draad .history-main,.ux3a-gesprek{min-width:0}.ux3a-draad-meta,.ux3a-bericht-datum,.ux3a-preview{color:var(--muted);font-size:.84rem;font-weight:400;display:block}.ux3a-draad-meta{display:none}.ux3a-openstaand{color:var(--muted);font-size:.84rem;display:block}.ux3a-draad summary{box-sizing:border-box;overflow-wrap:anywhere;min-height:44px}.ux3a-draad summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ux3a-gesprek{padding:8px 0}.ux3a-gesprek>.ux3a-bericht{border:1px solid var(--line-soft);background:var(--paper);margin:0 0 8px;padding:8px;display:block}.ux3a-gesprek>.ux3a-out{background:var(--rij-even);margin-left:12px}.ux3a-bericht>.col-date,.ux3a-bericht>.col-kind,.ux3a-bericht>.col-who,.ux3a-bericht .ux2a-mail-date{display:none}.ux3a-preview{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ux3a-bericht .history-main>details[open]>summary .ux3a-preview{display:none}.ux3a-draad button,.ux3a-draad .history-files a{min-height:44px}@media (width<=800px){.ux3a-draad>.col-date,.ux3a-draad>.col-kind,.ux3a-draad>.col-who{display:none}.ux3a-draad-meta{display:block}.ux3a-draad .history-main>details>summary{padding:8px 0}}.ux4a-post-uitleg,.ux4a-deel-uitleg{color:var(--ink-soft);margin-bottom:12px;font-size:14px}.ux4a-deel-uitleg{flex-basis:100%;margin:0}.ux4a-delen{border:1px solid var(--line);padding:12px}.ux2a-folders .grid-head>span,.dossier .grid-head>span,.dossier .map-kop,.folder-sidebar h2,.folder-sidebar button.sub,.dossier .ux3a-draad-meta,.dossier .ux3a-bericht-datum,.dossier .ux3a-preview,.dossier .ux3a-openstaand,.ux2b-post .col-date,.ux2b-post .col-kind,.ux2b-post .col-client,.ux2b-post .grid-sub,.ux2b-post .kind,.topbar .tabs-nav button,.topbar .account-button{font-size:14px}.ux2a-folders .grid-main,.ux2b-post .grid-main,.dossier .history-main>details>summary,.dossier .history-plain,.folder-sidebar button{font-size:16px}.ux2a-folders .grid-main,.ux2b-post .grid-main,.ux2b-post .col-client .link{min-height:44px}.ux2b-post .col-client .link{min-width:44px}.ux2b-post .kind.email,.dossier .kind.email{color:var(--ink-soft);background:0 0;border:0;padding:0;font-weight:400}@media (width>=801px){.dossier .history:not(.ux3a-bericht) .ux2a-mail-date{display:none}.ux2a-folders .ux4a-zonder-certificering .grid-clients{grid-template-columns:minmax(0,1fr) 160px 140px 70px}.ux2b-post .grid-post{grid-template-columns:104px 92px minmax(0,1fr) 180px 100px}.ux2b-post .grid-post .col-who{color:var(--muted);font-size:14px}}@media (width>=761px) and (width<=800px){.dossier .history>.col-date,.dossier .history>.col-kind{display:none}}.ux2a-folder-row .ux2a-shared:before{content:"Gedeeld met "}.topbar .brand,.ux2b-post .filter>span,.dossier .block>h2{font-size:14px}.ux4a-bronadres{min-height:44px;font-size:14px}.ux2b-post .ux4a-bronadres input{width:20px;height:20px;min-height:20px}@media (width>=801px){.ux2b-post .ux4a-zonder-bronadres .grid-post{grid-template-columns:104px 92px minmax(0,1fr) 180px}}@media (width<=800px){.ux2a-folders .filters .search-input{flex-basis:100%;width:100%}}.ux2b-post .button,.ux2b-post .segmented button{font-size:14px}.ux2a-folders .grid-head>span{text-transform:none;letter-spacing:normal;white-space:normal}.ux2a-folder-row .ux2a-shared{white-space:normal;overflow-wrap:anywhere}.ux4b-start{max-width:1080px;margin:0 auto;font-size:16px}.ux4b-start h1{margin:0 0 24px;font-size:24px}.ux4b-start h1 span,.ux4b-start small,.ux4b-meta,.ux4b-ontvangst{color:var(--ink-soft);font-size:14px}.ux4b-start h1 span{margin-left:8px;font-weight:400}.ux4b-start h2{margin:0 0 12px;font-size:20px}.ux4b-start a,.ux4b-start button{border-radius:0;min-height:44px}.ux4b-zoeken{margin-bottom:28px}.ux4b-zoeklabel{margin-bottom:8px;font-weight:600;display:block}.ux4b-start .global-search{width:100%;max-width:none;margin:0 0 16px;padding:0;display:block}.ux4b-start .search-input{background:var(--paper);width:100%;max-width:none;min-height:52px}.ux4b-start input{width:100%;min-height:50px;font-size:16px}.ux4b-start .global-results{width:100%;max-height:420px;overflow-y:auto}.ux4b-start .global-results button{font-size:16px}.ux4b-start .global-results small{font-size:14px}.ux4b-meta{margin-bottom:4px}.ux4b-mappen{flex-wrap:wrap;gap:0 20px;display:flex}.ux4b-mappen a{overflow-wrap:anywhere;align-items:center;display:flex}.ux4b-blokken{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.ux4b-blok{background:var(--paper);border:1px solid var(--line);min-width:0;padding:20px}.ux4b-lijst{margin:0;padding:0;list-style:none}.ux4b-lijst li{border-bottom:1px solid var(--line-soft)}.ux4b-lijst a{overflow-wrap:anywhere;flex-direction:column;justify-content:center;gap:4px;padding:12px 0;text-decoration:none;display:flex}.ux4b-lijst a:hover,.ux4b-mappen a:hover{text-decoration:underline}.ux4b-meer{align-items:center;padding:10px 0;display:inline-flex}.ux4b-ontvangst{border-top:1px solid var(--line);overflow-wrap:anywhere;margin-top:12px;padding-top:16px}.ux4b-ontvangst p{margin-bottom:12px}.ux4b-uitzondering{background:var(--warn-soft);color:var(--warn);border-left:3px solid var(--warn);padding:8px}@media (width<=700px){.ux4b-start{padding:20px 16px}.ux4b-start h1{margin-bottom:20px}.ux4b-blokken{grid-template-columns:1fr;gap:20px}.ux4b-blok{padding:16px}.ux4b-mappen{display:grid}}.ux4b-start .search-input>button{min-width:44px;min-height:44px}@media (width>=701px){.app-shell:has(.ux4b-start) .topbar .account{margin-left:auto}}.ux5-ordenen{border-top:1px solid var(--border,#ddd);margin-top:16px;padding-top:16px}.ux5-acties{flex-wrap:wrap;gap:8px;display:flex}.ux5-acties>button,.ux5-duplicate button,.ux5-duplicate label,.page-actions .submap{min-height:44px}.ux5-acties>button{white-space:normal;text-align:left}.ux5-form label{gap:8px;display:grid}.ux5-form input,.ux5-form select,#client-company{width:100%;min-width:0;min-height:44px;font-size:16px}.ux5-form button,.ux5-form select,.ux5-form input,.ux5-acties button,.ux5-duplicate{border-radius:0}.ux5-form p,.ux5-duplicate{overflow-wrap:anywhere}.ux5-duplicate{border:1px solid var(--border,#ddd);padding:12px}.ux5-duplicate p{margin:0 0 8px}.ux5-duplicate label{cursor:pointer;align-items:center;gap:10px;display:flex}.ux5-duplicate input{flex-shrink:0;width:22px;height:22px}.ux5-confirm{border-left:3px solid;padding:12px}.page-actions>.submappen{border:0;margin:0;padding:0}@media (width<=600px){.ux5-acties{flex-direction:column;align-items:stretch}.ux5-form .sheet-footer{flex-wrap:wrap}.ux5-form .sheet-footer button{white-space:normal}}.sheet:has(.ux5-form) button{min-height:44px}.sheet:has(.ux5-form)>header .icon-button{min-width:44px}.menu .thema-keuze{border-top:1px solid var(--line-soft);margin:6px 0 2px;padding:8px 0 4px}.menu .thema-keuze>span{color:var(--muted);margin:0 0 6px;font-size:14px;display:block}.menu .thema-keuze [role=radiogroup]{gap:4px;display:grid}.menu .thema-keuze button{text-align:left;grid-template-columns:20px 1fr;align-items:start;gap:8px;min-height:44px;padding:8px;display:grid}.menu .thema-keuze button strong{font-weight:600;display:block}.menu .thema-keuze button small{color:var(--muted);font-size:13px;line-height:1.3;display:block}.menu .thema-keuze button .punt{border:2px solid var(--muted);box-sizing:border-box;border-radius:50%;width:16px;height:16px;margin-top:2px}.menu .thema-keuze button[aria-checked=true] .punt{border-color:var(--accent);background:radial-gradient(circle, var(--accent) 0 45%, transparent 50%)}:root[data-thema=kantoor]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#242424;--ink-soft:#424242;--muted:#616161;--accent:#0f6cbd;--accent-dark:#0c5596;--accent-soft:#e8f2fc;--canvas:#f5f5f5;--paper:#fff;--line:#858585;--line-soft:#dedede;--border:#858585;--head:#f5f5f5;--hover:#edf3f9;--rij-even:#fafafa;--warn:#795000;--warn-soft:#fff4ce;--danger:#a4262c;--danger-soft:#fde7e9;--ok:#21633c;--ok-soft:#e8f3eb;--row:56px;--k-shadow-1:0 1px 2px #0000000d;--k-shadow-2:0 4px 16px #0000001a, 0 1px 3px #0000000f;--k-shadow-3:0 16px 48px #00000029, 0 2px 8px #00000014;--k-ease:cubic-bezier(.16, 1, .3, 1);font-family:Segoe UI Variable Text,Segoe UI,system-ui,sans-serif;font-size:16px}:root[data-thema=kantoor] body{font-size:14px;line-height:1.5}:root[data-thema=kantoor] :is(button,input,select,textarea){font-family:inherit}:root[data-thema=kantoor] :is(h1,h2,h3,strong,b){font-weight:600}:root[data-thema=kantoor] :is(h1,.page-header h1,.login-card h1){letter-spacing:-.02em;overflow-wrap:anywhere;font-size:28px;line-height:1.25}:root[data-thema=kantoor] :is(h2,.sheet>header h2){letter-spacing:-.01em;font-size:20px}:root[data-thema=kantoor] :is(h3,.block h2){font-size:16px}:root[data-thema=kantoor] :is(button,summary,.button,.link,.back,.history-files a,.toggle-row,.vink){min-height:44px}:root[data-thema=kantoor] :is(button,.button,.link,.back){min-width:44px}:root[data-thema=kantoor] :is(button,summary,a,input,select,textarea){transition:background-color .14s var(--k-ease), border-color .14s var(--k-ease), color .14s var(--k-ease), box-shadow .16s var(--k-ease);-webkit-tap-highlight-color:#0f6cbd1f}:root[data-thema=kantoor] :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}:root[data-thema=kantoor] :is(input,select,textarea):not([type=checkbox]):not([type=radio]){min-width:0;max-width:100%;min-height:44px;accent-color:var(--accent);border-radius:4px;font-size:16px}:root[data-thema=kantoor] :is(input,textarea)::placeholder{color:var(--muted);opacity:1}:root[data-thema=kantoor] :is(input[type=checkbox],input[type=radio]){accent-color:var(--accent);flex-shrink:0;width:20px;height:20px;min-height:20px}:root[data-thema=kantoor] label:has(>input[type=checkbox]){cursor:pointer;align-items:center;min-height:44px}:root[data-thema=kantoor] :is(.button,.icon-button,.account-button,.search-input,.ux2a-all,.ux2a-mail-actions>summary,.submap,.back){border-radius:4px}:root[data-thema=kantoor] :is(.button,.account-button,.icon-button){height:auto;box-shadow:var(--k-shadow-1);padding:8px 16px;font-size:14px;font-weight:600}:root[data-thema=kantoor] .icon-button{flex-shrink:0;width:44px;padding:8px}:root[data-thema=kantoor] .button{white-space:normal;line-height:1.4}:root[data-thema=kantoor] .button.primary{background:var(--accent);border-color:var(--accent);color:#fff}:root[data-thema=kantoor] .button.primary:hover:not(:disabled){background:var(--accent-dark);border-color:var(--accent-dark)}:root[data-thema=kantoor] .button.primary:active:not(:disabled){background:#094374;border-color:#094374}:root[data-thema=kantoor] :is(.button,.icon-button,.account-button):hover:not(:disabled):not(.primary){background:var(--hover);border-color:var(--muted)}:root[data-thema=kantoor] :is(button,input,select,textarea):disabled{opacity:1;color:var(--muted);border-color:var(--line);box-shadow:none;cursor:not-allowed;background:#ededed}:root[data-thema=kantoor] :is(.text-button,.link){font-size:14px;font-weight:600}:root[data-thema=kantoor] .topbar{border-bottom-color:var(--line-soft);height:56px;box-shadow:var(--k-shadow-1)}:root[data-thema=kantoor] .brand{color:var(--ink);padding-inline:24px;font-size:16px;font-weight:600}:root[data-thema=kantoor] .tabs-nav button{border-bottom-width:3px;padding-inline:24px;font-size:14px}:root[data-thema=kantoor] .tabs-nav button.active{color:var(--accent-dark);background:#f5f9fd}:root[data-thema=kantoor] .search-input{background:var(--paper);height:44px;padding-inline:12px}:root[data-thema=kantoor] .search-input input{height:40px;min-height:40px;font-size:16px}:root[data-thema=kantoor] .search-input>button{flex-shrink:0;width:44px;height:44px}:root[data-thema=kantoor] .search-input:focus-within{outline:2px solid var(--accent);outline-offset:2px;box-shadow:none}:root[data-thema=kantoor] .search-input input:focus-visible{outline:none}:root[data-thema=kantoor] :is(.menu,.global-results){box-shadow:var(--k-shadow-2);border-color:var(--line);border-radius:8px;padding:4px}:root[data-thema=kantoor] .menu{width:320px;max-width:calc(100vw - 24px);top:calc(100% + 4px)}:root[data-thema=kantoor] .menu button{border-radius:4px}:root[data-thema=kantoor] .menu .thema-keuze{padding:12px 8px 4px}:root[data-thema=kantoor] .menu .thema-keuze button[aria-checked=true]{background:var(--accent-soft);box-shadow:inset 3px 0 var(--accent)}:root[data-thema=kantoor] .page{padding:28px 24px 64px}:root[data-thema=kantoor] .page-header{gap:16px;margin-bottom:20px}:root[data-thema=kantoor] .filters{gap:12px;margin-bottom:16px}:root[data-thema=kantoor] :is(.filter>span,.grid-head,.folder-sidebar h2,.map-kop){text-transform:none;letter-spacing:normal;font-size:14px;font-weight:600}:root[data-thema=kantoor] :is(.segmented,.choice-row){gap:0}:root[data-thema=kantoor] :is(.segmented,.choice-row) button{white-space:normal;height:auto;min-height:44px;padding:8px 16px;font-size:14px}:root[data-thema=kantoor] :is(.segmented,.choice-row) button:first-child{border-radius:4px 0 0 4px}:root[data-thema=kantoor] :is(.segmented,.choice-row) button:last-child{border-radius:0 4px 4px 0}:root[data-thema=kantoor] :is(.segmented,.choice-row) button.active{color:var(--accent-dark);background:var(--accent-soft);border-color:var(--accent);box-shadow:inset 0 -3px var(--accent)}:root[data-thema=kantoor] :is(.grid,.panel,.settings-block,.folder-settings,.ux4b-blok){background:var(--paper);border:1px solid var(--line-soft);box-shadow:var(--k-shadow-1);border-radius:8px}:root[data-thema=kantoor] .grid-head{border-color:var(--line-soft);background:#fafafa;border-radius:8px 8px 0 0;top:56px}:root[data-thema=kantoor] .grid-row:last-child{border-radius:0 0 8px 8px}:root[data-thema=kantoor] .grid-row:not(.grid-head):nth-child(2n){background:var(--paper)}:root[data-thema=kantoor] .grid-row:not(.grid-head):hover{background:var(--hover)}:root[data-thema=kantoor] .grid-row:focus-within{box-shadow:inset 3px 0 var(--accent)}:root[data-thema=kantoor] :is(.grid-main,.grid-sub,.col-client,.col-who,.col-date,.global-results small){white-space:normal;overflow-wrap:anywhere}:root[data-thema=kantoor] .grid-main{font-size:16px;line-height:1.5}:root[data-thema=kantoor] .grid-main:hover{text-decoration:none}:root[data-thema=kantoor] :is(.state,.state-label,.kind,.tag,.count,.count-pill){border-radius:4px;padding:2px 8px;font-size:14px;font-weight:600}:root[data-thema=kantoor] .kind.email{color:var(--accent-dark);border-color:var(--accent);background:var(--accent-soft)}:root[data-thema=kantoor] :is(.notice,.folder-privacy,.ux5-duplicate,.ux5-confirm,.form-alert,.privacy-locked){border-radius:4px;padding:12px 16px;font-size:14px}:root[data-thema=kantoor] .notice{background:var(--warn-soft);border-color:var(--warn);color:var(--warn)}:root[data-thema=kantoor] .form-alert{border-color:var(--danger)}:root[data-thema=kantoor] .folder-privacy{background:var(--accent-soft);border-color:var(--accent);color:var(--ink-soft)}:root[data-thema=kantoor] .folder-sidebar{border-color:var(--line-soft);background:#fafafa;max-height:calc(100dvh - 56px);padding:24px 12px;top:56px}:root[data-thema=kantoor] .folder-sidebar button{border-radius:4px;padding:12px;font-size:14px}:root[data-thema=kantoor] .folder-sidebar button:hover{background:var(--hover)}:root[data-thema=kantoor] .folder-sidebar button.active{color:var(--accent-dark);background:var(--accent-soft);border-left-color:var(--accent);font-weight:600}:root[data-thema=kantoor] .folder-settings{padding:20px}:root[data-thema=kantoor] .folder-search{gap:12px;margin-block:20px}:root[data-thema=kantoor] .history:has(>.history-main>details[open]){background:var(--paper);box-shadow:inset 3px 0 var(--accent)}:root[data-thema=kantoor] .history-main>details>summary{padding:12px;font-weight:600}:root[data-thema=kantoor] .history-body{padding:4px 16px 20px}:root[data-thema=kantoor] .history-text{color:var(--ink);overflow-wrap:anywhere;background:#fff;border-radius:4px;font-size:16px;line-height:1.65}:root[data-thema=kantoor] .ux3a-gesprek{padding:12px}:root[data-thema=kantoor] .ux3a-gesprek>.ux3a-bericht{border-radius:8px;margin-bottom:12px;padding:12px}:root[data-thema=kantoor] .ux3a-gesprek>.ux3a-out{background:#f5f9fd;border-color:#b9d5ed}:root[data-thema=kantoor] .history-files a{border-radius:4px}:root[data-thema=kantoor] .sheet-backdrop{background:#2424244d;padding:48px 24px}@supports ((-webkit-backdrop-filter:blur(8px)) or (backdrop-filter:blur(8px))){:root[data-thema=kantoor] .sheet-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#24242438}}:root[data-thema=kantoor] .sheet{border-color:var(--line);box-shadow:var(--k-shadow-3);border-radius:8px}:root[data-thema=kantoor] .sheet>header{background:var(--paper);border-color:var(--line-soft);border-radius:8px 8px 0 0;padding:16px 24px}:root[data-thema=kantoor] .sheet-form{padding:24px}:root[data-thema=kantoor] .field{min-width:0;margin-bottom:20px}:root[data-thema=kantoor] .field>label{margin-bottom:8px;font-size:14px;font-weight:600}:root[data-thema=kantoor] .field :is(input,select,textarea){padding:10px 12px}:root[data-thema=kantoor] .sheet-footer{border-color:var(--line-soft);background:#fafafa;border-radius:0 0 8px 8px;gap:12px;padding:16px}:root[data-thema=kantoor] .login-page{background:var(--canvas);padding:24px}:root[data-thema=kantoor] .login-card{border-color:var(--line-soft);width:min(440px,100%);box-shadow:var(--k-shadow-2);border-radius:8px;padding:32px}:root[data-thema=kantoor] .login-brand{color:var(--accent-dark);letter-spacing:-.02em;margin-bottom:24px;font-size:20px;font-weight:400}:root[data-thema=kantoor] .login-copy{margin-bottom:24px;line-height:1.6}:root[data-thema=kantoor] .empty-state{padding:40px 24px}:root[data-thema=kantoor] .empty-state>span{color:var(--accent)}:root[data-thema=kantoor] .toast{background:var(--ok-soft);color:var(--ok);border-color:var(--ok);box-shadow:var(--k-shadow-2);border-radius:8px}:root[data-thema=kantoor] .toast.error{background:var(--danger-soft);color:var(--danger);border-color:var(--danger)}:root[data-thema=kantoor] .toast :is(.icon-button,.toast-action){color:inherit;background:0 0;border:1px solid;border-radius:4px}:root[data-thema=kantoor] .topbar+.meekijk-balk{border-color:var(--warn);top:56px}:root[data-thema=kantoor] :is(small,.dim,.quiet-note,.panel-note,.grid-note,.grid-sub,.history-meta,.ux3a-draad-meta,.ux3a-bericht-datum,.ux3a-preview,.ux3a-openstaand,.map-kop,.filter>span,.field>label span,.menu .thema-keuze button small,.global-empty,.login-copy){font-size:14px}:root[data-thema=kantoor] :is(.page,.sheet,.menu,.panel,.settings-block,.history-main){overflow-wrap:anywhere}@media (width<=800px){:root[data-thema=kantoor] .page{padding:20px 16px 48px}:root[data-thema=kantoor] .page-header h1{font-size:28px}:root[data-thema=kantoor] .folder-search{flex-wrap:wrap}:root[data-thema=kantoor] .folder-search .search-input{flex-basis:100%}:root[data-thema=kantoor] .ux3a-gesprek{padding:8px 0}:root[data-thema=kantoor] .ux3a-gesprek>.ux3a-bericht{padding:8px}:root[data-thema=kantoor] .history-body{padding:4px 8px 16px}}@media (width<=760px){:root[data-thema=kantoor] .topbar{height:auto}:root[data-thema=kantoor] .topbar .brand{padding-inline:16px}:root[data-thema=kantoor] .topbar .tabs-nav button{padding-inline:8px}:root[data-thema=kantoor] .topbar .account-button{box-shadow:none;padding:8px 4px}:root[data-thema=kantoor] .topbar .menu{top:100%}:root[data-thema=kantoor] .topbar+.meekijk-balk{top:92px}:root[data-thema=kantoor] .topbar.ux2a-compact+.meekijk-balk{top:48px}:root[data-thema=kantoor] .topbar.ux2a-compact:has(:focus-visible)+.meekijk-balk{top:92px}:root[data-thema=kantoor] .topbar.search-open+.meekijk-balk{top:145px}:root[data-thema=kantoor] .ux2a-folder-row{padding:12px 16px}:root[data-thema=kantoor] :is(.segmented,.choice-row) button{padding-inline:10px}:root[data-thema=kantoor] .sheet-backdrop{padding:16px 12px}:root[data-thema=kantoor] .sheet>header{padding:12px 16px}:root[data-thema=kantoor] .sheet-form{padding:16px}:root[data-thema=kantoor] .login-card{padding:24px}:root[data-thema=kantoor] .settings-list button{flex-wrap:wrap;align-items:flex-start}:root[data-thema=kantoor] .settings-list button>span{min-width:0}}@media (prefers-reduced-motion:reduce){:root[data-thema=kantoor] *,:root[data-thema=kantoor] :before,:root[data-thema=kantoor] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (forced-colors:active){:root[data-thema=kantoor] :is(button.active,[aria-checked=true]){outline-offset:-3px;outline:2px solid highlight}}:root[data-thema=kantoor] .button.primary:disabled{color:var(--muted);border-color:var(--line);background:#ededed}:root[data-thema=kantoor] .ux5-duplicate{border-color:var(--warn);background:var(--warn-soft);color:var(--ink);margin-bottom:20px}:root[data-thema=kantoor] .history-main .ux2a-mail-actions>summary::marker{content:""}:root[data-thema=kantoor] .history-main .ux2a-mail-actions>summary::-webkit-details-marker{display:none}:root[data-thema=kantoor] .ux2a-folder-row{min-height:56px}:root[data-thema=kantoor] :is(.settings-section,.ux2a-contact .factsheet){background:var(--paper);border-radius:8px}:root[data-thema=kantoor] :is(.ux5-form>label,.ux5-form>.button){margin-bottom:16px}:root[data-thema=kantoor] .folder-sidebar h2{font-size:14px}:root[data-thema=kantoor] .settings-simple{border-color:var(--line-soft);box-shadow:var(--k-shadow-1);border-radius:8px}:root[data-thema=kantoor] .settings-section{padding:20px}:root[data-thema=kantoor] .ux2b-mailbox{padding:16px}:root[data-thema=kantoor] .settings-page>.settings-simple>.ux2b-settings-fold>summary{padding-inline:20px}:root[data-thema=kantoor] .unmatched-list button.active{background:var(--accent-soft);color:var(--accent-dark);box-shadow:inset 3px 0 var(--accent);border-color:var(--accent)}:root[data-thema=kantoor] .unmatched-list button.active small{color:var(--ink-soft)}:root[data-thema=kantoor] :is(.label-prive,.privacy-locked,.match-hint,.mobile-mail-selector,.mail-details,.history .weg){font-size:14px}:root[data-thema=kantoor] .label-prive{border-radius:4px}:root[data-thema=kantoor] .factsheet div>span{text-transform:none;letter-spacing:normal;color:var(--muted);font-size:14px}@media (width<=760px){:root[data-thema=kantoor] .dossier .page-actions{align-items:flex-start;gap:8px;width:100%}:root[data-thema=kantoor] .dossier .page-actions>.button,:root[data-thema=kantoor] .dossier .page-actions>.back,:root[data-thema=kantoor] .dossier .page-actions>.submappen{flex:0 auto}:root[data-thema=kantoor] .dossier .page-actions .button{min-width:max-content}:root[data-thema=kantoor] .sheet{max-height:calc(100dvh - 32px)}}:root[data-thema=kantoor] .spinner{border-color:var(--line);border-top-color:var(--accent)}:root[data-thema=kantoor] .button.primary:not(:disabled) .spinner{border-color:#fff #ffffff80 #ffffff80}:root[data-thema=kantoor] :is(.unmatched-list h2,.match-title){text-transform:none;letter-spacing:normal;font-size:14px;font-weight:600}:root[data-thema=kantoor] .center-screen{text-align:center;align-content:center;gap:16px}:root[data-thema=kantoor] .center-screen :is(h1,p){max-width:480px;margin:0}:root[data-thema=kantoor] .center-screen .brand-mark{background:var(--accent-soft);width:44px;height:44px;color:var(--accent-dark);border-radius:8px;place-items:center;font-size:20px;font-weight:600;display:grid}:root[data-thema=kantoor] .ux6-tree{font-size:14px}:root[data-thema=kantoor] .ux6-toolbar{background:var(--paper);border-block:1px solid var(--line);gap:8px;margin:12px 0;padding:8px}:root[data-thema=kantoor] .ux6-toolbar>strong{color:var(--accent-dark);padding:8px}:root[data-thema=kantoor] .ux6-toolbar:has(strong){background:var(--accent-soft);border-color:var(--accent)}:root[data-thema=kantoor] :is(.ux6-columns,.ux6-row){grid-template-columns:minmax(280px,1fr) minmax(100px,.28fr) 125px 55px;gap:12px;padding-inline:8px}:root[data-thema=kantoor] .ux6-columns{background:var(--canvas);color:var(--ink-soft);font-weight:600}:root[data-thema=kantoor] .ux6-row{min-height:56px;position:relative}:root[data-thema=kantoor] .ux6-row:hover{background:var(--hover)}:root[data-thema=kantoor] .ux6-row:focus-within{box-shadow:inset 3px 0 var(--accent)}:root[data-thema=kantoor] :is(.ux6-current,.ux6-row:has(input:checked)){background:var(--accent-soft);box-shadow:inset 3px 0 var(--accent)}:root[data-thema=kantoor] :is(.ux6-current,.ux6-row:has(input:checked)):hover{background:#dceafa}:root[data-thema=kantoor] .ux6-tree button{border-radius:4px;font-size:14px;line-height:1.5}:root[data-thema=kantoor] .ux6-tree button:hover:not(:disabled){color:var(--accent-dark);background:#dceafa}:root[data-thema=kantoor] .ux6-tree button:active:not(:disabled){background:#cbdff3}:root[data-thema=kantoor] .ux6-title{color:var(--ink);padding:8px}:root[data-thema=kantoor] .ux6-title:has(small){font-weight:600}:root[data-thema=kantoor] .ux6-title small{font-size:14px;line-height:1.5}:root[data-thema=kantoor] .ux6-chevron{color:var(--ink-soft);flex:0 0 44px;font-size:18px}:root[data-thema=kantoor] .ux6-spacer{flex:0 0 44px;width:44px}:root[data-thema=kantoor] .ux6-grip{text-align:center;width:16px;color:var(--muted);cursor:grab;flex:0 0 16px;padding:0}:root[data-thema=kantoor] .ux6-move{flex-shrink:0}:root[data-thema=kantoor] .ux6-check{flex:0 0 44px}:root[data-thema=kantoor] .ux6-row[draggable=true]:active{cursor:grabbing;background:var(--accent-soft);box-shadow:inset 3px 0 var(--accent)}:root[data-thema=kantoor] .ux6-tree:has(.ux6-drop-root) .ux6-grip{color:var(--accent-dark);cursor:grabbing}:root[data-thema=kantoor] .ux6-row.ux6-drop{outline:2px solid var(--accent);outline-offset:-2px;background:var(--accent-soft);box-shadow:inset 5px 0 var(--accent)}:root[data-thema=kantoor] .ux6-row.ux6-invalid{outline:2px dashed var(--danger);outline-offset:-2px;background:var(--danger-soft)}:root[data-thema=kantoor] .ux6-invalid>span:last-child{color:var(--danger);grid-column:1/-1;padding:8px;font-weight:600}:root[data-thema=kantoor] .ux6-drop-root{border:2px dashed var(--accent);color:var(--accent-dark);background:var(--accent-soft);border-radius:4px;margin-block:8px;padding:16px}:root[data-thema=kantoor] .ux6-drop-root:hover{background:#dceafa;border-style:solid}:root[data-thema=kantoor] .folder-sidebar .ux6-row{border:0;border-radius:0;padding:0}:root[data-thema=kantoor] .folder-sidebar .ux6-name{grid-template-columns:16px 44px minmax(0,1fr)}:root[data-thema=kantoor] .folder-sidebar .ux6-title{padding:8px 4px;font-weight:400}:root[data-thema=kantoor] .folder-sidebar .ux6-current .ux6-title{color:var(--accent-dark);font-weight:600}:root[data-thema=kantoor] .folder-sidebar .ux6-move{padding:8px;font-size:14px}:root[data-thema=kantoor] .ux6-breadcrumbs{color:var(--muted);flex-wrap:wrap;gap:0 4px;margin-bottom:8px;overflow:visible}:root[data-thema=kantoor] .ux6-breadcrumbs>span{flex:0 auto;max-width:100%;overflow:visible}:root[data-thema=kantoor] .ux6-breadcrumbs button{white-space:normal;overflow-wrap:anywhere;text-align:left;border-radius:4px;max-width:100%;font-size:14px}:root[data-thema=kantoor] .ux6-breadcrumbs button:hover{background:var(--hover);text-decoration:underline}:root[data-thema=kantoor] .ux6-dialog{border:1px solid var(--line);box-shadow:var(--k-shadow-3);border-radius:8px;max-height:calc(100dvh - 32px);padding:24px}:root[data-thema=kantoor] .ux6-dialog::backdrop{background:#2424244d}:root[data-thema=kantoor] .ux6-dialog h2{overflow-wrap:anywhere;margin:0 0 20px}:root[data-thema=kantoor] .ux6-dialog label{margin:16px 0;font-weight:600}:root[data-thema=kantoor] .ux6-dialog :is(input,select){border:1px solid var(--line);color:var(--ink);background:var(--paper);border-radius:4px;margin-top:8px}:root[data-thema=kantoor] .ux6-dialog select{padding:4px}:root[data-thema=kantoor] .ux6-dialog option{white-space:normal;overflow-wrap:anywhere;min-height:44px;padding:12px 8px}:root[data-thema=kantoor] .ux6-dialog option:checked{background:var(--accent-soft);color:var(--accent-dark)}:root[data-thema=kantoor] .ux6-dialog .ux6-toolbar{border-bottom:0;justify-content:flex-end;margin:20px 0 0;padding:16px 0 0}:root[data-thema=kantoor] .ux6-tree [role=alert]{color:var(--danger);background:var(--danger-soft);border-left:3px solid var(--danger);overflow-wrap:anywhere;padding:12px 16px}:root[data-thema=kantoor] .ux6-toast{border:1px solid var(--ok);border-left:4px solid var(--ok);max-width:calc(100vw - 32px);color:var(--ink);background:var(--paper);box-shadow:var(--k-shadow-2);border-radius:4px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}:root[data-thema=kantoor] .ux6-toast button{font-weight:600;text-decoration:underline}:root[data-thema=kantoor] .ux6-toggle{line-height:1.5}:root[data-thema=kantoor] .page-actions>button[aria-expanded=true]{color:var(--accent-dark);background:var(--accent-soft);border-color:var(--accent)}:root[data-thema=kantoor] #contact-body{background:#fff;padding:12px;line-height:1.6}:root[data-thema=kantoor] .ux6-tree .grid-empty{background:var(--paper);color:var(--muted);border-block:1px solid var(--line-soft);padding:32px 16px}@media (width>=801px){:root[data-thema=kantoor] .folder-workspace{grid-template-columns:320px minmax(0,1fr)}}@media (width<=800px){:root[data-thema=kantoor] .ux6-row{grid-template-columns:minmax(0,1fr) auto;gap:0 8px;padding:8px}:root[data-thema=kantoor] .ux6-name .ux6-move{margin-left:auto}:root[data-thema=kantoor] :is(.ux6-shared,.ux6-date){padding-left:16px;font-size:14px}:root[data-thema=kantoor] .ux6-mobile-folders{margin:12px 16px}:root[data-thema=kantoor] .ux6-sidebar-open .folder-sidebar{border:1px solid var(--line);border-radius:4px;max-height:50dvh;margin:0 16px 12px;padding:12px 8px}:root[data-thema=kantoor] .ux6-dialog{padding:20px 16px}:root[data-thema=kantoor] .ux6-dialog .ux6-toolbar>button{flex:140px}:root[data-thema=kantoor] .ux6-toast{bottom:16px;right:16px}}@media (width>=801px) and (hover:hover){:root[data-thema=kantoor] .folder-sidebar .ux6-move{display:none}:root[data-thema=kantoor] .folder-sidebar :is(.ux6-row:hover,.ux6-row:focus-within,.ux6-current) .ux6-move{display:block}}@media (width<=800px){:root[data-thema=kantoor] .ux6-tree:not(.ux6-sidebar) .ux6-name{grid-template-columns:16px 44px minmax(0,1fr);display:grid}:root[data-thema=kantoor] .ux6-tree:not(.ux6-sidebar) .ux6-grip{grid-area:1/1}:root[data-thema=kantoor] .ux6-tree:not(.ux6-sidebar) :is(.ux6-chevron,.ux6-spacer){grid-area:1/2}:root[data-thema=kantoor] .ux6-tree:not(.ux6-sidebar) .ux6-title{grid-area:1/3}:root[data-thema=kantoor] .ux6-tree:not(.ux6-sidebar) .ux6-move{grid-column:2/-1;justify-self:end}:root[data-thema=kantoor] .ux6-tree:not(.ux6-sidebar) .ux6-name:has(.ux6-check){grid-template-columns:16px 44px 44px minmax(0,1fr)}:root[data-thema=kantoor] .ux6-tree:not(.ux6-sidebar) .ux6-check{grid-area:1/2}:root[data-thema=kantoor] .ux6-tree:not(.ux6-sidebar) .ux6-name:has(.ux6-check) :is(.ux6-chevron,.ux6-spacer){grid-column:3}:root[data-thema=kantoor] .ux6-tree:not(.ux6-sidebar) .ux6-name:has(.ux6-check) .ux6-title{grid-column:4}}:root[data-thema=kantoor] .ux6-dialog div[role=alert]{color:var(--warn);background:var(--warn-soft);border-left-color:var(--warn)}:root[data-thema=kantoor] .ux6-dialog :is(input,select){font-weight:400}:root[data-thema=kantoor] .ux6-dialog select[size]{height:min(320px,36dvh);min-height:176px;max-height:320px}:root[data-thema=zacht]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#202124;--ink-soft:#45464e;--muted:#60616b;--accent:#06c;--accent-dark:#004f9e;--accent-soft:#eaf3ff;--canvas:#f2f2f7;--paper:#fff;--line:#83838d;--line-soft:#3c3c431f;--head:#f7f7fa;--hover:#edf4fc;--rij-even:#fff;--warn:#795000;--warn-soft:#fff4dc;--danger:#a12532;--danger-soft:#fff0f1;--ok:#25633e;--ok-soft:#eaf5ed;--row:64px;--zacht-shadow:0 2px 4px #19233706, 0 12px 32px #1923370b;--zacht-ease:cubic-bezier(.2,.8,.2,1);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Inter,Segoe UI,system-ui,sans-serif}:root[data-thema=zacht] body{font-size:16px;line-height:1.5}:root[data-thema=zacht] :is(button,input,select,textarea){font-family:inherit}:root[data-thema=zacht] :is(h1,h2,h3,strong,b){font-weight:600}:root[data-thema=zacht] :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--accent);outline-offset:3px}:root[data-thema=zacht] :is(button,summary,a,input,select,textarea){scroll-margin-block:160px 24px}:root[data-thema=zacht] :is(button,summary){min-height:44px;font-size:14px}:root[data-thema=zacht] :is(button,.button){transition:background-color .22s var(--zacht-ease), color .22s var(--zacht-ease), box-shadow .22s var(--zacht-ease), transform .22s var(--zacht-ease)}:root[data-thema=zacht] button:active:not(:disabled){transform:scale(.98)}:root[data-thema=zacht] :is(button,.button):disabled{opacity:1;color:#60616b;cursor:not-allowed;background:#eeeef3;border-color:#83838d}:root[data-thema=zacht] :is(input:not([type=checkbox]),select,textarea){border-radius:10px;min-width:0;min-height:44px;font-size:16px}:root[data-thema=zacht] input::placeholder{color:var(--muted);opacity:1}:root[data-thema=zacht] :is(input[type=checkbox],input[type=radio]){accent-color:var(--accent)}:root[data-thema=zacht] :is(label.vink,.toggle-row,.ux5-duplicate label){min-height:44px}:root[data-thema=zacht] .topbar{border-bottom:1px solid var(--line-soft);background:#fffffff0;gap:8px;height:64px;padding:8px 24px}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){:root[data-thema=zacht] .topbar{-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);background:#fafafddb}}:root[data-thema=zacht] .brand{letter-spacing:-.04em;border:0;padding:0 16px 0 0;font-size:18px;font-weight:600}:root[data-thema=zacht] .tabs-nav{gap:4px}:root[data-thema=zacht] .tabs-nav button{border:0;border-radius:10px;padding-inline:16px;font-weight:500}:root[data-thema=zacht] .tabs-nav button.active{color:var(--accent-dark);background:var(--accent-soft);box-shadow:inset 0 -2px var(--accent)}:root[data-thema=zacht] :is(.count,.state,.state-label,.tag,.label-prive){border-radius:999px;font-size:14px;font-weight:500}:root[data-thema=zacht] .account-button{border-color:var(--line);border-radius:10px;font-weight:500}:root[data-thema=zacht] .search-input{background:var(--paper);border-radius:10px;height:48px;padding-inline:12px}:root[data-thema=zacht] .search-input input{border-radius:0;height:44px;font-size:16px}:root[data-thema=zacht] .search-input>button{min-width:44px;min-height:44px}:root[data-thema=zacht] .search-input:focus-within{outline:3px solid var(--accent);outline-offset:3px;box-shadow:none}:root[data-thema=zacht] .search-input input:focus-visible{outline:none}:root[data-thema=zacht] :is(.menu,.global-results){border:1px solid var(--line-soft);border-radius:14px;margin-top:8px;padding:8px;box-shadow:0 16px 48px #19233729}:root[data-thema=zacht] .menu{width:320px;top:100%}:root[data-thema=zacht] :is(.menu,.global-results) button{border-radius:8px}:root[data-thema=zacht] .menu .thema-keuze{padding:12px 4px 4px}:root[data-thema=zacht] .thema-keuze button[aria-checked=true]{background:var(--accent-soft)}:root[data-thema=zacht] :is(.menu p,.menu small,.global-results small,.global-results strong){font-size:14px}:root[data-thema=zacht] .page{padding:40px 32px 80px}:root[data-thema=zacht] .page-header{gap:16px;margin-bottom:24px}:root[data-thema=zacht] :is(.page-header h1,.login-card h1){letter-spacing:-.035em;overflow-wrap:anywhere;font-size:34px;line-height:1.15}:root[data-thema=zacht] .page-header h1{flex:280px}:root[data-thema=zacht] :is(.button,.icon-button,.back,.submap,.ux2a-all){border-radius:10px;height:auto;min-height:44px;padding:10px 16px;font-size:14px;font-weight:500}:root[data-thema=zacht] .button.primary{color:#fff;background:#006bd6;border-color:#006bd6;border-radius:999px;padding-inline:22px}:root[data-thema=zacht] .button.primary:hover:not(:disabled){background:var(--accent-dark)}:root[data-thema=zacht] .button.primary:disabled{color:var(--muted);border-color:var(--line);background:#eeeef3}:root[data-thema=zacht] .icon-button{flex-shrink:0;width:44px;min-width:44px;padding:10px}:root[data-thema=zacht] :is(.text-button,.link){min-width:44px;font-weight:500}:root[data-thema=zacht] .filters{gap:16px;margin-bottom:20px}:root[data-thema=zacht] .filter>span{text-transform:none;letter-spacing:0;font-size:14px;font-weight:500}:root[data-thema=zacht] :is(.segmented,.choice-row){border:1px solid var(--line);background:#e8e8ee;border-radius:12px;gap:4px;padding:4px}:root[data-thema=zacht] :is(.segmented,.choice-row) button{height:auto;color:var(--ink-soft);white-space:normal;background:0 0;border:1px solid #0000;border-radius:8px;padding:10px 16px;font-weight:500}:root[data-thema=zacht] :is(.segmented,.choice-row) button.active{color:var(--ink);border-color:var(--line);background:#fff;box-shadow:0 2px 4px #19233714}:root[data-thema=zacht] :is(.grid,.panel,.factsheet,.folder-settings,.login-card,.ux4b-blok){border:1px solid var(--line-soft);background:var(--paper);box-shadow:var(--zacht-shadow);border-radius:14px}:root[data-thema=zacht] .grid{padding:0 16px}:root[data-thema=zacht] .grid-head{background:var(--paper);text-transform:none;letter-spacing:0;border-color:var(--line-soft);border-radius:14px 14px 0 0;font-weight:500;top:64px}:root[data-thema=zacht] .grid-head>*{padding-block:16px;font-size:14px}:root[data-thema=zacht] .grid-row{border-color:var(--line-soft)}:root[data-thema=zacht] .grid-row>*{padding-block:14px}:root[data-thema=zacht] .grid-main{font-size:16px;font-weight:500}:root[data-thema=zacht] :is(.grid-main small,.grid-sub,.grid-note,.grid-empty,.col-date,.col-who,.col-kind,.col-state,.col-tags,.col-client){font-size:14px}:root[data-thema=zacht] .grid-row:last-child{border-radius:0 0 12px 12px}:root[data-thema=zacht] :is(.folder-sidebar,.folder-privacy){border-color:var(--line-soft);background:0 0}:root[data-thema=zacht] .folder-sidebar button{overflow-wrap:anywhere;border-radius:10px;padding:12px;font-weight:400}:root[data-thema=zacht] .folder-sidebar button.active{color:var(--accent-dark);background:var(--accent-soft);font-weight:600}:root[data-thema=zacht] .folder-sidebar h2{letter-spacing:0;text-transform:none;padding:8px 12px;font-size:14px;font-weight:500}:root[data-thema=zacht] :is(.folder-settings,.factsheet,.panel){padding:24px}:root[data-thema=zacht] :is(.folder-search,.block,.submappen){margin-top:24px}:root[data-thema=zacht] :is(.block>h2,.panel-heading h2){letter-spacing:-.015em;text-transform:none;font-size:18px;font-weight:600}:root[data-thema=zacht] :is(.history-text,.history-plain){font-size:16px;line-height:1.65}:root[data-thema=zacht] :is(.history-meta,.ux3a-draad-meta,.ux3a-bericht-datum,.ux3a-preview,.ux3a-openstaand,.privacy-locked,.map-kop,.dim){font-size:14px}:root[data-thema=zacht] .ux3a-gesprek>.ux3a-bericht{border-radius:12px;margin-bottom:12px;padding:16px}:root[data-thema=zacht] .ux3a-gesprek>.ux3a-out{background:var(--head)}:root[data-thema=zacht] :is(.ux2a-mail-actions>summary,.history-files a,.history-files span,.mail-extra){border-radius:10px}:root[data-thema=zacht] .history-body{padding-block:16px}:root[data-thema=zacht] .sheet-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#191e2c4d;padding:48px 24px}:root[data-thema=zacht] .sheet{border:1px solid var(--line-soft);border-radius:14px;box-shadow:0 24px 80px #19233733}:root[data-thema=zacht] .sheet>header{border-color:var(--line-soft);background:#fff;border-radius:14px 14px 0 0;padding:20px 24px}:root[data-thema=zacht] .sheet>header h2{letter-spacing:-.025em;font-size:24px}:root[data-thema=zacht] .sheet-form{padding:24px}:root[data-thema=zacht] .field{margin-bottom:20px}:root[data-thema=zacht] .field>label{margin-bottom:8px;font-size:14px;font-weight:500}:root[data-thema=zacht] :is(.field small,.field>label span,.quiet-note,.settings-help,.mail-sync-state,.settings-list small){font-size:14px}:root[data-thema=zacht] .sheet-footer{background:var(--head);border-color:var(--line-soft);background:0 0;padding:20px 0 0}:root[data-thema=zacht] :is(.settings-list,.follow-up-box,.ux5-duplicate,.ux5-confirm,.notice,.form-alert,.map-melding,.ux2b-offline){border-radius:12px}:root[data-thema=zacht] .settings-list{border-color:var(--line-soft);padding-inline:12px}:root[data-thema=zacht] .settings-list button{padding-block:16px}:root[data-thema=zacht] .settings-list strong{font-size:16px;font-weight:500}:root[data-thema=zacht] :is(.notice,.ux5-duplicate,.ux5-confirm){background:var(--warn-soft);border-color:var(--warn);color:var(--warn);padding:16px}:root[data-thema=zacht] :is(.form-alert,[role=alert]):not(.toast){color:var(--danger)}:root[data-thema=zacht] .toast{background:var(--paper);color:var(--ink);border-color:var(--ok);border-radius:14px;box-shadow:0 12px 40px #19233726}:root[data-thema=zacht] .toast.error{background:var(--danger-soft);color:var(--danger);border-color:var(--danger)}:root[data-thema=zacht] .toast :is(.icon-button,.toast-action){color:var(--accent);border-color:var(--line);border-radius:10px}:root[data-thema=zacht] .login-card{width:min(440px,100%);padding:40px}:root[data-thema=zacht] .login-brand{letter-spacing:-.02em;margin-bottom:32px;font-size:16px}:root[data-thema=zacht] .login-copy{margin:16px 0 24px;font-size:16px}:root[data-thema=zacht] .empty-state{padding:56px 24px}:root[data-thema=zacht] .empty-state h3{letter-spacing:-.02em;margin-block:16px 8px;font-size:20px}:root[data-thema=zacht] .empty-state p{max-width:440px;margin-inline:auto;font-size:16px}:root[data-thema=zacht] .topbar+.meekijk-balk{top:64px}:root[data-thema=zacht] .meekijk-balk{background:var(--warn-soft);color:var(--warn);border-color:var(--warn)}@media (width<=800px){:root[data-thema=zacht] .page{padding:24px 16px 56px}:root[data-thema=zacht] .grid{padding-inline:12px}:root[data-thema=zacht] :is(.grid-row>*,.grid-main,.history-main,.factsheet strong,.settings-list strong){overflow-wrap:anywhere;white-space:normal}:root[data-thema=zacht] .page-header h1{font-size:30px}:root[data-thema=zacht] .ux2a-folders .page-header{flex-wrap:wrap}:root[data-thema=zacht] .ux2a-folders .page-header h1{flex-basis:auto}:root[data-thema=zacht] :is(.panel,.folder-settings,.factsheet){padding:16px}:root[data-thema=zacht] :is(.segmented,.choice-row){flex-wrap:wrap;max-width:100%}:root[data-thema=zacht] .segmented button{flex:auto;padding-inline:12px}:root[data-thema=zacht] .sheet-backdrop{padding:16px 12px}:root[data-thema=zacht] :is(.sheet-form,.sheet>header){padding:20px}:root[data-thema=zacht] .sheet-footer{flex-wrap:wrap}:root[data-thema=zacht] .button{white-space:normal}:root[data-thema=zacht] .login-card{padding:28px 24px}}@media (width<=760px){:root[data-thema=zacht] .topbar{grid-template-rows:44px 52px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 72px 80px;gap:0;height:auto;padding:0 8px}:root[data-thema=zacht] .topbar .brand{padding-left:8px}:root[data-thema=zacht] .topbar .tabs-nav{gap:0}:root[data-thema=zacht] .topbar .tabs-nav button{height:48px;padding-inline:8px}:root[data-thema=zacht] .topbar :is(.account,.mobile-search-toggle){border:0}:root[data-thema=zacht] .topbar.search-open{grid-template-rows:44px 52px 60px}:root[data-thema=zacht] .topbar+.meekijk-balk{top:96px}:root[data-thema=zacht] .topbar.ux2a-compact+.meekijk-balk{top:52px}:root[data-thema=zacht] .topbar.ux2a-compact:has(:focus-visible)+.meekijk-balk{top:96px}:root[data-thema=zacht] .topbar.search-open+.meekijk-balk{top:156px}:root[data-thema=zacht] .grid-head{top:96px}:root[data-thema=zacht] .ux3a-gesprek>.ux3a-bericht{padding:12px}:root[data-thema=zacht] .ux3a-gesprek>.ux3a-out{margin-left:4px}}@media (prefers-reduced-motion:reduce){:root[data-thema=zacht] *,:root[data-thema=zacht] :before,:root[data-thema=zacht] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}:root[data-thema=zacht] button:active:not(:disabled){transform:none}}:root[data-thema=zacht] .page-actions{align-items:center}:root[data-thema=zacht] .page-actions>.submappen{margin:0}:root[data-thema=zacht] .folder-sidebar button.active{border-left-color:var(--accent)}:root[data-thema=zacht] .folder-sidebar button:hover{background:var(--hover)}:root[data-thema=zacht] .history-main>details>summary{font-weight:500}:root[data-thema=zacht] .field>label{flex-wrap:wrap;display:flex}:root[data-thema=zacht] .settings-page .ux2b-settings-fold{border-color:var(--line-soft)}:root[data-thema=zacht] .history-text{background:0 0;border:0;padding:0}:root[data-thema=zacht] .history-text.zacht{color:var(--ink-soft)}:root[data-thema=zacht] .ux3a-bericht>.history-main{padding-block:4px}:root[data-thema=zacht] .unmatched-list button.active small{color:#fff}:root[data-thema=zacht] :is(.panel-note,.email-meta,.mail-details,.toggle,.toggle-row,.unmatched-list button strong,.match-choices strong,.match-choices small,.field-hint,.field-label){font-size:14px}:root[data-thema=zacht] :is(.email-body,.mail-details .email-body){background:var(--head);border-radius:10px;font-size:16px;line-height:1.65}:root[data-thema=zacht] .mail-details dl{background:var(--head);border-radius:10px;font-size:14px}:root[data-thema=zacht] .tick{border-radius:10px;min-width:44px;min-height:44px}:root[data-thema=zacht] :is(.unmatched-list,.email-panel,.match-panel,.ux2b-company){border-radius:12px}:root[data-thema=zacht] .unmatched-list button{padding:16px}:root[data-thema=zacht] .unmatched-list button.active{border-radius:10px}:root[data-thema=zacht] .email-meta{overflow-wrap:anywhere}@media (width<=800px){:root[data-thema=zacht] .ux2a-folder-row{gap:4px 8px;padding:12px 8px}:root[data-thema=zacht] .ux2a-folder-row>*{padding:4px}:root[data-thema=zacht] .ux2a-folder-row .grid-main{padding-block:10px}:root[data-thema=zacht] .history>.history-main{padding:12px 0}:root[data-thema=zacht] .grid-post .col-client{flex:100%;min-width:0;max-width:100%}:root[data-thema=zacht] .grid-post .col-client .link{overflow-wrap:anywhere;white-space:normal;width:100%;max-width:100%}:root[data-thema=zacht] .grid-post>*{padding-block:6px}}:root[data-thema=zacht] :is(.email-preview header p,.client-choices button strong,.client-choices button small,.chosen-client small,.mobile-mail-selector){font-size:14px}:root[data-thema=zacht] :is(.client-choices button,.chosen-client){overflow-wrap:anywhere;border-radius:10px}@media (prefers-reduced-motion:no-preference){:root[data-thema=zacht] .sheet{opacity:1;transition:opacity .26s var(--zacht-ease), transform .26s var(--zacht-ease);transform:none}@starting-style{:root[data-thema=zacht] .sheet{opacity:0;transform:translateY(8px)scale(.99)}}}:root[data-thema=zacht] :is(.toast p,.meekijk-balk),:root[data-thema=zacht] :is(.toggle-row>span,.skip-confirm),:root[data-thema=zacht] .form-alert{font-size:14px}@media (prefers-reduced-motion:reduce){:root[data-thema=zacht]{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root[data-thema=zacht] .center-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}:root[data-thema=zacht] .center-screen :is(h1,p){max-width:440px;margin:0}:root[data-thema=zacht] .center-screen h1{letter-spacing:-.025em;font-size:28px}:root[data-thema=zacht] .center-screen .brand-mark{background:var(--accent-soft);width:56px;height:56px;color:var(--accent-dark);border-radius:14px;place-items:center;font-size:24px;font-weight:500;display:grid}:root[data-thema=zacht] .center-screen .spinner{border-color:var(--line);border-top-color:var(--accent);width:24px;height:24px}:root[data-thema=zacht] :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border:1px solid var(--line);background:var(--paper);padding:10px 12px}:root[data-thema=zacht] .search-input input[type=search]{background:0 0;border:0;padding:0}:root[data-thema=zacht] .grid-row :is(.col-who,.col-client,.col-tags,.col-state){white-space:normal;overflow-wrap:anywhere}:root[data-thema=zacht] .sheet-backdrop:has(~.toast){padding-bottom:112px}:root[data-thema=zacht] .sheet-backdrop:has(~.toast) .sheet{max-height:calc(100dvh - 160px);overflow:auto}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-wght-normal.woff2)format("woff2")}:root[data-thema=zacht] .ux6-tree{background:var(--paper);box-shadow:var(--zacht-shadow);border-radius:14px;padding:8px 16px}:root[data-thema=zacht] .ux6-columns{padding:12px 8px;font-size:14px;font-weight:500}:root[data-thema=zacht] .ux6-row{border:0;border-radius:10px;gap:12px;min-height:72px;padding:8px;position:relative}:root[data-thema=zacht] .ux6-row:after{content:"";background:var(--line-soft);pointer-events:none;height:1px;position:absolute;bottom:0;left:48px;right:8px}:root[data-thema=zacht] .ux6-row:has(.ux6-name[style*="12px"]):after{left:60px}:root[data-thema=zacht] .ux6-row:has(.ux6-name[style*="24px"]):after{left:72px}:root[data-thema=zacht] .ux6-row:has(.ux6-name[style*="36px"]):after{left:84px}:root[data-thema=zacht] .ux6-row:has(.ux6-name[style*="48px"]):after{left:96px}:root[data-thema=zacht] .ux6-row:has(.ux6-name[style*="60px"]):after{left:108px}:root[data-thema=zacht] .ux6-row:has(.ux6-name[style*="72px"]):after{left:120px}:root[data-thema=zacht] .ux6-row:last-of-type:after{display:none}:root[data-thema=zacht] .ux6-title{color:var(--ink);font-size:16px;font-weight:500;line-height:1.45}:root[data-thema=zacht] .ux6-title:has(small){font-weight:600}:root[data-thema=zacht] .ux6-title small{margin-top:4px;font-size:14px;line-height:1.5}:root[data-thema=zacht] :is(.ux6-shared,.ux6-date,.ux6-count){color:var(--muted);overflow-wrap:anywhere;font-size:14px}:root[data-thema=zacht] .ux6-count{font-variant-numeric:tabular-nums}:root[data-thema=zacht] .ux6-tree button{border-radius:10px;min-width:44px}:root[data-thema=zacht] .ux6-tree button:hover:not(:disabled){background:var(--hover)}:root[data-thema=zacht] .ux6-grip{color:var(--muted);cursor:grab;flex-shrink:0;font-size:18px}:root[data-thema=zacht] .ux6-spacer{width:44px}:root[data-thema=zacht] .ux6-move{flex-shrink:0;font-size:14px}:root[data-thema=zacht] .ux6-chevron{color:var(--muted);flex:0 0 44px;font-size:24px;line-height:1}:root[data-thema=zacht] .ux6-current{background:var(--accent-soft);box-shadow:inset 3px 0 var(--accent)}:root[data-thema=zacht] .ux6-current .ux6-title{color:var(--accent-dark);font-weight:600}:root[data-thema=zacht] .ux6-row:has(input:checked){background:var(--accent-soft);box-shadow:inset 3px 0 var(--accent)}:root[data-thema=zacht] .ux6-check{cursor:pointer;border-radius:10px;flex:0 0 44px}:root[data-thema=zacht] .ux6-check input{appearance:none;border:1.5px solid var(--line);background:var(--paper);border-radius:6px;place-content:center;width:22px;height:22px;min-height:22px;margin:0;padding:0;display:grid}:root[data-thema=zacht] .ux6-check input:checked{background:var(--accent);border-color:var(--accent)}:root[data-thema=zacht] .ux6-check input:checked:after{content:"";border:0 solid #fff;border-width:0 0 2px 2px;width:10px;height:6px;transform:rotate(-45deg)translateY(-1px)}:root[data-thema=zacht] .ux6-check:focus-within{outline:3px solid var(--accent);outline-offset:1px}:root[data-thema=zacht] .ux6-check input:focus-visible{outline:none}:root[data-thema=zacht] .ux6-toolbar{gap:12px;margin:8px 0 16px}:root[data-thema=zacht] .ux6-tree>.ux6-toolbar:has(strong){z-index:12;border:1px solid var(--line);background:var(--paper);border-radius:28px;width:fit-content;max-width:100%;padding:8px 12px;position:sticky;top:76px;box-shadow:0 6px 24px #19233721}:root[data-thema=zacht] .ux6-toolbar strong{color:var(--accent-dark);font-size:14px}:root[data-thema=zacht] .ux6-toolbar .button{border-radius:999px}:root[data-thema=zacht] .ux6-row{transition:background-color .22s var(--zacht-ease), box-shadow .22s var(--zacht-ease), transform .26s cubic-bezier(.2,.9,.3,1.15)}:root[data-thema=zacht] .ux6-tree:has(.ux6-drop-root) .ux6-row{cursor:grabbing}:root[data-thema=zacht] .ux6-tree:has(.ux6-drop-root) .ux6-grip{color:var(--accent)}:root[data-thema=zacht] .ux6-drop{outline:3px solid var(--accent);outline-offset:-3px;background:var(--accent-soft);transform:translateY(-2px);box-shadow:0 4px 12px #004f9e1f}:root[data-thema=zacht] .ux6-invalid{outline:2px dashed var(--danger);outline-offset:-2px;background:var(--danger-soft)}:root[data-thema=zacht] .ux6-invalid>span:last-child{color:var(--danger);font-size:14px}:root[data-thema=zacht] .ux6-drop-root{color:var(--accent-dark);border-radius:12px;margin:8px 0 16px;padding:20px;font-size:16px}:root[data-thema=zacht] .ux6-drop-root:hover{outline:2px solid var(--accent);outline-offset:2px;background:#dcecff}:root[data-thema=zacht] .ux6-breadcrumbs{color:var(--muted);flex-wrap:wrap;gap:4px;margin-bottom:16px;font-size:14px;overflow:visible}:root[data-thema=zacht] .ux6-breadcrumbs>span{flex:0 auto;max-width:100%}:root[data-thema=zacht] .ux6-breadcrumbs button{white-space:normal;overflow-wrap:anywhere;text-align:left;border-radius:8px;min-width:44px}:root[data-thema=zacht] .ux6-breadcrumbs button:hover{background:var(--accent-soft)}:root[data-thema=zacht] .ux6-breadcrumbs>span:last-child button{color:var(--ink-soft)}:root[data-thema=zacht] .folder-sidebar{padding:16px 12px}:root[data-thema=zacht] .ux6-sidebar{box-shadow:none;padding:4px}:root[data-thema=zacht] .ux6-sidebar .ux6-row{padding:8px 4px}:root[data-thema=zacht] .folder-sidebar .ux6-name>.ux6-move{font-size:14px}:root[data-thema=zacht] .folder-sidebar .ux6-name>button{border:0}:root[data-thema=zacht] .ux6-dialog{border:1px solid var(--line);border-radius:20px;max-height:calc(100dvh - 32px);padding:24px;box-shadow:0 24px 80px #19233733}:root[data-thema=zacht] .ux6-dialog::backdrop{background:#19233752}:root[data-thema=zacht] .ux6-dialog h2{letter-spacing:-.025em;overflow-wrap:anywhere;margin:0 0 24px;font-size:24px;line-height:1.25}:root[data-thema=zacht] .ux6-dialog label{margin:16px 0;font-size:14px;font-weight:500}:root[data-thema=zacht] .ux6-dialog :is(input,select){margin-top:8px}:root[data-thema=zacht] .ux6-dialog select{height:320px;max-height:40dvh;padding:4px}:root[data-thema=zacht] .ux6-dialog option{white-space:normal;overflow-wrap:anywhere;border-radius:6px;min-height:44px;padding:12px 8px}:root[data-thema=zacht] .ux6-dialog option:checked{color:var(--accent-dark);background:var(--accent-soft) linear-gradient(var(--accent-soft),var(--accent-soft))}:root[data-thema=zacht] .ux6-dialog .ux6-toolbar{margin:24px 0 0}:root[data-thema=zacht] .ux6-tree [role=alert]{color:var(--danger);background:var(--danger-soft);border-left:3px solid var(--danger);overflow-wrap:anywhere;border-radius:10px;padding:12px 16px}:root[data-thema=zacht] .ux6-toast{border:1px solid var(--line);max-width:calc(100vw - 32px);color:var(--ok);border-radius:999px;align-items:center;gap:12px;font-size:16px;display:flex;box-shadow:0 8px 32px #19233729}:root[data-thema=zacht] .ux6-toast button{color:var(--accent)}:root[data-thema=zacht] .page-actions .button[aria-expanded=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-dark)}:root[data-thema=zacht] #contact-body{background:var(--head);line-height:1.65}@media (width<=800px){:root[data-thema=zacht] .ux6-tree{padding:8px}:root[data-thema=zacht] .ux6-row{gap:4px 8px;padding:12px 4px}:root[data-thema=zacht] .ux6-name .ux6-title{flex-basis:30%}:root[data-thema=zacht] .ux6-name{min-width:0}:root[data-thema=zacht] .ux6-move{margin-left:auto}:root[data-thema=zacht] .ux6-breadcrumbs>span{min-width:0;overflow:visible}:root[data-thema=zacht] .ux6-breadcrumbs button{max-width:100%}:root[data-thema=zacht] .ux6-tree>.ux6-toolbar:has(strong){border-radius:20px;gap:8px;padding:8px;top:108px}:root[data-thema=zacht] .ux6-mobile-folders{border-radius:999px;margin:16px}:root[data-thema=zacht] .ux6-sidebar-open .folder-sidebar{border:1px solid var(--line);border-radius:14px;max-height:50dvh;margin:0 16px 16px}:root[data-thema=zacht] .ux6-dialog{padding:20px}:root[data-thema=zacht] .ux6-dialog h2{font-size:22px}:root[data-thema=zacht] .ux6-toast{gap:8px;padding:8px 12px;bottom:16px;right:16px}:root[data-thema=zacht] .page-actions .back{overflow-wrap:anywhere;max-width:100%}}@media (prefers-reduced-motion:reduce){:root[data-thema=zacht] .ux6-drop{transform:none}}:root[data-thema=zacht] .ux6-row[draggable=true]:active{cursor:grabbing;background:var(--accent-soft);box-shadow:0 4px 16px #1923371a}:root[data-thema=zacht] .folder-sidebar .ux6-name>.ux6-move{grid-column:3;justify-self:start;padding-inline:2px}:root[data-thema=zacht] .ux6-toggle{cursor:pointer;gap:12px;font-size:16px}:root[data-thema=zacht] .ux6-toggle input{flex:0 0 22px;width:22px;height:22px;margin:0}@media (width<=800px){:root[data-thema=zacht] .ux6-tree:not(.ux6-sidebar) .ux6-name{grid-template-columns:16px 44px minmax(0,1fr);display:grid}:root[data-thema=zacht] .ux6-tree:not(.ux6-sidebar) .ux6-name:has(.ux6-check){grid-template-columns:16px 44px 44px minmax(0,1fr)}:root[data-thema=zacht] .ux6-tree:not(.ux6-sidebar) .ux6-title{grid-column:-2/-1}:root[data-thema=zacht] .ux6-tree:not(.ux6-sidebar) .ux6-move{text-align:left;grid-column:-2/-1;justify-self:start;margin:0}}:root[data-thema=zacht] .ux6-dialog :is(input,select):disabled,:root[data-thema=zacht] .ux6-dialog select:disabled option{color:var(--muted);-webkit-text-fill-color:var(--muted);opacity:1;background:#eeeef3}:root[data-thema=zacht] .verplaats label>span{font-size:14px}.ux6-tree{min-width:0}.ux6-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0;display:flex}.ux6-columns,.ux6-row{border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(240px,1fr) minmax(100px,.28fr) 125px 55px;align-items:center;gap:12px;display:grid}.ux6-columns{color:var(--muted);padding:12px 0}.ux6-row{background:var(--paper);min-height:52px}.ux6-row[draggable=true]{cursor:grab}.ux6-row:hover{background:var(--hover)}.ux6-name{align-items:center;min-width:0;display:flex}.ux6-title{text-align:left;overflow-wrap:anywhere;flex:1;min-width:0}.ux6-title small{color:var(--muted);font-weight:400;display:block}.ux6-tree button,.ux6-breadcrumbs button{min-height:44px;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:8px}.ux6-tree .button{border:1px solid var(--line);background:var(--paper)}.ux6-chevron{min-width:44px;font-size:24px}.ux6-spacer{flex-shrink:0;width:16px}.ux6-grip{color:var(--muted);padding:0 4px}.ux6-check,.ux6-toggle{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.ux6-check input{width:20px;height:20px}.ux6-toggle{justify-content:flex-start;gap:10px}.ux6-drop{outline:3px solid var(--accent);outline-offset:-3px;background:var(--accent-soft)}.ux6-invalid{outline:2px dashed var(--danger);outline-offset:-2px}.ux6-drop-root{border:2px dashed var(--accent);background:var(--accent-soft);padding:20px}.ux6-current{background:var(--accent-soft);font-weight:600}.ux6-sidebar .ux6-row{display:block}.ux6-sidebar .ux6-name{flex-wrap:wrap}.folder-sidebar .ux6-title{width:auto}.ux6-sidebar .ux6-move{margin-left:auto;font-size:12px}.ux6-dialog{z-index:150;border:2px solid var(--line);width:min(560px,100vw - 24px);max-height:90vh;box-shadow:0 0 0 100vmax color-mix(in srgb,var(--ink) 35%,transparent);background:var(--paper);color:var(--ink);margin:0;padding:24px;position:fixed;inset:50% auto auto 50%;overflow:auto;transform:translate(-50%,-50%)}.ux6-dialog label{margin:12px 0;display:block}.ux6-dialog input,.ux6-dialog select{width:100%;min-height:44px;font-size:16px;display:block}.ux6-dialog option{padding:12px 4px}.ux6-toast{z-index:160;background:var(--paper);border:2px solid var(--accent);padding:8px 16px;position:fixed;bottom:20px;right:20px}.ux6-breadcrumbs{flex-wrap:wrap;align-items:center;min-width:0;display:flex}.ux6-breadcrumbs span{align-items:center;min-width:0;display:flex}.ux6-breadcrumbs button{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.folder-workspace>*,.dossier{min-width:0}.sheet-form input,.sheet-form select,.sheet-form textarea{font-size:16px}@media (width<=800px){.ux6-columns{display:none}.ux6-row{grid-template-columns:minmax(0,1fr) auto;gap:0 8px;padding:8px 0}.ux6-name{flex-wrap:wrap;grid-column:1/-1}.ux6-name .ux6-title{flex-basis:40%}.ux6-shared{color:var(--muted);padding-left:16px}.ux6-date{color:var(--muted);grid-column:1;padding-left:16px}.ux6-count{grid-area:2/2;padding-right:8px}.ux6-count:after{content:" mails"}.ux6-breadcrumbs{flex-wrap:nowrap}.ux6-breadcrumbs>span{flex:1;overflow:hidden}.ux6-breadcrumbs>button{flex-shrink:0}.ux6-breadcrumbs button{max-width:130px}.ux6-move{margin-left:auto}.ux6-dialog{padding:16px}}.ux6-mobile-folders{display:none}.ux6-dialog::backdrop{background:color-mix(in srgb,var(--ink) 35%,transparent)}.ux6-dialog{box-shadow:none}@media (width<=800px){.ux6-mobile-folders{min-height:44px;margin:12px;display:block}.ux6-sidebar-open .folder-sidebar{width:auto;max-height:50vh;margin:12px;display:block;overflow:auto}.ux6-breadcrumbs{overflow-x:auto}.ux6-breadcrumbs>span{flex-shrink:0;min-width:44px}.ux6-breadcrumbs button{min-width:44px}}.ux6-tree .button.primary{background:var(--accent);color:var(--paper);border-color:var(--accent-dark)}.folder-sidebar .ux6-name>button{width:auto}.folder-sidebar .ux6-name>.ux6-chevron{text-align:center;flex:0 0 44px;width:44px;padding:8px}.folder-sidebar .ux6-name>.ux6-title{flex:1;padding:8px 2px}.folder-sidebar .ux6-name>.ux6-move{margin-left:auto;padding:8px}@media (width>=801px){.folder-workspace{grid-template-columns:280px minmax(0,1fr)}}.folder-sidebar .ux6-name{grid-template-columns:12px 44px minmax(0,1fr);display:grid}.folder-sidebar .ux6-grip{grid-column:1;padding:0}.folder-sidebar .ux6-chevron,.folder-sidebar .ux6-spacer{grid-column:2}.folder-sidebar .ux6-title{grid-column:3}.folder-sidebar .ux6-name>.ux6-move{grid-column:2/-1;justify-self:end}
