/* catalog product modal three-column v1 */
html body #catalogItemModal:not([hidden]) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px !important;
}

html body #catalogItemModal .catalog-item-dialog,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open {
  --catalog-modal-blue: #1f4f95;
  --catalog-modal-blue-hover: #184781;
  --catalog-modal-blue-soft: #eef6ff;
  display: grid !important;
  grid-template-columns: minmax(880px, 1fr) 300px !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  width: min(1510px, calc(100vw - 20px)) !important;
  height: min(820px, calc(100vh - 20px)) !important;
  max-height: calc(100vh - 20px) !important;
  margin: 0 !important;
  border: 1px solid #dbe2ee !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: 0 16px 42px rgba(24, 39, 75, 0.12) !important;
  overflow: hidden !important;
}

html body #catalogItemModal .catalog-item-dialog > .modal-header,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open > .modal-header {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  min-height: 48px !important;
  padding: 10px 14px !important;
  border-bottom: 1px solid #dbe2ee !important;
}

html body #catalogItemModal .catalog-item-dialog > .modal-header h3 {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #071b3a !important;
}

html body #catalogItemModal #closeCatalogItemModalButton {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  border-radius: 6px !important;
  color: transparent !important;
  font-size: 0 !important;
  position: relative !important;
}

html body #catalogItemModal #closeCatalogItemModalButton::before {
  content: "×" !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #223450 !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

html body #catalogItemModal #catalogItemForm,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open #catalogItemForm {
  grid-column: 1 !important;
  grid-row: 2 !important;
  display: grid !important;
  grid-template-columns: 260px minmax(0, 1fr) !important;
  gap: 14px !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 14px !important;
  border-right: 1px solid #dbe2ee !important;
  overflow: hidden !important;
  background: #ffffff !important;
}

html body #catalogItemModal .catalog-item-panel {
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 14px !important;
  border: 1px solid #dbe2ee !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

html body #catalogItemModal .catalog-basic-panel {
  display: grid !important;
  align-content: start !important;
  gap: 12px !important;
  overflow-y: auto !important;
}

html body #catalogItemModal .catalog-making-panel {
  display: flex !important;
  flex-direction: column !important;
  align-content: stretch !important;
  gap: 12px !important;
  overflow: hidden !important;
}

html body #catalogItemModal .catalog-item-panel-title {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 22px !important;
  color: #071b3a !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

html body #catalogItemModal .catalog-item-panel-title::before,
html body #catalogItemModal .catalog-production-title-row::before {
  content: "" !important;
  width: 3px !important;
  height: 14px !important;
  border-radius: 2px !important;
  background: var(--catalog-modal-blue) !important;
}

html body #catalogItemModal .form-field {
  display: grid !important;
  gap: 6px !important;
  min-width: 0 !important;
}

html body #catalogItemModal .form-field > span,
html body #catalogItemModal .catalog-production-title-row > span {
  color: #223450 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

html body #catalogItemModal .form-field input,
html body #catalogItemModal .form-field select,
html body #catalogItemModal .catalog-category-trigger,
html body #catalogItemModal .enterprise-select-button,
html body #catalogItemModal .catalog-sale-status-trigger,
html body #catalogItemModal .catalog-material-query-search,
html body #catalogItemModal .catalog-production-cell input,
html body #catalogItemModal .catalog-production-cell select {
  min-height: 36px !important;
  height: 36px !important;
  border: 1px solid #dbe2ee !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  color: #223450 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

html body #catalogItemModal .form-field input:focus,
html body #catalogItemModal .form-field select:focus,
html body #catalogItemModal .catalog-category-trigger:focus,
html body #catalogItemModal .catalog-category-trigger:focus-visible,
html body #catalogItemModal .enterprise-select-button:focus,
html body #catalogItemModal .enterprise-select-button:focus-visible,
html body #catalogItemModal .catalog-sale-status-trigger:focus,
html body #catalogItemModal .catalog-sale-status-trigger:focus-visible,
html body #catalogItemModal .catalog-material-query-search:focus,
html body #catalogItemModal .catalog-production-cell input:focus,
html body #catalogItemModal .catalog-production-cell select:focus {
  border-color: var(--catalog-modal-blue) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(31, 79, 149, 0.12) !important;
}

html body #catalogItemModal .catalog-category-trigger:hover,
html body #catalogItemModal .catalog-sale-status-trigger:hover,
html body #catalogItemModal .enterprise-select-button:hover,
html body #catalogItemModal .catalog-production-query-inline:hover,
html body #catalogItemModal .catalog-production-add-inline:hover,
html body #catalogItemModal #resetCatalogItemButton:hover,
html body #catalogItemModal .catalog-material-query-pager .ghost-button:hover:not(:disabled) {
  border-color: var(--catalog-modal-blue) !important;
  background: var(--catalog-modal-blue-soft) !important;
  color: var(--catalog-modal-blue) !important;
}

html body #catalogItemModal .catalog-image-url-input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html body #catalogItemModal .catalog-image-dropzone-form {
  display: grid !important;
  place-items: center !important;
  gap: 5px !important;
  min-height: 132px !important;
  width: 100% !important;
  border: 1px dashed #b8c7da !important;
  border-radius: 8px !important;
  background: #fbfdff !important;
  color: #74829a !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

html body #catalogItemModal .catalog-image-dropzone-form strong,
html body #catalogItemModal .catalog-image-dropzone-form small {
  display: block !important;
  color: inherit !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

html body #catalogItemModal .catalog-image-dropzone-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  border: 1px solid #c9d9ee !important;
  border-radius: 50% !important;
  color: var(--catalog-modal-blue) !important;
  font-size: 20px !important;
}

html body #catalogItemModal .catalog-item-image-preview-card {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
  margin-top: 8px !important;
}

html body #catalogItemModal .catalog-item-image-preview-card[hidden] {
  display: none !important;
}

html body #catalogItemModal .catalog-item-image-preview-wrap,
html body #catalogItemModal .catalog-production-thumb,
html body #catalogItemModal .catalog-material-query-image-button img {
  border: 1px solid #dbe2ee !important;
  border-radius: 8px !important;
  background: #ffffff !important;
}

html body #catalogItemModal .catalog-item-image-preview-wrap {
  aspect-ratio: 1 / 1 !important;
  width: 100% !important;
  height: auto !important;
}

html body #catalogItemModal .catalog-basic-price-grid,
html body #catalogItemModal .catalog-cost-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

html body #catalogItemModal .catalog-cost-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px 12px !important;
}

html body #catalogItemModal .catalog-production-detail-field {
  display: grid !important;
  grid-template-rows: auto auto !important;
  align-content: start !important;
  flex: 0 0 auto !important;
  gap: 8px !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

html body #catalogItemModal .catalog-production-title-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-height: 34px !important;
}

html body #catalogItemModal .catalog-production-title-row::before {
  flex: 0 0 auto !important;
}

html body #catalogItemModal .catalog-production-title-row > span {
  margin-right: auto !important;
  color: #071b3a !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

html body #catalogItemModal .catalog-production-title-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

html body #catalogItemModal .catalog-production-query-inline,
html body #catalogItemModal .catalog-production-add-inline,
html body #catalogItemModal #resetCatalogItemButton,
html body #catalogItemModal #submitCatalogItemButton,
html body #catalogItemModal .catalog-material-query-pager .ghost-button {
  height: 34px !important;
  min-height: 34px !important;
  min-width: 58px !important;
  padding: 0 12px !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

html body #catalogItemModal #submitCatalogItemButton {
  border-color: var(--catalog-modal-blue) !important;
  background: var(--catalog-modal-blue) !important;
  color: #ffffff !important;
}

html body #catalogItemModal #submitCatalogItemButton:hover,
html body #catalogItemModal #submitCatalogItemButton:focus-visible {
  border-color: var(--catalog-modal-blue-hover) !important;
  background: var(--catalog-modal-blue-hover) !important;
}

html body #catalogItemModal .catalog-production-detail-panel,
html body #catalogItemModal .catalog-production-block,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open .catalog-production-detail-panel {
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

html body #catalogItemModal .catalog-production-detail-panel {
  padding: 8px !important;
  border: 1px solid #dbe2ee !important;
  border-radius: 8px !important;
  background: #fbfdff !important;
}

html body #catalogItemModal .catalog-production-block-single,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open .catalog-production-block-single {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

html body #catalogItemModal .catalog-production-table-head,
html body #catalogItemModal .catalog-production-row,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open .catalog-production-table-head,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open .catalog-production-row {
  display: grid !important;
  grid-template-columns: 112px 54px 36px 52px minmax(148px, 1fr) 82px 62px 62px 30px !important;
  gap: 6px !important;
  align-items: center !important;
  min-width: 0 !important;
}

html body #catalogItemModal .catalog-production-table-head {
  padding: 0 4px 4px !important;
  color: #5d6c84 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

html body #catalogItemModal .catalog-production-row {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html body #catalogItemModal .catalog-production-cell span {
  display: none !important;
}

html body #catalogItemModal .catalog-production-cell input,
html body #catalogItemModal .catalog-production-cell select {
  min-height: 32px !important;
  height: 32px !important;
  padding: 0 8px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

html body #catalogItemModal .catalog-production-thumb,
html body #catalogItemModal .catalog-production-row-remove {
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
}

html body #catalogItemModal .catalog-production-row-remove {
  border-color: #dbe2ee !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  color: #74829a !important;
}

html body #catalogItemModal .catalog-production-cell:nth-child(1) input {
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace !important;
  letter-spacing: 0 !important;
}

html body #catalogItemModal .catalog-cost-grid {
  flex: 0 0 auto !important;
}

html body #catalogItemModal .form-actions {
  margin-top: auto !important;
}

html body #catalogItemModal .catalog-cost-grid .form-field {
  gap: 4px !important;
}

html body #catalogItemModal .catalog-cost-grid .form-field input,
html body #catalogItemModal .catalog-cost-grid .form-field button {
  height: 36px !important;
  min-height: 36px !important;
}

html body #catalogItemModal .form-actions {
  position: static !important;
  display: flex !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: #ffffff !important;
}

html body #catalogItemModal .catalog-material-query-panel,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open .catalog-material-query-panel {
  grid-column: 2 !important;
  grid-row: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  border-left: 0 !important;
  background: #ffffff !important;
  overflow: hidden !important;
}

html body #catalogItemModal .catalog-material-query-panel[hidden] {
  display: none !important;
}

html body #catalogItemModal .catalog-material-query-head,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open .catalog-material-query-head {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: auto auto auto !important;
  gap: 10px !important;
  padding: 14px 14px 10px !important;
  border-bottom: 1px solid #dbe2ee !important;
}

html body #catalogItemModal .catalog-material-query-head > strong,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open .catalog-material-query-head > strong {
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: start !important;
  color: #071b3a !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

html body #catalogItemModal .catalog-material-query-title,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open .catalog-material-query-title {
  grid-column: 1 !important;
  grid-row: 2 !important;
  display: grid !important;
  grid-template-columns: 104px minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: center !important;
}

html body #catalogItemModal #catalogMaterialQueryStatus,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open #catalogMaterialQueryStatus {
  grid-column: 1 !important;
  grid-row: 3 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body #catalogItemModal .catalog-material-query-filter {
  width: 104px !important;
}

html body #catalogItemModal .catalog-material-query-filter .enterprise-select-button,
html body #catalogItemModal .catalog-material-query-search {
  width: 100% !important;
  height: 34px !important;
  min-height: 34px !important;
  border-color: #dbe2ee !important;
  border-radius: 6px !important;
  color: #223450 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

html body #catalogItemModal .catalog-material-query-head span {
  color: #74829a !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

html body #catalogItemModal .catalog-material-query-table-wrap {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding: 0 12px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

html body #catalogItemModal .catalog-material-query-table,
html body #catalogItemModal .catalog-material-query-table tbody {
  display: block !important;
  width: 100% !important;
}

