// Sale create / edit / change — root: class="main-content create-sale-page"

.create-sale-page,
.edit-sale-page,
.change-to-sale-page {
  .input-with-icon {
    display: flex;
    align-items: center;
  }

  .scan-icon {
    width: 50px;
    height: 50px;
    margin-right: 8px;
    cursor: pointer;
  }

  .hint {
    font-size: 13px;
    color: #6b7280;
  }

  .hint strong {
    color: #111827;
  }

  .warn {
    color: #b45309;
    font-size: 12px;
  }

  .ok {
    color: #065f46;
    font-size: 12px;
  }

  .result {
    font-size: 13px;
    color: #1e3a8a;
    background: #eef2ff;
    border: 1px dashed #c7d2fe;
    border-radius: 10px;
    padding: 8px 10px;
  }

  .table-responsive::after {
    content: "";
    display: block;
    height: 150px;
  }

  .category-input-group {
    display: flex;
    align-items: stretch;
  }

  .category-input-group .v-select {
    flex: 1 1 auto;
    min-width: 0;
  }

  .category-input-group .v-select .vs__dropdown-toggle {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    height: 100%;
  }

  .category-input-group .v-select .vs__dropdown-toggle,
  .category-input-group .v-select .vs__dropdown-toggle .vs__selected-options {
    height: 100%;
  }

  .category-add-btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    white-space: nowrap;
  }

  .sale-discount-row {
    display: flex;
    gap: 8px;
    align-items: center;
  }

  .sale-discount-method-select {
    max-width: 110px;
  }

  .sale-points-actions {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .detail-price-type-select {
    min-width: 160px;
  }
}