/* Payments Analytics v6 (UX3): barra de filtros, faixa "Principais métricas", alerta, popup de tendência.
   Carregado POR ÚLTIMO nas duas páginas; só sobrescreve. Só var(--token); Inter 400/500/600; claro e escuro pelos tokens existentes. */
:root{ --an-pill-h:32px; --an6-r:8px; --an6-seg-on:color-mix(in srgb, var(--an-primary) 14%, transparent); }

/* ---------- Barra de filtros: um formato só (32 px, raio 8, borda única) ---------- */
.an4-toolbar{ gap:8px; min-height:48px; padding:8px 12px; }
.an4-ctl-btn,.an4-fchip-btn,.an4-metric-seg{ border-radius:var(--an6-r); }
.an4-ctl-btn{ padding:0 10px; gap:8px; font-weight:500; }
.an4-ctl-btn:hover,.an4-fchip-btn:hover{ background:var(--an-surface-2); border-color:color-mix(in srgb, var(--an-ctl-border) 70%, var(--an-text-2)); }
.an4-ctl[data-ctl="gran"] .an4-ctl-btn{ color:var(--an-text); background:var(--an-surface); }   /* sem tinta azul: só o estado ativo ganha cor */
.an4-ctl-btn svg{ color:var(--an-text-2); }
.an4-ctl-btn[aria-expanded="true"],.an4-fchip-btn[aria-expanded="true"]{ border-color:var(--an-primary); background:var(--an-surface-2); }
.an4-ctl-btn[aria-disabled="true"]{ opacity:.55; }

/* Segmentos Líquida/Bruta e Ambos/CIT/MIT: mesmo estilo, ativo em tinta suave */
.an4-ctl-seg{ gap:6px; }
.an4-metric-seg{ padding:2px; gap:2px; background:var(--an-surface); overflow:visible; }
.an4-metric-seg button{ padding:0 12px; border-radius:6px; font-size:13px; font-weight:500; color:var(--an-text-2); }
.an4-metric-seg button[aria-pressed="true"]{ background:var(--an6-seg-on); color:var(--an-primary); font-weight:600; box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--an-primary) 35%, transparent); border-radius:6px; }
.an4-metric-seg.is-off{ opacity:.7; }
.an4-metric-seg.is-off button[aria-pressed="true"]{ background:color-mix(in srgb, var(--an-text-3) 14%, transparent); color:var(--an-text-2); box-shadow:none; }
.an4-metric-seg.is-off button{ opacity:1; }

/* "Só na Executiva": dica discreta (ícone), texto completo no tooltip e para leitor de tela */
.an6-hint{ position:relative; display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50%; color:var(--an-text-3); cursor:help; }
.an6-hint svg{ width:14px; height:14px; }
.an6-hint:hover,.an6-hint:focus-visible{ color:var(--an-text); outline:none; }
.an6-hint:focus-visible{ box-shadow:0 0 0 2px var(--an-primary); }
.an6-hint::after{ content:attr(data-tip); position:absolute; z-index:calc(var(--z-menu) + 1); left:50%; top:calc(100% + 6px); transform:translateX(-50%); width:max-content; max-width:260px; padding:8px 10px; border:1px solid var(--hairline-strong); border-radius:var(--radius-md); background:var(--panel); color:var(--an-text); box-shadow:var(--menu-shadow); font-size:12px; font-weight:400; line-height:1.4; white-space:normal; text-align:left; opacity:0; pointer-events:none; transition:opacity var(--motion-base) var(--ease-standard); }
.an6-hint:hover::after,.an6-hint:focus-visible::after{ opacity:1; }

/* Chips de filtro: mesmo formato dos botões, borda tracejada só para "adicionar" */
.an4-fchip-btn{ padding:0 10px; gap:6px; color:var(--an-text-2); border-style:dashed; }
.an4-fchip-btn svg{ width:14px; height:14px; }
.an4-fchip.is-on .an4-fchip-btn{ border-style:solid; border-color:var(--an-primary); background:var(--an6-seg-on); color:var(--an-text); border-radius:var(--an6-r) 0 0 var(--an6-r); }
.an4-fchip-x{ border-color:var(--an-primary); background:var(--an6-seg-on); color:var(--an-primary); border-radius:0 var(--an6-r) var(--an6-r) 0; width:30px; }
.an4-fchip.is-idle .an4-fchip-btn{ cursor:default; border-color:var(--an-ctl-border); background:transparent; color:var(--an-text-2); }
.an4-fchip.is-idle .an4-fchip-x{ border-color:var(--an-ctl-border); background:transparent; color:var(--an-text-2); }
.an4-fchip-clear{ border-radius:var(--an6-r); }
.an4-fchip-clear:hover{ background:var(--an-surface-2); }

