/* Contrast tuning on top of Bootstrap's defaults — plain white cards on a
   near-white page with pale grey borders/text read as washed out, so:
   a visibly tinted page background so cards actually stand out, darker
   secondary/muted text, and stronger borders/shadows. */

body {
  background-color: #e9ecef;
}

.bg-light {
  background-color: #e9ecef !important;
}

.card {
  border-color: #ced4da;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

.text-muted,
.form-text,
.card-body p.small,
footer p {
  color: #495057 !important;
}

.table {
  --bs-table-border-color: #ced4da;
}

.table thead th {
  color: #495057;
  border-bottom-width: 2px;
}

hr,
.border,
.border-top,
.border-bottom {
  border-color: #ced4da !important;
}

/* Everything else below comes from Bootstrap — these are the couple of
   things it doesn't have an equivalent for. */

.file-drop {
  border: 2px dashed #adb5bd;
  border-radius: 10px;
  padding: 2.5rem 1rem;
  text-align: center;
  color: #495057;
  background: #fff;
  transition: background-color 0.15s, border-color 0.15s;
}
.file-drop.dragging {
  background: #eff6ff;
  border-color: #2563eb;
  color: #2563eb;
}

.raw-instructions {
  background: #f1f3f5;
  border: 1px solid #ced4da;
  border-radius: 8px;
  padding: 0.75rem 0.9rem;
  font-size: 0.85rem;
  color: #343a40;
  white-space: pre-wrap;
}