/* ========================= 📅🎥 A AGENDA COM TODAS AS CALLS (public/agenda-calls.js — 19/10/2026, o pedido do dono, item 2) =========================
   As variáveis de tema que já existem (claro e escuro de graça) — e, só nas etiquetas das vendedoras, 8 cores PRÓPRIAS e sólidas (o texto
   branco lê nos dois temas), nenhuma das dos selos (verde, âmbar, roxo, rosa, cinza) nem dos horários. Nenhuma largura fixa acima dos
   343 px úteis do celular (MOBILE.md); a peça do celular fica AQUI, com a MESMA condição da camada mobile (mobile.js, MQ). */

/* a busca do topo da Agenda */
.ag-busca{display:flex;gap:8px;flex-wrap:nowrap;align-items:center;margin:0 0 12px;max-width:560px}
.ag-busca input.f{flex:1 1 auto;min-width:0}
.ag-busca .ag-busca-ir{flex:0 0 auto;min-width:40px;font-size:15px}
.ag-busca.hide{display:none !important}

/* a call FEITA na grade: o fundo da marcada, com a faixa da situação à esquerda */
.ag-chip.feita{background:var(--surface);color:var(--text);box-shadow:inset 3px 0 0 var(--green)}
.ag-chip.feita.ac-parcial,.ag-chip.feita.ac-espera,.ag-chip.feita.ac-vazia{box-shadow:inset 3px 0 0 var(--amber)}
.ag-chip.feita.ac-gravada{box-shadow:inset 3px 0 0 var(--accent)}
.ag-chip.feita.ac-sem{box-shadow:inset 3px 0 0 var(--rose)}
.ag-chip.feita.ac-naoentrou,.ag-chip.feita.ac-parada{box-shadow:inset 3px 0 0 var(--slate);color:var(--muted)}
.dot-feita{background:var(--surface);box-shadow:inset 3px 0 0 var(--green);border:1px solid var(--border)}

/* as iniciais da vendedora no "👥 Todos os vendedores": ANTES da hora (a reticência do chip corta o fim), cores próprias */
.ac-vtag{display:inline-block;font-style:normal;font-size:9px;font-weight:800;line-height:13px;padding:0 3px;margin-right:3px;border-radius:4px;color:#fff;vertical-align:1px;letter-spacing:.2px}
.ac-v0{background:#0f766e}.ac-v1{background:#1e40af}.ac-v2{background:#7c2d12}.ac-v3{background:#a21caf}
.ac-v4{background:#0c4a6e}.ac-v5{background:#3f6212}.ac-v6{background:#881337}.ac-v7{background:#27272a}
/* quem não é vendedora (o admin que fez a call): a etiqueta sem cor */
.ac-vx{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}
/* a legenda "quem é quem" (só no "Todos") */
.ac-quem{flex:1 1 100%;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center}
.ac-quem.hide{display:none !important}
.ac-quem-tit{font-weight:700}
.ac-quem-item{white-space:nowrap}
.ac-livre-todos{margin:0 0 10px;font-size:12px}

/* o dia aberto: a call feita (com o horário marcado ou solta) */
.ag-slot.ac-feita{border-left-color:var(--green);flex-wrap:wrap}
.ag-slot.ac-feita.ac-parcial,.ag-slot.ac-feita.ac-espera,.ag-slot.ac-feita.ac-vazia{border-left-color:var(--amber)}
.ag-slot.ac-feita.ac-sem{border-left-color:var(--rose)}
.ag-slot.ac-feita.ac-naoentrou,.ag-slot.ac-feita.ac-parada{border-left-color:var(--slate);border-left-style:dashed}
.ag-slot-sub.ac-real{color:var(--text)}
.ac-vend{color:var(--muted);font-size:12px}
.ac-aviso{font-size:12.5px;margin:0 0 8px}
/* só no dia da Agenda (a folha com `data-ac-dia`): os botões quebram a linha em vez de passar da borda — as outras listas que reusam o
   `.ag-slot` (as gravações da ficha, "Calls sem ficha") ficam como estão */
[data-ac-dia] .ag-slot-act{flex-wrap:wrap;justify-content:flex-end}
/* (20/10/2026) a call feita no dia: o texto ocupa a linha inteira e os botões sempre descem para baixo dele — com só 2 ou 3 botões eles
   ficavam ao lado e espremiam o nome do lead numa coluna estreita (5 linhas para "Otávio Sem Transcrição · Bia") */
[data-ac-dia] .ag-slot.ac-feita .ag-slot-main{flex:1 1 100%}
[data-ac-dia] .ag-slot.ac-feita .ag-slot-act{flex:1 1 100%}

@media (max-width:780px), (max-height:520px) and (pointer:coarse){
  /* (20/10/2026) uma linha só: o campo e o 🔎 de 44 px ao lado (antes, o "Buscar" descia para uma linha própria e empurrava a grade) */
  .ag-busca{max-width:none;margin-bottom:10px}
  .ag-busca input.f{font-size:16px;min-height:var(--m-tap, 44px);flex:1 1 auto;width:auto}
  .ag-busca .ag-busca-ir{min-height:var(--m-tap, 44px);min-width:var(--m-tap, 44px);display:inline-flex;align-items:center;justify-content:center}
  /* o dia aberto: a faixa de ações já desce para baixo do horário (mobile/20-folha.css, seção 8); aqui, o ▶, o 📄 e o "Abrir ficha" dividem
     a linha em alvos de 44 px */
  .ag-slot-act .cr-btn,.ag-slot-act .ac-btn{min-height:var(--m-tap, 44px);flex:1 1 auto;text-align:center;display:inline-flex;align-items:center;justify-content:center}
}