@import '_content/Sutz.Food.Shared.UI/Sutz.Food.Shared.UI.3td5g83pzw.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
.app[b-pfls7ajj9m] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: var(--sutz-color-surface-alt);
}

.app-header[b-pfls7ajj9m] {
    position: sticky;
    top: 0;
    z-index: 40;
    background: var(--sutz-color-surface);
    border-bottom: 1px solid var(--sutz-color-border);
}

.app-header__inner[b-pfls7ajj9m] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 2px 8px;
    min-height: 64px;
}

.brand[b-pfls7ajj9m] {
    display: inline-flex;
    align-items: center;
    gap: var(--sutz-space-8);
    text-decoration: none;
    color: var(--sutz-color-text);
    font-weight: var(--sutz-font-weight-bold);
    letter-spacing: var(--sutz-tracking-tight);
    white-space: nowrap;
}

.brand__mark[b-pfls7ajj9m] {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 3px;
    background: #ffe5db;
    font-size: 1rem;
    line-height: 1rem;
}
.brand__appName[b-pfls7ajj9m] {
    display: flex;
    flex-direction: column;
    line-height: 0.75rem;
}
.brand__app[b-pfls7ajj9m] {
    color: var(--sutz-color-primary-darker);
    font-size: var(--sutz-text-xs);
    font-weight: var(--sutz-font-weight-semibold);
    letter-spacing: 0.04em;
}

.app-nav[b-pfls7ajj9m] {
    display: flex;
    gap: var(--sutz-space-16);
    order: 3;
    width: 100%;
    padding-bottom: var(--sutz-space-8);
    overflow-x: auto;
}

.app-nav[b-pfls7ajj9m]  a {
    padding: 6px 0;
    color: var(--sutz-color-text-muted);
    text-decoration: none;
    font-size: var(--sutz-text-sm);
    font-weight: var(--sutz-font-weight-medium);
    white-space: nowrap;
    border-bottom: 2px solid transparent;
    transition: color var(--sutz-transition-fast), border-color var(--sutz-transition-fast);
}

.app-nav[b-pfls7ajj9m]  a:hover {
    color: var(--sutz-color-text);
}

.app-nav[b-pfls7ajj9m]  a.active {
    color: var(--sutz-color-primary-dark);
    border-bottom-color: var(--sutz-color-primary);
}

.app-header__actions[b-pfls7ajj9m] {
    display: flex;
    align-items: center;
    gap: var(--sutz-space-12);
    margin-inline-start: auto;
}

.app-user[b-pfls7ajj9m] {
    font-size: var(--sutz-text-sm);
    color: var(--sutz-color-text-muted);
    max-width: 22ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
}

.app-user:hover[b-pfls7ajj9m] {
    color: var(--sutz-color-text);
    text-decoration: underline;
}

.logout-form[b-pfls7ajj9m] {
    display: inline;
}

@media (min-width: 860px) {
    .app-nav[b-pfls7ajj9m] {
        order: 0;
        width: auto;
        padding-bottom: 0;
        margin-inline-start: var(--sutz-space-16);
    }
}

/* ---------------- Footer: seller app download badges ---------------- */

.app-footer[b-pfls7ajj9m] {
    margin-top: var(--sutz-space-48);
    padding-block: var(--sutz-space-24);
    border-top: 1px solid var(--sutz-color-border);
    background: var(--sutz-color-surface-alt);
}

.app-footer__inner[b-pfls7ajj9m] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--sutz-space-12);
    text-align: center;
}

.app-footer__label[b-pfls7ajj9m] {
    margin: 0;
    font-size: var(--sutz-text-sm);
    font-weight: var(--sutz-font-weight-semibold);
    color: var(--sutz-color-text);
}

.app-footer__note[b-pfls7ajj9m] {
    margin: 0;
    font-size: var(--sutz-text-xs);
    color: var(--sutz-color-text-muted);
}

.store-badges[b-pfls7ajj9m] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--sutz-space-12);
}

/* Styled after the two real store badges' proportions and layout, drawn from scratch — not the
   official trademarked artwork — and dimmed + disabled since the seller app isn't published yet. */
.store-badge[b-pfls7ajj9m] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 18px 9px 14px;
    border-radius: var(--sutz-radius-md);
    background: #1b1b1f;
    color: #fff;
    opacity: 0.72;
    cursor: default;
    user-select: none;
}

.store-badge__glyph[b-pfls7ajj9m] {
    width: 24px;
    height: 24px;
    flex: none;
    color: #fff;
}

.store-badge__glyph--play[b-pfls7ajj9m] {
    width: 20px;
    height: 20px;
}

.store-badge__text[b-pfls7ajj9m] {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}

.store-badge__eyebrow[b-pfls7ajj9m] {
    font-size: 9px;
    letter-spacing: 0.02em;
    color: rgba(255, 255, 255, 0.75);
}

.store-badge__name[b-pfls7ajj9m] {
    font-size: var(--sutz-text-sm);
    font-weight: var(--sutz-font-weight-semibold);
}
/* /Components/Layout/PublicLayout.razor.rz.scp.css */
.public[b-raj2domw2p] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: var(--sutz-color-surface);
}

.public-header[b-raj2domw2p] {
    position: sticky;
    top: 0;
    z-index: 40;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: saturate(180%) blur(12px);
    border-bottom: 1px solid var(--sutz-color-border);
}

.public-header__inner[b-raj2domw2p] {
    display: flex;
    align-items: center;
    gap: var(--sutz-space-24);
    min-height: 64px;
}

.brand[b-raj2domw2p] {
    display: inline-flex;
    align-items: center;
    gap: var(--sutz-space-8);
    text-decoration: none;
    color: var(--sutz-color-text);
    font-weight: var(--sutz-font-weight-bold);
    font-size: var(--sutz-text-lg);
    letter-spacing: var(--sutz-tracking-tight);
    white-space: nowrap;
}

.brand__mark[b-raj2domw2p] {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 3px;
    background: #ffe5db;
    font-size: 1rem;
}

.public-nav[b-raj2domw2p] {
    display: flex;
    gap: var(--sutz-space-16);
    margin-inline-start: auto;
}

.public-nav a[b-raj2domw2p] {
    color: var(--sutz-color-text-muted);
    text-decoration: none;
    font-size: var(--sutz-text-sm);
    font-weight: var(--sutz-font-weight-medium);
    transition: color var(--sutz-transition-fast);
}

.public-nav a:hover[b-raj2domw2p] {
    color: var(--sutz-color-primary-dark);
}

main[b-raj2domw2p] {
    flex: 1 1 auto;
}

.public-footer[b-raj2domw2p] {
    margin-top: var(--sutz-space-48);
    padding-block: var(--sutz-space-24);
    background: var(--sutz-color-text);
    color: rgba(255, 255, 255, 0.6);
    font-size: var(--sutz-text-xs);
}

.public-footer p[b-raj2domw2p] {
    margin: 0;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-15elw49xo2],
.components-reconnect-repeated-attempt-visible[b-15elw49xo2],
.components-reconnect-failed-visible[b-15elw49xo2],
.components-pause-visible[b-15elw49xo2],
.components-resume-failed-visible[b-15elw49xo2],
.components-rejoining-animation[b-15elw49xo2] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-15elw49xo2],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-15elw49xo2],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-15elw49xo2],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-15elw49xo2],
#components-reconnect-modal.components-reconnect-retrying[b-15elw49xo2],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-15elw49xo2],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-15elw49xo2],
#components-reconnect-modal.components-reconnect-failed[b-15elw49xo2],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-15elw49xo2] {
    display: block;
}


#components-reconnect-modal[b-15elw49xo2] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-15elw49xo2 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-15elw49xo2 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-15elw49xo2 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-15elw49xo2]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-15elw49xo2 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-15elw49xo2 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-15elw49xo2 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-15elw49xo2 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-15elw49xo2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-15elw49xo2] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-15elw49xo2] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-15elw49xo2] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-15elw49xo2] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-15elw49xo2] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-15elw49xo2] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-15elw49xo2 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-15elw49xo2] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-15elw49xo2 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/UserMenu.razor.rz.scp.css */
.user-menu[b-pnq2jgmadr] {
    position: relative;
}

.user-menu__trigger[b-pnq2jgmadr] {
    display: inline-flex;
    align-items: center;
    gap: var(--sutz-space-8);
    padding: 4px 10px 4px 4px;
    border: 1px solid transparent;
    border-radius: var(--sutz-radius-pill);
    background: none;
    cursor: pointer;
    color: var(--sutz-color-text);
    font: inherit;
    max-width: 220px;
}

.user-menu__trigger:hover[b-pnq2jgmadr],
.user-menu--open .user-menu__trigger[b-pnq2jgmadr] {
    border-color: var(--sutz-color-border);
    background: var(--sutz-color-surface-alt);
}

.user-menu__avatar[b-pnq2jgmadr] {
    position: relative;
    display: grid;
    place-items: center;
    flex: none;
    width: 32px;
    height: 32px;
    border-radius: var(--sutz-radius-pill);
    background: var(--sutz-color-primary-light);
    color: var(--sutz-color-primary-darker);
    font-weight: var(--sutz-font-weight-semibold);
    font-size: var(--sutz-text-sm);
}

.user-menu__bell[b-pnq2jgmadr] {
    position: absolute;
    top: -1px;
    right: -1px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--sutz-color-danger);
    border: 2px solid var(--sutz-color-surface);
}

.user-menu__badge[b-pnq2jgmadr] {
    margin-left: auto;
    padding: 1px 7px;
    border-radius: var(--sutz-radius-pill);
    background: var(--sutz-color-danger);
    color: #fff;
    font-size: var(--sutz-text-xs);
    font-weight: var(--sutz-font-weight-semibold);
}

.user-menu__avatar--lg[b-pnq2jgmadr] {
    width: 40px;
    height: 40px;
    font-size: var(--sutz-text-base);
}

.user-menu__label[b-pnq2jgmadr] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--sutz-text-sm);
    font-weight: var(--sutz-font-weight-medium);
}

@media (max-width: 640px) {
    .user-menu__label[b-pnq2jgmadr] {
        display: none;
    }
}

.user-menu__chevron[b-pnq2jgmadr] {
    flex: none;
    width: 16px;
    height: 16px;
    color: var(--sutz-color-text-muted);
    transition: transform var(--sutz-transition-fast);
}

.user-menu--open .user-menu__chevron[b-pnq2jgmadr] {
    transform: rotate(180deg);
}

.user-menu__scrim[b-pnq2jgmadr] {
    position: fixed;
    inset: 0;
    z-index: 45;
    background: transparent;
}

.user-menu__panel[b-pnq2jgmadr] {
    position: absolute;
    z-index: 50;
    top: calc(100% + 8px);
    right: 0;
    min-width: 240px;
    padding: var(--sutz-space-8);
    border: 1px solid var(--sutz-color-border);
    border-radius: var(--sutz-radius-lg);
    background: var(--sutz-color-surface);
    box-shadow: var(--sutz-shadow-lg);
}

.user-menu__id[b-pnq2jgmadr] {
    display: flex;
    align-items: center;
    gap: var(--sutz-space-12);
    padding: var(--sutz-space-8);
}

.user-menu__id-text[b-pnq2jgmadr] {
    min-width: 0;
}

.user-menu__id-title[b-pnq2jgmadr] {
    margin: 0;
    font-size: var(--sutz-text-xs);
    color: var(--sutz-color-text-muted);
}

.user-menu__id-mail[b-pnq2jgmadr] {
    margin: 2px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--sutz-text-sm);
    font-weight: var(--sutz-font-weight-semibold);
}

.user-menu__sep[b-pnq2jgmadr] {
    margin: var(--sutz-space-4) 0;
    border: none;
    border-top: 1px solid var(--sutz-color-border);
}

.user-menu__item[b-pnq2jgmadr] {
    display: flex;
    align-items: center;
    gap: var(--sutz-space-12);
    width: 100%;
    padding: 10px var(--sutz-space-8);
    border: none;
    border-radius: var(--sutz-radius-md);
    background: none;
    color: var(--sutz-color-text);
    text-decoration: none;
    font: inherit;
    font-size: var(--sutz-text-sm);
    text-align: left;
    cursor: pointer;
}

.user-menu__item:hover[b-pnq2jgmadr] {
    background: var(--sutz-color-surface-alt);
}

.user-menu__item--danger[b-pnq2jgmadr] {
    color: var(--sutz-color-danger);
}

.user-menu__item--danger:hover[b-pnq2jgmadr] {
    background: var(--sutz-color-danger-light);
}

.user-menu__glyph[b-pnq2jgmadr] {
    flex: none;
    width: 20px;
    text-align: center;
}

.user-menu__logout[b-pnq2jgmadr] {
    margin: 0;
}
/* /Components/Pages/Announcements.razor.rz.scp.css */
.muted[b-ozpmul1l2p] {
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-sm);
}

.notice[b-ozpmul1l2p] {
    border-inline-start: 4px solid var(--sutz-color-warning);
}

.notice p[b-ozpmul1l2p] {
    margin: var(--sutz-space-8) 0 0;
}

.cards[b-ozpmul1l2p] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: var(--sutz-space-16);
    align-items: start;
}

.cards h2[b-ozpmul1l2p] {
    margin-bottom: var(--sutz-space-8);
    font-size: var(--sutz-text-lg);
}

.field[b-ozpmul1l2p] {
    margin-bottom: var(--sutz-space-16);
}

.field__label[b-ozpmul1l2p] {
    display: block;
    margin-bottom: var(--sutz-space-4);
    font-weight: var(--sutz-font-weight-semibold);
    font-size: var(--sutz-text-sm);
}

.field__hint[b-ozpmul1l2p] {
    margin: var(--sutz-space-4) 0 0;
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-xs);
}

.kind-picker[b-ozpmul1l2p] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sutz-space-8);
    margin-bottom: var(--sutz-space-4);
}

textarea[b-ozpmul1l2p] {
    width: 100%;
    padding: var(--sutz-space-8) var(--sutz-space-12);
    border: 1px solid var(--sutz-color-border);
    border-radius: var(--sutz-radius-md);
    font-family: inherit;
    font-size: var(--sutz-text-sm);
    resize: vertical;
}

.announcement-history[b-ozpmul1l2p] {
    display: grid;
    gap: var(--sutz-space-12);
    margin: 0;
    padding: 0;
    list-style: none;
}

.announcement-history__item[b-ozpmul1l2p] {
    padding: var(--sutz-space-12);
    border: 1px solid var(--sutz-color-border);
    border-radius: var(--sutz-radius-md);
}

.announcement-history__head[b-ozpmul1l2p] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--sutz-space-8);
    margin-bottom: var(--sutz-space-8);
}

.announcement-history__message[b-ozpmul1l2p] {
    margin: 0 0 var(--sutz-space-4);
    font-size: var(--sutz-text-sm);
}

.announcement-history__reach[b-ozpmul1l2p] {
    margin: 0;
}
/* /Components/Pages/Billing.razor.rz.scp.css */
.muted[b-mp9miv9fhr] {
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-sm);
}

.cards[b-mp9miv9fhr] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: var(--sutz-space-16);
    align-items: start;
}

.cards h2[b-mp9miv9fhr] {
    margin-bottom: var(--sutz-space-8);
    font-size: var(--sutz-text-lg);
}

.cards__head[b-mp9miv9fhr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--sutz-space-8);
    margin-bottom: var(--sutz-space-8);
}

.cards__head h2[b-mp9miv9fhr] {
    margin-bottom: 0;
}

/* ---------------- Plan ---------------- */

.plan[b-mp9miv9fhr] {
    display: grid;
    gap: var(--sutz-space-8);
    margin-top: var(--sutz-space-12);
}

.plan__row[b-mp9miv9fhr] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--sutz-space-12);
    padding-bottom: var(--sutz-space-8);
    border-bottom: 1px dashed var(--sutz-color-border);
}

.plan__row:last-child[b-mp9miv9fhr] {
    border-bottom: none;
    padding-bottom: 0;
}

.plan__label[b-mp9miv9fhr] {
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-sm);
}

.plan__value[b-mp9miv9fhr] {
    font-weight: var(--sutz-font-weight-semibold);
}

