/* Existing branding is preserved; the preference changes surface/text colours. */
.appearance-toggle{display:flex!important;align-items:center;justify-content:center;flex:0 0 auto;width:auto!important;min-height:36px;white-space:nowrap;border:1px solid #688990!important;border-radius:9px!important;padding:8px 12px!important;margin:0 0 0 auto!important;background:#17343b!important;color:#edf8fa!important;font:650 12px system-ui,sans-serif!important;letter-spacing:0!important;cursor:pointer}
main>.appearance-toggle{margin:0 0 14px auto!important}.topbar>.appearance-toggle{position:absolute;right:49px;top:9px;min-height:30px;padding:6px 9px!important}
.appearance-toggle:focus-visible{outline:3px solid #01a5b9;outline-offset:3px}
:root[data-appearance=light]{color-scheme:light;--bg:#f3f7f8;--panel:#fff;--panel2:#e9f0f2;--line:#c6d6da;--muted:#506970;--text:#142e35;--teal-soft:#daf3f5;--client-bg:#f3f7f8!important;--client-surface:#fff!important;--client-text:#142e35!important;--surface:#fff!important;background:#f3f7f8;color:#142e35}
:root[data-appearance=light] body{background:#f3f7f8!important;color:#142e35}
:root[data-appearance=light] :is(header,.topbar,.sidebar,.auth-card,.card,.registry,.registryGrid>form,.registryGrid>section,.summary article,.modules article,.companyList article,.draftRow,.tile){background:#fff!important;color:#142e35;border-color:#b9ced3;box-shadow:0 5px 18px #12333e0d}
:root[data-appearance=light] :is(input,select,textarea){background:#fff!important;color:#142e35!important;border-color:#839da5!important}
:root[data-appearance=light] :is(button:not(.tile),.action){background:#e1f1f4;color:#183a43;border-color:#8ba9b0}
:root[data-appearance=light] :is(form button[type=submit],#signIn,#savePassword,#loginButton,#activate){background:#01a5b9!important;color:#062a30!important}
:root[data-appearance=light] :is(.intro,.note,.footnote,.muted,.formHint,.registryTitle p,.companyList p,.companyList small,.modules article p,article small,article strong,article span,.tile small,main>p,#locked p,label){color:#425f68!important}
:root[data-appearance=light] :is(.eyebrow,.select-caption){color:#006d7b!important}
:root[data-appearance=light] :is(#status,.status,#companyStatus){background:#e2f3f5;color:#143b43;border-color:#008799}
:root[data-appearance=light] :is(#status.error,.status.error){background:#ffebe7;color:#792d23;border-color:#a84736}
:root[data-appearance=light] .status.success{background:#e0f4e8;color:#164b31;border-color:#268453}
:root[data-appearance=light] :is(a,.navitem.active){color:#006f80}
:root[data-appearance=light] :is(.navitem,.menu,.header-company,.topbar .avatar){color:#244f5b!important}
:root[data-appearance=light] .header-company{background:#f4f9fa!important;border-color:#abc5cd}
:root[data-appearance=light] .navitem.active{background:#d9f1f4}
:root[data-appearance=light] .appearance-toggle{background:#e0f2f5!important;color:#153e47!important}
@media(max-width:400px){header>.appearance-toggle{font-size:11px!important;padding:7px 9px!important}header:has(>.appearance-toggle){gap:10px}.topbar>.appearance-toggle{right:43px}}