html body #catalogItemModal .catalog-material-query-table colgroup,
html body #catalogItemModal .catalog-material-query-table thead {
  display: none !important;
}

html body #catalogItemModal .catalog-material-query-table tr {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) 24px !important;
  grid-template-rows: auto auto auto !important;
  column-gap: 10px !important;
  row-gap: 2px !important;
  min-height: 72px !important;
  padding: 10px 0 !important;
  border-bottom: 1px solid #edf0f4 !important;
  cursor: pointer !important;
}

html body #catalogItemModal .catalog-material-query-table tr::after {
  content: "+" !important;
  grid-column: 3 !important;
  grid-row: 1 / -1 !important;
  align-self: center !important;
  justify-self: center !important;
  width: 18px !important;
  height: 18px !important;
  border: 1px solid var(--catalog-modal-blue) !important;
  border-radius: 50% !important;
  color: var(--catalog-modal-blue) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

html body #catalogItemModal .catalog-material-query-table tr:hover {
  background: #f8fbff !important;
}

html body #catalogItemModal .catalog-material-query-table td {
  display: none !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

html body #catalogItemModal .catalog-material-query-table td:nth-child(4) {
  display: block !important;
  grid-column: 1 !important;
  grid-row: 1 / -1 !important;
}

html body #catalogItemModal .catalog-material-query-table td:nth-child(1) {
  display: block !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  color: #223450 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body #catalogItemModal .catalog-material-query-table td:nth-child(3) {
  display: -webkit-box !important;
  grid-column: 2 !important;
  grid-row: 2 !important;
  color: #223450 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  overflow: hidden !important;
}

html body #catalogItemModal .catalog-material-query-table td:nth-child(5) {
  display: block !important;
  grid-column: 2 !important;
  grid-row: 3 !important;
  color: #74829a !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body #catalogItemModal .catalog-material-query-table td:nth-child(5)::before,
html body #catalogItemModal .catalog-material-query-table td:nth-child(6)::before {
  content: "" !important;
}

html body #catalogItemModal .catalog-material-query-table td[colspan] {
  display: block !important;
  grid-column: 1 / -1 !important;
  padding: 36px 8px !important;
  color: #74829a !important;
  text-align: center !important;
}

html body #catalogItemModal .catalog-material-query-table tr:has(td[colspan]) {
  display: block !important;
  min-height: 90px !important;
  cursor: default !important;
}

html body #catalogItemModal .catalog-material-query-table tr:has(td[colspan])::after {
  display: none !important;
}

html body #catalogItemModal .catalog-material-query-image-button,
html body #catalogItemModal .catalog-material-query-image-button img {
  width: 48px !important;
  height: 48px !important;
  border-radius: 8px !important;
}

html body #catalogItemModal .catalog-material-query-pager {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 10px 12px !important;
  border-top: 1px solid #dbe2ee !important;
}

html body #catalogItemModal .catalog-sale-status-menu,
html body #catalogItemModal .enterprise-select-menu,
html body #catalogItemModal .catalog-category-cascade-panel {
  border-color: #dbe2ee !important;
  background: #ffffff !important;
  box-shadow: 0 10px 26px rgba(24, 39, 75, 0.08) !important;
}

html body #catalogItemModal .catalog-sale-status-menu button:hover,
html body #catalogItemModal .catalog-sale-status-menu button.is-active,
html body #catalogItemModal .enterprise-select-menu button:hover,
html body #catalogItemModal .enterprise-select-menu button.is-active,
html body #catalogItemModal .catalog-category-cascade-item:hover,
html body #catalogItemModal .catalog-category-cascade-item.is-active {
  background: var(--catalog-modal-blue-soft) !important;
  color: var(--catalog-modal-blue) !important;
}

@media (max-width: 1180px) {
  html body #catalogItemModal .catalog-item-dialog,
  html body #catalogItemModal .catalog-item-dialog.is-material-query-open {
    grid-template-columns: minmax(0, 1fr) !important;
    height: calc(100vh - 20px) !important;
  }

  html body #catalogItemModal #catalogItemForm,
  html body #catalogItemModal .catalog-item-dialog.is-material-query-open #catalogItemForm {
    grid-template-columns: 1fr !important;
    overflow-y: auto !important;
  }

  html body #catalogItemModal .catalog-material-query-panel {
    display: none !important;
  }

  html body #catalogItemModal .catalog-cost-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}


/* production detail segmented row v11 */
html body #catalogItemModal .catalog-production-detail-panel,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open .catalog-production-detail-panel {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body #catalogItemModal .catalog-production-table-head,
html body #catalogItemModal #catalogProductionDetailRows .catalog-production-row,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open .catalog-production-table-head,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open #catalogProductionDetailRows .catalog-production-row {
  grid-template-columns: 88px 46px 64px 46px 160px 128px 56px 56px 34px !important;
  gap: 5px !important;
}

html body #catalogItemModal .catalog-production-table-head {
  padding: 0 0 6px !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-row {
  align-items: start !important;
  min-height: 54px !important;
  padding: 0 !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-cell,
html body #catalogItemModal #catalogProductionDetailRows .catalog-production-image-cell {
  display: block !important;
  min-width: 0 !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-cell input,
html body #catalogItemModal #catalogProductionDetailRows .catalog-production-cell select,
html body #catalogItemModal #catalogProductionDetailRows .catalog-production-thumb-trigger,
html body #catalogItemModal #catalogProductionDetailRows .catalog-production-image-cell .catalog-production-thumb,
html body #catalogItemModal #catalogProductionDetailRows .catalog-production-row-remove {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 54px !important;
  min-height: 54px !important;
  max-height: 54px !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-cell input,
html body #catalogItemModal #catalogProductionDetailRows .catalog-production-cell select,
html body #catalogItemModal #catalogProductionDetailRows .catalog-production-image-cell .catalog-production-thumb,
html body #catalogItemModal #catalogProductionDetailRows .catalog-production-row-remove {
  border: 1px solid #d8e2f0 !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-cell input,
html body #catalogItemModal #catalogProductionDetailRows .catalog-production-cell select {
  padding: 0 8px !important;
  color: #223450 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 54px !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-thumb-trigger {
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-image-cell .catalog-production-thumb {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #74829a !important;
  font-size: 11px !important;
  overflow: hidden !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-image-cell .catalog-production-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-row-remove {
  display: inline-flex !important;
  align-self: start !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #63748d !important;
  line-height: 1 !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-row-remove svg {
  width: 16px !important;
  height: 16px !important;
}
/* production detail segmented row v11 end */

/* catalog product modal three-column v1 end */


/* catalog production side panel v14 */
html body #catalogItemModal .catalog-item-dialog,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open {
  grid-template-columns: minmax(1160px, 1fr) 300px !important;
}

html body #catalogItemModal #catalogItemForm,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open #catalogItemForm {
  box-sizing: border-box !important;
  grid-template-columns: 246px minmax(0, 1fr) 220px !important;
  gap: 12px !important;
}

html body #catalogItemModal .catalog-basic-panel {
  grid-column: 1 !important;
}

html body #catalogItemModal .catalog-making-panel {
  grid-column: 2 !important;
  display: grid !important;
  grid-template-rows: minmax(0, 1fr) !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body #catalogItemModal .catalog-cost-panel {
  grid-column: 3 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow-y: auto !important;
}

html body #catalogItemModal .catalog-cost-panel-title {
  flex: 0 0 auto !important;
}

html body #catalogItemModal .catalog-production-detail-field {
  grid-template-rows: auto minmax(0, 1fr) !important;
  flex: 1 1 auto !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body #catalogItemModal .catalog-production-detail-panel,
html body #catalogItemModal .catalog-production-block,
html body #catalogItemModal .catalog-production-block-single {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body #catalogItemModal #catalogProductionDetailRows {
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  align-content: start !important;
  padding-right: 2px !important;
}

html body #catalogItemModal .catalog-production-table-head,
html body #catalogItemModal #catalogProductionDetailRows .catalog-production-row,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open .catalog-production-table-head,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open #catalogProductionDetailRows .catalog-production-row {
  grid-template-columns: 84px 44px 60px 44px minmax(122px, 1fr) 122px 54px 54px 32px !important;
  gap: 5px !important;
}

html body #catalogItemModal .catalog-cost-panel .catalog-cost-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

html body #catalogItemModal .catalog-cost-panel .catalog-cost-grid .form-field:nth-child(6) {
  margin-top: 2px !important;
  padding-top: 12px !important;
  border-top: 1px solid #dbe2ee !important;
}

html body #catalogItemModal .catalog-cost-panel .form-field input,
html body #catalogItemModal .catalog-cost-panel .enterprise-select-button,
html body #catalogItemModal .catalog-cost-panel .catalog-sale-status-trigger {
  width: 100% !important;
}

html body #catalogItemModal .catalog-cost-panel .catalog-sale-status-menu,
html body #catalogItemModal .catalog-cost-panel .enterprise-select-menu {
  left: 0 !important;
  right: 0 !important;
  width: auto !important;
}

html body #catalogItemModal .catalog-cost-panel .form-actions {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  width: 100% !important;
  margin-top: 0 !important;
}

html body #catalogItemModal .catalog-cost-panel #resetCatalogItemButton,
html body #catalogItemModal .catalog-cost-panel #submitCatalogItemButton {
  width: 100% !important;
  min-width: 0 !important;
}

@media (max-width: 1180px) {
  html body #catalogItemModal .catalog-item-dialog,
  html body #catalogItemModal .catalog-item-dialog.is-material-query-open {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body #catalogItemModal #catalogItemForm,
  html body #catalogItemModal .catalog-item-dialog.is-material-query-open #catalogItemForm {
    grid-template-columns: 1fr !important;
    overflow-y: auto !important;
  }

  html body #catalogItemModal .catalog-basic-panel,
  html body #catalogItemModal .catalog-making-panel,
  html body #catalogItemModal .catalog-cost-panel {
    grid-column: auto !important;
  }

  html body #catalogItemModal .catalog-production-detail-field,
  html body #catalogItemModal .catalog-production-detail-panel,
  html body #catalogItemModal .catalog-production-block,
  html body #catalogItemModal .catalog-production-block-single,
  html body #catalogItemModal #catalogProductionDetailRows {
    height: auto !important;
    overflow: visible !important;
  }
}
/* catalog production side panel v14 end */


/* catalog production side panel compact controls v14 */
html body #catalogItemModal .catalog-cost-panel {
  gap: 8px !important;
  overflow: hidden !important;
}

html body #catalogItemModal .catalog-cost-panel .catalog-cost-grid {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  align-content: start !important;
  gap: 7px !important;
  padding-right: 2px !important;
}

html body #catalogItemModal .catalog-cost-panel .form-field {
  gap: 4px !important;
}

html body #catalogItemModal .catalog-cost-panel .form-field > span {
  font-size: 12px !important;
  line-height: 1.15 !important;
}

html body #catalogItemModal .catalog-cost-panel .form-field input,
html body #catalogItemModal .catalog-cost-panel .enterprise-select-button,
html body #catalogItemModal .catalog-cost-panel .catalog-sale-status-trigger {
  min-height: 34px !important;
  height: 34px !important;
  padding: 0 10px !important;
}

html body #catalogItemModal .catalog-cost-panel .catalog-cost-grid .form-field:nth-child(6) {
  margin-top: 0 !important;
  padding-top: 9px !important;
}

html body #catalogItemModal .catalog-cost-panel .form-actions {
  flex: 0 0 auto !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
  padding-top: 6px !important;
  border-top: 1px solid #dbe2ee !important;
  background: #ffffff !important;
}

html body #catalogItemModal .catalog-cost-panel #resetCatalogItemButton,
html body #catalogItemModal .catalog-cost-panel #submitCatalogItemButton {
  height: 34px !important;
  min-height: 34px !important;
}
/* catalog production side panel compact controls v14 end */


