:root{--vinho:#5b3c26;--vinho2:#3f2819;--rosa:#fae7e4;--fundo:#fbf7ed;--texto:#3d2a20;--muted:#7b695f;--verde:#237a48;--amarelo:#a66b00;--vermelho:#b32d2d;--branco:#fff;--borda:#e8dbc5;--creme:#f7edcf;--dourado:#9b743c;--coral:#ef7181;--coral2:#dc596c} *{box-sizing:border-box} body{min-height:100vh;margin:0;background:linear-gradient(180deg,#fffdf8 0,var(--fundo) 340px);color:var(--texto);font-family:Arial,Helvetica,sans-serif} a{color:var(--vinho);text-decoration:none} .topo{position:sticky;top:0;z-index:20;background:linear-gradient(90deg,var(--vinho2),var(--vinho));color:#fff;display:flex;justify-content:space-between;align-items:center;padding:11px 16px;border-bottom:2px solid #b68a4f;box-shadow:0 3px 12px #3f281933} .marca{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700} .marca-logo{display:grid;width:48px;height:48px;flex:0 0 48px;place-items:center;overflow:hidden;border:2px solid #d7b678;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0003} .marca-logo img{display:block;width:100%;height:100%;object-fit:cover} .usuario-topo{display:flex;gap:12px;align-items:center;font-size:14px}.usuario-topo a{color:#fff;text-decoration:underline} .menu{display:flex;gap:6px;overflow-x:auto;padding:9px 10px;background:#fff;border-bottom:1px solid var(--borda);position:sticky;top:56px;z-index:15} .menu a{white-space:nowrap;padding:9px 12px;border-radius:999px;background:var(--rosa);font-size:14px} .conteudo{max-width:1180px;margin:auto;padding:18px} .rodape{text-align:center;color:var(--muted);padding:25px} h1{font-size:26px;margin:16px 0 18px}h2{font-size:20px} .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px} .grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px} .card{background:#fffefa;border:1px solid var(--borda);border-radius:14px;padding:16px;box-shadow:0 4px 16px #5b3c260d} .validade-resultado{border-width:2px} .validade-resultado.validade-no-prazo{border-color:#55a878;background:#edf8f1;color:#175d35} .validade-resultado.validade-vencida{border-color:#d96b6b;background:#fdecEC;color:#8a2020} .validade-resultado.validade-no-prazo .muted{color:#237a48} .validade-resultado.validade-vencida .muted{color:#a33131} .card-numero{font-size:26px;font-weight:700;margin-top:6px}.muted{color:var(--muted)} .acoes{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px;margin-top:10px} .btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;padding:11px 15px;background:var(--coral);color:#fff;cursor:pointer;font-weight:700;box-shadow:0 3px 8px #ef718126;transition:background .16s ease,transform .16s ease,box-shadow .16s ease} .btn:hover{background:var(--coral2);transform:translateY(-1px);box-shadow:0 6px 13px #ef718133}.btn-secundario{background:var(--vinho);box-shadow:none}.btn-secundario:hover{background:var(--vinho2)}.btn-verde{background:var(--verde)}.btn-perigo{background:var(--vermelho)} form.card{max-width:900px} form.validade-formulario{max-width:none} form.sabores-formulario{max-width:none;margin-bottom:22px;padding:20px;background:linear-gradient(135deg,#fffefa,#fff8eb);border-color:#dec69e} .sabores-cabecalho{align-items:flex-end;margin-bottom:18px;padding:22px;border:1px solid #e4d4b8;border-radius:18px;background:linear-gradient(120deg,#fffefa 0,#fbf2df 100%);box-shadow:0 8px 24px #5b3c260d} .sabores-cabecalho h1{margin:5px 0 6px;font-size:32px} .sabores-sobretitulo{color:var(--coral2);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase} .sabores-indicadores{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end} .sabores-indicadores>div{min-width:104px;padding:10px 13px;border:1px solid #e0ceb0;border-radius:12px;background:#fffefa;text-align:center} .sabores-indicadores strong,.sabores-indicadores span{display:block}.sabores-indicadores strong{font-size:22px;color:var(--vinho)}.sabores-indicadores span{margin-top:2px;color:var(--muted);font-size:11px;text-transform:uppercase} .sabores-indicadores .com-alerta{border-color:#e6b961;background:#fff5dc}.sabores-indicadores .com-alerta strong{color:#9a6500} .sabores-formulario-titulo{display:flex;align-items:center;gap:12px;margin-bottom:16px}.sabores-formulario-titulo h2{margin:0 0 3px}.sabores-formulario-titulo p{margin:0;color:var(--muted);font-size:13px} .sabores-formulario-icone{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:12px;background:var(--rosa);color:var(--coral2);font-size:28px;font-weight:400} .sabores-formulario-campos{display:grid;grid-template-columns:minmax(240px,1.6fr) repeat(2,minmax(150px,.7fr)) auto;gap:12px;align-items:end}.sabores-formulario-campos .campo{margin:0}.sabores-adicionar{min-height:46px;white-space:nowrap} .sabores-secao{margin-top:4px}.sabores-secao-titulo{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:13px}.sabores-secao-titulo h2{margin:0 0 3px}.sabores-secao-titulo p{margin:0} .sabores-legenda{display:flex;gap:13px;flex-wrap:wrap;color:var(--muted);font-size:12px}.sabores-legenda span{display:flex;align-items:center;gap:5px}.sabores-legenda i{width:9px;height:9px;border-radius:50%}.sabores-legenda .ideal{background:#2e8b57}.sabores-legenda .atencao{background:#d98b00}.sabores-legenda .critico{background:#cf3d46} .sabores-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sabor-card{--sabor-cor:#2e8b57;--sabor-fundo:#edf8f1;padding:17px;border:1px solid #e5d7bf;border-top:4px solid var(--sabor-cor);border-radius:15px;background:#fffefa;box-shadow:0 5px 17px #5b3c260c}.sabor-card-atencao{--sabor-cor:#d98b00;--sabor-fundo:#fff4d7}.sabor-card-critico{--sabor-cor:#cf3d46;--sabor-fundo:#fde8e9} .sabor-card-topo{display:flex;align-items:center;gap:11px}.sabor-inicial{display:grid;width:44px;height:44px;flex:0 0 44px;place-items:center;border-radius:13px;background:var(--sabor-fundo);color:var(--sabor-cor);font-family:Georgia,serif;font-size:22px;font-weight:700}.sabor-identidade{min-width:0;flex:1}.sabor-identidade h3{overflow:hidden;margin:0 0 4px;text-overflow:ellipsis;white-space:nowrap;font-size:17px}.sabor-status{display:inline-block;padding:3px 7px;border-radius:999px;background:var(--sabor-fundo);color:var(--sabor-cor);font-size:11px;font-weight:800;text-transform:uppercase} .sabor-saldo{color:var(--sabor-cor);font-size:27px;text-align:right}.sabor-saldo small{display:block;color:var(--muted);font-size:10px;font-weight:400;text-transform:uppercase}.sabor-progresso{height:8px;margin:16px 0 13px;overflow:hidden;border-radius:999px;background:#eee4d3}.sabor-progresso span{display:block;height:100%;border-radius:inherit;background:var(--sabor-cor)} .sabor-limites{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sabor-limites span{padding:8px;border-radius:9px;background:#fbf7ed;text-align:center}.sabor-limites small,.sabor-limites strong{display:block}.sabor-limites small{color:var(--muted);font-size:10px;text-transform:uppercase}.sabor-limites strong{margin-top:2px;font-size:15px} @media(max-width:900px){.sabores-formulario-campos{grid-template-columns:1fr 1fr}.sabores-campo-nome{grid-column:1/-1}.sabores-adicionar{width:100%}.sabores-cards{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){.sabores-cabecalho{align-items:stretch;padding:16px}.sabores-cabecalho h1{font-size:28px}.sabores-indicadores{display:grid;grid-template-columns:repeat(3,1fr)}.sabores-indicadores>div{min-width:0;padding:8px 4px}.sabores-indicadores strong{font-size:19px}.sabores-indicadores span{font-size:9px}.sabores-formulario-campos{grid-template-columns:1fr}.sabores-campo-nome{grid-column:auto}.sabores-secao-titulo{align-items:flex-start;flex-direction:column}.sabores-cards{grid-template-columns:1fr}} .sabores-config-cabecalho{align-items:flex-end;margin-bottom:18px;padding:21px;border:1px solid #e4d4b8;border-radius:18px;background:linear-gradient(120deg,#fffefa,#fbf2df);box-shadow:0 8px 24px #5b3c260d}.sabores-config-cabecalho h1{margin:5px 0 6px;font-size:32px}.sabores-config-resumo{display:flex;gap:9px;flex-wrap:wrap}.sabores-config-resumo span{padding:9px 13px;border-radius:999px;background:#ddf2e5;color:#175d35;font-size:13px}.sabores-config-resumo .inativos{background:#eee;color:#6d625c}.sabores-config-resumo strong{font-size:17px} form.sabores-config-form{max-width:none;margin-bottom:22px;padding:20px;border-color:#dec69e}.sabores-config-form-titulo{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.sabores-config-form-titulo h2{margin:0 0 3px}.sabores-config-form-titulo p{margin:0;color:var(--muted);font-size:13px}.sabores-config-form-titulo .btn{padding:8px 11px;font-size:12px}.sabores-config-campos{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(115px,.6fr)) auto;gap:11px;align-items:end}.sabores-config-campos .campo{margin:0}.sabores-config-salvar{min-height:46px;white-space:nowrap} .sabores-config-lista-titulo{margin-bottom:12px}.sabores-config-lista-titulo h2{margin:0 0 3px}.sabores-config-lista-titulo p{margin:0}.sabores-config-lista{display:flex;flex-direction:column;gap:9px}.sabor-config-item{display:grid;grid-template-columns:65px minmax(180px,1fr) minmax(180px,.7fr) auto;align-items:center;gap:15px;padding:13px 15px;border:1px solid #e4d4b8;border-left:4px solid var(--verde);border-radius:13px;background:#fffefa;box-shadow:0 3px 12px #5b3c2609}.sabor-config-inativo{border-left-color:#a99d96;background:#f6f3ef;opacity:.82}.sabor-config-ordem{text-align:center}.sabor-config-ordem small,.sabor-config-ordem strong{display:block}.sabor-config-ordem small,.sabor-config-parametros small{color:var(--muted);font-size:10px;text-transform:uppercase}.sabor-config-ordem strong{margin-top:2px;font-size:20px;color:var(--vinho)}.sabor-config-identidade h3{display:inline;margin:0 8px 0 0;font-size:17px}.sabor-config-status{display:inline-block;padding:3px 7px;border-radius:999px;background:#ddf2e5;color:#175d35;font-size:10px;font-weight:800;text-transform:uppercase}.sabor-config-inativo .sabor-config-status{background:#ddd7d3;color:#675c56}.sabor-config-parametros{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.sabor-config-parametros span{padding:7px 10px;border-radius:8px;background:#fbf2df}.sabor-config-parametros small,.sabor-config-parametros strong{display:block}.sabor-config-parametros strong{margin-top:2px}.sabor-config-acoes{display:flex;align-items:center;gap:7px}.sabor-config-acoes form{margin:0}.sabor-config-acoes .btn{min-width:82px;padding:8px 10px;font-size:12px} @media(max-width:900px){.sabores-config-campos{grid-template-columns:repeat(3,1fr)}.sabores-config-nome{grid-column:1/-1}.sabores-config-salvar{width:100%}.sabor-config-item{grid-template-columns:55px 1fr auto}.sabor-config-parametros{grid-column:2}.sabor-config-acoes{grid-column:3;grid-row:1/3}} @media(max-width:600px){.sabores-config-cabecalho{align-items:stretch;padding:16px}.sabores-config-cabecalho h1{font-size:28px}.sabores-config-resumo{justify-content:flex-start}.sabores-config-form-titulo{align-items:flex-start;flex-direction:column}.sabores-config-campos{grid-template-columns:1fr 1fr}.sabores-config-nome{grid-column:1/-1}.sabores-config-campos .campo:nth-of-type(4){grid-column:1/-1}.sabores-config-salvar{grid-column:1/-1}.sabor-config-item{grid-template-columns:48px 1fr;padding:12px;gap:10px}.sabor-config-parametros{grid-column:1/-1}.sabor-config-acoes{grid-column:1/-1;grid-row:auto}.sabor-config-acoes,.sabor-config-acoes form,.sabor-config-acoes .btn{width:100%}} .estoque-painel-cabecalho{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(520px,1.5fr);align-items:center;gap:22px;margin-bottom:23px;padding:23px;border:1px solid #dfc9a6;border-radius:19px;background:linear-gradient(120deg,#4a2d1d 0,#704b31 100%);color:#fff;box-shadow:0 12px 30px #3f281925}.estoque-painel-sobretitulo{color:#efb7a9;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.estoque-painel-apresentacao h1{margin:6px 0 7px;font-size:31px}.estoque-painel-apresentacao p{max-width:480px;margin:0;color:#f3e8df;line-height:1.45}.estoque-resumo-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.estoque-resumo{--resumo-cor:#fff;display:flex;min-height:105px;flex-direction:column;justify-content:center;padding:12px;border:1px solid #ffffff24;border-radius:13px;background:#ffffff12;text-align:center;backdrop-filter:blur(3px)}.estoque-resumo span{font-size:11px;font-weight:700;text-transform:uppercase}.estoque-resumo strong{margin:4px 0;color:var(--resumo-cor);font-size:27px}.estoque-resumo small{color:#eaded5;font-size:10px}.estoque-resumo-critico{--resumo-cor:#ff9b9f}.estoque-resumo-atencao{--resumo-cor:#ffd277}.estoque-resumo-ideal{--resumo-cor:#87d6a8} .estoque-painel-titulo{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:13px}.estoque-painel-titulo h2{margin:0 0 3px}.estoque-painel-titulo p{margin:0}.estoque-painel-legenda{display:flex;gap:12px;color:var(--muted);font-size:12px}.estoque-painel-legenda span{display:flex;align-items:center;gap:5px}.estoque-painel-legenda i{width:9px;height:9px;border-radius:50%}.estoque-painel-legenda .critico{background:#cf3d46}.estoque-painel-legenda .atencao{background:#d98b00}.estoque-painel-legenda .ideal{background:#2e8b57} .estoque-painel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.estoque-painel-card{--estoque-cor:#2e8b57;--estoque-fundo:#ddf2e5;padding:17px;border:1px solid #e2d2b8;border-top:4px solid var(--estoque-cor);border-radius:16px;background:#fffefa;box-shadow:0 6px 18px #5b3c260d}.estoque-painel-card.estoque-card-critico{--estoque-cor:#cf3d46;--estoque-fundo:#fde3e5}.estoque-painel-card.estoque-card-atencao{--estoque-cor:#d98b00;--estoque-fundo:#fff0cc}.estoque-painel-card-topo{display:flex;align-items:center;gap:11px}.estoque-painel-inicial{display:grid;width:45px;height:45px;flex:0 0 45px;place-items:center;border-radius:13px;background:var(--estoque-fundo);color:var(--estoque-cor);font-family:Georgia,serif;font-size:22px;font-weight:700}.estoque-painel-identidade{min-width:0;flex:1}.estoque-painel-identidade h3{overflow:hidden;margin:0 0 4px;text-overflow:ellipsis;white-space:nowrap;font-size:17px}.estoque-painel-saldo{text-align:right}.estoque-painel-saldo strong,.estoque-painel-saldo span{display:block}.estoque-painel-saldo strong{color:var(--estoque-cor);font-size:28px;line-height:1}.estoque-painel-saldo span{margin-top:3px;color:var(--muted);font-size:10px;text-transform:uppercase}.estoque-painel-meta{display:flex;justify-content:space-between;gap:8px;margin:16px 0 7px;color:var(--muted);font-size:11px}.estoque-painel-meta strong{color:var(--estoque-cor)}.estoque-painel-referencias{display:grid;grid-template-columns:70px 70px 1fr;align-items:center;gap:7px;margin-top:13px}.estoque-painel-referencias span{padding:7px;border-radius:8px;background:#fbf2df;text-align:center}.estoque-painel-referencias small,.estoque-painel-referencias strong{display:block}.estoque-painel-referencias small{color:var(--muted);font-size:9px;text-transform:uppercase}.estoque-painel-referencias a{justify-self:end;color:var(--vinho);font-size:11px;font-weight:800;text-decoration:underline}.estoque-movimentacoes-painel{margin-top:27px;padding:19px;border:1px solid #e2d2b8;border-radius:17px;background:#fffefa;box-shadow:0 6px 18px #5b3c260c}.estoque-movimentacoes-painel .estoque-movimentacoes-cabecalho h2{margin-top:4px}.estoque-movimento{grid-template-columns:36px minmax(0,1fr) auto auto}.estoque-movimento-icone{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:var(--movimento-fundo);color:var(--movimento-cor);font-size:20px;font-weight:800} @media(max-width:1050px){.estoque-painel-cabecalho{grid-template-columns:1fr}.estoque-resumo-cards{max-width:none}.estoque-painel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:650px){.estoque-painel-cabecalho{padding:17px}.estoque-painel-apresentacao h1{font-size:27px}.estoque-resumo-cards{grid-template-columns:repeat(2,1fr)}.estoque-resumo{min-height:88px}.estoque-painel-titulo{align-items:flex-start;flex-direction:column}.estoque-painel-grid{grid-template-columns:1fr}.estoque-painel-legenda{flex-wrap:wrap}.estoque-movimentacoes-painel{padding:13px}.estoque-movimento{grid-template-columns:34px minmax(0,1fr) auto}.estoque-movimento-saldo{grid-column:2/-1}.estoque-movimentacoes-cabecalho{align-items:flex-start;flex-direction:column}.estoque-ver-todas{width:100%;text-align:center}} .estoque-painel-cabecalho{border-color:#e4d4b8;background:linear-gradient(120deg,#fffefa 0,#fbf2df 100%);color:var(--texto);box-shadow:0 8px 24px #5b3c260d} .estoque-painel-sobretitulo{color:var(--coral2)} .estoque-painel-apresentacao p{color:var(--muted)} .estoque-resumo{border-color:#e0ceb0;background:#fffefa;backdrop-filter:none;box-shadow:0 3px 10px #5b3c2609} .estoque-resumo span{color:var(--muted)} .estoque-resumo small{color:var(--muted)} .estoque-resumo-total strong{color:var(--vinho)} .estoque-resumo-critico{border-color:#efc6c8;background:#fff7f7} .estoque-resumo-atencao{border-color:#ead39c;background:#fffbef} .estoque-resumo-ideal{border-color:#bcdcc9;background:#f5fbf7} .estoque-resumo-critico strong{color:#cf3d46} .estoque-resumo-atencao strong{color:#b97800} .estoque-resumo-ideal strong{color:#2e8b57} label{display:block;font-weight:700;margin-bottom:6px} input,select,textarea{width:100%;padding:11px;border:1px solid #d9c9ad;border-radius:8px;background:#fffefa;color:var(--texto);font-size:16px} input:focus,select:focus,textarea:focus{border-color:var(--dourado);outline:3px solid #ef71811f} .campo-data-calendario{display:flex;align-items:stretch;gap:8px} .campo-data-calendario>input[data-data-br]{min-width:0;flex:1} .acionador-calendario{position:relative;display:grid;width:48px;flex:0 0 48px;place-items:center;overflow:hidden;border:1px solid #d9c9ad;border-radius:8px;background:var(--creme);color:var(--vinho);font-size:22px;cursor:pointer} .controle-calendario-nativo{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;opacity:0;cursor:pointer} .acionador-calendario:focus-within{border-color:var(--dourado);outline:3px solid #ef71811f} textarea{min-height:90px;resize:vertical} .campo{margin-bottom:14px}.linha{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.linha-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px} .tabela-wrap{overflow:auto;background:#fffefa;border:1px solid var(--borda);border-radius:12px;box-shadow:0 3px 13px #5b3c2608} table{width:100%;border-collapse:collapse;min-width:720px} th,td{padding:12px;border-bottom:1px solid #eee4d3;text-align:left}th{background:#fbf2df;color:#4b3323;font-size:13px} .badge{display:inline-block;padding:5px 8px;border-radius:999px;font-size:12px;font-weight:700;background:#eee} .badge-verde{background:#dff2e6;color:#175d35}.badge-amarelo{background:#fff0cc;color:#7c5200}.badge-vermelho{background:#fde0e0;color:#8a2020}.badge-azul{background:#e3eefc;color:#235c9c} .alerta{padding:12px 14px;border-radius:8px;margin-bottom:15px}.alerta-sucesso{background:#ddf2e5;color:#1f643c}.alerta-erro{background:#fde1e1;color:#8d2525} .itens-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.item-sabor{border:1px solid var(--borda);border-radius:10px;padding:12px;background:#fff} .item-sabor strong{display:block;margin-bottom:8px} .resumo{position:sticky;bottom:10px;background:#fff;border:2px solid var(--vinho);padding:13px;border-radius:12px;margin-top:15px;display:flex;justify-content:space-between;align-items:center;gap:10px} .login-box{max-width:420px;margin:5vh auto;background:#fffefa;border-radius:18px;padding:28px;border:1px solid var(--borda);box-shadow:0 18px 45px #5b3c261a} .login-box h1{margin:12px 0 5px;text-align:center;color:var(--vinho);font-family:Georgia,serif}.logo-login{width:150px;height:150px;margin:0 auto;overflow:hidden;border:3px solid #d7b678;border-radius:50%;background:#fff;box-shadow:0 8px 25px #5b3c2620}.logo-login img{display:block;width:100%;height:100%;object-fit:cover}.login-subtitulo{margin:0 0 20px;color:var(--muted);text-align:center} .login-salvar-acesso{display:flex;align-items:flex-start;gap:10px;margin:-2px 0 17px;color:var(--texto);cursor:pointer} .login-salvar-acesso input{width:19px;height:19px;flex:0 0 19px;margin:2px 0 0;accent-color:var(--coral2)} .login-salvar-acesso span{display:block;min-width:0} .login-salvar-acesso strong,.login-salvar-acesso small{display:block} .login-salvar-acesso strong{font-size:14px;line-height:1.3} .login-salvar-acesso small{margin-top:3px;color:var(--muted);font-size:12px;line-height:1.3} .kpi-alerta{border-left:5px solid var(--vermelho)} .print-only{display:none} @media(max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}.grid-2,.linha,.linha-3{grid-template-columns:1fr} .itens-grid{grid-template-columns:repeat(2,1fr)}.conteudo{padding:12px} .topo{padding:9px 12px}.usuario-topo{font-size:12px}.menu{top:52px}} @media(max-width:480px){.grid{grid-template-columns:1fr 1fr}.itens-grid{grid-template-columns:1fr}.card-numero{font-size:21px}} .comprovante-impressao>div:first-child h1{margin:8px 0 3px} .comprovante-impressao>div:first-child p{margin:0 0 8px;line-height:1.2} .comprovante-impressao>p{margin:6px 0;line-height:1.25} .comprovante-impressao .tabela-wrap{margin:14px 0} .comprovante-impressao table{width:100%;min-width:0;table-layout:auto} .comprovante-impressao th,.comprovante-impressao td{padding:6px 5px;line-height:1.2} .comprovante-impressao th:not(:first-child),.comprovante-impressao td:not(:first-child){width:1%;white-space:nowrap} .comprovante-acoes{width:min(760px,100%);align-items:center;justify-content:space-between;margin-right:auto;margin-left:auto} .comprovante-acoes-esquerda,.comprovante-acoes-direita{display:flex;align-items:center;gap:8px} .comprovante-acoes button:disabled{cursor:wait;opacity:.65} .tabela-itens-entrega tfoot th,.tabela-itens-entrega tfoot td{border-top:2px solid #d7b678;border-bottom:0;background:#fbf2df;color:#4b3323;font-weight:700} .comprovante-resumo-financeiro{display:flex;flex-direction:column;align-items:flex-end;gap:3px;margin:8px 0;text-align:right;font-size:18px;line-height:1.25} .comprovante-resumo-financeiro strong{font-size:20px} @page{size:A4 portrait;margin:10mm} @media print{html,body{width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important;background:#fff!important} body{-webkit-print-color-adjust:exact;print-color-adjust:exact} .topo,.menu,.rodape,.no-print,.acoes,.barra-acoes-pagina{display:none!important} .conteudo{width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important} .card{box-shadow:none} .comprovante-impressao{box-sizing:border-box;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:8mm!important;box-shadow:none!important;break-before:avoid-page;break-after:avoid-page;page-break-before:avoid;page-break-after:avoid} .comprovante-impressao .tabela-wrap{overflow:visible!important;box-shadow:none!important} .comprovante-impressao table{width:100%!important;min-width:0!important} .comprovante-impressao tr,.comprovante-impressao .registro-foto-entrega{break-inside:avoid;page-break-inside:avoid} .print-only{display:block}} .cabecalho-ordenacao {display:inline-flex;align-items:center;gap:5px;color:inherit;font-weight:800;text-decoration:none;white-space:nowrap} .cabecalho-ordenacao:hover {color:var(--vinho)} .cabecalho-ordenacao.ordenacao-ativa {color:var(--vinho)} .seta-ordenacao {font-size:10px;line-height:1} .seta-ordenacao.seta-neutra {color:#b5aaaa;opacity:0} .cabecalho-ordenacao:hover .seta-neutra {opacity:1} .seta-ordenacao.ativa {color:var(--vinho);opacity:1} .comprovante-entrega {width:100%;max-width:850px;margin:0 auto;overflow:hidden} .registro-foto-entrega {width:100%;margin-top:22px;padding-top:18px;border-top:1px solid var(--borda);overflow:hidden} .registro-foto-entrega a {display:block;width:100%} .registro-foto-entrega img {display:block;width:100%;max-width:720px;height:auto;max-height:480px;margin:12px auto;object-fit:contain;border:1px solid var(--borda);border-radius:12px;background:#f5f5f5} @media (max-width:650px) {.comprovante-entrega {width:100%;max-width:100%;margin:0;padding:14px} .registro-foto-entrega img {width:100%;max-width:100%;max-height:360px;object-fit:contain}} .painel-financeiro {display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,0.8fr);gap:18px;align-items:stretch;margin-bottom:18px} .grafico-financeiro-card {min-width:0;overflow:hidden} .grafico-financeiro-cabecalho {display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:15px} .grafico-financeiro-cabecalho h2 {margin:0 0 5px} .seletor-grafico {display:inline-flex;flex-shrink:0;padding:4px;border-radius:10px;background:#f2e7e9} .seletor-grafico button {padding:9px 14px;border:0;border-radius:8px;background:transparent;color:var(--vinho);font-size:14px;font-weight:700;cursor:pointer} .seletor-grafico button.ativo {background:var(--vinho);color:#fff} .grafico-financeiro-conteudo {display:grid;grid-template-columns:320px minmax(220px,1fr);align-items:center;gap:28px;min-height:340px;max-height:380px;overflow:hidden} .grafico-rosca-wrapper {position:relative;width:320px;height:320px;min-height:320px;max-height:320px;margin:0 auto;overflow:hidden} .grafico-rosca-wrapper canvas {display:block;width:320px !important;height:320px !important;max-width:100%;max-height:320px !important} .grafico-centro {position:absolute;top:50%;left:50%;width:145px;text-align:center;transform:translate(-50%,-50%);pointer-events:none} .grafico-centro span {display:block;color:var(--muted);font-size:13px} .grafico-centro strong {display:block;margin-top:4px;color:var(--vinho);font-size:25px;line-height:1.15} .legenda-financeira {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px} .legenda-item {display:grid;grid-template-columns:10px minmax(0,1fr);align-items:center;gap:7px;min-width:0;padding:7px 8px;border:1px solid var(--borda);border-radius:9px;background:#fff} .legenda-cor {width:10px;height:10px;border-radius:50%} .legenda-pago {background:#2e8b57} .legenda-aberto {background:#e2a72e} .legenda-parcial {background:#2f75c9} .legenda-vencido {background:#d63e3e} .legenda-cancelado {background:#9b9292} .legenda-item strong {display:block;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap} .legenda-item small {display:block;overflow:hidden;margin-top:2px;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap} .resumo-financeiro-cards {display:grid;gap:15px} .resumo-financeiro-item {display:flex;min-height:130px;flex-direction:column;justify-content:center} .resumo-financeiro-item strong {display:block;margin-top:8px;color:var(--vinho);font-size:27px} .resumo-vencido {border-left:5px solid #df3f3f;background:#f3c7c9} .status-em_aberto {background:#fff0c7;color:#875800} .status-parcial {background:#dbeafe;color:#1d4ed8} .status-vencido {background:#fee2e2;color:#b91c1c} .status-pago {background:#dcfce7;color:#166534} .status-cancelado {background:#ece9e9;color:#6e6565} .tabela-financeiro {margin-top:4px} @media (max-width:950px) {.painel-financeiro {grid-template-columns:1fr} .resumo-financeiro-cards {grid-template-columns:repeat(3,minmax(0,1fr))}} @media (max-width:700px) {.grafico-financeiro-cabecalho {display:block} .seletor-grafico {width:100%;margin-top:10px} .seletor-grafico button {flex:1} .grafico-financeiro-conteudo {grid-template-columns:1fr;max-height:none;min-height:0;overflow:visible} .grafico-rosca-wrapper {width:260px;height:260px;min-height:260px;max-height:260px} .grafico-rosca-wrapper canvas {width:260px !important;height:260px !important;max-height:260px !important} .legenda-financeira {grid-template-columns:repeat(2,minmax(0,1fr))} .resumo-financeiro-cards {grid-template-columns:1fr}} @media (max-width:430px) {.legenda-financeira {grid-template-columns:repeat(2,minmax(0,1fr))}} .pagina-pedido {padding-bottom:135px} .cabecalho-pagina,.titulo-secao {display:flex;align-items:flex-start;justify-content:space-between;gap:15px} .cabecalho-pagina h1,.titulo-secao h2 {margin-bottom:4px} .pedido-dados {max-width:none !important} .campo-sufixo,.campo-moeda {display:flex;align-items:center;border:1px solid #cfc4c4;border-radius:9px;background:#fff;overflow:hidden} .campo-sufixo input,.campo-moeda input {border:0;border-radius:0;box-shadow:none} .campo-sufixo span,.campo-moeda span {padding:0 12px;color:var(--muted);font-weight:700;white-space:nowrap} .preco-cliente {min-height:46px;display:flex;flex-direction:column;justify-content:center;padding:8px 12px;border-radius:9px;background:var(--rosa)} .preco-cliente span {color:var(--vinho);font-size:20px;font-weight:800} .preco-cliente small {color:var(--muted);margin-top:2px} .secao-sabores {margin-top:20px} .btn-link {border:0;background:transparent;color:var(--vinho);font-weight:700;cursor:pointer;padding:8px} .sabores-pdv {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .sabor-card {padding:14px;border:2px solid var(--borda);border-radius:15px;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.04);transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease} .sabor-card.sabor-selecionado {border-color:var(--vinho);box-shadow:0 6px 18px rgba(122,31,42,.12);transform:translateY(-1px)} .sabor-cabecalho {display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px} .sabor-cabecalho strong {display:block;font-size:18px} .sabor-cabecalho small {display:block;color:var(--muted);margin-top:3px} .sabor-cabecalho .estoque-baixo {color:var(--vermelho);font-weight:700} .subtotal-item {color:var(--vinho);font-weight:800;white-space:nowrap} .controle-quantidade {display:grid;grid-template-columns:52px minmax(70px,1fr) 52px;gap:8px;align-items:center;margin-bottom:12px} .quantidade-botao {height:48px;border:0;border-radius:11px;background:var(--vinho);color:#fff;font-size:28px;line-height:1;font-weight:700;cursor:pointer;touch-action:manipulation} .quantidade-botao:active {transform:scale(.96);background:var(--vinho2)} .controle-quantidade input {height:48px;padding:6px;text-align:center;color:var(--vinho);font-size:24px;font-weight:800;appearance:textfield} .controle-quantidade input::-webkit-inner-spin-button,.controle-quantidade input::-webkit-outer-spin-button {margin:0;appearance:none} .valor-unitario-linha {display:grid;grid-template-columns:1fr 130px;align-items:center;gap:10px} .valor-unitario-linha label {margin:0;color:var(--muted);font-size:13px} .valor-unitario-linha input {padding-left:2px} .desconto-observacao {max-width:none !important;margin-top:18px} .resumo-pedido {position:fixed;z-index:30;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:22px;padding:12px max(14px,calc((100vw - 1180px) / 2 + 18px));border-top:1px solid var(--borda);background:rgba(255,255,255,.97);box-shadow:0 -6px 24px rgba(0,0,0,.10);backdrop-filter:blur(8px)} .resumo-principal {flex:1;max-width:850px;display:flex;align-items:center;justify-content:space-between;gap:24px} .resumo-unidades span {display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em} .resumo-unidades strong {display:block;margin-top:2px;color:var(--vinho);font-size:26px} .resumo-valores {display:flex;align-items:center;gap:22px} .resumo-valores div {min-width:105px} .resumo-valores span {display:block;color:var(--muted);font-size:12px} .resumo-valores strong {display:block;margin-top:2px;font-size:17px} .resumo-total strong {color:var(--vinho);font-size:25px} .btn-salvar-pedido {min-width:175px;min-height:52px;font-size:16px} @media (max-width:900px) {.sabores-pdv {grid-template-columns:repeat(2,minmax(0,1fr))} .resumo-valores {gap:12px} .resumo-valores div {min-width:auto}} @media (max-width:650px) {.pagina-pedido {padding-bottom:185px} .cabecalho-pagina {align-items:center} .cabecalho-pagina .muted {display:none} .titulo-secao {align-items:center} .sabores-pdv {grid-template-columns:1fr} .sabor-card {padding:12px} .sabor-cabecalho {margin-bottom:8px} .controle-quantidade {grid-template-columns:54px 1fr 54px} .valor-unitario-linha {grid-template-columns:1fr 145px} .resumo-pedido {display:block;padding:10px 12px} .resumo-principal {display:grid;grid-template-columns:1fr;gap:7px;margin-bottom:9px} .resumo-unidades {display:flex;align-items:baseline;justify-content:space-between} .resumo-unidades strong {font-size:22px} .resumo-valores {display:grid;grid-template-columns:repeat(3,1fr);gap:8px} .resumo-valores div {padding:7px;border-radius:8px;background:#f8f4f4} .resumo-valores strong,.resumo-total strong {font-size:15px} .btn-salvar-pedido {width:100%;min-height:48px}} .linha-conferencia,.linha-resumo {display:flex;align-items:center;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid #eee} .linha-conferencia:last-child,.linha-resumo:last-child {border-bottom:0} .linha-total {margin:5px 0;color:var(--vinho);font-size:19px} .texto-perigo {color:var(--vermelho) !important;font-weight:700} .status-entregue {display:inline-flex;align-items:center;min-height:42px;padding:8px 13px;border-radius:9px;background:#dff2e6;color:#175d35;font-weight:700} .card-texto {font-size:18px;line-height:1.25} .status{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap} .status-recebido{background:#dbeafe;color:#1d4ed8} .status-aguardando_producao,.status-em_producao{background:#fef3c7;color:#a05a00} .status-pronto,.status-separado{background:#dcfce7;color:#15803d} .status-saiu_para_entrega{background:#ede9fe;color:#6d28d9} .status-entregue{background:#d7f3df;color:#176b38} .status-cancelado{background:#fee2e2;color:#b91c1c} .linha-cancelada td{color:#8d7b7b;background:#fffafa} .linha-cancelada td:first-child,.linha-cancelada td:nth-child(2){text-decoration:line-through} .tabela-pedidos .linha-cancelada td:nth-child(2){text-decoration:none} .tabela-pedidos .linha-cancelada td:nth-child(3){text-decoration:line-through} .aviso-cancelamento{border-left:5px solid var(--vermelho)} .formulario-cancelamento{max-width:760px!important;margin-top:15px} .card-cancelado{border-left:5px solid var(--vermelho);background:#fff8f8} .status-pronto{background:#fff0b8;color:#8a5a00;border:1px solid #f2d47a} .btn-pronto{background:#d98b00;color:#fff} .btn-pronto:hover{background:#b87200} .aviso-pronto{border-left:5px solid #d98b00} .formulario-pronto{max-width:760px!important;margin-top:15px} .card-pronto{border-left:5px solid #d98b00;background:#fffaf0} .status-data{display:block;margin-top:4px;color:var(--muted);font-size:11px} .btn-editar{background:#2563eb;color:#fff}.btn-editar:hover{background:#1d4ed8} .formulario-cliente {max-width:1050px !important} .localizacao-cliente-controles {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch} .localizacao-cliente-controles .btn {white-space:nowrap} .campo-ajuda {display:block;margin-top:7px;color:var(--muted);line-height:1.35} .campo-ajuda-sucesso {color:var(--verde);font-weight:700} .campo-ajuda-erro {color:var(--vermelho);font-weight:700} @media (max-width:650px) {.localizacao-cliente-controles {grid-template-columns:1fr}} .checkbox-cliente {display:inline-flex;align-items:center;gap:8px;margin-top:5px} .checkbox-cliente input {width:auto} .acoes-formulario {margin-top:18px} .clientes-indicadores {margin-bottom:15px} .texto-verde {color:#187548 !important} .texto-vermelho {color:#b5262f !important} .filtros-clientes {max-width:none !important;margin-bottom:15px} .busca-clientes {display:grid;grid-template-columns:1fr auto;gap:10px} .filtros-clientes-botoes {display:flex;gap:7px;flex-wrap:wrap;margin-top:12px} .filtros-clientes-botoes a {padding:7px 12px;border-radius:999px;background:var(--rosa);color:var(--vinho);font-size:13px;font-weight:700} .filtros-clientes-botoes a.ativo {background:var(--vinho);color:#fff} .cliente-subtexto {display:block;margin-top:3px;color:var(--muted)} .cliente-situacao {display:inline-flex;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:800} .cliente-premium {background:#fff0b8;color:#875800} .cliente-empresa {background:#e8e1ff;color:#5940a8} .cliente-ativo {background:#dcfce7;color:#166534} .cliente-inativo {background:#fee2e2;color:#b91c1c} .cliente-novo {background:#dbeafe;color:#1d4ed8} .btn-tabela {display:inline-flex;padding:7px 11px;border-radius:8px;background:var(--vinho);color:#fff;font-weight:700} .whatsapp-cliente {display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 2px 7px rgba(24,117,72,.22);transition:transform .15s ease,background .15s ease} .whatsapp-abrir-modal:hover .whatsapp-cliente,.whatsapp-abrir-modal:focus-visible .whatsapp-cliente {background:#1eaf57;color:#fff;transform:translateY(-1px)} .whatsapp-cliente svg {width:22px;height:22px;fill:currentColor} .whatsapp-abrir-modal,.whatsapp-coluna {width:100%;min-width:0;margin:0 auto;text-align:center} th.coluna-whatsapp,td.coluna-whatsapp {width:80px;min-width:80px;max-width:80px;padding-right:5px;padding-left:5px;text-align:center} .whatsapp-abrir-modal {display:flex;flex-direction:column;align-items:center;padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer} .whatsapp-abrir-modal:focus-visible {outline:2px solid #25d366;outline-offset:3px;border-radius:8px} .whatsapp-contato {display:block;width:100%;max-width:70px;margin-top:5px;overflow:hidden;color:var(--texto);font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap} .whatsapp-sem-numero {display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;color:var(--muted);font-size:20px} .modal-whatsapp {position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:18px;background:rgba(28,20,21,.62)} .modal-whatsapp[hidden] {display:none} .modal-whatsapp-dialogo {position:relative;width:min(100%,440px);padding:26px;border:1px solid #cfe8d8;border-radius:16px;background:#fff;box-shadow:0 20px 55px rgba(0,0,0,.24);text-align:center} .modal-whatsapp-dialogo h2 {margin:12px 0 5px} .modal-whatsapp-dialogo p {margin:0 0 18px} .modal-whatsapp-fechar {position:absolute;top:10px;right:12px;width:36px;height:36px;border:0;background:transparent;color:var(--muted);font-size:28px;line-height:1;cursor:pointer} .modal-whatsapp-icone {display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:50%;background:#25d366;color:#fff} .modal-whatsapp-icone svg {width:29px;height:29px;fill:currentColor} .modal-whatsapp-opcoes {display:grid;gap:10px} .modal-whatsapp-opcoes a {display:block;padding:12px 14px;border-radius:9px;background:#e2f8e9;color:#176b38;font-weight:800} .modal-whatsapp-opcoes a:hover,.modal-whatsapp-opcoes a:focus-visible {background:#c9f0d5} .modal-whatsapp-opcoes .whatsapp-opcao-compra {background:#25d366;color:#fff} .modal-whatsapp-opcoes .whatsapp-opcao-compra:hover,.modal-whatsapp-opcoes .whatsapp-opcao-compra:focus-visible {background:#1eaf57} .modal-whatsapp-opcoes .whatsapp-opcao-compra.acao-desabilitada,.modal-whatsapp-opcoes .whatsapp-opcao-compra.acao-desabilitada:hover,.modal-whatsapp-opcoes .whatsapp-opcao-compra.acao-desabilitada:focus-visible {background:#e5e1e1;color:#928888;cursor:not-allowed;opacity:.8} body.modal-aberto {overflow:hidden} .tabela-vazia {padding:30px !important;color:var(--muted);text-align:center} .cliente-cabecalho {display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px} .cliente-titulo-linha {display:flex;align-items:center;gap:10px;flex-wrap:wrap} .cliente-titulo-linha h1 {margin-bottom:4px} .cliente-link-mapa {display:inline-flex;align-items:center;margin-top:2px;color:var(--vinho);font-weight:800;text-decoration:underline;text-underline-offset:3px} .cliente-link-mapa:hover {color:var(--coral2)} .coluna-mapa {width:1%;text-align:center;white-space:nowrap} .cliente-link-mapa-lista {margin-top:0;font-size:13px} .mapa-clientes-resumo {display:flex;align-items:flex-start;justify-content:space-between;gap:18px;max-width:none !important;margin-bottom:14px} .mapa-clientes-resumo h1 {margin:0 0 6px} .mapa-clientes-resumo p {margin:0} .mapa-clientes-indicadores {display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end} .mapa-clientes-indicadores span {padding:8px 11px;border-radius:999px;background:var(--creme);color:var(--vinho);font-size:13px;white-space:nowrap} .mapa-compartilhar-controles {max-width:none !important;margin-bottom:14px} .mapa-compartilhar-cabecalho {display:flex;align-items:flex-start;justify-content:space-between;gap:16px} .mapa-compartilhar-cabecalho h2 {margin:0 0 5px} .mapa-compartilhar-cabecalho p {margin:0} .mapa-selecionados-total {flex:0 0 auto;padding:8px 11px;border-radius:999px;background:#e3eefc;color:#235c9c;font-size:13px;font-weight:700;white-space:nowrap} .mapa-compartilhar-acoes {display:flex;gap:8px;flex-wrap:wrap;margin-top:14px} .mapa-link-resultado {margin-top:16px;padding-top:15px;border-top:1px solid var(--borda)} .mapa-link-campo-acoes {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px} .copiar-link-retorno {display:block;min-height:18px;margin-top:7px;color:var(--verde);font-size:13px;font-weight:700} .mapa-clientes {position:relative;z-index:1;isolation:isolate;width:100%;height:min(68vh,720px);min-height:460px;overflow:hidden;border:1px solid var(--borda);border-radius:14px;box-shadow:0 4px 16px #5b3c2614;background:#eee7dc} .mapa-clientes-legenda {display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:10px 3px 0;color:var(--muted);font-size:13px} .mapa-clientes-legenda span {display:inline-flex;gap:6px;align-items:center} .mapa-clientes-legenda i {width:12px;height:12px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #cbbda9} .mapa-legenda-ativo {background:var(--verde)} .mapa-legenda-inativo {background:#cf3d46} .mapa-legenda-casa {background:#2f75c9} .mapa-cliente-popup {display:grid;gap:5px;min-width:190px;color:var(--texto)} .mapa-cliente-popup>strong {color:var(--vinho);font-size:15px} .mapa-cliente-popup>small,.mapa-cliente-popup>span {display:block} .mapa-cliente-popup-acoes {display:flex;gap:7px;flex-wrap:wrap;margin-top:5px} .mapa-cliente-popup-acoes a,.mapa-cliente-popup-acoes button {padding:6px 8px;border:0;border-radius:7px;background:var(--vinho);color:#fff !important;cursor:pointer;font:inherit;font-weight:700} .mapa-cliente-popup-acoes a:visited,.mapa-cliente-popup-acoes a:hover,.mapa-cliente-popup-acoes a:focus,.mapa-cliente-popup-acoes button:hover,.mapa-cliente-popup-acoes button:focus {color:#fff !important} .mapa-cliente-popup-acoes .mapa-acao-rota {background:var(--verde) !important} .mapa-cliente-popup-acoes .mapa-acao-ficha {background:var(--vinho) !important} .mapa-cliente-popup-acoes .mapa-acao-selecionar {background:#2f75c9 !important} .mapa-cliente-popup-acoes .mapa-acao-selecionada {background:var(--coral2) !important} .mapa-compartilhado-invalido {max-width:none !important} .link-cliente-card {max-width:none !important} .link-cliente-copiar {display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px} .link-cliente-copiar .copiar-link-retorno {flex:1 1 100%;margin-top:0} @media (max-width:520px) {.link-cliente-copiar .btn {flex:1 1 calc(50% - 5px);padding-right:10px;padding-left:10px;white-space:nowrap}} .mapa-clientes-vazio {max-width:none !important;padding:30px;color:var(--muted);text-align:center} @media (max-width:650px) {.mapa-clientes-resumo {display:block} .mapa-clientes-indicadores {justify-content:flex-start;margin-top:12px} .mapa-compartilhar-cabecalho {display:block} .mapa-selecionados-total {display:inline-block;margin-top:12px} .mapa-compartilhar-acoes .btn {flex:1 1 calc(50% - 8px)} .mapa-link-campo-acoes {grid-template-columns:1fr} .mapa-link-campo-acoes .btn {width:100%} .mapa-clientes {height:64vh;min-height:430px} .mapa-clientes.mapa-compartilhado {height:min(46vh,480px);min-height:340px}} .rota-entregas-cabecalho {display:flex;align-items:flex-start;justify-content:space-between;gap:18px;max-width:none !important;margin-bottom:14px} .rota-entregas-cabecalho h1 {margin:0 0 6px} .rota-entregas-cabecalho p {margin:0} .rota-origem {display:grid;gap:2px;min-width:225px;padding:10px 12px;border-radius:10px;background:var(--creme)} .rota-origem small,.rota-origem span {color:var(--muted);font-size:12px} .rota-aviso-localizacao {margin-bottom:14px} .rota-entregas-layout {display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:14px;align-items:start} .rota-selecao-pedidos {max-width:none !important;padding:13px} .rota-selecao-topo {display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px} .rota-selecao-topo h2 {margin:0 0 2px} .rota-selecao-topo small {color:var(--muted)} .rota-selecao-atalhos {display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end} .rota-selecao-atalhos button {padding:5px 7px;border:1px solid var(--borda);border-radius:7px;background:#fff;color:var(--vinho);font-size:11px;font-weight:800;cursor:pointer} .rota-pedidos-lista {display:grid;gap:7px;max-height:53vh;overflow-y:auto;padding-right:3px} .rota-pedido-item {display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:9px;align-items:center;margin:0;padding:9px;border:1px solid var(--borda);border-radius:9px;background:#fff;cursor:pointer} .rota-pedido-item:has(input:checked) {border-color:#7dbb96;background:#f2fbf5} .rota-pedido-item input,.rota-retorno-origem input {width:auto;margin:0} .rota-pedido-item>span {min-width:0} .rota-pedido-numero-lista {display:grid;width:27px;height:27px;min-width:27px !important;place-items:center;border:2px solid #fff;border-radius:50%;background:var(--coral);color:#fff;font-size:12px;font-weight:900;box-shadow:0 1px 5px #0003} .rota-pedido-numero-lista[hidden] {display:none} .rota-pedido-item strong,.rota-pedido-item small {display:block} .rota-pedido-item strong {overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .rota-pedido-item small {margin-top:3px;color:var(--muted);font-weight:400} .rota-pedido-item em {font-style:normal;font-size:10px} .rota-retorno-origem {display:flex;align-items:center;gap:8px;margin:12px 0;padding:9px;border-radius:8px;background:var(--creme);font-size:13px} .rota-gerar {width:100%} .rota-resultado {min-width:0} .mapa-rota-entregas {width:100%;height:min(64vh,680px);min-height:460px;overflow:hidden;border:1px solid var(--borda);border-radius:14px;box-shadow:0 4px 16px #5b3c2614;background:#eee7dc} .rota-resumo {max-width:none !important;margin-top:14px} .rota-resumo-topo {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .rota-resumo-topo>div {padding:10px;border-radius:9px;background:var(--creme)} .rota-resumo-topo small,.rota-resumo-topo strong {display:block} .rota-resumo-topo small {margin-bottom:4px;color:var(--muted)} .rota-observacao-distancia {margin:10px 0;font-size:12px} .rota-ordem {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px} .rota-ordem-item {display:grid;grid-template-columns:31px minmax(0,1fr);gap:8px;align-items:center;padding:8px;border:1px solid var(--borda);border-radius:8px} .rota-ordem-item>strong {display:grid;width:29px;height:29px;place-items:center;border-radius:50%;background:var(--vinho);color:#fff} .rota-ordem-item b,.rota-ordem-item small {display:block} .rota-ordem-item small {margin-top:2px;color:var(--muted)} .rota-ordem-retorno>strong {background:var(--verde)} .rota-etapas {display:flex;gap:8px;flex-wrap:wrap;margin-top:12px} .rota-marcador-container {background:transparent;border:0} .rota-marcador-numero {display:grid;width:30px;height:30px;place-items:center;border:3px solid #fff;border-radius:50%;background:var(--coral);color:#fff;font-weight:900;box-shadow:0 2px 8px #0004} .rota-sem-pedidos {padding:18px 8px;text-align:center} @media (max-width:900px) {.rota-entregas-layout {grid-template-columns:1fr} .rota-pedidos-lista {max-height:390px}} @media (max-width:650px) {.rota-entregas-cabecalho {display:block} .rota-origem {margin-top:12px} .mapa-rota-entregas {height:56vh;min-height:410px} .rota-ordem {grid-template-columns:1fr} .rota-etapas .btn {width:100%}} .cliente-classificacao {display:inline-flex;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:800} .cliente-classificacao-normal {background:#e7edf3;color:#46596c} .cliente-classificacao-empresa {background:#e8e1ff;color:#5940a8} .cliente-classificacao-premium {background:#fff0b8;color:#875800} .cliente-score {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:5px} .cliente-score .estrelas {color:#d98b00;font-size:20px;letter-spacing:1px} .cliente-score small {color:var(--muted)} .cliente-kpis {margin-bottom:15px} .cliente-previsoes {margin-bottom:15px} .cliente-destaque {margin-top:8px;color:var(--vinho);font-size:22px;font-weight:800} .cliente-paineis,.cliente-rodape-paineis {margin-bottom:15px} .sabores-ranking {display:grid;gap:13px} .sabor-ranking-topo {display:flex;justify-content:space-between;gap:12px;margin-bottom:5px} .barra-ranking {height:9px;overflow:hidden;border-radius:999px;background:#f1e7e7} .barra-ranking span {display:block;height:100%;min-width:3px;border-radius:inherit;background:var(--vinho)} .financeiro-cliente-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .financeiro-cliente-grid div {padding:13px;border-radius:11px;background:#faf7f7} .financeiro-cliente-grid span {display:block;color:var(--muted);font-size:13px} .financeiro-cliente-grid strong {display:block;margin-top:5px;font-size:18px} .cliente-evolucao {max-width:none !important;margin-bottom:15px} .cliente-evolucao h2 {margin-bottom:4px} .cliente-evolucao-ajuda {margin:0 0 8px} .cliente-grafico-wrapper {height:360px} .cliente-grafico-vazio {display:grid;min-height:180px;place-items:center;padding:20px;border:1px dashed var(--borda);border-radius:11px;color:var(--muted);text-align:center} .linha-tempo-cliente {display:grid} .linha-tempo-item {display:grid;grid-template-columns:90px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--borda)} .linha-tempo-item:last-child {border-bottom:0} .linha-tempo-data {color:var(--muted);font-size:13px} .linha-tempo-conteudo {display:flex;gap:10px;align-items:center;flex-wrap:wrap} .linha-tempo-conteudo small {padding:3px 7px;border-radius:999px;background:var(--rosa);color:var(--vinho)} .cliente-observacoes {margin-top:16px;padding:13px;border-left:4px solid var(--vinho);border-radius:8px;background:#faf5f5} .cliente-observacoes p {margin-bottom:0;line-height:1.55} @media (max-width:850px) {.cliente-cabecalho {display:block} .cliente-cabecalho .acoes {margin-top:12px} .financeiro-cliente-grid {grid-template-columns:1fr}} @media (max-width:650px) {.busca-clientes {grid-template-columns:1fr} .cliente-destaque {font-size:19px} .linha-tempo-item {grid-template-columns:1fr auto} .linha-tempo-data {grid-column:1 / -1} .cliente-grafico-wrapper {height:330px}} .painel-status-pedidos{margin-bottom:18px} .painel-status-cabecalho{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px} .painel-status-cabecalho h2{margin:0 0 4px} .painel-status-cabecalho p{margin:0} .painel-status-total{padding:8px 12px;border-radius:999px;background:var(--rosa);color:var(--vinho);white-space:nowrap} .painel-status-conteudo{display:flex;align-items:center;justify-content:center;gap:58px;padding:8px 0 4px} .grafico-status-wrapper{position:relative;width:210px;height:210px;flex:0 0 210px} .grafico-status-rosca{width:100%;height:100%;border-radius:50%;background:conic-gradient(#2563eb 0 var(--fim-recebidos),#d98b00 var(--fim-recebidos) var(--fim-prontos),#cf3d46 var(--fim-prontos) var(--fim-cancelados),var(--cor-final) var(--fim-cancelados) 100%);box-shadow:inset 0 0 0 1px #0000000b} .grafico-status-rosca::after{content:"";position:absolute;inset:38px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px var(--borda)} .grafico-status-centro{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none} .grafico-status-centro strong{color:var(--vinho);font-size:34px;line-height:1} .grafico-status-centro span{margin-top:5px;color:var(--muted);font-size:13px} .legenda-status-pedidos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px} .legenda-status-item{display:grid;grid-template-columns:10px minmax(0,1fr);align-items:center;gap:7px;padding:7px 8px;border:1px solid var(--borda);border-radius:9px;background:#faf7f7} .legenda-status-item>span{width:10px;height:10px;border-radius:50%} .legenda-status-item strong,.legenda-status-item small{display:block} .legenda-status-item strong{font-size:16px;line-height:1.1}.legenda-status-item small{overflow:hidden;margin-top:2px;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap} .legenda-status-recebido>span{background:#2563eb}.legenda-status-pronto>span{background:#d98b00}.legenda-status-cancelado>span{background:#cf3d46}.legenda-status-entregue>span{background:#2e8b57} @media(max-width:700px){.painel-status-conteudo{flex-direction:column;gap:22px}.legenda-status-pedidos{width:100%;grid-template-columns:repeat(2,1fr)}} @media(max-width:480px){.painel-status-cabecalho{display:block}.painel-status-total{display:inline-block;margin-top:10px}.legenda-status-pedidos{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.legenda-status-item{padding:7px 8px;gap:7px}.grafico-status-wrapper{width:190px;height:190px;flex-basis:190px}} .tabela-itens-pedido tfoot th,.tabela-itens-pedido tfoot td{border-top:2px solid #d7b678;border-bottom:0;background:#fbf2df;color:var(--texto);font-weight:700} .estoque-grid{align-items:stretch} .estoque-card{--estoque-cor:#2e8b57;--estoque-fundo:#ddf2e5;border-left:5px solid var(--estoque-cor)} .estoque-card-critico{--estoque-cor:#cf3d46;--estoque-fundo:#fde3e5} .estoque-card-atencao{--estoque-cor:#d98b00;--estoque-fundo:#fff0cc} .estoque-card-ideal{--estoque-cor:#2e8b57;--estoque-fundo:#ddf2e5} .estoque-card-cabecalho{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px} .estoque-card-cabecalho>strong{font-size:16px} .estoque-situacao{padding:4px 7px;border-radius:999px;background:var(--estoque-fundo);color:var(--estoque-cor);font-size:11px;font-weight:700;white-space:nowrap} .estoque-card .card-numero{margin:8px 0 9px} .estoque-barra{height:9px;overflow:hidden;border-radius:999px;background:#eee4d3} .estoque-barra>span{display:block;height:100%;border-radius:inherit;background:var(--estoque-cor);transition:width .25s ease} .estoque-referencias{display:flex;justify-content:space-between;gap:8px;margin-top:8px;color:var(--muted)} .estoque-referencias small{white-space:nowrap} .estoque-movimentacoes-secao{margin-top:24px} .estoque-movimentacoes-cabecalho{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:12px} .estoque-movimentacoes-cabecalho h2{margin:0 0 4px} .estoque-movimentacoes-cabecalho p{margin:0} .estoque-ver-todas{flex:0 0 auto;padding:7px 11px;border:1px solid var(--borda);border-radius:9px;background:#fff;color:var(--vinho);font-size:13px;font-weight:700} .estoque-ver-todas:hover{background:var(--rosa)} .estoque-movimentacoes-lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .estoque-movimento{--movimento-cor:#2e8b57;--movimento-fundo:#ddf2e5;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;min-width:0;padding:12px 14px;border:1px solid var(--borda);border-left:4px solid var(--movimento-cor);border-radius:11px;background:#fffefa} .estoque-movimento-saida{--movimento-cor:#cf3d46;--movimento-fundo:#fde3e5} .estoque-movimento-principal{min-width:0} .estoque-movimento-principal strong,.estoque-movimento-principal small{display:block} .estoque-movimento-principal strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .estoque-movimento-principal small{margin-top:4px;color:var(--muted)} .estoque-movimento-tipo{text-align:center} .estoque-movimento-tipo span{display:block;padding:3px 7px;border-radius:999px;background:var(--movimento-fundo);color:var(--movimento-cor);font-size:11px;font-weight:700} .estoque-movimento-tipo strong{display:block;margin-top:4px;color:var(--movimento-cor);font-size:17px} .estoque-movimento-saldo{text-align:right;white-space:nowrap} .estoque-movimento-saldo small,.estoque-movimento-saldo strong{display:block} .estoque-movimento-saldo small{margin-bottom:4px;color:var(--muted)} .formulario-niveis-estoque{max-width:none!important} .estoque-niveis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .estoque-nivel-item{padding:14px;border:1px solid var(--borda);border-radius:12px;background:#fff} .estoque-nivel-item h2{margin:0 0 12px;color:var(--vinho);font-size:18px} .estoque-nivel-campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .estoque-nivel-campos .campo{margin-bottom:0} .formulario-niveis-acoes{justify-content:flex-end;margin:16px 0 0} @media(max-width:480px){.estoque-card{padding:12px} .estoque-card-cabecalho>strong{font-size:15px} .estoque-referencias{gap:4px} .estoque-referencias small{font-size:11px} .estoque-niveis-grid{grid-template-columns:1fr} .estoque-nivel-item{padding:12px} .estoque-movimentacoes-cabecalho{align-items:center} .estoque-movimentacoes-cabecalho p{font-size:12px} .estoque-movimentacoes-lista{grid-template-columns:1fr} .estoque-movimento{grid-template-columns:minmax(0,1fr) auto;gap:9px 12px;padding:11px 12px} .estoque-movimento-saldo{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid #eee4d3;text-align:left} .estoque-movimento-saldo small{margin:0}} .acao-tabela,.btn-tabela {display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 13px;border:0;border-radius:9px;background:var(--vinho);color:#fff !important;font:inherit;font-weight:700;line-height:1;white-space:nowrap;cursor:pointer} .acao-tabela:hover,.btn-tabela:hover {background:var(--vinho2)} .acoes-tabela-pedido {display:flex;align-items:center;justify-content:flex-end;gap:7px} .acao-tabela-mapa {background:var(--verde)} .acao-tabela-mapa:hover {background:#17683b} .botao-ordenacao-tabela {padding:0;border:0;background:transparent;font:inherit;cursor:pointer} .filtro-periodo-financeiro {display:flex;align-items:flex-end;gap:10px;max-width:none;padding:11px 13px;border:1px solid var(--borda);border-radius:12px;background:#fff} .filtro-periodo-financeiro label {margin:0;color:var(--muted);font-size:13px} .filtro-periodo-financeiro select {width:auto;min-width:190px;padding:9px 34px 9px 11px} .painel-financeiro {grid-template-columns:minmax(0,1.65fr) minmax(360px,1fr)} .resumo-financeiro-cards {grid-template-columns:repeat(2,minmax(0,1fr));align-content:start} .resumo-financeiro-item {min-width:0} .resumo-financeiro-item strong {font-size:23px} @media (max-width:950px) {.painel-financeiro {grid-template-columns:1fr} .resumo-financeiro-cards {grid-template-columns:repeat(4,minmax(0,1fr))}} @media (max-width:760px) {.cabecalho-pagina .filtro-periodo-financeiro {width:100%;margin-top:12px} .filtro-periodo-financeiro select {flex:1;min-width:0} .resumo-financeiro-cards {grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:430px) {.resumo-financeiro-cards {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .resumo-financeiro-item {min-height:120px;padding:12px} .resumo-financeiro-item>span {font-size:13px} .resumo-financeiro-item strong {font-size:20px;line-height:1.15}} .dashboard-cabecalho {display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px} .dashboard-cabecalho-filtro,.cabecalho-pagina-somente-filtro {justify-content:flex-end} .dashboard-cabecalho h1 {margin-bottom:5px} .dashboard-cabecalho p,.dashboard-secao-titulo p,.dashboard-card-titulo p {margin:0} .dashboard-periodo {display:flex;min-width:245px;flex-direction:column;gap:5px} .dashboard-periodo label {margin:0;color:var(--muted);font-size:12px} .dashboard-periodo select {padding:9px 34px 9px 11px;background-color:#fff} .dashboard-alertas {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:24px} .dashboard-alerta {position:relative;min-width:0;min-height:140px;overflow:hidden;border-left:5px solid var(--dashboard-cor);color:var(--texto);transition:transform .16s ease,box-shadow .16s ease} .dashboard-alerta::after {position:absolute;right:-31px;bottom:-47px;width:125px;height:125px;border-radius:50%;background:var(--dashboard-fundo);content:""} .dashboard-alerta:hover {color:var(--texto);box-shadow:0 10px 25px rgba(47,27,30,.11);transform:translateY(-2px)} .dashboard-alerta-azul {--dashboard-cor:#2563eb;--dashboard-fundo:#dce8ff} .dashboard-alerta-amarelo {--dashboard-cor:#d98b00;--dashboard-fundo:#fff0c9} .dashboard-alerta-verde {--dashboard-cor:#2e8b57;--dashboard-fundo:#dff4e7} .dashboard-alerta-coral {--dashboard-cor:#ef7181;--dashboard-fundo:#fde4e8} .dashboard-alerta-vermelho {--dashboard-cor:#cf3d46;--dashboard-fundo:#fde1e3} .dashboard-alerta-vinho {--dashboard-cor:var(--vinho);--dashboard-fundo:var(--rosa)} .dashboard-alerta-rotulo {position:relative;z-index:1;display:block;color:var(--muted);font-size:14px;font-weight:700} .dashboard-alerta strong {position:relative;z-index:1;display:block;overflow:hidden;margin-top:12px;color:var(--dashboard-cor);font-size:clamp(25px,2vw,32px);line-height:1.05;text-overflow:ellipsis;white-space:nowrap} .dashboard-alerta small {position:relative;z-index:1;display:block;margin-top:8px;color:var(--muted)} .dashboard-secao {margin-bottom:22px} .dashboard-secao-titulo,.dashboard-card-titulo {display:flex;align-items:flex-start;justify-content:space-between;gap:14px} .dashboard-secao-titulo {margin-bottom:12px} .dashboard-secao-titulo-somente-acao {justify-content:flex-end} .referencia-rastreio {display:inline-flex;color:var(--vinho);font-weight:800;white-space:nowrap} .referencia-rastreio:hover {text-decoration:underline} .dashboard-secao-titulo h2,.dashboard-card-titulo h2 {margin:0 0 5px} .dashboard-secao-titulo>a,.dashboard-card-titulo>a {flex:0 0 auto;padding:6px 0;font-size:13px;font-weight:800} .dashboard-resumo-financeiro {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px} .dashboard-resumo-item {min-width:0;border-top:4px solid var(--vinho);color:var(--texto)} .dashboard-resumo-item:hover {color:var(--texto)} .dashboard-resumo-item>span,.dashboard-resumo-item>small {display:block;color:var(--muted)} .dashboard-resumo-item>span {font-weight:700} .dashboard-resumo-item>strong {display:block;overflow:hidden;margin:9px 0 7px;font-size:clamp(21px,2vw,27px);text-overflow:ellipsis;white-space:nowrap} .dashboard-resumo-verde {border-top-color:#2e8b57} .dashboard-resumo-verde>strong {color:#237a48} .dashboard-resumo-amarelo {border-top-color:#d98b00} .dashboard-resumo-amarelo>strong {color:#9a6500} .dashboard-resumo-vermelho {border-top-color:#cf3d46} .dashboard-resumo-vermelho>strong {color:#b5262f} .dashboard-paineis {display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:16px;margin-bottom:16px} .dashboard-fluxo,.dashboard-producao {min-width:0} .dashboard-fluxo-conteudo {display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:20px;min-height:235px;padding-top:13px} .dashboard-rosca-wrapper {position:relative;width:185px;height:185px;margin:0 auto} .dashboard-rosca {width:100%;height:100%;border-radius:50%;background:conic-gradient(#2563eb 0 var(--fim-andamento),#d98b00 var(--fim-andamento) var(--fim-pronto),#2e8b57 var(--fim-pronto) var(--fim-entregue),var(--cor-final) var(--fim-entregue) 100%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)} .dashboard-rosca::after {position:absolute;inset:34px;border:1px solid var(--borda);border-radius:50%;background:#fff;content:""} .dashboard-rosca-centro {position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none} .dashboard-rosca-centro strong {color:var(--vinho);font-size:31px;line-height:1} .dashboard-rosca-centro span {margin-top:5px;color:var(--muted);font-size:12px} .dashboard-fluxo-legenda {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px} .dashboard-fluxo-legenda a {display:grid;grid-template-columns:9px minmax(0,1fr);align-items:center;gap:6px;min-width:0;padding:7px 8px;border:1px solid var(--borda);border-radius:10px;background:#faf7f7;color:var(--texto)} .dashboard-fluxo-legenda a>span {width:9px;height:9px;border-radius:50%;background:var(--cor-fluxo)} .dashboard-fluxo-legenda strong,.dashboard-fluxo-legenda small {display:block} .dashboard-fluxo-legenda strong {font-size:16px;line-height:1.1} .dashboard-fluxo-legenda small {overflow:hidden;margin-top:2px;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap} .dashboard-fluxo-azul {--cor-fluxo:#2563eb} .dashboard-fluxo-amarelo {--cor-fluxo:#d98b00} .dashboard-fluxo-verde {--cor-fluxo:#2e8b57} .dashboard-fluxo-vermelho {--cor-fluxo:#cf3d46} .dashboard-producao-total {display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:18px 0 8px;padding:12px;border-radius:10px;background:var(--rosa)} .dashboard-producao-total span {color:var(--muted);font-size:13px} .dashboard-producao-total strong {color:var(--vinho)} .dashboard-producao-lista>div {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 3px;border-bottom:1px solid #eee} .dashboard-producao-lista>div:last-child {border-bottom:0} .dashboard-producao-lista span,.dashboard-producao-lista strong,.dashboard-producao-lista small {display:block} .dashboard-producao-lista small {margin-top:3px;color:var(--muted)} .dashboard-producao-lista b {min-width:53px;padding:7px 9px;border-radius:999px;background:#fff0cc;color:#7c5200;text-align:center} .dashboard-vazio {display:flex;min-height:150px;align-items:center;justify-content:center;flex-direction:column;gap:6px;margin-top:15px;padding:20px;border:1px dashed var(--borda);border-radius:11px;color:var(--muted);text-align:center} .dashboard-vazio-sucesso strong {color:var(--verde)} .dashboard-proximos,.dashboard-sabores {margin-bottom:16px} .dashboard-proximos .dashboard-card-titulo,.dashboard-sabores .dashboard-card-titulo {margin-bottom:14px} .dashboard-linha-atrasada td {background:#fff4f4} .dashboard-linha-atrasada td:first-child strong {color:#b5262f} .dashboard-linha-hoje td {background:#fffaf0} .dashboard-linha-hoje td:first-child strong {color:#9a6500} .dashboard-sabores-lista {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 24px} .dashboard-sabor-item>div:first-child {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px} .dashboard-sabor-item span {color:var(--muted);font-size:13px} .dashboard-sabor-barra {height:10px;overflow:hidden;border-radius:999px;background:#f0e7e8} .dashboard-sabor-barra span {display:block;height:100%;min-width:4px;border-radius:inherit;background:linear-gradient(90deg,var(--vinho),#b94c5b)} @media (max-width:1000px) {.dashboard-alertas,.dashboard-resumo-financeiro {grid-template-columns:repeat(2,minmax(0,1fr))} .dashboard-paineis {grid-template-columns:1fr}} @media (max-width:700px) {.dashboard-cabecalho {display:block} .dashboard-periodo {width:100%;margin-top:13px} .dashboard-fluxo-conteudo {grid-template-columns:1fr} .dashboard-sabores-lista {grid-template-columns:1fr}} @media (max-width:500px) {.dashboard-alertas {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .dashboard-resumo-financeiro {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .dashboard-resumo-item {min-height:130px;padding:12px} .dashboard-resumo-item>span {font-size:13px} .dashboard-resumo-item>strong {font-size:20px;line-height:1.15;white-space:normal} .dashboard-resumo-item>small {font-size:11px;line-height:1.3} .dashboard-alerta {min-height:140px;padding:13px} .dashboard-alerta strong {font-size:20px;white-space:normal} .dashboard-alerta small {font-size:12px} .dashboard-secao-titulo,.dashboard-card-titulo {display:block} .dashboard-secao-titulo>a,.dashboard-card-titulo>a {display:inline-block;margin-top:5px} .dashboard-secao-titulo-somente-acao {text-align:right} .dashboard-secao-titulo-somente-acao>a {margin-top:0} .dashboard-fluxo-legenda {grid-template-columns:repeat(2,minmax(0,1fr))}} .cliente-publico {display:grid;gap:18px} .cliente-publico-hero {position:relative;display:grid;grid-template-columns:130px minmax(0,1fr) auto;align-items:center;gap:24px;overflow:hidden;padding:25px 28px;border:1px solid #d9bd8b;border-radius:20px;background:radial-gradient(circle at 94% 12%,#ef71812b 0,transparent 25%),linear-gradient(135deg,#fffdf7,#f7edcf);box-shadow:0 14px 35px #5b3c2617} .cliente-publico-hero::after {position:absolute;right:-70px;bottom:-100px;width:240px;height:240px;border:1px solid #9b743c30;border-radius:50%;content:""} .cliente-publico-hero-marca {position:relative;z-index:1;width:124px;height:124px;overflow:hidden;border:3px solid #d7b678;border-radius:50%;background:#fff;box-shadow:0 9px 25px #5b3c2624} .cliente-publico-hero-marca img {display:block;width:100%;height:100%;object-fit:cover} .cliente-publico-hero-texto {position:relative;z-index:1} .cliente-publico-selo {display:inline-flex;padding:6px 10px;border-radius:999px;background:#fff;color:var(--coral2);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase} .cliente-publico-hero h1 {margin:10px 0 7px;color:var(--vinho);font-family:Georgia,serif;font-size:clamp(28px,4vw,42px)} .cliente-publico-hero p {max-width:650px;margin:0;color:#6f5a4c;font-size:16px;line-height:1.55} .cliente-publico-pedir {position:relative;z-index:1;min-height:46px;white-space:nowrap} .cliente-publico-kpis {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px} .cliente-publico-kpi {position:relative;min-width:0;overflow:hidden;border-top:4px solid var(--dourado)} .cliente-publico-kpi::after {position:absolute;right:-35px;bottom:-47px;width:110px;height:110px;border-radius:50%;background:#f7edcf70;content:""} .cliente-publico-kpi>span,.cliente-publico-kpi>small,.cliente-publico-kpi>strong {position:relative;z-index:1;display:block} .cliente-publico-kpi>span {color:var(--muted);font-size:13px;font-weight:700} .cliente-publico-kpi>strong {overflow:hidden;margin:10px 0 7px;color:var(--vinho);font-size:clamp(22px,2.2vw,29px);text-overflow:ellipsis;white-space:nowrap} .cliente-publico-kpi>small {color:var(--muted)} .cliente-publico-kpi-destaque {border-top-color:var(--coral);background:#fff7f5} .cliente-publico-kpi-destaque>strong {color:var(--coral2)} .cliente-publico-paineis {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px} .cliente-publico-titulo {display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:15px} .cliente-publico-titulo>div>span {display:block;margin-bottom:4px;color:var(--coral2);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase} .cliente-publico-titulo h2 {margin:0;color:var(--vinho);font-family:Georgia,serif;font-size:22px} .cliente-publico-titulo>small {flex:0 0 auto;padding:6px 9px;border-radius:999px;background:var(--creme);color:var(--vinho);font-weight:700} .cliente-publico-mix-conteudo {display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:24px;min-height:270px} .cliente-publico-rosca-wrapper {position:relative;width:210px;height:210px;margin:0 auto} .cliente-publico-rosca {width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 1px #5b3c260f} .cliente-publico-rosca::after {position:absolute;inset:42px;border:1px solid var(--borda);border-radius:50%;background:#fffefa;content:""} .cliente-publico-rosca-centro {position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none} .cliente-publico-rosca-centro strong {color:var(--vinho);font-size:30px;line-height:1} .cliente-publico-rosca-centro span {margin-top:5px;color:var(--muted);font-size:12px} .cliente-publico-legenda {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px} .cliente-publico-legenda>div {display:grid;grid-template-columns:9px minmax(0,1fr);align-items:center;gap:6px;min-width:0;padding:7px 8px;border:1px solid #eee1cd;border-radius:9px;background:#fffdf8} .cliente-publico-legenda i {width:9px;height:9px;border-radius:50%} .cliente-publico-legenda span,.cliente-publico-legenda strong,.cliente-publico-legenda small {display:block;min-width:0} .cliente-publico-legenda strong,.cliente-publico-legenda small {overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .cliente-publico-legenda small {margin-top:2px;color:var(--muted);font-size:11px} .cliente-publico-ultimo {background:linear-gradient(160deg,#fffefa,#fff7f2)} .cliente-publico-ultimo-numero {display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:11px 13px;border-radius:10px;background:var(--creme)} .cliente-publico-ultimo-numero span {color:var(--muted);font-size:13px} .cliente-publico-ultimo-numero strong {color:var(--vinho);font-size:18px} .cliente-publico-itens {margin-top:9px} .cliente-publico-itens>div {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 3px;border-bottom:1px solid #eee4d3} .cliente-publico-itens>div:last-child {border-bottom:0} .cliente-publico-itens>div>strong {color:var(--vinho);white-space:nowrap} .cliente-publico-total-unidades {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:11px 13px;border-radius:10px;background:#fae7e4;color:var(--muted)} .cliente-publico-total-unidades strong {color:var(--coral2)} .cliente-publico-vazio {display:grid;min-height:180px;place-items:center;padding:20px;border:1px dashed var(--borda);border-radius:11px;color:var(--muted);text-align:center} .cliente-publico-evolucao {overflow:visible} .cliente-publico-barras {display:grid;grid-template-columns:repeat(var(--quantidade-barras,6),minmax(55px,1fr));align-items:end;gap:clamp(8px,2vw,22px);min-height:245px;padding:18px 16px 4px;border-radius:12px;background:repeating-linear-gradient(to top,transparent 0,transparent 49px,#e8dbc566 50px),#fffdf8} .cliente-publico-barra-item {position:relative;display:grid;height:205px;grid-template-rows:24px 150px 22px;align-items:end;gap:4px;text-align:center} .cliente-publico-barra-valor {align-self:center;color:var(--vinho);font-size:13px} .cliente-publico-barra-trilho {position:relative;width:min(54px,75%);height:150px;margin:0 auto;overflow:hidden;padding:0;border:0;border-radius:9px 9px 3px 3px;background:#f1e7d6;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease} .cliente-publico-barra-trilho:hover,.cliente-publico-barra-trilho:focus-visible {outline:0;box-shadow:0 0 0 3px #ef718138;transform:translateY(-2px)} .cliente-publico-barra-trilho span {position:absolute;right:0;bottom:0;left:0;min-height:3px;border-radius:inherit;background:linear-gradient(180deg,var(--coral),var(--vinho))} .cliente-publico-barra-rotulo {align-self:center;color:var(--muted);font-weight:700} .cliente-publico-barra-rotulo strong,.cliente-publico-barra-rotulo span {display:block} .cliente-publico-barra-rotulo strong {color:var(--vinho);font-size:12px} .cliente-publico-barra-rotulo span {overflow:hidden;margin-top:2px;font-size:9px;font-weight:400;text-overflow:ellipsis;white-space:nowrap} .cliente-publico-barra-detalhe {position:absolute;bottom:34px;left:50%;z-index:30;display:none;width:225px;padding:12px;border:1px solid #d8b986;border-radius:12px;background:#4b301f;color:#fff;box-shadow:0 14px 30px #3f281940;text-align:left;transform:translateX(-50%)} .cliente-publico-barra-detalhe::after {position:absolute;bottom:-7px;left:50%;width:14px;height:14px;background:#4b301f;content:"";transform:translateX(-50%) rotate(45deg)} .cliente-publico-barra-item:hover .cliente-publico-barra-detalhe,.cliente-publico-barra-item:focus-within .cliente-publico-barra-detalhe,.cliente-publico-barra-item.detalhe-aberto .cliente-publico-barra-detalhe {display:block} .cliente-publico-barra-item:first-child .cliente-publico-barra-detalhe {left:0;transform:none} .cliente-publico-barra-item:first-child .cliente-publico-barra-detalhe::after {left:25px} .cliente-publico-barra-item:last-child .cliente-publico-barra-detalhe {right:0;left:auto;transform:none} .cliente-publico-barra-item:last-child .cliente-publico-barra-detalhe::after {right:25px;left:auto;transform:rotate(45deg)} .cliente-publico-barra-detalhe>div {display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #ffffff2b} .cliente-publico-barra-detalhe>div small {color:#eadfcd} .cliente-publico-barra-detalhe p {display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:4px 0;font-size:12px} .cliente-publico-barra-detalhe p strong {color:#ffd2d9} .cliente-publico-barra-detalhe footer {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px;padding-top:8px;border-top:1px solid #ffffff2b;font-size:12px} .cliente-publico-barra-detalhe footer strong {color:#ffd2d9} .cliente-publico-linha-tempo {display:grid} .cliente-publico-linha-tempo>div {display:grid;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 3px;border-bottom:1px solid #eee4d3} .cliente-publico-linha-tempo>div:last-child {border-bottom:0} .cliente-publico-linha-tempo i {width:11px;height:11px;border:3px solid #f8d2d7;border-radius:50%;background:var(--coral);box-sizing:content-box} .cliente-publico-linha-tempo span,.cliente-publico-linha-tempo strong,.cliente-publico-linha-tempo small {display:block} .cliente-publico-linha-tempo span:last-child {text-align:right} .cliente-publico-linha-tempo small {margin-top:3px;color:var(--muted)} .cliente-publico-encerramento {display:grid;grid-template-columns:78px minmax(0,1fr) auto;align-items:center;gap:18px;padding:20px 24px;border:1px solid #d9bd8b;border-radius:16px;background:linear-gradient(110deg,#f7edcf,#fff8ed)} .cliente-publico-encerramento img {display:block;width:72px;height:72px;object-fit:cover;border:2px solid #d7b678;border-radius:50%} .cliente-publico-encerramento h2 {margin:0 0 5px;color:var(--vinho);font-family:Georgia,serif} .cliente-publico-encerramento p {margin:0;color:var(--muted);line-height:1.45} .cliente-publico-encerramento .btn {white-space:nowrap} .cliente-publico-mercado {position:sticky;top:10px;z-index:30;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:10px;width:min(620px,calc(100% - 24px));margin:0 auto 16px;padding:9px;border:1px solid #dfc7a4;border-radius:16px;background:rgba(255,250,240,.96);box-shadow:0 10px 30px rgba(76,42,26,.16);text-align:center;backdrop-filter:blur(10px)} .cliente-publico-mercado a,.cliente-publico-mercado-seta {display:flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:50%;background:var(--vinho);color:#fff;font-size:32px;line-height:1;text-decoration:none} .cliente-publico-mercado a:hover {filter:brightness(1.08);transform:translateY(-1px)} .cliente-publico-mercado-seta {background:#eadfcd;color:#a99780} .cliente-publico-mercado div {min-width:0} .cliente-publico-mercado small,.cliente-publico-mercado strong,.cliente-publico-mercado div span {display:block} .cliente-publico-mercado small {color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase} .cliente-publico-mercado strong {overflow:hidden;margin:2px 0;color:var(--vinho);font-size:17px;text-overflow:ellipsis;white-space:nowrap} .cliente-publico-mercado div span {color:var(--muted);font-size:12px} @media (max-width:950px) {.cliente-publico-hero {grid-template-columns:105px minmax(0,1fr)} .cliente-publico-hero-marca {width:100px;height:100px} .cliente-publico-pedir {grid-column:1 / -1;justify-self:end} .cliente-publico-kpis {grid-template-columns:repeat(2,minmax(0,1fr))} .cliente-publico-paineis {grid-template-columns:1fr}} @media (max-width:700px) {.cliente-publico-hero {display:flex;align-items:center;flex-direction:column;padding:22px;text-align:center} .cliente-publico-hero-texto {display:flex;align-items:center;flex-direction:column} .cliente-publico-pedir {width:100%} .cliente-publico-mix-conteudo {grid-template-columns:1fr} .cliente-publico-encerramento {grid-template-columns:65px 1fr} .cliente-publico-encerramento img {width:60px;height:60px} .cliente-publico-encerramento .btn {grid-column:1 / -1}} @media (max-width:500px) {.cliente-publico-mercado {top:6px;grid-template-columns:40px minmax(0,1fr) 40px;width:calc(100% - 12px);gap:6px;padding:7px;border-radius:14px} .cliente-publico-mercado a,.cliente-publico-mercado-seta {width:40px;height:40px} .cliente-publico-kpis {grid-template-columns:1fr} .cliente-publico-legenda {grid-template-columns:repeat(2,minmax(0,1fr))} .cliente-publico-titulo {display:block} .cliente-publico-titulo>small {display:inline-block;margin-top:7px} .cliente-publico-barras {gap:6px;padding-right:4px;padding-left:4px} .cliente-publico-barra-trilho {width:65%} .cliente-publico-linha-tempo>div {grid-template-columns:14px minmax(0,1fr)} .cliente-publico-linha-tempo span:last-child {grid-column:2;text-align:left} .cliente-publico-encerramento {display:flex;flex-direction:column;text-align:center} .cliente-publico-encerramento .btn {width:100%}} .entregas-painel-topo{display:flex;justify-content:flex-end;margin-bottom:14px} .entregas-periodo-form{display:flex;width:285px;flex-direction:column;gap:5px} .entregas-periodo-form label{margin:0;color:var(--muted);font-size:12px} .entregas-periodo-form select{padding:9px 34px 9px 11px;background-color:#fff} .entregas-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px} .entregas-kpi{min-width:0;border-top:4px solid var(--entregas-kpi-cor,var(--vinho))} .entregas-kpi-quantidade{--entregas-kpi-cor:#2f75c9} .entregas-kpi-unidades{--entregas-kpi-cor:#b68a4f} .entregas-kpi-valor{--entregas-kpi-cor:#2e8b57} .entregas-kpi-ticket{--entregas-kpi-cor:#d98b00} .entregas-kpi>span,.entregas-kpi>small{display:block;color:var(--muted)} .entregas-kpi>span{font-weight:700} .entregas-kpi>strong{display:block;overflow:hidden;margin:9px 0 7px;color:var(--entregas-kpi-cor);font-size:clamp(22px,2vw,28px);line-height:1.1;text-overflow:ellipsis;white-space:nowrap} .entregas-graficos{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.8fr);gap:14px;margin-bottom:18px} .entregas-grafico-card{min-width:0} .entregas-grafico-cabecalho h2{margin:0 0 5px} .entregas-grafico-cabecalho p{margin:0} .entregas-grafico-barras-area{position:relative;height:350px;margin-top:12px} .entregas-financeiro-conteudo{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:10px} .entregas-grafico-rosca-area{position:relative;width:220px;height:220px;max-width:100%} .entregas-financeiro-legenda{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .entregas-financeiro-legenda-item{display:grid;grid-template-columns:10px minmax(0,1fr);align-items:center;gap:7px;min-width:0;padding:7px 8px;border:1px solid var(--borda);border-radius:9px;background:#fff} .entregas-financeiro-legenda-item>span{width:10px;height:10px;border-radius:50%} .entregas-financeiro-legenda-item strong,.entregas-financeiro-legenda-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .entregas-financeiro-legenda-item strong{font-size:13px} .entregas-financeiro-legenda-item small{margin-top:2px;color:var(--muted);font-size:11px} .entregas-lista{margin-top:2px} @media(max-width:950px){.entregas-graficos{grid-template-columns:1fr} .entregas-financeiro-conteudo{display:grid;grid-template-columns:240px minmax(0,1fr);align-items:center} .entregas-grafico-rosca-area{width:240px;height:240px}} @media(max-width:700px){.entregas-painel-topo{display:block} .entregas-periodo-form{width:100%} .entregas-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .entregas-grafico-barras-area{height:320px} .entregas-financeiro-conteudo{display:flex} .entregas-grafico-rosca-area{width:230px;height:230px}} @media(max-width:430px){.entregas-kpi{min-height:116px;padding:12px} .entregas-kpi>span{font-size:13px} .entregas-kpi>strong{font-size:19px;white-space:normal} .entregas-kpi>small{font-size:11px;line-height:1.25} .entregas-grafico-card{padding:12px} .entregas-grafico-cabecalho h2{font-size:18px} .entregas-grafico-barras-area{height:300px} .entregas-grafico-rosca-area{width:210px;height:210px} .entregas-financeiro-legenda{gap:6px} .entregas-financeiro-legenda-item{padding:6px}} .manutencao-opcoes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .manutencao-opcao{display:flex;min-height:240px;flex-direction:column;gap:16px;border-top:5px solid var(--manutencao-cor,var(--vinho))} .manutencao-opcao>div{flex:1} .manutencao-opcao h2{margin:0 0 7px;font-size:21px} .manutencao-opcao p{margin:0;color:var(--muted);line-height:1.45} .manutencao-opcao .btn{align-self:flex-start} .manutencao-opcao-icone{display:flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:50%;background:color-mix(in srgb,var(--manutencao-cor) 14%,#fff);color:var(--manutencao-cor);font-size:27px;font-weight:800} .manutencao-opcao-perigo{--manutencao-cor:#cf3e49} .manutencao-opcao-push{--manutencao-cor:#ef6d83} .manutencao-opcao-casa{--manutencao-cor:#278653} .manutencao-opcao-som{--manutencao-cor:#d98b00} .manutencao-opcao-embalagem{--manutencao-cor:#8b5a35} .manutencao-formulario{max-width:760px} .campo-com-botao{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:10px} .campo-com-botao .btn{white-space:nowrap} .push-variaveis{margin-bottom:16px} .push-variaveis>strong{display:block;margin-bottom:10px} .push-variaveis>div{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:9px} .push-variaveis code{padding:6px 9px;border:1px solid #e1c99f;border-radius:8px;background:#fff8e8;color:#6a3d22;font-weight:700} .push-modelos-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .push-modelo-card{min-width:0;border-top:5px solid var(--push-modelo-cor,#2f75c9)} .push-modelo-novo{--push-modelo-cor:#2f75c9} .push-modelo-cancelado{--push-modelo-cor:#cf3e49} .push-modelo-editado{--push-modelo-cor:#d98b00} .push-modelo-cabecalho{display:flex;align-items:flex-start;gap:11px;margin-bottom:18px} .push-modelo-cabecalho>span{display:flex;width:38px;height:38px;flex:0 0 38px;align-items:center;justify-content:center;border-radius:50%;background:#f7ede4} .push-modelo-cabecalho h2{margin:0 0 4px;font-size:19px} .push-modelo-cabecalho p{margin:0;color:var(--muted);font-size:13px;line-height:1.35} .push-modelo-card textarea{min-height:180px;resize:vertical;line-height:1.45} .push-modelos-acoes{display:flex;align-items:center;gap:14px;margin-top:16px} .som-notificacao-card{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:18px} .som-notificacao-card audio{grid-column:1/-1;width:100%} .som-notificacao-card .btn{grid-column:1/-1;justify-self:start} .som-notificacao-icone{display:flex;width:58px;height:58px;align-items:center;justify-content:center;border-radius:50%;background:#fff0c7;color:#b36c00;font-size:32px;font-weight:800} .pwa-aviso{position:fixed;right:18px;bottom:18px;z-index:1200;display:flex;align-items:center;gap:16px;width:min(520px,calc(100% - 36px));padding:16px;border:1px solid #dcc9ae;border-radius:16px;background:#fffaf0;box-shadow:0 15px 38px #3d281b35} .pwa-aviso-conteudo{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0} .pwa-aviso-conteudo strong{color:#4f311f;font-size:17px} .pwa-aviso-conteudo span{color:var(--muted);font-size:14px;line-height:1.35} .pwa-aviso-acoes{display:flex;align-items:center;gap:8px} .pwa-aviso-fechar{width:34px;height:34px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:25px;cursor:pointer} .pwa-aviso-fechar:hover{background:#efe3d4;color:#4f311f} .menu-lateral-links .menu-instalar-pwa{display:flex;width:100%;align-items:center;gap:14px;padding:13px 16px;border:0;border-radius:11px;background:transparent;color:inherit;font:inherit;font-weight:700;text-align:left;cursor:pointer} .menu-lateral-links .menu-instalar-pwa:hover{background:#f6eadb} .menu-lateral-links .menu-instalar-pwa[hidden]{display:none} .push-resumo{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px;margin-bottom:15px} .push-permissao-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px} .push-permissao-card h2{margin:0 0 5px} .push-permissao-card p{margin:0} .push-tabela code{display:inline-block;max-width:180px;overflow:hidden;color:#5b3c26;font-size:12px;text-overflow:ellipsis;white-space:nowrap} .push-acoes{display:flex;align-items:center;gap:7px} .push-acoes form{margin:0} .push-acoes .btn{padding:9px 11px;font-size:13px} .push-teste-card{max-width:720px} .push-teste-card form{margin-top:20px} .embalagens-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .embalagens-config-card{min-width:0;border-top:5px solid #8b5a35} .embalagens-config-cabecalho h2{margin:0 0 5px} .embalagens-config-cabecalho p{margin:0} .embalagens-adicionar-form{margin-top:18px;padding-bottom:15px;border-bottom:1px solid var(--borda)} .embalagens-opcoes-lista{display:grid;gap:8px;margin-top:15px} .embalagens-opcao-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid var(--borda);border-radius:10px;background:#fffefa} .embalagens-opcao-item>div{display:flex;align-items:center;gap:9px;min-width:0} .embalagens-opcao-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .embalagens-opcao-item form{margin:0} .embalagens-opcao-item .btn{padding:8px 10px;font-size:12px} .embalagens-exemplo{display:flex;align-items:center;gap:12px;margin-top:16px;border-left:5px solid #8b5a35} .embalagens-exemplo span,.embalagens-exemplo small{color:var(--muted)} .embalagens-exemplo strong{font-size:18px} .pedido-embalagem-campos{margin-top:4px;padding:12px 12px 0;border:1px solid #e7cf9d;border-radius:11px;background:#fff8e8} .pedido-embalagem-destaque{display:flex;align-items:center;gap:16px;margin:15px 0;border:2px solid #e2b85f;border-left:7px solid #d98b00;background:linear-gradient(135deg,#fff8e8,#fffdf7)} .pedido-embalagem-icone{display:grid;width:52px;height:52px;flex:0 0 52px;place-items:center;border-radius:50%;background:#f8dfaa;color:#6a3d22;font-size:27px;font-weight:900} .pedido-embalagem-destaque span,.pedido-embalagem-destaque strong,.pedido-embalagem-destaque small{display:block} .pedido-embalagem-destaque span{margin-bottom:4px;color:#8a623b;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em} .pedido-embalagem-destaque strong{color:#4f311f;font-size:clamp(20px,2.4vw,28px);line-height:1.2} .pedido-embalagem-destaque strong i{padding:0 6px;color:#d98b00;font-style:normal} .pedido-embalagem-destaque small{margin-top:5px;color:var(--muted)} .btn:disabled{cursor:not-allowed;filter:grayscale(.6);opacity:.55;transform:none;box-shadow:none} @media(max-width:1100px){.push-modelos-grid{grid-template-columns:1fr}} @media(max-width:700px){.manutencao-opcoes{grid-template-columns:1fr} .embalagens-config-grid{grid-template-columns:1fr} .embalagens-exemplo{align-items:flex-start;flex-direction:column} .pedido-embalagem-destaque{align-items:flex-start;padding:14px} .pedido-embalagem-destaque strong{font-size:20px} .manutencao-opcao{min-height:0} .campo-com-botao{grid-template-columns:1fr} .campo-com-botao .btn{width:100%} .push-modelos-acoes{align-items:stretch;flex-direction:column} .push-modelos-acoes .btn{width:100%} .pwa-aviso{right:10px;bottom:10px;display:block;width:calc(100% - 20px);padding:14px} .pwa-aviso-acoes{justify-content:space-between;margin-top:12px} .push-permissao-card{display:block} .push-permissao-card .btn{width:100%;margin-top:14px} .push-acoes{align-items:stretch;flex-direction:column} .push-acoes .btn{width:100%}}
