/* File: /css/admin-login.css | Version: 1.0.0 | 2026-10-23
   The sign-in pages' look (classic-asp-admin-login, installed at the site root): /login.asp, /logout.asp,
   /change-password.asp, /sign-out-everywhere.asp and the handoff page. Loaded after /css/site.css by
   AdmStylesheetHref() in /inc/inc-admin-core.asp; the colours are site.css's tokens. */

.adm-auth {
    background: var(--light);
    color: var(--ink);
}

.adm-auth-main {
    max-width: 26rem;
    margin: 8vh auto;
    padding: 1.5rem;
    background: var(--bg);
    border: 1px solid var(--border);
    border-top: 4px solid var(--gold);
    border-radius: .5rem;
}

.adm-auth-main h1 {
    font-size: 1.75rem;
}

.adm-lead {
    color: var(--gray);
}

.adm-field label {
    display: block;
    font-weight: 500;
    margin-bottom: .25rem;
}

.adm-field input[type="email"],
.adm-field input[type="password"],
.adm-field input[type="text"] {
    display: block;
    width: 100%;
    min-height: 44px;
    padding: .375rem .75rem;
    font-size: 1rem;
    border: 1px solid var(--gray);
    border-radius: .25rem;
}

.adm-check label {
    display: flex;
    gap: .5rem;
    align-items: center;
    min-height: 44px;
    font-weight: 400;
}

.adm-hint {
    display: block;
    font-size: .875rem;
    color: var(--gray);
}

.adm-auth button[type="submit"] {
    min-height: 44px;
    padding: .375rem 1.25rem;
    font-size: 1rem;
    color: var(--white);
    background: var(--gray-dark);
    border: 1px solid var(--gray-dark);
    border-radius: .25rem;
    cursor: pointer;
}

.adm-auth button.adm-pw-toggle {
    color: var(--ink);
    background: var(--light);
    border: 1px solid var(--border);
    border-radius: .25rem;
    cursor: pointer;
}

.adm-error {
    padding: .75rem 1rem;
    color: var(--white);
    background: var(--danger);
    border-radius: .25rem;
}

.adm-notice {
    padding: .75rem 1rem;
    background: var(--light);
    border-left: 4px solid var(--gold);
}

.adm-device-list {
    padding-left: 0;
    list-style: none;
}

.adm-device {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1rem;
    align-items: center;
    padding: .5rem 0;
    border-top: 1px solid var(--border);
}

.adm-device-when {
    font-size: .875rem;
    color: var(--gray);
}

.adm-device-form {
    margin: 0;
}