/* catalog product modal reference layout v15 */
html body #catalogItemModal .catalog-item-dialog,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open {
  grid-template-columns: minmax(1040px, 1fr) 330px !important;
  width: min(1480px, calc(100vw - 20px)) !important;
  height: min(860px, calc(100vh - 20px)) !important;
}

html body #catalogItemModal #catalogItemForm,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open #catalogItemForm {
  box-sizing: border-box !important;
  grid-template-columns: 310px minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) minmax(270px, 0.78fr) !important;
  gap: 14px !important;
  padding: 14px !important;
  align-items: stretch !important;
  overflow: hidden !important;
}

html body #catalogItemModal .catalog-basic-panel {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

html body #catalogItemModal .catalog-cost-panel {
  grid-column: 1 !important;
  grid-row: 2 !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 12px !important;
  overflow: hidden !important;
}

html body #catalogItemModal .catalog-making-panel {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  overflow: hidden !important;
}

html body #catalogItemModal .catalog-production-summary-panel {
  grid-column: 2 !important;
  grid-row: 2 !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto auto !important;
  gap: 10px !important;
  overflow: hidden !important;
}

html body #catalogItemModal .catalog-production-detail-field,
html body #catalogItemModal .catalog-production-detail-panel,
html body #catalogItemModal .catalog-production-block,
html body #catalogItemModal .catalog-production-block-single {
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body #catalogItemModal #catalogProductionDetailRows {
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  align-content: start !important;
}

html body #catalogItemModal .catalog-cost-panel .catalog-cost-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  grid-auto-rows: max-content !important;
  column-gap: 12px !important;
  row-gap: 8px !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
}

html body #catalogItemModal .catalog-cost-panel .catalog-cost-grid .form-field:nth-child(1) {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

html body #catalogItemModal .catalog-cost-panel .catalog-cost-grid .form-field:nth-child(2) {
  grid-column: 1 !important;
  grid-row: 2 !important;
}

html body #catalogItemModal .catalog-cost-panel .catalog-cost-grid .form-field:nth-child(3) {
  grid-column: 1 !important;
  grid-row: 3 !important;
}

html body #catalogItemModal .catalog-cost-panel .catalog-cost-grid .form-field:nth-child(4) {
  grid-column: 1 !important;
  grid-row: 4 !important;
}

html body #catalogItemModal .catalog-cost-panel .catalog-cost-grid .form-field:nth-child(5) {
  grid-column: 1 !important;
  grid-row: 5 !important;
}

html body #catalogItemModal .catalog-cost-panel .catalog-cost-grid .form-field:nth-child(6) {
  grid-column: 2 !important;
  grid-row: 1 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

html body #catalogItemModal .catalog-cost-panel .catalog-cost-grid .form-field:nth-child(7) {
  grid-column: 2 !important;
  grid-row: 2 !important;
}

html body #catalogItemModal .catalog-cost-panel .catalog-cost-grid .form-field:nth-child(8) {
  grid-column: 2 !important;
  grid-row: 3 !important;
}

html body #catalogItemModal .catalog-cost-panel .catalog-cost-grid .form-field:nth-child(9) {
  grid-column: 2 !important;
  grid-row: 4 !important;
}

html body #catalogItemModal .catalog-cost-panel .form-field {
  gap: 5px !important;
}

html body #catalogItemModal .catalog-cost-panel .form-field input,
html body #catalogItemModal .catalog-cost-panel .enterprise-select-button,
html body #catalogItemModal .catalog-cost-panel .catalog-sale-status-trigger {
  min-height: 32px !important;
  height: 32px !important;
  padding: 0 10px !important;
}

html body #catalogItemModal .catalog-production-summary-title {
  justify-content: space-between !important;
}

html body #catalogItemModal .catalog-production-summary-count {
  color: #50627d !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

html body #catalogItemModal .catalog-production-summary-table-wrap {
  position: relative !important;
  min-height: 0 !important;
  overflow: auto !important;
  border: 1px solid #dbe2ee !important;
  border-radius: 6px !important;
  background: #ffffff !important;
}

html body #catalogItemModal .catalog-production-summary-table {
  width: 100% !important;
  min-width: 650px !important;
  border-collapse: collapse !important;
  table-layout: fixed !important;
}

html body #catalogItemModal .catalog-production-summary-table th,
html body #catalogItemModal .catalog-production-summary-table td {
  height: 36px !important;
  padding: 0 12px !important;
  border-bottom: 1px solid #e2e9f3 !important;
  color: #223450 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body #catalogItemModal .catalog-production-summary-table th {
  position: sticky !important;
  top: 0 !important;
  z-index: 1 !important;
  background: #f8fbff !important;
  color: #4f5d75 !important;
}

html body #catalogItemModal .catalog-production-summary-empty {
  position: absolute !important;
  inset: 42px 0 0 !important;
  display: grid !important;
  place-content: center !important;
  justify-items: center !important;
  gap: 8px !important;
  color: #74829a !important;
  pointer-events: none !important;
}

html body #catalogItemModal .catalog-production-summary-empty[hidden] {
  display: none !important;
}

html body #catalogItemModal .catalog-production-summary-empty-icon {
  width: 56px !important;
  height: 42px !important;
  border: 1px solid #dbe2ee !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #ffffff 0%, #edf3fb 100%) !important;
}

html body #catalogItemModal .catalog-production-summary-empty strong {
  color: #74829a !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

html body #catalogItemModal .catalog-production-summary-foot {
  min-height: 16px !important;
  color: #74829a !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

html body #catalogItemModal .catalog-production-summary-panel .form-actions {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  width: 100% !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
  background: transparent !important;
}

html body #catalogItemModal .catalog-production-summary-panel #resetCatalogItemButton,
html body #catalogItemModal .catalog-production-summary-panel #submitCatalogItemButton {
  width: 116px !important;
  min-width: 116px !important;
  height: 36px !important;
  min-height: 36px !important;
}

html body #catalogItemModal .catalog-material-query-panel {
  width: auto !important;
}

@media (max-width: 1180px) {
  html body #catalogItemModal #catalogItemForm,
  html body #catalogItemModal .catalog-item-dialog.is-material-query-open #catalogItemForm {
    grid-template-columns: 1fr !important;
    grid-template-rows: none !important;
    overflow-y: auto !important;
  }

  html body #catalogItemModal .catalog-basic-panel,
  html body #catalogItemModal .catalog-cost-panel,
  html body #catalogItemModal .catalog-making-panel,
  html body #catalogItemModal .catalog-production-summary-panel {
    grid-column: auto !important;
    grid-row: auto !important;
  }
}
/* catalog product modal reference layout v15 end */


/* catalog product modal reference layout polish v16 */
html body #catalogItemModal .catalog-item-dialog,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open {
  width: min(1510px, calc(100vw - 20px)) !important;
  height: min(1060px, calc(100vh - 20px)) !important;
}

html body #catalogItemModal #catalogItemForm,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open #catalogItemForm {
  grid-template-rows: minmax(0, 1.12fr) minmax(320px, 0.88fr) !important;
}

html body #catalogItemModal .catalog-production-summary-title {
  justify-content: flex-start !important;
}

html body #catalogItemModal .catalog-production-summary-count {
  margin-left: auto !important;
}

html body #catalogItemModal .catalog-production-summary-panel .form-actions {
  align-self: end !important;
}
/* catalog product modal reference layout polish v16 end */


/* catalog product modal reference row balance v17 */
html body #catalogItemModal #catalogItemForm,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open #catalogItemForm {
  grid-template-rows: minmax(530px, 1fr) minmax(320px, 0.72fr) !important;
}

html body #catalogItemModal .catalog-basic-panel {
  overflow: hidden !important;
}
/* catalog product modal reference row balance v17 end */


/* catalog product modal basic image category polish v19 */
html body #catalogItemModal .catalog-basic-panel {
  position: relative !important;
  z-index: 12 !important;
  overflow: visible !important;
  gap: 10px !important;
}

html body #catalogItemModal .catalog-basic-code-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(112px, 0.76fr) !important;
  gap: 10px !important;
  min-width: 0 !important;
}

html body #catalogItemModal .catalog-category-field {
  position: relative !important;
  z-index: 80 !important;
}

html body #catalogItemModal .catalog-category-trigger {
  padding-right: 12px !important;
}

html body #catalogItemModal .catalog-category-trigger strong {
  display: none !important;
}

html body #catalogItemModal .catalog-category-cascade-panel {
  z-index: 10000 !important;
  width: 640px !important;
  max-width: min(640px, calc(100vw - 96px)) !important;
}

html body #catalogItemModal .catalog-category-cascade-columns {
  grid-template-columns: 148px minmax(380px, 1fr) !important;
}

html body #catalogItemModal .catalog-category-cascade-list {
  min-width: 0 !important;
}

html body #catalogItemModal #catalogCategorySecondaryList .catalog-category-cascade-item {
  white-space: normal !important;
  line-height: 20px !important;
}

html body #catalogItemModal .catalog-category-cascade-item:hover,
html body #catalogItemModal .catalog-category-cascade-item.is-active {
  background: var(--catalog-modal-blue-soft) !important;
  color: var(--catalog-modal-blue) !important;
}

html body #catalogItemModal .catalog-media-field {
  gap: 6px !important;
}

html body #catalogItemModal .catalog-image-url-input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html body #catalogItemModal .catalog-image-dropzone-form {
  display: none !important;
}

html body #catalogItemModal .catalog-item-image-toolbar {
  min-height: 16px !important;
  margin: 0 !important;
}

html body #catalogItemModal .catalog-item-image-status {
  display: block !important;
  max-width: 100% !important;
  color: #74829a !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 16px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body #catalogItemModal .catalog-item-image-preview-card,
html body #catalogItemModal .catalog-item-image-preview-card[hidden] {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 0 !important;
}

html body #catalogItemModal .catalog-item-image-preview-wrap,
html body #catalogItemModal .catalog-item-image-empty-slot {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  aspect-ratio: 1 / 1 !important;
  width: 100% !important;
  min-height: 76px !important;
  border: 1px dashed #c9d9ee !important;
  border-radius: 8px !important;
  background: #f8fbff !important;
  color: var(--catalog-modal-blue) !important;
  cursor: pointer !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

html body #catalogItemModal .catalog-item-image-preview-wrap {
  padding: 0 !important;
  border-style: solid !important;
  background: #fff !important;
}

html body #catalogItemModal .catalog-item-image-preview-wrap img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

html body #catalogItemModal .catalog-item-image-empty-slot span {
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}
/* catalog product modal basic image category polish v19 end */


/* catalog product modal image url fully hidden v20 */
html body #catalogItemModal .catalog-image-url-input {
  display: none !important;
}
/* catalog product modal image url fully hidden v20 end */


/* catalog product modal upload preview status v21 */
html body #catalogItemModal .catalog-item-image-toolbar {
  min-height: 0 !important;
}

html body #catalogItemModal .catalog-item-image-status:empty {
  display: none !important;
}
/* catalog product modal upload preview status v21 end */


/* catalog product modal image delete v22 */
html body #catalogItemModal .catalog-item-image-preview-wrap {
  position: relative !important;
}

html body #catalogItemModal .catalog-item-image-delete-button {
  position: absolute !important;
  top: 4px !important;
  right: 4px !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.72) !important;
  border-radius: 50% !important;
  background: rgba(15, 35, 64, 0.78) !important;
  color: #ffffff !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-shadow: 0 6px 14px rgba(15, 35, 64, 0.22) !important;
  cursor: pointer !important;
}

html body #catalogItemModal .catalog-item-image-delete-button:hover,
html body #catalogItemModal .catalog-item-image-delete-button:focus-visible {
  background: #1f5fbf !important;
  outline: none !important;
}
/* catalog product modal image delete v22 end */


