/* FinanceBot — Inteligência Financeira (card do Dashboard, tela #inteligencia e bloco nas Metas).
   Usa as variáveis e componentes do index.html (glass, card-h, h-stat, dc-item, edit-btn, proj-tag). */

/* ── card do Dashboard ── */
#iaCard[hidden]{display:none}
#iaCard{position:relative;overflow:hidden}
#iaCard::before{content:"";position:absolute;top:-60%;left:-15%;width:320px;height:320px;pointer-events:none;
  background:radial-gradient(circle,rgba(124,92,255,.22),transparent 70%)}
#iaCard>*{position:relative;z-index:1}
.ia-sit{font-size:10px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;padding:3px 9px;border-radius:6px;white-space:nowrap;
  color:var(--muted2);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12)}
.ia-sit.ok{color:var(--up);background:rgba(0,255,163,.07);border-color:rgba(0,255,163,.3)}
.ia-sit.warn{color:#F5D90A;background:rgba(245,217,10,.07);border-color:rgba(245,217,10,.3)}
.ia-sit.neg{color:var(--down);background:rgba(255,92,122,.08);border-color:rgba(255,92,122,.32)}
.ia-sit.info{color:var(--cyan);background:rgba(34,211,238,.07);border-color:rgba(34,211,238,.3)}
.ia-vazio{font-size:13px;color:var(--muted2);line-height:1.6;padding:6px 0}
.ia-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(18px,3vw,34px);align-items:start}
.ia-k{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted2);margin-bottom:8px}
.ia-val{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(32px,5vw,50px);line-height:1;letter-spacing:-1px;white-space:nowrap}
.ia-sub{margin-top:9px;font-size:12px;color:var(--muted);line-height:1.5}
.ia-acomp{margin-top:14px;font-size:12.5px;line-height:1.55;padding:9px 12px;border-radius:10px;
  background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);color:var(--text)}
.ia-acomp.atencao{border-color:rgba(245,217,10,.28);background:rgba(245,217,10,.05)}
.ia-acomp.critico{border-color:rgba(255,92,122,.3);background:rgba(255,92,122,.06)}
.ia-lin{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:7px 0;
  border-bottom:1px solid rgba(255,255,255,.045)}
.ia-lin:last-child{border-bottom:0}
.ia-ic{font-size:15px;line-height:1}
.ia-n{font-size:13.5px;color:var(--text)}
.ia-lin b{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:14.5px;white-space:nowrap}
.ia-bar{grid-column:2/4;height:3px;border-radius:3px;background:rgba(255,255,255,.05);overflow:hidden}
.ia-bar i{display:block;height:100%;border-radius:3px;opacity:.85;transition:width .4s}
.ia-destaque{margin-top:16px;font-size:12.5px;line-height:1.55;padding:9px 12px;border-radius:10px;color:var(--text);
  background:rgba(245,217,10,.05);border:1px solid rgba(245,217,10,.25)}
.ia-destaque.critico{background:rgba(255,92,122,.06);border-color:rgba(255,92,122,.3)}
.ia-acoes{margin-top:16px;display:flex;justify-content:flex-end}
.ia-acoes .edit-btn{margin:0}
@media(max-width:760px){.ia-top{grid-template-columns:minmax(0,1fr)}}

