.theme-toggle{font:600 12px/1.4 system-ui,sans-serif;border:1px solid #d9e3dc;border-radius:8px;padding:9px 12px;background:transparent;color:inherit;min-height:38px;cursor:pointer;white-space:nowrap}.theme-floating{position:fixed;top:20px;right:20px;z-index:20;background:#f7f9f5}.theme-toggle:focus-visible{outline:3px solid #98a56a;outline-offset:3px}html[data-theme=dark]{--ink:#efefeb;--muted:#aaa9a2;--green:#b1bb7b;--green-light:#25291b;--line:#303030;--paper:#0b0b0b;background:#0b0b0b}html[data-theme=dark] body{background:var(--paper);color:var(--ink)}html[data-theme=dark] .card,html[data-theme=dark] .sidebar,html[data-theme=dark] .topbar,html[data-theme=dark] .docs,html[data-theme=dark] .secondary,html[data-theme=dark] input,html[data-theme=dark] select{background:#171717;color:var(--ink);border-color:var(--line)}html[data-theme=dark] button:not(.secondary):not(.icon-button):not(.theme-toggle):not(.backdrop),html[data-theme=dark] .button:not(.secondary){background:#879356;color:#fff}html[data-theme=dark] .theme-toggle{border-color:var(--line);color:var(--ink)}html[data-theme=dark] .theme-floating{background:#171717}html[data-theme=dark] .brand,html[data-theme=dark] nav a,html[data-theme=dark] .nav-item{color:var(--muted)}html[data-theme=dark] .nav-item[aria-current=page],html[data-theme=dark] .pill,html[data-theme=dark] .http-status{background:var(--green-light);color:var(--green)}html[data-theme=dark] .tag,html[data-theme=dark] th,html[data-theme=dark] .token-result,html[data-theme=dark] .token{background:#202020;color:var(--muted);border-color:var(--line)}html[data-theme=dark] .http-status.error{background:#482a2a;color:#ffa7a0}html[data-theme=dark] .http-status.pending{background:#453b24;color:#ebca78}html[data-theme=dark] .tabs button{background:#171717;color:var(--muted)}html[data-theme=dark] .tabs button[aria-selected=true]{background:var(--green-light);color:var(--green)}html[data-theme=dark] .stat>span,html[data-theme=dark] .result-line span,html[data-theme=dark] .hint,html[data-theme=dark] .status,html[data-theme=dark] p{color:var(--muted)}html[data-theme=dark] .token code{background:#171717;color:var(--ink)}html[data-theme=dark] .skip{background:#171717;color:var(--ink)}html[data-theme=dark] .bar{background:#292b23}
/* O botão de tema não herda largura e margem dos botões de formulário. */
button.theme-toggle{width:auto;margin:0;flex:0 0 auto}button.theme-floating{position:fixed;inset:16px 16px auto auto;width:auto;max-width:calc(100vw - 32px);margin:0;z-index:40}html[data-theme=dark] a{color:var(--green)}.auth-screen main{min-height:100dvh;margin:0 auto;padding:24px;display:flex;flex-direction:column;justify-content:center;width:100%}.auth-screen .card{margin-top:18px;padding:24px}.auth-screen h1{margin:0 0 12px}.auth-screen .card>p:last-child{margin-bottom:0}@media(max-height:520px){.auth-screen main{justify-content:flex-start;padding-top:64px}}

:root{--scroll-track:#efefeb;--scroll-thumb:#a0a28b;--scroll-hover:#737c4a}html[data-theme=dark]{--scroll-track:#111111;--scroll-thumb:#555c3e;--scroll-hover:#7d8851}*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-track{background:var(--scroll-track);border-radius:10px}*::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid var(--scroll-track);border-radius:10px}*::-webkit-scrollbar-thumb:hover{background:var(--scroll-hover)}*::-webkit-scrollbar-corner{background:var(--scroll-track)}@media(forced-colors:active){*{scrollbar-color:auto}}

/* Base neutra e detalhes oliva em toda a aplicação. */
:root{--green:#626d39;--green-light:#eef0e4;--olive-focus:#a8b677}
html[data-theme=dark]{--green:#b1bb7b;--green-light:#25291b;--paper:#0b0b0b;--line:#303030;--ink:#efefeb;--muted:#aaa9a2}
html[data-theme=dark] button:not(.secondary):not(.icon-button):not(.theme-toggle):not(.backdrop),html[data-theme=dark] .button:not(.secondary){background:#879356;color:#0b0d08}
.chart-bar{background:var(--green)}html[data-theme=dark] pre,html[data-theme=dark] #camera-video,html[data-theme=dark] #camera-preview{background:#101010;color:var(--ink)}
html[data-theme=dark] .tabs button[aria-selected=true]{border-color:#555e35}.token-result{border-color:var(--line)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.theme-toggle:focus-visible{outline-color:var(--olive-focus)}
html[data-theme=dark] input[type=checkbox],html[data-theme=dark] progress{accent-color:#879356}
html[data-theme=dark] .backdrop{background:#0009}