/* catalog category cascade narrow v23 */
html body #catalogItemModal .catalog-category-cascade-panel {
  width: 540px !important;
  max-width: min(540px, calc(100vw - 96px)) !important;
}

html body #catalogItemModal .catalog-category-cascade-columns {
  grid-template-columns: 126px minmax(300px, 1fr) !important;
}

html body #catalogItemModal .catalog-category-cascade-column:first-child {
  min-width: 0 !important;
}
/* catalog category cascade narrow v23 end */


/* catalog production detail replenish v24 */
html body #catalogItemModal .catalog-production-table-head,
html body #catalogItemModal #catalogProductionDetailRows .catalog-production-row,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open .catalog-production-table-head,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open #catalogProductionDetailRows .catalog-production-row {
  grid-template-columns: 84px 44px 60px 44px 64px minmax(102px, 0.78fr) 128px 54px 54px 32px !important;
  gap: 5px !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-replenish-cell {
  display: block !important;
  min-width: 0 !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-replenish-status {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 54px !important;
  min-height: 54px !important;
  max-height: 54px !important;
  padding: 0 6px !important;
  border: 1px solid #d8e2f0 !important;
  border-radius: 6px !important;
  background: #f8fbff !important;
  color: #63748d !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: normal !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-replenish-status.is-positive {
  border-color: #bfe6d3 !important;
  background: #f2fbf7 !important;
  color: #0f8a5f !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-replenish-status.is-negative {
  border-color: #f3c4c4 !important;
  background: #fff7f7 !important;
  color: #dc2626 !important;
}
/* catalog production detail replenish v24 end */


/* catalog material query tabs v25 */
html body #catalogItemModal .catalog-material-query-head,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open .catalog-material-query-head {
  grid-template-rows: auto auto !important;
  gap: 12px !important;
  padding: 14px 14px 12px !important;
}

html body #catalogItemModal .catalog-material-query-tabs {
  display: flex !important;
  align-items: center !important;
  gap: 22px !important;
  min-height: 26px !important;
}

html body #catalogItemModal .catalog-material-query-tab {
  position: relative !important;
  appearance: none !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 0 8px !important;
  color: #5d6c84 !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 18px !important;
  cursor: pointer !important;
}

html body #catalogItemModal .catalog-material-query-tab::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 2px !important;
  border-radius: 2px !important;
  background: transparent !important;
}

html body #catalogItemModal .catalog-material-query-tab.is-active {
  color: var(--catalog-modal-blue) !important;
}

html body #catalogItemModal .catalog-material-query-tab.is-active::after {
  background: var(--catalog-modal-blue) !important;
}

html body #catalogItemModal .catalog-material-query-title,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open .catalog-material-query-title {
  grid-row: 2 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  align-items: center !important;
}

html body #catalogItemModal #catalogMaterialQueryStatus {
  display: none !important;
}

html body #catalogItemModal .catalog-material-query-filter {
  position: relative !important;
  width: auto !important;
  min-width: 0 !important;
}

html body #catalogItemModal .catalog-material-query-filter .enterprise-select-button,
html body #catalogItemModal .catalog-material-query-search {
  height: 34px !important;
  min-height: 34px !important;
  border-color: #d8e2f0 !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  line-height: 34px !important;
}

html body #catalogItemModal .catalog-material-query-filter .enterprise-select-button:focus,
html body #catalogItemModal .catalog-material-query-filter.is-open .enterprise-select-button,
html body #catalogItemModal .catalog-material-query-search:focus {
  border-color: var(--catalog-modal-blue) !important;
  box-shadow: 0 0 0 2px rgba(31, 79, 149, 0.08) !important;
  outline: none !important;
}

html body #catalogItemModal .catalog-material-query-filter-menu {
  left: 0 !important;
  right: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-height: 220px !important;
  overflow-y: auto !important;
}

html body #catalogItemModal .catalog-material-query-table-wrap {
  padding: 0 12px 6px !important;
}

html body #catalogItemModal .catalog-material-query-table tr {
  grid-template-columns: 52px minmax(0, 1fr) 24px !important;
  grid-template-rows: auto auto auto auto !important;
  min-height: 88px !important;
  padding: 10px 0 !important;
}

html body #catalogItemModal .catalog-material-query-table td:nth-child(4),
html body #catalogItemModal .catalog-material-query-image-button,
html body #catalogItemModal .catalog-material-query-image-button img {
  width: 52px !important;
  height: 52px !important;
}

html body #catalogItemModal .catalog-material-query-table td:nth-child(9) {
  display: block !important;
  grid-column: 2 !important;
  grid-row: 4 !important;
  color: var(--catalog-modal-blue) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body #catalogItemModal .catalog-production-table-head,
html body #catalogItemModal #catalogProductionDetailRows .catalog-production-row,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open .catalog-production-table-head,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open #catalogProductionDetailRows .catalog-production-row {
  grid-template-columns: 80px 44px 60px 44px 64px minmax(104px, 0.75fr) 134px 54px 54px 32px !important;
  gap: 5px !important;
}

html body #catalogItemModal #catalogProductionDetailRows {
  padding: 0 4px 12px 2px !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-row:last-child {
  margin-bottom: 4px !important;
}
/* catalog material query tabs v25 end */


/* catalog material query topbar v26 */
html body #catalogItemModal .catalog-material-query-head,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open .catalog-material-query-head {
  grid-template-rows: auto auto !important;
  gap: 9px !important;
  padding: 14px 14px 11px !important;
}

html body #catalogItemModal .catalog-material-query-tabs {
  display: grid !important;
  grid-template-columns: max-content max-content minmax(0, 1fr) !important;
  column-gap: 16px !important;
  align-items: center !important;
  min-height: 34px !important;
}

html body #catalogItemModal .catalog-material-query-tab,
html body #catalogItemModal .catalog-material-query-tab:hover,
html body #catalogItemModal .catalog-material-query-tab:focus,
html body #catalogItemModal .catalog-material-query-tab:active,
html body #catalogItemModal .catalog-material-query-tab.is-active {
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

html body #catalogItemModal .catalog-material-query-tab {
  padding: 0 0 7px !important;
}

html body #catalogItemModal .catalog-material-query-search {
  grid-column: 3 !important;
  width: 100% !important;
}

html body #catalogItemModal .catalog-material-query-title,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open .catalog-material-query-title {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}
/* catalog material query topbar v26 end */


/* catalog material query align v27 */
html body #catalogItemModal .catalog-material-query-head,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open .catalog-material-query-head {
  gap: 8px !important;
  padding: 12px 14px 10px !important;
}

html body #catalogItemModal .catalog-material-query-tabs,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open .catalog-material-query-tabs {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 14px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 34px !important;
}

html body #catalogItemModal .catalog-material-query-tab {
  flex: 0 0 auto !important;
  align-self: center !important;
  margin: 0 !important;
  padding: 0 0 7px !important;
  line-height: 18px !important;
}

html body #catalogItemModal .catalog-material-query-search {
  grid-column: auto !important;
  flex: 1 1 auto !important;
  align-self: center !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 32px !important;
  min-height: 32px !important;
  margin: 0 !important;
  line-height: 32px !important;
}

html body #catalogItemModal .catalog-material-query-title,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open .catalog-material-query-title {
  display: flex !important;
  grid-template-columns: none !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 6px !important;
  width: 100% !important;
  min-width: 0 !important;
}

html body #catalogItemModal .catalog-material-query-filter {
  flex: 1 1 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: none !important;
}

html body #catalogItemModal .catalog-material-query-filter .enterprise-select-button {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 22px 0 8px !important;
  overflow: hidden !important;
  color: #223450 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 32px !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

html body #catalogItemModal .catalog-material-query-filter-menu {
  left: 0 !important;
  right: auto !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 220px !important;
}
/* catalog material query align v27 end */


/* catalog cost status panels v29 */
html body #catalogItemModal .catalog-cost-panel {
  min-height: 310px !important;
}

html body #catalogItemModal .catalog-cost-panel .catalog-cost-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: 10px !important;
  row-gap: 10px !important;
  align-content: start !important;
}

html body #catalogItemModal .catalog-cost-panel .catalog-cost-grid .form-field:nth-child(1) {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

html body #catalogItemModal .catalog-cost-panel .catalog-cost-grid .form-field:nth-child(2) {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

html body #catalogItemModal .catalog-cost-panel .catalog-cost-grid .form-field:nth-child(3) {
  grid-column: 1 !important;
  grid-row: 2 !important;
}

html body #catalogItemModal .catalog-cost-panel .catalog-cost-grid .form-field:nth-child(4) {
  grid-column: 2 !important;
  grid-row: 2 !important;
}

html body #catalogItemModal .catalog-cost-panel .catalog-cost-grid .form-field:nth-child(5) {
  grid-column: 1 / -1 !important;
  grid-row: 3 !important;
}

html body #catalogItemModal .catalog-status-panel {
  grid-template-rows: auto auto minmax(0, 1fr) auto !important;
  align-self: start !important;
  min-height: 206px !important;
  gap: 12px !important;
}

html body #catalogItemModal .catalog-status-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: start !important;
  min-width: 0 !important;
}

html body #catalogItemModal .catalog-status-panel .form-field {
  gap: 6px !important;
  min-width: 0 !important;
}

html body #catalogItemModal .catalog-status-panel .enterprise-select-button,
html body #catalogItemModal .catalog-status-panel .catalog-sale-status-trigger {
  width: 100% !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 10px !important;
}

html body #catalogItemModal .catalog-status-panel .form-actions {
  align-self: end !important;
  justify-self: end !important;
  margin-top: 6px !important;
}

@media (max-width: 1180px) {
  html body #catalogItemModal .catalog-status-panel {
    align-self: stretch !important;
  }

  html body #catalogItemModal .catalog-status-grid {
    grid-template-columns: 1fr !important;
  }
}
/* catalog cost status panels v29 end */


/* catalog status available quantity v30 */
html body #catalogItemModal #catalogItemForm,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open #catalogItemForm {
  grid-template-rows: minmax(0, 1fr) minmax(250px, 0.44fr) !important;
}

html body #catalogItemModal .catalog-cost-panel {
  align-self: stretch !important;
  min-height: 0 !important;
  border-bottom-color: #dbe2ee !important;
  overflow: hidden !important;
}

html body #catalogItemModal .catalog-status-panel {
  align-self: end !important;
  position: relative !important;
  z-index: 35 !important;
  min-height: 212px !important;
  overflow: visible !important;
}

html body #catalogItemModal .catalog-status-grid {
  grid-template-columns: minmax(108px, 0.64fr) minmax(142px, 0.9fr) minmax(188px, 1.18fr) minmax(188px, 1.18fr) !important;
  gap: 12px !important;
  overflow: visible !important;
}

html body #catalogItemModal .catalog-status-panel .form-field {
  position: relative !important;
  overflow: visible !important;
  z-index: 1 !important;
}

html body #catalogItemModal .catalog-status-panel .form-field.is-source-open {
  z-index: 220 !important;
}

html body #catalogItemModal .catalog-available-quantity-field input {
  width: 100% !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 10px !important;
  border-color: #d8e2f0 !important;
  background: #f8fbff !important;
  color: #143866 !important;
  font-weight: 850 !important;
}

html body #catalogItemModal .catalog-status-panel .enterprise-select-menu,
html body #catalogItemModal .catalog-status-panel .catalog-sale-status-menu {
  z-index: 240 !important;
  max-height: min(260px, 46vh) !important;
  overflow-y: auto !important;
}

html body #catalogItemModal .catalog-status-panel .enterprise-select-menu button,
html body #catalogItemModal .catalog-status-panel .catalog-sale-status-menu button {
  min-height: 34px !important;
  padding: 8px 12px !important;
  line-height: 18px !important;
  white-space: normal !important;
}

html body #catalogItemModal .catalog-status-panel .catalog-designer-menu button {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px !important;
  align-items: center !important;
}

