/* dist/css/painel-v3.css — telas da análise do lead v3 (Onde param, Perfil dos leads, demanda de horário, demora × sumiço,
   seções novas dos Insights do Lead). Minimalista, nas variáveis do Tabler (claro e escuro). */

.pv3-card .subheader { margin-bottom: 0; }
.pv3-sub { color: var(--tblr-secondary); font-size: calc(.8rem * var(--aia-text-scale, 1)); margin: 2px 0 10px; }
.pv3-nota { color: var(--tblr-secondary); font-size: calc(.78rem * var(--aia-text-scale, 1)); margin-top: 10px; line-height: 1.4; }
.pv3-vazio { color: var(--tblr-secondary); font-size: calc(.85rem * var(--aia-text-scale, 1)); padding: 6px 0; }
.pv3-dica { cursor: help; }
.pv3-coluna > .card, .pv3-coluna > div > .card { height: 100%; }

/* aviso de cobertura / de onde vem o dado */
.pv3-aviso { border: 1px dashed var(--tblr-border-color); background: var(--tblr-bg-surface-secondary, rgba(127,127,127,.04));
  border-radius: 8px; padding: 10px 12px; color: var(--tblr-secondary); font-size: calc(.85rem * var(--aia-text-scale, 1)); margin-bottom: 14px; }
.pv3-aviso b { color: var(--tblr-body-color); }
.pv3-aviso.erro { border-color: var(--tblr-red); color: var(--tblr-red); }

/* números do topo */
.pv3-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; margin-bottom: 14px; }
.pv3-kpi { background: var(--tblr-bg-surface); border: 1px solid var(--tblr-border-color); border-radius: 8px; padding: 12px 14px; }
.pv3-kpi-rot { color: var(--tblr-secondary); font-size: calc(.75rem * var(--aia-text-scale, 1)); text-transform: uppercase; letter-spacing: .03em; font-weight: 600; }
.pv3-kpi-val { font-size: calc(1.6rem * var(--aia-text-scale, 1)); font-weight: 650; letter-spacing: -.01em; line-height: 1.3; }
.pv3-kpi-det { color: var(--tblr-secondary); font-size: calc(.78rem * var(--aia-text-scale, 1)); }
.pv3-kpi.laranja .pv3-kpi-val { color: var(--tblr-orange); }
.pv3-kpi.vermelho .pv3-kpi-val { color: var(--tblr-red); }

/* barras horizontais */
.pv3-barras { display: grid; gap: 6px; }
.pv3-barra { display: grid; grid-template-columns: minmax(110px, 44%) 1fr 92px; align-items: center; gap: 8px; font-size: calc(.85rem * var(--aia-text-scale, 1)); }
.pv3-barra.clicavel { cursor: pointer; }
.pv3-barra.clicavel:hover .pv3-rot { text-decoration: underline; }
.pv3-rot { color: var(--tblr-body-color); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pv3-trilho { height: 10px; background: var(--tblr-bg-surface-tertiary, rgba(127,127,127,.12)); border-radius: 0 5px 5px 0; }
.pv3-fill { display: block; height: 100%; border-radius: 0 4px 4px 0; min-width: 2px; }
.pv3-val { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.pv3-val small { color: var(--tblr-secondary); }

.pv3-destaque { font-size: calc(1.4rem * var(--aia-text-scale, 1)); font-weight: 650; margin-bottom: 8px; }
.pv3-destaque span { font-size: calc(.85rem * var(--aia-text-scale, 1)); font-weight: 400; color: var(--tblr-secondary); }

/* colunas (demora × sumiço) */
.pv3-colunas { position: relative; display: flex; align-items: flex-end; gap: 10px; height: 200px; padding: 10px 4px 0; border-bottom: 1px solid var(--tblr-border-color); }
.pv3-col { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 100%; }
.pv3-col-v { font-size: calc(.78rem * var(--aia-text-scale, 1)); margin-bottom: 4px; font-variant-numeric: tabular-nums; }
.pv3-col-b { width: 70%; background: var(--tblr-primary); border-radius: 4px 4px 0 0; }
.pv3-col-b.vazia { background: var(--tblr-border-color); }
.pv3-col-n { font-size: calc(.7rem * var(--aia-text-scale, 1)); color: var(--tblr-secondary); margin-top: 4px; height: 16px; }
.pv3-ref { position: absolute; left: 0; right: 0; border-top: 2px dashed var(--tblr-secondary); pointer-events: none; }
.pv3-ref span { position: absolute; right: 0; top: -20px; font-size: calc(.72rem * var(--aia-text-scale, 1)); color: var(--tblr-secondary); background: var(--tblr-bg-surface); padding: 0 4px; }
.pv3-eixo { display: flex; gap: 10px; padding: 4px 4px 0; }
.pv3-eixo div { flex: 1; text-align: center; font-size: calc(.72rem * var(--aia-text-scale, 1)); color: var(--tblr-secondary); }

.pv3-retomar td { vertical-align: top; }

/* Insights do Lead (chat do painel): seções da análise nova */
.ins-v3-destaque { border-left: 3px solid var(--tblr-orange); background: rgba(247,103,7,.07); border-radius: 0 6px 6px 0; padding: 8px 10px; font-size: calc(.85rem * var(--aia-text-scale, 1)); margin-bottom: 6px; }
.ins-v3-destaque.azul { border-left-color: var(--tblr-primary); background: rgba(32,107,196,.07); }
.ins-v3-destaque.verm { border-left-color: var(--tblr-red); background: rgba(214,57,57,.07); }
.ins-v3-sub { color: var(--tblr-secondary); font-size: calc(.78rem * var(--aia-text-scale, 1)); }
.ins-v3-duvida { display: flex; gap: 6px; padding: 3px 0; font-size: calc(.85rem * var(--aia-text-scale, 1)); align-items: baseline; }
.ins-v3-duvida .ic { width: 16px; flex: none; text-align: center; }
.ins-v3-sem { color: var(--tblr-red); font-weight: 600; }
.ins-v3-aviso { color: var(--tblr-secondary); font-size: calc(.78rem * var(--aia-text-scale, 1)); border: 1px dashed var(--tblr-border-color); border-radius: 6px; padding: 6px 8px; margin: 6px 0; }
.ins-v3-link { font-size: calc(.85rem * var(--aia-text-scale, 1)); }