.plan-status[b-mp9miv9fhr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--sutz-space-8);
    margin-top: var(--sutz-space-16);
}

.plan__note[b-mp9miv9fhr] {
    margin-top: var(--sutz-space-16);
}

/* ---------------- Suspension / expired-card / pending-payment notices ---------------- */

.notice[b-mp9miv9fhr] {
    margin-bottom: var(--sutz-space-16);
    padding: var(--sutz-space-16);
    border-radius: var(--sutz-radius-md);
    border: 1px solid transparent;
}

.notice strong[b-mp9miv9fhr] {
    display: block;
    margin-bottom: 2px;
}

.notice p[b-mp9miv9fhr] {
    margin: 0;
    font-size: var(--sutz-text-sm);
}

.notice--danger[b-mp9miv9fhr] {
    background: var(--sutz-color-danger-light, #fdecea);
    border-color: var(--sutz-color-danger);
    color: var(--sutz-color-danger-dark, var(--sutz-color-danger));
}

.notice--warning[b-mp9miv9fhr] {
    background: var(--sutz-color-warning-light, #fff6e0);
    border-color: var(--sutz-color-warning);
    color: var(--sutz-color-warning-dark, var(--sutz-color-text));
}

.notice--info[b-mp9miv9fhr] {
    background: var(--sutz-color-surface-alt);
    border-color: var(--sutz-color-border);
}

.pay-now[b-mp9miv9fhr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--sutz-space-16);
}

.pay-now__actions[b-mp9miv9fhr] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sutz-space-8);
}

/* ---------------- Plan features ---------------- */

.feature-group[b-mp9miv9fhr] {
    margin-top: var(--sutz-space-12);
}

.feature-group:first-child[b-mp9miv9fhr] {
    margin-top: 0;
}

.feature-group__title[b-mp9miv9fhr] {
    margin: 0 0 var(--sutz-space-8);
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-sm);
    font-weight: var(--sutz-font-weight-semibold);
}

.feature-chips[b-mp9miv9fhr] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sutz-space-8);
}

.feature-chip[b-mp9miv9fhr] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: var(--sutz-radius-pill);
    background: var(--sutz-color-surface-alt);
    border: 1px solid var(--sutz-color-border);
    font-size: var(--sutz-text-sm);
}

.feature-chip__icon[b-mp9miv9fhr] {
    color: var(--sutz-color-success);
    font-weight: var(--sutz-font-weight-bold);
}

.feature-chip__limit[b-mp9miv9fhr] {
    padding: 1px 6px;
    border-radius: var(--sutz-radius-pill);
    background: var(--sutz-color-surface);
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-xs);
}

/* ---------------- "Pagar ahora" embedded checkout ---------------- */

.payment-status[b-mp9miv9fhr] {
    display: flex;
    align-items: center;
    gap: var(--sutz-space-12);
    padding: var(--sutz-space-16);
}

.payment-status--ok[b-mp9miv9fhr] {
    color: var(--sutz-color-success-dark, var(--sutz-color-text));
}

.payment-status strong[b-mp9miv9fhr] {
    display: block;
    margin-bottom: 2px;
}

.payment-note[b-mp9miv9fhr] {
    margin: 0 0 var(--sutz-space-12);
    padding: var(--sutz-space-8) var(--sutz-space-12);
    border-radius: var(--sutz-radius-md);
    background: var(--sutz-color-surface-alt);
    font-size: var(--sutz-text-sm);
}

.payment-frame[b-mp9miv9fhr] {
    min-height: 420px;
}

/* ---------------- Cards on file ---------------- */

.cardlist[b-mp9miv9fhr] {
    display: grid;
    gap: var(--sutz-space-12);
    margin: var(--sutz-space-12) 0 0;
    padding: 0;
    list-style: none;
}

.cardrow[b-mp9miv9fhr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--sutz-space-8);
    padding: var(--sutz-space-12);
    border: 1px solid var(--sutz-color-border);
    border-radius: var(--sutz-radius-md);
    background: var(--sutz-color-surface-alt);
}

.cardrow__info[b-mp9miv9fhr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--sutz-space-8);
    font-size: var(--sutz-text-sm);
}

.cardrow__brand[b-mp9miv9fhr] {
    font-weight: var(--sutz-font-weight-semibold);
}

.cardrow__number[b-mp9miv9fhr] {
    font-variant-numeric: tabular-nums;
}

.cardrow__expiry[b-mp9miv9fhr] {
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-xs);
}

.cardrow__actions[b-mp9miv9fhr] {
    display: flex;
    align-items: center;
    gap: var(--sutz-space-12);
}

/* ---------------- Shared bits also used on Settings ---------------- */

.link-btn[b-mp9miv9fhr] {
    padding: 4px 0;
    border: none;
    background: none;
    color: var(--sutz-color-primary-dark);
    font: inherit;
    font-size: var(--sutz-text-sm);
    font-weight: var(--sutz-font-weight-medium);
    white-space: nowrap;
    cursor: pointer;
}

.link-btn:hover[b-mp9miv9fhr] {
    text-decoration: underline;
}

.link-btn--danger[b-mp9miv9fhr] {
    color: var(--sutz-color-danger);
}

.link-btn:disabled[b-mp9miv9fhr] {
    color: var(--sutz-color-text-muted);
    cursor: not-allowed;
    text-decoration: none;
}

.cat[b-mp9miv9fhr] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: var(--sutz-space-8) 0;
    font-size: var(--sutz-text-sm);
    cursor: pointer;
}

.cat input[b-mp9miv9fhr] {
    width: 16px;
    height: 16px;
    accent-color: var(--sutz-color-primary);
}

.modal-note[b-mp9miv9fhr] {
    margin-top: var(--sutz-space-8);
}
/* /Components/Pages/Business.razor.rz.scp.css */
.muted[b-oq3e0vd6jh] {
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-sm);
}

/* ---------------- Head: identity on the left, Ajustes on the right ---------------- */

.page__head--row[b-oq3e0vd6jh] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--sutz-space-16);
}

.head__id[b-oq3e0vd6jh] {
    display: flex;
    align-items: center;
    gap: var(--sutz-space-12);
    min-width: 0;
}

.head__logo[b-oq3e0vd6jh] {
    width: 56px;
    height: 56px;
    flex: none;
    border-radius: var(--sutz-radius-md);
    border: 1px solid var(--sutz-color-border);
    object-fit: cover;
    background: var(--sutz-color-surface);
}

.head__actions[b-oq3e0vd6jh] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sutz-space-8);
    flex: none;
}

.head__settings[b-oq3e0vd6jh] {
    flex: none;
}

.status-row[b-oq3e0vd6jh] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sutz-space-8);
    margin-bottom: var(--sutz-space-24);
}

.notice[b-oq3e0vd6jh] {
    margin-bottom: var(--sutz-space-24);
    border-inline-start: 4px solid var(--sutz-color-warning);
}

.notice p[b-oq3e0vd6jh] {
    margin: var(--sutz-space-8) 0 0;
}

.cards[b-oq3e0vd6jh] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: var(--sutz-space-16);
    align-items: start;
}

.cards h2[b-oq3e0vd6jh] {
    margin-bottom: var(--sutz-space-8);
    font-size: var(--sutz-text-lg);
}

.toggles[b-oq3e0vd6jh] {
    display: grid;
    gap: var(--sutz-space-12);
    margin: var(--sutz-space-16) 0;
}

.hours[b-oq3e0vd6jh] {
    display: grid;
    gap: var(--sutz-space-8);
    margin: 0 0 var(--sutz-space-12);
    padding: 0;
    list-style: none;
    font-size: var(--sutz-text-sm);
}

.hours li[b-oq3e0vd6jh] {
    display: flex;
    justify-content: space-between;
    gap: var(--sutz-space-16);
    padding-bottom: var(--sutz-space-8);
    border-bottom: 1px dashed var(--sutz-color-border);
}

.hours li:last-child[b-oq3e0vd6jh] {
    border-bottom: none;
    padding-bottom: 0;
}

.cover[b-oq3e0vd6jh] {
    width: 100%;
    aspect-ratio: 4 / 1;
    border-radius: var(--sutz-radius-md);
    border: 1px solid var(--sutz-color-border);
    object-fit: cover;
}

.map-card[b-oq3e0vd6jh] {
    grid-column: 1 / -1;
    display: grid;
    gap: var(--sutz-space-12);
}

.slug[b-oq3e0vd6jh] {
    display: inline-block;
    padding: 8px 12px;
    border-radius: var(--sutz-radius-sm);
    background: var(--sutz-color-surface-alt);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: var(--sutz-text-sm);
    overflow-wrap: anywhere;
}

/* ---------------- Closing history ---------------- */

.closings-card[b-oq3e0vd6jh] {
    grid-column: 1 / -1;
}

.closings[b-oq3e0vd6jh] {
    display: grid;
    gap: var(--sutz-space-12);
    margin: var(--sutz-space-12) 0 0;
    padding: 0;
    list-style: none;
}

.closing[b-oq3e0vd6jh] {
    padding: var(--sutz-space-12);
    border: 1px solid var(--sutz-color-border);
    border-radius: var(--sutz-radius-md);
}

.closing__head[b-oq3e0vd6jh] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    gap: var(--sutz-space-12);
}

.closing__closedat[b-oq3e0vd6jh] {
    display: block;
    font-size: var(--sutz-text-xs);
}

.closing__totals[b-oq3e0vd6jh] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: end;
}

.closing__lines[b-oq3e0vd6jh] {
    display: grid;
    gap: var(--sutz-space-4);
    margin: var(--sutz-space-8) 0 0;
    padding: var(--sutz-space-8) 0 0;
    border-top: 1px dashed var(--sutz-color-border);
    list-style: none;
    font-size: var(--sutz-text-sm);
}

.closing__lines li[b-oq3e0vd6jh] {
    display: flex;
    align-items: baseline;
    gap: var(--sutz-space-8);
}

.closing__lines li > span:nth-child(2)[b-oq3e0vd6jh] {
    margin-inline-start: auto;
    font-size: var(--sutz-text-xs);
}

.closing__line-amount[b-oq3e0vd6jh] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

[b-oq3e0vd6jh] .qr svg {
    max-width: 200px;
}
/* /Components/Pages/DishCard.razor.rz.scp.css */
.dish[b-z3ht0ghm3t] {
    display: flex;
    flex-direction: column;
    padding: 0;
    overflow: hidden;
    transition: transform var(--sutz-transition-base), box-shadow var(--sutz-transition-base);
}

.dish:hover[b-z3ht0ghm3t] {
    transform: translateY(-2px);
    box-shadow: var(--sutz-shadow-md);
}

/* Photo renders its own <img>/placeholder <div>, outside this component's CSS scope. */
[b-z3ht0ghm3t] .dish__image {
    width: 100%;
    height: 150px;
    object-fit: cover;
}

[b-z3ht0ghm3t] .dish__image.sutz-photo--empty {
    display: grid;
    place-items: center;
    background:
        radial-gradient(120px 80px at 30% 20%, var(--sutz-color-primary-light), transparent 70%),
        var(--sutz-color-surface-alt);
    border-bottom: 1px solid var(--sutz-color-border);
    font-size: 2.25rem;
}

.dish__body[b-z3ht0ghm3t] {
    display: flex;
    flex-direction: column;
    gap: var(--sutz-space-8);
    flex: 1 1 auto;
    padding: var(--sutz-space-16);
}

.dish__name[b-z3ht0ghm3t] {
    margin: 0;
    font-size: var(--sutz-text-lg);
    line-height: 1.25;
}

.dish__desc[b-z3ht0ghm3t] {
    margin: 0;
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-sm);
}

.dish__options[b-z3ht0ghm3t] {
    display: flex;
    gap: var(--sutz-space-4);
    margin: 0;
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-xs);
}

.dish__limit[b-z3ht0ghm3t] {
    margin: 0;
    color: var(--sutz-color-warning);
    font-size: var(--sutz-text-xs);
    font-weight: var(--sutz-font-weight-semibold);
}

.dish__scheduled[b-z3ht0ghm3t] {
    margin: 0;
    color: var(--sutz-color-primary-dark);
    font-size: var(--sutz-text-xs);
    font-weight: var(--sutz-font-weight-semibold);
}

.dish__scheduled--none[b-z3ht0ghm3t] {
    color: var(--sutz-color-text-muted);
    font-weight: var(--sutz-font-weight-medium);
}

.dish__foot[b-z3ht0ghm3t] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--sutz-space-8);
    margin-top: auto;
    padding-top: var(--sutz-space-12);
}

.dish__price[b-z3ht0ghm3t] {
    font-size: var(--sutz-text-xl);
    font-weight: var(--sutz-font-weight-bold);
    letter-spacing: var(--sutz-tracking-tight);
}

@media (prefers-reduced-motion: reduce) {
    .dish:hover[b-z3ht0ghm3t] {
        transform: none;
    }
}
/* /Components/Pages/Finance.razor.rz.scp.css */
.muted[b-yepa0jv9k8] {
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-sm);
}

.month-nav[b-yepa0jv9k8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--sutz-space-16);
    margin: var(--sutz-space-16) 0;
}

.month-nav__label[b-yepa0jv9k8] {
    min-width: 14ch;
    text-align: center;
    text-transform: capitalize;
}

.summary-grid[b-yepa0jv9k8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: var(--sutz-space-12);
    margin-bottom: var(--sutz-space-24);
}

.summary-stat[b-yepa0jv9k8] {
    display: grid;
    gap: var(--sutz-space-4);
    padding: var(--sutz-space-12);
    border: 1px solid var(--sutz-color-border);
    border-radius: var(--sutz-radius-md);
    background: var(--sutz-color-surface-alt);
}

.summary-stat--net[b-yepa0jv9k8] {
    border-color: var(--sutz-color-primary);
}

.summary-stat__label[b-yepa0jv9k8] {
    font-size: var(--sutz-text-xs);
    color: var(--sutz-color-text-muted);
}

.summary-stat__value[b-yepa0jv9k8] {
    font-size: var(--sutz-text-xl);
    font-weight: var(--sutz-font-weight-semibold);
}

.summary-stat__value--negative[b-yepa0jv9k8] {
    color: var(--sutz-color-danger);
}

.section-head[b-yepa0jv9k8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sutz-space-12);
    margin-bottom: var(--sutz-space-12);
}

.section-head h2[b-yepa0jv9k8] {
    margin: 0;
    font-size: var(--sutz-text-lg);
}

.empty[b-yepa0jv9k8] {
    max-width: 52ch;
}

.expenses[b-yepa0jv9k8] {
    display: grid;
    gap: var(--sutz-space-8);
    margin: 0;
    padding: 0;
    list-style: none;
}

.expense[b-yepa0jv9k8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--sutz-space-12);
}

.expense__head[b-yepa0jv9k8] {
    display: flex;
    align-items: baseline;
    gap: var(--sutz-space-12);
}

.expense__amount[b-yepa0jv9k8] {
    font-weight: var(--sutz-font-weight-semibold);
}

.expense__meta[b-yepa0jv9k8] {
    margin: var(--sutz-space-4) 0 0;
}

.expense__actions[b-yepa0jv9k8] {
    display: flex;
    align-items: center;
    gap: var(--sutz-space-12);
    font-size: var(--sutz-text-sm);
}

.link-btn[b-yepa0jv9k8] {
    border: none;
    background: none;
    padding: 0;
    color: var(--sutz-color-primary-dark);
    font-size: var(--sutz-text-sm);
    cursor: pointer;
    text-decoration: underline;
}

.link-btn--danger[b-yepa0jv9k8] {
    color: var(--sutz-color-danger);
}

.field[b-yepa0jv9k8] {
    margin: var(--sutz-space-12) 0;
}

.info-grid[b-yepa0jv9k8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: var(--sutz-space-12);
}

.info-grid .field[b-yepa0jv9k8] {
    margin: 0 0 var(--sutz-space-8);
}

.field__label[b-yepa0jv9k8] {
    display: block;
    margin-bottom: var(--sutz-space-4);
    font-weight: var(--sutz-font-weight-semibold);
    font-size: var(--sutz-text-sm);
}