html body #catalogItemModal .catalog-status-panel .catalog-designer-menu small {
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 760 !important;
}

@media (max-width: 1180px) {
  html body #catalogItemModal #catalogItemForm,
  html body #catalogItemModal .catalog-item-dialog.is-material-query-open #catalogItemForm {
    grid-template-rows: none !important;
  }

  html body #catalogItemModal .catalog-status-grid {
    grid-template-columns: 1fr !important;
  }
}
/* catalog status available quantity v30 end */


/* catalog detail width and used product codes v32 */
html body #catalogItemModal .catalog-item-dialog,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open {
  grid-template-columns: minmax(980px, 1fr) 292px !important;
  width: min(1680px, calc(100vw - 16px)) !important;
}

html body #catalogItemModal .catalog-production-table-head,
html body #catalogItemModal #catalogProductionDetailRows .catalog-production-row,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open .catalog-production-table-head,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open #catalogProductionDetailRows .catalog-production-row {
  grid-template-columns: 78px 42px 58px 42px 60px minmax(92px, 0.58fr) 126px 88px 88px 34px !important;
  gap: 5px !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-cell:nth-child(8) input,
html body #catalogItemModal #catalogProductionDetailRows .catalog-production-cell:nth-child(9) input {
  padding: 0 6px !important;
  font-size: 12px !important;
  font-variant-numeric: tabular-nums !important;
}

html body #catalogItemModal .catalog-material-query-table tr {
  grid-template-rows: auto auto auto auto auto !important;
  min-height: 108px !important;
}

html body #catalogItemModal .catalog-material-query-table td:nth-child(12),
html body #catalogItemModal .catalog-material-query-table .catalog-material-query-used-products {
  display: block !important;
  grid-column: 2 !important;
  grid-row: 5 !important;
  color: #50627d !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

@media (max-width: 1180px) {
  html body #catalogItemModal .catalog-item-dialog,
  html body #catalogItemModal .catalog-item-dialog.is-material-query-open {
    grid-template-columns: minmax(0, 1fr) !important;
    width: min(1000px, calc(100vw - 20px)) !important;
  }
}
/* catalog detail width and used product codes v32 end */


/* catalog category manage menu v33 */
html body #catalogItemModal .catalog-category-cascade-panel {
  overflow: visible !important;
}

html body #catalogItemModal .catalog-category-cascade-columns {
  overflow: visible !important;
}

html body #catalogItemModal .catalog-category-cascade-column {
  overflow: visible !important;
}

html body #catalogItemModal .catalog-category-cascade-item {
  padding-right: 10px !important;
}

html body #catalogItemModal #catalogCategoryPrimaryList .catalog-category-cascade-item {
  padding-right: 10px !important;
}

html body #catalogItemModal .catalog-category-cascade-item::after,
html body #catalogItemModal #catalogCategoryPrimaryList .catalog-category-cascade-item::after,
html body #catalogItemModal .catalog-category-delete {
  display: none !important;
}

html body #catalogItemModal .catalog-category-cascade-item.is-sortable {
  cursor: grab !important;
}

html body #catalogItemModal .catalog-category-cascade-item.is-sortable:active,
html body #catalogItemModal .catalog-category-cascade-item.is-reorder-source {
  cursor: grabbing !important;
}

html body #catalogItemModal .catalog-category-cascade-item.is-drop-target {
  border-color: #1f5fbf !important;
  background: #edf5ff !important;
  color: #174f9f !important;
}

html body #catalogItemModal .catalog-category-cascade-manage {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  padding-top: 4px !important;
  overflow: visible !important;
}

html body #catalogItemModal .catalog-category-cascade-manage .catalog-category-manage-button {
  width: 100% !important;
  min-width: 0 !important;
  justify-content: center !important;
}

html body #catalogItemModal .catalog-category-cascade-manage .catalog-category-manage-button.is-active {
  border-color: #1f5fbf !important;
  background: #eef5ff !important;
  color: #174f9f !important;
}

html body #catalogItemModal .catalog-category-manage-menu {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: calc(100% + 6px) !important;
  z-index: 10010 !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  padding: 4px !important;
  border: 1px solid #dbe2ee !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

html body #catalogItemModal .catalog-category-manage-menu[hidden] {
  display: none !important;
}

html body #catalogItemModal .catalog-category-manage-menu button {
  min-height: 32px !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: #26322d !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-align: left !important;
  cursor: pointer !important;
}

html body #catalogItemModal .catalog-category-manage-menu button:hover,
html body #catalogItemModal .catalog-category-manage-menu button.is-active {
  background: #eef5ff !important;
  color: #174f9f !important;
}

html body #catalogItemModal .catalog-category-manage-add-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px !important;
}

html body #catalogItemModal .catalog-category-manage-add-row[hidden] {
  display: none !important;
}


html body #catalogItemModal .catalog-category-cascade-manage.is-sorting .catalog-category-manage-button {
  display: none !important;
}

html body #catalogItemModal .catalog-category-manage-sort-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 8px !important;
}

html body #catalogItemModal .catalog-category-manage-sort-row[hidden] {
  display: none !important;
}

html body #catalogItemModal .catalog-category-manage-sort-row button {
  width: 100% !important;
  min-width: 0 !important;
  justify-content: center !important;
  box-shadow: none !important;
}
/* catalog category manage menu v34 end */


/* catalog category delete mode v35 */
html body #catalogItemModal .catalog-category-cascade-panel {
  width: 660px !important;
  max-width: min(660px, calc(100vw - 96px)) !important;
}

html body #catalogItemModal .catalog-category-cascade-columns {
  grid-template-columns: 172px minmax(390px, 1fr) !important;
}

html body #catalogItemModal .catalog-category-manage-menu {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}

html body #catalogItemModal .catalog-category-manage-menu button,
html body #catalogItemModal .catalog-category-manage-menu button:hover,
html body #catalogItemModal .catalog-category-manage-menu button:focus,
html body #catalogItemModal .catalog-category-manage-menu button:active,
html body #catalogItemModal .catalog-category-manage-menu button.is-active {
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  outline: 0 !important;
}

html body #catalogItemModal .catalog-category-manage-add-row {
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  align-items: center !important;
}

html body #catalogItemModal .catalog-category-manage-add-row button {
  min-width: 54px !important;
  justify-content: center !important;
}

html body #catalogItemModal .catalog-category-cascade-item {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
}

html body #catalogItemModal .catalog-category-cascade-name {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body #catalogItemModal .catalog-category-delete-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 32px !important;
  height: 22px !important;
  padding: 0 6px !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: transparent !important;
  color: #d92d20 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 22px !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

html body #catalogItemModal .catalog-category-delete-action:hover {
  background: #fff1f0 !important;
}

html body #catalogItemModal .catalog-category-cascade-panel.is-deleting-primary #catalogCategoryPrimaryList .catalog-category-cascade-item,
html body #catalogItemModal .catalog-category-cascade-panel.is-deleting-secondary #catalogCategorySecondaryList .catalog-category-cascade-item {
  cursor: default !important;
}
/* catalog category delete mode v35 end */


/* catalog category inline actions v37 */
html body #catalogItemModal .catalog-category-cascade-panel {
  width: 660px !important;
  max-width: min(660px, calc(100vw - 96px)) !important;
}

html body #catalogItemModal .catalog-category-cascade-columns {
  grid-template-columns: minmax(236px, 1.08fr) minmax(270px, 0.92fr) !important;
}

html body #catalogItemModal .catalog-category-cascade-manage {
  min-height: 34px !important;
  padding-top: 0 !important;
}

html body #catalogItemModal .catalog-category-cascade-manage.is-menu-open .catalog-category-manage-button {
  display: none !important;
}

html body #catalogItemModal .catalog-category-manage-menu {
  position: static !important;
  inset: auto !important;
  z-index: auto !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 34px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

html body #catalogItemModal .catalog-category-manage-menu[hidden] {
  display: none !important;
}

html body #catalogItemModal .catalog-category-manage-menu button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  min-height: 34px !important;
  height: 34px !important;
  padding: 0 8px !important;
  border: 1px solid #d8e2f0 !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  color: #143866 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 34px !important;
  text-align: center !important;
  box-shadow: none !important;
}

html body #catalogItemModal .catalog-category-manage-menu button:hover,
html body #catalogItemModal .catalog-category-manage-menu button:focus,
html body #catalogItemModal .catalog-category-manage-menu button:active,
html body #catalogItemModal .catalog-category-manage-menu button.is-active {
  border-color: #1f5fbf !important;
  background: #eef5ff !important;
  color: #174f9f !important;
  box-shadow: none !important;
  outline: none !important;
}
/* catalog category inline actions v37 end */


/* catalog category equal sort v38 */
html body #catalogItemModal .catalog-category-cascade-panel {
  width: 620px !important;
  max-width: min(620px, calc(100vw - 96px)) !important;
}

html body #catalogItemModal .catalog-category-cascade-columns {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}

html body #catalogItemModal .catalog-category-manage-sort-row {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

html body #catalogItemModal .catalog-category-manage-sort-row button {
  height: 34px !important;
  min-height: 34px !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

html body #catalogItemModal .catalog-category-manage-sort-row .primary-button {
  border: 1px solid #1f5fbf !important;
  background: #ffffff !important;
  color: #174f9f !important;
  line-height: 34px !important;
}

html body #catalogItemModal .catalog-category-manage-sort-row .primary-button:hover,
html body #catalogItemModal .catalog-category-manage-sort-row .primary-button:focus {
  background: #eef5ff !important;
  box-shadow: none !important;
  outline: none !important;
}
/* catalog category equal sort v38 end */


/* catalog category add inline v39 */
html body #catalogItemModal .catalog-category-cascade-manage.is-adding .catalog-category-manage-button {
  display: none !important;
}

html body #catalogItemModal .catalog-category-manage-add-row {
  width: 100% !important;
  grid-template-columns: minmax(0, 1fr) 54px 54px !important;
  align-items: center !important;
  gap: 8px !important;
}

html body #catalogItemModal .catalog-category-manage-add-row input {
  width: 100% !important;
  min-width: 0 !important;
  height: 34px !important;
  min-height: 34px !important;
}

html body #catalogItemModal .catalog-category-manage-add-row button,
html body #catalogItemModal .catalog-category-manage-sort-row button,
html body #catalogItemModal .catalog-category-manage-sort-row .primary-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 8px !important;
  line-height: normal !important;
  text-align: center !important;
  vertical-align: middle !important;
}

html body #catalogItemModal .catalog-category-manage-sort-row .primary-button {
  border-radius: 4px !important;
}
/* catalog category add inline v39 end */


/* catalog production related products v40 */
html body #catalogItemModal .catalog-production-query-inline {
  display: none !important;
}

html body #catalogItemModal .catalog-item-dialog,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open {
  grid-template-columns: minmax(1080px, 1fr) 292px !important;
  width: min(1740px, calc(100vw - 12px)) !important;
}

html body #catalogItemModal .catalog-production-table-head,
html body #catalogItemModal #catalogProductionDetailRows .catalog-production-row,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open .catalog-production-table-head,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open #catalogProductionDetailRows .catalog-production-row {
  grid-template-columns: 78px 42px 58px 42px 60px minmax(86px, 0.52fr) 128px 92px 92px minmax(108px, 0.58fr) 34px !important;
  gap: 5px !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-cell:nth-child(8) input,
html body #catalogItemModal #catalogProductionDetailRows .catalog-production-cell:nth-child(9) input {
  font-size: 12px !important;
  padding: 0 7px !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-related-cell {
  min-width: 0 !important;
}

html body #catalogItemModal .catalog-production-related-button {
  display: block !important;
  width: 100% !important;
  height: 54px !important;
  min-height: 54px !important;
  padding: 0 8px !important;
  border: 1px solid #dbe2ee !important;
  border-radius: 6px !important;
  background: #f8fbff !important;
  color: #1f4f95 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 16px !important;
  text-align: left !important;
  overflow: hidden !important;
  white-space: normal !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

