/* Sign-in and first-run setup.
   Layered on dashboard.css for the shared shell tokens; this file only has to
   describe a single centred card, since none of the app chrome is present. */

.auth-body { display: block; min-height: 100vh; }
.auth-shell {
    display: grid; place-items: center; min-height: 100vh; padding: 32px 20px;
}
.auth-card {
    width: 100%; max-width: 412px; padding: 30px 30px 24px;
    display: flex; flex-direction: column; gap: 18px;
}
/* The brand block is built for a sidebar; centre it and cap it here. */
.auth-card .brand { justify-content: center; padding: 0; }
.auth-card .brand-logo { max-width: 190px; height: auto; }
.auth-card .brand-tagline { text-align: center; }

.auth-head { text-align: center; }
.auth-head h1 { margin: 3px 0 6px; font-size: 22px; letter-spacing: -.7px; }
.auth-sub { margin: 0; color: #6f7c76; font-size: 12px; line-height: 1.55; }

.auth-alert {
    padding: 10px 13px; border-radius: 12px; font-size: 12px; line-height: 1.5;
    border: 1px solid transparent;
}
.auth-alert.error { color: #8c3a22; background: rgba(230, 102, 36, .09); border-color: rgba(230, 102, 36, .22); }
.auth-alert.info { color: #3d5a4e; background: rgba(91, 155, 120, .1); border-color: rgba(91, 155, 120, .2); }

.auth-form { display: grid; gap: 13px; }
.auth-field { display: grid; gap: 5px; }
.auth-field span {
    color: #78857f; font-size: 9px; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase;
}
.auth-field input {
    width: 100%; padding: 11px 13px; color: #1d2a25; font: inherit; font-size: 13px;
    background: rgba(255, 255, 255, .8); border: 1px solid rgba(31, 45, 40, .13); border-radius: 12px;
}
.auth-field input:focus-visible {
    outline: 2px solid var(--brand, #e66624); outline-offset: 2px; border-color: transparent;
}
.auth-submit { width: 100%; margin-top: 3px; justify-content: center; }

.auth-foot { margin: 0; color: #93a09a; font-size: 11px; line-height: 1.55; text-align: center; }

/* The signed-in identity block lives in dashboard.css, not here: it sits in the
   sidebar of every page, and only the login and Users screens load this file. */