/* BackFood7 — tema próprio (claro, cores sólidas, sem degradê nem brilho). Carregado depois de painel.css e componentes.css. */
:root{
  /* cores do logo: laranja #E8601A e azul-marinho #003F78 */
  --marinho:#003F78; --marinho-claro:#E8EEF6;
  --barra-fundo:#FFFFFF; --barra-borda:#E3E3DF;
  --barra-texto:#4A4F54; --barra-texto-forte:#003F78;
  --papel:#F6F6F4; --cartao:#FFFFFF; --tinta:#1D1D1B; --tinta-suave:#5E625F;
  --linha:#E3E3DF; --cobalto:#C24E0E; --agua:#15803D;
  --cobalto-rgb:194 78 14; --agua-rgb:21 128 61; --agua-texto:#15803D;
  --grad:#E8601A;
  --cobalto-escuro:#A2410B; --cobalto-claro:#FFF1EA; --cobalto-suave:#FBD5C4;
  --agua-claro:#E8F5EC; --cinza-claro:#F0F0EE;
  --raio:8px; --raio-p:6px;
  --sombra:0 1px 2px rgba(29,29,27,.06);
  --fonte:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
body,.botao,.rotulo-grupo,input,select,textarea,button{font-family:var(--fonte)}
.cabecalho h1,.caixa-entrar h1,.caixa-entrar .marca .nome,.marca-topo .nome{font-family:var(--fonte)}
.marca-topo .simbolo{filter:none}
.marca-topo .nome .sete,.caixa-entrar .marca .nome .sete{background:none;color:#FDBA74;-webkit-text-fill-color:currentColor}
.caixa-entrar .marca .nome .sete{color:var(--cobalto)}
.item-menu{border-radius:6px}
.item-menu:hover{background:var(--cinza-claro);color:var(--marinho)}
.item-menu.ativo{background:var(--marinho-claro);color:var(--marinho);font-weight:600}
.item-menu.ativo::before{background:var(--grad)}
.rotulo-grupo{color:var(--tinta-suave);opacity:1}
.marca-topo{justify-content:center;padding:16px 18px 14px}
.marca-topo .logo-barra{display:block;width:100%;max-width:210px;height:auto;padding:0;background:none;box-shadow:none;border-radius:0}
.ajuda{font-size:12.5px;color:var(--tinta-suave)}
.barra-lateral::-webkit-scrollbar-thumb{background:rgb(0 0 0 / .12)}
.barra-lateral:hover::-webkit-scrollbar-thumb{background:rgb(0 0 0 / .2)}
.avatar{background:var(--marinho)}
.indicador .numero{color:var(--marinho)}
.botao-primario{box-shadow:none}
.indicador.destaque{background:var(--cobalto-claro);border-color:var(--cobalto-suave)}
.indicador.destaque::after{background:var(--cobalto)}
body.tela-entrar{background:var(--papel)}
.caixa-entrar{border-radius:10px;box-shadow:var(--sombra)}
.selo-superadmin{background:var(--marinho);color:#fff}
.caixa-entrar .marca{justify-content:center;margin-bottom:22px}
.caixa-entrar .marca .logo-entrar{display:block;width:100%;max-width:260px;height:auto}
/* listas próprias do BackFood7 */
.lista-marcadores{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:4px}
.lista-passos{margin:0;padding-left:20px;display:grid;gap:10px;font-size:14.5px;line-height:1.5}
.lista-passos a{color:var(--cobalto);font-weight:600}
.lista-passos .icone{width:16px;height:16px;color:var(--ok);vertical-align:-3px}
/* vendas: filtros e gráficos simples (uma série, cor da marca; o valor sempre escrito) */
.filtros-vendas{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 16px;margin-bottom:18px}
.filtros-vendas label{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--tinta-suave)}
.filtros-vendas input[type=date],.filtros-vendas select{width:auto}
.barras-h{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.barras-h li{display:grid;grid-template-columns:minmax(90px,34%) 1fr auto;align-items:center;gap:10px;font-size:13.5px}
.barras-rotulo{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.barras-trilho{height:10px;background:var(--cinza-claro);border-radius:2px;overflow:hidden}
.barras-barra{display:block;height:100%;background:var(--cobalto);border-radius:0 4px 4px 0}
.barras-valor{font-variant-numeric:tabular-nums;font-weight:600;text-align:right;white-space:nowrap}
.barras-valor small{display:block;font-weight:400;font-size:11.5px;color:var(--tinta-suave)}
.barras-h li:hover .barras-barra{background:var(--cobalto-escuro)}
.colunas{display:flex;align-items:flex-end;gap:2px;height:180px;padding-top:6px}
.coluna{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;cursor:default}
.coluna-barra{display:block;width:100%;max-width:38px;background:var(--cobalto);border-radius:4px 4px 0 0}
.coluna:hover .coluna-barra{background:var(--cobalto-escuro)}
.coluna-rotulo{font-size:11px;color:var(--tinta-suave);font-variant-numeric:tabular-nums;white-space:nowrap}
/* ficha técnica */
.ficha-tabela td{vertical-align:top}
.ficha-tabela select,.ficha-tabela input{width:100%}
.ficha-obs{margin-top:6px;font-size:13px}
.ficha-liquida,.ficha-custo{font-variant-numeric:tabular-nums;padding-top:18px!important}
.ficha-resumo dd{font-variant-numeric:tabular-nums;font-weight:700}
.linha-total td{border-top:2px solid var(--linha);background:var(--cinza-claro)}
.nota-tabela td{vertical-align:top}
.nota-tabela select{width:100%}
.nota-entra,.nota-custo{font-variant-numeric:tabular-nums;white-space:nowrap}
/* etiquetas retas, sem pílula e sem bolinha */
.etiqueta{border-radius:3px;padding:2px 7px;font-size:11px;letter-spacing:.01em}
.etiqueta::before{display:none}
.etiqueta.azul{background:var(--marinho-claro);color:var(--marinho)}
/* DRE */
.dre .dre-total td{font-weight:700;border-top:1px solid var(--linha);background:var(--cinza-claro)}
.dre .dre-destaque td{color:var(--marinho)}
.dre .dre-detalhe td{font-size:13px;color:var(--tinta-suave)}
.dre .dre-detalhe td:first-child{padding-left:32px}
.baixa-rapida{display:inline-flex;align-items:center;gap:6px;margin:0}
.baixa-rapida input,.baixa-rapida select{width:auto;max-width:170px;padding:5px 8px;font-size:13px}
/* Gestão de CMV: matriz da engenharia de cardápio, barras em célula */
.matriz-cardapio{display:grid;grid-template-columns:28px 1fr 1fr;gap:12px}
.matriz-eixo-y{writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;font-size:12px;font-weight:600;color:var(--tinta-suave);letter-spacing:.04em;text-transform:uppercase}
.matriz-eixo-x{text-align:center;font-size:12px;font-weight:600;color:var(--tinta-suave);letter-spacing:.04em;text-transform:uppercase}
.quadrante{background:#fff;border:1px solid var(--linha);border-left:4px solid var(--linha);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;min-width:0}
.quadrante-verde{border-left-color:var(--ok)} .quadrante-azul{border-left-color:var(--marinho)} .quadrante-amarela{border-left-color:var(--aviso)} .quadrante-vermelha{border-left-color:var(--erro)}
.quadrante-topo{display:flex;align-items:center;justify-content:space-between;gap:10px}
.quadrante-conta{font-size:13px;color:var(--tinta-suave)}
.quadrante-lista{list-style:none;margin:0;padding:0;display:grid;gap:5px;font-size:13.5px}
.quadrante-lista li{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--linha);padding-top:5px}
.quadrante-lista li > span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.quadrante-lista .num{font-variant-numeric:tabular-nums;white-space:nowrap}
.barra-celula{display:grid;grid-template-columns:minmax(60px,1fr) auto;align-items:center;gap:10px;min-width:180px}
.cartao > .texto-p{padding:2px 22px 18px}
.cartao-ajuda{padding:12px 22px 6px;margin:0}
.filtros-vendas label{white-space:nowrap}
.filtros-vendas input[type=text]{width:64px;text-align:right}
@media (max-width:720px){.matriz-cardapio{grid-template-columns:1fr}.matriz-eixo-y,.matriz-eixo-x,.matriz-cardapio > div:empty{display:none}}
.acoes-lote{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--linha)}
.acoes-lote select,.acoes-lote input[type=text]{width:auto;min-width:0;padding-top:6px;padding-bottom:6px;font-size:13px}
.filtros-vendas input[type=search]{width:auto;flex:1 1 220px;max-width:340px}
/* Maquininhas */
.grade-adquirentes{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;padding:18px 22px 22px}
.adquirente-opcao{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border:1px solid var(--linha);border-radius:10px;background:#fff;color:var(--tinta);text-decoration:none;font-size:13px}
.adquirente-opcao strong{font-size:15px}
.adquirente-opcao span{color:var(--tinta-suave)}
.adquirente-opcao:hover{border-color:var(--cobalto)}
.adquirente-opcao.em-breve{pointer-events:none;opacity:.55}
.tabela-form td{padding-top:6px;padding-bottom:6px}
.tabela-form input,.tabela-form select{width:auto;min-width:0;padding-top:6px;padding-bottom:6px;font-size:13px}
.tabela-form td.num input,.tabela-form input[size]{text-align:left}