body {
  background: #f4f6fa;
  font-size: 0.9rem;
}

.card {
  border: none;
  border-radius: 10px;
}

.card-header {
  background: #fff;
  border-bottom: 1px solid #eee;
  border-radius: 10px 10px 0 0 !important;
  padding: 0.65rem 1rem;
}

.upload-area {
  cursor: pointer;
  background: #f8f9fc;
  transition: background 0.2s;
  border-style: dashed !important;
}
.upload-area:hover {
  background: #eef1f8;
}

#tripTable td, #tripTable th {
  vertical-align: middle;
  white-space: nowrap;
}

.table-secondary td {
  color: #888;
  font-style: italic;
}

.navbar {
  border-bottom: 1px solid #222;
}

.badge.fs-6 {
  font-size: 0.82rem !important;
  padding: 0.35em 0.65em;
}