/* LONHOW ERP Batch 2: Sales / Customer / People Workbench final master closeout. */
body.erp-ui2 .sales-batch2-page,
body.erp-ui2 #salespeople.sales-batch2-page {
  padding-top: var(--workbench-page-top) !important;
}

body.erp-ui2 .sales-batch2-page > .page-header.sales-batch2-toolbar,
body.erp-ui2 #salespeople .sales-batch2-toolbar {
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: var(--workbench-toolbar-gap) !important;
  margin: 0 0 12px !important;
}

body.erp-ui2 .sales-batch2-page .page-title,
body.erp-ui2 .sales-batch2-page .page-subtitle,
body.erp-ui2 #salespeople.sales-batch2-page .page-title,
body.erp-ui2 #salespeople.sales-batch2-page .page-subtitle,
body.erp-ui2 .sales-batch2-page .history-head {
  display: none !important;
}

body.erp-ui2 .sales-batch2-actions {
  margin-left: var(--workbench-context-control-margin, auto) !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
}

body.erp-ui2 .sales-batch2-actions .search,
body.erp-ui2 #salespeople .sales-batch2-actions .search {
  position: relative !important;
  width: var(--workbench-search-width) !important;
  flex: 0 0 var(--workbench-search-width) !important;
  height: var(--workbench-control-height, 34px) !important;
  min-height: var(--workbench-control-height, 34px) !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 11px 0 34px !important;
  border: 1px solid rgba(214, 222, 233, .86) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, .72) !important;
  box-shadow: none !important;
  transition: border-color 150ms ease, box-shadow 150ms ease, background 150ms ease !important;
}

body.erp-ui2 .sales-batch2-actions .search::before,
body.erp-ui2 #salespeople .sales-batch2-actions .search::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 50%;
  width: 14px;
  height: 14px;
  transform: translateY(-50%);
  opacity: .72;
  background: no-repeat center / 14px 14px url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m21 21-4.35-4.35' stroke='%238793A6' stroke-width='1.8' stroke-linecap='round'/%3E%3Ccircle cx='11' cy='11' r='6.2' stroke='%238793A6' stroke-width='1.8'/%3E%3C/svg%3E");
}

body.erp-ui2 .sales-batch2-actions .search:focus-within,
body.erp-ui2 #salespeople .sales-batch2-actions .search:focus-within {
  border-color: rgba(215, 19, 42, .18) !important;
  background: rgba(255, 255, 255, .94) !important;
  box-shadow: 0 0 0 2px rgba(215, 19, 42, .045) !important;
}

body.erp-ui2 .sales-batch2-actions .search-field,
body.erp-ui2 #salespeople .sales-batch2-actions .search-field {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #1e293b !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

body.erp-ui2 .sales-batch2-page :is(.form-input, .master-input, .note-field, .money-input),
body.erp-ui2 #salespeople :is(.form-input, .master-input) {
  height: var(--workbench-control-height, 34px) !important;
  min-height: var(--workbench-control-height, 34px) !important;
  border: 1px solid rgba(214, 222, 233, .86) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, .72) !important;
  color: #253044 !important;
  box-shadow: none !important;
  outline: none !important;
}

body.erp-ui2 .sales-batch2-page :is(.form-input, .master-input, .note-field):focus,
body.erp-ui2 #salespeople :is(.form-input, .master-input):focus,
body.erp-ui2 .sales-batch2-page :is(.money-input):focus-within {
  border-color: rgba(215, 19, 42, .18) !important;
  box-shadow: 0 0 0 2px rgba(215, 19, 42, .045) !important;
  outline: none !important;
}

body.erp-ui2 .sales-batch2-page :is(.add-btn, .btn, .confirm, .secondary-tool),
body.erp-ui2 #salespeople :is(.add-btn, .btn, .secondary-tool) {
  height: var(--workbench-control-height, 34px) !important;
  min-height: var(--workbench-control-height, 34px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 0 13px !important;
  border: 1px solid rgba(214, 222, 233, .86) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, .72) !important;
  color: #344052 !important;
  font-size: 13px !important;
  font-weight: 560 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}

body.erp-ui2 .sales-batch2-page :is(.add-btn, .btn, .secondary-tool):not(.primary-action):not(.primary-action-btn):not(.confirm):not(.danger):not(:disabled):hover,
body.erp-ui2 #salespeople :is(.add-btn, .btn, .secondary-tool):not(.primary-action):not(.primary-action-btn):not(.confirm):not(.danger):not(:disabled):hover {
  border: 1px solid rgba(215, 19, 42, .16) !important;
  background: linear-gradient(135deg, rgba(215, 19, 42, .045), rgba(255, 255, 255, .94), rgba(72, 130, 200, .035)) !important;
  color: #1d2637 !important;
}

body.erp-ui2 .sales-batch2-page .add-btn:not(.secondary-tool),
body.erp-ui2 .sales-batch2-page .confirm,
body.erp-ui2 #salespeople .add-btn:not(.secondary-tool) {
  border-color: rgba(185, 192, 205, .72) !important;
  background: rgba(255, 255, 255, .92) !important;
  color: #222b3a !important;
}

