/* Login presentation within the new theme only. */
:is(html[data-theme="codex"], html[data-theme="codex-light"], html[data-theme="codex-dark"]) body { color: var(--text); background: var(--bg); }
:is(html[data-theme="codex"], html[data-theme="codex-light"], html[data-theme="codex-dark"]) .login-scene { display: none; }
:is(html[data-theme="codex"], html[data-theme="codex-light"], html[data-theme="codex-dark"]) .login-panel { padding: 24px; border: 1px solid var(--line); border-radius: 16px; background: var(--panel); box-shadow: none; backdrop-filter: none; }
:is(html[data-theme="codex"], html[data-theme="codex-light"], html[data-theme="codex-dark"]) .login-heading { display: grid; gap: 4px; margin: 0 0 20px; }
:is(html[data-theme="codex"], html[data-theme="codex-light"], html[data-theme="codex-dark"]) :is(.login-heading h1, .login-heading p) { margin: 0; }
:is(html[data-theme="codex"], html[data-theme="codex-light"], html[data-theme="codex-dark"]) .login-heading h1 { font-size: 22px; font-weight: 650; }
:is(html[data-theme="codex"], html[data-theme="codex-light"], html[data-theme="codex-dark"]) :is(.login-heading p, .field-label) { color: var(--muted); font-size: 14px; }
:is(html[data-theme="codex"], html[data-theme="codex-light"], html[data-theme="codex-dark"]) .login-form { gap: 16px; }
:is(html[data-theme="codex"], html[data-theme="codex-light"], html[data-theme="codex-dark"]) .field { gap: 8px; }
:is(html[data-theme="codex"], html[data-theme="codex-light"], html[data-theme="codex-dark"]) .field input { border: 1px solid var(--line-strong); border-radius: 14px; background: var(--control-bg); color: var(--text); font-size: 16px; }
:is(html[data-theme="codex"], html[data-theme="codex-light"], html[data-theme="codex-dark"]) .field input::placeholder { color: var(--muted); opacity: 1; }
:is(html[data-theme="codex"], html[data-theme="codex-light"], html[data-theme="codex-dark"]) .login-button { display: block; width: 100%; border-radius: 10px; background: var(--cyan); color: var(--accent-contrast); box-shadow: none; }
:is(html[data-theme="codex"], html[data-theme="codex-light"], html[data-theme="codex-dark"]) .login-button:hover { background: var(--cyan-strong); }
:is(html[data-theme="codex"], html[data-theme="codex-light"], html[data-theme="codex-dark"]) .login-device-switch { border: 0; border-radius: 10px; background: var(--control-bg); color: var(--text); min-height: 44px; }
:is(html[data-theme="codex"], html[data-theme="codex-light"], html[data-theme="codex-dark"]) .login-error { color: var(--red); }
:is(html[data-theme="codex"], html[data-theme="codex-light"], html[data-theme="codex-dark"]) :is(button,input):focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }