/* T43 — global latest purchases trigger + modal rows (all panel routes) */

body.enumara-panel .enumara-latest-purchases-trigger {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  min-height: 56px;
  padding: 0.65rem 0.75rem;
  margin: 0;
  border: 1px dashed var(--enumara-border);
  border-radius: var(--enumara-card-radius-sm, 8px);
  background: #f8fbff;
  color: inherit;
  text-align: left;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  font: inherit;
  line-height: inherit;
  transition: border-color 0.15s ease, background 0.15s ease;
}

body.enumara-panel .enumara-latest-purchases-trigger:hover,
body.enumara-panel .enumara-latest-purchases-trigger:focus-visible {
  border-color: var(--enumara-primary);
  background: #f0f7ff;
  outline: none;
  box-shadow: var(--enumara-focus-ring, 0 0 0 0.2rem rgba(29, 111, 216, 0.18));
}

body.enumara-panel .enumara-latest-purchases-trigger__icon {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(29, 111, 216, 0.1);
  color: var(--enumara-primary);
  flex-shrink: 0;
}

body.enumara-panel .enumara-latest-purchases-trigger__icon .enumara-icon {
  display: block;
  color: var(--enumara-primary);
}

body.enumara-panel .enumara-latest-purchases-trigger__body {
  flex: 1 1 auto;
  min-width: 0;
  text-align: left;
}

body.enumara-panel .enumara-latest-purchases-trigger__body strong {
  display: block;
  text-align: left;
}

body.enumara-panel .enumara-latest-purchases-trigger__chevron {
  color: var(--enumara-muted);
  flex-shrink: 0;
  margin-left: auto;
}

body.enumara-panel .enumara-latest-purchases-modal {
  max-width: 560px;
}

body.enumara-panel .enumara-latest-purchase-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.85rem 1rem;
  border-bottom: 1px solid var(--enumara-border);
}

body.enumara-panel .enumara-latest-purchase-row:last-child {
  border-bottom: 0;
}

body.enumara-panel .enumara-latest-purchase-row__main {
  flex: 1 1 auto;
  min-width: 0;
}

body.enumara-panel .enumara-latest-purchase-row__meta {
  font-size: 0.75rem;
  color: var(--enumara-muted);
  flex-shrink: 0;
}

@media (max-width: 991.98px) {
  body.enumara-panel .enumara-latest-purchases-modal .modal-body {
    max-height: min(70vh, 520px);
    overflow-y: auto;
  }

  body.enumara-panel .enumara-latest-purchases-modal .modal-footer {
    flex-wrap: wrap;
    gap: 0.5rem;
  }
}