.checkbox-field[b-yepa0jv9k8] {
    display: flex;
    align-items: center;
    gap: var(--sutz-space-8);
    margin: var(--sutz-space-12) 0;
    font-size: var(--sutz-text-sm);
}

.checkbox-field input[b-yepa0jv9k8] {
    width: auto;
}
/* /Components/Pages/Home.razor.rz.scp.css */
.muted[b-4k9nkw15lt] {
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-sm);
}

/* ---------------- Head ---------------- */

.dash-head[b-4k9nkw15lt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--sutz-space-12);
}

.dash-head__logo[b-4k9nkw15lt] {
    width: 56px;
    height: 56px;
    flex: none;
    border-radius: var(--sutz-radius-md);
    border: 1px solid var(--sutz-color-border);
    object-fit: cover;
    background: var(--sutz-color-surface);
}

.dash-head__copy[b-4k9nkw15lt] {
    min-width: 0;
    flex: 1 1 240px;
}

.dash-head__badges[b-4k9nkw15lt] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sutz-space-8);
}

.section-title[b-4k9nkw15lt] {
    margin: var(--sutz-space-32) 0 var(--sutz-space-12);
    font-size: var(--sutz-text-lg);
}

/* ---------------- Billing alert ---------------- */

.billing-alert[b-4k9nkw15lt] {
    display: flex;
    align-items: flex-start;
    gap: var(--sutz-space-12);
    margin-bottom: var(--sutz-space-16);
    padding: var(--sutz-space-16);
    border: 1px solid var(--sutz-color-warning);
    border-radius: var(--sutz-radius-lg);
    background: var(--sutz-color-warning-light);
    color: inherit;
    text-decoration: none;
    transition: box-shadow var(--sutz-transition-fast), transform var(--sutz-transition-fast);
}

.billing-alert:hover[b-4k9nkw15lt] {
    box-shadow: var(--sutz-shadow-md);
    transform: translateY(-1px);
}

.billing-alert:focus-visible[b-4k9nkw15lt] {
    outline: 2px solid var(--sutz-color-primary);
    outline-offset: 2px;
}

.billing-alert__icon[b-4k9nkw15lt] {
    font-size: 1.25rem;
    line-height: 1;
}

.billing-alert__title[b-4k9nkw15lt] {
    margin: 0;
    font-weight: var(--sutz-font-weight-semibold);
}

.billing-alert__sub[b-4k9nkw15lt] {
    margin: var(--sutz-space-4) 0 0;
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-sm);
}

@media (prefers-reduced-motion: reduce) {
    .billing-alert:hover[b-4k9nkw15lt] {
        transform: none;
    }
}

/* ---------------- Figures ---------------- */

.tile__label[b-4k9nkw15lt] {
    margin: 0;
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-xs);
    font-weight: var(--sutz-font-weight-semibold);
    letter-spacing: 0.02em;
}

.tile__value[b-4k9nkw15lt] {
    margin: var(--sutz-space-4) 0 0;
    font-size: var(--sutz-text-2xl);
    font-weight: var(--sutz-font-weight-semibold);
    letter-spacing: var(--sutz-tracking-tight);
    line-height: 1.1;
}

.tile__sub[b-4k9nkw15lt] {
    margin: var(--sutz-space-4) 0 0;
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-xs);
}

.money[b-4k9nkw15lt] {
    display: grid;
    gap: var(--sutz-space-16);
    align-items: start;
}

.today[b-4k9nkw15lt] {
    display: grid;
    align-content: center;
    gap: var(--sutz-space-4);
    padding: var(--sutz-space-24);
    border-color: var(--sutz-color-primary);
    background:
        radial-gradient(360px 180px at 100% 0%, var(--sutz-color-primary-light), transparent 70%),
        var(--sutz-color-surface);
}

/* The one hero figure on the page. Proportional digits: tabular-nums looks loose this big. */
.today__value[b-4k9nkw15lt] {
    margin: var(--sutz-space-4) 0 0;
    font-size: clamp(2.5rem, 9vw, 3.25rem);
    font-weight: var(--sutz-font-weight-bold);
    letter-spacing: var(--sutz-tracking-tight);
    line-height: 1.05;
}

.tiles[b-4k9nkw15lt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: var(--sutz-space-12);
}

.tiles .sutz-card[b-4k9nkw15lt] {
    margin:0;
}

/* ---------------- Needs attention ---------------- */

.attention[b-4k9nkw15lt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: var(--sutz-space-12);
}

.attention .sutz-card[b-4k9nkw15lt] {
    margin: 0;
}

.note[b-4k9nkw15lt] {
    border-inline-start: 4px solid var(--sutz-color-border-strong);
}

.note--warn[b-4k9nkw15lt] { border-inline-start-color: var(--sutz-color-warning); }
.note--live[b-4k9nkw15lt] { border-inline-start-color: var(--sutz-color-info); }
.note--urgent[b-4k9nkw15lt] { border-inline-start-color: var(--sutz-color-primary); }

.note--link[b-4k9nkw15lt] {
    display: block;
    color: inherit;
    text-decoration: none;
    transition: box-shadow var(--sutz-transition-fast), transform var(--sutz-transition-fast);
}

.note--link:hover[b-4k9nkw15lt] {
    box-shadow: var(--sutz-shadow-md);
    transform: translateY(-1px);
}

.note--link:focus-visible[b-4k9nkw15lt] {
    outline: 2px solid var(--sutz-color-primary);
    outline-offset: 2px;
}

/* ---------------- Panels ---------------- */

.panels[b-4k9nkw15lt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: var(--sutz-space-16);
    margin-top: var(--sutz-space-32);
    align-items: start;
}

.panels h2[b-4k9nkw15lt] {
    margin-bottom: var(--sutz-space-4);
    font-size: var(--sutz-text-lg);
}

.panels .muted[b-4k9nkw15lt] {
    margin-bottom: var(--sutz-space-16);
}

/* ---------------- The chart ----------------
   `::deep` puts the scope on .chart-wrap, so the rules reach the SVG children regardless of
   how the compiler treats elements inside <svg>. */

.chart-wrap[b-4k9nkw15lt] {
    /* Sized to include the x-axis band, so the labels never cause a nested scrollbar. */
    width: 100%;
    max-width: 560px;
}

.chart-wrap[b-4k9nkw15lt]  .chart {
    display: block;
    width: 100%;
    height: auto;
    overflow: visible;
}

.chart-wrap[b-4k9nkw15lt]  .chart__bar {
    fill: var(--sutz-color-primary);
}

/* A day with no sales: a flat stub on the baseline, not a gap. */
.chart-wrap[b-4k9nkw15lt]  .chart__empty {
    fill: var(--sutz-color-border-strong);
}

.chart-wrap[b-4k9nkw15lt]  .chart__axis {
    stroke: var(--sutz-color-border-strong);
    stroke-width: 1;
}

.chart-wrap[b-4k9nkw15lt]  .chart__rule {
    stroke: var(--sutz-color-border);
    stroke-width: 1;
}

.chart-wrap[b-4k9nkw15lt]  .chart__hit {
    fill: transparent;
}

.chart-wrap[b-4k9nkw15lt]  .chart__tick,
.chart-wrap[b-4k9nkw15lt]  .chart__day {
    fill: var(--sutz-color-text-muted);
    font-size: 9px;
    font-variant-numeric: tabular-nums;
}

.chart-wrap[b-4k9nkw15lt]  .chart__peak {
    fill: var(--sutz-color-text);
    font-size: 9px;
    font-weight: 600;
}

.numbers[b-4k9nkw15lt] {
    margin-top: var(--sutz-space-16);
    font-size: var(--sutz-text-sm);
}

.numbers summary[b-4k9nkw15lt] {
    cursor: pointer;
    color: var(--sutz-color-primary-dark);
    font-weight: var(--sutz-font-weight-medium);
}

.numbers__table[b-4k9nkw15lt] {
    width: 100%;
    margin-top: var(--sutz-space-12);
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
}

.numbers__table th[b-4k9nkw15lt],
.numbers__table td[b-4k9nkw15lt] {
    padding: 6px 4px;
    text-align: end;
    border-bottom: 1px solid var(--sutz-color-border);
}

.numbers__table th:first-child[b-4k9nkw15lt],
.numbers__table td:first-child[b-4k9nkw15lt] {
    text-align: start;
}

.numbers__table th[b-4k9nkw15lt] {
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-xs);
    font-weight: var(--sutz-font-weight-semibold);
}

/* ---------------- Top dishes ---------------- */

.dishes[b-4k9nkw15lt] {
    display: grid;
    gap: var(--sutz-space-8);
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: dish;
}

.dish[b-4k9nkw15lt] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0 var(--sutz-space-12);
    padding-bottom: var(--sutz-space-8);
    border-bottom: 1px dashed var(--sutz-color-border);
    font-size: var(--sutz-text-sm);
}

.dish:last-child[b-4k9nkw15lt] {
    border-bottom: none;
    padding-bottom: 0;
}

.dish__name[b-4k9nkw15lt] {
    font-weight: var(--sutz-font-weight-medium);
    overflow-wrap: anywhere;
}

.dish__total[b-4k9nkw15lt] {
    font-weight: var(--sutz-font-weight-semibold);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.dish__units[b-4k9nkw15lt] {
    grid-column: 1 / -1;
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-xs);
}

/* ---------------- Closing ---------------- */

.closing-card[b-4k9nkw15lt] {
    display: grid;
    gap: var(--sutz-space-16);
    max-width: 560px;
}

.closing-summary[b-4k9nkw15lt] {
    display: flex;
    gap: var(--sutz-space-32);
}

.closing-lines[b-4k9nkw15lt] {
    display: grid;
    gap: var(--sutz-space-8);
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: var(--sutz-text-sm);
}

.closing-lines li[b-4k9nkw15lt] {
    display: flex;
    align-items: baseline;
    gap: var(--sutz-space-8);
    padding-bottom: var(--sutz-space-8);
    border-bottom: 1px dashed var(--sutz-color-border);
}

.closing-lines li:last-child[b-4k9nkw15lt] {
    border-bottom: none;
    padding-bottom: 0;
}

.closing-lines__count[b-4k9nkw15lt] {
    margin-inline-start: auto;
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-xs);
}

.closing-lines__amount[b-4k9nkw15lt] {
    font-weight: var(--sutz-font-weight-semibold);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
    .note--link:hover[b-4k9nkw15lt] {
        transform: none;
    }
}

@media (min-width: 760px) {
    .money[b-4k9nkw15lt] {
        grid-template-columns: minmax(240px, 1fr) minmax(0, 1.6fr);
    }
}

@media (min-width: 1000px) {
    .panels[b-4k9nkw15lt] {
        grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
    }

    .chart-card[b-4k9nkw15lt] {
        grid-row: span 2;
    }
}

[b-4k9nkw15lt] .qr svg {
    max-width: 200px;
}
/* /Components/Pages/Menu.razor.rz.scp.css */
.muted[b-il2x38fi10] {
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-sm);
}

/* Same as .sutz-container but with no max-width — this page benefits from the extra room on a
   wide screen (more menu cards per row) instead of being capped at 1120px. */
.page--wide[b-il2x38fi10] {
    width: 100%;
    margin-inline: auto;
    padding-inline: var(--sutz-space-16);
}

.page__head--row[b-il2x38fi10] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--sutz-space-16);
}

/* ---------------- Empty state ---------------- */

.empty[b-il2x38fi10] {
    display: grid;
    justify-items: start;
    gap: var(--sutz-space-8);
    padding: var(--sutz-space-32);
}

.empty__mark[b-il2x38fi10] {
    font-size: 2rem;
}

.empty h2[b-il2x38fi10] {
    margin: 0;
    font-size: var(--sutz-text-xl);
}

.empty p[b-il2x38fi10] {
    margin: 0 0 var(--sutz-space-8);
    max-width: 56ch;
}

/* ---------------- Product groups ---------------- */

.kind[b-il2x38fi10] {
    margin-bottom: var(--sutz-space-32);
}

.kind__head[b-il2x38fi10] {
    display: flex;
    align-items: center;
    gap: var(--sutz-space-8);
}

.kind__head h2[b-il2x38fi10] {
    margin: 0;
    font-size: var(--sutz-text-xl);
}

.kind__hint[b-il2x38fi10] {
    margin: var(--sutz-space-4) 0 var(--sutz-space-12);
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-sm);
}

.kind__none[b-il2x38fi10] {
    margin: 0;
}

.products[b-il2x38fi10] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: var(--sutz-space-12);
    align-items: start;
}

.product[b-il2x38fi10] {
    display: flex;
    flex-direction: column;
    gap: var(--sutz-space-12);
    height: 100%;
    margin: 0 !important;
}

.product__main[b-il2x38fi10] {
    display: grid;
    gap: var(--sutz-space-4);
}

.product__head[b-il2x38fi10] {
    display: flex;
    align-items: center;
    gap: var(--sutz-space-12);
    margin-bottom: var(--sutz-space-4);
}

.product__head-text[b-il2x38fi10] {
    min-width: 0;
}

/* Photo renders its own <img>/placeholder <div>, outside this component's CSS scope. */
[b-il2x38fi10] .product__thumb {
    flex: 0 0 auto;
    width: 52px;
    height: 52px;
    border-radius: var(--sutz-radius-md);
    object-fit: cover;
    background: var(--sutz-color-surface-alt);
}

[b-il2x38fi10] .product__thumb.sutz-photo--empty {
    display: grid;
    place-items: center;
    font-size: 1.4rem;
}

.product__name[b-il2x38fi10] {
    margin: 0;
    font-size: var(--sutz-text-lg);
}

.product__meta[b-il2x38fi10],
.product__desc[b-il2x38fi10] {
    margin: 0;
}

.product__desc[b-il2x38fi10] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product__tags[b-il2x38fi10] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--sutz-space-8);
    margin-top: var(--sutz-space-8);
}

.product__price[b-il2x38fi10] {
    font-weight: var(--sutz-font-weight-bold);
    font-size: var(--sutz-text-lg);
}

.product__actions[b-il2x38fi10] {
    display: flex;
    gap: var(--sutz-space-8);
    margin-top: auto;
    padding-top: var(--sutz-space-4);
}

.product__actions .sutz-btn[b-il2x38fi10] {
    flex: 1;
    justify-content: center;
}

/* Deleting is rare and destructive: quiet until you reach for it. */
.product__delete[b-il2x38fi10] {
    flex: 0 1 auto;
    color: var(--sutz-color-text-muted);
}

.product__delete:hover[b-il2x38fi10] {
    background: var(--sutz-color-danger-light);
    color: var(--sutz-color-danger);
}

/* Always lists every product category this seller already has, regardless of what's typed — the
   active one (matching the field's current text) is highlighted; typing something that matches
   none of them just creates a new one. Same pattern as the salón picker on Tables.razor. */
.room-chips[b-il2x38fi10] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sutz-space-8);
    margin-top: var(--sutz-space-8);
}

.room-chip[b-il2x38fi10] {
    padding: 6px 14px;
    border: 1px solid var(--sutz-color-border-strong);
    border-radius: var(--sutz-radius-pill);
    background: var(--sutz-color-surface);
    color: var(--sutz-color-text);
    font-size: var(--sutz-text-sm);
    cursor: pointer;
}

.room-chip:hover[b-il2x38fi10] {
    border-color: var(--sutz-color-primary);
}

.room-chip--active[b-il2x38fi10] {
    background: var(--sutz-color-primary);
    border-color: var(--sutz-color-primary);
    color: var(--sutz-color-primary-contrast, #fff);
    font-weight: var(--sutz-font-weight-semibold);
}

/* ---------------- Editor: kind picker ---------------- */

.seg[b-il2x38fi10] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: var(--sutz-space-8);
}

.seg__item[b-il2x38fi10] {
    display: grid;
    gap: 2px;
    padding: 10px 12px;
    border: 1px solid var(--sutz-color-border-strong);
    border-radius: var(--sutz-radius-sm);
    background: var(--sutz-color-surface);
    color: var(--sutz-color-text);
    font: inherit;
    text-align: start;
    cursor: pointer;
    transition: border-color var(--sutz-transition-fast), background var(--sutz-transition-fast);
}

.seg__item strong[b-il2x38fi10] {
    font-size: var(--sutz-text-sm);
}