/* Limpar: ghost alinhado à direita, na mesma altura */
.an4-ctl-clear:has(button:not([hidden])){ height:auto; padding-left:0; border-left:0; }
.an4-ctl-clear button{ gap:6px; padding:0 8px; border-radius:var(--an6-r); font-weight:500; color:var(--an-text-2); }
.an4-ctl-clear button:hover{ background:var(--an-surface-2); color:var(--an-primary); }

/* ---------- Topo da Executiva (14/10/2026, onda 2): tokens escopados "an6" (não são globais), claro e escuro ----------
   Padrão do analytics = escuro. Claro segue tokens.css: [data-theme="light"] e prefers-color-scheme sem data-theme.
   --an6-accent-ink é o roxo de TEXTO no claro (o roxo de acento dá só 3,6:1 sobre o fundo suave; este dá 5,5:1). Amarelo = atenção / dia em andamento. */
.an6-hoje,.an6-dia-faixa-3,.an4-exec{ --an6-accent:#9b8cff; --an6-accent-ink:#9b8cff; --an6-accent-soft:#201c35; --an6-up:#74c9a0; --an6-up-soft:#14271f; --an6-down:#f08aa3; --an6-down-soft:#341820; --an6-warn:#e2b365; --an6-warn-soft:#302614; --an6-ink:#f4f4f6; --an6-ink-2:#c3c3cc; --an6-line:#25252d; --an6-paper:#111116; --an6-mono:"SF Mono",ui-monospace,Menlo,monospace; }
:root[data-theme="light"] .an6-hoje,:root[data-theme="light"] .an6-dia-faixa-3,:root[data-theme="light"] .an4-exec{ --an6-accent:#7b68ee; --an6-accent-ink:#5b47d6; --an6-accent-soft:#f1efff; --an6-up:#276b4e; --an6-up-soft:#edf8f2; --an6-down:#a53c55; --an6-down-soft:#fff0f3; --an6-warn:#9a6413; --an6-warn-soft:#fff6e7; --an6-ink:#111114; --an6-ink-2:#5f6068; --an6-line:#e6e6ea; --an6-paper:#ffffff; }
@media (prefers-color-scheme: light){ :root:not([data-theme]) .an6-hoje,:root:not([data-theme]) .an6-dia-faixa-3,:root:not([data-theme]) .an4-exec{ --an6-accent:#7b68ee; --an6-accent-ink:#5b47d6; --an6-accent-soft:#f1efff; --an6-up:#276b4e; --an6-up-soft:#edf8f2; --an6-down:#a53c55; --an6-down-soft:#fff0f3; --an6-warn:#9a6413; --an6-warn-soft:#fff6e7; --an6-ink:#111114; --an6-ink-2:#5f6068; --an6-line:#e6e6ea; --an6-paper:#ffffff; } }


/* ---------- Faixa "Principais métricas": 2 zonas de 1 linha (controle | proveniência + mudanças), sem 3ª linha ---------- */
.an4-cmp-dates{ white-space:nowrap; overflow:visible; }
.an4-cmp-lbl{ color:var(--an-text-3); font-size:13px; font-weight:400; }
.an4-cmp-pill{ border-radius:6px; }
.an4-cmp-select{ font-weight:500; max-width:240px; field-sizing:content; padding-left:6px; text-decoration:underline dotted color-mix(in srgb, var(--an-text-3) 70%, transparent); text-underline-offset:4px; }
.an4-cmp-pill:hover{ background:var(--an-surface-2); }
.an4-cmp-pill .chev{ right:6px; }
.an4-cmp-dates{ padding:2px 8px; border-radius:6px; background:var(--an-surface-2); font-size:12px; color:var(--an-text-2); }
.an4-exec > .an4-strip{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 16px; padding:12px 16px; }
.an6-strip-ctl,.an6-strip-prov{ display:flex; align-items:center; gap:8px 12px; min-width:0; }
.an6-strip-ctl{ flex:0 1 auto; flex-wrap:nowrap; }
.an6-strip-prov{ flex:0 1 auto; flex-wrap:nowrap; margin-left:auto; justify-content:flex-end; }
.an4-exec > .an4-strip .an4-sec-title{ font-size:15px; font-weight:600; letter-spacing:-0.005em; white-space:nowrap; }
.an4-exec > .an4-strip .an4-cmp{ flex:0 1 auto; flex-wrap:nowrap; gap:2px 8px; }
.an4-exec > .an4-strip .an4-cmp-warn{ flex-basis:auto; }
.an4-exec > .an4-strip .an4-cmp-lbl{ color:var(--an6-ink-2); }
.an4-exec > .an4-strip .an4-cmp-pill{ border:1px solid var(--an6-line); background:var(--an6-paper); border-radius:var(--an6-r); }
.an4-exec > .an4-strip .an4-cmp-pill:hover{ background:var(--an-surface-2); }
.an4-exec > .an4-strip .an4-cmp-select{ padding:0 28px 0 10px; text-decoration:none; color:var(--an6-ink); font-weight:500; }
.an4-exec > .an4-strip .an4-cmp-pill .chev{ right:9px; width:14px; height:14px; color:var(--an6-ink-2); }
.an4-exec > .an4-strip .an4-cmp-dates{ padding:2px 8px; border-radius:6px; background:var(--an-surface-2); font-family:var(--an6-mono); font-size:12px; color:var(--an6-ink-2); white-space:nowrap; overflow:visible; }
.an6-prov{ display:inline-flex; align-items:center; gap:6px; font-size:12px; line-height:16px; color:var(--an6-ink-2); white-space:nowrap; }
.an6-prov-dot{ flex:none; width:7px; height:7px; border-radius:50%; background:var(--an6-up); }
.an6-chg-vazio{ font-size:12px; line-height:16px; color:var(--an6-ink-2); white-space:nowrap; }
/* selos de exceção (cobertura parcial, conta inteira, sem fonte): menores, sem moldura */
.an4-strip .an4-seal,.an4-strip .an4-seal.is-real{ height:20px; padding:0 7px; border:0; font-size:12px; font-weight:500; background:color-mix(in srgb, var(--good) 12%, transparent); color:var(--good); }
.an4-strip .an4-seal.is-parecer{ background:var(--warn-bg); color:var(--warn); }
/* Mudanças na janela: chip roxo suave que abre a lista completa (popover an6-chg-pop) */
.an4-exec > .an4-strip .an4-changes{ flex:none; align-items:center; gap:0; min-width:0; margin:0; padding:0; border:0; font-size:12px; line-height:20px; color:var(--an6-ink-2); }
.an6-strip-prov > p.an4-changes{ flex:0 1 auto; gap:8px; }
.an6-strip-prov > p.an4-changes > span{ display:block; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.an6-changes > svg{ width:14px; height:14px; margin:0; color:var(--an-text-3); }
.an6-chg-pop{ flex:none; }
.an6-chg-pop .an4-info.has-txt{ height:28px; padding:0 10px; gap:6px; border:1px solid color-mix(in srgb, var(--an6-accent) 38%, transparent); border-radius:999px; background:var(--an6-accent-soft); color:var(--an6-accent-ink); font-size:12px; font-weight:600; }
.an6-chg-pop .an4-info.has-txt:hover{ background:color-mix(in srgb, var(--an6-accent) 18%, var(--an6-accent-soft)); }
.an6-chg-pop .an4-info svg{ width:12px; height:12px; color:currentColor; }
.an6-chg-pop .an4-pop{ width:min(560px,calc(100vw - 16px)); max-height:min(70vh,460px); }
.an6-chg-head{ margin:0 0 8px; font-size:12px; font-weight:600; color:var(--an-text-2); }
.an6-chg-list{ display:flex; flex-direction:column; gap:0; margin:0; padding:0; list-style:none; }
.an6-chg-list li{ display:grid; grid-template-columns:96px minmax(0,1fr); gap:8px; padding:6px 0; border-top:1px solid var(--an-border-subtle); font-size:12px; line-height:1.4; }
.an6-chg-list li:first-child{ border-top:0; }
.an6-chg-list time{ color:var(--an-text-3); font-variant-numeric:tabular-nums; }
.an4-exec .an6-chg-list time{ color:var(--an6-ink-2); }
.an6-chg-list li.is-inc span{ color:var(--an-text); }
@media (max-width:900px){
  .an4-exec > .an4-strip{ flex-direction:column; align-items:stretch; }
  .an6-strip-ctl{ flex-wrap:wrap; }
  .an6-strip-prov{ flex-wrap:wrap; margin-left:0; justify-content:flex-start; }
  .an4-exec > .an4-strip .an4-cmp{ flex-wrap:wrap; }
  .an4-exec > .an4-strip .an4-cmp-pill{ height:44px; min-height:44px; }
  .an4-exec > .an4-strip .an4-cmp-select{ height:42px; min-height:44px; min-width:44px; }
  .an4-exec > .an4-strip .an4-info{ min-width:44px; min-height:44px; }
  .an6-chg-pop .an4-info.has-txt{ height:44px; padding:0 14px; }
}

/* ---------- Alerta: menos pesado (fundo suave, faixa lateral), contagem e ação alinhadas à direita ---------- */
.an4-alertbar{ border-radius:var(--an-radius-card); border-width:1px; border-left-width:3px; box-shadow:none; }
.an4-alertbar.is-bad{ background:color-mix(in srgb, var(--bad) 6%, var(--an-surface)); border-color:var(--an-border-subtle); border-left-color:var(--bad); }
.an4-alertbar.is-warn{ background:color-mix(in srgb, var(--warn) 6%, var(--an-surface)); border-color:var(--an-border-subtle); border-left-color:var(--warn); }
.an4-alertbar-head{ min-height:44px; gap:10px; padding:0 8px 0 14px; }
.an4-alertbar-count{ display:inline-flex; align-items:center; height:22px; padding:0 8px; border-radius:999px; font-size:12px; font-weight:600; background:color-mix(in srgb, currentColor 12%, transparent); }
.an4-alertbar-first{ font-size:13px; font-weight:400; }
.an4-alertbar-rest{ margin-left:auto; font-size:12px; font-weight:500; padding:0 8px; height:22px; display:inline-flex; align-items:center; border-radius:999px; background:var(--an-surface-2); color:var(--an-text-2); }
.an4-alertbar-more{ display:inline-flex; align-items:center; height:28px; padding:0 10px; border:1px solid var(--an-ctl-border); border-radius:var(--an6-r); font-size:13px; font-weight:500; }
.an4-alertbar-more::after{ margin-left:6px; }
.an4-alertbar.is-ok{ border-left-width:1px; }
@media (max-width:640px){ .an4-alertbar-rest{ margin-left:0; } .an4-alertbar-more{ margin-left:auto; } }

/* ---------- Tendência clicável (aba Recusas) ---------- */
.an6-trend-btn{ display:inline-flex; align-items:center; justify-content:center; padding:4px 6px; border:1px solid transparent; border-radius:var(--an6-r); background:transparent; color:inherit; cursor:zoom-in; font:inherit; }
.an6-trend-btn:hover{ background:var(--an-surface-2); border-color:var(--an-border-subtle); }
.an6-trend-btn:hover .an4-trend path{ stroke:var(--an-primary); }
.an6-trend-btn:focus-visible{ outline:2px solid var(--an-primary); outline-offset:2px; }

/* ---------- Popup modal ---------- */
body.an6-modal-open{ overflow:hidden; }
.an6-overlay{ position:fixed; inset:0; z-index:calc(var(--z-drawer) + 20); display:flex; align-items:center; justify-content:center; padding:16px; background:var(--overlay); animation:an-fade-in var(--motion-base) var(--ease-standard); }
.an6-modal{ display:flex; flex-direction:column; width:min(760px,100%); max-height:calc(100vh - 32px); overflow:auto; background:var(--panel); color:var(--an-text); border:1px solid var(--hairline-strong); border-radius:var(--radius-lg, 16px); box-shadow:var(--menu-shadow); }
.an6-modal:focus{ outline:none; }
.an6-modal-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:16px 16px 8px 20px; }
.an6-modal-title{ margin:0; font-size:15px; line-height:24px; font-weight:600; color:var(--an-text); }
.an6-modal-sub{ margin:2px 0 0; font-size:12px; line-height:16px; color:var(--an-text-2); }
.an6-modal-x{ flex:none; display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border:0; border-radius:var(--an6-r); background:transparent; color:var(--an-text-2); cursor:pointer; }
.an6-modal-x:hover{ background:var(--an-surface-2); color:var(--an-text); }
.an6-modal-x:focus-visible{ outline:2px solid var(--an-primary); outline-offset:2px; }
.an6-modal-x svg{ width:16px; height:16px; }
.an6-modal-body{ padding:8px 20px 20px; }
.an6-rule{ margin:12px 0 0; padding-top:12px; border-top:1px solid var(--an-border-subtle); font-size:12px; line-height:1.5; color:var(--an-text-2); }
.an6-chart{ position:relative; }
.an6-svg{ display:block; width:100%; height:auto; border-radius:var(--an6-r); touch-action:none; }
.an6-svg:focus-visible{ outline:2px solid var(--an-primary); outline-offset:2px; }
.an6-grid{ stroke:var(--an-border-subtle); stroke-width:1; }
.an6-axis{ fill:var(--an-text-3); font-size:11px; font-variant-numeric:tabular-nums; }
.an6-line{ fill:none; stroke:var(--an-spark-stroke); stroke-width:2; stroke-linejoin:round; stroke-linecap:round; }
.an6-area{ fill:var(--an-spark-fill); stroke:none; }
.an6-dot{ fill:var(--an-spark-stroke); opacity:.55; }
.an6-dot.is-on{ opacity:1; r:5; stroke:var(--panel); stroke-width:2; }
.an6-cursor{ stroke:var(--an-text-3); stroke-width:1; stroke-dasharray:3 3; }
.an6-tip{ position:absolute; top:8px; display:flex; flex-direction:column; gap:2px; min-width:120px; padding:8px 10px; border:1px solid var(--hairline-strong); border-radius:var(--radius-md); background:var(--panel); box-shadow:var(--menu-shadow); font-size:12px; line-height:1.3; pointer-events:none; white-space:nowrap; }
.an6-tip b{ font-weight:600; color:var(--an-text); font-variant-numeric:tabular-nums; }
.an6-tip span{ font-size:15px; font-weight:600; color:var(--an-text); font-variant-numeric:tabular-nums; }
.an6-tip i{ font-style:normal; color:var(--an-text-2); }
@media (max-width:640px){ .an6-overlay{ align-items:flex-end; padding:0; } .an6-modal{ width:100%; max-height:92vh; border-radius:16px 16px 0 0; } }
@media (prefers-reduced-motion:reduce){ .an6-overlay{ animation:none; } .an6-hint::after{ transition:none; } }

/* ---------- Páginas curtas (Contas, estados vazios): a linha do topo não estica; o conteúdo começa logo abaixo da barra superior ---------- */
body[data-page="analytics-pagamentos"] .app{ grid-template-rows:auto 1fr; }
/* O divisor solto some; Limpar segue como último item, alinhado à direita */
.an4-toolbar .an4-divider{ display:none; }

/* ---------- Seletor de produto (workspace da API de pagamentos) ---------- */
.an4-prod-tag{ display:inline-flex; align-items:center; height:20px; margin-left:var(--space-2); padding:0 8px; border-radius:var(--radius-pill); border:1px solid color-mix(in srgb, var(--accent, var(--good)) 40%, transparent); background:color-mix(in srgb, var(--accent, var(--good)) 10%, transparent); color:var(--text); font-size:12px; font-weight:500; vertical-align:middle; white-space:nowrap; }
.an4-seal.is-conta{ border-style:solid; border-color:var(--warn-line); background:var(--warn-bg); color:var(--warn); }
.an4-kpi-src.is-conta{ white-space:normal; text-align:right; border-style:solid; border-color:var(--warn-line); background:var(--warn-bg); color:var(--warn); }
.an6-ctl-prod .an4-menu{ min-width:240px; }

/* ---------- Linha "Aprovação (régua do painel Payments)": 4 cartões, mesmo cartão dos KPIs ---------- */
.an6-aprov{ margin:0 0 16px; }
.an6-aprov-head{ margin-bottom:8px; }
.an4-kpis.an6-aprov-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); margin-bottom:0; }
.an6-aprov-item{ min-width:0; display:flex; }
.an6-aprov-item > .an4-kpi{ flex:1 1 auto; min-width:0; }
@media (max-width:1023px){ .an4-kpis.an6-aprov-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:639px){ .an4-kpis.an6-aprov-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-2); } .an6-aprov .an4-kpi-sec{ white-space:normal; } }
.an6-aprov .an4-kpi-main{ cursor:default; }

