/* Existing Console world: focused owner sign-in form. */
@import url("./tokens.css");
@import url("./base.css");
:root { --font-display:ui-sans-serif,system-ui,"PingFang SC",sans-serif; --font-body:var(--font-display); --login-width:440px; }
body { min-height:100dvh; display:grid; place-items:center; padding:var(--space-lg); }
.login-shell { width:100%; max-width:var(--login-width); }
h1 { font-size:var(--text-2xl); font-weight:500; margin-bottom:var(--space-md); }
.intro { color:var(--color-ink-2); margin-bottom:var(--space-lg); }
form { display:grid; gap:var(--space-sm); }
label { color:var(--color-ink-2); }
input { width:100%; min-height:48px; color:var(--color-ink); background:var(--color-paper-2); border:1px solid var(--color-muted); border-radius:var(--radius-pill); padding:var(--space-sm); }
label[for="password"] { margin-top:var(--space-xs); }
button { min-height:48px; background:var(--color-accent); color:var(--color-accent-ink); border:1px solid var(--color-accent); border-radius:var(--radius-pill); padding:var(--space-sm); cursor:pointer; font-weight:600; transition:background-color var(--dur-micro) var(--ease-out); }
button:hover { background:var(--color-ink); border-color:var(--color-ink); }
button:active { transform:translateY(1px); }
button:focus-visible,input:focus-visible { outline:2px solid var(--color-focus); outline-offset:3px; }
.message { color:var(--color-accent); min-height:var(--space-lg); }
.note { color:var(--color-muted); font-size:var(--text-sm); margin-top:var(--space-lg); }
.show-password { display:flex; gap:var(--space-xs); align-items:center; min-height:44px; cursor:pointer; }
.show-password input { width:20px; min-height:20px; accent-color:var(--color-accent); }
@media(prefers-reduced-motion:reduce) { button { transition:none; } button:active { transform:none; } }