/* /Components/Compartilhados/JanelaDeAviso.razor.rz.scp.css */
.janela-fundo[b-yao1xcftv8] {
    position: fixed; inset: 0; z-index: 1000;
    background: rgba(17, 17, 17, .45);
    display: flex; align-items: center; justify-content: center;
    padding: 16px;
    animation: aparecer-b-yao1xcftv8 .15s ease-out;
}

.janela[b-yao1xcftv8] {
    background: #fff; border-radius: 16px;
    width: 100%; max-width: 380px;
    padding: 1.75rem 1.5rem 1.25rem;
    text-align: center;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .25);
    animation: subir-b-yao1xcftv8 .2s ease-out;
}

.janela-icone[b-yao1xcftv8] {
    width: 56px; height: 56px; margin: 0 auto .9rem;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.7rem; font-weight: 700;
    background: #e6f4ea; color: #1a7f37;
}
.janela-erro .janela-icone[b-yao1xcftv8] { background: #fdecec; color: #b3261e; }

.janela h2[b-yao1xcftv8] { font-size: 1.15rem; margin: 0 0 .4rem; }

.janela-texto[b-yao1xcftv8] { color: #555; font-size: .9rem; line-height: 1.45; text-align: left; }
.janela-texto[b-yao1xcftv8]  ul { margin: .5rem 0 0; padding-left: 1.2rem; }
.janela-texto[b-yao1xcftv8]  p { margin: 0; text-align: center; }

.janela-acoes[b-yao1xcftv8] { display: flex; flex-direction: column; gap: .5rem; margin-top: 1.25rem; }
.janela-acoes[b-yao1xcftv8]  .btn { width: 100%; justify-content: center; height: 42px; }

@keyframes aparecer-b-yao1xcftv8 { from { opacity: 0; } }
@keyframes subir-b-yao1xcftv8 { from { opacity: 0; transform: translateY(12px); } }
/* /Components/Compartilhados/ListaDeEtiquetas.razor.rz.scp.css */
.etiquetas[b-dlnazx4wpc] { display: flex; flex-wrap: wrap; gap: .4rem; margin: .5rem 0 .6rem; }
.etiqueta[b-dlnazx4wpc] {
    display: inline-flex; align-items: center; padding: .3rem .8rem; border-radius: 999px; border: 1px solid;
    font-size: .88rem; font-weight: 600; line-height: 1.2;
}
.pequenas[b-dlnazx4wpc] { gap: .3rem; margin: .3rem 0 .35rem; }
.pequenas .etiqueta[b-dlnazx4wpc] { padding: .15rem .55rem; font-size: .74rem; }
/* /Components/Compartilhados/MarcaDaPlataforma.razor.rz.scp.css */
.marca-plataforma[b-sa9yot9rpb] { display: inline-flex; align-items: center; gap: .6rem; color: #111827; }
.marca-plataforma.clara[b-sa9yot9rpb] { color: #fff; }
.simbolo[b-sa9yot9rpb] { width: 36px; height: 36px; display: block; }
.nome[b-sa9yot9rpb] { font-size: 1.35rem; font-weight: 800; letter-spacing: -.03em; line-height: 1; }
.cedilha[b-sa9yot9rpb] { color: var(--marca); }
.clara .cedilha[b-sa9yot9rpb] { color: #a5b4fc; }
/* /Components/Compartilhados/TopoDaPagina.razor.rz.scp.css */
.topo-pagina[b-2bskgg86k5] {
    position: sticky; top: 0; z-index: 5;
    display: flex; align-items: center; gap: 12px;
    padding: 12px 16px; min-height: 64px;
    background: rgba(255, 255, 255, .97); backdrop-filter: blur(8px);
    border-bottom: 1px solid #ececee;
}

.voltar[b-2bskgg86k5] {
    display: grid; place-items: center; flex-shrink: 0;
    width: 40px; height: 40px; border-radius: 50%;
    background: #f4f4f5; color: #1a1a1a; text-decoration: none;
    transition: background-color .15s;
}
.voltar:hover[b-2bskgg86k5] { background: #e9e9ec; color: #1a1a1a; }
.voltar:focus-visible[b-2bskgg86k5] { outline: 2px solid #1a1a1a; outline-offset: 2px; }

.titulos[b-2bskgg86k5] { min-width: 0; }
.titulos h1[b-2bskgg86k5] {
    margin: 0; font-size: 1.15rem; font-weight: 700; letter-spacing: -.01em;
    color: #1a1a1a; line-height: 1.25;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.titulos p[b-2bskgg86k5] { margin: 2px 0 0; font-size: .82rem; color: #6b6b70; }
/* /Components/Layout/LayoutAcesso.razor.rz.scp.css */
.acesso[b-q7v0tv6gvk] { display: grid; grid-template-columns: minmax(320px, 44%) 1fr; min-height: 100vh; background: #f6f7f9; }

.acesso-vitrine[b-q7v0tv6gvk] {
    background: var(--menu-fundo); color: #d1d5db; padding: 2.5rem 3rem;
    display: flex; flex-direction: column; justify-content: space-between; gap: 2rem;
    background-image: radial-gradient(circle at 85% 15%, rgba(79,70,229,.35), transparent 45%),
                      radial-gradient(circle at 10% 90%, rgba(79,70,229,.18), transparent 40%);
}
.vitrine-texto h2[b-q7v0tv6gvk] { color: #fff; font-size: 1.9rem; line-height: 1.2; margin: 0 0 .75rem; letter-spacing: -.02em; max-width: 420px; }
.vitrine-texto p[b-q7v0tv6gvk] { margin: 0 0 1.5rem; font-size: .98rem; line-height: 1.55; max-width: 420px; color: #9ca3af; }
.vitrine-texto ul[b-q7v0tv6gvk] { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: .75rem; }
.vitrine-texto li[b-q7v0tv6gvk] { display: flex; align-items: center; gap: .65rem; font-size: .92rem; }
.vitrine-texto li i[b-q7v0tv6gvk] {
    width: 30px; height: 30px; border-radius: 8px; display: grid; place-items: center;
    background: rgba(79,70,229,.25); color: #c7d2fe; font-size: 1rem; flex-shrink: 0;
}
.vitrine-rodape[b-q7v0tv6gvk] { color: #6b7280; font-size: .78rem; }

.acesso-formulario[b-q7v0tv6gvk] { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 2rem 1.25rem; }
.marca-celular[b-q7v0tv6gvk] { display: none; margin-bottom: 1.5rem; }
.acesso-cartao[b-q7v0tv6gvk] {
    width: 100%; max-width: 420px; background: #fff; border: 1px solid #eceef2; border-radius: 16px;
    padding: 2.25rem 2rem; box-shadow: 0 10px 30px rgba(17,24,39,.06);
}

@media (max-width: 860px) {
    .acesso[b-q7v0tv6gvk] { grid-template-columns: 1fr; }
    .acesso-vitrine[b-q7v0tv6gvk] { display: none; }
    .marca-celular[b-q7v0tv6gvk] { display: block; }
    .acesso-cartao[b-q7v0tv6gvk] { padding: 1.75rem 1.25rem; }
}
/* /Components/Layout/LayoutAdmin.razor.rz.scp.css */
.admin[b-z9zdihi0vn] { display: flex; min-height: 100vh; background: #f6f7f9; }

/* Menu escuro (cores em admin.css: --menu-*). Item ativo na cor da plataforma. */
.admin-menu[b-z9zdihi0vn] {
    width: 232px; flex-shrink: 0; background: var(--menu-fundo); color: var(--menu-texto);
    display: flex; flex-direction: column; position: sticky; top: 0; height: 100vh;
    /* Janela baixa ou com zoom: o menu rola sozinho, sem esconder os últimos itens. */
    overflow-y: auto; overscroll-behavior: contain; scrollbar-color: #374151 transparent;
}
.admin-marca[b-z9zdihi0vn] { padding: 1.25rem 1.25rem 1rem; border-bottom: 1px solid var(--menu-hover); }
.admin-marca strong[b-z9zdihi0vn] { display: block; font-size: .98rem; color: #fff; }
.admin-marca small[b-z9zdihi0vn] { color: #6b7280; font-size: .75rem; }

nav[b-z9zdihi0vn] { padding: .75rem .6rem; display: flex; flex-direction: column; gap: .1rem; flex: 1 0 auto; }
nav .grupo[b-z9zdihi0vn] {
    font-size: .68rem; text-transform: uppercase; letter-spacing: .06em;
    color: #6b7280; padding: .9rem .65rem .3rem;
}
nav[b-z9zdihi0vn]  a {
    display: flex; align-items: center; gap: .6rem; padding: .5rem .65rem; border-radius: 7px;
    color: var(--menu-texto); text-decoration: none; font-size: .9rem;
    transition: background .15s, color .15s;
}
nav[b-z9zdihi0vn]  a i { font-size: 1.1rem; width: 1.1rem; text-align: center; opacity: .85; }
nav[b-z9zdihi0vn]  a:hover { background: var(--menu-hover); color: #fff; }
nav[b-z9zdihi0vn]  a.active { background: var(--marca); color: #fff; }
nav[b-z9zdihi0vn]  a.active i { opacity: 1; }

.admin-rodape[b-z9zdihi0vn] { padding: .9rem 1.25rem 1.25rem; border-top: 1px solid var(--menu-hover); }
.ver-cardapio[b-z9zdihi0vn] {
    display: flex; align-items: center; gap: .45rem; font-size: .85rem; color: #d1d5db;
    text-decoration: none; margin-bottom: .6rem;
}
.ver-cardapio:hover[b-z9zdihi0vn] { color: #fff; }
.sair[b-z9zdihi0vn] {
    display: flex; align-items: center; gap: .45rem;
    border: none; background: none; padding: 0; color: #f87171;
    font-size: .85rem; cursor: pointer; font-family: inherit;
}
.sair:hover[b-z9zdihi0vn] { color: #fca5a5; }

.admin-conteudo[b-z9zdihi0vn] { flex: 1; min-width: 0; padding: 2rem 2.25rem 4rem; }

@media (max-width: 760px) {
    .admin[b-z9zdihi0vn] { flex-direction: column; }
    .admin-menu[b-z9zdihi0vn] { width: 100%; height: auto; position: static; overflow-y: visible; }
    nav[b-z9zdihi0vn] { flex-direction: row; overflow-x: auto; padding: .5rem; }
    nav .grupo[b-z9zdihi0vn] { display: none; }
    nav[b-z9zdihi0vn]  a { white-space: nowrap; }
    .admin-rodape[b-z9zdihi0vn] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .6rem 1rem; }
    .ver-cardapio[b-z9zdihi0vn] { margin: 0; }
    .admin-conteudo[b-z9zdihi0vn] { padding: 1.25rem 1rem 3rem; }
}
/* /Components/Layout/LayoutCardapio.razor.rz.scp.css */
/* Telas do cliente: uma coluna do tamanho de um celular grande, centralizada.
   No celular ocupa a tela toda; no computador fica no meio, sobre um fundo cinza.
   As barras fixas de baixo (carrinho, adicionar, finalizar) usam a mesma largura.
   Fica aqui, no layout, e não na página: o CSS de uma página não alcança o layout. */
.cardapio-fundo[b-rebfb3t5hk] {
    background: #f4f4f5;
    min-height: 100vh;
}

.cardapio-root[b-rebfb3t5hk] {
    max-width: 720px;
    margin: 0 auto;
    background: #fff;
    min-height: 100vh;
    /* Fonte do próprio aparelho: San Francisco no iPhone, Roboto no Android, Segoe no Windows. */
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #1a1a1a;
    -webkit-font-smoothing: antialiased;
}

@media (min-width: 721px) {
    .cardapio-root[b-rebfb3t5hk] { box-shadow: 0 0 0 1px #e8e8ea, 0 8px 30px rgba(0, 0, 0, .06); }
}

/* ─── Peças comuns das telas do cliente ───────────────────────────────────────
   Produto, carrinho, checkout e acompanhamento usam as mesmas peças, com o mesmo
   desenho do cardápio: cards com borda suave, verde para avançar, texto quase preto.
   ::deep porque as classes são usadas dentro das páginas, não no layout. */

.cardapio-root[b-rebfb3t5hk]  .bloco {
    margin: 12px 16px; padding: 16px;
    background: #fff; border: 1px solid #ececee; border-radius: 14px;
}
.cardapio-root[b-rebfb3t5hk]  .bloco > h2 {
    margin: 0 0 12px; font-size: 1rem; font-weight: 700; letter-spacing: -.01em; color: #1a1a1a;
}

.cardapio-root[b-rebfb3t5hk]  .btn-principal {
    display: inline-flex; align-items: center; justify-content: center; gap: 12px;
    height: 50px; padding: 0 18px; border: none; border-radius: 12px;
    background: #1a7f37; color: #fff; font: inherit; font-size: 1rem; font-weight: 600;
    text-decoration: none; white-space: nowrap; cursor: pointer; transition: background-color .15s;
}
.cardapio-root[b-rebfb3t5hk]  .btn-principal:hover { background: #166d2f; color: #fff; }
.cardapio-root[b-rebfb3t5hk]  .btn-principal:disabled { background: #d4d4d8; color: #fff; cursor: not-allowed; }
.cardapio-root[b-rebfb3t5hk]  .btn-principal:focus-visible { outline: 2px solid #1a1a1a; outline-offset: 2px; }

/* Barra fixa de baixo, na mesma largura da coluna. */
.cardapio-root[b-rebfb3t5hk]  .barra-acao {
    position: fixed; left: 50%; bottom: 0; transform: translateX(-50%); z-index: 10;
    width: 100%; max-width: 720px;
    display: flex; gap: 12px; align-items: center;
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
    background: rgba(255, 255, 255, .97); backdrop-filter: blur(8px);
    border-top: 1px solid #ececee; box-shadow: 0 -6px 20px rgba(0, 0, 0, .05);
}
.cardapio-root[b-rebfb3t5hk]  .barra-acao .btn-principal { flex: 1; min-width: 0; }
/* Espaço no fim da página para o conteúdo não ficar escondido atrás da barra. */
.cardapio-root[b-rebfb3t5hk]  .espaco-barra { height: 96px; }

.cardapio-root[b-rebfb3t5hk]  .quantidade {
    display: inline-flex; align-items: center; flex-shrink: 0;
    border: 1px solid #e4e4e7; border-radius: 12px; background: #fff;
}
.cardapio-root[b-rebfb3t5hk]  .quantidade button {
    width: 40px; height: 46px; border: none; background: none;
    font-size: 1.25rem; line-height: 1; color: #1a1a1a; cursor: pointer;
}
.cardapio-root[b-rebfb3t5hk]  .quantidade button:disabled { color: #c4c4c8; cursor: not-allowed; }
.cardapio-root[b-rebfb3t5hk]  .quantidade span { min-width: 24px; text-align: center; font-weight: 600; }

.cardapio-root[b-rebfb3t5hk]  .resumo-valores .linha {
    display: flex; justify-content: space-between; gap: 12px;
    padding: 4px 0; font-size: .92rem; color: #55555b;
}
.cardapio-root[b-rebfb3t5hk]  .resumo-valores .linha.desconto { color: #1a7f37; font-weight: 600; }
.cardapio-root[b-rebfb3t5hk]  .resumo-valores .linha.total {
    margin-top: 8px; padding-top: 12px; border-top: 1px solid #ececee;
    font-size: 1.05rem; font-weight: 700; color: #1a1a1a;
}

.cardapio-root[b-rebfb3t5hk]  .nota { padding: 10px 14px; border-radius: 12px; font-size: .86rem; line-height: 1.45; }
.cardapio-root[b-rebfb3t5hk]  .nota-atencao { background: #fff7e0; border: 1px solid #f2e0ad; color: #6b5200; }
.cardapio-root[b-rebfb3t5hk]  .nota-erro { background: #fdecec; border: 1px solid #f5c6c3; color: #b3261e; }
.cardapio-root[b-rebfb3t5hk]  .nota-info { background: #f1faf3; border: 1px solid #cfe9d6; color: #1f5f33; }

.cardapio-root[b-rebfb3t5hk]  .estado-vazio {
    display: flex; flex-direction: column; align-items: center; gap: 12px;
    padding: 64px 24px; text-align: center; color: #6b6b70;
}
.cardapio-root[b-rebfb3t5hk]  .estado-vazio h2 { margin: 0; font-size: 1.15rem; font-weight: 700; color: #1a1a1a; }
.cardapio-root[b-rebfb3t5hk]  .estado-vazio p { margin: 0; }
.cardapio-root[b-rebfb3t5hk]  .estado-vazio .btn-principal { margin-top: 8px; }

.cardapio-root[b-rebfb3t5hk]  .carregando { padding: 64px 24px; text-align: center; color: #6b6b70; }

/* Textos longos (política de privacidade, termos de uso) */
.cardapio-root[b-rebfb3t5hk]  .documento { padding: 8px 20px 48px; color: #3a3a3f; font-size: .95rem; line-height: 1.65; }
.cardapio-root[b-rebfb3t5hk]  .documento h2 { margin: 28px 0 8px; font-size: 1.05rem; font-weight: 700; color: #1a1a1a; }
.cardapio-root[b-rebfb3t5hk]  .documento p { margin: 0 0 12px; }
.cardapio-root[b-rebfb3t5hk]  .documento ul { margin: 0 0 12px; padding-left: 20px; }
.cardapio-root[b-rebfb3t5hk]  .documento li { margin-bottom: 6px; }
.cardapio-root[b-rebfb3t5hk]  .documento a { color: #157a3a; }
.cardapio-root[b-rebfb3t5hk]  .documento code { font-size: .85em; background: #f4f4f5; padding: 1px 6px; border-radius: 4px; color: #1a1a1a; }
.cardapio-root[b-rebfb3t5hk]  .documento .atualizado { margin: 12px 0 16px; font-size: .82rem; color: #9a9aa0; }
.cardapio-root[b-rebfb3t5hk]  .documento .relacionado { margin-top: 28px; padding-top: 16px; border-top: 1px solid #ececee; }
/* /Components/Layout/LayoutPlataforma.razor.rz.scp.css */
.plat[b-5l14nnpjtg] { min-height: 100vh; background: #f4f4f6; }
.plat-topo[b-5l14nnpjtg] {
    display: flex; align-items: center; gap: 2rem; padding: .85rem 2rem;
    background: #16161d; color: #fff; flex-wrap: wrap;
}
.plat-marca[b-5l14nnpjtg] { display: flex; flex-direction: column; line-height: 1.2; }
.plat-marca strong[b-5l14nnpjtg] { font-size: .98rem; display: flex; align-items: center; gap: .45rem; }
.plat-simbolo[b-5l14nnpjtg] { width: 22px; height: 22px; }
.plat-marca span[b-5l14nnpjtg] { font-size: .72rem; color: #9a9aa8; text-transform: uppercase; letter-spacing: .08em; }
nav[b-5l14nnpjtg] { display: flex; gap: .25rem; flex: 1; }
nav[b-5l14nnpjtg]  a { color: #c9c9d3; text-decoration: none; padding: .45rem .8rem; border-radius: 7px; font-size: .9rem; }
nav[b-5l14nnpjtg]  a:hover { background: #26262f; color: #fff; }
nav[b-5l14nnpjtg]  a.active { background: #fff; color: #16161d; }
form button[b-5l14nnpjtg] {
    background: none; border: 1px solid #3a3a46; color: #c9c9d3; padding: .4rem .85rem;
    border-radius: 7px; cursor: pointer; font-family: inherit; font-size: .85rem;
}
form button:hover[b-5l14nnpjtg] { border-color: #ff8a80; color: #ff8a80; }
.plat-conteudo[b-5l14nnpjtg] { max-width: 1100px; margin: 0 auto; padding: 2rem 2rem 4rem; }
@media (max-width: 700px) { .plat-topo[b-5l14nnpjtg] { padding: .75rem 1rem; gap: 1rem; } .plat-conteudo[b-5l14nnpjtg] { padding: 1.25rem 1rem 3rem; } }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-at3ltihlx4],
.components-reconnect-repeated-attempt-visible[b-at3ltihlx4],
.components-reconnect-failed-visible[b-at3ltihlx4],
.components-pause-visible[b-at3ltihlx4],
.components-resume-failed-visible[b-at3ltihlx4],
.components-rejoining-animation[b-at3ltihlx4] {
    display: none;
}

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


#components-reconnect-modal[b-at3ltihlx4] {
    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-at3ltihlx4 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-at3ltihlx4 {
    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/Pages/AcompanharPedido.razor.rz.scp.css */
/* Topo: a situação do pedido em destaque */
.ped-topo[b-q8s4c0cop4] {
    display: flex; flex-direction: column; align-items: center; gap: 4px;
    padding: 32px 16px 20px; text-align: center;
}
.loja-nome[b-q8s4c0cop4] { font-size: .85rem; font-weight: 600; color: #1a1a1a; }
.numero[b-q8s4c0cop4] { font-size: .75rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: #9a9aa0; }
.ped-topo h1[b-q8s4c0cop4] { margin: 6px 0 2px; font-size: 1.6rem; font-weight: 700; letter-spacing: -.02em; color: #1a1a1a; }
.ped-topo.cancelado h1[b-q8s4c0cop4] { color: #b3261e; }
.subtitulo[b-q8s4c0cop4] { margin: 0; max-width: 42ch; font-size: .92rem; line-height: 1.45; color: #6b6b70; }

/* Trilha das etapas */
.trilha[b-q8s4c0cop4] { list-style: none; margin: 0 16px 8px; padding: 16px 8px; display: flex; gap: 4px; }
.trilha li[b-q8s4c0cop4] { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 8px; position: relative; }
.trilha li[b-q8s4c0cop4]::before {
    content: ""; position: absolute; top: 8px; left: -50%; width: 100%; height: 3px;
    border-radius: 2px; background: #e4e4e7;
}
.trilha li:first-child[b-q8s4c0cop4]::before { display: none; }
.trilha li.feita[b-q8s4c0cop4]::before { background: #1a7f37; }
.marcador[b-q8s4c0cop4] {
    width: 19px; height: 19px; border-radius: 50%; z-index: 1;
    background: #e4e4e7; border: 3px solid #fff;
}
.trilha li.feita .marcador[b-q8s4c0cop4] { background: #1a7f37; }
.trilha li.agora .marcador[b-q8s4c0cop4] { box-shadow: 0 0 0 5px rgba(26, 127, 55, .18); }
.rotulo[b-q8s4c0cop4] { font-size: .72rem; line-height: 1.25; text-align: center; color: #9a9aa0; }
.trilha li.feita .rotulo[b-q8s4c0cop4] { color: #1a1a1a; font-weight: 600; }

/* Itens e informações */
.texto[b-q8s4c0cop4] { margin: 0; font-size: .92rem; line-height: 1.5; color: #55555b; }

.itens[b-q8s4c0cop4] { list-style: none; margin: 0; padding: 0; }
.itens > li[b-q8s4c0cop4] { padding: 10px 0; border-bottom: 1px solid #f2f2f4; }
.itens > li:first-child[b-q8s4c0cop4] { padding-top: 0; }
.itens > li:last-child[b-q8s4c0cop4] { padding-bottom: 0; border-bottom: none; }
.item-topo[b-q8s4c0cop4] { display: flex; justify-content: space-between; gap: 12px; font-size: .95rem; color: #1a1a1a; }
.valor[b-q8s4c0cop4] { font-weight: 600; white-space: nowrap; }
.opcoes[b-q8s4c0cop4] { list-style: none; margin: 4px 0 0; padding: 0; }
.opcoes li[b-q8s4c0cop4] { font-size: .84rem; color: #6b6b70; }
.opcoes li[b-q8s4c0cop4]::before { content: "• "; }
.obs[b-q8s4c0cop4] { margin: 6px 0 0; font-size: .84rem; color: #8a6d00; }

/* Rodapé */
.rodape[b-q8s4c0cop4] { padding: 8px 16px 40px; text-align: center; }
.outro-pedido[b-q8s4c0cop4] {
    display: inline-block; padding: 12px 20px; border-radius: 12px;
    border: 1px solid #e4e4e7; color: #1a1a1a; font-weight: 600; font-size: .92rem; text-decoration: none;
}
.outro-pedido:hover[b-q8s4c0cop4] { background: #f4f4f5; color: #1a1a1a; }
.links-rodape[b-q8s4c0cop4] { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; }
.pedir-de-novo[b-q8s4c0cop4] {
    display: block; width: 100%; height: 50px; margin: 0 0 10px; border: none; border-radius: 12px;
    background: #1a7f37; color: #fff; font: inherit; font-size: 1rem; font-weight: 600; cursor: pointer;
}
.pedir-de-novo:hover[b-q8s4c0cop4] { background: #166d2f; }
.pedir-de-novo:disabled[b-q8s4c0cop4] { background: #a7d3b4; cursor: wait; }

/* Pagar com Pix: o bloco principal enquanto o pagamento não é confirmado */
.pagar-pix[b-q8s4c0cop4] {
    margin: 0 16px 12px; padding: 20px 16px; border-radius: 16px;
    background: #f1faf3; border: 1px solid #cfe9d6; text-align: center;
    display: flex; flex-direction: column; align-items: center; gap: 10px;
}
.pagar-pix h2[b-q8s4c0cop4] { margin: 0; font-size: 1.05rem; font-weight: 700; color: #1a1a1a; }
.valor-pix[b-q8s4c0cop4] { margin: 0; font-size: 1.8rem; font-weight: 700; letter-spacing: -.02em; color: #1a7f37; }
.qr[b-q8s4c0cop4] {
    width: 220px; height: 220px; max-width: 100%; padding: 8px;
    background: #fff; border-radius: 12px; image-rendering: pixelated;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .06);
}
.instrucao[b-q8s4c0cop4] { margin: 4px 0 0; font-size: .88rem; color: #55555b; }
.codigo[b-q8s4c0cop4] {
    width: 100%; padding: 10px; resize: none;
    border: 1px solid #cfe9d6; border-radius: 10px; background: #fff; color: #333;
    font-family: ui-monospace, Consolas, monospace; font-size: .72rem; line-height: 1.4; word-break: break-all;
}
.copiar[b-q8s4c0cop4] {
    width: 100%; height: 50px; border: none; border-radius: 12px; cursor: pointer;
    background: #1a7f37; color: #fff; font: inherit; font-size: 1rem; font-weight: 600;
}
.copiar:hover[b-q8s4c0cop4] { background: #166d2f; }
.rodape-pix[b-q8s4c0cop4] { margin: 0; font-size: .82rem; line-height: 1.45; color: #55555b; }
.prazo-pix[b-q8s4c0cop4] { margin: -2px 0 0; font-size: .88rem; color: #6b5200; }
/* /Components/Pages/Admin/Ajuda.razor.rz.scp.css */
.busca[b-gf155bsqpu] { margin-bottom: 1rem; max-width: 460px; }
.busca input[b-gf155bsqpu] {
    width: 100%; padding: .65rem .8rem; border: 1px solid #dcdce0; border-radius: 8px;
    font-family: inherit; font-size: .95rem; background: #fff;
}
.busca input:focus[b-gf155bsqpu] { outline: none; border-color: var(--marca); box-shadow: 0 0 0 3px var(--marca-anel); }

.indice[b-gf155bsqpu] { display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: 1.5rem; }
.indice a[b-gf155bsqpu] {
    font-size: .82rem; color: #333; text-decoration: none; background: #fff;
    border: 1px solid #e4e4e7; border-radius: 999px; padding: .3rem .75rem;
}
.indice a:hover[b-gf155bsqpu] { border-color: var(--marca); box-shadow: 0 0 0 3px var(--marca-anel); }

.secao[b-gf155bsqpu] { scroll-margin-top: 1rem; line-height: 1.55; font-size: .93rem; color: #333; }
.secao p[b-gf155bsqpu], .secao li[b-gf155bsqpu] { max-width: 70ch; }
.secao p[b-gf155bsqpu] { margin: 0 0 .7rem; }
.secao ul[b-gf155bsqpu], .secao ol[b-gf155bsqpu] { margin: 0 0 .8rem; padding-left: 1.2rem; display: grid; gap: .35rem; }
.secao-topo[b-gf155bsqpu] { display: flex; align-items: baseline; gap: .75rem; flex-wrap: wrap; margin-bottom: .8rem; }
.secao-topo h2[b-gf155bsqpu] { margin: 0; font-size: 1.15rem; }
.menu[b-gf155bsqpu] { font-size: .75rem; color: #888; border: 1px solid #ececee; border-radius: 6px; padding: .15rem .45rem; }
h3[b-gf155bsqpu] { font-size: .95rem; margin: 1.1rem 0 .4rem; color: #111; }

.ui[b-gf155bsqpu] {
    font-weight: 600; background: #f6f6f7; border: 1px solid #e4e4e7; border-bottom-width: 2px;
    padding: 0 .4rem; border-radius: 5px; white-space: nowrap; font-size: .88em;
}
code[b-gf155bsqpu] { background: #f6f6f7; border: 1px solid #e4e4e7; padding: 0 .35rem; border-radius: 5px; font-size: .88em; }

.passos[b-gf155bsqpu] { gap: .5rem; }

.fluxo[b-gf155bsqpu] { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem; margin-bottom: .8rem; font-size: .82rem; font-weight: 600; }
.fluxo .etapa[b-gf155bsqpu] { background: #f6f6f7; border: 1px solid #e4e4e7; border-radius: 999px; padding: .25rem .7rem; }
.fluxo .etapa.amarela[b-gf155bsqpu] { background: #fff4d6; border-color: #f2e0ad; }
.fluxo .seta[b-gf155bsqpu] { color: #999; }

.exemplos[b-gf155bsqpu] { max-width: 520px; margin-bottom: .8rem; }

details[b-gf155bsqpu] { border: 1px solid #ececee; border-radius: 8px; padding: .65rem .9rem; margin-bottom: .5rem; max-width: 70ch; }
summary[b-gf155bsqpu] { cursor: pointer; font-weight: 600; }
details p[b-gf155bsqpu] { margin: .5rem 0 0; color: #555; }

.rodape-ajuda[b-gf155bsqpu] { margin-top: .5rem; }
/* /Components/Pages/Admin/Categorias.razor.rz.scp.css */
.nova[b-rptyjwvpqd], .editar[b-rptyjwvpqd] { display: flex; gap: .6rem; align-items: center; }
.nova input[b-rptyjwvpqd], .editar input[b-rptyjwvpqd] {
    flex: 1; min-width: 0; padding: .55rem .7rem; border: 1px solid #dcdce0; border-radius: 8px;
    font-family: inherit; font-size: .92rem;
}
.nova input:focus[b-rptyjwvpqd], .editar input:focus[b-rptyjwvpqd] { outline: none; border-color: var(--marca); box-shadow: 0 0 0 3px var(--marca-anel); }
.editar input[b-rptyjwvpqd] { max-width: 280px; }

/* Celular: cada categoria vira um card, com os botões numa linha própria. */
@media (max-width: 640px) {
    .tabela thead[b-rptyjwvpqd] { display: none; }
    .tabela[b-rptyjwvpqd], .tabela tbody[b-rptyjwvpqd] { display: block; }
    .tabela tr[b-rptyjwvpqd] {
        display: grid; grid-template-columns: auto 1fr auto; gap: .55rem .75rem; align-items: center;
        padding: .85rem 0; border-bottom: 1px solid #f3f3f5;
    }
    .tabela tr:last-child[b-rptyjwvpqd] { border-bottom: none; }
    .tabela td[b-rptyjwvpqd] { padding: 0; border: none; }
    .col-nome[b-rptyjwvpqd] { min-width: 0; }
    .col-qtd[b-rptyjwvpqd] { display: none; }
    .col-acoes[b-rptyjwvpqd] { grid-column: 1 / -1; }
    .col-acoes .acoes[b-rptyjwvpqd] { justify-content: flex-start !important; }
    .editar[b-rptyjwvpqd] { flex-wrap: wrap; }
    .editar input[b-rptyjwvpqd] { max-width: none; flex-basis: 100%; }
}
/* /Components/Pages/Admin/Clientes.razor.rz.scp.css */
.filtros[b-o7w6kmlbn3] { display: flex; gap: .75rem; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-bottom: 1rem; }
.periodos[b-o7w6kmlbn3] { display: flex; gap: .4rem; flex-wrap: wrap; }
.periodos button[b-o7w6kmlbn3] { border: 1px solid #ddd; background: #fff; border-radius: 999px; padding: .4rem .9rem; font: inherit; font-size: .88rem; cursor: pointer; }
.periodos button.sel[b-o7w6kmlbn3] { background: var(--marca); color: #fff; border-color: var(--marca); }
.filtros input[b-o7w6kmlbn3] { flex: 1; min-width: 200px; max-width: 320px; }

.mensagem label[b-o7w6kmlbn3] { display: block; font-size: .85rem; color: #555; }
.mensagem textarea[b-o7w6kmlbn3] { width: 100%; margin-top: .3rem; font: inherit; }
.mensagem .linha[b-o7w6kmlbn3] { display: flex; gap: 1rem; flex-wrap: wrap; align-items: flex-end; margin-top: .6rem; }
.mensagem select[b-o7w6kmlbn3] { display: block; margin-top: .3rem; min-width: 260px; }
.mensagem textarea[b-o7w6kmlbn3] { line-height: 1.5; }
.mensagem small[b-o7w6kmlbn3] { color: #888; }
.dica[b-o7w6kmlbn3] { display: block; margin-top: .5rem; }

.tabela td.direita[b-o7w6kmlbn3] { white-space: nowrap; }
.fraco[b-o7w6kmlbn3] { color: #888; }
tr.chamado td[b-o7w6kmlbn3] { opacity: .55; }

@media (max-width: 640px) {
    .tabela th:nth-child(3)[b-o7w6kmlbn3], .tabela td:nth-child(3)[b-o7w6kmlbn3] { display: none; }
    .filtros input[b-o7w6kmlbn3] { max-width: none; }
}
/* /Components/Pages/Admin/Cupons.razor.rz.scp.css */
.codigo[b-7cadkny6gf] { font-family: ui-monospace, Consolas, monospace; letter-spacing: .04em; text-transform: uppercase; }
input.codigo[b-7cadkny6gf] { font-size: 1rem; }
.fraco[b-7cadkny6gf] { color: #888; font-size: .82rem; }
tr.inativo td[b-7cadkny6gf] { opacity: .55; }

.tipos[b-7cadkny6gf] { border: none; margin: .2rem 0 1rem; padding: 0; }
.tipos legend[b-7cadkny6gf] { font-size: .85rem; color: #555; margin-bottom: .5rem; }
.opcoes-tipo[b-7cadkny6gf] { display: grid; gap: .6rem; grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr)); }
.tipo[b-7cadkny6gf] {
    display: flex; gap: .65rem; align-items: flex-start; cursor: pointer;
    padding: .75rem .9rem; border: 1.5px solid #e4e4e7; border-radius: 10px; background: #fff;
}
.tipo.sel[b-7cadkny6gf] { border-color: var(--marca); background: var(--marca-clara); }
.tipo input[b-7cadkny6gf] { margin-top: .2rem; accent-color: var(--marca); }
.tipo span[b-7cadkny6gf] { display: flex; flex-direction: column; gap: .15rem; }
.tipo strong[b-7cadkny6gf] { font-size: .92rem; }
.tipo small[b-7cadkny6gf] { color: #666; font-size: .8rem; }

.rodape-form[b-7cadkny6gf] { margin-top: 1rem; }

/* Celular: cada cupom vira um card. */
@media (max-width: 640px) {
    .tabela thead[b-7cadkny6gf] { display: none; }
    .tabela[b-7cadkny6gf], .tabela tbody[b-7cadkny6gf] { display: block; }
    .tabela tr[b-7cadkny6gf] {
        display: grid; grid-template-columns: 1fr auto; gap: .45rem .75rem; align-items: center;
        padding: .85rem 0; border-bottom: 1px solid #f3f3f5;
    }
    .tabela tr:last-child[b-7cadkny6gf] { border-bottom: none; }
    .tabela td[b-7cadkny6gf] { padding: 0; border: none; }
    .col-condicoes[b-7cadkny6gf] { grid-column: 1 / -1; }
    .col-situacao[b-7cadkny6gf] { justify-self: end; grid-row: 1; grid-column: 2; }
    .col-usos[b-7cadkny6gf] { text-align: left; }
    .col-acoes[b-7cadkny6gf] { grid-column: 1 / -1; }
    .col-acoes .acoes[b-7cadkny6gf] { justify-content: flex-start !important; }
}
/* /Components/Pages/Admin/DadosDaLoja.razor.rz.scp.css */
h3[b-1xsimsf6yf] { font-size: .85rem; text-transform: uppercase; letter-spacing: .05em; color: #888; margin: 1.25rem 0 .75rem; }
.cor[b-1xsimsf6yf] { display: flex; align-items: center; gap: .6rem; margin-top: .3rem; }
.cor input[type=color][b-1xsimsf6yf] { width: 44px; height: 36px; padding: 2px; border: 1px solid #dcdce0; border-radius: 7px; cursor: pointer; }
.cor span[b-1xsimsf6yf] { font-family: monospace; font-size: .85rem; color: #555; }
.explica[b-1xsimsf6yf] { color: #777; font-size: .86rem; margin: -.4rem 0 1rem; max-width: 70ch; }

/* Logo: prévia do jeito que aparece no topo do cardápio (quadrado arredondado). */
.logo-campo[b-1xsimsf6yf] { display: flex; gap: 1rem; align-items: flex-start; margin-top: .4rem; flex-wrap: wrap; }
.logo-previa[b-1xsimsf6yf] {
    width: 84px; height: 84px; flex-shrink: 0; border-radius: 20px; overflow: hidden;
    border: 1px solid #e4e4e7; background: var(--cor); color: var(--cor-texto);
    display: grid; place-items: center; font-size: 1.6rem; font-weight: 700;
}
.logo-previa img[b-1xsimsf6yf] { width: 100%; height: 100%; object-fit: contain; background: #fff; }
.logo-acoes[b-1xsimsf6yf] { display: flex; flex-direction: column; gap: .45rem; align-items: flex-start; max-width: 360px; }
.logo-botoes[b-1xsimsf6yf] { display: flex; gap: .5rem; }
.enviar-logo[b-1xsimsf6yf] { position: relative; overflow: hidden; cursor: pointer; }
.enviar-logo[b-1xsimsf6yf]  input[type=file] { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.logo-pendente[b-1xsimsf6yf] { color: #8a6d00 !important; }
.erro-logo[b-1xsimsf6yf] { color: #b3261e !important; font-weight: 600; }

/* Como cobrar a entrega */
.modos-taxa[b-1xsimsf6yf] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); gap: .6rem; margin-bottom: 1rem; }
.modo[b-1xsimsf6yf] {
    display: flex; gap: .65rem; align-items: flex-start; cursor: pointer;
    padding: .75rem .9rem; border: 1.5px solid #e4e4e7; border-radius: 10px; background: #fff;
}
.modo.sel[b-1xsimsf6yf] { border-color: var(--marca); background: var(--marca-clara); }
.modo input[b-1xsimsf6yf] { margin-top: .2rem; accent-color: var(--marca); }
.modo span[b-1xsimsf6yf] { display: flex; flex-direction: column; gap: .15rem; }
.modo strong[b-1xsimsf6yf] { font-size: .92rem; }
.modo small[b-1xsimsf6yf] { color: #666; font-size: .8rem; }

.distancia[b-1xsimsf6yf] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 1rem; margin-bottom: 1rem; }
.bloco-config[b-1xsimsf6yf] {
    display: flex; flex-direction: column; gap: .5rem; align-items: flex-start;
    padding: 1rem; border: 1px solid #ececee; border-radius: 10px; background: #fafafa;
}
.bloco-config > strong[b-1xsimsf6yf] { font-size: .9rem; }
.bloco-config > small[b-1xsimsf6yf] { color: #777; font-size: .8rem; line-height: 1.4; }
.coordenadas[b-1xsimsf6yf] { display: flex; gap: .6rem; width: 100%; }
.coordenadas .campo[b-1xsimsf6yf] { flex: 1; margin-bottom: 0; }
.aviso-local[b-1xsimsf6yf] { color: #8a6d00 !important; font-weight: 500; }

.faixas[b-1xsimsf6yf] { border-collapse: collapse; width: 100%; }
.faixas th[b-1xsimsf6yf] { text-align: left; font-size: .75rem; font-weight: 600; color: #888; text-transform: uppercase; letter-spacing: .04em; padding: 0 .4rem .3rem 0; }
.faixas td[b-1xsimsf6yf] { padding: .25rem .4rem .25rem 0; }
.faixas input[b-1xsimsf6yf] {
    width: 100%; max-width: 120px; padding: .45rem .55rem; border: 1px solid #dcdce0;
    border-radius: 8px; font-family: inherit; font-size: .9rem; background: #fff;
}

/* Prévia da capa: mesma proporção e escurecido da faixa do cardápio. */
.capa-previa[b-1xsimsf6yf] {
    margin: .4rem 0 .6rem; height: 112px; max-width: 480px; border-radius: 10px;
    display: flex; align-items: center; justify-content: center; text-align: center; padding: 0 1rem;
    background: linear-gradient(135deg, rgba(255, 255, 255, .14), rgba(0, 0, 0, .14)), var(--cor);
    color: rgba(255, 255, 255, .9); font-size: .8rem;
}
.capa-previa.com-foto[b-1xsimsf6yf] {
    height: 150px;
    background: linear-gradient(180deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .35)), var(--capa) center / cover no-repeat, var(--cor);
}
.endereco-cidade[b-1xsimsf6yf] { grid-template-columns: 2fr 1fr; }
@media (max-width: 640px) { .endereco-cidade[b-1xsimsf6yf] { grid-template-columns: 1fr; } }

/* Cartões e vales aceitos na entrega. */
.grupo-bandeiras[b-1xsimsf6yf] { margin-bottom: .8rem; }
.grupo-bandeiras > strong[b-1xsimsf6yf] { display: block; font-size: .85rem; color: #555; margin-bottom: .3rem; }
.lista-bandeiras[b-1xsimsf6yf] { display: flex; flex-wrap: wrap; gap: .2rem 1.4rem; }
.mp-conectado[b-1xsimsf6yf] { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem 1rem; padding: .75rem 1rem; margin-bottom: .9rem;
                background: #eaf7ee; border: 1px solid #bfe5c9; border-radius: 10px; }
.mp-conectado span[b-1xsimsf6yf] { color: #1a7f37; font-weight: 600; }
.mp-conectado small[b-1xsimsf6yf] { color: #4b5563; flex: 1 1 260px; }
/* /Components/Pages/Admin/DefinirSenha.razor.rz.scp.css */
.entrar[b-o54mkfgh8d] { }
.entrar h1[b-o54mkfgh8d] { font-size: 1.45rem; margin: 0 0 .35rem; letter-spacing: -.01em; }
.sub[b-o54mkfgh8d] { color: #666; font-size: .9rem; margin: 0 0 1.75rem; }
.entrar[b-o54mkfgh8d]  label { display: block; font-size: .82rem; color: #555; margin-bottom: 1rem; }
.entrar[b-o54mkfgh8d]  input {
    display: block; width: 100%; margin-top: .3rem; padding: .7rem .75rem;
    border: 1px solid #ddd; border-radius: 8px; font-size: .95rem; font-family: inherit;
}
.entrar[b-o54mkfgh8d]  input:focus { outline: none; border-color: var(--marca); box-shadow: 0 0 0 3px var(--marca-anel); }
.entrar[b-o54mkfgh8d]  button {
    width: 100%; height: 46px; margin-top: .5rem; border: none; border-radius: 8px;
    background: var(--marca); color: #fff; font-size: .95rem; font-weight: 600; cursor: pointer; transition: background .15s;
}
.ok[b-o54mkfgh8d] { background: #f1faf3; color: #1f5f33; border: 1px solid #cfe9d6; padding: .7rem .85rem; border-radius: 8px; font-size: .9rem; line-height: 1.45; }
.dica[b-o54mkfgh8d] { font-size: .78rem; color: #888; margin: -.4rem 0 .8rem; }
.voltar[b-o54mkfgh8d] { margin-top: 1.25rem; font-size: .85rem; }
.voltar a[b-o54mkfgh8d] { color: #555; }
.botao[b-o54mkfgh8d] {
    display: flex; align-items: center; justify-content: center; height: 46px; margin-top: 1rem;
    border-radius: 8px; background: var(--marca); color: #fff; font-weight: 600; text-decoration: none;
}
.botao:hover[b-o54mkfgh8d] { color: #fff; background: #333; }
.entrar[b-o54mkfgh8d]  button:hover { background: var(--marca-escura); }
/* /Components/Pages/Admin/EditarProduto.razor.rz.scp.css */
.voltar[b-xkc6kzeydp] { font-size: .85rem; color: #777; text-decoration: none; display: inline-block; margin-bottom: .4rem; }
.ajuda[b-xkc6kzeydp] { margin: .2rem 0 0; color: #888; font-size: .82rem; }
.aviso ul[b-xkc6kzeydp] { margin: .35rem 0 0; padding-left: 1.1rem; }

.grupo[b-xkc6kzeydp] { border: 1px solid #ececee; border-radius: 10px; padding: 1rem; margin-bottom: 1rem; background: #fcfcfd; }
.grupo-topo[b-xkc6kzeydp] { display: flex; gap: .75rem; align-items: flex-end; flex-wrap: wrap; }
.grupo-topo .campo[b-xkc6kzeydp] { margin-bottom: .4rem; }
.nome-grupo[b-xkc6kzeydp] { flex: 1; min-width: 200px; }
.pequeno[b-xkc6kzeydp] { width: 90px; }
.remover-grupo[b-xkc6kzeydp] { margin-bottom: .45rem; }
.resumo-regra[b-xkc6kzeydp] { margin: 0 0 .75rem; font-size: .8rem; color: #2b5797; }

.opcoes[b-xkc6kzeydp] { margin-bottom: .6rem; }
.opcoes td[b-xkc6kzeydp] { padding: .35rem .4rem; }
input.inline[b-xkc6kzeydp] {
    width: 100%; padding: .45rem .55rem; border: 1px solid #e2e2e6; border-radius: 6px;
    font-family: inherit; font-size: .88rem; background: #fff;
}
input.inline:focus[b-xkc6kzeydp] { outline: none; border-color: var(--marca); box-shadow: 0 0 0 3px var(--marca-anel); }

.confirmar-texto[b-xkc6kzeydp] { font-size: .88rem; color: #b3261e; margin-right: .5rem; }

.grupo .acoes[b-xkc6kzeydp] { margin-top: .2rem; }
.aplicar[b-xkc6kzeydp] { margin-top: .9rem; padding: .9rem 1rem; background: #fff; border: 1px dashed #c9c9d0; border-radius: 10px; }
.aplicar-titulo[b-xkc6kzeydp] { margin: 0 0 .75rem; font-size: .88rem; }
.aplicar-categoria[b-xkc6kzeydp] { margin-bottom: .6rem; padding-bottom: .5rem; border-bottom: 1px solid #f0f0f2; }
.aplicar-categoria .check[b-xkc6kzeydp] { margin-bottom: .35rem; font-size: .88rem; }
.aplicar-categoria .check:not(.marcar-todos)[b-xkc6kzeydp] { padding-left: 1.6rem; }
.aplicar .selo[b-xkc6kzeydp] { margin-left: .35rem; }
.fraco[b-xkc6kzeydp] { color: #999; font-size: .78rem; }

.foto[b-xkc6kzeydp] { display: flex; gap: 1rem; align-items: flex-start; margin-top: .4rem; flex-wrap: wrap; }
.foto img[b-xkc6kzeydp], .sem-foto[b-xkc6kzeydp] {
    width: 160px; height: 120px; border-radius: 10px; object-fit: cover; flex-shrink: 0;
    border: 1px solid #ececee; background: #f6f6f7;
}
.sem-foto[b-xkc6kzeydp] { display: flex; align-items: center; justify-content: center; color: #aaa; font-size: .82rem; }
.foto-acoes[b-xkc6kzeydp] { display: flex; flex-direction: column; gap: .45rem; align-items: flex-start; max-width: 320px; }
.enviar-foto[b-xkc6kzeydp] { position: relative; overflow: hidden; cursor: pointer; }
.enviar-foto[b-xkc6kzeydp]  input[type=file] { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.erro-foto[b-xkc6kzeydp] { color: #b3261e !important; font-weight: 600; }

/* Etiquetas do produto */
.etiquetas-produto[b-xkc6kzeydp] { margin-top: .9rem; padding-top: .9rem; border-top: 1px solid #f0f1f3; }
.rotulo-etiquetas[b-xkc6kzeydp] { display: block; font-size: .82rem; color: #555; margin-bottom: .45rem; }
.chips-etiquetas[b-xkc6kzeydp] { display: flex; gap: .4rem; flex-wrap: wrap; align-items: center; }
.chip-etiqueta[b-xkc6kzeydp] { padding: .3rem .75rem; border-radius: 999px; border: 1px dashed #c9ccd3; background: #fff; color: #6b7280;
                 font: inherit; font-size: .84rem; font-weight: 600; cursor: pointer; }
.chip-etiqueta.marcada[b-xkc6kzeydp] { border-style: solid; }
/* /Components/Pages/Admin/Entrar.razor.rz.scp.css */
.entrar[b-pbd36gqbr2] { }
.entrar h1[b-pbd36gqbr2] { font-size: 1.45rem; margin: 0 0 .35rem; letter-spacing: -.01em; }
.sub[b-pbd36gqbr2] { color: #666; font-size: .9rem; margin: 0 0 1.75rem; }
.entrar[b-pbd36gqbr2]  label { display: block; font-size: .82rem; color: #555; margin-bottom: 1rem; }
.entrar[b-pbd36gqbr2]  input {
    display: block; width: 100%; margin-top: .3rem; padding: .7rem .75rem;
    border: 1px solid #ddd; border-radius: 8px; font-size: .95rem; font-family: inherit;
}
.entrar[b-pbd36gqbr2]  input:focus { outline: none; border-color: var(--marca); box-shadow: 0 0 0 3px var(--marca-anel); }
.entrar[b-pbd36gqbr2]  button {
    width: 100%; height: 46px; margin-top: .5rem; border: none; border-radius: 8px;
    background: var(--marca); color: #fff; font-size: .95rem; font-weight: 600; cursor: pointer; transition: background .15s;
}
.erro[b-pbd36gqbr2] { background: #fdecec; color: #b3261e; padding: .6rem .75rem; border-radius: 8px; font-size: .85rem; }

.escolher-loja[b-pbd36gqbr2] { border: 1px solid #e2e2e6; border-radius: 10px; padding: .6rem .9rem .3rem; margin: 0 0 1rem; }
.escolher-loja legend[b-pbd36gqbr2] { font-size: .82rem; color: #555; padding: 0 .3rem; }
.entrar[b-pbd36gqbr2]  .opcao-loja { display: flex; align-items: center; gap: .55rem; font-size: .95rem; color: #111; margin-bottom: .55rem; cursor: pointer; }
.entrar[b-pbd36gqbr2]  .opcao-loja input { width: 18px; height: 18px; margin: 0; accent-color: var(--marca); display: inline-block; }
.esqueci[b-pbd36gqbr2] { margin-top: 1.1rem; text-align: center; font-size: .85rem; }
.esqueci a[b-pbd36gqbr2] { color: var(--marca); text-decoration: none; font-weight: 500; }
.esqueci a:hover[b-pbd36gqbr2] { text-decoration: underline; }
.entrar[b-pbd36gqbr2]  button:hover { background: var(--marca-escura); }
/* /Components/Pages/Admin/Equipe.razor.rz.scp.css */
h2[b-utm9ibvc5g] { font-size: 1rem; margin: 0 0 .9rem; }

.email[b-utm9ibvc5g] { color: #888; font-size: .82rem; margin-top: .1rem; }
.voce[b-utm9ibvc5g] { color: #999; font-size: .8rem; font-weight: 400; }
tr.inativo td[b-utm9ibvc5g] { opacity: .5; }
.fraco[b-utm9ibvc5g] { color: #999; font-size: .8rem; }

select[b-utm9ibvc5g] {
    padding: .4rem .55rem; border: 1px solid #dcdce0; border-radius: 8px;
    font-family: inherit; font-size: .85rem; background: #fff;
}

.senha-nova[b-utm9ibvc5g] { display: flex; flex-direction: column; gap: .35rem; }
code[b-utm9ibvc5g] { background: #fff; padding: .15rem .45rem; border-radius: 5px; font-size: 1rem; letter-spacing: .04em; }

.papeis[b-utm9ibvc5g] { border: none; margin: .4rem 0 1rem; padding: 0; }
.opcoes-papel[b-utm9ibvc5g] { display: grid; gap: .6rem; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); }
.papeis legend[b-utm9ibvc5g] { font-size: .85rem; color: #555; margin-bottom: .5rem; }
.papel[b-utm9ibvc5g] {
    display: flex; gap: .7rem; align-items: flex-start; cursor: pointer;
    padding: .8rem .9rem; border: 1.5px solid #e4e4e7; border-radius: 10px; background: #fff;
}
.papel.sel[b-utm9ibvc5g] { border-color: var(--marca); background: var(--marca-clara); }
.papel input[b-utm9ibvc5g] { margin-top: .2rem; accent-color: var(--marca); }
.papel span[b-utm9ibvc5g] { display: flex; flex-direction: column; gap: .2rem; }
.papel strong[b-utm9ibvc5g] { font-size: .92rem; }
.papel small[b-utm9ibvc5g] { color: #666; font-size: .8rem; line-height: 1.4; }

/* Celular: cada pessoa vira um card, com os botões numa linha própria. */
@media (max-width: 640px) {
    .tabela thead[b-utm9ibvc5g] { display: none; }
    .tabela[b-utm9ibvc5g], .tabela tbody[b-utm9ibvc5g] { display: block; }
    .tabela tr[b-utm9ibvc5g] {
        display: grid; grid-template-columns: 1fr auto; gap: .55rem .75rem; align-items: center;
        padding: .85rem 0; border-bottom: 1px solid #f3f3f5;
    }
    .tabela tr:last-child[b-utm9ibvc5g] { border-bottom: none; }
    .tabela td[b-utm9ibvc5g] { padding: 0; border: none; }
    .col-nome[b-utm9ibvc5g] { grid-column: 1 / -1; min-width: 0; overflow-wrap: anywhere; }
    .col-situacao[b-utm9ibvc5g] { justify-self: end; }
    .col-acoes[b-utm9ibvc5g] { grid-column: 1 / -1; }
    .col-acoes .acoes[b-utm9ibvc5g] { justify-content: flex-start !important; }
}
/* /Components/Pages/Admin/EsqueciSenha.razor.rz.scp.css */
.entrar[b-b7d0ltcwmc] { }
.entrar h1[b-b7d0ltcwmc] { font-size: 1.45rem; margin: 0 0 .35rem; letter-spacing: -.01em; }
.sub[b-b7d0ltcwmc] { color: #666; font-size: .9rem; margin: 0 0 1.75rem; }
.entrar[b-b7d0ltcwmc]  label { display: block; font-size: .82rem; color: #555; margin-bottom: 1rem; }
.entrar[b-b7d0ltcwmc]  input {
    display: block; width: 100%; margin-top: .3rem; padding: .7rem .75rem;
    border: 1px solid #ddd; border-radius: 8px; font-size: .95rem; font-family: inherit;
}
.entrar[b-b7d0ltcwmc]  input:focus { outline: none; border-color: var(--marca); box-shadow: 0 0 0 3px var(--marca-anel); }
.entrar[b-b7d0ltcwmc]  button {
    width: 100%; height: 46px; margin-top: .5rem; border: none; border-radius: 8px;
    background: var(--marca); color: #fff; font-size: .95rem; font-weight: 600; cursor: pointer; transition: background .15s;
}
.ok[b-b7d0ltcwmc] { background: #f1faf3; color: #1f5f33; border: 1px solid #cfe9d6; padding: .7rem .85rem; border-radius: 8px; font-size: .9rem; line-height: 1.45; }
.dica[b-b7d0ltcwmc] { font-size: .78rem; color: #888; margin: -.4rem 0 .8rem; }
.voltar[b-b7d0ltcwmc] { margin-top: 1.25rem; font-size: .85rem; }
.voltar a[b-b7d0ltcwmc] { color: #555; }
.botao[b-b7d0ltcwmc] {
    display: flex; align-items: center; justify-content: center; height: 46px; margin-top: 1rem;
    border-radius: 8px; background: var(--marca); color: #fff; font-weight: 600; text-decoration: none;
}
.botao:hover[b-b7d0ltcwmc] { color: #fff; background: #333; }
.entrar[b-b7d0ltcwmc]  button:hover { background: var(--marca-escura); }
/* /Components/Pages/Admin/Etiquetas.razor.rz.scp.css */
.form-etiqueta[b-p15ttnh1qz] { display: flex; gap: 1rem; flex-wrap: wrap; align-items: flex-end; }
.form-etiqueta .campo[b-p15ttnh1qz] { flex: 1 1 260px; margin-bottom: .75rem; }
.form-etiqueta .campo.cor[b-p15ttnh1qz] { flex: 0 0 auto; }
.form-etiqueta .campo.cor input[b-p15ttnh1qz] { width: 64px; height: 40px; padding: 2px; cursor: pointer; }

.paletas[b-p15ttnh1qz] { display: flex; gap: .4rem; flex-wrap: wrap; align-items: center; margin-bottom: .9rem; }
.paleta[b-p15ttnh1qz] { width: 38px; height: 30px; border-radius: 999px; border: 1px solid; font: inherit; font-size: .8rem; font-weight: 600; cursor: pointer; }

.previa[b-p15ttnh1qz] { display: flex; gap: .75rem; align-items: center; flex-wrap: wrap; padding: .9rem 1rem; margin-bottom: 1rem;
          background: #fafafb; border: 1px dashed #e2e4e9; border-radius: 10px; }
.fraco[b-p15ttnh1qz] { color: #888; font-size: .84rem; }

/* Mesmo desenho da etiqueta do cardápio. */
.etiqueta[b-p15ttnh1qz] { display: inline-flex; align-items: center; padding: .28rem .75rem; border-radius: 999px;
            border: 1px solid; font-size: .85rem; font-weight: 600; line-height: 1.2; white-space: nowrap; }

.acoes-linha[b-p15ttnh1qz] { white-space: nowrap; }
.acoes-linha .btn[b-p15ttnh1qz] { margin-left: .3rem; }
.ok-etiqueta[b-p15ttnh1qz] { color: #1a7f37; font-size: .9rem; font-weight: 600; align-self: center; }
/* /Components/Pages/Admin/HistoricoDePedidos.razor.rz.scp.css */
.filtros[b-rab732puqp] { display: flex; flex-direction: column; gap: .8rem; }
.periodos[b-rab732puqp] { display: flex; gap: .4rem; flex-wrap: wrap; }
.datas[b-rab732puqp] { display: flex; gap: 1rem; flex-wrap: wrap; font-size: .85rem; color: #555; }
.datas input[b-rab732puqp], .linha-filtros select[b-rab732puqp], .linha-filtros input[b-rab732puqp] {
    padding: .5rem .6rem; border: 1px solid #dcdce0; border-radius: 8px; font-family: inherit; font-size: .9rem; margin-left: .3rem;
}
.linha-filtros[b-rab732puqp] { display: flex; gap: .6rem; flex-wrap: wrap; }
.linha-filtros select[b-rab732puqp] { margin-left: 0; }
.busca[b-rab732puqp] { flex: 1; min-width: 200px; margin-left: 0 !important; }

.numeros[b-rab732puqp] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(160px, 100%), 1fr)); gap: 1rem; margin-bottom: 1.25rem; }
.numeros .cartao[b-rab732puqp] { margin-bottom: 0; }
.numero span[b-rab732puqp] { display: block; font-size: .78rem; color: #888; margin-bottom: .35rem; }
.numero strong[b-rab732puqp] { font-size: 1.4rem; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.numero strong.alerta[b-rab732puqp] { color: #b3261e; }
.numero small[b-rab732puqp] { display: block; font-size: .7rem; color: #aaa; margin-top: .2rem; }

.tabela-rolagem[b-rab732puqp] { overflow-x: auto; }
.tabela-rolagem .tabela[b-rab732puqp] { min-width: 640px; }
.linha-pedido[b-rab732puqp] { cursor: pointer; }
.linha-pedido:hover td[b-rab732puqp] { background: #fafafb; }
.linha-pedido.aberta td[b-rab732puqp] { background: #f4f4f6; border-bottom-color: transparent; }
.fraco[b-rab732puqp] { color: #888; }
td.direita[b-rab732puqp] { font-variant-numeric: tabular-nums; }

.detalhe td[b-rab732puqp] { background: #f4f4f6; padding: 0 .9rem 1.1rem; }
.detalhe-grade[b-rab732puqp] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap: 1.5rem; }
.detalhe h3[b-rab732puqp] { font-size: .72rem; text-transform: uppercase; letter-spacing: .06em; color: #888; margin: .8rem 0 .45rem; }
.detalhe p[b-rab732puqp] { margin: 0 0 .3rem; font-size: .88rem; }
.itens[b-rab732puqp] { list-style: none; margin: 0; padding: 0; }
.itens li[b-rab732puqp] { display: grid; grid-template-columns: 1fr auto; gap: .1rem .75rem; padding: .35rem 0; border-bottom: 1px dashed #e2e2e6; font-size: .88rem; }
.itens small[b-rab732puqp] { grid-column: 1 / -1; color: #777; font-size: .78rem; }
.obs[b-rab732puqp] { color: #8a6d3b; font-style: italic; }
.valores[b-rab732puqp] { display: grid; grid-template-columns: 1fr auto; gap: .2rem .75rem; margin: .6rem 0 0; font-size: .86rem; font-variant-numeric: tabular-nums; }
.valores dt[b-rab732puqp] { color: #777; }
.valores dd[b-rab732puqp] { margin: 0; text-align: right; }
.tempo[b-rab732puqp] { list-style: none; margin: 0; padding: 0; font-size: .85rem; }
.tempo li[b-rab732puqp] { display: flex; justify-content: space-between; padding: .2rem 0; font-variant-numeric: tabular-nums; }
.tempo li span:first-child[b-rab732puqp] { color: #555; }
.tempo li.cancelado span[b-rab732puqp] { color: #b3261e; }

.mais[b-rab732puqp] { text-align: center; margin-top: 1rem; }
/* /Components/Pages/Admin/Horarios.razor.rz.scp.css */
.fraco[b-wea8b2a9l8] { color: #888; font-size: .84rem; }

/* Preencher rápido */
.rapido h2[b-wea8b2a9l8] { margin-bottom: .2rem; }
.rapido .fraco[b-wea8b2a9l8] { margin: 0 0 .75rem; }
.chips[b-wea8b2a9l8] { display: flex; gap: .35rem; flex-wrap: wrap; margin-bottom: .75rem; }
.chip[b-wea8b2a9l8] {
    min-width: 52px; padding: .4rem .7rem; border: 1px solid #dcdce0; border-radius: 999px; background: #fff;
    font: inherit; font-size: .85rem; cursor: pointer;
}
.chip.sel[b-wea8b2a9l8] { background: var(--marca); border-color: var(--marca); color: #fff; }
.linha-rapida[b-wea8b2a9l8] { display: flex; gap: .75rem; align-items: flex-end; flex-wrap: wrap; }
.linha-rapida label[b-wea8b2a9l8], .turno label[b-wea8b2a9l8] { display: flex; flex-direction: column; gap: .2rem; font-size: .75rem; color: #6b7280; }

/* Semana: um dia por linha */
.semana[b-wea8b2a9l8] { padding-top: .4rem; padding-bottom: .4rem; }
.dia[b-wea8b2a9l8] { display: flex; gap: 1.25rem; align-items: flex-start; padding: .85rem 0; border-bottom: 1px solid #f1f2f4; }
.dia:last-child[b-wea8b2a9l8] { border-bottom: none; }
.dia.fechado[b-wea8b2a9l8] { align-items: center; }

.chave[b-wea8b2a9l8] { display: flex; align-items: center; gap: .65rem; width: 150px; flex-shrink: 0; cursor: pointer; padding-top: .9rem; }
.dia.fechado .chave[b-wea8b2a9l8] { padding-top: 0; }
.chave input[b-wea8b2a9l8] { position: absolute; opacity: 0; width: 1px; height: 1px; }
.trilho-chave[b-wea8b2a9l8] { width: 38px; height: 22px; border-radius: 999px; background: #d1d5db; position: relative; transition: background .15s; flex-shrink: 0; }
.trilho-chave span[b-wea8b2a9l8] { position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; transition: left .15s; box-shadow: 0 1px 2px rgba(0,0,0,.2); }
.chave input:checked + .trilho-chave[b-wea8b2a9l8] { background: var(--marca); }
.chave input:checked + .trilho-chave span[b-wea8b2a9l8] { left: 19px; }
.chave input:focus-visible + .trilho-chave[b-wea8b2a9l8] { box-shadow: 0 0 0 3px var(--marca-anel); }
.dia.fechado strong[b-wea8b2a9l8] { color: #9ca3af; }

.situacao[b-wea8b2a9l8] { color: #9ca3af; font-size: .88rem; }

.turnos[b-wea8b2a9l8] { display: flex; flex-direction: column; gap: .55rem; flex: 1; }
.turno[b-wea8b2a9l8] { display: flex; align-items: flex-end; gap: .75rem; flex-wrap: wrap; }
.rotulo-turno[b-wea8b2a9l8] { font-size: .75rem; color: #6b7280; width: 58px; padding-bottom: .55rem; }
.madrugada[b-wea8b2a9l8] { background: var(--marca-clara); color: var(--marca-escura); padding: .2rem .55rem; border-radius: 999px; font-size: .72rem; margin-bottom: .45rem; }
.remover[b-wea8b2a9l8] { border: none; background: none; color: #b3261e; font: inherit; font-size: .82rem; cursor: pointer; padding: 0 0 .55rem; }
.link-turno[b-wea8b2a9l8] { align-self: flex-start; border: none; background: none; color: var(--marca); font: inherit; font-size: .85rem; cursor: pointer; padding: 0; }
.link-turno:hover[b-wea8b2a9l8] { text-decoration: underline; }

@media (max-width: 600px) {
    .dia[b-wea8b2a9l8] { flex-direction: column; gap: .5rem; }
    .chave[b-wea8b2a9l8] { width: auto; padding-top: 0; }
}
/* /Components/Pages/Admin/ImportarCardapio.razor.rz.scp.css */
.passos[b-fcrueuoltd] { margin: 0 0 .9rem; padding-left: 1.2rem; font-size: .9rem; color: #444; }
.passos li[b-fcrueuoltd] { margin-bottom: .35rem; }
textarea[b-fcrueuoltd] { width: 100%; font-family: ui-monospace, Consolas, monospace; font-size: .85rem; tab-size: 18; }
.fraco[b-fcrueuoltd] { color: #888; }
.opcao[b-fcrueuoltd] { display: flex; gap: .5rem; align-items: center; margin-top: .75rem; font-size: .9rem; }
.cartao-titulo small[b-fcrueuoltd] { color: #888; }
tr.erro td[b-fcrueuoltd] { color: #b3261e; background: #fdf3f2; }
.tabela td.direita[b-fcrueuoltd] { white-space: nowrap; }
.barra-salvar[b-fcrueuoltd] { display: flex; justify-content: flex-end; align-items: center; gap: 1rem; margin-top: 1rem; }
.ok[b-fcrueuoltd] { color: #1a7f37; font-weight: 600; }
/* /Components/Pages/Admin/Inicio.razor.rz.scp.css */
.status-loja[b-9efzxhhbc2] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; border-left: 4px solid #ccc; }
.status-loja.aberta[b-9efzxhhbc2] { border-left-color: #1a7f37; }
.status-loja.fechada[b-9efzxhhbc2] { border-left-color: #b3261e; }
.status-loja .rotulo[b-9efzxhhbc2] { display: block; font-size: .72rem; text-transform: uppercase; letter-spacing: .05em; color: #999; }
.status-loja strong[b-9efzxhhbc2] { display: block; font-size: 1.1rem; margin: .15rem 0; }
.status-loja small[b-9efzxhhbc2] { color: #777; font-size: .84rem; }

.numeros[b-9efzxhhbc2] { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 1rem; margin-bottom: 1.25rem; }
.numeros .cartao[b-9efzxhhbc2] { margin-bottom: 0; }
.numero span[b-9efzxhhbc2] { display: block; font-size: .78rem; color: #888; margin-bottom: .35rem; }
.numero strong[b-9efzxhhbc2] { font-size: 1.5rem; letter-spacing: -.02em; }
.numero strong.alerta[b-9efzxhhbc2] { color: #b3261e; }

/* Celular: só o essencial dos últimos pedidos (número, cliente, status e total). */
@media (max-width: 640px) {
    .tabela th:nth-child(3)[b-9efzxhhbc2], .tabela td:nth-child(3)[b-9efzxhhbc2],
    .tabela th:nth-child(5)[b-9efzxhhbc2], .tabela td:nth-child(5)[b-9efzxhhbc2] { display: none; }
    .tabela th[b-9efzxhhbc2], .tabela td[b-9efzxhhbc2] { padding-left: .35rem; padding-right: .35rem; }
    .status-loja[b-9efzxhhbc2] { flex-wrap: wrap; }
}

/* Primeiros passos */
.primeiros-passos[b-9efzxhhbc2] { border-left: 4px solid var(--marca); border-radius: 0 12px 12px 0; }
.primeiros-passos .cartao-titulo small[b-9efzxhhbc2] { color: #888; }
.progresso[b-9efzxhhbc2] { height: .45rem; background: #f1f1f1; border-radius: 999px; overflow: hidden; margin: .25rem 0 .9rem; }
.progresso div[b-9efzxhhbc2] { height: 100%; background: var(--marca); border-radius: 999px; }
.primeiros-passos ol[b-9efzxhhbc2] { list-style: none; margin: 0; padding: 0; }
.primeiros-passos li[b-9efzxhhbc2] { display: flex; align-items: center; gap: .75rem; padding: .55rem 0; border-top: 1px solid #f0f0f0; }
.primeiros-passos li > div[b-9efzxhhbc2] { flex: 1; min-width: 0; }
.primeiros-passos li strong[b-9efzxhhbc2] { display: block; font-size: .92rem; }
.primeiros-passos li small[b-9efzxhhbc2] { color: #777; font-size: .8rem; }
.primeiros-passos .marca[b-9efzxhhbc2] { width: 1.4rem; height: 1.4rem; border-radius: 50%; border: 2px solid #ccc; flex-shrink: 0;
                           display: grid; place-items: center; font-size: .8rem; color: #fff; }
.primeiros-passos li.feito .marca[b-9efzxhhbc2] { background: #1a7f37; border-color: #1a7f37; }
.primeiros-passos li.feito strong[b-9efzxhhbc2] { color: #999; text-decoration: line-through; font-weight: 500; }
@media (max-width: 640px) { .primeiros-passos li[b-9efzxhhbc2] { flex-wrap: wrap; } .primeiros-passos li .btn[b-9efzxhhbc2] { margin-left: 2.15rem; } }
/* /Components/Pages/Admin/PedidosCozinha.razor.rz.scp.css */
.som-ok[b-fhgg4ogh4q] { font-size: .85rem; color: #1a7f37; font-weight: 600; }

.faixa-novo[b-fhgg4ogh4q] {
    display: flex; justify-content: space-between; align-items: center; gap: 1rem;
    background: #1a7f37; color: #fff; border-radius: 12px; padding: .85rem 1.1rem;
    margin-bottom: 1.25rem; cursor: pointer; animation: pulsar-b-fhgg4ogh4q 1.2s ease-in-out infinite;
}
.faixa-novo strong[b-fhgg4ogh4q] { font-size: 1.05rem; }
.faixa-novo span[b-fhgg4ogh4q] { font-size: .8rem; opacity: .85; }
@keyframes pulsar-b-fhgg4ogh4q { 50% { box-shadow: 0 0 0 6px rgba(26,127,55,.25); } }

.contador[b-fhgg4ogh4q] {
    display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 22px;
    padding: 0 .4rem; border-radius: 999px; background: var(--marca); color: #fff; font-size: .75rem; font-weight: 700;
}

/* Aguardando pagamento: faixa separada, esmaecida — não é para produzir */
.aguardando[b-fhgg4ogh4q] { border-left: 4px solid #d4a100; background: #fffdf5; }
.aguardando .cartao-titulo[b-fhgg4ogh4q] { flex-wrap: wrap; gap: .5rem; }
.aguardando .cartao-titulo small[b-fhgg4ogh4q] { color: #8a6d00; font-size: .8rem; }
.aguardando .contador[b-fhgg4ogh4q] { background: #d4a100; }
.lista-aguardando[b-fhgg4ogh4q] { display: flex; flex-direction: column; gap: .5rem; }
.linha-aguardando[b-fhgg4ogh4q] {
    display: flex; align-items: center; gap: 1rem; flex-wrap: wrap;
    padding: .55rem 0; border-top: 1px solid #f3ecd6; font-size: .88rem;
}
.linha-aguardando > span:first-child[b-fhgg4ogh4q] { flex: 1; min-width: 220px; }
.fraco[b-fhgg4ogh4q] { color: #999; font-size: .82rem; }

/* Quadro: três colunas no computador/tablet, uma embaixo da outra no celular */
.quadro[b-fhgg4ogh4q] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; align-items: start; }
@media (max-width: 1100px) { .quadro[b-fhgg4ogh4q] { grid-template-columns: 1fr; } }

.coluna[b-fhgg4ogh4q] { background: #eeeef1; border-radius: 12px; padding: .75rem; min-height: 180px; }
.coluna > header[b-fhgg4ogh4q] { display: flex; justify-content: space-between; align-items: center; padding: .15rem .25rem .65rem; }
.coluna > header h2[b-fhgg4ogh4q] { font-size: .95rem; margin: 0; }
.coluna-vazia[b-fhgg4ogh4q] { text-align: center; color: #aaa; font-size: .85rem; padding: 2rem .5rem; margin: 0; }

.ficha[b-fhgg4ogh4q] {
    background: #fff; border-radius: 10px; padding: .85rem; margin-bottom: .75rem;
    border-left: 4px solid #1a7f37; box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
.ficha.atencao[b-fhgg4ogh4q] { border-left-color: #d4a100; }
.ficha.atrasado[b-fhgg4ogh4q] { border-left-color: #b3261e; background: #fffafa; }

.ficha-topo[b-fhgg4ogh4q] { display: flex; align-items: center; gap: .5rem; margin-bottom: .6rem; }
.numero[b-fhgg4ogh4q] { font-size: 1.25rem; letter-spacing: -.02em; }
.tipo[b-fhgg4ogh4q] { font-size: .72rem; font-weight: 600; padding: .15rem .5rem; border-radius: 999px; }
.tipo.entrega[b-fhgg4ogh4q] { background: #eef3fb; color: #2b5797; }
.tipo.retirada[b-fhgg4ogh4q] { background: #f3eefb; color: #6b3fa0; }
.tempo[b-fhgg4ogh4q] { margin-left: auto; font-size: .8rem; color: #777; font-weight: 600; }
.ficha.atencao .tempo[b-fhgg4ogh4q] { color: #8a6d00; }
.ficha.atrasado .tempo[b-fhgg4ogh4q] { color: #b3261e; }

/* Cada item num bloco próprio: na correria, o olho separa um lanche do outro. */
.itens[b-fhgg4ogh4q] { list-style: none; margin: 0 0 .65rem; padding: 0; display: flex; flex-direction: column; gap: .4rem; }
.itens li[b-fhgg4ogh4q] {
    display: flex; gap: .55rem; padding: .5rem .6rem; font-size: .9rem;
    background: #f8f9fb; border: 1px solid #eceef2; border-radius: 8px;
}
.qtd[b-fhgg4ogh4q] {
    font-weight: 700; min-width: 30px; height: 24px; display: inline-flex; align-items: center; justify-content: center;
    background: var(--marca-clara); color: var(--marca-escura); border-radius: 6px; font-size: .85rem; flex-shrink: 0;
}
.opcoes[b-fhgg4ogh4q] { font-size: .78rem; color: #666; margin-top: .1rem; }
.obs[b-fhgg4ogh4q] { font-size: .8rem; color: #b3261e; font-weight: 600; margin-top: .15rem; }
.obs-pedido[b-fhgg4ogh4q] { background: #fdecec; padding: .35rem .5rem; border-radius: 6px; margin-bottom: .5rem; }

.ficha-cliente[b-fhgg4ogh4q] { background: #f7f7f8; border-radius: 8px; padding: .55rem .65rem; font-size: .82rem; margin-bottom: .65rem; }
.ficha-cliente > div:first-child[b-fhgg4ogh4q] { display: flex; justify-content: space-between; gap: .5rem; flex-wrap: wrap; }
.zap[b-fhgg4ogh4q] { color: #1a7f37; text-decoration: none; font-weight: 600; }
.endereco[b-fhgg4ogh4q] { color: #555; margin-top: .2rem; }
.pagamento[b-fhgg4ogh4q] { display: flex; align-items: baseline; gap: .25rem; margin-top: .3rem; color: #555; flex-wrap: wrap; }
.pagamento .total[b-fhgg4ogh4q] { margin-left: auto; color: #111; font-size: .95rem; }

.ficha-acoes[b-fhgg4ogh4q] { display: flex; flex-direction: column; gap: .5rem; }
.avancar[b-fhgg4ogh4q] { width: 100%; height: 44px; font-size: .95rem; font-weight: 600; }
.acoes-secundarias[b-fhgg4ogh4q] { display: flex; gap: .4rem; flex-wrap: wrap; }
.acoes-secundarias > .btn[b-fhgg4ogh4q] { flex: 1; }
.confirmar[b-fhgg4ogh4q] { background: var(--marca-clara); border: 1px solid #c7d2fe; border-radius: 8px; padding: .6rem; font-size: .88rem; color: #312e81; }
.confirmar-botoes[b-fhgg4ogh4q] { display: flex; gap: .4rem; margin-top: .5rem; }
.confirmar-botoes > .btn[b-fhgg4ogh4q] { flex: 1; }

.cancelar[b-fhgg4ogh4q] { display: flex; gap: .4rem; flex-wrap: wrap; width: 100%; }
.cancelar input[b-fhgg4ogh4q] {
    flex: 1; min-width: 140px; padding: .35rem .5rem; border: 1px solid #f0c9c6;
    border-radius: 6px; font-family: inherit; font-size: .82rem;
}

.golpe[b-fhgg4ogh4q] {
    margin: 0 0 .75rem; padding: .55rem .75rem; border-radius: 8px;
    background: #fdecec; color: #8c1d18; font-size: .84rem;
}
.ref[b-fhgg4ogh4q] {
    display: inline-block; margin-left: .35rem; font-family: ui-monospace, Consolas, monospace;
    font-size: .74rem; background: #f3ecd6; color: #6b5300; padding: .05rem .4rem; border-radius: 4px;
}

.prazo[b-fhgg4ogh4q] { font-size: .76rem; color: #8a6d00; background: #f3ecd6; padding: .1rem .45rem; border-radius: 999px; white-space: nowrap; }
.prazo.curto[b-fhgg4ogh4q] { color: #fff; background: #b3261e; }
.km[b-fhgg4ogh4q] { color: #888; white-space: nowrap; }

/* Impressão: configuração do aparelho, discreta, acima dos pedidos. */
.impressao[b-fhgg4ogh4q] {
    display: flex; align-items: center; gap: .6rem 1rem; flex-wrap: wrap;
    padding: .6rem .9rem; margin-bottom: 1rem; border: 1px solid #ececee; border-radius: 10px; background: #fff;
    font-size: .88rem;
}
.impressao.ligada[b-fhgg4ogh4q] { border-color: #b7dfc2; background: #f1faf3; }
.impressao-chave[b-fhgg4ogh4q] { display: flex; align-items: center; gap: .5rem; cursor: pointer; font-weight: 600; }
.impressao-chave input[b-fhgg4ogh4q] { width: 18px; height: 18px; accent-color: #1a7f37; }
.impressao-chave small[b-fhgg4ogh4q] { font-weight: 400; color: #888; }
.impressao-largura[b-fhgg4ogh4q] { display: flex; align-items: center; gap: .4rem; color: #555; }
.impressao-largura select[b-fhgg4ogh4q] { padding: .25rem .4rem; border: 1px solid #dcdce0; border-radius: 6px; font: inherit; }
.ajuda-impressao[b-fhgg4ogh4q] { font-size: .8rem; margin-left: auto; }

/* Esgotados */
.estoque[b-fhgg4ogh4q] { margin-bottom: 1rem; }
.painel-estoque[b-fhgg4ogh4q] { margin-top: .6rem; }
.painel-estoque input[b-fhgg4ogh4q] { width: 100%; max-width: 360px; margin-bottom: .75rem; }
.colunas-estoque[b-fhgg4ogh4q] { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1rem; }
.colunas-estoque h3[b-fhgg4ogh4q] { font-size: .8rem; text-transform: uppercase; letter-spacing: .05em; color: #888; margin: 0 0 .4rem; }
.item-estoque[b-fhgg4ogh4q] { display: flex; justify-content: space-between; gap: .5rem; width: 100%; padding: .55rem .7rem; margin-bottom: .3rem;
                border: 1px solid #e5e5e5; border-radius: 8px; background: #fff; font: inherit; font-size: .9rem; cursor: pointer; text-align: left; }
.item-estoque strong[b-fhgg4ogh4q] { color: #1a7f37; font-size: .8rem; white-space: nowrap; }
.item-estoque.pausado[b-fhgg4ogh4q] { background: #fdecea; border-color: #f3b8b2; }
.item-estoque.pausado span[b-fhgg4ogh4q] { text-decoration: line-through; color: #888; }
.item-estoque.pausado strong[b-fhgg4ogh4q] { color: #b3261e; }
/* /Components/Pages/Admin/Produtos.razor.rz.scp.css */
.cartao-titulo h2[b-j41xppt4re] { display: flex; align-items: center; gap: .5rem; }
/* Descrição inteira, em várias linhas, alinhada com o nome (recuada a largura da foto). */
.descricao[b-j41xppt4re] { color: #888; font-size: .8rem; line-height: 1.4; margin: .25rem 0 0 calc(40px + .6rem); max-width: 380px; }
.tabela th[b-j41xppt4re] { white-space: nowrap; }
.col-opcoes[b-j41xppt4re], .col-situacao[b-j41xppt4re] { white-space: nowrap; }
.tabela td[b-j41xppt4re] { vertical-align: middle; }
.preco[b-j41xppt4re] { white-space: nowrap; }
tr.inativo td[b-j41xppt4re] { opacity: .55; }
.fraco[b-j41xppt4re] { color: #999; font-size: .85rem; }

.nome-com-foto[b-j41xppt4re] { display: flex; align-items: center; gap: .6rem; }
.nome-com-foto img[b-j41xppt4re], .nome-com-foto .sem-foto[b-j41xppt4re] {
    width: 40px; height: 40px; border-radius: 7px; object-fit: cover; flex-shrink: 0;
}
.nome-com-foto .sem-foto[b-j41xppt4re] {
    display: flex; align-items: center; justify-content: center;
    background: #f4f4f6; font-size: .9rem; opacity: .5;
}

/* Celular: cada produto vira um card (a tabela de 6 colunas não cabe). */
@media (max-width: 640px) {
    .tabela thead[b-j41xppt4re] { display: none; }
    .tabela[b-j41xppt4re], .tabela tbody[b-j41xppt4re] { display: block; }
    .tabela tr[b-j41xppt4re] {
        display: grid; grid-template-columns: 1fr auto; gap: .55rem .75rem; align-items: center;
        padding: .85rem 0; border-bottom: 1px solid #f3f3f5;
    }
    .tabela tr:last-child[b-j41xppt4re] { border-bottom: none; }
    .tabela td[b-j41xppt4re] { padding: 0; border: none; }
    .col-nome[b-j41xppt4re] { grid-column: 1 / -1; min-width: 0; }
    .col-opcoes[b-j41xppt4re] { display: none; }
    .col-situacao[b-j41xppt4re], .col-editar[b-j41xppt4re] { justify-self: end; }
    .descricao[b-j41xppt4re] { max-width: none; }
    .tabela th[b-j41xppt4re] { white-space: normal; }
}

/* Estrela de destaque, ao lado do nome. */
.estrela[b-j41xppt4re] {
    border: none; background: none; padding: 0 .2rem; margin-left: .15rem;
    font-size: 1.15rem; line-height: 1; color: #c4c4c8; cursor: pointer;
}
.estrela:hover[b-j41xppt4re] { color: #e0a800; }
.estrela.ativa[b-j41xppt4re] { color: #e0a800; }
.acoes-topo[b-j41xppt4re] { display: flex; gap: .5rem; flex-wrap: wrap; }
/* /Components/Pages/Admin/Relatorios.razor.rz.scp.css */
.periodos[b-xf4hyr6u97] { display: flex; gap: .4rem; flex-wrap: wrap; margin-bottom: 1rem; }
.periodos button[b-xf4hyr6u97] { border: 1px solid #ddd; background: #fff; border-radius: 999px; padding: .4rem .9rem; font: inherit; font-size: .88rem; cursor: pointer; }
.periodos button.sel[b-xf4hyr6u97] { background: var(--marca); color: #fff; border-color: var(--marca); }

.numeros[b-xf4hyr6u97] { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 1rem; margin-bottom: 1.25rem; }
.numeros .cartao[b-xf4hyr6u97] { margin-bottom: 0; }
.numero span[b-xf4hyr6u97] { display: block; font-size: .78rem; color: #888; margin-bottom: .35rem; }
.numero strong[b-xf4hyr6u97] { font-size: 1.5rem; letter-spacing: -.02em; display: block; }
.numero small[b-xf4hyr6u97] { font-size: .78rem; color: #888; }
.numero small.sobe[b-xf4hyr6u97] { color: #1a7f37; }
.numero small.desce[b-xf4hyr6u97] { color: #b3261e; }

.barras[b-xf4hyr6u97] { display: flex; align-items: flex-end; gap: 2px; height: 160px; }
.barra[b-xf4hyr6u97] { flex: 1; display: flex; flex-direction: column; align-items: center; height: 100%; min-width: 0; }
.barra .coluna[b-xf4hyr6u97] { width: 100%; margin-top: auto; background: var(--marca); border-radius: 3px 3px 0 0; min-height: 1px; }
.barra span[b-xf4hyr6u97] { font-size: .62rem; color: #999; height: 1rem; }

.grade[b-xf4hyr6u97] { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1rem; }
.grade .cartao[b-xf4hyr6u97] { margin-bottom: 0; }

.linha-barra[b-xf4hyr6u97] { display: flex; align-items: center; gap: .5rem; margin: .3rem 0; font-size: .86rem; }
.linha-barra span[b-xf4hyr6u97] { width: 2.5rem; color: #666; flex-shrink: 0; }
.linha-barra span.largo[b-xf4hyr6u97] { width: 8.5rem; }
.linha-barra strong[b-xf4hyr6u97] { width: 2.5rem; text-align: right; }
.trilho[b-xf4hyr6u97] { flex: 1; height: .6rem; background: var(--marca-clara); border-radius: 999px; overflow: hidden; }
.trilho div[b-xf4hyr6u97] { height: 100%; background: var(--marca); border-radius: 999px; }

hr[b-xf4hyr6u97] { border: 0; border-top: 1px solid #eee; margin: .75rem 0; }
.fraco[b-xf4hyr6u97] { color: #777; font-size: .85rem; margin-top: .75rem; }

@media (max-width: 640px) {
    .grade[b-xf4hyr6u97] { grid-template-columns: 1fr; }
    .barras[b-xf4hyr6u97] { height: 120px; }
}
.tabela td.direita[b-xf4hyr6u97] { white-space: nowrap; }

/* Cartões da grade não podem crescer além da coluna: tabela larga rola dentro do cartão. */
.grade[b-xf4hyr6u97] { grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); }
.grade .cartao[b-xf4hyr6u97] { min-width: 0; overflow-x: auto; }
.grade .tabela[b-xf4hyr6u97] { width: 100%; }
.grade .tabela th[b-xf4hyr6u97], .grade .tabela td[b-xf4hyr6u97] { padding-left: .4rem; padding-right: .4rem; }
.grade .tabela th[b-xf4hyr6u97] { white-space: nowrap; }
/* /Components/Pages/Cardapio.razor.rz.scp.css */
/* Cardápio público. --cor e --cor-texto vêm da loja (texto claro ou escuro conforme a cor). */

/* ─── Topo da loja ─────────────────────────────────────────────────────────── */
.capa[b-xg8ybwe2c9] { background: #fff; }

.faixa[b-xg8ybwe2c9] {
    height: 112px;
    background: linear-gradient(135deg, rgba(255, 255, 255, .14), rgba(0, 0, 0, .14)), var(--cor);
}
/* Foto de capa: mais alta para a foto aparecer; escurecida embaixo para a logo se destacar.
   A cor fica por trás enquanto a foto carrega. */
.faixa.com-foto[b-xg8ybwe2c9] {
    height: 160px;
    background: linear-gradient(180deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .35)), var(--capa) center / cover no-repeat, var(--cor);
}
@media (min-width: 640px) { .faixa.com-foto[b-xg8ybwe2c9] { height: 200px; } }

.loja[b-xg8ybwe2c9] { display: flex; gap: 14px; padding: 0 16px; }

.logo[b-xg8ybwe2c9] {
    width: 84px; height: 84px; margin-top: -36px; flex-shrink: 0;
    border-radius: 20px; border: 4px solid #fff; overflow: hidden;
    background: var(--cor); color: var(--cor-texto);
    display: grid; place-items: center;
    font-size: 1.6rem; font-weight: 700; letter-spacing: -.02em;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .12);
}
/* contain: logo com texto ou formato largo aparece inteira, sem cortar. */
.logo img[b-xg8ybwe2c9] { width: 100%; height: 100%; object-fit: contain; background: #fff; }

.loja-texto[b-xg8ybwe2c9] { padding-top: 12px; min-width: 0; }
.loja-texto h1[b-xg8ybwe2c9] {
    margin: 0 0 4px; font-size: 1.45rem; font-weight: 700;
    line-height: 1.2; letter-spacing: -.02em; color: #1a1a1a;
    overflow-wrap: anywhere;
}

.status[b-xg8ybwe2c9] { display: flex; align-items: center; gap: 7px; margin: 0; font-size: .88rem; color: #6b6b70; }
.ponto[b-xg8ybwe2c9] { width: 8px; height: 8px; border-radius: 50%; background: #a1a1a8; flex-shrink: 0; }
.status.aberta[b-xg8ybwe2c9] { color: #157a3a; font-weight: 600; }
.status.aberta .ponto[b-xg8ybwe2c9] { background: #1db954; box-shadow: 0 0 0 3px rgba(29, 185, 84, .2); }

.infos[b-xg8ybwe2c9] {
    list-style: none; margin: 14px 0 0; padding: 0 16px 16px;
    display: flex; flex-wrap: wrap; gap: 8px 18px;
}
.infos li[b-xg8ybwe2c9] {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: .84rem; color: #55555b;
}
.infos strong[b-xg8ybwe2c9] { color: #1a1a1a; font-weight: 600; }

.aviso-fechada[b-xg8ybwe2c9] {
    margin: 0 16px 14px; padding: 10px 14px;
    background: #fff7e0; border: 1px solid #f2e0ad; border-radius: 12px;
    color: #6b5200; font-size: .86rem; line-height: 1.45;
}

/* ─── Abas das categorias ─────────────────────────────────────────────────── */
.abas[b-xg8ybwe2c9] {
    position: sticky; top: 0; z-index: 5;
    display: flex; gap: 6px; overflow-x: auto; padding: 10px 16px;
    background: rgba(255, 255, 255, .96); backdrop-filter: blur(8px);
    border-top: 1px solid #ececee; border-bottom: 1px solid #ececee;
    scrollbar-width: none;
}
.abas[b-xg8ybwe2c9]::-webkit-scrollbar { display: none; }
.abas a[b-xg8ybwe2c9] {
    white-space: nowrap; padding: 7px 14px; border-radius: 999px;
    font-size: .86rem; font-weight: 500; text-decoration: none;
    color: #3a3a3f; background: #f4f4f5;
    transition: background-color .15s, color .15s;
}
.abas a:hover[b-xg8ybwe2c9] { background: #e9e9ec; }
.abas a.ativa[b-xg8ybwe2c9] { background: var(--cor); color: var(--cor-texto); }

/* Mouse e teclado: as abas quebram linha em vez de rolar de lado. */
@media (hover: hover) and (pointer: fine) {
    .abas[b-xg8ybwe2c9] { flex-wrap: wrap; overflow-x: visible; }
}

/* ─── Lista de produtos ───────────────────────────────────────────────────── */
.lista[b-xg8ybwe2c9] { padding: 4px 16px 24px; }

.categoria[b-xg8ybwe2c9] { scroll-margin-top: var(--altura-abas, 64px); }
.categoria h2[b-xg8ybwe2c9] {
    margin: 24px 0 12px; font-size: 1.15rem; font-weight: 700;
    letter-spacing: -.01em; color: #1a1a1a;
}

/* Um card por linha no celular; dois lado a lado quando cabe (tablet e computador). */
.grade[b-xg8ybwe2c9] { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr)); gap: 12px; }

.produto[b-xg8ybwe2c9] {
    position: relative; display: flex; gap: 12px;
    padding: 14px; border: 1px solid #ececee; border-radius: 14px;
    background: #fff; color: inherit; text-decoration: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
    transition: box-shadow .15s, border-color .15s, transform .15s;
}
.produto:focus-visible[b-xg8ybwe2c9] { outline: 2px solid #1a1a1a; outline-offset: 2px; }
.produto:active[b-xg8ybwe2c9] { transform: scale(.99); }
@media (hover: hover) {
    .produto:hover[b-xg8ybwe2c9] { border-color: #dcdce0; box-shadow: 0 8px 22px rgba(0, 0, 0, .08); transform: translateY(-1px); }
}

.produto-texto[b-xg8ybwe2c9] { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.produto h3[b-xg8ybwe2c9] { margin: 0 0 4px; font-size: 1rem; font-weight: 600; line-height: 1.3; color: #1a1a1a; }

.descricao[b-xg8ybwe2c9] {
    margin: 0 0 10px; font-size: .85rem; line-height: 1.45; color: #6b6b70;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}

.precos[b-xg8ybwe2c9] { margin-top: auto; display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 8px; }
.preco[b-xg8ybwe2c9] { font-size: .98rem; font-weight: 700; color: #1a1a1a; }
.preco.promo[b-xg8ybwe2c9] { color: #1a7f37; }
.preco-antigo[b-xg8ybwe2c9] { font-size: .82rem; color: #9a9aa0; text-decoration: line-through; }

.produto-foto[b-xg8ybwe2c9] {
    position: relative; flex-shrink: 0; width: 104px; height: 104px;
    border-radius: 10px; overflow: hidden; background: #f4f4f5;
}
.produto-foto img[b-xg8ybwe2c9] { display: block; width: 100%; height: 100%; object-fit: cover; }

.selo-promo[b-xg8ybwe2c9] {
    position: absolute; top: 6px; left: 6px;
    padding: 2px 6px; border-radius: 6px;
    background: #1a7f37; color: #fff; font-size: .72rem; font-weight: 700;
}
.selo-promo.solto[b-xg8ybwe2c9] { top: 12px; right: 12px; left: auto; }
.produto:has(.selo-promo.solto) h3[b-xg8ybwe2c9] { padding-right: 48px; }

.produto.esgotado[b-xg8ybwe2c9] { pointer-events: none; box-shadow: none; background: #fafafa; }
.produto.esgotado h3[b-xg8ybwe2c9], .produto.esgotado .descricao[b-xg8ybwe2c9], .produto.esgotado .produto-foto[b-xg8ybwe2c9] { opacity: .55; }
.produto.esgotado img[b-xg8ybwe2c9] { filter: grayscale(1); }
.tarja[b-xg8ybwe2c9] {
    padding: 3px 8px; border-radius: 6px; background: #ececee; color: #55555b;
    font-size: .72rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase;
}

.sem-produtos[b-xg8ybwe2c9] { padding: 48px 0; text-align: center; color: #6b6b70; }

/* ─── Rodapé ──────────────────────────────────────────────────────────────── */
.rodape[b-xg8ybwe2c9] {
    display: flex; flex-direction: column; align-items: center; gap: 8px;
    margin: 0 16px; padding: 24px 0 120px; border-top: 1px solid #ececee;
    text-align: center; font-size: .85rem; color: #6b6b70;
}
.rodape strong[b-xg8ybwe2c9] { color: #1a1a1a; }
.endereco[b-xg8ybwe2c9] { display: inline-flex; align-items: flex-start; gap: 6px; margin: 0; line-height: 1.45; }
.endereco[b-xg8ybwe2c9]  svg { flex-shrink: 0; margin-top: 1px; }
.whatsapp[b-xg8ybwe2c9] {
    display: inline-flex; align-items: center; gap: 8px; margin-top: 4px;
    padding: 9px 16px; border-radius: 999px;
    border: 1px solid #cfe9d6; background: #f1faf3; color: #157a3a;
    font-weight: 600; text-decoration: none;
}
.whatsapp:hover[b-xg8ybwe2c9] { background: #e3f4e8; color: #157a3a; }

/* ─── Barra do carrinho ───────────────────────────────────────────────────── */
.barra-carrinho[b-xg8ybwe2c9] {
    position: fixed; left: 50%; bottom: calc(16px + env(safe-area-inset-bottom)); transform: translateX(-50%);
    width: calc(100% - 32px); max-width: 688px; z-index: 10;
    display: flex; align-items: center; gap: 12px;
    padding: 14px 16px; border-radius: 14px;
    background: #1a7f37; color: #fff; text-decoration: none;
    font-weight: 600; font-size: .95rem;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .22);
}
.barra-carrinho:hover[b-xg8ybwe2c9] { background: #166d2f; color: #fff; }
.barra-carrinho .qtd[b-xg8ybwe2c9] {
    min-width: 26px; padding: 2px 8px; border-radius: 8px;
    background: rgba(255, 255, 255, .22); font-size: .85rem; text-align: center;
}
.barra-carrinho .valor[b-xg8ybwe2c9] { margin-left: auto; }

.vazio[b-xg8ybwe2c9] { padding: 4rem 1.5rem; text-align: center; color: #444; }

.legais[b-xg8ybwe2c9] { display: flex; gap: 8px; margin-top: 8px; font-size: .8rem; color: #a1a1a8; }
.legais a[b-xg8ybwe2c9] { color: #6b6b70; text-decoration: none; }
.legais a:hover[b-xg8ybwe2c9] { color: #1a1a1a; text-decoration: underline; }

/* ─── Busca ───────────────────────────────────────────────────────────────── */
.busca[b-xg8ybwe2c9] { position: relative; padding: 0 16px 12px; display: flex; gap: 8px; align-items: center; }
.busca input[b-xg8ybwe2c9] { flex: 1; min-width: 0; }
.atalho-pedidos[b-xg8ybwe2c9] {
    display: inline-flex; align-items: center; gap: 6px; height: 42px; padding: 0 12px; flex-shrink: 0;
    border: 1px solid #e4e4e7; border-radius: 12px; background: #fff; color: #1a1a1a;
    font-size: .86rem; font-weight: 600; text-decoration: none; white-space: nowrap;
}
.atalho-pedidos:hover[b-xg8ybwe2c9] { border-color: #c4c4c8; }
@media (max-width: 380px) { .atalho-pedidos span[b-xg8ybwe2c9] { display: none; } }
.busca-icone[b-xg8ybwe2c9] { position: absolute; left: 30px; top: 11px; color: #8a8a90; display: flex; }
.busca input[b-xg8ybwe2c9] {
    width: 100%; height: 42px; padding: 0 14px 0 40px;
    border: 1px solid #e4e4e7; border-radius: 12px; background: #f7f7f8;
    font: inherit; font-size: .95rem; color: #1a1a1a;
}
.busca input:focus[b-xg8ybwe2c9] { outline: none; border-color: var(--cor); background: #fff; box-shadow: 0 0 0 3px rgba(0, 0, 0, .04); }
.busca-vazia[b-xg8ybwe2c9] { margin: 24px 0; text-align: center; color: #6b6b70; font-size: .92rem; }
[hidden][b-xg8ybwe2c9] { display: none !important; }

/* ─── Destaques: vitrine que rola de lado ─────────────────────────────────── */
.faixa-destaques[b-xg8ybwe2c9] {
    display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory;
    margin: 0 -16px; padding: 2px 16px 8px; scroll-padding-inline: 16px; scrollbar-width: none;
}
.faixa-destaques[b-xg8ybwe2c9]::-webkit-scrollbar { display: none; }
.destaque[b-xg8ybwe2c9] {
    flex: 0 0 156px; scroll-snap-align: start; display: flex; flex-direction: column;
    color: inherit; text-decoration: none;
}
.destaque-foto[b-xg8ybwe2c9] {
    position: relative; width: 156px; height: 156px; border-radius: 14px; overflow: hidden;
    background: var(--cor); color: var(--cor-texto);
    display: grid; place-items: center; font-size: 2rem; font-weight: 700;
}
/* Absoluta: preenche o quadro todo (no grid, a foto ficava na altura natural e sobrava a cor da loja). */
.destaque-foto img[b-xg8ybwe2c9] { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.destaque h3[b-xg8ybwe2c9] {
    margin: 8px 0 2px; font-size: .9rem; font-weight: 600; line-height: 1.3; color: #1a1a1a;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.destaque .precos[b-xg8ybwe2c9] { margin-top: 0; }
.destaque:focus-visible[b-xg8ybwe2c9] { outline: 2px solid #1a1a1a; outline-offset: 3px; border-radius: 14px; }
@media (hover: hover) { .destaque:hover .destaque-foto img[b-xg8ybwe2c9] { transform: scale(1.03); transition: transform .2s; } }
/* /Components/Pages/Carrinho.razor.rz.scp.css */
.itens[b-26b4bfp2am] { list-style: none; margin: 4px 0 0; padding: 0; }

.item-topo[b-26b4bfp2am] { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.item-topo strong[b-26b4bfp2am] { font-size: 1rem; font-weight: 600; color: #1a1a1a; }
.item-subtotal[b-26b4bfp2am] { font-weight: 700; color: #1a1a1a; white-space: nowrap; }

.opcoes[b-26b4bfp2am] { margin: 4px 0 0; font-size: .84rem; color: #6b6b70; line-height: 1.45; }
.obs[b-26b4bfp2am] { margin: 4px 0 0; font-size: .84rem; color: #8a6d00; }

.item-acoes[b-26b4bfp2am] { display: flex; align-items: center; justify-content: space-between; margin-top: 12px; }
.item .item-acoes .quantidade button[b-26b4bfp2am] { height: 38px; width: 38px; }
.remover[b-26b4bfp2am] {
    border: none; background: none; padding: 8px 4px; cursor: pointer;
    color: #6b6b70; font: inherit; font-size: .86rem; text-decoration: underline; text-underline-offset: 3px;
}
.remover:hover[b-26b4bfp2am] { color: #b3261e; }

.adicionar-mais[b-26b4bfp2am] {
    display: block; margin: 12px 16px 0; padding: 12px; border-radius: 12px;
    border: 1px dashed #d4d4d8; text-align: center;
    color: #1a7f37; font-weight: 600; font-size: .92rem; text-decoration: none;
}
.adicionar-mais:hover[b-26b4bfp2am] { background: #f1faf3; color: #1a7f37; }

.minimo[b-26b4bfp2am] { margin: 0 16px 12px; }

/* Aviso de "Pedir de novo". */
.aviso-repeticao[b-26b4bfp2am] { display: grid; gap: 8px; margin: 12px 16px 0; }
.aviso-repeticao ul[b-26b4bfp2am] { margin: 6px 0 0; padding-left: 1.1rem; }
/* /Components/Pages/Checkout.razor.rz.scp.css */
/* Campos do formulário */
.campo[b-aflb27m7le] { display: block; margin: 0 0 12px; }
.campo:last-child[b-aflb27m7le] { margin-bottom: 0; }
.campo > span[b-aflb27m7le] { display: block; margin-bottom: 4px; font-size: .82rem; font-weight: 500; color: #55555b; }
.campo input[b-aflb27m7le], textarea[b-aflb27m7le] {
    display: block; width: 100%; padding: 11px 12px;
    border: 1px solid #e4e4e7; border-radius: 12px; background: #fff;
    font: inherit; font-size: 1rem; color: #1a1a1a;
    transition: border-color .15s, box-shadow .15s;
}
.campo input[b-aflb27m7le]::placeholder, textarea[b-aflb27m7le]::placeholder { color: #a1a1a8; }
.campo input:focus[b-aflb27m7le], textarea:focus[b-aflb27m7le] { outline: none; border-color: #1a7f37; box-shadow: 0 0 0 3px rgba(26, 127, 55, .15); }
textarea[b-aflb27m7le] { min-height: 76px; resize: vertical; font-size: .95rem; }
.dica[b-aflb27m7le] { font-style: normal; font-weight: 400; color: #a1a1a8; margin-left: 6px; }

.dupla[b-aflb27m7le] { display: flex; gap: 10px; }
.cresce[b-aflb27m7le] { flex: 1; min-width: 0; }
.estreita[b-aflb27m7le] { width: 96px; flex-shrink: 0; }
.cep[b-aflb27m7le] { max-width: 200px; }

/* Botões de escolha (entrega/retirada, forma de pagamento) */
.escolhas[b-aflb27m7le] { display: flex; gap: 10px; flex-wrap: wrap; }
.escolha[b-aflb27m7le] {
    flex: 1 1 140px; display: flex; flex-direction: column; gap: 2px;
    padding: 12px 14px; border: 1.5px solid #e4e4e7; border-radius: 12px;
    background: #fff; text-align: left; font: inherit; cursor: pointer;
    transition: border-color .15s, background-color .15s;
}
.escolha:hover[b-aflb27m7le] { border-color: #c4c4c8; }
.escolha strong[b-aflb27m7le] { font-size: .95rem; font-weight: 600; color: #1a1a1a; }
.escolha small[b-aflb27m7le] { font-size: .8rem; color: #6b6b70; }
.escolha.sel[b-aflb27m7le] { border-color: #1a7f37; background: #f1faf3; box-shadow: inset 0 0 0 1px #1a7f37; }
.escolha:focus-visible[b-aflb27m7le] { outline: 2px solid #1a1a1a; outline-offset: 2px; }
.metodos .escolha[b-aflb27m7le] { flex-basis: 30%; align-items: center; text-align: center; }

.troco[b-aflb27m7le] { margin-top: 12px; }
.dica-pix[b-aflb27m7le] { margin: 12px 0 0; }

.endereco-loja[b-aflb27m7le] { margin: 0; font-size: .92rem; line-height: 1.5; color: #55555b; }

.erro[b-aflb27m7le] { margin: 0 16px 12px; }

.aceite[b-aflb27m7le] { margin: 4px 20px 0; font-size: .8rem; line-height: 1.5; color: #6b6b70; text-align: center; }
.aceite a[b-aflb27m7le] { color: #157a3a; }

.calculo-entrega[b-aflb27m7le] { margin-top: 12px; }
.dica-taxa[b-aflb27m7le] { margin: 0; font-size: .84rem; color: #6b6b70; }

/* Cupom de desconto */
.cupom-campo[b-aflb27m7le] { display: flex; gap: 8px; }
.cupom-campo input[b-aflb27m7le] {
    flex: 1; min-width: 0; height: 46px; padding: 0 14px; border: 1px solid #e4e4e7; border-radius: 12px;
    font: inherit; font-size: .95rem; text-transform: uppercase; letter-spacing: .04em;
}
.cupom-campo input[b-aflb27m7le]::placeholder { text-transform: none; letter-spacing: 0; }
.cupom-campo input:focus[b-aflb27m7le] { outline: none; border-color: #1a1a1a; }
.cupom-campo button[b-aflb27m7le] {
    height: 46px; padding: 0 18px; border: none; border-radius: 12px; background: #1a1a1a; color: #fff;
    font: inherit; font-weight: 600; cursor: pointer;
}
.cupom-campo button:disabled[b-aflb27m7le] { background: #d4d4d8; cursor: not-allowed; }
.cupom .nota[b-aflb27m7le] { margin-top: 10px; }
.cupom-aplicado[b-aflb27m7le] {
    display: flex; justify-content: space-between; align-items: center; gap: 12px;
    padding: 12px 14px; border-radius: 12px; background: #f1faf3; border: 1px dashed #8cc79d; color: #1f5f33;
}
.cupom-aplicado button[b-aflb27m7le] {
    border: none; background: none; color: #55555b; font: inherit; font-size: .86rem;
    text-decoration: underline; text-underline-offset: 3px; cursor: pointer;
}

/* Cartão na entrega: com qual cartão ou vale. */
.bandeiras[b-aflb27m7le] { margin-top: 14px; display: grid; gap: 10px; }
.bandeiras-titulo[b-aflb27m7le] { font-weight: 600; font-size: .92rem; color: #1a1a1a; }
.bandeiras-grupo small[b-aflb27m7le] { display: block; margin-bottom: 6px; color: #6b6b70; font-size: .8rem; }
.escolhas-bandeira[b-aflb27m7le] { display: flex; flex-wrap: wrap; gap: 8px; }
.bandeira[b-aflb27m7le] {
    padding: 8px 12px; border: 1.5px solid #e4e4e7; border-radius: 999px; background: #fff;
    font: inherit; font-size: .86rem; font-weight: 500; color: #1a1a1a; cursor: pointer;
}
.bandeira.sel[b-aflb27m7le] { border-color: #1a7f37; background: #f1faf3; color: #1a7f37; font-weight: 600; }
/* /Components/Pages/DetalheProduto.razor.rz.scp.css */
/* Foto grande no topo, com o botão de voltar flutuando sobre ela. */
.topo-produto[b-hscqkpwf07] { position: relative; }
.topo-produto.sem-foto[b-hscqkpwf07] { height: 64px; border-bottom: 1px solid #ececee; }
/* Quadrada: foto de comida costuma ser quadrada; em 4:3 o topo do lanche era cortado no celular.
   Em tela larga, limita a altura e centraliza o recorte. */
.prod-foto[b-hscqkpwf07] {
    display: block; width: 100%; aspect-ratio: 1 / 1; max-height: 460px;
    object-fit: cover; object-position: center; background: #f4f4f5;
}
.voltar-flutuante[b-hscqkpwf07] {
    position: absolute; top: 12px; left: 16px;
    display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%;
    background: rgba(255, 255, 255, .95); color: #1a1a1a; text-decoration: none;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
}
.topo-produto.sem-foto .voltar-flutuante[b-hscqkpwf07] { box-shadow: none; background: #f4f4f5; }
.voltar-flutuante:hover[b-hscqkpwf07] { background: #fff; color: #1a1a1a; }
.voltar-flutuante:focus-visible[b-hscqkpwf07] { outline: 2px solid #1a1a1a; outline-offset: 2px; }

.prod-cabecalho[b-hscqkpwf07] { padding: 18px 16px 6px; }
.prod-cabecalho h1[b-hscqkpwf07] { margin: 0 0 6px; font-size: 1.45rem; font-weight: 700; letter-spacing: -.02em; color: #1a1a1a; }
.desc[b-hscqkpwf07] { margin: 0 0 10px; font-size: .92rem; line-height: 1.5; color: #6b6b70; }
.precos[b-hscqkpwf07] { display: flex; align-items: baseline; gap: 8px; }
.preco[b-hscqkpwf07] { font-size: 1.2rem; font-weight: 700; color: #1a1a1a; }
.preco.promo[b-hscqkpwf07] { color: #1a7f37; }
.preco-antigo[b-hscqkpwf07] { font-size: .92rem; color: #9a9aa0; text-decoration: line-through; }

/* Grupos de opções */
.grupo-cabecalho[b-hscqkpwf07] { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 6px; }
.grupo-cabecalho h2[b-hscqkpwf07] { margin: 0 0 2px; font-size: 1rem; font-weight: 700; color: #1a1a1a; }
.grupo-cabecalho small[b-hscqkpwf07] { font-size: .8rem; color: #6b6b70; }
.obrigatorio[b-hscqkpwf07] {
    flex-shrink: 0; padding: 3px 8px; border-radius: 6px;
    background: #1a1a1a; color: #fff;
    font-size: .7rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap;
}
.obrigatorio.ok[b-hscqkpwf07] { background: #e3f4e8; color: #157a3a; }

.opcao[b-hscqkpwf07] {
    display: flex; align-items: center; gap: 12px;
    margin: 0 -8px; padding: 12px 8px; border-radius: 10px;
    border-bottom: 1px solid #f2f2f4; cursor: pointer;
    transition: background-color .12s;
}
.opcao:last-of-type[b-hscqkpwf07] { border-bottom: none; }
.opcao:hover[b-hscqkpwf07] { background: #fafafa; }
.opcao.marcada .opcao-nome[b-hscqkpwf07] { font-weight: 600; }
.opcao-nome[b-hscqkpwf07] { flex: 1; font-size: .95rem; color: #1a1a1a; }
.opcao-preco[b-hscqkpwf07] { font-size: .88rem; font-weight: 600; color: #1a7f37; white-space: nowrap; }
.opcao input[b-hscqkpwf07] { width: 20px; height: 20px; flex-shrink: 0; accent-color: #1a7f37; cursor: pointer; }
.opcao.bloqueada[b-hscqkpwf07] { opacity: .4; cursor: not-allowed; }
.opcao.bloqueada:hover[b-hscqkpwf07] { background: none; }

textarea[b-hscqkpwf07] {
    display: block; width: 100%; min-height: 76px; padding: 10px 12px;
    border: 1px solid #e4e4e7; border-radius: 12px;
    font: inherit; font-size: .92rem; color: #1a1a1a; resize: vertical;
}
textarea:focus[b-hscqkpwf07] { outline: none; border-color: #1a7f37; box-shadow: 0 0 0 3px rgba(26, 127, 55, .15); }

/* Botão de adicionar: texto à esquerda, total à direita; nunca quebra linha. */
.barra-acao .btn-principal.adicionar[b-hscqkpwf07] { justify-content: space-between; }
.barra-acao .btn-principal.adicionar:disabled[b-hscqkpwf07] { justify-content: center; }
.adicionar span:first-child[b-hscqkpwf07] { overflow: hidden; text-overflow: ellipsis; }
.adicionar .total[b-hscqkpwf07] { flex-shrink: 0; font-weight: 700; }

/* Opção que pode repetir: "− n +" compacto, no lugar do quadradinho. */
.opcao-qtd[b-hscqkpwf07] { cursor: default; }
.opcao-qtd:hover[b-hscqkpwf07] { background: none; }
.opcao-limite[b-hscqkpwf07] { display: block; font-size: .75rem; color: #8a8a90; font-weight: 400; }
.opcao-qtd .quantidade.pequena button[b-hscqkpwf07] { width: 34px; height: 34px; font-size: 1.1rem; }
.opcao-qtd .quantidade.pequena span[b-hscqkpwf07] { min-width: 18px; }
/* /Components/Pages/Home.razor.rz.scp.css */
.inicio-topo[b-kx3j9mz3fd] { padding: 3rem 1.25rem 1.25rem; }
.inicio-topo h1[b-kx3j9mz3fd] { margin: 0 0 .6rem; font-size: 1.6rem; letter-spacing: -.02em; text-wrap: balance; }
.inicio-topo p[b-kx3j9mz3fd] { margin: 0; color: #555; font-size: .98rem; line-height: 1.55; max-width: 52ch; }

.vantagens[b-kx3j9mz3fd] { list-style: none; margin: 0; padding: .5rem 1.25rem 0; display: grid; gap: .55rem; }
.vantagens li[b-kx3j9mz3fd] { font-size: .92rem; color: #444; padding-left: 1.2rem; position: relative; }
.vantagens li[b-kx3j9mz3fd]::before { content: "✓"; position: absolute; left: 0; color: #1a7f37; font-weight: 700; }

.acesso[b-kx3j9mz3fd] { padding: 1.75rem 1.25rem 0; }
.botao[b-kx3j9mz3fd] {
    display: inline-block; padding: .8rem 1.4rem; border-radius: 10px;
    background: #111; color: #fff; text-decoration: none; font-weight: 600; font-size: .95rem;
}

.dev[b-kx3j9mz3fd] { margin: 2.5rem 1rem 3rem; padding: 1rem; border: 1px dashed #d4a100; border-radius: 12px; background: #fffdf5; }
.dev-rotulo[b-kx3j9mz3fd] {
    display: inline-block; font-size: .7rem; text-transform: uppercase; letter-spacing: .06em;
    color: #8a6d00; font-weight: 700; margin-bottom: .75rem;
}
.lojas[b-kx3j9mz3fd] { list-style: none; margin: 0; padding: 0; }
.lojas li[b-kx3j9mz3fd] { margin-bottom: .6rem; }
.lojas a[b-kx3j9mz3fd] {
    display: flex; align-items: center; gap: .9rem; padding: .8rem 1rem; border: 1px solid #eee;
    border-radius: 12px; text-decoration: none; color: inherit; background: #fff;
}
.marca[b-kx3j9mz3fd] { width: 10px; height: 34px; border-radius: 5px; background: var(--cor, #ccc); flex-shrink: 0; }
.info[b-kx3j9mz3fd] { display: flex; flex-direction: column; }
.info small[b-kx3j9mz3fd] { color: #999; font-size: .8rem; }
.seta[b-kx3j9mz3fd] { margin-left: auto; color: #bbb; }
.dev-links[b-kx3j9mz3fd] { margin: .5rem 0 0; font-size: .85rem; }
.dev-links a[b-kx3j9mz3fd] { color: #555; }
/* /Components/Pages/MeusPedidos.razor.rz.scp.css */
.pedidos[b-oa3beb57ms] { list-style: none; margin: 4px 0 0; padding: 0; }

.pedido-topo[b-oa3beb57ms] { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.pedido-topo strong[b-oa3beb57ms] { display: block; font-size: 1rem; font-weight: 700; color: #1a1a1a; }
.pedido-topo small[b-oa3beb57ms] { color: #6b6b70; font-size: .82rem; }

/* Situação do pedido: as mesmas cores das outras telas, em formato de pílula. */
.situacao[b-oa3beb57ms] { padding: 3px 9px; border-radius: 999px; font-size: .74rem; font-weight: 600; white-space: nowrap; }
.situacao.selo-verde[b-oa3beb57ms] { background: #e6f4ea; color: #1a7f37; }
.situacao.selo-amarelo[b-oa3beb57ms] { background: #fff4d6; color: #8a6100; }
.situacao.selo-vermelho[b-oa3beb57ms] { background: #fdecec; color: #b3261e; }
.situacao.selo-cinza[b-oa3beb57ms] { background: #f0f0f2; color: #55555b; }

.itens[b-oa3beb57ms] {
    margin: 10px 0 0; font-size: .88rem; line-height: 1.45; color: #3a3a3f;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}

.pedido-rodape[b-oa3beb57ms] { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 14px; }
.total[b-oa3beb57ms] { font-weight: 700; font-size: 1rem; color: #1a1a1a; }
.acoes[b-oa3beb57ms] { display: flex; gap: 8px; }

.btn-secundario[b-oa3beb57ms], .btn-repetir[b-oa3beb57ms] {
    display: inline-flex; align-items: center; height: 40px; padding: 0 14px; border-radius: 10px;
    font: inherit; font-size: .9rem; font-weight: 600; text-decoration: none; cursor: pointer; white-space: nowrap;
}
.btn-secundario[b-oa3beb57ms] { border: 1px solid #e4e4e7; background: #fff; color: #1a1a1a; }
.btn-secundario:hover[b-oa3beb57ms] { border-color: #c4c4c8; }
.btn-repetir[b-oa3beb57ms] { border: none; background: #1a7f37; color: #fff; }
.btn-repetir:hover[b-oa3beb57ms] { background: #166d2f; }
.btn-repetir:disabled[b-oa3beb57ms] { background: #a7d3b4; cursor: wait; }

.nota[b-oa3beb57ms] { margin: 12px 16px; }
.rodape-meus[b-oa3beb57ms] { margin: 8px 16px 32px; text-align: center; font-size: .8rem; color: #8a8a90; }
/* /Components/Pages/Plataforma/CadastrarLoja.razor.rz.scp.css */
.voltar[b-0b7ls95fo3] { font-size: .85rem; color: #777; text-decoration: none; display: inline-block; margin-bottom: .4rem; }
.slug[b-0b7ls95fo3], .senha[b-0b7ls95fo3] { display: flex; align-items: center; margin-top: .3rem; }
.slug span[b-0b7ls95fo3] {
    padding: .6rem .6rem; background: #f4f4f6; border: 1px solid #dcdce0; border-right: none;
    border-radius: 8px 0 0 8px; color: #888; font-size: .85rem; white-space: nowrap;
}
.slug input[b-0b7ls95fo3], .senha input[b-0b7ls95fo3] {
    flex: 1; min-width: 0; padding: .6rem .7rem; border: 1px solid #dcdce0;
    font-family: inherit; font-size: .92rem;
}
.slug input[b-0b7ls95fo3] { border-radius: 0 8px 8px 0; }
.senha input[b-0b7ls95fo3] { border-radius: 8px; font-family: monospace; margin-right: .5rem; }
.slug input:focus[b-0b7ls95fo3], .senha input:focus[b-0b7ls95fo3] { outline: none; border-color: #16161d; }
small.ok[b-0b7ls95fo3] { color: #1a7f37; font-weight: 600; }
small.ruim[b-0b7ls95fo3] { color: #b3261e; font-weight: 600; }

.criada[b-0b7ls95fo3] { border-left: 4px solid #1a7f37; }
.credenciais[b-0b7ls95fo3] { display: grid; grid-template-columns: max-content 1fr; gap: .5rem 1.25rem; margin: 1.25rem 0; font-size: .92rem; }
.credenciais dt[b-0b7ls95fo3] { color: #888; }
.credenciais dd[b-0b7ls95fo3] { margin: 0; font-weight: 600; word-break: break-all; }
.credenciais code[b-0b7ls95fo3] { background: #f4f4f6; padding: .2rem .5rem; border-radius: 5px; font-size: 1rem; letter-spacing: .04em; }
/* /Components/Pages/Plataforma/EntrarPlataforma.razor.rz.scp.css */
.entrar[b-5i6jicqygi] { max-width: 360px; margin: 0 auto; padding: 4rem 1.25rem; }
.area[b-5i6jicqygi] { display: inline-block; font-size: .7rem; text-transform: uppercase; letter-spacing: .08em;
        background: #16161d; color: #fff; padding: .2rem .55rem; border-radius: 5px; margin-bottom: .75rem; }
.entrar h1[b-5i6jicqygi] { font-size: 1.5rem; margin: 0 0 .3rem; }
.sub[b-5i6jicqygi] { color: #666; font-size: .9rem; margin: 0 0 1.75rem; }
.entrar[b-5i6jicqygi]  label { display: block; font-size: .82rem; color: #555; margin-bottom: 1rem; }
.entrar[b-5i6jicqygi]  input {
    display: block; width: 100%; margin-top: .3rem; padding: .7rem .75rem;
    border: 1px solid #ddd; border-radius: 8px; font-size: .95rem; font-family: inherit;
}
.entrar[b-5i6jicqygi]  input:focus { outline: none; border-color: #16161d; }
.entrar[b-5i6jicqygi]  button {
    width: 100%; height: 46px; margin-top: .5rem; border: none; border-radius: 8px;
    background: #16161d; color: #fff; font-size: .95rem; font-weight: 600; cursor: pointer;
}
.erro[b-5i6jicqygi] { background: #fdecec; color: #b3261e; padding: .6rem .75rem; border-radius: 8px; font-size: .85rem; }
.rodape[b-5i6jicqygi] { margin-top: 2rem; font-size: .82rem; color: #888; text-align: center; }
.rodape a[b-5i6jicqygi] { color: #555; }
/* /Components/Pages/Plataforma/GerenciarLoja.razor.rz.scp.css */
.voltar[b-kad03tvk19] { font-size: .85rem; color: #777; text-decoration: none; display: inline-block; margin-bottom: .4rem; }
.explica[b-kad03tvk19] { color: #777; font-size: .85rem; margin: 0 0 1.1rem; }
.contrato[b-kad03tvk19] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap: 1.25rem; }
.bloco-contrato[b-kad03tvk19] { display: flex; flex-direction: column; gap: .6rem; align-items: flex-start; }
.bloco-contrato > strong[b-kad03tvk19] { font-size: .78rem; text-transform: uppercase; letter-spacing: .05em; color: #888; }
.bloco-contrato small[b-kad03tvk19] { color: #999; font-size: .76rem; }
.alerta[b-kad03tvk19] { margin: 0; color: #b3261e; font-size: .85rem; }
.vigencia[b-kad03tvk19] { display: flex; gap: .5rem; }
.vigencia input[b-kad03tvk19] { padding: .45rem .6rem; border: 1px solid #dcdce0; border-radius: 8px; font-family: inherit; font-size: .9rem; }

h3[b-kad03tvk19] { font-size: .85rem; text-transform: uppercase; letter-spacing: .05em; color: #888; margin: 1.5rem 0 .6rem; }
.novo-usuario[b-kad03tvk19] { display: flex; gap: .5rem; flex-wrap: wrap; margin-bottom: .4rem; }
.novo-usuario input[b-kad03tvk19] {
    flex: 1; min-width: 150px; padding: .5rem .65rem; border: 1px solid #dcdce0;
    border-radius: 8px; font-family: inherit; font-size: .9rem;
}
.novo-usuario input.mono[b-kad03tvk19] { font-family: monospace; max-width: 160px; }
tr.inativo td[b-kad03tvk19] { opacity: .5; }
code[b-kad03tvk19] { background: #fff; padding: .15rem .45rem; border-radius: 5px; font-size: .95rem; letter-spacing: .04em; }
.fraco[b-kad03tvk19] { color: #999; font-size: .8rem; }

.planos[b-kad03tvk19] { display: grid; gap: .6rem; grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr)); margin-bottom: 1rem; }
.plano[b-kad03tvk19] {
    display: flex; gap: .65rem; align-items: flex-start; cursor: pointer;
    padding: .75rem .9rem; border: 1.5px solid #e4e4e7; border-radius: 10px; background: #fff;
}
.plano.sel[b-kad03tvk19] { border-color: #1a7f37; background: #f1faf3; }
.plano input[b-kad03tvk19] { margin-top: .2rem; accent-color: #1a7f37; }
.plano span[b-kad03tvk19] { display: flex; flex-direction: column; gap: .15rem; }
.plano strong[b-kad03tvk19] { font-size: .92rem; }
.plano small[b-kad03tvk19] { color: #666; font-size: .8rem; }
.cartao > .acoes[b-kad03tvk19] { margin-top: .5rem; }
.compensa[b-kad03tvk19] { color: #1a7f37; font-weight: 600; }

.fidelidade[b-kad03tvk19] {
    display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap;
    padding: .8rem 1rem; margin-bottom: 1rem; border-radius: 10px; background: #f6f6f7; border-left: 4px solid #ccc;
}
.fidelidade > div[b-kad03tvk19] { display: flex; flex-direction: column; gap: .2rem; }
.fidelidade small[b-kad03tvk19] { color: #666; font-size: .82rem; }
.fidelidade.renovar[b-kad03tvk19] { background: #fff8e1; border-left-color: #e0a800; }
/* /Components/Pages/Plataforma/Lojas.razor.rz.scp.css */
.numeros-plataforma[b-1i40310xre] { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 1rem; margin-bottom: 1rem; }
.numeros-plataforma .cartao[b-1i40310xre] { margin-bottom: 0; }
.numeros-plataforma span[b-1i40310xre] { display: block; font-size: .78rem; color: #888; margin-bottom: .35rem; }
.numeros-plataforma strong[b-1i40310xre] { display: block; font-size: 1.45rem; letter-spacing: -.02em; }
.numeros-plataforma small[b-1i40310xre] { font-size: .76rem; color: #888; }
.numeros-plataforma .alerta strong[b-1i40310xre] { color: #b3261e; }

.filtro-lojas[b-1i40310xre] { display: flex; gap: .4rem; margin-bottom: .75rem; }
.filtro-lojas button[b-1i40310xre] { border: 1px solid #ddd; background: #fff; border-radius: 999px; padding: .4rem .9rem; font: inherit; font-size: .88rem; cursor: pointer; }
.filtro-lojas button.sel[b-1i40310xre] { background: var(--marca); color: #fff; border-color: var(--marca); }

.risco[b-1i40310xre] { color: #b3261e; font-weight: 600; }
.tabela td.direita[b-1i40310xre] { white-space: nowrap; }

@media (max-width: 640px) {
    .tabela th:nth-child(3)[b-1i40310xre], .tabela td:nth-child(3)[b-1i40310xre],
    .tabela th:nth-child(4)[b-1i40310xre], .tabela td:nth-child(4)[b-1i40310xre],
    .tabela th:nth-child(8)[b-1i40310xre], .tabela td:nth-child(8)[b-1i40310xre] { display: none; }
}