/* Barra de filtros com produto: uma linha só a partir de 1024 px (Limpar à direita, sem 2ª linha); nome longo do produto vira reticências (nome inteiro no title) */
.an6-ctl-prod .an4-pill-txt{ display:inline-block; max-width:135px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:bottom; }
@media (min-width:1024px){
  .an4-toolbar{ gap:6px; }
  .an4-ctl-btn{ padding:0 8px; gap:6px; }
  .an4-metric-seg button{ padding:0 8px; }
  .an4-ctl-clear button{ padding:0 6px; }
  .an4-seg-hint.is-fluxo{ font-size:11px; margin-left:-2px; white-space:nowrap; }
}
.an6-ctl-prod .an4-pill-txt{ max-width:118px; }

/* ---------- Cartão "Receita autorizada sem captura": valores por moeda lado a lado, linha secundária que quebra, âmbar de atenção ---------- */
.an4-kpi.is-attn{ border-left:3px solid var(--warn); }
.an4-kpi-value.is-multi{ font-size:clamp(15px,9cqi,20px); line-height:1.2; white-space:normal; }
.an4-kpi[data-met="captura"] .an4-kpi-sec{ white-space:normal; overflow:visible; text-overflow:clip; }
.an4-kpi[data-met="captura"] .an4-kpi-sec.has-src > .t{ flex:1 1 100%; overflow:visible; text-overflow:clip; white-space:normal; }
.an4-kpi[data-met="captura"] .an4-kpi-label{ min-height:48px; align-items:flex-start; }
.an4-kpi[data-met="captura"] .an4-kpi-lt{ -webkit-line-clamp:3; }

