/* ── Layout ─────────────────────────────────────────────────── */
body {
  background-color: #f8f9fa;
  font-size: 0.9rem;
}

.container-fluid {
  max-width: 1400px;
}

/* ── Cards ──────────────────────────────────────────────────── */
.card {
  border: 1px solid #dee2e6;
  box-shadow: 0 1px 3px rgba(0,0,0,.06);
}

/* ── Tables ─────────────────────────────────────────────────── */
.table-sm td, .table-sm th {
  padding: 0.35rem 0.5rem;
}

/* ── Navbar ─────────────────────────────────────────────────── */
.navbar-brand {
  letter-spacing: 0.5px;
}

/* ── Money display ───────────────────────────────────────────── */
.money {
  font-variant-numeric: tabular-nums;
  font-family: monospace;
}

/* ── Catalog search dropdown ─────────────────────────────────── */
#catalog-results {
  top: 100%;
  left: 0;
  z-index: 1050;
  border-radius: 0 0 .375rem .375rem;
  box-shadow: 0 4px 12px rgba(0,0,0,.15);
}

#catalog-results .list-group-item {
  cursor: pointer;
}

/* ── Form labels ──────────────────────────────────────────────── */
.form-label {
  font-weight: 500;
  margin-bottom: 0.25rem;
}

/* ── Badges ───────────────────────────────────────────────────── */
.badge {
  font-weight: 500;
  letter-spacing: 0.2px;
}

/* ── Pagination ───────────────────────────────────────────────── */
.pagination {
  margin-top: 1rem;
}

/* ── Alert slim ───────────────────────────────────────────────── */
.alert {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}