.seg__item span[b-il2x38fi10] {
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-xs);
}

.seg__item:hover[b-il2x38fi10] {
    border-color: var(--sutz-color-primary);
}

.seg__item--on[b-il2x38fi10] {
    border-color: var(--sutz-color-primary);
    background: var(--sutz-color-primary-light);
}

.seg__item--on span[b-il2x38fi10] {
    color: var(--sutz-color-primary-darker);
}

/* ---------------- Editor: option groups ---------------- */

.rule[b-il2x38fi10] {
    margin: var(--sutz-space-24) 0 var(--sutz-space-16);
    border: none;
    border-top: 1px solid var(--sutz-color-border);
}

.groups__head[b-il2x38fi10] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--sutz-space-16);
    margin-bottom: var(--sutz-space-12);
}

.groups__head h3[b-il2x38fi10] {
    margin: 0;
    font-size: var(--sutz-text-lg);
}

.groups__none[b-il2x38fi10] {
    margin: 0 0 var(--sutz-space-12);
}

.link-btn[b-il2x38fi10] {
    padding: 4px 0;
    border: none;
    background: none;
    color: var(--sutz-color-primary-dark);
    font: inherit;
    font-size: var(--sutz-text-sm);
    font-weight: var(--sutz-font-weight-medium);
    white-space: nowrap;
    cursor: pointer;
}

.link-btn:hover[b-il2x38fi10] {
    text-decoration: underline;
}

.group[b-il2x38fi10] {
    padding: var(--sutz-space-12);
    margin-bottom: var(--sutz-space-12);
    border: 1px solid var(--sutz-color-border);
    border-radius: var(--sutz-radius-md);
    background: var(--sutz-color-surface-alt);
}

.group__top[b-il2x38fi10] {
    display: flex;
    align-items: center;
    gap: var(--sutz-space-8);
}

.group__name[b-il2x38fi10] {
    font-weight: var(--sutz-font-weight-semibold);
}

.group__rules[b-il2x38fi10] {
    display: grid;
    grid-template-columns: 1fr 80px 80px;
    gap: var(--sutz-space-8);
    margin-top: var(--sutz-space-8);
}

.mini[b-il2x38fi10] {
    display: grid;
    gap: 2px;
}

.mini__label[b-il2x38fi10] {
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-xs);
}

.options[b-il2x38fi10] {
    display: grid;
    gap: var(--sutz-space-8);
    margin: var(--sutz-space-12) 0 var(--sutz-space-8);
}

.option[b-il2x38fi10] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 110px auto 32px;
    align-items: center;
    gap: var(--sutz-space-8);
}

.option__price[b-il2x38fi10] {
    position: relative;
}

.option__q[b-il2x38fi10] {
    position: absolute;
    inset-inline-start: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-sm);
    pointer-events: none;
}

.option__price input[b-il2x38fi10] {
    padding-inline-start: 24px;
}

.option__default[b-il2x38fi10] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-xs);
    white-space: nowrap;
    cursor: pointer;
}

.option__default input[b-il2x38fi10] {
    width: 16px;
    height: 16px;
    accent-color: var(--sutz-color-primary);
}

.row-x[b-il2x38fi10] {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    flex: none;
    border: 1px solid transparent;
    border-radius: var(--sutz-radius-sm);
    background: none;
    color: var(--sutz-color-text-muted);
    font-size: 1.125rem;
    line-height: 1;
    cursor: pointer;
    transition: color var(--sutz-transition-fast), background var(--sutz-transition-fast);
}

.row-x:hover[b-il2x38fi10] {
    background: var(--sutz-color-danger-light);
    color: var(--sutz-color-danger);
}

@media (max-width: 560px) {
    .option[b-il2x38fi10] {
        grid-template-columns: minmax(0, 1fr) 32px;
        grid-template-areas:
            "name x"
            "price price"
            "default default";
    }

    .option__name[b-il2x38fi10] { grid-area: name; }
    .option__price[b-il2x38fi10] { grid-area: price; }
    .option__default[b-il2x38fi10] { grid-area: default; }
    .option .row-x[b-il2x38fi10] { grid-area: x; }
}
/* /Components/Pages/Plan.razor.rz.scp.css */
.muted[b-2kkerznmh3] {
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-sm);
}

/* ---------------- Empty state ---------------- */

.empty[b-2kkerznmh3] {
    display: grid;
    justify-items: start;
    gap: var(--sutz-space-8);
    padding: var(--sutz-space-32);
}

.empty__mark[b-2kkerznmh3] {
    font-size: 2rem;
}

.empty h2[b-2kkerznmh3] {
    margin: 0;
    font-size: var(--sutz-text-xl);
}

.empty p[b-2kkerznmh3] {
    margin: 0 0 var(--sutz-space-8);
    max-width: 56ch;
}

/* ---------------- Layout: week + floating calendar ---------------- */

.plan-layout[b-2kkerznmh3] {
    display: grid;
    grid-template-columns: 1fr 280px;
    gap: var(--sutz-space-24);
    align-items: start;
}

.plan-sidebar[b-2kkerznmh3] {
    position: sticky;
    top: var(--sutz-space-16);
}

@media (max-width: 860px) {
    .plan-layout[b-2kkerznmh3] {
        grid-template-columns: 1fr;
    }

    .plan-sidebar[b-2kkerznmh3] {
        position: static;
        order: -1;
    }
}

.week-nav[b-2kkerznmh3] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--sutz-space-16);
    margin-bottom: var(--sutz-space-16);
}

.week-nav__label[b-2kkerznmh3] {
    min-width: 22ch;
    text-align: center;
    text-transform: capitalize;
}

/* ---------------- Days ---------------- */

.days[b-2kkerznmh3] {
    display: grid;
    gap: var(--sutz-space-12);
}

.day[b-2kkerznmh3] {
    display: grid;
    gap: var(--sutz-space-12);
}

.day--selected[b-2kkerznmh3] {
    border-color: var(--sutz-color-primary);
    box-shadow: var(--sutz-shadow-md);
}

.day__head[b-2kkerznmh3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--sutz-space-12);
}

.day__title[b-2kkerznmh3] {
    margin: 0;
    font-size: var(--sutz-text-lg);
}

.day__date[b-2kkerznmh3] {
    margin: 2px 0 0;
    font-size: var(--sutz-text-xs);
}

.day__none[b-2kkerznmh3] {
    margin: 0;
}

.items[b-2kkerznmh3] {
    display: grid;
    gap: var(--sutz-space-8);
    margin: 0;
    padding: 0;
    list-style: none;
}

.item[b-2kkerznmh3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--sutz-space-12);
    padding: var(--sutz-space-12);
    border: 1px solid var(--sutz-color-border);
    border-radius: var(--sutz-radius-md);
    background: var(--sutz-color-surface-alt);
    transition: opacity var(--sutz-transition-fast);
}

.item--off[b-2kkerznmh3] {
    opacity: 0.6;
}

.item__name[b-2kkerznmh3] {
    flex: 1 1 40%;
    min-width: 0;
    font-weight: var(--sutz-font-weight-medium);
}

.item__limit[b-2kkerznmh3] {
    display: inline-flex;
    align-items: center;
    gap: var(--sutz-space-8);
}

.item__limit-label[b-2kkerznmh3] {
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-xs);
}

.item__limit input[b-2kkerznmh3] {
    width: 84px;
}

.item__time[b-2kkerznmh3] {
    display: inline-flex;
    align-items: center;
    gap: var(--sutz-space-8);
}

.item__reserved[b-2kkerznmh3] {
    margin-inline-start: var(--sutz-space-8);
    font-weight: var(--sutz-font-weight-medium);
}

.item__demand[b-2kkerznmh3] {
    flex-basis: 100%;
    color: var(--sutz-color-warning);
}

.add[b-2kkerznmh3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--sutz-space-12);
}

.add > :first-child[b-2kkerznmh3] {
    flex: 1 1 220px;
    min-width: 0;
}

.link-btn[b-2kkerznmh3] {
    padding: 4px 0;
    border: none;
    background: none;
    color: var(--sutz-color-primary-dark);
    font: inherit;
    font-size: var(--sutz-text-sm);
    font-weight: var(--sutz-font-weight-medium);
    text-align: start;
    white-space: nowrap;
    cursor: pointer;
}

.link-btn:hover[b-2kkerznmh3] {
    text-decoration: underline;
}

.field__hint[b-2kkerznmh3] {
    margin: 0;
}

@media (max-width: 520px) {
    .item__name[b-2kkerznmh3] {
        flex-basis: 100%;
    }
}
/* /Components/Pages/PlanDay/MiniCalendar.razor.rz.scp.css */
.mini-calendar[b-g5uyym54yq] {
    padding: var(--sutz-space-16);
    border: 1px solid var(--sutz-color-border);
    border-radius: var(--sutz-radius-lg);
    background: var(--sutz-color-surface);
}

.mini-calendar__head[b-g5uyym54yq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--sutz-space-12);
}

.mini-calendar__title[b-g5uyym54yq] {
    font-size: var(--sutz-text-sm);
    text-transform: capitalize;
}

.mini-calendar__nav[b-g5uyym54yq] {
    width: 28px;
    height: 28px;
    border: 1px solid var(--sutz-color-border-strong);
    border-radius: var(--sutz-radius-sm);
    background: var(--sutz-color-surface);
    cursor: pointer;
    line-height: 1;
}

.mini-calendar__nav:hover[b-g5uyym54yq] {
    border-color: var(--sutz-color-primary);
}

.mini-calendar__weekdays[b-g5uyym54yq] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    margin-bottom: var(--sutz-space-4);
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-xs);
    text-align: center;
}

.mini-calendar__grid[b-g5uyym54yq] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
}

.mini-calendar__day[b-g5uyym54yq] {
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    border: none;
    border-radius: var(--sutz-radius-sm);
    background: none;
    color: var(--sutz-color-text);
    font-size: var(--sutz-text-sm);
    cursor: pointer;
}

.mini-calendar__day:hover:not(:disabled)[b-g5uyym54yq] {
    background: var(--sutz-color-surface-alt);
}

.mini-calendar__day:disabled[b-g5uyym54yq] {
    color: var(--sutz-color-text-muted);
    opacity: 0.4;
    cursor: not-allowed;
}

.mini-calendar__day--muted[b-g5uyym54yq] {
    color: var(--sutz-color-text-muted);
}

.mini-calendar__day--in-week[b-g5uyym54yq] {
    background: var(--sutz-color-primary-light);
    border-radius: 0;
}

.mini-calendar__day--in-week:first-child[b-g5uyym54yq],
.mini-calendar__grid > .mini-calendar__day--in-week:nth-child(7n+1)[b-g5uyym54yq] {
    border-start-start-radius: var(--sutz-radius-sm);
    border-end-start-radius: var(--sutz-radius-sm);
}

.mini-calendar__day--in-week:nth-child(7n)[b-g5uyym54yq] {
    border-start-end-radius: var(--sutz-radius-sm);
    border-end-end-radius: var(--sutz-radius-sm);
}

.mini-calendar__day--today[b-g5uyym54yq] {
    font-weight: var(--sutz-font-weight-semibold);
}

.mini-calendar__day--selected[b-g5uyym54yq] {
    background: var(--sutz-color-primary);
    color: var(--sutz-color-primary-contrast, #fff);
}

.mini-calendar__today[b-g5uyym54yq] {
    display: block;
    margin: var(--sutz-space-12) auto 0;
    border: none;
    background: none;
    color: var(--sutz-color-primary-dark);
    font-size: var(--sutz-text-sm);
    cursor: pointer;
    text-decoration: underline;
}
/* /Components/Pages/QRCode.razor.rz.scp.css */
/* ---------------- Share ---------------- */

.share[b-wl6zau6jdf] {
}

.qr[b-wl6zau6jdf] {
    width: 100%;
    padding: var(--sutz-space-12);
    border: 1px solid var(--sutz-color-border);
    border-radius: var(--sutz-radius-md);
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .qr[b-wl6zau6jdf]  svg {
        display: block;
        width: 100%;
        height: auto;
    }

.share__name[b-wl6zau6jdf] {
    margin: var(--sutz-space-12) 0 var(--sutz-space-4);
    font-weight: var(--sutz-font-weight-semibold);
    text-align:center;
}

.share__url[b-wl6zau6jdf] {
    display: block;
    width: 100%;
    padding: 8px 10px;
    border-radius: var(--sutz-radius-sm);
    background: var(--sutz-color-surface-alt);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: var(--sutz-text-xs);
    overflow-wrap: anywhere;
    user-select: all;
    text-align:center;
}

.share__actions[b-wl6zau6jdf] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sutz-space-8);
    margin-top: var(--sutz-space-12);
    justify-content: center;
}
/* /Components/Pages/Queue.razor.rz.scp.css */
.muted[b-qeq8vx63tc] {
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-sm);
}

/* Same as .sutz-container but with no max-width — a busy kitchen/register on a wide monitor gets
   more order cards per row instead of being capped at 1120px. */
.page--wide[b-qeq8vx63tc] {
    width: 100%;
    margin-inline: auto;
    padding-inline: var(--sutz-space-16);
}

/* One color per OrderStatus, shared by the filter chips, the solid list badge and the
   detail modal's timeline dots — see Components/Queue/QueueStatusStyle.cs for the mapping. */
.status-placed[b-qeq8vx63tc] { --status-color: var(--sutz-color-warning); }
.status-confirmed[b-qeq8vx63tc] { --status-color: var(--sutz-color-info); }
.status-preparing[b-qeq8vx63tc] { --status-color: var(--sutz-color-primary); }
.status-ready[b-qeq8vx63tc] { --status-color: #7C3AED; }
.status-completed[b-qeq8vx63tc] { --status-color: var(--sutz-color-success); }
.status-cancelled[b-qeq8vx63tc] { --status-color: var(--sutz-color-danger); }

.page__head[b-qeq8vx63tc] {
    margin-bottom: var(--sutz-space-8);
}

/* The combined "Cocina" view's app-vs-mesa origin tag. */
.source-chip[b-qeq8vx63tc] {
    display: inline-flex;
    align-items: center;
    padding: 1px 8px;
    border-radius: var(--sutz-radius-pill);
    background: var(--sutz-color-surface-alt);
    font-size: var(--sutz-text-xs);
    font-weight: var(--sutz-font-weight-medium);
}

.page__contact[b-qeq8vx63tc] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sutz-space-16);
    margin: var(--sutz-space-4) 0 var(--sutz-space-16);
    font-size: var(--sutz-text-sm);
    color: var(--sutz-color-text-muted);
}

.page__contact a[b-qeq8vx63tc] {
    color: inherit;
    text-decoration: none;
}

.page__contact a:hover[b-qeq8vx63tc] {
    color: var(--sutz-color-primary);
    text-decoration: underline;
}

.view-toggle[b-qeq8vx63tc] {
    display: inline-flex;
    gap: 4px;
    padding: 4px;
    margin-bottom: var(--sutz-space-16);
    border-radius: var(--sutz-radius-pill);
    background: var(--sutz-color-surface-alt);
}

.view-toggle__btn[b-qeq8vx63tc] {
    padding: 8px 18px;
    border: none;
    border-radius: var(--sutz-radius-pill);
    background: none;
    color: var(--sutz-color-text-muted);
    font: inherit;
    font-weight: var(--sutz-font-weight-medium);
    cursor: pointer;
}

.view-toggle__btn:hover[b-qeq8vx63tc] {
    color: var(--sutz-color-text);
}

.view-toggle__btn--active[b-qeq8vx63tc] {
    background: var(--sutz-color-surface);
    color: var(--sutz-color-primary-dark);
    box-shadow: var(--sutz-shadow-sm, 0 1px 3px rgba(0, 0, 0, .08));
}

.cashier-head[b-qeq8vx63tc] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--sutz-space-12);
    margin-bottom: var(--sutz-space-16);
}

.view-toggle--small[b-qeq8vx63tc] {
    margin-bottom: 0;
}

.view-toggle--small .view-toggle__btn[b-qeq8vx63tc] {
    padding: 6px 14px;
    font-size: var(--sutz-text-sm);
}