html body #catalogItemModal .catalog-production-related-button:hover,
html body #catalogItemModal .catalog-production-related-button:focus {
  border-color: #1f5fbf !important;
  background: #eef6ff !important;
  outline: none !important;
}

.catalog-related-products-modal[hidden] {
  display: none !important;
}

.catalog-related-products-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 3000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
}

.catalog-related-products-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(10, 22, 40, 0.38) !important;
}

.catalog-related-products-card {
  position: relative !important;
  z-index: 1 !important;
  width: min(460px, calc(100vw - 48px)) !important;
  max-height: min(560px, calc(100vh - 80px)) !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  border: 1px solid #dbe2ee !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 48px rgba(24, 39, 75, 0.18) !important;
  overflow: hidden !important;
}

.catalog-related-products-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 14px 16px !important;
  border-bottom: 1px solid #dbe2ee !important;
}

.catalog-related-products-head strong {
  display: block !important;
  color: #071b3a !important;
  font-size: 16px !important;
  font-weight: 850 !important;
}

.catalog-related-products-head span {
  display: block !important;
  margin-top: 4px !important;
  color: #63718a !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.catalog-related-products-close {
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  border-radius: 6px !important;
  font-size: 20px !important;
  line-height: 1 !important;
}

.catalog-related-products-list {
  display: grid !important;
  gap: 8px !important;
  padding: 14px 16px 16px !important;
  overflow-y: auto !important;
}

.catalog-related-products-item {
  min-height: 36px !important;
  display: flex !important;
  align-items: center !important;
  padding: 8px 10px !important;
  border: 1px solid #e4ebf6 !important;
  border-radius: 6px !important;
  background: #f8fbff !important;
  color: #0f2d58 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.catalog-related-products-empty {
  padding: 22px 12px !important;
  color: #63718a !important;
  text-align: center !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}
/* catalog production related products v40 end */


/* catalog production related click v41 */
html body .catalog-related-products-modal {
  z-index: 2147483647 !important;
  pointer-events: auto !important;
}

html body .catalog-related-products-modal:not([hidden]) {
  display: flex !important;
}

html body .catalog-related-products-backdrop,
html body .catalog-related-products-card {
  pointer-events: auto !important;
}
/* catalog production related click v41 end */
/* catalog category spec multi v43 */
html body #catalogItemModal .catalog-bead-diameter-field[hidden] {
  display: none !important;
}

html body #catalogItemModal .catalog-basic-panel .catalog-bead-diameter-field[hidden],
html body #catalogItemModal .catalog-basic-panel .catalog-bead-diameter-field.is-hidden {
  display: none !important;
}

html body #catalogItemModal .catalog-bead-diameter-field input[readonly] {
  background: #f8fafc !important;
  color: #34445f !important;
  cursor: default !important;
}
/* catalog category spec multi v43 end */

/* catalog related products detail modal v44 */
html body .catalog-related-products-card {
  width: min(920px, calc(100vw - 48px)) !important;
  max-height: min(720px, calc(100vh - 64px)) !important;
}

html body .catalog-related-products-list {
  gap: 12px !important;
  padding: 16px !important;
}

html body .catalog-related-products-item {
  display: grid !important;
  grid-template-columns: 84px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: start !important;
  min-height: 108px !important;
  padding: 12px !important;
  border: 1px solid #dbe5f2 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
}

html body .catalog-related-products-image {
  width: 84px !important;
  height: 84px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  border: 1px solid #dbe5f2 !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  color: #6b7890 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

html body .catalog-related-products-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

html body .catalog-related-products-content {
  min-width: 0 !important;
  display: grid !important;
  gap: 8px !important;
}

html body .catalog-related-products-meta {
  display: flex !important;
  align-items: baseline !important;
  gap: 10px !important;
  min-width: 0 !important;
}

html body .catalog-related-products-meta strong {
  color: #08265a !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

html body .catalog-related-products-meta span {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #253955 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .catalog-related-products-detail-head,
html body .catalog-related-products-detail-row {
  display: grid !important;
  grid-template-columns: 54px 92px minmax(120px, 1fr) minmax(86px, 0.7fr) 48px !important;
  gap: 8px !important;
  align-items: center !important;
}

html body .catalog-related-products-detail-head {
  color: #718098 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

html body .catalog-related-products-detail-list {
  display: grid !important;
  gap: 6px !important;
}

html body .catalog-related-products-detail-row {
  min-height: 30px !important;
  padding: 6px 8px !important;
  border-radius: 6px !important;
  background: #f7faff !important;
  color: #20354f !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}

html body .catalog-related-products-detail-row span,
html body .catalog-related-products-detail-row strong,
html body .catalog-related-products-detail-row em,
html body .catalog-related-products-detail-row b,
html body .catalog-related-products-detail-row i {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-style: normal !important;
}

html body .catalog-related-products-detail-row strong {
  color: #08265a !important;
  font-weight: 900 !important;
}

html body .catalog-related-products-detail-empty {
  min-height: 34px !important;
  display: flex !important;
  align-items: center !important;
  padding: 8px 10px !important;
  border-radius: 6px !important;
  background: #f7faff !important;
  color: #6a7890 !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}
/* catalog related products detail modal v44 end */


/* catalog material query hide used products v45 */
html body #catalogItemModal .catalog-material-query-table tr {
  grid-template-rows: auto auto auto auto !important;
  min-height: 88px !important;
}

html body #catalogItemModal .catalog-material-query-table .catalog-material-query-used-products {
  display: none !important;
}
/* catalog material query hide used products v45 end */


/* catalog anchor manage dropdown v46 */
html body #catalogItemModal .catalog-status-panel .catalog-anchor-menu.enterprise-select-menu-up,
html body #catalogItemModal .catalog-status-panel .catalog-designer-menu.enterprise-select-menu-up,
html body #catalogItemModal .catalog-status-panel .catalog-product-source-menu.enterprise-select-menu-up {
  top: auto !important;
  bottom: 33px !important;
  margin-bottom: 0 !important;
  border-radius: 8px 8px 0 0 !important;
}

html body #catalogItemModal .catalog-status-panel .catalog-anchor-menu button[data-catalog-anchor-name],
html body #catalogItemModal .catalog-status-panel .catalog-product-source-menu button[data-catalog-product-source] {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
}

html body #catalogItemModal .catalog-status-panel .enterprise-select-item-actions {
  margin-left: auto !important;
}

html body #catalogItemModal .catalog-status-panel .catalog-anchor-manage .enterprise-select-manage-toggle,
html body #catalogItemModal .catalog-status-panel .catalog-product-source-manage .enterprise-select-manage-toggle,
html body #catalogItemModal .catalog-status-panel .catalog-anchor-manage .enterprise-select-manage-actions button,
html body #catalogItemModal .catalog-status-panel .catalog-product-source-manage .enterprise-select-manage-actions button {
  width: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  line-height: 18px !important;
}
/* catalog anchor manage dropdown v46 end */
/* catalog edit modal top layer v58 */
html body #catalogItemModal:not([hidden]) {
  z-index: 2147483647 !important;
  pointer-events: auto !important;
}
/* catalog related products compact v59 */
html body .catalog-related-products-card {
  width: min(780px, calc(100vw - 44px)) !important;
  max-height: min(640px, calc(100vh - 64px)) !important;
}

html body .catalog-related-products-head {
  padding: 10px 14px !important;
}

html body .catalog-related-products-head strong {
  font-size: 15px !important;
}

html body .catalog-related-products-head span {
  margin-top: 2px !important;
  font-size: 11px !important;
}

html body .catalog-related-products-close {
  width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  font-size: 18px !important;
}

html body .catalog-related-products-list {
  gap: 6px !important;
  padding: 10px 12px 12px !important;
}

html body .catalog-related-products-item {
  grid-template-columns: 48px minmax(0, 1fr) !important;
  gap: 8px !important;
  min-height: 68px !important;
  padding: 8px !important;
  border-radius: 7px !important;
}

html body .catalog-related-products-image {
  width: 48px !important;
  height: 48px !important;
  border-radius: 6px !important;
  font-size: 11px !important;
}

html body .catalog-related-products-content {
  gap: 5px !important;
}

html body .catalog-related-products-meta {
  gap: 8px !important;
  line-height: 18px !important;
}

html body .catalog-related-products-meta strong {
  font-size: 13px !important;
}

html body .catalog-related-products-meta span {
  font-size: 12px !important;
}

html body .catalog-related-products-detail-head {
  display: none !important;
}

html body .catalog-related-products-detail-list {
  gap: 4px !important;
}

html body .catalog-related-products-detail-row {
  grid-template-columns: 40px 82px minmax(90px, 1fr) 72px 34px !important;
  gap: 6px !important;
  min-height: 24px !important;
  padding: 3px 6px !important;
  border-radius: 5px !important;
  font-size: 11px !important;
}

html body .catalog-related-products-detail-type {
  color: #355171 !important;
  font-weight: 850 !important;
}

html body .catalog-related-products-detail-empty {
  min-height: 26px !important;
  padding: 5px 8px !important;
  font-size: 11px !important;
}
/* catalog related products compact v59 end */
/* catalog related products table v60 */
html body .catalog-related-products-card {
  width: min(840px, calc(100vw - 44px)) !important;
  max-height: min(600px, calc(100vh - 64px)) !important;
}

html body .catalog-related-products-list {
  gap: 0 !important;
  padding: 0 !important;
  background: #ffffff !important;
}

html body .catalog-related-products-table-head,
html body .catalog-related-products-item {
  display: grid !important;
  grid-template-columns: 118px 62px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: center !important;
}

html body .catalog-related-products-table-head {
  position: sticky !important;
  top: 0 !important;
  z-index: 2 !important;
  height: 32px !important;
  padding: 0 14px !important;
  border-bottom: 1px solid #e7edf6 !important;
  background: #f7f9fc !important;
  color: #5d6d86 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

html body .catalog-related-products-item {
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-bottom: 1px solid #edf1f7 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body .catalog-related-products-code {
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
  align-content: center !important;
}

html body .catalog-related-products-code strong {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #071b3a !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 18px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .catalog-related-products-code span {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #253955 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 18px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .catalog-related-products-image {
  width: 44px !important;
  height: 44px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  box-shadow: none !important;
  filter: none !important;
  outline: none !important;
}

html body .catalog-related-products-image img {
  display: block !important;
  box-shadow: none !important;
  filter: none !important;
}

html body .catalog-related-products-production {
  min-width: 0 !important;
  overflow: hidden !important;
}

html body .catalog-related-products-production-text {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  max-height: 40px !important;
  overflow: hidden !important;
  color: #071b3a !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 20px !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}

html body .catalog-related-products-production-text.is-empty {
  color: #6a7890 !important;
  font-weight: 700 !important;
}
/* catalog related products table v60 end */


/* catalog item delete action v218 */
html body #catalogItemModal .catalog-item-delete-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 34px !important;
  min-height: 34px !important;
  min-width: 58px !important;
  padding: 0 12px !important;
  border-radius: 6px !important;
  box-sizing: border-box !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 32px !important;
  border-color: #dc2626 !important;
  color: #dc2626 !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

html body #catalogItemModal .catalog-item-delete-button:hover,
html body #catalogItemModal .catalog-item-delete-button:focus-visible {
  border-color: #dc2626 !important;
  color: #dc2626 !important;
  background: #fff5f5 !important;
}

/* catalog related products image enlarge v253 */
html body .catalog-related-products-card {
  width: min(1040px, calc(100vw - 44px)) !important;
  max-height: min(720px, calc(100vh - 64px)) !important;
}

html body .catalog-related-products-table-head,
html body .catalog-related-products-item {
  grid-template-columns: 142px 96px minmax(0, 1fr) !important;
  gap: 14px !important;
}

html body .catalog-related-products-table-head {
  padding: 0 16px !important;
}

html body .catalog-related-products-item {
  height: 104px !important;
  min-height: 104px !important;
  max-height: 104px !important;
  padding: 0 16px !important;
}

html body .catalog-related-products-image {
  width: 84px !important;
  height: 84px !important;
  border: 1px solid #e4ebf4 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  overflow: hidden !important;
}

html body button.catalog-related-products-image {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}

html body .catalog-related-products-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

html body .catalog-related-products-production-text {
  -webkit-line-clamp: 3 !important;
  max-height: 60px !important;
}
/* catalog related products image enlarge v253 end */

/* catalog product modal hybrid editor v404 */
html body #catalogItemModal .catalog-item-dialog,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open {
  --catalog-modal-blue: #174f96 !important;
  --catalog-editor-ink: #162033 !important;
  --catalog-editor-muted: #6c7280 !important;
  --catalog-editor-line: #d8e2ee !important;
  --catalog-editor-soft: #f8fafc !important;
  display: grid !important;
  grid-template-columns: minmax(250px, 0.78fr) minmax(560px, 1.58fr) minmax(290px, 0.88fr) minmax(230px, 0.68fr) !important;
  grid-template-rows: auto auto minmax(320px, 0.46fr) minmax(350px, 0.54fr) !important;
  gap: 12px !important;
  width: min(1760px, calc(100vw - 24px)) !important;
  height: min(920px, calc(100vh - 24px)) !important;
  max-height: calc(100vh - 24px) !important;
  padding: 12px !important;
  border: 1px solid #d8e2ee !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #f8fafc 0%, #eef6fb 100%) !important;
  box-shadow: 0 20px 54px rgba(15, 23, 42, 0.16) !important;
  overflow: hidden !important;
}

