/* Mobile Sales layout corrections. Scoped to Sales so desktop and other modules stay unchanged. */
@media (max-width: 767px) {
  .sales-register-card-shell > .ant-card-body > .ant-row:first-child {
    row-gap: 8px;
    align-items: stretch;
  }

  .sales-register-card-shell > .ant-card-body > .ant-row:first-child > .ant-col:nth-child(1),
  .sales-register-card-shell > .ant-card-body > .ant-row:first-child > .ant-col:nth-child(4) {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .sales-register-card-shell > .ant-card-body > .ant-row:first-child > .ant-col:nth-child(2),
  .sales-register-card-shell > .ant-card-body > .ant-row:first-child > .ant-col:nth-child(3) {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .sales-register-card-shell > .ant-card-body > .ant-row:first-child > .ant-col:nth-child(4) .ant-space {
    display: flex;
    width: 100%;
  }

  .sales-register-card-shell > .ant-card-body > .ant-row:first-child > .ant-col:nth-child(4) .ant-space-item {
    flex: 1;
    min-width: 0;
  }

  .sales-register-card-shell > .ant-card-body > .ant-row:first-child > .ant-col:nth-child(4) .ant-btn {
    width: 100%;
  }

  .sales-part-select-dropdown.ant-select-dropdown .ant-select-item {
    padding: 2px 5px !important;
  }

  .sales-part-select-dropdown :is(.sales-part-option, .pd-part-option) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 2px;
  }

  .sales-part-select-dropdown :is(.sales-part-option__main, .pd-part-option__main) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1px 4px;
    min-width: 0;
  }

  .sales-part-select-dropdown :is(.sales-part-option__name-primary, .pd-part-option__name-primary) {
    grid-column: 1 / -1;
    font-size: 12px;
    line-height: 1.15;
  }

  .sales-part-select-dropdown :is(.sales-part-option__code-secondary, .pd-part-option__code-secondary) {
    margin-top: 0;
    font-size: 10px;
    line-height: 1.15;
  }

  .sales-part-select-dropdown :is(.sales-part-option__side, .pd-part-option__side) {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px 8px;
    min-width: 0 !important;
    text-align: left !important;
  }

  .sales-part-select-dropdown :is(.sales-part-option__models, .pd-part-option__models) {
    width: auto;
    margin: 0;
  }

  .sales-part-select-dropdown :is(.sales-part-option__pill, .pd-part-option__pill, .sales-part-option__model-badge, .pd-part-option__model-badge) {
    min-height: 15px;
    padding: 0 4px;
    font-size: 10px;
    line-height: 1.2;
  }

  .sales-part-select-dropdown :is(.sales-part-option__stockline, .pd-part-option__stockline, .sales-part-option__stocksub, .pd-part-option__stocksub, .sales-part-option__shelf, .pd-part-option__shelf) {
    margin-top: 0;
    font-size: 10px;
    line-height: 1.15;
  }

  .sales-part-select-dropdown :is(.sales-part-option__meta, .pd-part-option__meta) {
    gap: 2px;
  }

  .sales-part-select-dropdown .part-shop-stock-strip {
    gap: 3px;
    margin-top: 0;
    padding-top: 2px;
  }

  .sales-part-select-dropdown .part-shop-stock-chip {
    min-height: 16px;
    padding: 0 4px;
  }

  .sales-draft-desk-card .sales-draft-add-part-card .ant-form > .ant-row {
    column-gap: 8px;
    row-gap: 6px;
  }

  .sales-draft-desk-card .sales-draft-add-part-card .ant-form > .ant-row > .ant-col:nth-child(2),
  .sales-draft-desk-card .sales-draft-add-part-card .ant-form > .ant-row > .ant-col:nth-child(3) {
    flex: 0 0 calc(50% - 4px) !important;
    max-width: calc(50% - 4px) !important;
  }

  .sales-draft-desk-card .ant-form-item-label {
    text-align: left !important;
    padding-bottom: 3px;
  }

  .sales-draft-desk-card .ant-form-item .ant-form-item-row {
    align-items: stretch;
    row-gap: 0;
  }

  .sales-draft-desk-card .ant-form-item .ant-form-item-row > .ant-col {
    width: 100%;
    max-width: 100% !important;
    flex: 0 0 auto !important;
  }

  .sales-draft-desk-card .ant-form-item {
    margin-bottom: 6px;
  }
}

@media (max-width: 360px) {
  .sales-branch-quick-modal .sales-inline-number-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .sales-branch-quick-modal .sales-inline-number-row .ant-space-item:last-child {
    grid-column: 1 / -1;
  }
}