/* Car Drawer Styles */
.car-drawer {
  position: fixed;
  top: 0;
  right: 0;
  width: auto;
  min-width: 320px;
  max-width: 700px;
  height: 100vh;
  background: #fff;
  box-shadow: -2px 0 8px rgba(0,0,0,0.1);
  z-index: 2000;
  transform: translateX(100%);
  transition: transform 0.3s;
  display: flex;
  flex-direction: column;
}
.car-drawer.open { transform: translateX(0); }
#car-drawer-close {
  align-self: flex-end;
  margin: 16px 16px 0 0;
  font-size: 1.5em;
  background: none;
  border: none;
}

/* Drawer form grid: 2 columns on desktop, 1 on mobile */
.drawer-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 24px;
}
@media (max-width: 600px) {
  .drawer-form-grid {
    grid-template-columns: 1fr;
  }
}

.form-control, .form-select {
  font-size: 0.8rem;
}

/* Optional: make buttons full width on mobile */
@media (max-width: 600px) {
  .drawer-form-grid .btn {
    width: 100%;
  }
}

/* --- ActionBar uniform height --- */
#actionBar {
  display: flex;
  align-items: stretch;
  gap: 8px;
}
#actionBar .btn,
#actionBar input.form-control {
  height: 40px;
  min-height: 40px;
  box-sizing: border-box;
}
#actionBar .btn {
  min-width: 155px;
}