/* =====================================================================
   HAULAT — public/auth.php   (assets/css/pages/public-auth.css)
   Sign in / sign up.

   Scope rule for this directory: a selector belongs here only if it is
   used by this one view. The moment a second view wants it, it is promoted
   into app.css and deleted from here — page files that quietly become a
   second design system are how stylesheets rot.

   Loaded after app.css, so plain specificity is enough to override the
   system. Do not reach for !important.
   ===================================================================== */

/* ---- the divider above passkey sign-in ---- */
.auth-or {
    display: flex; align-items: center; gap: 14px;
    margin: 22px 0 14px; color: var(--txt-3); font-size: 12.5px;
}
.auth-or::before, .auth-or::after {
    content: ''; flex: 1; height: 1px; background: var(--line);
}