/* Login — the radiographic viewer at rest. Reuses .xa-film / .xa-scan
   from xaray.css; this file only handles the centred layout + wordmark. */

.xa-login-body {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: var(--bs-body-bg);
}

.xa-login {
    width: 100%;
    max-width: 360px;
    padding: 36px 28px 28px;
    box-shadow: 0 20px 50px -28px rgba(10, 14, 20, .55);
}

.xa-login .brand {
    position: relative;
    z-index: 2;
    text-align: center;
    font-size: 34px;
    font-weight: 700;
    letter-spacing: .04em;
    color: var(--xa-brand);
    text-shadow: var(--xa-brand-glow);
    margin-bottom: 4px;
}

.xa-login .brand-sub {
    position: relative;
    z-index: 2;
    text-align: center;
    margin-bottom: 22px;
    font-size: 11px;
    letter-spacing: .26em;
    text-transform: uppercase;
    color: var(--xa-steel);
}

.xa-login form {
    position: relative;
    z-index: 2;
}

.xa-login .form-control {
    margin-bottom: 12px;
}