body.erp-ui2 .sales-batch2-page :is(.history-surface, .erp-master-ledger-surface),
body.erp-ui2 #salespeople :is(.history-surface, .erp-master-ledger-surface) {
  width: 100% !important;
  overflow: hidden !important;
  border: 1px solid rgba(216, 222, 231, .82) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .76) !important;
  box-shadow: 0 14px 34px rgba(28, 31, 35, .03) !important;
}

body.erp-ui2 .sales-batch2-page :is(.history-table, .erp-master-ledger-table),
body.erp-ui2 #salespeople :is(.history-table, .erp-master-ledger-table) {
  width: 100% !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
}

body.erp-ui2 .sales-batch2-page :is(.history-table, .erp-master-ledger-table) th,
body.erp-ui2 #salespeople :is(.history-table, .erp-master-ledger-table) th {
  height: 38px !important;
  padding: 0 13px !important;
  background: rgba(247, 248, 250, .92) !important;
  border-bottom: 1px solid rgba(113, 124, 143, .09) !important;
  color: #8d98a8 !important;
  font-size: 11px !important;
  font-weight: 560 !important;
  text-align: left !important;
}

body.erp-ui2 .sales-batch2-page :is(.history-table, .erp-master-ledger-table) td,
body.erp-ui2 #salespeople :is(.history-table, .erp-master-ledger-table) td {
  height: 56px !important;
  padding: 0 13px !important;
  border-bottom: 1px solid rgba(113, 124, 143, .08) !important;
  color: #344052 !important;
  font-size: 13px !important;
  vertical-align: middle !important;
}

body.erp-ui2 .sales-batch2-page :is(.history-table, .erp-master-ledger-table) tr:last-child td,
body.erp-ui2 #salespeople :is(.history-table, .erp-master-ledger-table) tr:last-child td {
  border-bottom: 0 !important;
}

body.erp-ui2 .sales-batch2-page .num,
body.erp-ui2 #salespeople .num {
  text-align: left !important;
  font-variant-numeric: tabular-nums !important;
}

body.erp-ui2 .sales-batch2-page .ledger-main,
body.erp-ui2 #salespeople .ledger-main {
  display: inline-block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  color: #172033 !important;
  font-weight: 650 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  vertical-align: bottom !important;
}

body.erp-ui2 .sales-batch2-page .muted,
body.erp-ui2 #salespeople .muted,
body.erp-ui2 #salespeople .sp-muted {
  color: #7d8796 !important;
  font-size: 12px !important;
  font-weight: 440 !important;
}

body.erp-ui2 .sales-batch2-page .actions,
body.erp-ui2 #salespeople .actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  row-gap: 4px !important;
  flex-wrap: wrap !important;
}

body.erp-ui2 .sales-batch2-page .action,
body.erp-ui2 #salespeople .action,
body.erp-ui2 #salespeople .sp-action {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  margin: 0 !important;
  padding: 0 1px !important;
  border: 0 !important;
  background: transparent !important;
  color: #747f90 !important;
  font-size: 12px !important;
  font-weight: 540 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  position: relative !important;
  z-index: 1 !important;
  appearance: none !important;
}

body.erp-ui2 .sales-batch2-page .action:first-child,
body.erp-ui2 #salespeople .action:first-child,
body.erp-ui2 #salespeople .sp-action:first-child {
  color: #3f4b5d !important;
}

body.erp-ui2 .sales-batch2-page :is(.action-del, .danger-action, .danger),
body.erp-ui2 #salespeople :is(.action-del, .danger-action, .danger) {
  color: #a86966 !important;
}

body.erp-ui2 .sales-batch2-page .status,
body.erp-ui2 #salespeople .status,
body.erp-ui2 #salespeople .sp-status {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #424a56 !important;
  font-size: 13px !important;
  font-weight: 520 !important;
}

body.erp-ui2 .sales-batch2-page .status::before,
body.erp-ui2 #salespeople .status::before,
body.erp-ui2 #salespeople .sp-status::before {
  content: "" !important;
  width: 5px !important;
  height: 5px !important;
  border-radius: 50% !important;
  background: #86aa8b !important;
  opacity: .78 !important;
}

body.erp-ui2 .sales-batch2-page .status:is(.due, .partial)::before {
  background: #a88f87 !important;
}

body.erp-ui2 .sales-batch2-page .status:is(.void, .returned)::before,
body.erp-ui2 #salespeople .sp-status.sp-departed::before {
  background: #b28a85 !important;
}

body.erp-ui2 #returnManage .return-kpi-strip {
  display: none !important;
}

body.erp-ui2 #sale.sales-special-page .workbench {
  grid-template-columns: minmax(0, 1fr) minmax(260px, 300px) !important;
  gap: 14px !important;
  align-items: stretch !important;
}

body.erp-ui2 #sale.sales-special-page .builder,
body.erp-ui2 #sale.sales-special-page .summary {
  border: 1px solid rgba(216, 222, 231, .82) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .78) !important;
  box-shadow: 0 14px 34px rgba(28, 31, 35, .03) !important;
}