.table-grid-wrap[b-qeq8vx63tc] {
    overflow-x: auto;
    margin-bottom: var(--sutz-space-16);
}

.table-grid[b-qeq8vx63tc] {
    border-collapse: separate;
    border-spacing: var(--sutz-space-8);
}

.table-grid th[b-qeq8vx63tc] {
    font-size: var(--sutz-text-xs);
    font-weight: var(--sutz-font-weight-semibold);
    color: var(--sutz-color-text-muted);
    text-align: center;
    white-space: nowrap;
    padding: 4px;
}

.table-grid__corner[b-qeq8vx63tc] {
    min-width: 90px;
    text-align: left !important;
}

.table-grid__room[b-qeq8vx63tc] {
    text-align: left !important;
    padding-right: var(--sutz-space-12) !important;
    white-space: nowrap;
}

.table-grid__cell[b-qeq8vx63tc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    min-width: 84px;
    min-height: 56px;
    padding: 6px 8px;
    border-radius: var(--sutz-radius-md);
    font-size: var(--sutz-text-xs);
    text-align: center;
}

button.table-grid__cell[b-qeq8vx63tc] {
    border: none;
    cursor: pointer;
    color: #fff;
    background: var(--status-color, var(--sutz-color-text-muted));
}

button.table-grid__cell:hover[b-qeq8vx63tc] {
    filter: brightness(1.08);
}

.table-grid__cell--free[b-qeq8vx63tc] {
    border: 1px dashed var(--sutz-color-border-strong);
    background: var(--sutz-color-surface);
    color: var(--sutz-color-text-muted);
}

.table-grid__cell--off[b-qeq8vx63tc] {
    opacity: 0.5;
}

.table-grid__label[b-qeq8vx63tc] {
    font-weight: var(--sutz-font-weight-semibold);
}

.table-grid__status[b-qeq8vx63tc] {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    opacity: 0.9;
}

.manual-order[b-qeq8vx63tc] {
    cursor: pointer;
}

.manual-order:hover[b-qeq8vx63tc] {
    border-color: var(--sutz-color-primary);
}

.link-btn[b-qeq8vx63tc] {
    border: none;
    background: none;
    padding: 0;
    color: var(--sutz-color-primary-dark);
    font-size: var(--sutz-text-sm);
    cursor: pointer;
    text-decoration: underline;
    margin-top: var(--sutz-space-8);
}

.manual-history[b-qeq8vx63tc] {
    display: grid;
    gap: var(--sutz-space-8);
    margin: var(--sutz-space-12) 0 0;
    padding: 0;
    list-style: none;
}

.manual-history__item[b-qeq8vx63tc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sutz-space-12);
    padding: var(--sutz-space-8) var(--sutz-space-12);
    margin: 0;
}

.filters[b-qeq8vx63tc] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sutz-space-8);
    margin-bottom: var(--sutz-space-16);
}

.chip[b-qeq8vx63tc] {
    padding: 7px 14px;
    border: 1px solid var(--sutz-color-border-strong);
    border-radius: var(--sutz-radius-pill);
    background: var(--sutz-color-surface);
    color: var(--sutz-color-text-muted);
    font: inherit;
    font-size: var(--sutz-text-sm);
    cursor: pointer;
    transition: all var(--sutz-transition-fast);
}

.chip:hover[b-qeq8vx63tc] {
    border-color: var(--sutz-color-primary);
    color: var(--sutz-color-text);
}

.chip--active[b-qeq8vx63tc] {
    background: var(--status-color, var(--sutz-color-primary));
    border-color: var(--status-color, var(--sutz-color-primary));
    color: var(--sutz-color-primary-contrast);
}

.badge-solid[b-qeq8vx63tc] {
    display: inline-flex;
    align-items: center;
    gap: var(--sutz-space-4);
    padding: var(--sutz-space-4) var(--sutz-space-12);
    border-radius: var(--sutz-radius-pill);
    font-size: var(--sutz-text-xs);
    font-weight: var(--sutz-font-weight-semibold);
    background: var(--status-color, var(--sutz-color-text-muted));
    color: #fff;
    white-space: nowrap;
}

.empty[b-qeq8vx63tc] {
    max-width: 52ch;
}

.empty p[b-qeq8vx63tc] {
    margin: 0 0 var(--sutz-space-8);
}

.queue[b-qeq8vx63tc] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: var(--sutz-space-16);
    align-items: start;
}

.queue .sutz-card[b-qeq8vx63tc] {
    margin:0;
}

.order--new[b-qeq8vx63tc] {
    border-color: var(--sutz-color-warning);
    box-shadow: var(--sutz-shadow-md);
}

.order__head[b-qeq8vx63tc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--sutz-space-12);
    margin-bottom: var(--sutz-space-12);
}

.order__number[b-qeq8vx63tc] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-weight: var(--sutz-font-weight-semibold);
    color: var(--sutz-color-primary-dark);
}

.order__meta[b-qeq8vx63tc] {
    margin: 4px 0 0;
}

.customer-link[b-qeq8vx63tc] {
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    font-weight: var(--sutz-font-weight-medium);
    color: var(--sutz-color-primary-dark);
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.customer-link:hover[b-qeq8vx63tc] {
    color: var(--sutz-color-primary-darker);
}

.returning-chip[b-qeq8vx63tc] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    margin-left: var(--sutz-space-8);
    padding: 1px 8px;
    border-radius: var(--sutz-radius-pill);
    background: var(--sutz-color-primary-light);
    color: var(--sutz-color-primary-dark);
    font-size: var(--sutz-text-xs);
    font-weight: var(--sutz-font-weight-medium);
}

.items[b-qeq8vx63tc] {
    display: grid;
    gap: var(--sutz-space-8);
    margin: 0 0 var(--sutz-space-12);
    padding: 0;
    list-style: none;
}

.items li[b-qeq8vx63tc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--sutz-space-12);
    font-size: var(--sutz-text-sm);
}

.items__name[b-qeq8vx63tc] {
    display: block;
    font-weight: var(--sutz-font-weight-medium);
}

.items__options[b-qeq8vx63tc] {
    display: block;
    margin-top: 2px;
    font-size: var(--sutz-text-xs);
    color: var(--sutz-color-text-muted);
}

.items__price[b-qeq8vx63tc] {
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

/* Per-item kitchen prep status — tap to cycle Pendiente → En preparación → Listo. Reuses the
   same --status-color custom-property pattern as the ticket-level status badges above. */
.prep-badge[b-qeq8vx63tc] {
    flex: none;
    border: 1px solid var(--status-color, var(--sutz-color-border-strong));
    border-radius: var(--sutz-radius-pill);
    background: none;
    padding: 2px 10px;
    color: var(--status-color, var(--sutz-color-text-muted));
    font-size: var(--sutz-text-xs);
    font-weight: var(--sutz-font-weight-medium);
    white-space: nowrap;
    cursor: pointer;
}

.prep-badge--pending[b-qeq8vx63tc] { --status-color: var(--sutz-color-warning); }
.prep-badge--preparing[b-qeq8vx63tc] { --status-color: var(--sutz-color-primary); }
.prep-badge--ready[b-qeq8vx63tc] { --status-color: var(--sutz-color-success); }

.order__notes[b-qeq8vx63tc],
.order__address[b-qeq8vx63tc] {
    margin: 0 0 var(--sutz-space-8);
    font-size: var(--sutz-text-sm);
}

.order__notes[b-qeq8vx63tc] {
    padding: var(--sutz-space-8);
    border-radius: var(--sutz-radius-sm);
    background: var(--sutz-color-warning-light);
    color: var(--sutz-color-text);
}

.order__footer[b-qeq8vx63tc] {
    display: grid;
    gap: var(--sutz-space-12);
    padding-top: var(--sutz-space-12);
    border-top: 1px dashed var(--sutz-color-border);
}

.order__total[b-qeq8vx63tc] {
    font-size: var(--sutz-text-sm);
    color: var(--sutz-color-text-muted);
}

.order__total strong[b-qeq8vx63tc] {
    color: var(--sutz-color-text);
    font-size: var(--sutz-text-lg);
}

.order__actions[b-qeq8vx63tc] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--sutz-space-8);
}

.payment-paid[b-qeq8vx63tc] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}

.payment-paid__ref[b-qeq8vx63tc] {
    font-size: var(--sutz-text-xs);
    color: var(--sutz-color-text-muted);
}
/* /Components/Pages/SellerPage.razor.rz.scp.css */
/* A seller's public page — same warm hero + soft cards as the landing page. */

/* ---------------- Not found / not available ---------------- */

.missing[b-qtoe6cmv4i] {
    display: grid;
    justify-items: center;
    gap: var(--sutz-space-12);
    padding: var(--sutz-space-48) var(--sutz-space-24);
    text-align: center;
}

.missing__icon[b-qtoe6cmv4i] {
    font-size: 2.5rem;
}

.missing h1[b-qtoe6cmv4i],
.missing h2[b-qtoe6cmv4i] {
    margin: 0;
    font-size: var(--sutz-text-2xl);
}

.missing p[b-qtoe6cmv4i] {
    max-width: 46ch;
    margin: 0;
    color: var(--sutz-color-text-muted);
}

/* ---------------- Hero ---------------- */

.shop-hero[b-qtoe6cmv4i] {
    padding-block: var(--sutz-space-32);
    background:
        radial-gradient(900px 320px at 85% -20%, var(--sutz-color-primary-light), transparent 70%),
        var(--sutz-color-surface);
    border-bottom: 1px solid var(--sutz-color-border);
}

/* A banner provides its own spacing above the content, so the section's own top padding — meant
   for when there's no banner — would just double up on top of it. */
.shop-hero--has-banner[b-qtoe6cmv4i] {
    padding-top: 0;
}

.shop-hero__banner-wrap[b-qtoe6cmv4i] {

}

/* Photo renders its own <img>, outside this component's CSS scope. */
[b-qtoe6cmv4i] .shop-hero__banner {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 1;
    border-radius: var(--sutz-radius-lg);
    object-fit: cover;
    margin-bottom: var(--sutz-space-24);
}

.shop-hero__inner[b-qtoe6cmv4i] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--sutz-space-16);
    align-items: start;
}

.shop-hero__avatar[b-qtoe6cmv4i] {
    display: grid;
    place-items: center;
    width: 60px;
    height: 60px;
    border-radius: var(--sutz-radius-lg);
    background: var(--sutz-color-primary-light);
    font-size: 1.9rem;
}

/* Photo renders its own <img>, outside this component's CSS scope. */
[b-qtoe6cmv4i] .shop-hero__logo {
    width: 60px;
    height: 60px;
    border-radius: var(--sutz-radius-lg);
    object-fit: cover;
    background: var(--sutz-color-primary-light);
}

.shop-hero__copy[b-qtoe6cmv4i] {
    min-width: 0;
}

.shop-map[b-qtoe6cmv4i] {
    margin-block-end: var(--sutz-space-24);
}

.shop-hero__eyebrow[b-qtoe6cmv4i] {
    display: inline-block;
    margin-bottom: var(--sutz-space-8);
    padding: 5px 12px;
    border-radius: var(--sutz-radius-pill);
    background: var(--sutz-color-primary-light);
    color: var(--sutz-color-primary-darker);
    font-size: var(--sutz-text-xs);
    font-weight: var(--sutz-font-weight-semibold);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.shop-hero__copy h1[b-qtoe6cmv4i] {
    margin: 0 0 var(--sutz-space-8);
    font-size: clamp(1.6rem, 5vw, 2.25rem);
    line-height: 1.12;
}

.shop-hero__address[b-qtoe6cmv4i] {
    display: flex;
    gap: var(--sutz-space-4);
    margin: 0 0 var(--sutz-space-12);
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-sm);
}

.shop-hero__contact[b-qtoe6cmv4i] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sutz-space-8);
    margin: 0 0 var(--sutz-space-12);
}

.contact-btn[b-qtoe6cmv4i] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border-radius: var(--sutz-radius-pill);
    border: 1px solid transparent;
    font-size: var(--sutz-text-sm);
    font-weight: var(--sutz-font-weight-semibold);
    text-decoration: none;
    transition: filter var(--sutz-transition-fast), transform var(--sutz-transition-fast);
}

.contact-btn:hover[b-qtoe6cmv4i] {
    filter: brightness(0.96);
}

.contact-btn:active[b-qtoe6cmv4i] {
    transform: scale(0.98);
}

.contact-btn__icon[b-qtoe6cmv4i] {
    width: 16px;
    height: 16px;
    flex: none;
}

.contact-btn--call[b-qtoe6cmv4i] {
    background: var(--sutz-color-surface-alt);
    border-color: var(--sutz-color-border);
    color: var(--sutz-color-text);
}

/* WhatsApp's own brand green — deliberately not a design-system token, so it stays recognizable
   as WhatsApp regardless of Sutz' Food's own palette. */
.contact-btn--whatsapp[b-qtoe6cmv4i] {
    background: #25d366;
    color: #fff;
}

/* FollowButton renders its own markup, outside this component's CSS scope. */
[b-qtoe6cmv4i] .follow-btn {
}

.shop-hero__badges[b-qtoe6cmv4i] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sutz-space-8);
}

/* Hours panel */

.shop-hero__hours[b-qtoe6cmv4i] {
    grid-column: 1 / -1;
    padding: var(--sutz-space-16);
    border: 1px solid var(--sutz-color-border);
    border-radius: var(--sutz-radius-lg);
    background: var(--sutz-color-surface-alt);
    box-shadow: var(--sutz-shadow-sm);
}

.shop-hero__hours-title[b-qtoe6cmv4i] {
    margin: 0;
    font-size: var(--sutz-text-xs);
    font-weight: var(--sutz-font-weight-semibold);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--sutz-color-text-muted);
}

.shop-hero__hours-today[b-qtoe6cmv4i] {
    margin: var(--sutz-space-4) 0 0;
    font-size: var(--sutz-text-lg);
    font-weight: var(--sutz-font-weight-semibold);
}

.shop-hero__week[b-qtoe6cmv4i] {
    margin-top: var(--sutz-space-12);
    font-size: var(--sutz-text-sm);
}

.shop-hero__week summary[b-qtoe6cmv4i] {
    cursor: pointer;
    color: var(--sutz-color-primary-dark);
    font-weight: var(--sutz-font-weight-medium);
}

.shop-hero__week ul[b-qtoe6cmv4i] {
    display: grid;
    gap: 6px;
    margin: var(--sutz-space-12) 0 0;
    padding: 0;
    list-style: none;
}

.shop-hero__week li[b-qtoe6cmv4i] {
    display: flex;
    justify-content: space-between;
    gap: var(--sutz-space-16);
    color: var(--sutz-color-text-muted);
}

.shop-hero__week strong[b-qtoe6cmv4i] {
    color: var(--sutz-color-text);
    font-weight: var(--sutz-font-weight-medium);
}

/* ---------------- Menu ---------------- */

.menu + .menu[b-qtoe6cmv4i] {
    margin-top: var(--sutz-space-48);
}

.menu__head[b-qtoe6cmv4i] {
    max-width: 60ch;
    margin-bottom: var(--sutz-space-16);
}

.menu__head h2[b-qtoe6cmv4i] {
    margin-bottom: var(--sutz-space-4);
    font-size: var(--sutz-text-2xl);
}

.menu__head p[b-qtoe6cmv4i] {
    margin: 0;
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-sm);
}

.menu__grid[b-qtoe6cmv4i] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
    gap: var(--sutz-space-16);
}

.menu__grid[b-qtoe6cmv4i]  .sutz-card {
    margin: 0 !important;
}

/* A category sub-group within one Hoy/Planificado/Bajo pedido section — only rendered at all when
   the seller actually uses product categories (see SellerPage.razor's GroupByCategory). */
.menu__category + .menu__category[b-qtoe6cmv4i] {
    margin-top: var(--sutz-space-24);
}

.menu__category-title[b-qtoe6cmv4i] {
    margin: 0 0 var(--sutz-space-12);
    font-size: var(--sutz-text-lg);
    color: var(--sutz-color-text-muted);
}

