/* TsQualy V1761.108 — novo visual da ficha do Projeto A3 */
.a3-ficha{ --f-P:#1766b3; --f-P-bg:#eaf2fc; --f-D:#d98a1c; --f-D-bg:#fdf3e4; --f-C:#6b46c1; --f-C-bg:#f1ecfb; --f-A:#1f7a7a; --f-A-bg:#e5f4f4; }
.a3-ficha .a3-ficha-principal{ display:flex; flex-direction:column; gap:14px; min-width:0; }
.a3-ficha .a3-ficha-principal > .a3-sec{ margin:0; }

/* Faixas das fases do PDCA */
.a3-ficha .a3-fase{ display:flex; align-items:center; gap:12px; margin:8px 0 -2px; padding:2px 2px 8px; border-bottom:2px solid var(--fc); }
.a3-ficha .a3-fase:first-child{ margin-top:0; }
.a3-ficha .a3-fase .a3-pdca{ width:30px; height:30px; border-radius:8px; font-size:14px; background:var(--fc)!important; box-shadow:0 2px 6px rgba(18,52,95,.15); }
.a3-ficha .a3-fase b{ display:block; font-size:14px; font-weight:800; letter-spacing:.3px; text-transform:uppercase; color:var(--fc); line-height:1.15; }
.a3-ficha .a3-fase small{ display:block; font-size:12px; color:#6b7a8c; margin-top:1px; }
.a3-ficha .a3-fase--P{ --fc:var(--f-P); } .a3-ficha .a3-fase--D{ --fc:var(--f-D); } .a3-ficha .a3-fase--C{ --fc:var(--f-C); } .a3-ficha .a3-fase--A{ --fc:var(--f-A); }

/* Cartões das seções */
.a3-ficha .a3-sec{ --fc:var(--f-P); --fbg:var(--f-P-bg); background:#fff; border:1px solid #e1e8f0; border-radius:12px; box-shadow:0 1px 3px rgba(18,52,95,.05), 0 6px 18px rgba(18,52,95,.04); overflow:hidden; display:flex; flex-direction:column; }
.a3-ficha .a3-sec--fase-D{ --fc:var(--f-D); --fbg:var(--f-D-bg); } .a3-ficha .a3-sec--fase-C{ --fc:var(--f-C); --fbg:var(--f-C-bg); } .a3-ficha .a3-sec--fase-A{ --fc:var(--f-A); --fbg:var(--f-A-bg); }
.a3-ficha .a3-sec-topo{ gap:10px; padding:11px 16px; border-bottom:1px solid #eef2f6; background:linear-gradient(180deg,#fbfcfe,#fff); box-shadow:inset 3px 0 0 var(--fc); }
.a3-ficha .a3-sec-topo h3{ font-size:15px; font-weight:750; color:#12345f; display:flex; align-items:center; gap:8px; }
.a3-ficha .a3-sec-n{ width:28px; height:28px; border-radius:8px; background:var(--fbg)!important; color:var(--fc)!important; font-size:13px; font-weight:800; border:1px solid color-mix(in srgb, var(--fc) 25%, transparent); }
.a3-ficha .a3-sec--opc .a3-sec-n{ background:#f1f4f8!important; color:#7b8898!important; border-color:#e1e7ee; }
.a3-ficha .a3-opc{ font-size:10.5px!important; text-transform:uppercase; letter-spacing:.4px; background:#f1f4f8!important; color:#7b8898!important; }
.a3-ficha .a3-sec-bts{ gap:6px; }
.a3-ficha .a3-sec-bts .a3-bt-p{ border-radius:8px!important; padding:5px 12px!important; font-size:12.5px!important; font-weight:650; }
.a3-ficha .a3-sec-corpo{ padding:14px 16px 16px; flex:1; }

/* Estado atual | Estado futuro e Análise de causa | Contramedidas lado a lado */
.a3-ficha .a3-par{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; align-items:stretch; }
.a3-ficha .a3-par > .a3-sec{ margin:0; height:100%; }
@media (max-width:1280px){ .a3-ficha .a3-par{ grid-template-columns:1fr; } }

/* Dados do projeto em blocos */
.a3-ficha .a3-dados{ display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:8px; margin-bottom:12px; }
.a3-ficha .a3-dado{ background:#f6f9fc; border:1px solid #e6edf4; border-radius:9px; padding:8px 11px; min-width:0; }
.a3-ficha .a3-dado span{ display:block; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.35px; color:#7b8898; }
.a3-ficha .a3-dado b{ display:block; margin-top:2px; font-size:13.5px; color:#12345f; font-weight:650; overflow-wrap:anywhere; }
.a3-ficha .a3-dado.vazio b{ color:#a3aebb; font-weight:500; }
.a3-ficha .a3-sobre{ border-left:3px solid var(--f-P); background:#fbfcfe; border-radius:0 8px 8px 0; padding:8px 12px; }
.a3-ficha .a3-sobre > span{ display:block; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.35px; color:#7b8898; margin-bottom:2px; }

/* Listas numeradas dos estados */
.a3-ficha .a3-lista-num{ list-style:none; padding:0; margin:0; counter-reset:a3n; display:flex; flex-direction:column; gap:6px; }
.a3-ficha .a3-lista-num li{ counter-increment:a3n; display:flex; gap:10px; align-items:flex-start; padding:7px 10px; background:#f8fafc; border:1px solid #edf1f6; border-radius:8px; line-height:1.4; }
.a3-ficha .a3-lista-num li::before{ content:counter(a3n); flex:none; display:inline-grid; place-items:center; width:22px; height:22px; border-radius:6px; background:var(--fbg,#eaf2fc); color:var(--fc,#1766b3); font-weight:800; font-size:11.5px; }

/* Estados vazios */
.a3-ficha .a3-sec-corpo > .a3-vazio,
.a3-ficha #a3RcaBox > .a3-vazio{ margin:0; padding:14px 16px; border:1px dashed #d6dfe9; border-radius:9px; background:#fbfcfe; color:#7b8898; font-size:12.8px; text-align:center; }

/* Tabelas dentro das seções */
.a3-ficha .a3-sec .table-wrap{ border:1px solid #e6edf4; border-radius:10px; overflow:auto; }
.a3-ficha .a3-sec .a3-tabela{ margin:0; }
.a3-ficha .a3-sec .a3-tabela thead th{ background:#f4f7fb; color:#5a6b80; font-size:11.5px; text-transform:uppercase; letter-spacing:.3px; border-bottom:1px solid #e6edf4; }
.a3-ficha .a3-sec .a3-tabela tbody tr:last-child td{ border-bottom:0; }

/* Plano de ação: aviso compacto e status em destaque */
.a3-ficha .a3-integracao-global{ display:flex; flex-wrap:wrap; gap:4px 6px; align-items:center; margin:0 0 12px!important; padding:7px 12px!important; font-size:12.3px!important; border-radius:8px!important; }
.a3-ficha .a3-integracao-global::before{ content:"i"; flex:none; display:inline-grid; place-items:center; width:18px; height:18px; border-radius:50%; background:#2f75b5; color:#fff; font:800 11px/1 Georgia,serif; }
.a3-ficha .a3-status-proj{ background:linear-gradient(90deg,var(--f-D-bg),#fff); border:1px solid #f2dfc0; border-radius:10px; padding:10px 14px; }
.a3-ficha .a3-status-proj b{ font-size:20px; color:#9a5b0c; }
.a3-ficha .a3-status-proj .a3-mini-barra i{ background:var(--f-D); }

/* Métricas */
.a3-ficha .a3-metrica{ border-radius:10px; border-color:#e6edf4; box-shadow:0 1px 2px rgba(18,52,95,.04); }

/* Lateral */
.a3-ficha .a3-lado-card{ border-radius:12px!important; border:1px solid #e1e8f0!important; box-shadow:0 1px 3px rgba(18,52,95,.05)!important; }
.a3-ficha .a3-lado-topo b{ font-size:13.5px; }

/* Métricas: título em linha própria, ações abaixo */
.a3-ficha .a3-metrica-topo{ flex-direction:column; align-items:stretch; gap:4px; }
.a3-ficha .a3-metrica-topo > b{ font-size:13.5px; line-height:1.3; }
.a3-ficha .a3-metrica-topo > span{ justify-content:flex-start; gap:14px; }
.a3-ficha .a3-legenda{ margin-top:8px; }

/* Economia e investimento em 4 blocos */
.a3-ficha .a3-ganho-num{ grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:8px; }
.a3-ficha .a3-ganho-num > div{ background:#f6f9fc; border:1px solid #e6edf4; border-radius:9px; padding:8px 11px; }
.a3-ficha .a3-ganho-num small{ font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.35px; color:#7b8898; }
@media (max-width:900px){ .a3-ficha .a3-ganho-num{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } }

/* Padronização em blocos */
.a3-ficha .a3-pad{ gap:8px!important; }
.a3-ficha .a3-pad > div{ background:#f6f9fc; border:1px solid #e6edf4; border-radius:9px; padding:8px 11px; }
.a3-ficha .a3-pad > div > b{ font-size:11px!important; font-weight:700; text-transform:uppercase; letter-spacing:.35px; color:#7b8898!important; }
.a3-ficha .a3-pad .a3-vazio{ color:#a3aebb; font-size:12.5px; margin:2px 0 0; }
.a3-ficha .a3-sec-topo h3{ min-width:0; }