body.erp-ui2 #sale.sales-special-page .builder {
  padding: 18px 20px 18px !important;
}

body.erp-ui2 #sale.sales-special-page .summary {
  padding: 20px 18px !important;
}

body.erp-ui2 #sale.sales-special-page .summary::before {
  display: none !important;
}

body.erp-ui2 #sale.sales-special-page .command-strip {
  grid-template-columns: minmax(230px, 1.2fr) minmax(260px, 1.1fr) minmax(136px, .58fr) !important;
  gap: 12px !important;
  padding: 0 0 14px !important;
  border-bottom: 1px solid rgba(113, 124, 143, .11) !important;
}

body.erp-ui2 #sale.sales-special-page .items-head {
  margin: 16px 0 8px !important;
  padding: 0 !important;
}

body.erp-ui2 #sale.sales-special-page .items-title,
body.erp-ui2 #sale.sales-special-page .summary-title {
  color: #172033 !important;
  font-size: 16px !important;
  font-weight: 650 !important;
}

body.erp-ui2 #sale.sales-special-page .items-subtitle {
  color: #7d8796 !important;
  font-size: 12px !important;
  font-weight: 440 !important;
}

body.erp-ui2 #sale.sales-special-page .editable-table th {
  height: 36px !important;
  color: #8d98a8 !important;
  font-weight: 560 !important;
}

body.erp-ui2 #sale.sales-special-page .editable-table td {
  height: 58px !important;
}

body.erp-ui2 #sale.sales-special-page .summary-total {
  font-size: 31px !important;
  font-weight: 680 !important;
  letter-spacing: 0 !important;
}

body.erp-ui2 #sale.sales-special-page .confirm {
  width: 100% !important;
  margin-top: 18px !important;
}

body.erp-ui2 #sale.sales-special-page .sales-batch2-history {
  margin-top: 14px !important;
}

body.erp-ui2 .sales-batch2-date-range {
  display: inline-grid !important;
  grid-template-columns: 132px 132px !important;
  gap: 8px !important;
}

body.erp-ui2 .sales-batch2-date-range[hidden] {
  display: none !important;
}

body.erp-ui2 #returnManage .return-filterbar {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center !important;
  min-width: 0 !important;
}

body.erp-ui2 #returnManage .return-filter-control,
body.erp-ui2 #returnManage .compact-filter {
  width: 128px !important;
  flex: 0 0 128px !important;
}

body.erp-ui2 #returnManage .return-filterbar .search {
  width: var(--workbench-search-width) !important;
  min-width: var(--workbench-search-width) !important;
  flex: 0 0 var(--workbench-search-width) !important;
}

body.erp-ui2 #customer .customer-filterbar .search {
  width: var(--workbench-search-width) !important;
}


body.erp-ui2 #sale .custom-select-menu {
  border: 1px solid rgba(214, 220, 229, .96) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, .98) !important;
  box-shadow: 0 18px 42px rgba(23, 31, 45, .13) !important;
}

body.erp-ui2 #sale .custom-select-option {
  min-height: 34px !important;
  border-radius: 8px !important;
}

body.erp-ui2 #sale .custom-select-option:is(:hover, .is-active, .selected) {
  background: rgba(215, 19, 42, .065) !important;
}

body.erp-ui2 .sales-batch2-page .pagination,
body.erp-ui2 #salespeople .pagination {
  margin: 0 !important;
  padding: 10px 13px !important;
  border-top: 1px solid rgba(113, 124, 143, .08) !important;
}

@media (max-width: 1366px) {
  body.erp-ui2 .sales-batch2-actions {
    gap: 7px !important;
  }

  body.erp-ui2 #sale.sales-special-page .workbench {
    grid-template-columns: minmax(0, 1fr) 266px !important;
    gap: 12px !important;
  }

  body.erp-ui2 #sale.sales-special-page .command-strip {
    grid-template-columns: minmax(190px, 1.05fr) minmax(210px, 1fr) minmax(120px, .52fr) !important;
    gap: 10px !important;
  }

  body.erp-ui2 #returnManage .return-filter-control,
  body.erp-ui2 #returnManage .compact-filter {
    width: 118px !important;
    flex-basis: 118px !important;
  }

  body.erp-ui2 .sales-batch2-date-range {
    grid-template-columns: 118px 118px !important;
  }
}

@media (max-width: 1180px) {
  body.erp-ui2 .sales-batch2-toolbar,
  body.erp-ui2 #salespeople .sales-batch2-toolbar {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  body.erp-ui2 .sales-batch2-actions {
    width: 100% !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
  }

  body.erp-ui2 .sales-batch2-actions .search {
    width: min(100%, 360px) !important;
    flex: 1 1 260px !important;
  }

  body.erp-ui2 #sale.sales-special-page .workbench {
    grid-template-columns: 1fr !important;
  }

  body.erp-ui2 #sale.sales-special-page .summary {
    max-width: none !important;
  }
}