/* Winter-summary action controls. Loaded only by the four temporary summary pages. */
.summary-actions {
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 8px;
}

.summary-actions .btn:disabled {
  opacity: .58;
  cursor: not-allowed;
}

.summary-actions .btn:disabled:hover,
.summary-actions .btn:disabled:active {
  background: var(--field);
  border-color: var(--field);
  color: var(--paper);
}

.summary-actions .btn.ghost:disabled:hover,
.summary-actions .btn.ghost:disabled:active {
  background: transparent;
  border-color: var(--field);
  color: var(--field);
}

@media (max-width: 640px) {
  .summary-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .summary-actions .btn {
    width: 100%;
  }
}