/* ── tela completa ── */
#view-inteligencia #iaRoot{display:flex;flex-direction:column;gap:18px}
.ia-cab{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}
.ia-cab h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(18px,2.4vw,22px);font-weight:700;letter-spacing:.2px}
.ia-cab h2 .proj-tag{font-size:11px}
.ia-cab p{margin-top:6px;font-size:12.5px;color:var(--muted);line-height:1.5;max-width:640px}
.ia-cab .edit-btn{margin:0}
.ia-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}
.ia-kpis .h-stat b{font-size:15px}
.ia-mini{display:block;font-size:11px;color:var(--muted);line-height:1.55;margin-top:6px}
.h-stat .ia-mini{margin-top:3px;white-space:normal}
.ia-texto{margin-top:14px;font-size:14px;line-height:1.65;color:var(--text)}
.ia-fonte{margin-top:10px;font-size:10.5px;color:var(--muted);letter-spacing:.2px}
.ia-lim-grande{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.ia-lim-grande span{font-size:12px;color:var(--muted2);letter-spacing:.4px;text-transform:uppercase}
.ia-lim-grande b{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(30px,4.6vw,44px);line-height:1.05}
.ia-lim-grande small{font-size:12.5px;color:var(--muted2);line-height:1.5}
.ia-fatores .dc-item b.down{color:var(--down)}
.ia-habito{margin-top:14px;font-size:12.5px;color:var(--muted2);line-height:1.6}
.ia-habito b{color:var(--text)}
.ia-tag-est{display:inline-block;margin-left:6px;font-size:9.5px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;
  padding:1px 6px;border-radius:5px;color:var(--cyan);background:rgba(34,211,238,.08);border:1px solid rgba(34,211,238,.25);vertical-align:middle}
.ia-inc{margin:12px 0 0 18px;font-size:12px;color:#F5D90A;line-height:1.6}
.ia-dist-g{max-width:520px}
.ia-dist-det{margin-top:14px;display:flex;flex-direction:column;gap:7px;font-size:12.5px;color:var(--muted2);line-height:1.55}
.ia-dist-det b{color:var(--text);font-weight:600}
.ia-passo{margin-top:14px;padding:10px 12px;border-radius:10px;font-size:13px;line-height:1.55;
  background:rgba(0,255,163,.05);border:1px solid rgba(0,255,163,.22)}
.ia-expl{margin-top:12px}
.ia-prog{margin-top:12px;height:4px;border-radius:4px;background:rgba(255,255,255,.06);overflow:hidden}
.ia-prog i{display:block;height:100%;background:var(--cyan);border-radius:4px}
.ia-alertas{list-style:none;margin-top:14px;display:flex;flex-direction:column;gap:7px}
.ia-alertas li{display:grid;grid-template-columns:18px 1fr;gap:6px;font-size:13px;line-height:1.55;padding:8px 11px;border-radius:9px;
  background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06)}
.ia-alertas li>span{font-weight:700;text-align:center}
.ia-alertas li.critico{border-color:rgba(255,92,122,.3)}
.ia-alertas li.critico>span{color:var(--down)}
.ia-alertas li.atencao{border-color:rgba(245,217,10,.22)}
.ia-alertas li.atencao>span{color:#F5D90A}
.ia-alertas li.ok>span{color:var(--up)}
.ia-scroll{overflow-x:auto;margin-top:12px}
.ia-tab{width:100%;border-collapse:collapse;font-size:12.5px;min-width:420px}
.ia-tab th{text-align:left;font-size:10.5px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--muted2);
  padding:7px 8px;border-bottom:1px solid rgba(255,255,255,.08)}
.ia-tab td{padding:7px 8px;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text)}
.ia-tab td small{font-size:10.5px;margin-left:4px}
.ia-tab th:not(:first-child),.ia-tab td:not(:first-child){text-align:right}
.ia-metas{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
.ia-meta{padding:13px 14px;border-radius:12px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.07)}
.ia-meta-h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}
.ia-meta-h b{font-size:13.5px;font-weight:600}
.ia-meta-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px}
.ia-meta-g>div{display:flex;justify-content:space-between;gap:8px;font-size:12px;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.04)}
.ia-meta-g span{color:var(--muted)}
.ia-meta-g b{font-family:'Space Grotesk',sans-serif;font-weight:600;white-space:nowrap}
@media(max-width:480px){.ia-meta-g{grid-template-columns:minmax(0,1fr)}}

/* ── aba Metas ── */
.ia-meta-bloco{margin-top:12px;padding-top:10px;border-top:1px dashed rgba(124,92,255,.3)}
.mt-det>div.ia-meta-bloco{display:block}          /* .mt-det>div (metas.css) é flex de rótulo/valor */
.ia-meta-t{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#A897FF;margin-bottom:6px}
.ia-metas-topo p{font-size:13px;line-height:1.6;color:var(--muted2)}
.ia-metas-topo p b{color:var(--text)}
.ia-sub b{color:var(--text);font-weight:600}
.ia-dist-nota{margin:-4px 0 6px}
.ia-meta-bloco .ia-meta-g{grid-template-columns:minmax(0,1fr)}   /* card das Metas é estreito */

/* ── 01/10/2026: sobra do mês → lazer → 3 metas ── */
.ia-tag{display:inline-block;margin-left:6px;font-size:9.5px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;
  padding:1px 7px;border-radius:5px;vertical-align:middle}
.ia-tag.firme{color:var(--neon);background:rgba(0,255,163,.08);border:1px solid rgba(0,255,163,.3)}
.ia-tag.prov{color:#F5D90A;background:rgba(245,217,10,.07);border:1px solid rgba(245,217,10,.3)}
.card-h .ia-tag{margin-left:0}
.ia-n small{display:block;margin-top:2px;font-size:11px;line-height:1.45;color:var(--muted)}
.ia-dist-g .ia-lin{align-items:start}
.ia-dist-g .ia-lin b{padding-top:1px}
.ia-acoes{gap:8px;flex-wrap:wrap}