/* ERP transaction component contracts for order/invoice forms. */
.erp-transaction-form {
  --erp-cell-gap-x: 12px;
  --erp-cell-gap-y: 10px;
  --erp-number-pad: 12px;
  --erp-stepper-cell: 42px;
}

@media (min-width: 1024px) {
  .erp-item-card > .erp-item-grid {
    display: grid !important;
    grid-template-columns: minmax(360px, 1.8fr) 190px 180px 220px 160px;
    gap: var(--erp-cell-gap-y) var(--erp-cell-gap-x) !important;
    align-items: start !important;
    margin: 0 !important;
    padding: 10px 12px 12px !important;
  }

  .erp-item-grid > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .erp-item-product { grid-column: 1 !important; }
  .erp-item-qty { grid-column: 2 !important; }
  .erp-item-price { grid-column: 3 !important; }
  .erp-item-discount { grid-column: 4 !important; }
  .erp-item-amount { grid-column: 5 !important; }

  .erp-number-col > .form-label {
    text-align: right !important;
    padding-right: var(--erp-number-pad) !important;
  }

  .erp-stepper-col:has(.erp-qty-stepper) > .form-label {
    padding-left: var(--erp-stepper-cell) !important;
    padding-right: var(--erp-stepper-cell) !important;
  }

  .erp-qty-stepper {
    display: grid !important;
    grid-template-columns: var(--erp-stepper-cell) minmax(0, 1fr) var(--erp-stepper-cell) !important;
    width: 100% !important;
  }

  .erp-number-input,
  .erp-number-value {
    width: 100% !important;
    min-width: 0 !important;
    text-align: right !important;
    padding-right: var(--erp-number-pad) !important;
  }

  .erp-number-value {
    justify-content: flex-end !important;
  }

  .erp-number-note {
    display: block !important;
    text-align: right !important;
    padding-right: var(--erp-number-pad) !important;
  }

  .erp-add-item-btn,
  .erp-action-btn {
    height: 42px !important;
    min-height: 42px !important;
    min-width: 84px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
  }

  .erp-add-item-btn {
    width: auto !important;
    padding: 0 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    box-shadow: none !important;
    white-space: nowrap !important;
  }
}

@media (min-width: 1024px) and (max-width: 1399.98px) {
  .erp-item-card > .erp-item-grid {
    grid-template-columns: minmax(300px, 1.7fr) minmax(150px, .85fr) minmax(150px, .85fr) minmax(220px, 1fr) !important;
    overflow: hidden !important;
  }

  .erp-item-amount {
    grid-column: 4 !important;
  }

  .erp-item-amount > .form-label {
    margin-top: 2px !important;
  }
}

