/* ============================================================
   datawave.css — a identidade do DataWave Avaliações (19/10/2026).

   O visual-novo.css (copiado do sistema da agência) traz laranja, que é a cor da Ponto&Sal. O DataWave é outro produto e tem cor própria:
   um azul de "onda". Este arquivo SÓ troca as fichas de cor da marca e acrescenta as peças do painel da DataWave e do app do restaurante.
   Carregue DEPOIS do visual-novo.css (a ordem decide, porque as fichas de lá levam !important).

   Trocar a cor da marca depois = mudar o bloco "MARCA" aqui embaixo e o --gastro do avaliar.php (a página do cliente do restaurante) com a mesma cor.
   ============================================================ */

/* ---------- MARCA ---------- */
html[data-visual="novo"]{
  --brand:#3B6EF6!important;--brand-2:#7FA2FF!important;--brand-soft:rgba(59,110,246,.2)!important;--on-brand:#fff;
  --nv-violeta:#9DB8FF;--brand-text:#9DB8FF;
}
html[data-visual="novo"][data-tema="claro"]{
  --brand:#2457E0!important;--brand-2:#1A43B3!important;--brand-soft:rgba(36,87,224,.11)!important;
  --nv-violeta:#1A43B3;--brand-text:#1A43B3;
}
/* a marca no canto do menu: uma onda desenhada, no lugar da letra */
.navmark svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}

/* ---------- peças compartilhadas do painel e do app ---------- */
.dw-pagina{max-width:1180px;margin:0 auto;padding:22px 22px 70px}
.dw-cab{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:2px 0 18px}
.dw-cab h2{font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.15}
.dw-cab p{color:var(--ink-3);font-size:13px;margin-top:3px}
.dw-cab .esp{flex:1}
.dw-aviso{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-left:3px solid var(--brand);background:var(--surface);border-radius:12px;padding:11px 14px;font-size:13px;color:var(--ink-2);line-height:1.55;margin-bottom:16px}
.dw-aviso.teste{border-left-color:var(--pend)}
.dw-aviso b{color:var(--ink)}
.dw-faixa-suporte{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--pend);color:#1A1203;padding:9px 18px;font-size:13px;font-weight:600}
.dw-faixa-suporte button{background:rgba(0,0,0,.14);color:inherit;border-radius:8px;padding:5px 12px;font-weight:700;font-size:12.5px}
.dw-faixa-suporte button:hover{background:rgba(0,0,0,.24)}

/* cartões e listas */
.dw-cartao{background:var(--surface);border:1px solid var(--line);border-radius:var(--nv-card,16px);padding:18px 20px}
.dw-cartao+.dw-cartao{margin-top:14px}
.dw-cartao h3{font-size:15px;font-weight:700;letter-spacing:-.01em;margin-bottom:12px;display:flex;align-items:center;gap:8px}
.dw-cartao h3 small{font-size:12px;font-weight:500;color:var(--ink-3)}
.dw-grade2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px;margin-top:14px}
.dw-grade2.b{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}
@media(max-width:1100px){.dw-grade2,.dw-grade2.b{grid-template-columns:1fr}}

/* tabela de contas / pessoas */
.dw-tabela{width:100%;border-collapse:collapse;font-size:13px}
.dw-tabela th{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);font-weight:700;text-align:left;padding:8px 12px;border-bottom:1px solid var(--line);white-space:nowrap}
.dw-tabela td{padding:11px 12px;border-bottom:1px solid var(--line-2);vertical-align:middle}
.dw-tabela tr:last-child td{border-bottom:none}
.dw-tabela tbody tr.clic{cursor:pointer}
.dw-tabela tbody tr.clic:hover{background:var(--hover)}
.dw-tabela .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.dw-tabela td b{font-weight:600}
.dw-tabela .sub{display:block;font-size:12px;color:var(--ink-3);margin-top:1px}
.dw-rolagem{overflow-x:auto}

/* etiquetas de situação */
.dw-tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;letter-spacing:.02em;padding:3px 9px;border-radius:20px;white-space:nowrap;background:var(--head);color:var(--ink-2)}
.dw-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.dw-tag.ok{background:rgba(60,201,138,.13);color:var(--ok)}
.dw-tag.pend{background:rgba(232,163,61,.14);color:var(--pend)}
.dw-tag.ruim{background:rgba(239,68,68,.14);color:var(--danger)}
.dw-tag.azul{background:var(--brand-soft);color:var(--brand-text)}
.dw-tag.mudo{background:var(--head);color:var(--ink-3)}