@media (min-width: 860px) {
    .shop-hero[b-qtoe6cmv4i] {
        padding-block: 20px;
    }

    .shop-hero__inner[b-qtoe6cmv4i] {
        grid-template-columns: auto minmax(0, 1fr) minmax(240px, 300px);
        align-items: center;
    }

    .shop-hero__hours[b-qtoe6cmv4i] {
        grid-column: auto;
    }
}
/* /Components/Pages/Sessions.razor.rz.scp.css */
.muted[b-k17w9wmn7j] {
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-sm);
}

.sessions[b-k17w9wmn7j] {
    display: grid;
    gap: var(--sutz-space-12);
}

.session[b-k17w9wmn7j] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--sutz-space-16);
}

.session__main[b-k17w9wmn7j] {
    display: flex;
    align-items: flex-start;
    gap: var(--sutz-space-12);
}

.session__icon[b-k17w9wmn7j] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: var(--sutz-radius-md);
    background: var(--sutz-color-surface-alt);
    font-size: 1.2rem;
}

.session__app[b-k17w9wmn7j] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--sutz-space-8);
    margin: 0;
    font-weight: var(--sutz-font-weight-semibold);
}

.session__meta[b-k17w9wmn7j],
.session__device[b-k17w9wmn7j] {
    margin: 4px 0 0;
}

.session__device[b-k17w9wmn7j] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: var(--sutz-text-xs);
}
/* /Components/Pages/Settings.razor.rz.scp.css */
.muted[b-58knyf8c1a] {
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-sm);
}

.empty[b-58knyf8c1a] {
    display: grid;
    justify-items: start;
    gap: var(--sutz-space-8);
    padding: var(--sutz-space-32);
}

.empty__mark[b-58knyf8c1a] {
    font-size: 2rem;
}

.empty h2[b-58knyf8c1a] {
    margin: 0;
    font-size: var(--sutz-text-xl);
}

.empty p[b-58knyf8c1a] {
    margin: 0 0 var(--sutz-space-8);
    max-width: 56ch;
}

.cards[b-58knyf8c1a] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: var(--sutz-space-16);
    align-items: start;
}

.cards h2[b-58knyf8c1a] {
    margin-bottom: var(--sutz-space-8);
    font-size: var(--sutz-text-lg);
}

/* ---------------- Derived state ---------------- */

.derived[b-58knyf8c1a] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sutz-space-8);
    margin-bottom: var(--sutz-space-8);
}

.derived__note[b-58knyf8c1a] {
    margin-bottom: var(--sutz-space-16);
}

/* ---------------- Photos ---------------- */

.photo-fields[b-58knyf8c1a] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--sutz-space-16);
    margin-top: var(--sutz-space-16);
}

/* ---------------- Switches ---------------- */

.switches[b-58knyf8c1a] {
    display: grid;
    gap: var(--sutz-space-16);
}

.switch p[b-58knyf8c1a] {
    margin: var(--sutz-space-4) 0 0;
    max-width: 46ch;
}

.field--minimum[b-58knyf8c1a] {
    margin-top: var(--sutz-space-12);
    max-width: 320px;
}

.field--minimum label[b-58knyf8c1a] {
    display: block;
    margin-bottom: var(--sutz-space-4);
    font-size: var(--sutz-text-sm);
    font-weight: var(--sutz-font-weight-semibold);
}

.field__prefixed[b-58knyf8c1a] {
    display: flex;
    align-items: center;
    gap: var(--sutz-space-4);
    padding: 0 var(--sutz-space-12);
    border: 1px solid var(--sutz-color-border);
    border-radius: var(--sutz-radius-md);
    background: var(--sutz-color-surface);
}

.field__prefixed span[b-58knyf8c1a] {
    color: var(--sutz-color-text-muted);
    font-weight: var(--sutz-font-weight-semibold);
}

.field__prefixed input[b-58knyf8c1a] {
    flex: 1;
    border: none;
    background: transparent;
    padding: var(--sutz-space-8) 0;
    font: inherit;
    color: inherit;
}

.field__prefixed input:focus[b-58knyf8c1a] {
    outline: none;
}

/* ---------------- Weekly hours ---------------- */

.week[b-58knyf8c1a] {
    display: grid;
    gap: var(--sutz-space-12);
    margin-top: var(--sutz-space-16);
}

.wday[b-58knyf8c1a] {
    padding-bottom: var(--sutz-space-12);
    border-bottom: 1px dashed var(--sutz-color-border);
}

.wday:last-child[b-58knyf8c1a] {
    border-bottom: none;
    padding-bottom: 0;
}

.wday__head[b-58knyf8c1a] {
    display: flex;
    align-items: baseline;
    gap: var(--sutz-space-8);
}

.wday__name[b-58knyf8c1a] {
    font-weight: var(--sutz-font-weight-semibold);
    font-size: var(--sutz-text-sm);
}

.wday__closed[b-58knyf8c1a] {
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-xs);
}

.wday__head .link-btn[b-58knyf8c1a] {
    margin-inline-start: auto;
}

.wrange[b-58knyf8c1a] {
    display: flex;
    align-items: center;
    gap: var(--sutz-space-8);
    margin-top: var(--sutz-space-8);
}

.wrange input[type="time"][b-58knyf8c1a] {
    width: 130px;
    padding: 8px 10px;
    border: 1px solid var(--sutz-color-border-strong);
    border-radius: var(--sutz-radius-sm);
    background: var(--sutz-color-surface);
    color: var(--sutz-color-text);
    font: inherit;
    font-size: var(--sutz-text-sm);
}

.wrange input[type="time"]:focus-visible[b-58knyf8c1a] {
    outline: none;
    border-color: var(--sutz-color-primary);
    box-shadow: 0 0 0 3px var(--sutz-color-primary-light);
}

.wrange__dash[b-58knyf8c1a] {
    color: var(--sutz-color-text-muted);
}

/* ---------------- Categories ---------------- */

.cats[b-58knyf8c1a] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sutz-space-8);
    margin-top: var(--sutz-space-16);
}

.cat[b-58knyf8c1a] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border: 1px solid var(--sutz-color-border-strong);
    border-radius: var(--sutz-radius-pill);
    background: var(--sutz-color-surface);
    font-size: var(--sutz-text-sm);
    cursor: pointer;
    transition: border-color var(--sutz-transition-fast), background var(--sutz-transition-fast);
}

.cat:hover[b-58knyf8c1a] {
    border-color: var(--sutz-color-primary);
}

.cat--on[b-58knyf8c1a] {
    border-color: var(--sutz-color-primary);
    background: var(--sutz-color-primary);
    color: var(--sutz-color-primary-contrast, #fff);
    font-weight: var(--sutz-font-weight-semibold);
}

/* ---------------- Actions ---------------- */

.link-btn[b-58knyf8c1a] {
    padding: 4px 0;
    border: none;
    background: none;
    color: var(--sutz-color-primary-dark);
    font: inherit;
    font-size: var(--sutz-text-sm);
    font-weight: var(--sutz-font-weight-medium);
    white-space: nowrap;
    cursor: pointer;
}

.link-btn:hover[b-58knyf8c1a] {
    text-decoration: underline;
}

.row-x[b-58knyf8c1a] {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    flex: none;
    border: 1px solid transparent;
    border-radius: var(--sutz-radius-sm);
    background: none;
    color: var(--sutz-color-text-muted);
    font-size: 1.125rem;
    line-height: 1;
    cursor: pointer;
    transition: color var(--sutz-transition-fast), background var(--sutz-transition-fast);
}

.row-x:hover[b-58knyf8c1a] {
    background: var(--sutz-color-danger-light);
    color: var(--sutz-color-danger);
}

.save[b-58knyf8c1a] {
    display: flex;
    justify-content: flex-end;
    margin-top: var(--sutz-space-24);
}

.pending-name[b-58knyf8c1a] {
    padding: var(--sutz-space-12);
    border: 1px dashed var(--sutz-color-warning);
    border-radius: var(--sutz-radius-md);
    background: var(--sutz-color-warning-light);
    font-size: var(--sutz-text-sm);
}

.pending-name p[b-58knyf8c1a] {
    margin: 0 0 var(--sutz-space-4);
}

.pending-name p:last-child[b-58knyf8c1a] {
    margin-bottom: 0;
}
/* /Components/Pages/Support.razor.rz.scp.css */
.support[b-fz82nojf0j] {
    display: grid;
    grid-template-columns: minmax(240px, 320px) 1fr;
    gap: var(--sutz-space-16);
    align-items: start;
}

@media (max-width: 720px) {
    .support[b-fz82nojf0j] {
        grid-template-columns: 1fr;
    }
}

.support__list-panel[b-fz82nojf0j] {
    display: grid;
    gap: var(--sutz-space-8);
}

.support__new-btn[b-fz82nojf0j] {
    width: 100%;
}

.support__list[b-fz82nojf0j] {
    display: grid;
    gap: var(--sutz-space-8);
}

.support-item[b-fz82nojf0j] {
    display: grid;
    gap: 4px;
    padding: var(--sutz-space-12);
    border: 1px solid var(--sutz-color-border);
    border-radius: var(--sutz-radius-md);
    background: var(--sutz-color-surface);
    text-align: start;
    cursor: pointer;
    font: inherit;
}

.support-item:hover[b-fz82nojf0j] {
    border-color: var(--sutz-color-border-strong);
}

.support-item--active[b-fz82nojf0j] {
    border-color: var(--sutz-color-primary);
    background: var(--sutz-color-primary-light);
}

.support-item__row[b-fz82nojf0j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sutz-space-8);
}

.support-item__subject[b-fz82nojf0j] {
    font-weight: var(--sutz-font-weight-semibold);
}

.support-item__dot[b-fz82nojf0j] {
    flex: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--sutz-color-danger);
}

.support-item__meta[b-fz82nojf0j] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--sutz-space-8);
    font-size: var(--sutz-text-sm);
}

.support__thread[b-fz82nojf0j] {
    min-height: 320px;
    display: grid;
    gap: var(--sutz-space-16);
    align-content: start;
}

.support__thread-head h2[b-fz82nojf0j] {
    margin: 0 0 var(--sutz-space-8);
}

.support__urgent-check[b-fz82nojf0j] {
    display: inline-flex;
    align-items: center;
    gap: var(--sutz-space-8);
    font-size: var(--sutz-text-sm);
}

.support__actions[b-fz82nojf0j] {
    display: flex;
    gap: var(--sutz-space-8);
}

.support__messages[b-fz82nojf0j] {
    display: grid;
    gap: var(--sutz-space-12);
    max-height: 50vh;
    overflow-y: auto;
    padding-right: 4px;
}

.msg[b-fz82nojf0j] {
    max-width: 80%;
    padding: var(--sutz-space-8) var(--sutz-space-12);
    border-radius: var(--sutz-radius-md);
    background: var(--sutz-color-surface-alt);
}

.msg--mine[b-fz82nojf0j] {
    justify-self: end;
    background: var(--sutz-color-primary-light);
}

.msg__meta[b-fz82nojf0j] {
    display: flex;
    gap: var(--sutz-space-8);
    font-size: var(--sutz-text-xs);
    margin-bottom: 2px;
}

.msg__body[b-fz82nojf0j] {
    margin: 0;
    white-space: pre-wrap;
}

.support__reply[b-fz82nojf0j] {
    display: grid;
    gap: var(--sutz-space-8);
}

.support__reply textarea[b-fz82nojf0j] {
    width: 100%;
    resize: vertical;
}
/* /Components/Pages/Tables.razor.rz.scp.css */
.muted[b-q936bfk8t4] {
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-sm);
}

.page__head--row[b-q936bfk8t4] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--sutz-space-16);
    margin-bottom: var(--sutz-space-16);
}

.head__actions[b-q936bfk8t4] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sutz-space-8);
}

.empty[b-q936bfk8t4] {
    max-width: 52ch;
}

.room-section[b-q936bfk8t4] {
    margin-bottom: var(--sutz-space-16);
}

.room-section__head[b-q936bfk8t4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--sutz-space-12);
    margin-bottom: var(--sutz-space-8);
}

.room-section__head h2[b-q936bfk8t4] {
    margin: 0;
    font-size: var(--sutz-text-lg);
}

.field__hint[b-q936bfk8t4] {
    margin: 0 0 var(--sutz-space-8);
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-sm);
}

.tables-list[b-q936bfk8t4] {
    display: grid;
    gap: var(--sutz-space-8);
    margin: 0;
    padding: 0;
    list-style: none;
}

.table-row[b-q936bfk8t4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--sutz-space-12);
    padding: var(--sutz-space-8) var(--sutz-space-12);
    border: 1px solid var(--sutz-color-border);
    border-radius: var(--sutz-radius-md);
    background: var(--sutz-color-surface);
}

/* Alternating background per room, so a long list of tables is easier to scan row by row. */
.table-row:nth-child(even)[b-q936bfk8t4] {
    background: var(--sutz-color-surface-alt);
}

.table-row__label[b-q936bfk8t4] {
    flex: 1 1 auto;
    font-weight: var(--sutz-font-weight-medium);
}

.table-row__seats[b-q936bfk8t4] {
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-sm);
}

.generate-range[b-q936bfk8t4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--sutz-space-12);
}

.link-btn[b-q936bfk8t4] {
    border: none;
    background: none;
    padding: 0;
    color: var(--sutz-color-primary-dark);
    font-size: var(--sutz-text-sm);
    cursor: pointer;
    text-decoration: underline;
}

.link-btn--danger[b-q936bfk8t4] {
    color: var(--sutz-color-danger);
}

.field[b-q936bfk8t4] {
    margin: var(--sutz-space-12) 0;
}

.field__label[b-q936bfk8t4] {
    display: block;
    margin-bottom: var(--sutz-space-4);
    font-weight: var(--sutz-font-weight-semibold);
    font-size: var(--sutz-text-sm);
}

/* Always lists every salón, regardless of what's typed — the active one (matching the field's
   current text) is highlighted; typing something that matches none of them just creates a new one. */
.room-chips[b-q936bfk8t4] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sutz-space-8);
    margin-top: var(--sutz-space-8);
}

.room-chip[b-q936bfk8t4] {
    padding: 6px 14px;
    border: 1px solid var(--sutz-color-border-strong);
    border-radius: var(--sutz-radius-pill);
    background: var(--sutz-color-surface);
    color: var(--sutz-color-text);
    font-size: var(--sutz-text-sm);
    cursor: pointer;
}

.room-chip:hover[b-q936bfk8t4] {
    border-color: var(--sutz-color-primary);
}

.room-chip--active[b-q936bfk8t4] {
    background: var(--sutz-color-primary);
    border-color: var(--sutz-color-primary);
    color: var(--sutz-color-primary-contrast, #fff);
    font-weight: var(--sutz-font-weight-semibold);
}
/* /Components/Pages/Waiters.razor.rz.scp.css */
.muted[b-csbfdih6y6] {
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-sm);
}

.page__head--row[b-csbfdih6y6] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--sutz-space-16);
    margin-bottom: var(--sutz-space-16);
}

.head__actions[b-csbfdih6y6] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sutz-space-8);
}

.empty[b-csbfdih6y6] {
    max-width: 52ch;
}

.waiters__items[b-csbfdih6y6] {
    display: grid;
    gap: var(--sutz-space-8);
    margin: 0;
    padding: 0;
    list-style: none;
}

.waiter-row[b-csbfdih6y6] {
    display: flex;
    align-items: center;
    gap: var(--sutz-space-12);
    padding: var(--sutz-space-12) var(--sutz-space-16);
    border: 1px solid var(--sutz-color-border);
    border-radius: var(--sutz-radius-md);
    background: var(--sutz-color-surface);
}

.waiter-row--inactive[b-csbfdih6y6] {
    opacity: 0.6;
}

.waiter-row__info[b-csbfdih6y6] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.waiter-row__name[b-csbfdih6y6] {
    font-weight: var(--sutz-font-weight-medium);
}

.waiter-row__username[b-csbfdih6y6] {
    font-size: var(--sutz-text-sm);
    color: var(--sutz-color-text-muted);
}

.waiter-row__actions[b-csbfdih6y6] {
    display: flex;
    gap: var(--sutz-space-12);
    margin-left: auto;
}

.link-btn[b-csbfdih6y6] {
    border: none;
    background: none;
    padding: 0;
    color: var(--sutz-color-primary-dark);
    font-size: var(--sutz-text-sm);
    cursor: pointer;
    text-decoration: underline;
}

