/* =========================================================
   SKYSUITE STAGE 86.3 — LOGIN FLASH MESSAGE OVERFLOW FINAL FIX
   ---------------------------------------------------------
   Stage 85.1 made the sign-in card content-driven, but the
   low-height desktop media rule in login-wow.css can still
   force the card back to a fixed 620px height. When Django's
   one-time sign-out message is present, the security assurance
   can then meet/escape the rounded lower edge.

   This small additive stylesheet deliberately does NOT replace
   login-wow.css, login media, portal cards, or carousel markup.
   ========================================================= */

/* The sign-in card must always be allowed to grow with its content
   on desktop. Its existing min-height continues to preserve the
   normal balanced two-column appearance when no flash message exists. */
@media (min-width: 981px) {
    .sg-login-card {
        height: auto !important;
    }

    .sg-login-assurance,
    .sg-login-footer {
        flex-shrink: 0;
    }
}

/* Compact only the short-height desktop condition. This is the
   condition that can be triggered by Windows/browser scaling even
   when the screenshot itself looks taller than 780 device pixels. */
@media (max-height: 780px) and (min-width: 981px) {
    .sg-login-card {
        height: auto !important;
        min-height: 620px !important;
        padding-bottom: 26px !important;
    }

    .sg-messages {
        margin-top: 12px !important;
    }

    .sg-messages + .sg-login-form {
        margin-top: 14px !important;
    }

    .sg-login-assurance {
        margin-top: 16px !important;
    }

    .sg-login-footer {
        margin-top: 12px !important;
        padding-bottom: 4px !important;
    }
}