:root {
  --border: #3b3b3b;
}

body {
  user-select: none;
}

.card {
  border-radius: 14px;
}

.log-box {
  height: 240px;
  overflow-y: auto;
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 10px;
  background: #0b0b0b;
  font-size: 0.9rem;
}

.log-line {
  margin-bottom: 8px;
  line-height: 1.25rem;
}

.inventory-box {
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 10px;
  background: #0b0b0b;
}

.inventory-row {
  display: flex;
  justify-content: space-between;
  padding: 4px 0;
  border-bottom: 1px dashed #222;
}

.inventory-row:last-child {
  border-bottom: none;
}

.list-group-item {
  background: #0b0b0b !important;
  border-color: #111 !important;
}

/* Extra guard to ensure "no bullets" even if something changes */
#ui-street-prices {
  list-style: none;
  padding-left: 0;
}

/* Travel buttons: ensure consistent layout */
.travel-btn {
  white-space: nowrap;
}

/* Fix: Bootstrap .card sets color to body-color (dark), which makes these values invisible on bg-dark */
#ui-location,
#ui-day,
#ui-rep {
  color: #f8f9fa;
}