/* Aba Follow-up: quem parou de responder, com o rascunho da IA para aprovar. */
#followup { grid-column:1/4; overflow:auto; padding:18px 24px 90px; display:none; background:var(--bg); }  /* sem fundo aparecia o branco da pagina */
#followup h2 { margin:0 0 2px; font-size:20px; }
#followup .sub { color:var(--m); font-size:12.5px; margin-bottom:12px; }
#followup .barra-fu { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-bottom:14px; position:sticky; top:-18px; z-index:3; padding:10px 0; background:var(--bg); }
#followup .barra-fu .sp { flex:1; }
#followup .barra-fu label { display:flex; align-items:center; gap:6px; font-size:13px; color:var(--m); }
#followup .barra-fu label input { width:auto; accent-color:var(--azul); }
#followup .grupo { margin:18px 0 8px; display:flex; align-items:center; gap:8px; font-family:var(--titulo); font-size:14px; cursor:pointer; user-select:none; }
#followup .grupo .n { font-size:12px; color:var(--m); font-family:inherit; }
#followup .grupo .dica { font-family:inherit; font-size:12px; color:var(--m2); font-weight:400; }
#followup .grupo.fechado + .cartoes { display:none; }
#followup .cartoes { display:grid; grid-template-columns:repeat(auto-fill, minmax(340px, 1fr)); gap:12px; }
.fu { background:var(--card); border:1px solid var(--b); border-radius:16px; padding:14px 14px 12px; display:flex; flex-direction:column; gap:8px; animation: entra .3s ease-out both; }
.fu.marcado { border-color:var(--azul); box-shadow:var(--glow); }
.fu .topo { display:flex; align-items:center; gap:10px; }
.fu .topo input[type=checkbox] { width:auto; accent-color:var(--azul); transform:scale(1.15); }
.fu .av { width:34px; height:34px; border-radius:50%; display:grid; place-items:center; font-size:12px; font-weight:700; color:#fff; background:linear-gradient(135deg, var(--azul), var(--roxo)); flex:none; font-family:var(--titulo); }
.fu .quem { flex:1; min-width:0; }
.fu .quem b { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.fu .quem small { color:var(--m); font-size:12px; }
.fu .chips { display:flex; flex-wrap:wrap; gap:6px; }
.fu .chip { font-size:11.5px; padding:2px 9px; border-radius:999px; border:1px solid var(--b2); color:var(--m); background:var(--card2); }
.fu .chip.t-sumido { color:#93c5fd; border-color:#1d4ed8; }
.fu .chip.t-assinatura { color:#f9a8d4; border-color:#be185d; }
.fu .chip.t-documentos { color:#fcd34d; border-color:#b45309; }
.fu .chip.t-pagamento { color:#86efac; border-color:#15803d; }
.fu .chip.t-nao_cobrar { color:var(--m); }
[data-tema="claro"] .fu .chip.t-sumido { color:#1d4ed8; } [data-tema="claro"] .fu .chip.t-assinatura { color:#be185d; }
[data-tema="claro"] .fu .chip.t-documentos { color:#b45309; } [data-tema="claro"] .fu .chip.t-pagamento { color:#15803d; }
.fu .ultima { font-size:12.5px; color:var(--m); background:var(--card2); border-radius:10px; padding:7px 10px; border-left:3px solid var(--b2); }
.fu .nota { font-size:12.5px; color:var(--m); }
.fu .nota b { color:var(--t); font-weight:600; }
.fu textarea { min-height:44px; font-size:13.5px; }
.fu .acoes { display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
.fu .acoes .sp { flex:1; }
.fu .acoes button { padding:6px 11px; font-size:13px; }
.fu .escrevendo { font-size:13px; color:var(--m); display:flex; align-items:center; gap:8px; }
.fu .escrevendo::before { content:""; width:12px; height:12px; border-radius:50%; border:2px solid var(--azul); border-right-color:transparent; animation: gira-fu .8s linear infinite; }
@keyframes gira-fu { to { transform:rotate(360deg); } }
#followup .vazio-fu { text-align:center; color:var(--m); padding:40px 10px; }
#followup .vazio-fu .spr { margin:0 auto 8px; }
.abas button .badge-fu { display:inline-block; min-width:18px; padding:0 5px; margin-left:5px; border-radius:999px; font-size:11px; line-height:18px; text-align:center; color:#fff; background:var(--verm); }
@media (max-width:700px) { #followup { padding:12px 12px 90px; } #followup .cartoes { grid-template-columns:1fr; } }