@import 'BlazorCRM.Client.k590709j2g.bundle.scp.css';

/* /Components/Account/Pages/Login.razor.rz.scp.css */
.auth-food-heading[b-83xb46srnz] { min-width: 0; width: 100%; }
.auth-food-brand[b-83xb46srnz] { display: flex; align-items: center; gap: .75rem; margin-bottom: 1.25rem; color: #173b2b; }
.auth-food-brand img[b-83xb46srnz] { flex: 0 0 auto; width: 3.5rem; height: 3.5rem; border-radius: .5rem; }
.auth-food-brand > div[b-83xb46srnz] { min-width: 0; }
.auth-food-brand strong[b-83xb46srnz] { display: block; font-size: clamp(1.35rem, 5vw, 1.8rem); line-height: 1.2; }
.auth-food-brand span[b-83xb46srnz] { display: block; margin-top: .2rem; font-size: .85rem; line-height: 1.4; }
.auth-food-header .auth-login-motion[b-83xb46srnz] { display: none; }
.auth-food-about[b-83xb46srnz] { position: relative; z-index: 2; display: flex; justify-content: center; width: 100%; }
.auth-food-about a[b-83xb46srnz] { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: .6rem 1.1rem; border: 1px solid #b4cec0; border-radius: .65rem; background: #fff; color: #173b2b; font-weight: 600; text-decoration: none; }
.auth-food-about a:hover[b-83xb46srnz] { background: #edf5ef; }
.auth-food-about a:focus-visible[b-83xb46srnz] { outline: 3px solid #08684e; outline-offset: 3px; }

/* The kitchen photo has an intentionally empty centre for desktop.
   On a narrow screen keep its working kitchen visible behind the opaque form. */
@media (max-width: 760px) {
    .auth-shell-login.auth-food-kitchen[b-83xb46srnz] {
        --auth-grid-line: rgba(45, 36, 27, .06);
        background-image:
            linear-gradient(135deg, rgba(255, 251, 240, .12), rgba(255, 255, 247, .18)),
            linear-gradient(90deg, var(--auth-grid-line) 1px, transparent 1px),
            linear-gradient(180deg, var(--auth-grid-line) 1px, transparent 1px),
            var(--auth-bg);
        background-position: center, center, center, 80% center;
        background-repeat: no-repeat, repeat, repeat, no-repeat;
        background-size: auto, var(--auth-grid-size) var(--auth-grid-size), var(--auth-grid-size) var(--auth-grid-size), cover;
    }
}