.link-btn--danger[b-csbfdih6y6] {
    color: var(--sutz-color-danger);
}
/* /Components/Queue/AddProductModal.razor.rz.scp.css */
.muted[b-zzunuvqxlf] {
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-sm);
}

.search-box[b-zzunuvqxlf] {
    width: 100%;
    margin-bottom: var(--sutz-space-8);
}

.link-btn[b-zzunuvqxlf] {
    border: none;
    background: none;
    padding: 0;
    color: var(--sutz-color-primary-dark);
    font-size: var(--sutz-text-sm);
    cursor: pointer;
    text-decoration: underline;
}

.custom-line-trigger[b-zzunuvqxlf] {
    display: block;
    margin-bottom: var(--sutz-space-12);
}

.product-groups[b-zzunuvqxlf] {
    max-height: 55vh;
    overflow-y: auto;
    padding: 2px;
}

.product-group + .product-group[b-zzunuvqxlf] {
    margin-top: var(--sutz-space-16);
}

.product-group__title[b-zzunuvqxlf] {
    margin: 0 0 var(--sutz-space-8);
    font-size: var(--sutz-text-sm);
    font-weight: var(--sutz-font-weight-semibold);
    color: var(--sutz-color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.product-grid[b-zzunuvqxlf] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: var(--sutz-space-12);
}

.product-card[b-zzunuvqxlf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--sutz-space-8);
    padding: var(--sutz-space-12);
    border: 1px solid var(--sutz-color-border);
    border-radius: var(--sutz-radius-md);
    background: var(--sutz-color-surface);
    color: var(--sutz-color-text);
    text-align: center;
    cursor: pointer;
    transition: border-color var(--sutz-transition-fast);
}

.product-card:hover[b-zzunuvqxlf] {
    border-color: var(--sutz-color-primary);
}

[b-zzunuvqxlf] .product-card__thumb {
    width: 72px;
    height: 72px;
    border-radius: var(--sutz-radius-md);
    object-fit: cover;
    background: var(--sutz-color-surface-alt);
}

[b-zzunuvqxlf] .product-card__thumb.sutz-photo--empty {
    display: grid;
    place-items: center;
    font-size: 1.8rem;
}

.product-card__name[b-zzunuvqxlf] {
    font-weight: var(--sutz-font-weight-medium);
    font-size: var(--sutz-text-sm);
}

.product-card__price[b-zzunuvqxlf] {
    font-weight: var(--sutz-font-weight-semibold);
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-sm);
}

.selected-product[b-zzunuvqxlf] {
    display: flex;
    align-items: center;
    gap: var(--sutz-space-12);
    margin-bottom: var(--sutz-space-16);
}

[b-zzunuvqxlf] .selected-product__thumb {
    width: 56px;
    height: 56px;
    flex: 0 0 auto;
    border-radius: var(--sutz-radius-md);
    object-fit: cover;
    background: var(--sutz-color-surface-alt);
}

[b-zzunuvqxlf] .selected-product__thumb.sutz-photo--empty {
    display: grid;
    place-items: center;
    font-size: 1.4rem;
}

.selected-product__name[b-zzunuvqxlf] {
    margin: 0;
    font-weight: var(--sutz-font-weight-semibold);
}

.field[b-zzunuvqxlf] {
    display: block;
    margin: 0 0 var(--sutz-space-12);
}

.field__label[b-zzunuvqxlf] {
    display: block;
    margin-bottom: var(--sutz-space-4);
    font-weight: var(--sutz-font-weight-semibold);
    font-size: var(--sutz-text-sm);
}

.field textarea[b-zzunuvqxlf] {
    width: 100%;
    resize: vertical;
}

.option-group[b-zzunuvqxlf] {
    margin: 0 0 var(--sutz-space-16);
    padding: 0;
    border: none;
}

.option-group legend[b-zzunuvqxlf] {
    padding: 0 0 var(--sutz-space-8);
    font-weight: var(--sutz-font-weight-semibold);
    font-size: var(--sutz-text-sm);
}

.option-chips[b-zzunuvqxlf] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sutz-space-8);
}

.option-chip[b-zzunuvqxlf] {
    padding: 10px 16px;
    min-height: 40px;
    border: 1px solid var(--sutz-color-border-strong);
    border-radius: var(--sutz-radius-pill);
    background: var(--sutz-color-surface);
    color: var(--sutz-color-text);
    font-size: var(--sutz-text-sm);
    cursor: pointer;
}

.option-chip:hover[b-zzunuvqxlf] {
    border-color: var(--sutz-color-primary);
}

.option-chip--active[b-zzunuvqxlf] {
    background: var(--sutz-color-primary);
    border-color: var(--sutz-color-primary);
    color: var(--sutz-color-primary-contrast, #fff);
    font-weight: var(--sutz-font-weight-semibold);
}

.option-chip--muted.option-chip--active[b-zzunuvqxlf] {
    background: var(--sutz-color-text-muted);
    border-color: var(--sutz-color-text-muted);
}
/* /Components/Queue/CustomerHistoryModal.razor.rz.scp.css */
.muted[b-w67bwf1hwd] {
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-sm);
}

/* Same status → color mapping as Queue.razor.css (see Components/Queue/QueueStatusStyle.cs). */
.status-placed[b-w67bwf1hwd] { --status-color: var(--sutz-color-warning); }
.status-confirmed[b-w67bwf1hwd] { --status-color: var(--sutz-color-info); }
.status-preparing[b-w67bwf1hwd] { --status-color: var(--sutz-color-primary); }
.status-ready[b-w67bwf1hwd] { --status-color: #7C3AED; }
.status-completed[b-w67bwf1hwd] { --status-color: var(--sutz-color-success); }
.status-cancelled[b-w67bwf1hwd] { --status-color: var(--sutz-color-danger); }

.badge-solid[b-w67bwf1hwd] {
    display: inline-flex;
    align-items: center;
    gap: var(--sutz-space-4);
    padding: var(--sutz-space-4) var(--sutz-space-12);
    border-radius: var(--sutz-radius-pill);
    font-size: var(--sutz-text-xs);
    font-weight: var(--sutz-font-weight-semibold);
    background: var(--status-color, var(--sutz-color-text-muted));
    color: #fff;
    white-space: nowrap;
}

.returning-chip[b-w67bwf1hwd] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 1px 8px;
    border-radius: var(--sutz-radius-pill);
    background: var(--sutz-color-primary-light);
    color: var(--sutz-color-primary-dark);
    font-size: var(--sutz-text-xs);
    font-weight: var(--sutz-font-weight-medium);
}

.history[b-w67bwf1hwd] {
    display: grid;
    gap: var(--sutz-space-16);
}

.history__stats[b-w67bwf1hwd] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--sutz-space-8);
}

.history__section[b-w67bwf1hwd] {
    padding-top: var(--sutz-space-12);
    border-top: 1px dashed var(--sutz-color-border);
}

.history__section h3[b-w67bwf1hwd] {
    margin: 0 0 var(--sutz-space-8);
    font-size: var(--sutz-text-sm);
    font-weight: var(--sutz-font-weight-semibold);
    color: var(--sutz-color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.history__section p[b-w67bwf1hwd] {
    margin: 0 0 var(--sutz-space-4);
}

.history__section textarea[b-w67bwf1hwd] {
    width: 100%;
    margin-bottom: var(--sutz-space-8);
    resize: vertical;
}

.history__orders[b-w67bwf1hwd] {
    display: grid;
    gap: var(--sutz-space-8);
    margin: 0;
    padding: 0;
    list-style: none;
}

.history__order-row[b-w67bwf1hwd] {
    display: flex;
    align-items: center;
    gap: var(--sutz-space-12);
    width: 100%;
    padding: var(--sutz-space-8) var(--sutz-space-12);
    border: 1px solid var(--sutz-color-border);
    border-radius: var(--sutz-radius-sm);
    background: var(--sutz-color-surface);
    font: inherit;
    font-size: var(--sutz-text-sm);
    text-align: left;
    cursor: pointer;
    transition: all var(--sutz-transition-fast);
}

.history__order-row:hover[b-w67bwf1hwd] {
    border-color: var(--sutz-color-primary);
    background: var(--sutz-color-surface-alt);
}

.history__order-number[b-w67bwf1hwd] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-weight: var(--sutz-font-weight-semibold);
    color: var(--sutz-color-primary-dark);
}

.history__order-total[b-w67bwf1hwd] {
    margin-left: auto;
    font-variant-numeric: tabular-nums;
    font-weight: var(--sutz-font-weight-medium);
}
/* /Components/Queue/ManualOrderDetailModal.razor.rz.scp.css */
.muted[b-y28jngjehb] {
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-sm);
}

.badge-solid[b-y28jngjehb] {
    display: inline-flex;
    align-items: center;
    gap: var(--sutz-space-4);
    padding: var(--sutz-space-4) var(--sutz-space-12);
    border-radius: var(--sutz-radius-pill);
    font-size: var(--sutz-text-xs);
    font-weight: var(--sutz-font-weight-semibold);
    background: var(--sutz-color-success);
    color: #fff;
    white-space: nowrap;
}

.detail[b-y28jngjehb] {
    display: grid;
    gap: var(--sutz-space-16);
}

.detail__topbar[b-y28jngjehb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: var(--sutz-space-12);
    padding-bottom: var(--sutz-space-12);
    border-bottom: 1px dashed var(--sutz-color-border);
}

.info-row[b-y28jngjehb] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--sutz-space-16);
    margin: var(--sutz-space-12) 0;
}

.info-cell[b-y28jngjehb] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 120px;
}

.info-cell__label[b-y28jngjehb] {
    font-size: var(--sutz-text-xs);
    color: var(--sutz-color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.info-cell__value[b-y28jngjehb] {
    font-weight: var(--sutz-font-weight-medium);
}

.detail__section[b-y28jngjehb] {
    padding-top: var(--sutz-space-12);
    border-top: 1px dashed var(--sutz-color-border);
}

.detail__section--first[b-y28jngjehb] {
    padding-top: 0;
    border-top: none;
}

.detail__section h3[b-y28jngjehb] {
    margin: 0 0 var(--sutz-space-8);
    font-size: var(--sutz-text-sm);
    font-weight: var(--sutz-font-weight-semibold);
    color: var(--sutz-color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.detail__total[b-y28jngjehb] {
    margin: 0 0 var(--sutz-space-8);
    font-size: var(--sutz-text-sm);
    color: var(--sutz-color-text-muted);
}

.detail__total strong[b-y28jngjehb] {
    color: var(--sutz-color-text);
    font-size: var(--sutz-text-lg);
}

.detail__total-row[b-y28jngjehb] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--sutz-space-12);
    margin-bottom: var(--sutz-space-8);
}

.detail__balance[b-y28jngjehb] {
    font-size: var(--sutz-text-sm);
    color: var(--sutz-color-text-muted);
    text-align: right;
}

.detail__balance strong[b-y28jngjehb] {
    color: var(--sutz-color-text);
    font-size: var(--sutz-text-lg);
}

.detail__actions[b-y28jngjehb] {
    display: flex;
    align-items: center;
    gap: var(--sutz-space-16);
}

.detail__actions--end[b-y28jngjehb] {
    justify-content: flex-end;
}

/* --- comensales --- */

.section-head[b-y28jngjehb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--sutz-space-12);
    margin-bottom: var(--sutz-space-8);
}

.section-head h3[b-y28jngjehb] {
    margin: 0;
}

/* One collapsible section per diner — bordered and tinted with their own color so, with more than
   one, it's obvious at a glance where one comensal's tab ends and the next begins. */
.diner-accordion[b-y28jngjehb] {
    border: 1px solid var(--sutz-color-border);
    border-radius: var(--sutz-radius-md);
    overflow: visible;
}

.diner-accordion + .diner-accordion[b-y28jngjehb] {
    margin-top: var(--sutz-space-12);
}

.diner-accordion__bar[b-y28jngjehb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--sutz-space-8);
    padding: var(--sutz-space-8) var(--sutz-space-12);
    border-left: 4px solid var(--sutz-color-border-strong);
    border-radius: var(--sutz-radius-md) var(--sutz-radius-md) 0 0;
    background: var(--sutz-color-surface-alt);
}

.diner-accordion__toggle[b-y28jngjehb] {
    display: inline-flex;
    align-items: center;
    gap: var(--sutz-space-8);
    border: none;
    background: none;
    padding: 0;
    color: var(--sutz-color-text);
    font: inherit;
    font-weight: var(--sutz-font-weight-semibold);
    cursor: pointer;
}

.diner-accordion__caret[b-y28jngjehb] {
    color: var(--sutz-color-text-muted);
    font-size: 0.75rem;
}

.diner-accordion__subtotal[b-y28jngjehb] {
    font-weight: var(--sutz-font-weight-medium);
}

/* Always on the right, away from the collapse toggle — the two touch targets a seller taps most
   (add a product, tweak the diner's look) stay reachable without hunting for them. */
.diner-accordion__actions[b-y28jngjehb] {
    display: flex;
    align-items: center;
    gap: var(--sutz-space-8);
}

.diner-accordion__icon-btn[b-y28jngjehb] {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border: 1px solid var(--sutz-color-border-strong);
    border-radius: var(--sutz-radius-sm);
    background: var(--sutz-color-surface);
    font-size: 1.1rem;
    cursor: pointer;
}

.diner-accordion__icon-btn:hover[b-y28jngjehb] {
    border-color: var(--sutz-color-primary);
}

.diner-icon-picker-wrap[b-y28jngjehb] {
    position: relative;
}

.diner-accordion__body[b-y28jngjehb] {
    padding: var(--sutz-space-12);
}

.diner-chip__dot[b-y28jngjehb] {
    display: inline-block;
    width: 9px;
    height: 9px;
    flex: none;
    border-radius: 50%;
    border: 1px solid var(--sutz-color-border-strong);
    background: transparent;
}

/* Right-aligned to its trigger, not left — the trigger sits near the accordion's right edge, and
   anchoring from the left would push this past the modal's edge and force a horizontal scrollbar. */
.diner-icon-picker[b-y28jngjehb] {
    position: absolute;
    z-index: 5;
    top: calc(100% + 4px);
    right: 0;
    display: grid;
    gap: var(--sutz-space-8);
    width: 190px;
    padding: var(--sutz-space-8);
    border: 1px solid var(--sutz-color-border);
    border-radius: var(--sutz-radius-md);
    background: var(--sutz-color-surface);
    box-shadow: var(--sutz-shadow-md);
}

.diner-icon-picker__row[b-y28jngjehb] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.diner-icon-picker__remove[b-y28jngjehb] {
    justify-self: start;
}

.diner-icon-option[b-y28jngjehb] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border: 1px solid transparent;
    border-radius: var(--sutz-radius-sm);
    background: none;
    font-size: 1.1rem;
    cursor: pointer;
}

.diner-icon-option:hover[b-y28jngjehb] {
    border-color: var(--sutz-color-primary);
}

.diner-icon-option--active[b-y28jngjehb] {
    border-color: var(--sutz-color-primary);
    background: var(--sutz-color-primary-light);
}

.diner-color-option[b-y28jngjehb] {
    width: 24px;
    height: 24px;
    border: 2px solid var(--sutz-color-surface);
    outline: 1px solid var(--sutz-color-border-strong);
    border-radius: 50%;
    cursor: pointer;
}

.diner-color-option--active[b-y28jngjehb] {
    outline: 2px solid var(--sutz-color-primary);
}

.diner-color-option--none[b-y28jngjehb] {
    display: grid;
    place-items: center;
    background: var(--sutz-color-surface);
    font-size: 0.7rem;
    color: var(--sutz-color-text-muted);
}

.diner-group__empty[b-y28jngjehb] {
    margin: 0 0 var(--sutz-space-8);
}

.diner-picker[b-y28jngjehb] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sutz-space-8);
}

.diner-pick[b-y28jngjehb] {
    padding: 6px 14px;
    border: 1px solid var(--sutz-color-border-strong);
    border-radius: var(--sutz-radius-pill);
    background: var(--sutz-color-surface);
    color: var(--sutz-color-text);
    font-size: var(--sutz-text-sm);
    cursor: pointer;
}

