/* vehicles.css */

.vehicles-header-card {
  border-left: 4px solid #0ea5e9; /* sky-500 */
}

/* Common pill-style input used in header filters */
.vehicles-input {
  border-radius: 9999px;
  border: 1px solid #e5e7eb;
  padding: 6px 10px;
  font-size: 0.75rem;
  background-color: #ffffff;
  min-width: 120px;
}

.vehicles-input:focus {
  outline: none;
  border-color: #0ea5e9;
  box-shadow: 0 0 0 1px rgba(14, 165, 233, 0.2);
}

/* Search icon inside input */
.vehicles-input-icon {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 10px;
  pointer-events: none;
  opacity: 0.6;
}

/* Table row hover */
.vehicles-table tbody tr:hover {
  background-color: #f9fafb;
}

/* Status badges */
.vehicles-badge {
  display: inline-block;
  font-size: 10px;
  padding: 2px 8px;
  border-radius: 9999px;
}

.vehicles-badge-free {
  background-color: #ecfdf5;
  color: #16a34a;
}

.vehicles-badge-billing {
  background-color: #fffbeb;
  color: #d97706;
}

.vehicles-badge-overstay {
  background-color: #fef2f2;
  color: #b91c1c;
}

/* Action buttons in rows */
.vehicles-btn-ghost,
.vehicles-btn-primary,
.vehicles-btn-warning,
.vehicles-btn-danger {
  border-radius: 0.5rem;
  font-size: 11px;
  padding: 4px 8px;
}

.vehicles-btn-ghost {
  background-color: #f3f4f6;
}

.vehicles-btn-ghost:hover {
  background-color: #e5e7eb;
}

.vehicles-btn-primary {
  background-color: #22c55e;
  color: #ecfdf5;
}

.vehicles-btn-primary:hover {
  background-color: #16a34a;
}

.vehicles-btn-warning {
  background-color: #f97316;
  color: #fff7ed;
}

.vehicles-btn-warning:hover {
  background-color: #ea580c;
}

.vehicles-btn-danger {
  background-color: #b91c1c;
  color: #fef2f2;
}

.vehicles-btn-danger:hover {
  background-color: #7f1d1d;
}