/* Resultados de un estudio de esc (js/views/esc-report.js): las píldoras de ecp-report.css, como
 * botones que abren el PDF del estilo del participante. */

.esc-report .ecp-report__people > li {
  display: grid;
}

.esc-report__person {
  width: 100%;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

@media (hover: hover) {
  .esc-report__person:hover {
    border-color: var(--brand-violet);
    box-shadow: 0 8px 24px -16px var(--brand-blue-glow);
  }
}

.esc-report__person:active {
  transform: scale(0.99);
}

.esc-report__person:focus-visible {
  outline: 3px solid var(--brand-violet);
  outline-offset: 3px;
}

.esc-report__person[aria-busy='true'] {
  cursor: progress;
  opacity: 0.75;
}

/* Sin tono por letra: el estilo de escucha va sobre el violeta suave de la marca. */
.esc-report__style {
  background: color-mix(in srgb, var(--brand-violet) 12%, transparent);
  white-space: normal;
  text-align: right;
}

.esc-report__style .ecp-report__style-icon {
  color: var(--brand-violet);
}