/* Auth & account styles — kept separate from styles.css (which is at its module size limit). */

/* Inline field validation errors. */
.field-error { color: #8a1c12; font-size: 0.85rem; margin: 0.35rem 0 0; }

/* "or" divider between local login and Google sign-in. */
.auth-divider { display: flex; align-items: center; text-align: center; color: var(--ink-soft); margin: 1.3rem 0; font-size: 0.85rem; }
.auth-divider::before, .auth-divider::after { content: ""; flex: 1; height: 1px; background: var(--line); }
.auth-divider span { padding: 0 0.75rem; }

/* Full-width "Sign in with Google" button (reuses .btn / .btn-outline). */
.auth-google { width: 100%; text-align: center; box-sizing: border-box; }

/* Logout rendered as a POST button styled to match dropdown links. */
.dropdown-menu li form { margin: 0; }
.dropdown-logout {
    display: block; width: 100%; text-align: left;
    padding: 0.55rem 0.75rem; border-radius: 6px;
    color: var(--ink); background: none; border: 0; cursor: pointer;
    font: inherit; font-weight: 500; font-size: 0.95rem;
}
.dropdown-logout:hover,
.dropdown-logout:focus-visible { background: var(--paper-tint); color: var(--atco-blue-dark); }