@import 'BlazorCRM.Client.4mb7fykr4p.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] { margin-bottom: 1rem; }
.auth-food-about a[b-83xb46srnz] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 44px;
    padding: .6rem .9rem;
    border: 1px solid #0b8067;
    border-radius: .65rem;
    background: #0b8067;
    color: #fff;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
}
.auth-food-about a:hover[b-83xb46srnz] { border-color: #086a57; background: #086a57; color: #fff; }
.auth-food-about a:focus-visible[b-83xb46srnz] { outline: 3px solid #08684e; outline-offset: 2px; }
.auth-food-support-footer[b-83xb46srnz] { margin-top: .65rem; }
.auth-food-support-footer[b-83xb46srnz]  .food-support-link--contact {
    display: flex;
    width: 100%;
    min-height: 48px;
    justify-content: flex-start;
    gap: .65rem;
    padding: .55rem .8rem;
    border: 1px solid rgba(8, 124, 97, .38);
    background: #edf5ef;
    color: #173b2b;
    font-weight: 600;
    line-height: 1.3;
    white-space: normal;
}
.auth-food-support-footer[b-83xb46srnz]  .food-support-link--contact:hover { border-color: #438866; background: #e1f1e7; }
.auth-food-support-footer[b-83xb46srnz]  .food-support-link--contact:focus-visible { outline: 3px solid #08684e; outline-offset: 2px; }
.auth-food-support-footer[b-83xb46srnz]  .food-support-link-contact-icon {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 1.35rem;
    height: 1.35rem;
    border: 0;
}
.auth-food-support-footer[b-83xb46srnz]  .food-support-link-contact-icon .ui-icon { width: 1.25rem; height: 1.25rem; }
@media (max-width: 480px) {
    .auth-food-support-footer[b-83xb46srnz]  .food-support-link--contact > span:last-child { display: block; min-width: 0; }
    .auth-food-support-footer[b-83xb46srnz]  .food-support-link--contact { min-width: 0; padding: .55rem .7rem; }
}

/* 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;
    }
}