/* Account preferences apply to the workspace and its dialogs. */
[data-app-font] :is(#work, .management-dialog),
[data-app-font] :is(#work, .management-dialog) * {
    font-family: var(--app-font-family, system-ui, sans-serif);
}
[data-app-font] :is(#work, .management-dialog) :is(pre, code, kbd, samp) {
    font-family: "Cascadia Code", Consolas, monospace;
}
[data-app-font='toahi'] :is(#work, .management-dialog) { font-synthesis: none; }
:is([data-app-theme='paper'], [data-app-theme='endfield'], [data-app-theme='minimal']) :is(.work, .management-dialog) { color-scheme: light; }
:is([data-app-theme='cyberpunk'], [data-app-theme='sidonia']) :is(.work, .management-dialog) { color-scheme: dark; }
:is([data-app-theme='cyberpunk'], [data-app-theme='sidonia']) .management-notice[data-error='true'],
:is([data-app-theme='cyberpunk'], [data-app-theme='sidonia']) .management-dialog-error { color: #ff9b8a; }
.management .app-primary-action.flexsystem-component > button.flexsystem-content:not(:disabled) {
    background: var(--app-accent, #76583c);
    color: var(--app-on-accent, #f2e6cc);
}
.management .app-primary-action.flexsystem-component > button.flexsystem-content:hover:not(:disabled) {
    background: color-mix(in srgb, var(--app-accent, #76583c) 90%, black);
    color: var(--app-on-accent, #f2e6cc);
}