/* Route Stops test page — layered on top of board.css (shared picker styles). */

.rs-source {
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  margin: 0.75rem 0 0;
  font: inherit;
}
.rs-source legend { font-weight: 700; padding: 0 0.35rem; }
.rs-source label { display: block; margin: 0.25rem 0; cursor: pointer; }

.rs-actions { display: flex; gap: 0.5rem; margin-top: 0.75rem; flex-wrap: wrap; }
.rs-btn {
  border: 1px solid #999;
  background: #f4f4f4;
  border-radius: 8px;
  padding: 0.5rem 0.85rem;
  cursor: pointer;
  font: inherit;
}
.rs-btn:disabled { opacity: 0.5; cursor: default; }
.rs-hint { color: #666; font-size: 0.85rem; margin: 0.5rem 0 0; }

.rs-results {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 1rem;
  align-items: flex-start;
}

.rs-panel {
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 0.75rem 0.9rem;
  min-width: 280px;
  flex: 1 1 340px;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}
.rs-panel-title { margin: 0 0 0.15rem; font-size: 1.1rem; }
.rs-panel-sub { margin: 0 0 0.6rem; color: #666; font-size: 0.85rem; }

.rs-table { width: 100%; border-collapse: collapse; font-size: 0.9rem; }
.rs-table th, .rs-table td {
  padding: 0.3rem 0.4rem;
  border-bottom: 1px solid #eee;
  text-align: left;
}
.rs-table th { color: #555; font-weight: 700; }
.rs-num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.rs-idx { color: #999; width: 2rem; }

/* Stops that lie between From and To — the transparency highlight. */
.rs-onway { background: #eaf6fd; }
.rs-onway td:nth-child(2) { font-weight: 700; }

.rs-summary { margin: 0.6rem 0 0; font-weight: 700; }
.rs-empty { color: #888; padding: 0.5rem; }