/* Development-only sign-in (SignIn.razor). Reuses .sd-commit-sheet (missions.css) for the card,
   .sd-onboarding-field/.sd-onboarding-input/.sd-onboarding-continue (onboarding.css) for the form, and
   .sd-laundering__error (laundering.css) for the error text — same cross-page BEM reuse convention
   every other page's own CSS file already establishes. */

.sd-signin {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: var(--sd-space-5);
    background: var(--sd-surface-base);
}

.sd-signin__card {
    max-width: 380px;
    width: 100%;
}

.sd-signin__card .sd-commit-sheet__title {
    margin: 0 0 var(--sd-space-2);
}

.sd-signin__brand {
    display: flex;
    justify-content: center;
    margin-bottom: var(--sd-space-4);
}