.ui-root{--ic-canvas:var(--surface-panel);--ic-surface:var(--surface-elevated);--ic-surface-muted:var(--surface-panel);--ic-surface-subtle:var(--surface-panel);--ic-neutral:var(--surface-hover);--ic-ring:var(--border-interactive);--ic-text:var(--text-primary);--ic-text-muted:var(--text-secondary);--ic-text-faint:var(--text-muted);--ic-primary:var(--accent);--ic-primary-hover:var(--accent-hover);--ic-on-primary:var(--text-on-accent);--ic-bubble-own:var(--surface-message-office);--ic-shadow-0:none;--ic-shadow-ring:0 0 0 1px var(--border-interactive);--ic-shadow-1:var(--shadow-popover);--ic-overlay-shadow:var(--shadow-overlay);--primary-green:var(--accent);--warning-soft:#b8730f1a;--warning-border:#b8730f47;--ok:#2f855a;--ok-soft:#2f855a1a;--danger-soft:#d33f3f14;--alert-bg:#262626;--alert-text:#fff;--alert-action:#c9c9c9;--fx-gewicht-sterk:500}.ui-root .fx-focus:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ui-root .fx-scroll{scrollbar-width:thin;overflow-y:auto}.ui-root .fx-btn{height:var(--row-height-md,28px);border-radius:var(--radius-control);font:500 13px/1 var(--font-ui);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 12px;transition:background-color .12s,border-color .12s;display:inline-flex}.ui-root .fx-btn-primary{background:var(--accent);color:var(--text-on-accent)}.ui-root .fx-btn-primary:hover{background:var(--accent-hover)}.ui-root .fx-btn-secondary{background:var(--surface-control);color:var(--text-primary);border-color:var(--border-interactive)}.ui-root .fx-btn-secondary:hover{border-color:var(--border-strong)}.ui-root .fx-btn[disabled]{opacity:.5;cursor:default}.ui-root .fx-iconbtn{border-radius:var(--radius-control);width:28px;height:28px;color:var(--text-interactive);cursor:pointer;background:0 0;border:none;place-items:center;display:inline-grid}.ui-root .fx-iconbtn:hover{background:var(--surface-hover)}.ui-root .fx-listrow{background:0 0;align-items:center;transition:background-color .12s;display:flex}.ui-root .fx-listrow:hover{background:var(--surface-hover)}.ui-root .fx-listrow[data-gekozen=true]{background:var(--surface-selected)}.sx-paneel{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.sx-paneel>*{flex-shrink:0}.sx-bijlagen{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.sx-bijlage{max-width:220px;color:var(--text-primary);font:400 11.5px/18px var(--font-ui);background:#ffffffe6;border-radius:999px;align-items:center;gap:4px;padding:1px 8px;display:inline-flex}html[data-weergave=donker] .ui-root .sx-bijlage{background:var(--surface-control)}.sx-bijlage span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui-root .sx-paneel{--ic-surface:var(--surface-panel)}.ui-root .sx-paneel [role=menu],.ui-root .sx-paneel [role=listbox],.ui-root .sx-paneel [role=dialog]{--ic-surface:var(--surface-elevated)}.ui-root [data-testid=instellingen-kantoor] .fx-instellingen-kolom{max-width:var(--page-width)!important;padding:8px var(--page-padding-x) 100px!important;margin:0!important}