/* V75.187 — aba Cardápio: card compacto (chave à venda, preço rápido, menu ⋯), selos, totais que filtram e o celular com as mesmas ferramentas. */

/* ---------- card do produto ---------- */
.product-card.prd187{grid-template-columns:64px minmax(0,1fr) auto!important;gap:11px!important;padding:10px!important;position:relative;align-items:center}
.prd187 .product-image{width:64px;height:64px;border-radius:10px;object-fit:cover;cursor:pointer}
.prd187 .prd-sem-foto{display:flex;align-items:center;justify-content:center;background:#f2f3f5;border:1px dashed #b9c0ca;color:#8a94a3;font-size:9px;font-weight:800;text-align:center;line-height:1.2}
.prd187 .prd-info{min-width:0}
.prd187 .product-title{font-weight:800;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prd187 .prd-preco{display:inline-block;margin-top:2px;padding:0;border:0;background:none;font:inherit;font-weight:800;font-size:14px;color:#1d7a41;border-bottom:1px dashed #9fd3b0;cursor:pointer}
.prd187 .prd-preco:hover{color:#15603a}
.prd187 .product-description{margin-top:3px;font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prd-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.prd-tags:empty{display:none}
.prd-t{font-size:11px;font-weight:800;line-height:1.3;padding:2px 7px;border-radius:6px}
.prd-t.esg{background:#ffe3e3;color:#b42318}
.prd-t.pau{background:#eceef1;color:#5b6573}
.prd-t.est{background:#fff1d6;color:#9a6200}
.prd-t.neutro{background:#f2f4f7;color:#3b4552}
.prd-t.sf{background:#eef2f6;color:#5b6573}
.prd187.is-off .product-image,.prd187.is-off .prd-info{opacity:.5}
.prd187.is-esgotado{border-color:#f3c4c4}

/* ações: chave à venda, Editar/Repor, ⋯ */
.prd-acoes{display:flex;align-items:center;gap:6px;position:relative}
.prd-switch{position:relative;display:inline-flex;width:42px;height:24px;flex:none;cursor:pointer}
.prd-switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;z-index:1}
.prd-switch span{position:absolute;inset:0;border-radius:999px;background:#c9ced6;transition:background .15s}
.prd-switch span::after{content:'';position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:transform .15s}
.prd-switch input:checked+span{background:#1d9e57}
.prd-switch input:checked+span::after{transform:translateX(18px)}
.prd-switch input:focus-visible+span{outline:2px solid #1f2933;outline-offset:2px}
.prd-editar,.prd-mais{border:0;border-radius:8px;background:#f2f3f5;color:#1f2933;font-weight:800;font-size:12px;padding:8px 11px;cursor:pointer}
.prd-mais{font-size:16px;line-height:1;padding:6px 10px}
.is-esgotado .prd-editar{background:#ffe3e3;color:#b42318}
.prd-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:190px;padding:5px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;box-shadow:0 10px 26px rgba(0,0,0,.14);display:flex;flex-direction:column}
.prd-menu button,.prd-menu summary{display:block;width:100%;text-align:left;border:0;background:none;padding:9px 11px;border-radius:8px;font:inherit;font-size:13px;font-weight:700;color:#1f2933;cursor:pointer}
.prd-menu button:hover,.prd-menu summary:hover{background:#f5f6f8}
.prd-menu .prd-mover button{padding-left:22px;font-weight:600}
.prd-menu .prd-excluir{color:#b42318;border-top:1px solid #f0f0f0;border-radius:0 0 8px 8px}

/* preço rápido */
.prd-preco-form{display:inline-flex;align-items:center;gap:4px;margin-top:2px}
.prd-preco-form .prd-rs{font-weight:800;font-size:13px;color:#5b6573}
.prd-preco-form input{width:84px;border:2px solid #1f6feb;border-radius:8px;padding:4px 7px;font:800 14px Inter,system-ui,sans-serif}
.prd-salvar{border:0;border-radius:7px;background:#1f6feb;color:#fff;font-weight:800;font-size:12px;padding:6px 9px;cursor:pointer}

/* ---------- totais que filtram ---------- */
.menu-kpis-desktop{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.menu-kpis-desktop .kpi-esg strong{color:#b42318}
.menu-kpis-desktop .kpi-sf strong{color:#9a6200}
.menu-organizar{margin-left:auto}

/* ---------- formulário ---------- */
.campo-rs{position:relative;display:flex;align-items:center}
.campo-rs>span{position:absolute;left:12px;font-weight:800;color:#5b6573;pointer-events:none}
.campo-rs>input{padding-left:40px!important;width:100%}
.item-categoria-lista{width:100%;margin-bottom:6px}
#item-categoria[hidden],#grupo-item-estoque[hidden],.item-categoria-lista[hidden]{display:none!important}

/* ---------- botão "+ Novo" (só no celular) ---------- */
.menu-fab{display:none}

@media(max-width:640px){
  /* o celular volta a ter busca, totais (como filtros) e Organizar categorias */
  .menu-toolbar-desktop{display:flex!important;gap:8px;margin:0 0 10px;flex-wrap:nowrap}
  .menu-toolbar-desktop .menu-search{flex:1;min-width:0}
  .menu-toolbar-desktop .menu-resultados-resumo{display:none}
  .menu-organizar{padding:8px 11px;font-size:12px;white-space:nowrap}
  .menu-organizar i{display:none}
  .menu-kpis-desktop{display:flex!important;gap:6px;overflow-x:auto;margin:0 0 10px;padding-bottom:2px;scrollbar-width:none}
  .menu-kpis-desktop::-webkit-scrollbar{display:none}
  .menu-kpis-desktop>button{flex:none;display:inline-flex!important;gap:6px!important;align-items:center;padding:7px 12px!important;border-radius:999px!important;min-height:0!important}
  .menu-kpis-desktop>button span{font-size:12px!important;color:#3b4552!important}
  .menu-kpis-desktop>button strong{font-size:13px!important}
  #gestao-categorias-cardapio{display:block!important}
  .cardapio-acoes{display:none!important}
  /* card compacto */
  .product-card.prd187{grid-template-columns:52px minmax(0,1fr) auto!important;gap:10px!important;padding:9px!important}
  .prd187 .product-image{width:52px;height:52px}
  .prd187 .product-description{display:none}
  .prd187 .prd-editar{display:none}
  .prd187 .prd-info{cursor:pointer}
  /* + Novo */
  .menu-fab{display:block;position:fixed;right:16px;bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:40}
  .menu-fab-btn{border:0;border-radius:16px;background:#f0b43a;color:#1f2933;font-weight:900;font-size:15px;padding:14px 18px;box-shadow:0 8px 20px rgba(0,0,0,.22);cursor:pointer}
  .menu-fab-opcoes{position:absolute;right:0;bottom:calc(100% + 8px);display:flex;flex-direction:column;gap:4px;min-width:170px;padding:6px;border-radius:14px;background:#fff;box-shadow:0 10px 26px rgba(0,0,0,.18)}
  .menu-fab-opcoes[hidden]{display:none}
  .menu-fab-opcoes button{display:flex;align-items:center;gap:8px;border:0;background:none;text-align:left;padding:11px 12px;border-radius:10px;font:inherit;font-weight:800;font-size:14px;color:#1f2933;cursor:pointer}
  .menu-fab-opcoes button:hover{background:#f5f6f8}
  #lista-itens-cardapio{padding-bottom:70px}
}

/* V75.187: estilos da busca e do "Organizar categorias" que antes só existiam no computador (≥ 900 px) — agora valem em qualquer tela */
.menu-toolbar-desktop{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px}
.menu-search{display:flex;align-items:center;gap:10px;flex:1;max-width:560px;min-width:240px;padding:0 12px;height:42px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--muted)}
.menu-search input{width:100%;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:var(--text);font-size:13px}
.menu-search button{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:5px}
.category-admin-list-desktop{display:block;border:1px solid var(--line);border-radius:13px;padding:12px 14px;margin:0 0 22px;background:var(--surface,#fff)}
.category-admin-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 8px}
.category-admin-title strong{font-size:13px;color:var(--text)}
.category-admin-title span{font-size:10px;color:var(--muted)}
.category-admin-row{display:flex;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--line)}
.category-admin-name{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.category-admin-name strong{font-size:12px;color:var(--text);overflow-wrap:anywhere}
.category-admin-name small{font-size:10px;color:var(--muted)}
.category-admin-actions{display:flex;align-items:center;gap:5px}
.category-admin-actions .mini-btn{width:31px;height:31px;border-radius:9px}
.category-admin-actions .mini-btn:disabled{opacity:.3;cursor:not-allowed}
.category-admin-row.is-paused{opacity:.76;background:linear-gradient(90deg,transparent,#f7f7f7 55%,transparent)}
.category-admin-list-desktop{padding:12px 14px;margin-bottom:18px}
.category-admin-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}
.category-admin-heading-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.category-admin-heading-copy strong{font-size:13px;color:var(--text)}
.category-admin-heading-copy span{font-size:11px;color:var(--muted)}
.category-admin-collapse{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--text);font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}
.category-admin-collapse:hover{border-color:var(--red);color:var(--red)}
.category-admin-content[hidden]{display:none!important}
.category-admin-content{margin-top:10px}
.category-admin-hint{margin:0 0 7px;color:var(--muted);font-size:10px}
.category-admin-content .category-admin-row:first-of-type{border-top:1px solid var(--line)}
.category-admin-list-desktop{display:block;border:1px solid var(--line,#e5e7eb);border-radius:13px;padding:12px 14px;margin:0 0 18px;background:var(--surface,#fff)}
@media(max-width:640px){
  .menu-search{display:flex;align-items:center;gap:8px;height:44px;padding:0 12px;border:1px solid var(--line,#e5e7eb);border-radius:12px;background:#fff;max-width:none!important;min-width:0!important}
  .menu-search input{flex:1;min-width:0;border:0!important;outline:0!important;background:transparent!important;font-size:15px}
  .menu-organizar{background:#fff;border:1px solid var(--line,#e5e7eb)}
  .menu-kpis-desktop>button{border:1px solid var(--line,#e5e7eb)!important;background:#fff!important;box-shadow:none!important}
  .menu-kpis-desktop>button.active{border-color:#f0b43a!important;background:#fff6e0!important}
  /* no celular a lista de categorias só aparece ao tocar em "Organizar" */
  #gestao-categorias-cardapio:not(.aberto){display:none!important}
  .category-admin-row{flex-wrap:wrap}
}
@media(min-width:641px){.menu-organizar{display:none!important}} /* no computador o painel "Organizar categorias" já tem o botão */
@media(max-width:640px){.so-desktop{display:none}}
/* V75.187: no computador o formulário do produto é longo — Cancelar/Salvar ficam sempre à vista no rodapé */
#produto-modal .form-actions{position:sticky;bottom:0;z-index:3;background:#fff;padding:12px 0;border-top:1px solid var(--line,#eef0f3)}
@media(min-width:641px){
  #produto-modal .product-modal{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px)}
  #produto-modal #form-add-item{overflow-y:auto!important;min-height:0;flex:1 1 auto}
}