@media (max-width: 1023.98px) {
  .erp-add-item-btn,
  .erp-action-btn {
    min-height: 44px !important;
  }
}
@media (min-width: 1024px) {
  .erp-stock-item-card > .erp-stock-item-grid {
    display: grid !important;
    grid-template-columns: minmax(360px, 1fr) minmax(220px, 320px) !important;
    gap: var(--erp-cell-gap-y) var(--erp-cell-gap-x) !important;
    align-items: start !important;
    margin: 0 !important;
    padding: 10px 12px 12px !important;
  }

  .erp-stock-item-grid > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .erp-stock-product { grid-column: 1 !important; }
  .erp-stock-qty { grid-column: 2 !important; }
}
@media (min-width: 1024px) {
  .erp-adjustment-item-card > .erp-adjustment-main-grid {
    display: grid !important;
    grid-template-columns: minmax(320px, 1fr) minmax(180px, 260px) minmax(220px, 320px) !important;
    gap: var(--erp-cell-gap-y) var(--erp-cell-gap-x) !important;
    align-items: start !important;
    margin: 0 !important;
    padding: 10px 12px 0 !important;
  }

  .erp-adjustment-item-card > .erp-adjustment-value-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(150px, 1fr)) !important;
    gap: var(--erp-cell-gap-y) var(--erp-cell-gap-x) !important;
    margin: 0 !important;
    padding: 0 12px 12px !important;
  }

  .erp-adjustment-main-grid > [class*="col-"],
  .erp-adjustment-value-grid > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .erp-adjustment-number > .form-label {
    text-align: right !important;
    padding-right: var(--erp-number-pad) !important;
  }
}
@media (min-width: 1024px) {
  .erp-page.transaction-page {
    max-width: none !important;
  }

  .erp-page .transaction-header {
    min-height: 54px !important;
    padding: 10px 12px !important;
    margin-bottom: 0 !important;
    border: 1px solid #d8dee6 !important;
    border-bottom: 0 !important;
    border-radius: 7px 7px 0 0 !important;
    background: #fff !important;
  }

  .erp-page .transaction-form > .card {
    border: 1px solid #d8dee6 !important;
    border-radius: 0 0 7px 7px !important;
    box-shadow: none !important;
  }

  .erp-page .transaction-form .card-body {
    padding: 12px 12px 0 !important;
  }

  .erp-page .form-control,
  .erp-page .form-select {
    min-height: 42px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    box-shadow: none !important;
  }

  .erp-header-btn,
  .erp-page .transaction-actions .erp-action-btn,
  .erp-page .transaction-summary-bar .erp-add-item-btn {
    height: 42px !important;
    min-height: 42px !important;
    min-width: 84px !important;
    padding: 0 14px !important;
    border-radius: 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
    white-space: nowrap !important;
  }

  .erp-header-btn {
    min-width: 42px !important;
    background: #fff !important;
    border-color: #d8dee6 !important;
    color: #17202a !important;
  }

  .erp-page .transaction-summary-bar,
  .erp-page .transaction-actions {
    margin: 0 !important;
    padding: 10px 12px !important;
    border-top: 1px solid #edf1f5 !important;
    background: #fff !important;
  }

  .erp-page .transaction-summary-bar {
    min-height: 52px !important;
    background: #fbfcfd !important;
  }
}
@media (min-width: 1024px) {
  .erp-page .erp-add-item-btn,
  .erp-page .erp-action-btn.btn-primary,
  .erp-page .erp-action-btn.btn-success {
    background: #0869c9 !important;
    border-color: #0869c9 !important;
    color: #fff !important;
  }

  .erp-page .erp-add-item-btn:hover,
  .erp-page .erp-action-btn.btn-primary:hover,
  .erp-page .erp-action-btn.btn-success:hover {
    background: #0758aa !important;
    border-color: #0758aa !important;
  }

  .erp-page .erp-action-btn.btn-secondary,
  .erp-page .erp-action-btn.btn-outline-secondary {
    background: #fff !important;
    border-color: #d8dee6 !important;
    color: #17202a !important;
  }

  .erp-page .erp-action-btn.btn-secondary:hover,
  .erp-page .erp-action-btn.btn-outline-secondary:hover,
  .erp-header-btn:hover {
    background: #f4f7fb !important;
    border-color: #c8d1dc !important;
    color: #111827 !important;
  }
}
.erp-page .btn.erp-add-item-btn,
.erp-page .btn.erp-action-btn,
.erp-page .btn.erp-header-btn {
  --bs-btn-border-radius: 6px !important;
  border-radius: 6px !important;
}

.erp-page .btn.erp-add-item-btn.rounded-pill,
.erp-page .btn.erp-action-btn.rounded-pill,
.erp-page .btn.erp-header-btn.rounded-pill {
  border-radius: 6px !important;
}
.erp-page.transaction-page .transaction-summary-bar #addItemBtn.erp-add-item-btn,
.erp-page.transaction-page .transaction-actions button[type="submit"].erp-action-btn,
.erp-page.transaction-page .transaction-actions a.erp-action-btn,
.erp-page.transaction-page .transaction-header a.erp-header-btn {
  --bs-btn-border-radius: 6px !important;
  border-radius: 6px !important;
}
.erp-page.transaction-page .input-group .btn.search-btn,.erp-page.transaction-page .input-group .btn.catalog-btn,.erp-page.transaction-page .search-container .btn.search-btn,.erp-page.transaction-page .search-container .btn.catalog-btn{--bs-btn-border-radius:6px!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;padding:0!important;border-radius:6px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important;transform:none!important}.erp-page.transaction-page .input-group .btn.search-btn:hover,.erp-page.transaction-page .input-group .btn.catalog-btn:hover,.erp-page.transaction-page .search-container .btn.search-btn:hover,.erp-page.transaction-page .search-container .btn.catalog-btn:hover{transform:none!important;box-shadow:none!important}.erp-page.transaction-page .input-group>.btn.search-btn:not(:first-child),.erp-page.transaction-page .input-group>.btn.catalog-btn:not(:first-child){border-top-left-radius:6px!important;border-bottom-left-radius:6px!important}.erp-page.transaction-page .input-group>.btn.search-btn:not(:last-child),.erp-page.transaction-page .input-group>.btn.catalog-btn:not(:last-child){border-top-right-radius:6px!important;border-bottom-right-radius:6px!important}