/* ========================= ✅ CALLS REALIZADAS NA AGENDA (public/calls-realizadas.js — 14/10/2026, o item 3 do pedido do dono) =========================
   Só as variáveis de tema que já existem (claro e escuro de graça). Uma LISTA, não uma grade: cabe nos 375 px do celular (MOBILE.md) —
   nenhuma largura fixa acima dos 343 px úteis; a linha quebra, e os botões descem para baixo do texto. A peça do celular fica AQUI, com a
   MESMA condição da camada mobile (mobile.js, MQ). */

/* as abas no topo da Agenda */
.cr-abas{display:flex;gap:6px;margin:0 0 12px;flex-wrap:wrap}
.cr-abas button{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:650;color:var(--text);cursor:pointer}
.cr-abas button.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}
.cr-escondido{display:none !important}

/* a busca e os filtros */
#agRealizadas{display:flex;flex-direction:column;gap:10px;min-width:0}
.cr-busca{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.cr-busca input.f{flex:1 1 260px;min-width:0}
.cr-barra{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.cr-intervalo{display:inline-flex;gap:6px;flex-wrap:wrap}
.cr-filtros{display:inline-flex;gap:6px;flex-wrap:wrap}
.cr-filtro{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;padding:4px 11px;font-size:12px;cursor:pointer;color:var(--text)}
.cr-filtro.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text);font-weight:700}
.cr-resumo{font-size:12.5px;color:var(--text);overflow-wrap:anywhere}

/* a lista por dia */
.cr-dia{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
.cr-dia-tit{font-weight:750;font-size:13px}
.cr-dia-nome{text-transform:capitalize}
.cr-call{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--border);border-left-width:3px;border-radius:9px;padding:9px 11px;background:var(--surface);min-width:0}
.cr-call.cr-ok{border-left-color:var(--green)}
.cr-call.cr-parcial,.cr-call.cr-espera{border-left-color:var(--amber)}
.cr-call.cr-gravada{border-left-color:var(--accent)}
.cr-call.cr-sem{border-left-color:var(--rose)}
/* (14/10, padrão adotado até o dono responder) a espera em que o lead não entrou — não é call: tracejada, sem ▶ nem 📄 */
.cr-call.cr-naoentrou{border-left-color:var(--slate);border-left-style:dashed;background:var(--surface-2, var(--surface))}
/* a etiqueta do papel de quem fez a call quando não é vendedora (a call do admin) */
.cr-papel{display:inline-block;font-size:10.5px;font-weight:700;padding:0 6px;border-radius:999px;background:var(--slate-soft);color:var(--text);vertical-align:1px}
.cr-call-main{flex:1;min-width:0;font-size:13px;display:flex;flex-direction:column;gap:2px;overflow-wrap:anywhere}
.cr-lead{border:0;background:none;padding:0;color:var(--accent-text);font-weight:650;cursor:pointer;text-align:left;font-size:13px}
.cr-lead:hover{text-decoration:underline}
.cr-selo{font-size:11.5px;font-weight:600}
.cr-call-act{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.cr-pend{font-size:11.5px}
.cr-vazio{font-size:12.5px;padding:14px 0}
#crMais{display:flex;gap:8px;justify-content:center}

/* os trechos da busca */
.cr-trechos{display:flex;flex-direction:column;gap:4px;margin-top:4px}
.cr-trecho{font-size:12px;line-height:1.45;border-top:1px dashed var(--border);padding-top:4px;overflow-wrap:anywhere}
.cr-trecho-quem{color:var(--muted);font-weight:600}
.cr-trecho mark{background:var(--amber-soft);color:inherit;border-radius:3px;padding:0 1px}
.cr-trecho .chip-btn{margin-left:4px}

@media (max-width:780px), (max-height:520px) and (pointer:coarse){
  .cr-abas button{min-height:var(--m-tap, 44px);flex:1 1 0}
  .cr-busca input.f,.cr-barra .f,.cr-intervalo input.f{font-size:16px;min-height:var(--m-tap, 44px);width:100%;flex:1 1 100%}
  .cr-buscar{min-height:var(--m-tap, 44px);flex:1 1 auto}
  .cr-intervalo{display:flex;width:100%}
  .cr-intervalo.hide{display:none !important}
  .cr-filtro{min-height:var(--m-tap, 44px)}
  .cr-call{flex-direction:column;gap:6px}
  .cr-call-act{width:100%;justify-content:stretch}
  .cr-call-act .cr-btn{min-height:var(--m-tap, 44px);flex:1 1 auto;text-align:center;display:inline-flex;align-items:center;justify-content:center}
  .cr-lead{min-height:var(--m-tap, 44px);font-size:14px}
  .cr-trecho .chip-btn{min-height:var(--m-tap, 44px);margin:4px 0 0;display:flex;align-items:center}
}