/* alerta com faixa de gravidade */
.dw-atencao{list-style:none;display:flex;flex-direction:column;gap:8px}
.dw-atencao li{display:flex;gap:11px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line-2);border-left-width:3px;border-radius:10px;background:var(--head);font-size:13px;line-height:1.5;cursor:pointer}
.dw-atencao li:hover{border-color:var(--line)}
.dw-atencao li.alto{border-left-color:var(--danger)}
.dw-atencao li.medio{border-left-color:var(--pend)}
.dw-atencao li.info{border-left-color:var(--ink-3)}
.dw-atencao li b{display:block;font-size:12px;color:var(--ink-3);font-weight:600;margin-bottom:1px}
.dw-vazio{padding:26px 16px;text-align:center;color:var(--ink-3);font-size:13px;line-height:1.7}

/* formulários e botões */
.dw-form{display:flex;flex-direction:column;gap:13px}
.dw-form .linha{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:560px){.dw-form .linha{grid-template-columns:1fr}}
.dw-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 14px;border-radius:9px;font-weight:600;font-size:13px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;white-space:nowrap}
.dw-btn:hover{background:var(--hover)}
.dw-btn.pri{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}
.dw-btn.pri:hover{background:var(--brand-2);border-color:var(--brand-2)}
.dw-btn.perigo{color:var(--danger);border-color:rgba(239,68,68,.4)}
.dw-btn.peq{padding:5px 10px;font-size:12px;border-radius:8px}
.dw-btn:disabled{opacity:.55;cursor:default}
.dw-acoes{display:flex;gap:8px;flex-wrap:wrap;align-items:center}

/* a caixa do link de convite */
.dw-link{display:flex;gap:8px;align-items:stretch;margin:10px 0 4px}
.dw-link input{flex:1;min-width:0;font-family:ui-monospace,Consolas,monospace;font-size:12px;background:var(--campo);cursor:text}
.dw-nota{font-size:12px;color:var(--ink-3);line-height:1.55}

/* gráfico dos 60 dias */
.dw-grafico{position:relative}
.dw-grafico svg{display:block;width:100%;height:auto;overflow:visible}
.dw-grafico .eixo{font-size:10px;fill:var(--ink-3)}
.dw-grafico .grade{stroke:var(--line-2);stroke-width:1}
.dw-dica{position:absolute;pointer-events:none;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:7px 10px;font-size:12px;box-shadow:0 8px 22px var(--sombra);white-space:nowrap;z-index:5}
.dw-dica b{display:block;font-size:12px}
.dw-leg{display:flex;gap:16px;font-size:12px;color:var(--ink-3);margin-top:8px}
.dw-leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}

/* ranking */
.dw-rank{list-style:none;display:flex;flex-direction:column;gap:11px}
.dw-rank li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;font-size:13px;cursor:pointer}
.dw-rank li span.sub{grid-column:1;font-size:12px;color:var(--ink-3)}
.dw-rank .barra{grid-column:1/-1;height:6px;border-radius:5px;background:var(--head);overflow:hidden}
.dw-rank .barra i{display:block;height:100%;background:var(--brand);border-radius:5px}
.dw-rank b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dw-rank .n{font-weight:700;font-variant-numeric:tabular-nums}

/* linha do tempo / log */
.dw-log{list-style:none;display:flex;flex-direction:column}
.dw-log li{display:grid;grid-template-columns:104px minmax(0,1fr);gap:2px 14px;padding:9px 0;border-bottom:1px solid var(--line-2);font-size:13px;line-height:1.5}
.dw-log li:last-child{border-bottom:none}
.dw-log .quando{color:var(--ink-3);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}
.dw-log .quem{color:var(--ink-3);font-size:12px}
.dw-log .leitura{color:var(--azul)}
@media(max-width:560px){.dw-log li{grid-template-columns:1fr}}

/* barra de abas simples */
.dw-abas{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:16px;overflow-x:auto;scrollbar-width:none}
.dw-abas::-webkit-scrollbar{display:none}
.dw-abas button{padding:9px 14px;font-size:13px;font-weight:600;color:var(--ink-3);border-bottom:2px solid transparent;white-space:nowrap;margin-bottom:-1px}
.dw-abas button.on{color:var(--ink);border-bottom-color:var(--brand)}
.dw-abas button:hover{color:var(--ink)}

