/* AF — destaque dos dias com compromisso nos calendários — 13/08/2026
 *
 * O aplicativo já marcava esses dias com a classe `af-calendar-event-day`
 * (Dashboard → Prazos Agendados e Agenda Processual), mas a regra existente
 * foi escrita para a estrutura antiga do calendário e não pegava mais nada:
 * a classe cai no <td>, e quem desenha o dia é o <button> dentro dele.
 */

.af-calendar-event-day > button {
  position: relative;
  font-weight: 700;
  box-shadow: inset 0 0 0 1.5px hsl(var(--primary) / .5);
}

/* bolinha embaixo do número */
.af-calendar-event-day > button::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 3px;
  transform: translateX(-50%);
  width: 4px;
  height: 4px;
  border-radius: 9999px;
  background: hsl(var(--primary));
}

.af-calendar-event-day > button:hover {
  box-shadow: inset 0 0 0 1.5px hsl(var(--primary) / .85);
}

/* dia com compromisso que também está selecionado (hoje, por exemplo):
   o fundo fica escuro, então a bolinha precisa inverter para continuar visível */
.af-calendar-event-day > button[data-selected-single="true"],
.af-calendar-event-day > button[aria-selected="true"] {
  box-shadow: none;
}
.af-calendar-event-day > button[data-selected-single="true"]::after,
.af-calendar-event-day > button[aria-selected="true"]::after {
  background: hsl(var(--primary-foreground));
}

/* dias de outro mês continuam discretos */
.af-calendar-event-day > button[data-outside="true"] {
  box-shadow: none;
  opacity: .5;
}