/* ---------- Linha de KPIs da Visão executiva com 7 cartões (modo real): 4 colunas, o último ocupa 2; nas grades menores, o último ocupa a linha inteira ---------- */
@media (min-width:1280px){ .an4-kpis.is-7{ grid-template-columns:repeat(4,minmax(0,1fr)); } .an4-kpis.is-7 > :last-child{ grid-column:span 2; } }
@media (max-width:1279px){ .an4-kpis.is-7 > :last-child{ grid-column:1 / -1; } }
@media (max-width:639px){ .an4-kpis.is-7 > :last-child{ grid-column:auto; } }
body.an4-assist-open .an4-kpis.is-7 > :last-child{ grid-column:1 / -1; }

/* ---------- 3DS por bandeira (aba Bandeiras): tabela compacta, gráfico por hora e caixa "mesma faixa horária" ---------- */
.an6-tds{ grid-column:1 / -1; }
.an6-tds-wrap{ overflow-x:auto; margin:0 0 var(--space-3); }
.an6-tds-tab{ width:100%; border-collapse:collapse; font-size:13px; font-variant-numeric:tabular-nums; }
.an6-tds-tab th,.an6-tds-tab td{ padding:6px 10px; text-align:right; white-space:nowrap; border-bottom:1px solid var(--hairline-strong); }
.an6-tds-tab th:first-child{ text-align:left; font-weight:600; color:var(--text); }
.an6-tds-tab thead th{ font-size:12px; font-weight:600; color:var(--text-2); }
.an6-tds-tab tr.is-sel th,.an6-tds-tab tr.is-sel td{ background:color-mix(in srgb, var(--accent) 8%, transparent); }
.an6-tds-p{ font-weight:600; color:var(--text); }
.an6-tds-vazio{ color:var(--text-2); }
.an6-tds-tab td.is-zero{ background:var(--bad-bg, color-mix(in srgb, var(--bad) 14%, transparent)); box-shadow:inset 2px 0 0 var(--bad); }
.an6-tds-tab td.is-zero .an6-tds-p,.an6-tds-alerta{ color:var(--bad); font-weight:700; }
.an6-tds-dot{ display:inline-block; width:9px; height:9px; border-radius:2px; margin-right:6px; vertical-align:baseline; }
.tds-skipped{ --tds-c:var(--warn); } .tds-nperf{ --tds-c:var(--text-3); } .tds-ok{ --tds-c:var(--good); } .tds-fail{ --tds-c:var(--bad); } .tds-out{ --tds-c:var(--accent); }
.an6-tds-dot.tds-skipped,.an6-tds-dot.tds-nperf,.an6-tds-dot.tds-ok,.an6-tds-dot.tds-fail,.an6-tds-dot.tds-out{ background:var(--tds-c); }
.an6-tds-svg rect.tds-skipped,.an6-tds-svg rect.tds-nperf,.an6-tds-svg rect.tds-ok,.an6-tds-svg rect.tds-fail,.an6-tds-svg rect.tds-out{ fill:var(--tds-c); }
.an6-tds-bar-h{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-2) var(--space-3); margin:var(--space-2) 0; }
.an6-tds-sel{ display:inline-flex; flex-wrap:wrap; gap:4px; }
.an6-tds-btn{ height:28px; padding:0 10px; border:1px solid var(--an-ctl-border); border-radius:8px; background:transparent; color:var(--text-2); font:inherit; font-size:12px; font-weight:500; cursor:pointer; }
.an6-tds-btn[aria-pressed="true"]{ background:color-mix(in srgb, var(--accent) 14%, transparent); border-color:var(--accent); color:var(--text); }
.an6-tds-leg{ display:flex; flex-wrap:wrap; gap:4px 14px; list-style:none; margin:0 0 var(--space-2); padding:0; font-size:12px; color:var(--text-2); }
.an6-tds-linha{ display:inline-block; width:16px; height:0; border-top:2px solid var(--text); margin-right:6px; vertical-align:middle; }
.an6-tds-chart{ width:100%; }
.an6-tds-svg{ width:100%; height:auto; display:block; }
.an6-tds-grade{ stroke:var(--hairline-strong); stroke-width:1; }
.an6-tds-eixo{ fill:var(--text-2); font-size:10px; }
.an6-tds-aprov{ fill:none; stroke:var(--text); stroke-width:1.8; stroke-linejoin:round; }
.an6-tds-marco line{ stroke:var(--accent-strong, var(--accent)); stroke-width:1.5; stroke-dasharray:4 3; }
.an6-tds-marco text{ fill:var(--text); font-size:10px; font-weight:600; }
.an6-tds-faixa{ margin-top:var(--space-3); padding:var(--space-3); border:1px solid var(--hairline-strong); border-radius:var(--radius-md); background:color-mix(in srgb, var(--accent) 4%, transparent); }
.an6-tds-faixa-h{ font-size:13px; margin-bottom:var(--space-2); }
.an6-tds-fx-g{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-3); }
.an6-tds-fx{ min-width:0; }
.an6-tds-fx-t{ font-size:12px; font-weight:600; color:var(--text-2); }
.an6-tds-fx-s{ font-weight:400; }
.an6-tds-fx-v b{ font-size:22px; font-weight:600; color:var(--text); }
.an6-tds-fx-n{ font-size:12px; color:var(--text-2); }
.an6-tds-fx-m{ font-size:12px; color:var(--text-2); margin-top:2px; }
.an6-tds-fx-d{ font-size:15px; font-weight:700; margin-top:2px; }
.an6-tds-fx-d.is-bom,.an6-tds-liq.is-bom .an6-tds-fx-v b{ color:var(--good); } .an6-tds-fx-d.is-ruim,.an6-tds-liq.is-ruim .an6-tds-fx-v b{ color:var(--bad); }
@media (max-width:760px){ .an6-tds-chart{ overflow-x:auto; } .an6-tds-svg{ min-width:600px; } .an6-tds-fx-g{ grid-template-columns:minmax(0,1fr); } .an6-tds-tab th,.an6-tds-tab td{ padding:6px 8px; } }

