.theme-toggle{white-space:nowrap;font-size:12px}.theme-toggle-user{float:left;margin:0 0 16px 16px}html[data-theme=dark]{color-scheme:dark;--page:#18191c;--text:#eceef2;--muted:#b5b8c0;--line:#3c3e44;--white:#25262a;--navy:#eceef2;--navy-deep:#eceef2;--teal:#ed7f22;--teal-soft:#3a2a1d}
html[data-theme=dark] body{background:#18191c;color:#eceef2}html[data-theme=dark] :is(.topbar,.nav,.box,.login-card,dialog,.savebar,.table-toolbar){background:#25262a;color:#eceef2;border-color:#3c3e44}html[data-theme=dark] :is(h1,h2,h3,label,.brand,.brand-product,.detail-list dd,.metric){color:#eceef2}html[data-theme=dark] :is(button,.secondary){background:#303136;color:#eceef2;border-color:#505259}html[data-theme=dark] button:hover{background:#3c3e44}html[data-theme=dark] .primary{background:#ed7f22;color:#17181b;border-color:#ed7f22}html[data-theme=dark] .primary:hover{background:#ffa54a}html[data-theme=dark] :is(input,textarea,select,.search-field){background:#1b1c20;color:#eceef2;border-color:#505259}html[data-theme=dark] :is(.metric-card,.mfa-box,.login-story,.certificate-details){background:#202125;color:#eceef2;border-color:#3c3e44}html[data-theme=dark] :is(.login-story h1,.login-story p,.login-story .eyebrow,.story-bottom,.story-bottom>span:last-child){color:#d4d6dd}html[data-theme=dark] :is(th,thead){background:#303136;color:#d4d6dd}html[data-theme=dark] :is(th,td){border-color:#3c3e44}html[data-theme=dark] tbody tr:hover{background:#303136}html[data-theme=dark] .nav button{background:transparent;color:#d4d6dd}html[data-theme=dark] .nav button.active{background:#3a2a1d;color:#ffa54a}html[data-theme=dark] .tab.active{color:#ffa54a}html[data-theme=dark] :is(.badge,.inline-note){background:#303136;color:#d4d6dd;border-color:#505259}html[data-theme=dark] .badge.success{background:#173c2c;color:#b1efcd}html[data-theme=dark] a{color:#9ec4ff}html[data-theme=dark] a.primary{color:#17181b}html[data-theme=dark] :is(.brand img,main>img[src*=holdco-logo]){filter:brightness(0) invert(1)!important}html[data-theme=dark] .quiet{background:transparent}html[data-theme=dark] .text-action{background:transparent;color:#ffa54a}html[data-theme=dark] .qr{background:#fff}html[data-theme=dark] #message.error{background:#421f2c;color:#f8dde2}html[data-theme=dark] #message{background:#173c2c;color:#b1efcd}
/* Unified tab states in both themes */
.tabs{align-items:stretch;gap:22px;row-gap:0;border-color:var(--line)}
.tabs .tab,.tabs .tab:hover,.tabs .tab:active,.tabs .tab:focus,.tabs .tab.active{background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;box-shadow:none;padding:12px 4px;margin-bottom:-1px;line-height:1.7;color:#5d6b98;transition:color .15s,border-color .15s;white-space:nowrap}
.tabs .tab:hover{color:#984507;border-bottom-color:#f6b264}.tabs .tab.active,.tabs .tab.active:hover{color:#984507;border-bottom-color:#ed7f22}.tabs .tab:focus-visible{outline:2px solid #ed7f22;outline-offset:-3px}.tabs .tab:disabled,.tabs .tab.disabled{color:#7d89b0;opacity:.55;cursor:not-allowed;border-bottom-color:transparent}
html[data-theme=dark] .tabs .tab,html[data-theme=dark] .tabs .tab:hover,html[data-theme=dark] .tabs .tab:active,html[data-theme=dark] .tabs .tab:focus,html[data-theme=dark] .tabs .tab.active{background:transparent;box-shadow:none;color:#b5b8c0;border-bottom-color:transparent}
html[data-theme=dark] .tabs .tab:hover{color:#ffa54a;border-bottom-color:#98541d}html[data-theme=dark] .tabs .tab.active,html[data-theme=dark] .tabs .tab.active:hover{color:#ffa54a;border-bottom-color:#ed7f22}html[data-theme=dark] .tabs .tab:disabled,html[data-theme=dark] .tabs .tab.disabled{color:#b5b8c0;opacity:.45;border-bottom-color:transparent}
@media(max-width:760px){.tabs{gap:18px;flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:thin}.tabs .tab{flex-shrink:0}}