/* ===================== Busca na Agenda, no Financeiro e no Chat da equipe =====================
   Usa o mesmo campo .search do CRM (app.css); aqui só os ajustes de cada tela. Cores pelos tokens do :root. */

/* Agenda: campo logo abaixo das abas Lista / Semana / Mês */
.ag-busca { margin-bottom: var(--s4); }
.ag-busca .search { flex: 0 1 360px; }

/* Chat da equipe: campo no topo da lista de conversas */
.ce-busca .search { display: block; flex: none; max-width: none; min-width: 0; margin: 0; }
.ce-busca .search input { height: 40px; background: var(--surface-raised); color: var(--ink); padding-left: 40px; }
.ce-res { display: flex; flex-direction: column; flex: 1; min-height: 0; }
.ce-busca-res { margin: var(--s3) var(--s4) 0; }

/* Celular: campo na largura toda, sem rolagem para os lados */
@media (max-width: 760px) {
  .ag-busca .search, .fin-tools .search, .ce-busca .search { flex: 1 1 100%; width: 100%; min-width: 0; max-width: none; }
  .ag-busca, .fin-tools { min-width: 0; max-width: 100%; }
  .search input { min-width: 0; }
}

/* Painel, "Precisa de você agora": a linha abre o item e o botão à direita já faz a ação */
.rows li.pa-item { display: flex; align-items: center; gap: var(--s2); border-top: 1px solid var(--line-soft); min-width: 0; }
.rows li.pa-item:first-child { border-top: 0; }
.pa-item .row { flex: 1 1 auto; min-width: 0; width: auto; margin-right: 0; border-top: 0; }
.pa-item .row .txt b, .pa-item .row .txt span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pa-item .row .tag { white-space: nowrap; }
.btn.pa-acao { flex: none; height: 36px; min-height: 36px; padding: 0 var(--s3); font-size: 14px; white-space: nowrap; }
@media (max-width: 760px) {
  .pa-item .row { gap: var(--s2); padding-right: 0; }
  .pa-item .row .tag { font-size: 13px; }
  .btn.pa-acao { height: 32px; min-height: 32px; padding: 0 10px; font-size: 13px; }
}