/* =========================================================================
   Pleazz — Merchant / Employee login (2026 design), screen-only rules

   Linked by application/views/2026/includes/headPublic.php as
   assets/home/2026/css/login/login.css with a ?s= . filesize() buster. The head
   appends assets/home/2026/css/<view>.css for every 2026 view, so this file is
   picked up by filename alone -- no map entry was needed. It loads AFTER
   shell/public.css and auth/auth.css (the shared auth skin the head links for
   this view via its $sharedStylesheets map). Nothing is @imported.

   SCOPE
   login/login's <main> carries only .login-2026, the shared auth skin class that
   companyLogin, buyerLogin and employeeLoginForm carry too -- so a .login-2026
   rule is not by itself specific to this screen. It is safe here anyway because
   this SHEET is only linked on login/login: the head builds the path from the
   view name, so the other four auth screens never download it.

   Rules below match auth.css's own selectors at equal specificity (0,2,0) and
   win on source order, since this sheet is linked after it.
   ========================================================================= */


/* -------------------------------------------------------------------------
   Mobile: form only

   auth.css stacks the grid to one column at <=991.98px, which puts the whole
   intro column -- badge, headline, lead and the five chips -- above the card.
   On a phone that is a full screen of copy before the first field. From the
   breakpoint where the two columns stop sitting side by side, the intro is
   dropped and the card is centred on its own.

   The card keeps its own heading here (the Merchant / Employee tab strip), so
   nothing that identifies the screen is lost with the intro. The header logo
   stays above it either way.
   ---------------------------------------------------------------------- */

@media (max-width: 991.98px) {
    .login-2026 .l26-intro {
        display: none;
    }

    .login-2026 .l26-grid {
        justify-items: center;
        align-items: center;
        min-height: calc(100vh - 190px);
        padding-top: 0;
    }

    .login-2026 .l26-panel {
        justify-content: center;
        width: 100%;
    }

    .login-2026 .l26-card {
        max-width: 460px;
    }
}