/* Tiny stylesheet — Bootstrap handles almost everything */

body {
  min-height: 100vh;
}

.navbar-brand {
  font-weight: 600;
}

#payment-element {
  min-height: 200px;
}

.transaction-status-cell {
  white-space: nowrap;
}

.copy-on-click {
  cursor: pointer;
  user-select: all;
}

.sidebar {
  min-height: calc(100vh - 56px);
  border-right: 1px solid var(--bs-border-color);
}

.sidebar .nav-link {
  color: var(--bs-body-color);
  padding: 0.5rem 1rem;
  border-radius: 0;
}

.sidebar .nav-link.active {
  background-color: var(--bs-primary-bg-subtle);
  color: var(--bs-primary);
  font-weight: 500;
}

.sidebar .nav-link:hover {
  background-color: var(--bs-tertiary-bg);
}

table.transactions code {
  font-size: 0.85em;
}

/* Payment-method selector — visible feedback so you can SEE which radio is selected */
.method-selector .method-row {
  cursor: pointer;
  transition: background-color 0.1s ease, border-left-color 0.1s ease;
  border-left: 3px solid transparent;
}
.method-selector .method-row:hover {
  background-color: var(--bs-tertiary-bg);
}
.method-selector .method-row:has(input[type=radio]:checked) {
  background-color: rgba(13, 110, 253, 0.08);
  border-left-color: var(--bs-primary);
}