html body #catalogItemModal .catalog-item-dialog > .modal-header,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open > .modal-header {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  min-height: 40px !important;
  padding: 0 4px 8px !important;
  border-bottom: 1px solid #d8e2ee !important;
  background: transparent !important;
}

html body #catalogItemModal .catalog-item-dialog > .modal-header h3 {
  color: var(--catalog-editor-ink) !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

html body #catalogItemModal .catalog-editor-context {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(320px, 1fr) repeat(3, minmax(148px, 0.22fr)) !important;
  gap: 12px !important;
  align-items: center !important;
  min-height: 74px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(218, 202, 174, 0.82) !important;
  border-radius: 9px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 10px 28px rgba(58, 42, 20, 0.08) !important;
}

html body #catalogItemModal .catalog-editor-product-media {
  display: grid !important;
  grid-template-columns: 56px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: center !important;
  min-width: 0 !important;
}

html body #catalogItemModal .catalog-editor-product-thumb {
  display: grid !important;
  place-items: center !important;
  width: 56px !important;
  height: 56px !important;
  border: 1px solid #d8e2ee !important;
  border-radius: 8px !important;
  background: #f1f5f9 !important;
  color: #174f96 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  overflow: hidden !important;
}

html body #catalogItemModal .catalog-editor-product-thumb img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

html body #catalogItemModal .catalog-editor-product-copy {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
}

html body #catalogItemModal .catalog-editor-product-copy strong {
  min-width: 0 !important;
  overflow: hidden !important;
  color: var(--catalog-editor-ink) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 20px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body #catalogItemModal .catalog-editor-product-copy span,
html body #catalogItemModal .catalog-editor-stat span {
  min-width: 0 !important;
  overflow: hidden !important;
  color: var(--catalog-editor-muted) !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 18px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body #catalogItemModal .catalog-editor-stat {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
  padding: 8px 10px !important;
  border-left: 1px solid #d8e2ee !important;
}

html body #catalogItemModal .catalog-editor-stat strong {
  overflow: hidden !important;
  color: #174f96 !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  line-height: 22px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body #catalogItemModal #catalogItemForm,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open #catalogItemForm {
  display: contents !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

html body #catalogItemModal .catalog-item-panel,
html body #catalogItemModal .catalog-material-query-panel,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open .catalog-material-query-panel {
  border: 1px solid rgba(218, 202, 174, 0.86) !important;
  border-radius: 9px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 12px 28px rgba(58, 42, 20, 0.07) !important;
}

html body #catalogItemModal .catalog-basic-panel {
  grid-column: 1 !important;
  grid-row: 3 / 5 !important;
  display: grid !important;
  align-content: start !important;
  gap: 12px !important;
  overflow: auto !important;
}

html body #catalogItemModal .catalog-making-panel {
  grid-column: 2 !important;
  grid-row: 3 / 5 !important;
  display: grid !important;
  grid-template-rows: minmax(0, 1fr) !important;
  padding: 12px !important;
  overflow: hidden !important;
}

html body #catalogItemModal .catalog-material-query-panel,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open .catalog-material-query-panel {
  grid-column: 3 !important;
  grid-row: 3 / 5 !important;
  display: flex !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  transform: none !important;
  animation: none !important;
  overflow: hidden !important;
}

html body #catalogItemModal .catalog-cost-panel {
  grid-column: 4 !important;
  grid-row: 3 !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 12px !important;
  align-self: stretch !important;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  overflow: visible !important;
}

html body #catalogItemModal .catalog-status-panel {
  grid-column: 4 !important;
  grid-row: 4 !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-self: stretch !important;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  overflow: visible !important;
}

html body #catalogItemModal .catalog-item-panel-title,
html body #catalogItemModal .catalog-production-title-row {
  color: var(--catalog-editor-ink) !important;
}

html body #catalogItemModal .catalog-item-panel-title::before,
html body #catalogItemModal .catalog-production-title-row::before {
  background: #174f96 !important;
}

html body #catalogItemModal .catalog-production-detail-field,
html body #catalogItemModal .catalog-production-detail-panel,
html body #catalogItemModal .catalog-production-block,
html body #catalogItemModal .catalog-production-block-single {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
}

html body #catalogItemModal .catalog-production-detail-panel {
  border: 1px solid #d8e2ee !important;
  border-radius: 8px !important;
  background: #ffffff !important;
}

html body #catalogItemModal .catalog-production-table-head,
html body #catalogItemModal #catalogProductionDetailRows .catalog-production-row,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open .catalog-production-table-head,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open #catalogProductionDetailRows .catalog-production-row {
  grid-template-columns: 80px 46px 46px 48px 58px minmax(98px, 1fr) 96px 72px 76px minmax(74px, 0.75fr) 32px !important;
  gap: 6px !important;
  min-width: 820px !important;
}

html body #catalogItemModal .catalog-production-table-head {
  position: sticky !important;
  top: 0 !important;
  z-index: 3 !important;
  padding: 7px 8px !important;
  border-bottom: 1px solid #d8e2ee !important;
  background: #f8fafc !important;
  color: #64748b !important;
}

html body #catalogItemModal #catalogProductionDetailRows {
  min-height: 0 !important;
  padding: 8px !important;
  overflow: auto !important;
  align-content: start !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-row {
  padding: 5px 0 !important;
  border-bottom: 1px solid #f0e8dc !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-row:last-child {
  border-bottom: 0 !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-cell input,
html body #catalogItemModal #catalogProductionDetailRows .catalog-production-cell select {
  border-color: #cbd5e1 !important;
  background: #f8fafc !important;
  color: #192234 !important;
}

html body #catalogItemModal .catalog-cost-panel .catalog-cost-grid,
html body #catalogItemModal .catalog-status-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  align-content: start !important;
  min-height: 0 !important;
  overflow: visible !important;
}

html body #catalogItemModal .catalog-cost-panel .catalog-cost-grid .form-field,
html body #catalogItemModal .catalog-status-panel .form-field,
html body #catalogItemModal .catalog-cost-panel .catalog-cost-grid .form-field:nth-child(n),
html body #catalogItemModal .catalog-status-grid .form-field:nth-child(n) {
  grid-column: auto !important;
  grid-row: auto !important;
}

html body #catalogItemModal .catalog-cost-panel .catalog-cost-grid .form-field:nth-child(5) {
  grid-column: 1 / -1 !important;
}

html body #catalogItemModal .catalog-cost-panel input[readonly],
html body #catalogItemModal .catalog-available-quantity-field input {
  background: #f8fafc !important;
  color: #174f96 !important;
  font-weight: 900 !important;
}

html body #catalogItemModal .catalog-status-panel .form-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
  align-self: end !important;
  justify-self: stretch !important;
  width: 100% !important;
  margin: 0 !important;
  background: transparent !important;
}

html body #catalogItemModal .catalog-status-panel #submitCatalogItemButton {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}

html body #catalogItemModal .catalog-status-panel #resetCatalogItemButton,
html body #catalogItemModal .catalog-status-panel #submitCatalogItemButton,
html body #catalogItemModal .catalog-status-panel #deleteCatalogItemEditButton {
  width: 100% !important;
  min-width: 0 !important;
}

html body #catalogItemModal .catalog-material-query-head,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open .catalog-material-query-head {
  padding: 12px !important;
  border-bottom: 1px solid #d8e2ee !important;
  background: #f8fafc !important;
}

html body #catalogItemModal .catalog-material-query-tab.is-active {
  color: #174f96 !important;
  border-color: #174f96 !important;
}

html body #catalogItemModal .catalog-material-query-filter .enterprise-select-button,
html body #catalogItemModal .catalog-status-panel .enterprise-select-button,
html body #catalogItemModal .catalog-status-panel .catalog-sale-status-trigger,
html body #catalogItemModal .catalog-category-trigger,
html body #catalogItemModal .form-field input {
  border-color: #cbd5e1 !important;
}

html body #catalogItemModal .catalog-material-query-filter .enterprise-select-button:focus-visible,
html body #catalogItemModal .catalog-status-panel .enterprise-select-button:focus-visible,
html body #catalogItemModal .catalog-status-panel .catalog-sale-status-trigger:focus-visible,
html body #catalogItemModal .catalog-category-trigger:focus-visible,
html body #catalogItemModal .form-field input:focus {
  border-color: #174f96 !important;
  box-shadow: 0 0 0 3px rgba(23, 79, 150, 0.14) !important;
}

@media (max-width: 1420px) {
  html body #catalogItemModal .catalog-item-dialog,
  html body #catalogItemModal .catalog-item-dialog.is-material-query-open {
    grid-template-columns: minmax(238px, 0.72fr) minmax(470px, 1.45fr) minmax(270px, 0.84fr) minmax(210px, 0.62fr) !important;
  }

  html body #catalogItemModal .catalog-editor-context {
    grid-template-columns: minmax(280px, 1fr) repeat(3, minmax(126px, 0.22fr)) !important;
  }
}

@media (max-width: 1240px) {
  html body #catalogItemModal .catalog-item-dialog,
  html body #catalogItemModal .catalog-item-dialog.is-material-query-open {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto auto auto auto auto !important;
    width: min(980px, calc(100vw - 20px)) !important;
    height: min(920px, calc(100vh - 20px)) !important;
    overflow-y: auto !important;
  }

  html body #catalogItemModal .catalog-editor-context {
    grid-template-columns: 1fr 1fr !important;
  }

  html body #catalogItemModal .catalog-editor-product-media {
    grid-column: 1 / -1 !important;
  }

  html body #catalogItemModal .catalog-basic-panel,
  html body #catalogItemModal .catalog-making-panel,
  html body #catalogItemModal .catalog-material-query-panel,
  html body #catalogItemModal .catalog-cost-panel,
  html body #catalogItemModal .catalog-status-panel {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  html body #catalogItemModal .catalog-basic-panel {
    max-height: none !important;
  }

  html body #catalogItemModal .catalog-making-panel,
  html body #catalogItemModal .catalog-material-query-panel {
    min-height: 420px !important;
  }
}
/* catalog product modal hybrid editor v404 end */

