.doc-login .auth-shell { min-height: 100dvh; padding: 30px 16px; }
.doc-login .hub-auth-panel { width: min(440px,100%); background: #151513; border: 1px solid #51452c; border-top: 3px solid #c9a24a; border-radius: 12px; box-shadow: 0 24px 80px #0009; }
.doc-login .hub-auth-brand { background: #1c1b17; padding: 20px 24px; }
.doc-login .auth-logo { width: 48px; height: 48px; }
.doc-login .hub-auth-intro { padding: 22px 24px 12px; }
.doc-login .hub-auth-intro h1 { font-size: 28px; margin: 6px 0; }
.doc-login .auth-form { padding: 12px 24px 24px; gap: 18px; }
.doc-login .auth-form input { min-width: 0; width: 100%; color: #eeeade; background: #10100f; border-radius: 6px; color-scheme: dark; }
.doc-login .hub-auth-input { background: #10100f; border-color: #413a2b; grid-template-columns: 20px minmax(0,1fr); gap: 12px; padding: 0 14px; min-height: 48px; }
.doc-login .hub-auth-input svg { width: 18px; height: 18px; justify-self: center; }
.doc-login .hub-auth-input input { box-shadow: none; padding: 13px 2px; margin: 0; border-radius: 0; font-size: 14px; line-height: 20px; background: transparent; }
.doc-login .hub-auth-input input:focus-visible { outline: none; }
.doc-login .hub-auth-input:focus-within { outline: 2px solid #c9a24a; outline-offset: 2px; }
.doc-login input:autofill { -webkit-text-fill-color: #eeeade; box-shadow: 0 0 0 1000px #10100f inset; }
.doc-login .auth-form > button { min-height: 46px; border-radius: 7px; }
.doc-login .auth-form a { color: #d8b864; text-align: center; font-size: 12px; text-underline-offset: 4px; }
.doc-login .auth-form p { font-size: 12px; color: #bcb7aa; line-height: 1.6; }
.doc-login .flash { margin: 12px 24px; }
.doc-login input:focus-visible, .doc-login a:focus-visible { outline: 2px solid #c9a24a; outline-offset: 2px; }