/* ============================================================
   DevPortal — Login page dark-theme overrides
   Targets classes used by BlazorBase.User Login.razor:
     .login-container  (FluentStack wrapping the card)
     .login-card       (FluentCard)
     .form-stack       (inner FluentStack)
   These are BlazorBase isolation-CSS classes rendered without
   a scope attribute on the consumer side, so plain selectors
   reach them from a global stylesheet.
   ============================================================ */

.login-container {
    min-height: 100vh;
    background: var(--color-bg-app);
}

.login-card {
    background: var(--color-bg-surface) !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-text-primary) !important;
    box-shadow: var(--shadow-dialog);
}

.login-card h2 {
    color: var(--color-text-primary);
    margin-top: 0;
}