/**
 * BOTÃO DE EXPORTAÇÃO — ÁREA ADM (CA-002)
 *
 * Segue o padrão dos botões de filtro já existentes em adm.css
 * (.transfer-history-filter-btn): pílula, fonte do corpo, transições suaves.
 *
 * O Designer pode reescrever este ficheiro por completo.
 * Não pode é mudar o id do botão nem o atributo data-export.
 */

.adm-export-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 7px 14px;
  border: 1px solid var(--marrom-medio, #8a5a3b);
  border-radius: 999px;
  background: transparent;
  color: var(--marrom, #5c3020);
  /* Fonte do corpo: números e rótulos nunca em serifada. */
  font: 900 .78rem/1 var(--fonte-corpo, system-ui, sans-serif);
  cursor: pointer;
  white-space: nowrap;
  transition: background .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.adm-export-btn:hover,
.adm-export-btn:focus-visible {
  color: var(--creme-claro, #fdf8f3);
  background: linear-gradient(135deg, var(--marrom, #5c3020), var(--marrom-medio, #8a5a3b));
  box-shadow: 0 8px 16px rgba(92, 48, 32, .16);
}

.adm-export-btn:focus-visible {
  outline: 2px solid var(--marrom, #5c3020);
  outline-offset: 2px;
}

.adm-export-btn:active {
  transform: translateY(1px);
}

.adm-export-btn i {
  font-size: .85rem;
}

/* Contentor criado pelas páginas que não tinham onde encaixar o botão. */
.adm-export-slot {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
}

@media (max-width: 480px) {
  .adm-export-btn span {
    display: none;
  }
  .adm-export-btn {
    padding: 7px 11px;
  }
}