/* Acciones contextuales de Inicio.
   Se carga al final para aislarlas de los estilos históricos del prototipo. */
.home-priority-alert-actions {
  gap: 18px;
}

.home-priority-alert-actions button {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 0 2px;
  border: 0;
  border-radius: 10px;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.01em;
  box-shadow: none;
  transition: transform 140ms ease, background-color 140ms ease, opacity 140ms ease;
}

.home-priority-alert-actions button.primary {
  border: 0;
  background: transparent;
  color: #6556ad;
  box-shadow: none;
}

.home-priority-alert-actions button.home-action-vaccine {
  --home-action-rgb: 118, 103, 199;
  --home-action-ink: #584a9f;
}

.home-priority-alert-actions button.home-action-deworming {
  --home-action-rgb: 61, 153, 97;
  --home-action-ink: #34794e;
}

.home-priority-alert-actions button.home-action-medication {
  --home-action-rgb: 30, 128, 181;
  --home-action-ink: #256f96;
}

.home-priority-alert-actions button:not(.primary) {
  padding-inline: 2px;
  background: transparent;
  color: #607681;
  font-weight: 520;
}

.home-page .report-open-button {
  min-height: 44px;
  padding: 0 4px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #286f91;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.01em;
  box-shadow: none;
  transition: transform 140ms ease, opacity 140ms ease;
}

.home-page .report-open-button::after {
  display: none;
}

.home-page .report-open-button span {
  display: grid;
  width: 26px;
  height: 26px;
  margin-left: 2px;
  place-items: center;
  border-radius: 50%;
  background: rgba(40, 111, 145, 0.09);
}

.home-page .report-open-button span .app-glyph {
  width: 14px;
  height: 14px;
}

.home-priority-alert-actions button:active,
.home-page .report-open-button:active {
  transform: scale(0.98);
  box-shadow: none;
  opacity: 0.82;
}

@media (hover: hover) and (pointer: fine) {
  .home-priority-alert-actions button.primary:hover {
    background: transparent;
    opacity: 0.72;
  }

  .home-page .report-open-button:hover {
    background: transparent;
    box-shadow: none;
    transform: none;
  }

  .home-page .report-open-button:hover span {
    transform: translateX(2px);
  }
}