/* janelas */
.dw-veu{position:fixed;inset:0;background:rgba(8,10,16,.6);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:18px;z-index:200}
.dw-janela{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--brand);border-radius:18px;width:100%;max-width:560px;max-height:92vh;overflow:auto;box-shadow:0 30px 70px var(--sombra)}
.dw-janela header{display:flex;align-items:center;gap:10px;padding:16px 20px 6px}
.dw-janela header h3{font-size:17px;font-weight:700;flex:1}
.dw-janela header button{font-size:22px;line-height:1;color:var(--ink-3);padding:2px 8px}
.dw-janela .corpo{padding:8px 20px 20px}
.dw-janela .erro{color:var(--danger);font-size:13px;margin-top:2px;min-height:1px}

/* kpis do painel: 6 colunas que quebram bem */
.dw-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr))}

/* o cartãozinho de quem está logado e o selo de contagem no menu */
.dw-pop{position:fixed;z-index:210;min-width:220px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 44px var(--sombra);padding:6px;display:flex;flex-direction:column}
.dw-pop-id{display:flex;flex-direction:column;gap:2px;padding:10px 12px 10px;border-bottom:1px solid var(--line-2);margin-bottom:4px}
.dw-pop-id b{font-size:14px}
.dw-pop-id span{font-size:12px;color:var(--ink-3)}
.dw-pop button{text-align:left;padding:9px 12px;border-radius:9px;font-size:13px;font-weight:500;color:var(--ink)}
.dw-pop button:hover{background:var(--hover)}
.dw-selo{margin-left:auto;background:var(--brand);color:var(--on-brand);font-size:11px;font-weight:700;border-radius:20px;padding:1px 7px;min-width:20px;text-align:center}
.app.collapsed .dw-selo{display:none}

.dw-msg{white-space:pre-wrap;background:var(--campo);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.55;margin-top:10px}
.dw-sel-papel{width:auto;padding:5px 8px;font-size:12.5px}

/* foto da equipe (20/10/2026) */
.dw-av{width:36px;height:36px;border-radius:50%;background:var(--brand-soft);color:var(--brand-text);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12.5px;overflow:hidden;flex:none}
.dw-av img{width:100%;height:100%;object-fit:cover;display:block}
.dw-pessoa{display:flex;align-items:center;gap:11px}

/* saúde da plataforma, modelo padrão e financeiro (20/10/2026) */
.dw-saude{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
.dw-saude .dw-cartao+.dw-cartao{margin-top:0}
.dw-saude ul{list-style:none;margin-top:10px;display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--ink-3);line-height:1.5}
.dw-saude p.res{font-size:14px;color:var(--ink)}
.dw-sec-modelo{border:1px solid var(--line-2);border-radius:12px;padding:12px 14px;background:var(--head)}
.dw-sec-modelo+.dw-sec-modelo{margin-top:10px}
.dw-sec-modelo h4{font-size:13px;margin-bottom:6px}
.dw-sec-modelo ol{padding-left:20px;font-size:13px;color:var(--ink-2);line-height:1.75}
.dw-sec-modelo ol li span{color:var(--ink-3);font-size:12px;margin-left:4px}
.dw-token{font-family:ui-monospace,Consolas,monospace;font-size:12px;word-break:break-all}
.dw-passos{counter-reset:p;list-style:none;display:flex;flex-direction:column;gap:9px;font-size:13px;line-height:1.55;color:var(--ink-2)}
.dw-passos li{counter-increment:p;padding-left:32px;position:relative}
.dw-passos li::before{content:counter(p);position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:var(--brand-soft);color:var(--brand-text);font-size:11.5px;font-weight:700;display:flex;align-items:center;justify-content:center}
.dw-linha-campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}

