/*
 * Get-AI's fixes for the Kit's sign-in pages (phase 10, RULE 2.6; KIT-REQUESTS.md 5), loaded by
 * resources/views/auth/*.php. The card is a grid item with min-width auto, so the inputs' own width (about 274 px)
 * made it wider than a 320 px phone: it may shrink now.
 *
 * The Kit's demo sign-ins on the login page ([data-demo-logins], resources/views/auth/login.php). The Kit's .alert is a flex row, so ".alert.stack" put the
 * title and every sign-in side by side and a 320 / 390 px page became about 520 px wide. Here they are one under
 * another and a long e-mail address wraps (the same fix as HR 1.0.2's hr-demo.css).
 */
.auth-card { min-width: 0; }
.auth-card .input { min-width: 0; }
.alert.stack[data-demo-logins] { flex-direction: column; align-items: stretch; gap: 0; min-width: 0; }
.alert.stack[data-demo-logins] > * { min-width: 0; max-width: 100%; }
.alert.stack[data-demo-logins] .cluster { --cluster-gap: var(--space-2); }
.alert.stack[data-demo-logins] .small { overflow-wrap: anywhere; }