/* catalog product modal material sheet v410 */
html body #catalogItemModal .catalog-item-dialog,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open {
  grid-template-columns: minmax(720px, 1.45fr) minmax(260px, 0.48fr) minmax(310px, 0.72fr) minmax(240px, 0.55fr) !important;
  grid-template-rows: auto minmax(122px, auto) minmax(300px, 0.48fr) minmax(310px, 0.52fr) !important;
  height: min(920px, calc(100vh - 24px)) !important;
  overflow: visible !important;
}

html body #catalogItemModal .catalog-editor-context {
  display: none !important;
}

html body #catalogItemModal .catalog-basic-panel {
  position: relative !important;
  z-index: 80 !important;
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  display: grid !important;
  grid-template-columns: 82px minmax(260px, 0.84fr) minmax(260px, 0.84fr) minmax(330px, 1fr) minmax(500px, 1.32fr) !important;
  grid-template-rows: auto auto !important;
  gap: 10px 12px !important;
  align-items: start !important;
  padding: 10px 12px !important;
  overflow: visible !important;
}

html body #catalogItemModal .catalog-basic-panel > .catalog-item-panel-title {
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
  align-self: start !important;
  min-height: 34px !important;
}

html body #catalogItemModal .catalog-basic-panel .catalog-basic-code-row {
  grid-column: 2 !important;
  grid-row: 1 !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 8px !important;
}

html body #catalogItemModal .catalog-basic-panel .catalog-form-field-assist {
  display: none !important;
}

html body #catalogItemModal .catalog-basic-panel .catalog-form-field-category {
  grid-column: 3 !important;
  grid-row: 1 !important;
  position: relative !important;
  z-index: 2147483000 !important;
}

html body #catalogItemModal .catalog-basic-panel .catalog-form-field-name {
  grid-column: 4 !important;
  grid-row: 1 !important;
}

html body #catalogItemModal .catalog-basic-panel .catalog-basic-price-grid {
  grid-column: 2 / 5 !important;
  grid-row: 2 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px 10px !important;
}

html body #catalogItemModal .catalog-basic-panel .catalog-media-field {
  grid-column: 5 !important;
  grid-row: 1 / 3 !important;
  display: grid !important;
  grid-template-columns: 48px minmax(270px, 1fr) minmax(132px, 0.42fr) !important;
  grid-template-rows: auto minmax(76px, auto) auto !important;
  gap: 6px 10px !important;
  align-items: start !important;
}

html body #catalogItemModal .catalog-basic-panel .catalog-media-field > span {
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
}

html body #catalogItemModal .catalog-basic-panel .catalog-item-image-toolbar {
  grid-column: 2 / 4 !important;
  grid-row: 3 !important;
}

html body #catalogItemModal .catalog-basic-panel .catalog-item-image-preview-card,
html body #catalogItemModal .catalog-basic-panel .catalog-item-image-preview-card[hidden] {
  grid-column: 2 !important;
  grid-row: 1 / 3 !important;
  align-self: stretch !important;
}

html body #catalogItemModal .catalog-basic-panel .catalog-item-image-preview-wrap,
html body #catalogItemModal .catalog-basic-panel .catalog-item-image-empty-slot {
  min-height: 76px !important;
  border-color: #cbd5e1 !important;
  background: #f8fafc !important;
}

html body #catalogItemModal .catalog-original-image-box {
  grid-column: 3 !important;
  grid-row: 1 / 3 !important;
  display: grid !important;
  grid-template-rows: auto minmax(76px, 1fr) auto !important;
  gap: 6px !important;
  min-width: 0 !important;
}

html body #catalogItemModal .catalog-original-image-box > span {
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

html body #catalogItemModal .catalog-original-image-upload-button {
  display: grid !important;
  grid-template-rows: minmax(76px, 1fr) auto !important;
  gap: 5px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #174f96 !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

html body #catalogItemModal .catalog-original-image-upload-button strong {
  display: block !important;
  overflow: hidden !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 16px !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body #catalogItemModal .catalog-original-image-preview {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 76px !important;
  border: 1px dashed #cbd5e1 !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  color: #174f96 !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  overflow: hidden !important;
}

html body #catalogItemModal .catalog-original-image-preview img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

html body #catalogItemModal .catalog-original-image-status {
  min-height: 14px !important;
  overflow: hidden !important;
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  line-height: 14px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body #catalogItemModal .catalog-original-image-status:empty {
  display: none !important;
}

html body #catalogItemModal .catalog-original-image-status[data-tone="error"] {
  color: #dc2626 !important;
}

html body #catalogItemModal .catalog-original-image-status[data-tone="loading"] {
  color: #2563eb !important;
}

html body #catalogItemModal .catalog-making-panel {
  grid-column: 1 / 3 !important;
  grid-row: 3 / 5 !important;
}

html body #catalogItemModal .catalog-material-query-panel,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open .catalog-material-query-panel {
  grid-column: 3 !important;
  grid-row: 3 / 5 !important;
}

html body #catalogItemModal .catalog-cost-panel {
  grid-column: 4 !important;
  grid-row: 3 !important;
}

html body #catalogItemModal .catalog-status-panel {
  grid-column: 4 !important;
  grid-row: 4 !important;
}

html body #catalogItemModal .catalog-status-panel > .form-actions {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) 38px !important;
  gap: 8px !important;
  align-self: end !important;
}

html body #catalogItemModal .catalog-status-panel > .form-actions > button {
  width: 100% !important;
  min-height: 34px !important;
}

html body #catalogItemModal .catalog-status-panel #submitCatalogItemButton {
  grid-column: auto !important;
}

html body #catalogItemModal .catalog-item-delete-button {
  width: 38px !important;
  min-width: 38px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  border-color: rgba(220, 38, 38, 0.48) !important;
  border-radius: 8px !important;
  color: #dc2626 !important;
  font-size: 0 !important;
  line-height: 1 !important;
}

html body #catalogItemModal .catalog-item-delete-button svg {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  fill: currentColor !important;
}

html body #catalogItemModal .catalog-cost-panel .catalog-cost-grid .form-field:nth-child(n) {
  grid-column: auto !important;
}

html body #catalogItemModal .catalog-labor-cost-field > span::after {
  content: " *" !important;
  color: #dc2626 !important;
  font-weight: 950 !important;
}

html body #catalogItemModal .catalog-labor-cost-field.is-invalid input {
  border-color: #dc2626 !important;
  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.11) !important;
}

html body #catalogItemModal .catalog-category-cascade-panel {
  z-index: 2147483646 !important;
  width: 680px !important;
  max-width: min(680px, calc(100vw - 96px)) !important;
  border: 1px solid rgba(226, 213, 194, 0.82) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.76) !important;
  box-shadow: 0 24px 56px rgba(58, 42, 20, 0.18) !important;
  backdrop-filter: blur(18px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.1) !important;
}

html body #catalogItemModal .catalog-category-cascade-search input,
html body #catalogItemModal .catalog-category-manage-add-row input {
  background: rgba(255, 255, 255, 0.74) !important;
  border-color: rgba(226, 213, 194, 0.88) !important;
}

html body #catalogItemModal .catalog-category-cascade-column {
  background: rgba(255, 255, 255, 0.42) !important;
}

html body #catalogItemModal .catalog-category-cascade-item:hover,
html body #catalogItemModal .catalog-category-cascade-item.is-active {
  background: rgba(239, 231, 211, 0.86) !important;
  color: #6f5118 !important;
}

html body #catalogItemModal .catalog-production-detail-panel {
  overflow: hidden !important;
}

html body #catalogItemModal .catalog-production-table-head,
html body #catalogItemModal #catalogProductionDetailRows .catalog-production-row,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open .catalog-production-table-head,
html body #catalogItemModal .catalog-item-dialog.is-material-query-open #catalogProductionDetailRows .catalog-production-row {
  grid-template-columns: minmax(205px, 0.86fr) 112px 72px minmax(92px, 0.46fr) 88px 96px 54px minmax(132px, 0.58fr) 32px !important;
  gap: 10px !important;
  min-width: 940px !important;
}

html body #catalogItemModal .catalog-production-table-head {
  padding: 8px 12px !important;
  border-bottom: 1px solid #d8e2ee !important;
  background: rgba(248, 250, 252, 0.96) !important;
}

html body #catalogItemModal #catalogProductionDetailRows {
  padding: 0 12px 10px !important;
  overflow: auto !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-row {
  min-height: 62px !important;
  align-items: center !important;
  padding: 0 !important;
  border-bottom: 1px solid #f0e8dc !important;
  background: transparent !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-cell {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  min-height: 0 !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-cell span {
  display: none !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-info-cell {
  align-items: stretch !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-info-wrap {
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  width: 100% !important;
  height: 62px !important;
  min-width: 0 !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-thumb-trigger,
html body #catalogItemModal #catalogProductionDetailRows .catalog-production-info-wrap .catalog-production-thumb {
  align-self: center !important;
  width: 46px !important;
  min-width: 46px !important;
  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;
  border: 1px solid #d8e2ee !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-info-wrap .catalog-production-thumb img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-info-fields {
  align-self: center !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-info-fields {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-code-text,
html body #catalogItemModal #catalogProductionDetailRows .catalog-production-name-text,
html body #catalogItemModal #catalogProductionDetailRows .catalog-production-readonly-value {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: #192234 !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 850 !important;
  line-height: 20px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-name-text {
  color: #64748b !important;
  font-weight: 760 !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-stock-cell,
html body #catalogItemModal #catalogProductionDetailRows .catalog-production-spec-cell,
html body #catalogItemModal #catalogProductionDetailRows .catalog-production-subtotal-cell {
  align-items: center !important;
  justify-content: flex-start !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-cell input {
  width: 100% !important;
  min-width: 0 !important;
  height: 24px !important;
  min-height: 24px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #192234 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 24px !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-name-input {
  color: #64748b !important;
  font-weight: 750 !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-cell input:focus {
  padding: 0 6px !important;
  border: 1px solid #93b7df !important;
  border-radius: 6px !important;
  background: #f8fafc !important;
  box-shadow: 0 0 0 3px rgba(23, 79, 150, 0.12) !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-quantity-stepper {
  display: grid !important;
  grid-template-columns: 28px minmax(40px, 1fr) 28px !important;
  align-items: center !important;
  width: 100% !important;
  height: 30px !important;
  border: 1px solid #d8e2ee !important;
  border-radius: 7px !important;
  background: #f8fafc !important;
  overflow: hidden !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-quantity-stepper button {
  width: 28px !important;
  height: 30px !important;
  min-width: 28px !important;
  min-height: 30px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #174f96 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-quantity-stepper input {
  height: 30px !important;
  min-height: 30px !important;
  text-align: center !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-replenish-status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-height: 20px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-remark-cell input {
  padding: 0 6px !important;
  border: 1px solid rgba(226, 213, 194, 0.62) !important;
  border-radius: 7px !important;
  background: rgba(255, 253, 251, 0.72) !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-remark-cell input:placeholder-shown {
  color: #8b8172 !important;
}

html body #catalogItemModal #catalogProductionDetailRows .catalog-production-row-remove {
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  border: 0 !important;
  background: transparent !important;
  color: #dc2626 !important;
}

@media (max-width: 1240px) {
  html body #catalogItemModal .catalog-basic-panel {
    grid-template-columns: 1fr !important;
    grid-template-rows: none !important;
  }

  html body #catalogItemModal .catalog-basic-panel > .catalog-item-panel-title,
  html body #catalogItemModal .catalog-basic-panel .catalog-basic-code-row,
  html body #catalogItemModal .catalog-basic-panel .catalog-form-field-category,
  html body #catalogItemModal .catalog-basic-panel .catalog-form-field-name,
  html body #catalogItemModal .catalog-basic-panel .catalog-basic-price-grid,
  html body #catalogItemModal .catalog-basic-panel .catalog-media-field {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}
/* catalog product modal material sheet v410 end */