.form-group {
  margin-bottom: 25px;
}

.input-icon {
  position: relative;
}

.input-icon i {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #636E72;
  font-size: 1.1rem;
}

.form-control {
  height: 55px;
  padding: 16px;
  border: 2px solid #E0E0E0;
  border-radius: 12px;
  font-size: 1rem;
  transition: all 0.3s ease;
  background: #fff;
}

.form-control:focus {
  border-color: #4158D0;
  box-shadow: 0 0 0 4px rgba(65, 88, 208, 0.1);
}

.btn-track {
  height: 55px;
  width: 100%;
  border-radius: 12px;
  font-size: 1.1rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: linear-gradient(135deg, #3c3d63 0%, #001629 100%);
  border: none;
  transition: all 0.3s ease;
}

.btn-track:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(65, 88, 208, 0.2);
}

.btn-track i {
  transition: transform 0.3s ease;
}

.btn-track:hover i {
  transform: translateX(5px);
}

/* Responsive: Stack order inquiry table on mobile */
@media (max-width: 576px) {
  .order-inquiry-table {
    width: 100%;
  }
  .order-inquiry-table thead {
    display: none;
  }
  .order-inquiry-table tbody tr {
    display: block;
    background: #fff;
    margin-bottom: 12px;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    overflow: hidden;
  }
  .order-inquiry-table tbody td {
    display: block;
    width: 100% !important;
    padding: 10px 14px;
    border: none !important;
    border-top: 1px solid #f1f3f5 !important;
  }
  .order-inquiry-table tbody td:first-child {
    border-top: none !important;
  }
}