/* assignments/assign_manual_range_ui.css
   Small layout and style tweaks for the auto-fill controls */

.auto-fill-range-controls {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: 8px;
  flex-wrap: wrap;
}

.auto-fill-range-controls input[type="number"] {
  padding: 6px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #fff;
  min-height: 34px;
}

.auto-fill-range-controls .btn.auto-fill-range-btn {
  background: linear-gradient(#f8fafc,#e6f0ff);
  border: 1px solid #cbd5e1;
  color: #0f172a;
  padding: 6px 10px;
  border-radius: 6px;
  cursor: pointer;
}

.auto-fill-range-controls .hint {
  color: #6b7280;
  margin-left: 6px;
  font-size: 12px;
}

.auto-fill-range-controls .auto-fill-status {
  margin-left: 8px;
  color: #111827;
  font-size: 13px;
}

/* make the preview table rows a little tighter */
.card table {
  font-size: 14px;
}
.card table th, .card table td {
  padding: 6px 8px;
  border-bottom: 1px solid #f1f5f9;
}