.cdi-quick-order {
  background: #f7f9fb !important;
  border: 1px solid #cfd8e3 !important;
  border-left: 5px solid #2d6f9f !important;
  border-radius: 6px !important;
  box-shadow: 0 10px 26px rgba(36, 50, 64, 0.1) !important;
  margin: 0 0 1rem !important;
  padding: 0.9rem !important;
}

.cdi-quick-order-header {
  margin-bottom: 0.8rem !important;
}

.cdi-quick-order-heading {
  align-items: center !important;
  display: grid !important;
  gap: 0 0.65rem !important;
  grid-template-columns: 42px 1fr !important;
}

.cdi-quick-order-icon {
  align-items: center !important;
  background: #2d6f9f !important;
  border-radius: 6px !important;
  color: #ffffff !important;
  display: flex !important;
  font-size: 1.15rem !important;
  grid-row: 1 / 3 !important;
  height: 42px !important;
  justify-content: center !important;
  width: 42px !important;
}

.cdi-quick-order-title {
  color: #1e2936 !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
}

.cdi-quick-order-subtitle {
  color: #596879 !important;
  font-size: 0.86rem !important;
  line-height: 1.3 !important;
  margin-top: 0.1rem !important;
}

.cdi-quick-order-form {
  align-items: flex-end !important;
  background: #ffffff !important;
  border: 1px solid #e1e7ee !important;
  border-radius: 6px !important;
  display: grid !important;
  gap: 0.65rem !important;
  grid-template-columns: minmax(190px, 1fr) 120px auto !important;
  padding: 0.75rem !important;
}

.cdi-quick-order-field label {
  color: #344252 !important;
  display: block !important;
  font-size: 0.8rem !important;
  font-weight: 800 !important;
  margin-bottom: 0.28rem !important;
  text-transform: uppercase !important;
}

.cdi-quick-order .form-control {
  border-color: #c8d3df !important;
  min-height: 40px !important;
}

.cdi-quick-order-submit {
  min-height: 40px !important;
  padding-left: 1.1rem !important;
  padding-right: 1.1rem !important;
  white-space: nowrap !important;
}

.cdi-quick-order-message {
  border-radius: 4px !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  margin-top: 0.75rem !important;
  min-height: 0 !important;
  padding: 0 !important;
}

.cdi-quick-order-message:not(:empty) {
  padding: 0.6rem 0.7rem !important;
}

.cdi-quick-order-message-success {
  background: #e7f6ed !important;
  color: #126734 !important;
}

.cdi-quick-order-message-error {
  background: #fff0ed !important;
  color: #a92014 !important;
}

.cdi-quick-order-message-info {
  background: #edf4fa !important;
  color: #34566f !important;
}

@media (max-width: 767.98px) {
  .cdi-quick-order-form {
    grid-template-columns: 1fr 104px !important;
  }

  .cdi-quick-order-submit {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 575.98px) {
  .cdi-quick-order {
    padding: 0.75rem !important;
  }

  .cdi-quick-order-form {
    grid-template-columns: 1fr !important;
  }

  .cdi-quick-order-submit {
    grid-column: auto !important;
  }
}