/* implantação, risco de cancelamento e notas internas de cada conta (20/10/2026) */
.dw-form .erro{color:var(--danger);font-size:13px;min-height:1px}
.dw-risco{display:inline-block;width:9px;height:9px;border-radius:50%;flex:none;vertical-align:middle;margin:0 8px 0 2px;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 20%,transparent)}
.dw-risco.verde{color:var(--ok)}
.dw-risco.amarelo{color:var(--pend)}
.dw-risco.vermelho{color:var(--danger)}
.dw-risco-tit{display:flex;align-items:center;font-size:18px;font-weight:700;letter-spacing:-.01em;margin-top:4px}
.dw-col-risco{min-width:210px}
.dw-impl{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-variant-numeric:tabular-nums}
.dw-impl i{display:flex;gap:2px}
.dw-impl i b{width:9px;height:6px;border-radius:2px;background:var(--line)}
.dw-impl i b.on{background:var(--ok)}
.dw-passo-lin{display:block;font-size:12px;margin-top:3px;color:var(--brand-text)}
.dw-passo-lin.vencido{color:var(--danger)}
.dw-saude-conta{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:14px;margin:0 0 16px}
.dw-saude-conta .dw-cartao+.dw-cartao{margin-top:0}
.dw-checks{list-style:none;display:flex;flex-direction:column;gap:8px;margin-top:10px;font-size:13.5px}
.dw-checks li{display:flex;gap:10px;align-items:center;color:var(--ink-3)}
.dw-checks li.feito{color:var(--ink)}
.dw-checks li::before{content:"";flex:none;width:17px;height:17px;border-radius:50%;border:1.5px solid var(--line);box-sizing:border-box}
.dw-checks li.feito::before{border-color:var(--ok);background:var(--ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.3l2.3 2.3 4.7-4.9' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.dw-checks .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dw-dica-passo{margin-top:14px;padding:10px 12px;border-radius:10px;background:var(--head);font-size:12.5px;line-height:1.55;color:var(--ink-2)}
.dw-dica-passo b{color:var(--ink)}
.dw-motivos{list-style:none;display:flex;flex-direction:column;gap:7px;margin-top:10px;font-size:13px;line-height:1.5;color:var(--ink-2)}
.dw-motivos li{display:flex;gap:8px;align-items:baseline}
.dw-motivos .p{flex:none;min-width:24px;font-size:11px;font-weight:700;color:var(--ink-3);font-variant-numeric:tabular-nums}
.dw-notas{list-style:none;display:flex;flex-direction:column}
.dw-notas li{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line-2)}
.dw-notas li:first-child{padding-top:4px}
.dw-notas li:last-child{border-bottom:0;padding-bottom:0}
.dw-notas .ico{flex:none;width:30px;height:30px;border-radius:50%;background:var(--head);color:var(--ink-2);display:flex;align-items:center;justify-content:center}
.dw-notas .ico svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dw-notas li.passo .ico{background:var(--brand-soft);color:var(--brand-text)}
.dw-notas li.passo.vencido .ico{background:rgba(239,68,68,.14);color:var(--danger)}
.dw-notas .txt{flex:1;min-width:0}
.dw-notas .txt p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13.5px;line-height:1.55}
.dw-notas li.feito .txt p{text-decoration:line-through;color:var(--ink-3)}
.dw-notas .meta{font-size:12px;color:var(--ink-3);margin-top:4px}
.dw-notas .meta .atrasado{color:var(--danger)}
.dw-notas .acoes{display:flex;gap:6px;flex:none;align-items:flex-start}
@media(max-width:560px){.dw-notas li{flex-wrap:wrap}.dw-notas .acoes{width:100%;padding-left:42px}}

/* o pacote do restaurante novo, no Modelo padrão (20/10/2026) */
.dw-acoes .esp{flex:1}
.dw-form>.dw-cartao+.dw-cartao{margin-top:0}
.dw-pac-lista{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.dw-pac-linha{display:grid;grid-template-columns:minmax(0,1fr) 170px auto;gap:8px;align-items:center}
.dw-pac-linha.dois{grid-template-columns:1fr 1fr;margin-top:8px}
.dw-pac-premio{padding:10px;border:1px solid var(--line-2);border-radius:12px;background:var(--head)}
.dw-pac-pontos{display:flex;align-items:center;gap:8px;margin:0;font-size:11px}
.dw-pac-pontos input{width:100%;min-width:0}
.dw-pac-previa{list-style:none;display:flex;flex-direction:column;gap:8px;max-height:46vh;overflow:auto;margin-top:12px;font-size:13px;line-height:1.5}
.dw-pac-previa li{padding:8px 10px;border-radius:10px;background:var(--head)}
@media(max-width:560px){.dw-pac-linha,.dw-pac-linha.dois{grid-template-columns:1fr}}

/* textos: documentos legais e e-mails do sistema (20/10/2026) */
.dw-txt-corpo{font-size:13.5px;line-height:1.6;resize:vertical;min-height:140px}
.dw-vars{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px;font-size:12px;color:var(--ink-3)}
.dw-vars .pill{font-family:ui-monospace,Consolas,monospace;font-size:11.5px;padding:3px 9px}
.dw-previa-doc{display:block;width:100%;height:min(62vh,620px);border:1px solid var(--line);border-radius:12px;background:#fff}