.diner-pick:hover[b-y28jngjehb] {
    border-color: var(--sutz-color-primary);
}

.diner-pick--active[b-y28jngjehb] {
    background: var(--sutz-color-primary);
    border-color: var(--sutz-color-primary);
    color: var(--sutz-color-primary-contrast, #fff);
    font-weight: var(--sutz-font-weight-semibold);
}

.diner-accounts[b-y28jngjehb] {
    display: grid;
    gap: var(--sutz-space-8);
    margin: 0 0 var(--sutz-space-12);
    padding: 0;
    list-style: none;
}

.diner-accounts li[b-y28jngjehb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--sutz-space-12);
    padding: var(--sutz-space-8) var(--sutz-space-12);
    border: 1px solid var(--sutz-color-border);
    border-radius: var(--sutz-radius-md);
}

.diner-accounts__who[b-y28jngjehb] {
    flex: 1 1 auto;
    font-weight: var(--sutz-font-weight-medium);
}

.diner-accounts__amount[b-y28jngjehb] {
    font-variant-numeric: tabular-nums;
    font-weight: var(--sutz-font-weight-semibold);
}

.payments-log[b-y28jngjehb] {
    margin: 0 0 var(--sutz-space-12);
    font-size: var(--sutz-text-sm);
}

.payments-log summary[b-y28jngjehb] {
    cursor: pointer;
    color: var(--sutz-color-text-muted);
}

.payments-log ul[b-y28jngjehb] {
    display: grid;
    gap: 4px;
    margin: var(--sutz-space-8) 0 0;
    padding: 0;
    list-style: none;
}

.payments-log li[b-y28jngjehb] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--sutz-space-12);
}

.payments-log__info[b-y28jngjehb] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    min-width: 0;
}

.payments-log__edit[b-y28jngjehb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--sutz-space-8);
}

.payments-log__amount[b-y28jngjehb] {
    flex: none;
    font-variant-numeric: tabular-nums;
    font-weight: var(--sutz-font-weight-semibold);
}

.detail__pay-method[b-y28jngjehb] {
    font-size: var(--sutz-text-sm);
    color: var(--sutz-color-text-muted);
}

.field[b-y28jngjehb] {
    display: block;
    margin: 0 0 var(--sutz-space-12);
}

.field__label[b-y28jngjehb] {
    display: block;
    margin-bottom: var(--sutz-space-4);
    font-weight: var(--sutz-font-weight-semibold);
    font-size: var(--sutz-text-sm);
}

.field textarea[b-y28jngjehb] {
    width: 100%;
    resize: vertical;
}

.table-field[b-y28jngjehb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--sutz-space-12);
}

.table-field input[b-y28jngjehb] {
    flex: 1 1 220px;
}

.table-field__value[b-y28jngjehb] {
    font-weight: var(--sutz-font-weight-medium);
}

.info-grid[b-y28jngjehb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: var(--sutz-space-12);
    margin-bottom: var(--sutz-space-8);
}

.field--wide[b-y28jngjehb] {
    grid-column: 1 / -1;
}

.link-btn[b-y28jngjehb] {
    border: none;
    background: none;
    padding: 0;
    color: var(--sutz-color-primary-dark);
    font-size: var(--sutz-text-sm);
    cursor: pointer;
    text-decoration: underline;
}

.link-btn--danger[b-y28jngjehb] {
    color: var(--sutz-color-danger);
}

.manual-items[b-y28jngjehb] {
    display: grid;
    gap: var(--sutz-space-8);
    margin: 0 0 var(--sutz-space-12);
    padding: 0;
    list-style: none;
}

.manual-item[b-y28jngjehb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--sutz-space-12);
    padding: var(--sutz-space-8);
    border-radius: var(--sutz-radius-md);
}

.manual-item:nth-child(even)[b-y28jngjehb] {
    background: var(--sutz-color-surface-alt);
}

.manual-item--paid[b-y28jngjehb] {
    opacity: 0.6;
}

.manual-item__info[b-y28jngjehb] {
    flex: 1 1 auto;
    min-width: 0;
    display: block;
    text-align: left;
}

.items__qty-static[b-y28jngjehb] {
    flex: none;
    min-width: 32px;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.items__unit-price[b-y28jngjehb] {
    flex: none;
    white-space: nowrap;
    font-size: var(--sutz-text-xs);
    color: var(--sutz-color-text-muted);
}

.items__name[b-y28jngjehb] {
    display: block;
    font-weight: var(--sutz-font-weight-medium);
}

.items__options[b-y28jngjehb] {
    display: block;
    margin-top: 2px;
    font-size: var(--sutz-text-xs);
    color: var(--sutz-color-text-muted);
    white-space: normal;
}

.items__price[b-y28jngjehb] {
    flex: none;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    font-weight: var(--sutz-font-weight-semibold);
}

.items__price--free[b-y28jngjehb] {
    color: var(--sutz-color-text-muted);
    text-decoration: line-through;
}

.pay-items[b-y28jngjehb] {
    display: grid;
    gap: var(--sutz-space-8);
    margin: 0 0 var(--sutz-space-12);
    padding: 0;
    list-style: none;
}

.pay-item[b-y28jngjehb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--sutz-space-12);
    padding: var(--sutz-space-8);
    border-radius: var(--sutz-radius-md);
}

.pay-item:nth-child(even)[b-y28jngjehb] {
    background: var(--sutz-color-surface-alt);
}

.pay-item__name[b-y28jngjehb] {
    flex: 1 1 auto;
    min-width: 0;
}

.pay-group[b-y28jngjehb] {
    margin-bottom: var(--sutz-space-16);
}

.pay-group__title[b-y28jngjehb] {
    margin: 0 0 var(--sutz-space-8);
    padding-left: var(--sutz-space-8);
    border-left: 4px solid transparent;
    font-size: var(--sutz-text-sm);
    font-weight: var(--sutz-font-weight-semibold);
}

.pay-summary[b-y28jngjehb] {
    margin: var(--sutz-space-8) 0 var(--sutz-space-16);
    padding-top: var(--sutz-space-8);
    border-top: 1px solid var(--sutz-color-border);
}

.pay-summary__total[b-y28jngjehb] {
    text-align: right;
    font-size: var(--sutz-text-lg);
}

.option-group[b-y28jngjehb] {
    margin: 0 0 var(--sutz-space-16);
    padding: 0;
    border: none;
}

.option-group legend[b-y28jngjehb] {
    padding: 0 0 var(--sutz-space-8);
    font-weight: var(--sutz-font-weight-semibold);
    font-size: var(--sutz-text-sm);
}

.option-chips[b-y28jngjehb] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sutz-space-8);
}

.option-chip[b-y28jngjehb] {
    padding: 10px 16px;
    min-height: 40px;
    border: 1px solid var(--sutz-color-border-strong);
    border-radius: var(--sutz-radius-pill);
    background: var(--sutz-color-surface);
    color: var(--sutz-color-text);
    font-size: var(--sutz-text-sm);
    cursor: pointer;
}

.option-chip:hover[b-y28jngjehb] {
    border-color: var(--sutz-color-primary);
}

.option-chip--active[b-y28jngjehb] {
    background: var(--sutz-color-primary);
    border-color: var(--sutz-color-primary);
    color: var(--sutz-color-primary-contrast, #fff);
    font-weight: var(--sutz-font-weight-semibold);
}

.option-chip--muted.option-chip--active[b-y28jngjehb] {
    background: var(--sutz-color-text-muted);
    border-color: var(--sutz-color-text-muted);
}
/* /Components/Queue/MarkPaidDialog.razor.rz.scp.css */
.pay-form[b-olk69rz84t] {
    display: grid;
    gap: var(--sutz-space-16);
}

.pay-form__field[b-olk69rz84t] {
    display: grid;
    gap: var(--sutz-space-4);
    font-size: var(--sutz-text-sm);
    font-weight: var(--sutz-font-weight-medium);
    color: var(--sutz-color-text);
}
/* /Components/Queue/NumberStepper.razor.rz.scp.css */
.number-stepper[b-6bkjxt9pfx] {
    display: inline-flex;
    align-items: stretch;
    border: 1px solid var(--sutz-color-border-strong);
    border-radius: var(--sutz-radius-md);
    overflow: hidden;
    background: var(--sutz-color-surface);
    touch-action: pan-y;
}

.number-stepper__btn[b-6bkjxt9pfx] {
    flex: none;
    width: 44px;
    height: 44px;
    border: none;
    background: var(--sutz-color-surface-alt);
    color: var(--sutz-color-text);
    font-size: 1.25rem;
    line-height: 1;
    cursor: pointer;
}

.number-stepper__btn:hover:not(:disabled)[b-6bkjxt9pfx] {
    background: var(--sutz-color-primary-light, var(--sutz-color-surface-alt));
}

.number-stepper__btn:disabled[b-6bkjxt9pfx] {
    opacity: 0.4;
    cursor: not-allowed;
}

.number-stepper__input[b-6bkjxt9pfx] {
    width: 4.5ch;
    min-width: 0;
    border: none;
    border-inline: 1px solid var(--sutz-color-border);
    text-align: center;
    font-size: var(--sutz-text-base, 1rem);
    -moz-appearance: textfield;
}

.number-stepper__input[b-6bkjxt9pfx]::-webkit-outer-spin-button,
.number-stepper__input[b-6bkjxt9pfx]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.number-stepper__input:focus-visible[b-6bkjxt9pfx] {
    outline: 2px solid var(--sutz-color-primary);
    outline-offset: -2px;
}
/* /Components/Queue/OrderDetailModal.razor.rz.scp.css */
.muted[b-vccik82x0e] {
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-sm);
}

/* Same status → color mapping as Queue.razor.css (see Components/Queue/QueueStatusStyle.cs). */
.status-placed[b-vccik82x0e] { --status-color: var(--sutz-color-warning); }
.status-confirmed[b-vccik82x0e] { --status-color: var(--sutz-color-info); }
.status-preparing[b-vccik82x0e] { --status-color: var(--sutz-color-primary); }
.status-ready[b-vccik82x0e] { --status-color: #7C3AED; }
.status-completed[b-vccik82x0e] { --status-color: var(--sutz-color-success); }
.status-cancelled[b-vccik82x0e] { --status-color: var(--sutz-color-danger); }

.badge-solid[b-vccik82x0e] {
    display: inline-flex;
    align-items: center;
    gap: var(--sutz-space-4);
    padding: var(--sutz-space-4) var(--sutz-space-12);
    border-radius: var(--sutz-radius-pill);
    font-size: var(--sutz-text-xs);
    font-weight: var(--sutz-font-weight-semibold);
    background: var(--status-color, var(--sutz-color-text-muted));
    color: #fff;
    white-space: nowrap;
}

.customer-link[b-vccik82x0e] {
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    font-weight: var(--sutz-font-weight-medium);
    color: var(--sutz-color-primary-dark);
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.customer-link:hover[b-vccik82x0e] {
    color: var(--sutz-color-primary-darker);
}

.detail[b-vccik82x0e] {
    display: grid;
    gap: var(--sutz-space-16);
}

.detail__summary[b-vccik82x0e] {
    display: flex;
    flex-direction: column;
    gap: var(--sutz-space-8);
    align-items: flex-start;
}

.detail__meta[b-vccik82x0e] {
    margin: 0;
    font-size: var(--sutz-text-sm);
    color: var(--sutz-color-text-muted);
}

.detail__section h3[b-vccik82x0e] {
    margin: 0 0 var(--sutz-space-8);
    font-size: var(--sutz-text-sm);
    font-weight: var(--sutz-font-weight-semibold);
    color: var(--sutz-color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.detail__section[b-vccik82x0e] {
    padding-top: var(--sutz-space-12);
    border-top: 1px dashed var(--sutz-color-border);
}

.detail__section p[b-vccik82x0e] {
    margin: 0 0 var(--sutz-space-4);
}

.detail__section textarea[b-vccik82x0e] {
    width: 100%;
    margin-bottom: var(--sutz-space-8);
    resize: vertical;
}

.detail__items[b-vccik82x0e] {
    display: grid;
    gap: var(--sutz-space-8);
    margin: 0 0 var(--sutz-space-8);
    padding: 0;
    list-style: none;
}

.detail__items li[b-vccik82x0e] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--sutz-space-12);
    font-size: var(--sutz-text-sm);
}

.items__name[b-vccik82x0e] {
    display: block;
    font-weight: var(--sutz-font-weight-medium);
}

.items__options[b-vccik82x0e] {
    display: block;
    margin-top: 2px;
    font-size: var(--sutz-text-xs);
    color: var(--sutz-color-text-muted);
}

.items__price[b-vccik82x0e] {
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.detail__total[b-vccik82x0e] {
    font-size: var(--sutz-text-sm);
    color: var(--sutz-color-text-muted);
}

.detail__total strong[b-vccik82x0e] {
    color: var(--sutz-color-text);
    font-size: var(--sutz-text-lg);
}

.detail__pay-method[b-vccik82x0e] {
    margin-left: var(--sutz-space-8);
    font-size: var(--sutz-text-sm);
    color: var(--sutz-color-text-muted);
}

.timeline[b-vccik82x0e] {
    display: grid;
    gap: var(--sutz-space-8);
    margin: 0;
    padding: 0;
    list-style: none;
}

.timeline li[b-vccik82x0e] {
    display: flex;
    align-items: center;
    gap: var(--sutz-space-8);
    font-size: var(--sutz-text-sm);
}

.timeline__dot[b-vccik82x0e] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--status-color, var(--sutz-color-text-muted));
    flex: none;
}

.timeline__label[b-vccik82x0e] {
    font-weight: var(--sutz-font-weight-medium);
}

.timeline__time[b-vccik82x0e] {
    margin-left: auto;
}
/* /Components/Queue/TablePickerModal.razor.rz.scp.css */
.muted[b-fke18eeqb7] {
    color: var(--sutz-color-text-muted);
    font-size: var(--sutz-text-sm);
}

.table-picker[b-fke18eeqb7] {
    display: grid;
    gap: var(--sutz-space-16);
}

.table-picker__rooms[b-fke18eeqb7] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sutz-space-8);
}

.room-chip[b-fke18eeqb7] {
    padding: 6px 14px;
    border: 1px solid var(--sutz-color-border-strong);
    border-radius: var(--sutz-radius-pill);
    background: var(--sutz-color-surface);
    color: var(--sutz-color-text);
    font-size: var(--sutz-text-sm);
    cursor: pointer;
}

.room-chip:hover[b-fke18eeqb7] {
    border-color: var(--sutz-color-primary);
}

.room-chip--active[b-fke18eeqb7] {
    background: var(--sutz-color-primary);
    border-color: var(--sutz-color-primary);
    color: var(--sutz-color-primary-contrast, #fff);
    font-weight: var(--sutz-font-weight-semibold);
}

.room-chip--off[b-fke18eeqb7] {
    opacity: 0.6;
}

.table-picker__grid[b-fke18eeqb7] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(56px, 1fr));
    gap: var(--sutz-space-8);
}

.table-cell[b-fke18eeqb7] {
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    min-height: 48px;
    border: 1px solid var(--sutz-color-border-strong);
    border-radius: var(--sutz-radius-md);
    background: var(--sutz-color-surface);
    color: var(--sutz-color-text);
    font-size: var(--sutz-text-sm);
    font-weight: var(--sutz-font-weight-medium);
    cursor: pointer;
}

.table-cell:hover:not(:disabled)[b-fke18eeqb7] {
    border-color: var(--sutz-color-primary);
}

.table-cell:disabled[b-fke18eeqb7] {
    opacity: 0.4;
    cursor: not-allowed;
    background: var(--sutz-color-surface-alt);
}

.table-cell--current[b-fke18eeqb7] {
    background: var(--sutz-color-primary);
    border-color: var(--sutz-color-primary);
    color: var(--sutz-color-primary-contrast, #fff);
}

.link-btn[b-fke18eeqb7] {
    justify-self: start;
    border: none;
    background: none;
    padding: 0;
    color: var(--sutz-color-primary-dark);
    font-size: var(--sutz-text-sm);
    cursor: pointer;
    text-decoration: underline;
}