/* L4.5: aviso de dias em preparo (extrato REST ainda baixando): mesma caixa do aviso de carga, em tom de atencao, nao de erro. */
.an4-erro-carga.is-preparo{ border-color:var(--warn-line, var(--an-ctl-border)); background:var(--warn-bg, transparent); }
.an4-erro-carga.is-preparo p b{ color:var(--warn, var(--text-1)); }

/* Faixa do dia (14/10/2026): cabeçalho "Hoje" e 3 cartões (Realizado em destaque, Ritmo, Projeção), selo da conferência e aviso de "Todos". */
.an6-aviso-todos{ margin:0 0 8px; font-size:12px; }
.an6-hoje{ display:flex; align-items:center; justify-content:space-between; gap:10px 24px; margin:0 0 12px; padding:10px 16px; background:var(--an6-paper); color:var(--an6-ink); border:1px solid var(--an6-line); border-radius:var(--an-radius-card); }
.an6-hoje-l{ display:flex; flex-wrap:wrap; align-items:center; gap:6px 12px; min-width:0; flex:none; }
.an6-hoje-rot{ font-size:11px; line-height:16px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:var(--an6-ink-2); white-space:nowrap; }
.an6-hoje-selo{ display:inline-flex; align-items:center; gap:6px; height:22px; padding:0 9px; border:1px solid color-mix(in srgb, var(--an6-warn) 40%, transparent); border-radius:999px; background:var(--an6-warn-soft); color:var(--an6-warn); font-size:12px; font-weight:600; white-space:nowrap; }
.an6-pulso{ flex:none; width:6px; height:6px; border-radius:50%; background:currentColor; animation:an6-pulso 2.4s ease-in-out infinite; }
@keyframes an6-pulso{ 0%,100%{ opacity:1; } 50%{ opacity:.35; } }
.an6-hoje-r{ display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:8px 28px; flex:1 1 auto; min-width:0; }
.an6-ind{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.an6-ind:not(.is-crit){ flex:0 0 auto; }
.an6-ind.is-crit{ flex:0 1 340px; }
@media (min-width:769px){ .an6-hoje-r{ gap:8px 20px; } .an6-ind.is-crit{ flex:1 1 200px; max-width:340px; } }
.an6-ind-rot{ font-size:12px; line-height:16px; color:var(--an6-ink-2); }
.an6-ind-corpo{ display:flex; align-items:center; gap:8px; min-width:0; min-height:24px; }
.an6-ind-v{ font:600 18px/24px var(--an6-mono); font-variant-numeric:tabular-nums; color:var(--an6-ink); }
.an6-ind-v.is-bad{ color:var(--an6-down); }
.an6-ind-tit{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; color:var(--an6-ink-2); }
.an6-ind-sub{ font-size:12px; line-height:16px; color:var(--an6-ink-2); white-space:nowrap; }
.an6-dia-faixa-3{ display:grid; grid-template-columns:1.4fr 1fr 1.2fr; align-items:stretch; gap:var(--an-gap,12px); margin:0 0 12px; }
.an6-dia-card{ min-width:0; min-height:124px; padding:12px 16px; background:var(--an6-paper); color:var(--an6-ink); border:1px solid var(--an6-line); border-radius:var(--an-radius-card); box-shadow:var(--an-shadow-card); display:flex; flex-direction:column; gap:6px; }
.an6-dia-card.is-real{ background:var(--an6-accent-soft); border-left:3px solid var(--an6-accent); }
.an6-dia-card header{ display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:22px; }
.an6-dia-card h3{ margin:0; font-size:12px; line-height:16px; font-weight:600; color:var(--an6-ink-2); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.an6-dia-selos{ display:inline-flex; gap:4px; flex:none; }
.an6-dia-selo{ display:inline-flex; align-items:center; height:20px; padding:0 8px; border-radius:10px; font-size:12px; font-weight:500; white-space:nowrap; border:1px solid var(--an6-line); color:var(--an6-ink-2); }
.an6-dia-selo.is-exp{ border:1px dashed var(--an6-accent); background:var(--an6-accent-soft); color:var(--an6-accent-ink); font-weight:600; }
.an4-seal.is-parcial{ border-color:var(--warn-line); background:var(--warn-bg); color:var(--warn); }
.an6-dia-valor{ margin:0; font:700 clamp(26px,2.6vw,32px)/38px var(--an6-mono); font-variant-numeric:tabular-nums; letter-spacing:-.01em; color:var(--an6-ink); white-space:nowrap; }
.an6-dia-valor .an6-moeda{ font:500 14px/20px var(--font-sans,Inter,sans-serif); letter-spacing:0; color:var(--an6-ink-2); }
.an6-dia-sub,.an6-dia-erro,.an6-dia-prov{ margin:0; font-size:12px; line-height:16px; color:var(--an6-ink-2); }
.an6-dia-vazio{ margin:0; display:flex; align-items:flex-start; gap:8px; font-size:13px; line-height:20px; color:var(--an6-ink-2); }
.an6-dia-vazio svg{ flex:none; margin-top:3px; }
.an6-dia-vazio.is-erro svg{ color:var(--an6-warn); }
.an6-dia-ritmo{ margin:0; padding:0; list-style:none; display:grid; gap:8px; }
.an6-dia-ritmo li{ display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:13px; }
.an6-dia-rot{ color:var(--an6-ink-2); }
.an6-chip{ display:inline-flex; align-items:center; gap:5px; height:24px; padding:0 9px; border:1px solid transparent; border-radius:999px; font:600 14px/1 var(--an6-mono); font-variant-numeric:tabular-nums; white-space:nowrap; }
.an6-chip svg{ flex:none; }
.an6-chip.is-up{ color:var(--an6-up); background:var(--an6-up-soft); border-color:color-mix(in srgb, var(--an6-up) 35%, transparent); }
.an6-chip.is-down{ color:var(--an6-down); background:var(--an6-down-soft); border-color:color-mix(in srgb, var(--an6-down) 35%, transparent); }
.an6-chip.is-flat,.an6-chip.is-off{ color:var(--an6-ink-2); background:color-mix(in srgb, var(--an6-ink-2) 10%, transparent); border-color:var(--an6-line); }
.an6-chip.is-off{ font-weight:400; font-size:13px; }
.an6-dia-faixa-txt{ margin:0; font-size:14px; line-height:20px; font-variant-numeric:tabular-nums; }
.an6-dia-faixa{ position:relative; height:10px; margin:2px 0; }
.an6-dia-faixa-barra{ position:absolute; inset:3px 0; border-radius:4px; background:color-mix(in srgb, var(--an6-accent) 32%, transparent); }
.an6-dia-faixa-mid{ position:absolute; top:0; bottom:0; width:3px; margin-left:-1.5px; border-radius:2px; background:var(--an6-accent); }
.an6-sk{ display:grid; gap:10px; padding-top:4px; }
.an6-sk i,.an6-sk-ind{ display:block; border-radius:6px; background:linear-gradient(90deg, var(--an6-line) 25%, color-mix(in srgb, var(--an6-line) 45%, var(--an6-paper)) 50%, var(--an6-line) 75%); background-size:200% 100%; animation:an6-shimmer 1.4s linear infinite; }
.an6-sk-a{ height:30px; width:70%; } .an6-sk-b{ height:12px; width:45%; } .an6-sk-ind{ width:96px; height:20px; }
@keyframes an6-shimmer{ from{ background-position:200% 0; } to{ background-position:-200% 0; } }
@media (prefers-reduced-motion:reduce){ .an6-pulso,.an6-sk i,.an6-sk-ind{ animation:none; } }
.an6-conf{ display:inline-flex; align-items:center; height:22px; padding:0 8px; border-radius:11px; font-size:12px; font-weight:500; white-space:nowrap; cursor:help; border:1px solid var(--an-border-subtle); color:var(--an-text-2); }
.an6-conf.is-ok{ border-color:transparent; background:color-mix(in srgb, var(--good) 12%, transparent); color:var(--good); }
.an6-conf.is-bad{ border-color:var(--bad-line); background:var(--bad-bg); color:var(--bad); }
@media (max-width:900px){
  .an6-hoje{ flex-direction:column; align-items:stretch; }
  .an6-hoje-r{ justify-content:space-between; }
  .an6-ind.is-crit{ flex:1 1 180px; }
  .an6-dia-faixa-3{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .an6-dia-card.is-real{ grid-column:1 / -1; }
}
@media (max-width:480px){ .an6-dia-faixa-3{ grid-template-columns:1fr; } .an6-hoje-r{ flex:0 0 auto; flex-direction:column; align-items:stretch; } .an6-ind{ max-width:100%; } .an6-ind.is-crit{ flex:0 0 auto; } }