/* Popover "Agendar ação" da ficha do contato (web/js/acao-rapida.js). */
.acao-rapida {
  position: fixed; z-index: 55; left: 8px; top: 8px;
  width: min(340px, calc(100vw - 16px)); max-height: calc(100vh - 16px); overflow-y: auto;
  display: grid; gap: 6px; padding: 12px 12px 0;
  background: var(--fundo-2); color: var(--texto);
  border: 1px solid var(--borda); border-radius: var(--raio, 10px);
  box-shadow: 0 12px 32px rgba(0,0,0,.35);
  font-size: 13px;
}
html[data-tema="claro"] .acao-rapida { box-shadow: 0 12px 32px rgba(26,29,33,.16); }
.acao-rapida:focus { outline: none; }
.acao-rapida:focus-visible { outline: 2px solid var(--ouro); outline-offset: 2px; }

.ar-cabeca { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.ar-fechar {
  border: 0; background: transparent; color: var(--texto-2); font-size: 18px; line-height: 1;
  width: 26px; height: 26px; border-radius: 6px; cursor: pointer;
}
.ar-fechar:hover { background: var(--fundo-3); color: var(--texto); }
.ar-nota { margin: 0; font-size: 12px; color: var(--texto-2); }
.ar-rotulo { display: block; margin-top: 4px; font-size: 11.5px; color: var(--texto-2); }
.ar-rotulo small { color: var(--texto-2); opacity: .8; }

.ar-chips { display: flex; flex-wrap: wrap; gap: 5px; }
.ar-chip {
  border: 1px solid var(--borda); background: var(--fundo-3); color: var(--texto);
  padding: 5px 9px; border-radius: 999px; font-size: 12.5px; cursor: pointer;
  transition: border-color .12s, background .12s;
}
.ar-chip:hover:not(:disabled) { border-color: var(--ouro); }
.ar-chip[aria-pressed="true"] { border-color: var(--ouro); background: var(--marca-fundo, rgba(202,164,97,.16)); color: var(--texto); font-weight: 600; }
.ar-chip:disabled { opacity: .4; cursor: not-allowed; text-decoration: line-through; }

.acao-rapida input, .acao-rapida select {
  width: 100%; background: var(--input); color: var(--texto);
  border: 1px solid var(--borda); border-radius: 8px; padding: 7px 9px; font: inherit;
}
.acao-rapida input:focus, .acao-rapida select:focus { border-color: var(--ouro); outline: none; }
html[data-tema="escuro"] .acao-rapida input[type="datetime-local"] { color-scheme: dark; }

.ar-erro {
  margin: 2px 0 0; padding: 7px 9px; border-radius: 8px; font-size: 12.5px;
  color: var(--erro, #ef4444); background: color-mix(in srgb, var(--erro, #ef4444) 12%, transparent);
}
.ar-erro[hidden] { display: none; }

/* rodapé grudado embaixo: o botão Agendar fica sempre visível */
.ar-rodape {
  position: sticky; bottom: 0; display: flex; align-items: center; gap: 8px;
  margin: 4px -12px 0; padding: 10px 12px; background: var(--fundo-2); border-top: 1px solid var(--borda);
}
.ar-resumo { flex: 1; min-width: 0; font-size: 12px; color: var(--texto-2); overflow-wrap: anywhere; }
.ar-agendar { flex: none; }

@media (pointer: coarse) {
  .ar-chip { padding: 8px 11px; }
}

/* botão que abre o popover, na ficha */
.nova-acao #ficha-acao-salvar { justify-self: start; }