/* ══════════════════════════════════════════════════════════════════
   MATOS PRIME — CRM de Relacionamento (Painel da Gestora)
   Usa as mesmas cores, fontes e componentes do dashboard.html.
   ══════════════════════════════════════════════════════════════════ */
.crm-nav-badge{margin-left:auto;background:var(--cobre);color:#fff;border-radius:50px;font-size:.66rem;font-weight:700;padding:2px 8px;line-height:1.4}
.crm-lead-link{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;color:var(--cobre);cursor:pointer;margin-top:3px;font-weight:600}
.crm-lead-link:hover{text-decoration:underline}

/* Barra de sincronização */
.crm-sync{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#fff;border-radius:var(--radius);box-shadow:var(--sombra);padding:14px 20px;margin-bottom:20px;font-size:.82rem;color:var(--medio)}
.crm-sync .ponto{width:10px;height:10px;border-radius:50%;flex-shrink:0;background:#bbb}
.crm-sync .ponto.ok{background:#22c55e}.crm-sync .ponto.alerta{background:#f59e0b}.crm-sync .ponto.erro{background:#ef4444}
.crm-sync strong{color:var(--verde);font-weight:600}
.crm-sync .crm-sync-itens{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}
.crm-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:50px;background:var(--cinza);font-size:.76rem;font-weight:600;color:var(--musgo);border:1px solid transparent;cursor:default}
.crm-chip.clicavel{cursor:pointer}.crm-chip.clicavel:hover{border-color:var(--cobre)}
.crm-chip.aviso{background:rgba(245,158,11,.12);color:#b45309}
.crm-chip.perigo{background:rgba(239,68,68,.1);color:#dc2626}

/* Abas internas */
.crm-abas{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}
.crm-aba{padding:9px 18px;border-radius:50px;background:#fff;border:1.5px solid var(--creme);font-family:'Poppins',sans-serif;font-size:.83rem;font-weight:600;color:var(--medio);cursor:pointer;transition:.2s;display:inline-flex;align-items:center;gap:8px}
.crm-aba.ativa{background:var(--verde);border-color:var(--verde);color:#fff}
.crm-aba .n{background:var(--cobre);color:#fff;border-radius:50px;padding:0 7px;font-size:.7rem}

/* Filtros */
.crm-filtros{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;padding:16px 20px;background:var(--cinza);border-bottom:1px solid #e8e4df}
.crm-filtros input,.crm-filtros select{width:100%;padding:8px 10px;border:1.5px solid #e8e4df;border-radius:var(--rsm);font-family:'Poppins',sans-serif;font-size:.8rem;color:var(--texto);outline:none;background:#fff}
.crm-filtros input:focus,.crm-filtros select:focus{border-color:var(--cobre)}
.crm-filtros .busca{grid-column:span 2}
.crm-resultado{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 20px;border-bottom:1px solid #f0ece7;font-size:.85rem;color:var(--medio)}
.crm-resultado .contagem{font-size:.95rem;color:var(--verde)}
.crm-resultado .contagem strong{font-size:1.25rem;color:var(--cobre);margin-right:4px}
.crm-resultado select{padding:6px 10px;border:1.5px solid #e8e4df;border-radius:var(--rsm);font-family:'Poppins',sans-serif;font-size:.78rem;background:#fff}

/* Tabela de contatos */
.data-table.crm-table{min-width:0}
.main{min-width:0}
#tab-crm{min-width:0;max-width:100%}
.crm-table td:first-child{min-width:190px}
.crm-id{white-space:nowrap}
.crm-table tbody tr{cursor:pointer}
.crm-nome{font-weight:600;font-size:.88rem;color:var(--texto)}
.crm-sub{font-size:.74rem;color:var(--medio);margin-top:1px}
.crm-vencida{color:#dc2626;font-weight:600}
.crm-hoje{color:#b45309;font-weight:600}
.crm-arquivado td{opacity:.6}
.crm-mais{text-align:center;padding:16px}

/* Badges de categoria */
.cat{display:inline-flex;align-items:center;justify-content:center;min-width:30px;padding:3px 8px;border-radius:50px;font-size:.72rem;font-weight:700}
.cat-Ap{background:var(--cobre);color:#fff}
.cat-A{background:rgba(163,122,92,.18);color:#8f6849}
.cat-B{background:rgba(59,130,246,.12);color:#2563eb}
.cat-C{background:rgba(45,53,56,.08);color:var(--verde)}
.cat-O{background:rgba(139,92,246,.12);color:#7c3aed}
.cat-D{background:rgba(239,68,68,.1);color:#dc2626}
.cat-x{background:#f1f1f1;color:#999}
.est{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:600;padding:3px 9px;border-radius:50px;white-space:nowrap}
.est-rev{background:rgba(245,158,11,.12);color:#b45309}
.est-conf{background:rgba(239,68,68,.1);color:#dc2626}
.est-arq{background:#eee;color:#777}

/* Modal grande (ficha e formulários) */
.crm-modal{max-width:960px!important;padding:0!important;overflow:hidden}
.crm-modal-cab{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 26px;border-bottom:1px solid #f0ece7;background:#fff;position:sticky;top:0;z-index:2}
.crm-modal-cab h3{margin:0!important;font-size:1.15rem!important}
.crm-modal-corpo{padding:22px 26px;max-height:calc(100vh - 210px);overflow-y:auto}
.crm-modal-rod{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;padding:16px 26px;border-top:1px solid #f0ece7;background:#fafaf9}
.crm-fechar{background:none;border:none;font-size:1.2rem;color:var(--medio);cursor:pointer;padding:4px 8px}
.crm-modal .fg textarea{width:100%;padding:10px 13px;border:1.5px solid #e8e4df;border-radius:var(--rsm);font-family:'Poppins',sans-serif;font-size:.87rem;min-height:80px;resize:vertical;outline:none}
.crm-modal .fg textarea:focus{border-color:var(--cobre)}
.crm-modal .grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.crm-modal .fg .hint{font-size:.72rem;color:var(--medio);margin-top:4px}
.crm-modal .fg label .obr{color:#dc2626}
.crm-acoes-ficha{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}

/* Ficha */
.crm-ficha-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.crm-bloco{background:var(--cinza);border-radius:var(--rsm);padding:16px 18px}
.crm-bloco h4{font-size:.74rem;font-weight:700;color:var(--cobre);letter-spacing:1.3px;text-transform:uppercase;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.crm-dados{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px 18px}
.crm-dado .r{font-size:.7rem;color:var(--medio);text-transform:uppercase;letter-spacing:.4px}
.crm-dado .v{font-size:.86rem;color:var(--texto);word-break:break-word;white-space:pre-line}
.crm-dado .v.vazio{color:#bbb}
.crm-destaque{display:flex;gap:12px;align-items:flex-start}
.crm-destaque i{color:var(--cobre);margin-top:3px}
.crm-destaque .t{font-size:.86rem}
.crm-item{background:#fff;border-radius:var(--rsm);padding:12px 14px;margin-bottom:10px;border-left:3px solid var(--creme)}
.crm-item.pend{border-left-color:#f59e0b}
.crm-item.venc{border-left-color:#ef4444}
.crm-item .topo{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.crm-item .topo strong{font-size:.84rem;color:var(--verde)}
.crm-item p{font-size:.83rem;color:var(--texto);margin-top:6px;white-space:pre-line;word-break:break-word}
.crm-item .meta{font-size:.74rem;color:var(--medio);margin-top:6px}
.crm-item .acts{margin-top:8px}
.crm-alerta{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--rsm);font-size:.83rem;margin-bottom:12px}
.crm-alerta.aviso{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);color:#92400e}
.crm-alerta.perigo{background:rgba(239,68,68,.07);border:1px solid rgba(239,68,68,.25);color:#b91c1c}
.crm-alerta.info{background:rgba(163,122,92,.08);border:1px solid rgba(163,122,92,.25);color:var(--musgo)}
.crm-tecnico summary{cursor:pointer;font-size:.78rem;color:var(--medio);font-weight:600;margin-top:16px}
.crm-tecnico .crm-dados{margin-top:10px}

/* Pendências */
.crm-pend{background:#fff;border-radius:var(--radius);box-shadow:var(--sombra);padding:16px 20px;margin-bottom:12px}
.crm-pend .tipo{font-size:.7rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--cobre)}
.crm-pend .txt{font-size:.88rem;margin:6px 0 10px;color:var(--texto)}
.crm-versoes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0}
.crm-versao{background:var(--cinza);border-radius:var(--rsm);padding:10px 12px;font-size:.84rem;word-break:break-word}
.crm-versao .r{font-size:.7rem;color:var(--medio);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}
.crm-secao-tit{font-size:.78rem;font-weight:700;color:var(--cobre);letter-spacing:1.5px;text-transform:uppercase;margin:22px 0 12px;padding-bottom:8px;border-bottom:1.5px solid var(--creme)}
.crm-vazio{background:#fff;border-radius:var(--radius);padding:24px;text-align:center;color:var(--medio);font-size:.88rem}

/* Celular */
@media(max-width:900px){
  #tab-crm .page-header{padding-left:48px}
}
@media(max-width:700px){
  .crm-filtros{grid-template-columns:1fr 1fr;padding:12px}
  .crm-filtros .busca{grid-column:1/-1}
  .crm-table thead{display:none}
  .crm-table,.crm-table tbody,.crm-table tr,.crm-table td{display:block;width:100%}
  .crm-table td:first-child{min-width:0}
  .crm-sync{padding:12px 14px}
  .crm-table tr{padding:12px 14px;border-bottom:1px solid #f0ece7}
  .crm-table td{border:none!important;padding:3px 0!important;font-size:.82rem}
  .crm-table td[data-r]::before{content:attr(data-r) ': ';color:var(--medio);font-size:.72rem}
  .crm-table td.so-desktop{display:none}
  .crm-ficha-grid,.crm-versoes{grid-template-columns:1fr}
  .crm-modal .grid3{grid-template-columns:1fr}
  .modal-overlay{padding:0}
  .crm-modal{border-radius:0!important;min-height:100vh}
  .crm-modal-corpo{max-height:none}
  .crm-modal-cab,.crm-modal-corpo,.crm-modal-rod{padding-left:16px;padding-right:16px}
  .crm-sync .crm-sync-itens{margin-left:0}
}