/* PIM business-page adapters. The shell, controls and theme come from the Venix Bootstrap assets. */
:root {
  --bs-font-sans-serif: var(--pim-font-family, "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", Arial, sans-serif);
  --bs-body-font-size: var(--pim-body-font-size, 15px);
  --pim-content-max: 1680px;
  --pim-line: #e5e9f1;
  --pim-muted: var(--bs-secondary-color, #64748b);
}

html,
body {
  font-family: var(--bs-font-sans-serif);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

button,
input,
select,
textarea {
  font-family: var(--bs-font-sans-serif) !important;
}

body {
  background-color: #f1f3f8;
  color: var(--pim-body-color, var(--bs-body-color));
}

.topbar-custom {
  background-color: var(--bs-body-bg);
}

/* Keep the theme toggle in the same 70px hit area as the other template controls. */
.topbar-custom .topnav-menu #light-dark-mode {
  height: 70px;
  max-height: 70px;
  min-height: 70px;
}

.topbar-custom .topnav-menu #light-dark-mode > span {
  height: 70px;
  width: 100%;
}

a {
  text-decoration: none;
}

.app-sidebar-menu #side-menu > li.menu-title {
  margin: 1rem 0 0.25rem;
  padding: 0.75rem 17px 0.25rem;
}

.app-sidebar-menu #side-menu > li.menu-title:first-child {
  margin-top: 0;
  padding-top: 0.5rem;
}

.app-sidebar-menu #side-menu > li.menu-title:not(:first-child) {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.app-sidebar-menu #side-menu > li > a,
.app-sidebar-menu #side-menu .nav-second-level > li > a {
  font-size: var(--pim-sidebar-menu-size, 16px) !important;
}

.app-sidebar-menu #side-menu > li {
  margin: 0.55rem 0;
}

.app-sidebar-menu #side-menu > li > a {
  align-items: center;
  color: var(--pim-sidebar-menu-color, #d9e3f3);
  min-height: 3.15rem;
  padding: 0.75rem 1.05rem;
}

.app-sidebar-menu #side-menu .nav-second-level {
  padding: 0.25rem 0.25rem 0.4rem;
}

.app-sidebar-menu #side-menu .nav-second-level > li {
  margin: 0.2rem 0;
}

.app-sidebar-menu #side-menu .nav-second-level > li > a {
  color: var(--pim-sidebar-menu-color, #d9e3f3);
  min-height: 2.8rem;
  padding: 0.65rem 1.05rem 0.65rem 2.1rem;
}

.app-sidebar-menu #side-menu .menu-arrow {
  font-family: "Material Design Icons" !important;
}

.pim-sidebar-backdrop {
  display: none;
}

.pim-container {
  max-width: var(--pim-content-max);
  transition: opacity 0.16s ease;
}

.pim-container.is-loading {
  opacity: 0.48;
  pointer-events: none;
}

/* Existing business views use these semantic wrappers; their appearance follows Bootstrap cards. */
.pim-container .panel,
.pim-container .table-wrap {
  background: #fff;
  border: 1px solid var(--pim-line);
  border-radius: 0.5rem;
  box-shadow: 0 3px 12px rgba(31, 45, 82, 0.08);
  margin-bottom: 1.5rem;
}

.pim-container .panel {
  padding: 1.5rem;
}

/* These pages place a heading bar and its form in one Bootstrap-style module. */
.pim-container .pim-section-panel {
  overflow: hidden;
  padding: 0;
}

.pim-container .pim-section-panel > .table-card-head {
  padding: 1.5rem 1.5rem 1rem;
}

.pim-container .pim-section-panel > form {
  padding: 1rem 1.5rem 1.5rem;
}

.pim-container .error-panel {
  border-color: var(--bs-danger-border-subtle, #f1aeb5);
  color: var(--bs-danger-text-emphasis, #842029);
}

.pim-container .success-panel {
  border-color: var(--bs-success-border-subtle, #a3cfbb);
  color: var(--bs-success-text-emphasis, #0f5132);
}

.pim-container h2 {
  color: var(--pim-section-title-color, var(--bs-heading-color));
  font-size: var(--pim-section-title-size, 18px);
  font-weight: 700;
  margin: 0 0 1rem;
}

.pim-container h3 {
  color: var(--pim-section-title-color, var(--bs-heading-color));
  font-size: var(--pim-section-title-size, 18px);
  font-weight: 700;
  margin: 0;
}

.pim-container label {
  color: var(--pim-field-label-color, var(--bs-secondary-color));
  display: block;
  font-size: var(--pim-field-label-size, 14px);
  font-weight: 500;
  margin-bottom: 0.4rem;
}

.pim-container input:not([type="checkbox"]):not([type="radio"]),
.pim-container select,
.pim-container textarea {
  background-color: #fff;
  border: 1px solid #cbd5e1;
  border-radius: 0.375rem;
  color: var(--pim-body-color, #0f172a);
  font: inherit;
  font-size: var(--pim-body-font-size, 15px);
  font-size: 0.9375rem;
  min-height: 2.5rem;
  padding: 0.55rem 0.7rem;
  width: 100%;
}

.pim-container input:not([type="checkbox"]):not([type="radio"]):focus,
.pim-container select:focus,
.pim-container textarea:focus {
  background-color: #fff;
  border-color: rgba(var(--bs-primary-rgb), 0.75);
  box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.12);
  outline: 0;
}

.pim-container input[type="checkbox"],
.pim-container input[type="radio"] {
  accent-color: var(--bs-primary);
  flex: 0 0 auto;
  height: 1rem;
  width: 1rem;
}

.pim-container textarea {
  min-height: 6.25rem;
  resize: vertical;
}

.pim-container > .py-3 h4 {
  color: var(--pim-page-title-color, var(--bs-heading-color));
  font-size: var(--pim-page-title-size, 22px) !important;
  font-weight: 700;
}

.pim-container input[type="color"] {
  min-width: 3.375rem;
  padding: 0.25rem;
}

.stats {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 1.25rem;
}

.stat {
  background: #fff;
  border: 1px solid var(--pim-line);
  border-radius: var(--bs-border-radius-lg, 0.5rem);
  box-shadow: var(--bs-box-shadow-sm);
  min-height: 7rem;
  padding: 1.125rem;
}

.stat span {
  color: var(--pim-dashboard-label-color, var(--pim-muted));
  display: block;
  font-size: var(--pim-dashboard-label-size, 14px);
  margin-bottom: 0.5rem;
}

.stat b {
  color: var(--pim-dashboard-value-color, var(--bs-heading-color));
  display: block;
  font-size: var(--pim-dashboard-value-size, 28px);
  font-weight: 600;
  line-height: 1.2;
}

.filters,
.form-grid {
  display: grid;
  gap: 1rem;
}

.measurement-field {
  display: grid;
  gap: 0.5rem;
}

.measurement-title {
  color: var(--pim-label-color);
  font-size: var(--pim-form-label-size, 14px);
  font-weight: 500;
  margin-bottom: 0;
}

.measurement-control-row {
  align-items: stretch;
  display: grid;
  gap: 0.5rem;
  grid-template-columns: minmax(5rem, 5.6rem) minmax(0, 1fr);
}

.measurement-control-row select {
  min-height: 2rem;
  width: 100%;
}

.stock-target-field {
  position: relative;
}

.stock-target-search {
  width: 100%;
}

.stock-target-results {
  background: var(--bs-body-bg);
  border: 1px solid var(--pim-line);
  border-radius: 0.45rem;
  box-shadow: 0 10px 24px rgba(31, 45, 82, 0.14);
  display: none;
  left: 0;
  max-height: 18rem;
  overflow: auto;
  padding: 0.35rem;
  position: absolute;
  right: 0;
  top: calc(100% - 1.45rem);
  z-index: 30;
}

.stock-target-results.is-open {
  display: grid;
  gap: 0.25rem;
}

.stock-target-option {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 0.35rem;
  color: var(--bs-body-color);
  display: flex;
  gap: 0.75rem;
  justify-content: space-between;
  padding: 0.55rem 0.65rem;
  text-align: left;
  width: 100%;
}

.stock-target-option:hover,
.stock-target-option:focus {
  background: rgba(93, 216, 158, 0.12);
  outline: 0;
}

.stock-target-option span {
  font-weight: 600;
}

.stock-target-option small {
  color: var(--pim-muted);
  white-space: nowrap;
}

.stock-target-hint {
  display: block;
  margin-top: 0.35rem;
}

.bulk-model-picker {
  display: grid;
  gap: 0.5rem;
}

@media (min-width: 1200px) {
  .bulk-model-picker {
    grid-template-columns: minmax(6.5rem, 0.45fr) minmax(0, 1fr);
  }
}

.measurement-panel-stack {
  min-width: 0;
}

.measurement-inputs {
  display: grid;
  gap: 0.5rem;
}

.measurement-range {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.measurement-multi {
  align-items: start;
  grid-template-columns: minmax(0, 1fr) auto;
}

.measurement-multi-values {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.measurement-value-item {
  align-items: center;
  display: inline-flex;
  min-width: 6rem;
  position: relative;
  width: min(9rem, 100%);
}

.measurement-value-item input {
  padding-right: 1.8rem;
}

.measurement-remove {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--bs-danger);
  display: inline-flex;
  font-size: 1.1rem;
  height: 1.5rem;
  justify-content: center;
  line-height: 1;
  padding: 0;
  position: absolute;
  right: 0.3rem;
  width: 1.5rem;
}

.filters {
  align-items: end;
  grid-template-columns: minmax(240px, 1fr) repeat(3, minmax(150px, 0.55fr)) auto;
}

.filters > div {
  min-width: 0;
}

.filters.inventory-filter {
  grid-template-columns: minmax(280px, 1.6fr) minmax(190px, 0.8fr) auto;
}

.filters.movement-filter {
  grid-template-columns: minmax(280px, 1.4fr) minmax(220px, 0.9fr) minmax(160px, 0.65fr) auto;
}

.filters.fire-report-filter {
  grid-template-columns: minmax(260px, 1.35fr) minmax(240px, 1.1fr) minmax(190px, 0.8fr) auto;
}

.filters.physical-report-filter {
  grid-template-columns: minmax(260px, 1.35fr) minmax(240px, 1.1fr) minmax(190px, 0.8fr) auto;
}

.fire-report-form textarea {
  min-height: 112px;
}

.physical-report-form textarea {
  min-height: 112px;
}

.report-file-link {
  align-items: center;
  color: var(--bs-primary);
  display: inline-flex;
  gap: 0.35rem;
  max-width: 100%;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}

.report-file-link:hover {
  text-decoration: underline;
}

.report-note-cell {
  min-width: 0;
  white-space: normal;
}

.report-actions {
  min-width: 0;
  white-space: nowrap;
}

.fire-report-table {
  min-width: 0 !important;
  table-layout: fixed;
  width: 100%;
}

.fire-report-table th,
.fire-report-table td {
  overflow-wrap: anywhere;
  white-space: normal;
}

.fire-report-table .report-col-product { width: 20%; }
.fire-report-table .report-col-standard { width: 14%; }
.fire-report-table .report-col-date { width: 12%; }
.fire-report-table .report-col-file { width: 24%; }
.fire-report-table .report-col-note { width: 15%; }
.fire-report-table .report-col-actions { width: 15%; }

.fire-report-table .row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.fire-report-table .row-actions form {
  display: inline-flex;
}

.form-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.span-2 {
  grid-column: span 2;
}

.span-4 {
  grid-column: span 4;
}

.form-button {
  align-self: end;
}

.pim-container .btn.secondary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
}

.pim-container .btn.danger {
  --bs-btn-color: var(--bs-danger);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: var(--bs-danger);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-danger);
  --bs-btn-hover-border-color: var(--bs-danger);
}

.pim-container .btn.small,
.pim-container .btn-sm {
  font-size: 0.75rem;
  padding: 0.35rem 0.65rem;
}

.actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
  margin-top: 1.25rem;
}

.product-form {
  padding-bottom: 5.5rem;
}

.sticky-actions {
  background: var(--bs-body-bg);
  border: 1px solid var(--pim-line);
  border-radius: 0.75rem;
  bottom: 1.5rem;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.16);
  margin: 0;
  padding: 0.75rem;
  position: fixed;
  right: 1.5rem;
  z-index: 20;
}

.pim-alert {
  border-radius: 0.5rem;
  font-weight: 600;
  margin-bottom: 1rem;
  padding: 0.85rem 1rem;
}

.pim-alert-success {
  background: rgba(40, 199, 111, 0.14);
  border: 1px solid rgba(40, 199, 111, 0.32);
  color: var(--bs-success-text-emphasis, #087f5b);
}

@media (max-width: 767.98px) {
  .sticky-actions {
    border-radius: 0.75rem 0.75rem 0 0;
    bottom: 0;
    left: 0;
    justify-content: center;
    right: 0;
  }
}

@media (max-width: 1039.98px) {
  body[data-sidebar="default"] .pim-sidebar-backdrop {
    bottom: 0;
    display: block;
    left: 260px;
    position: fixed;
    right: 0;
    top: 70px;
    z-index: 998;
  }

  body[data-sidebar="default"] .app-sidebar-menu {
    z-index: 999;
  }
}

.product-summary {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}

.product-summary > div {
  display: grid;
  gap: 0.2rem;
}

.product-summary span,
.product-summary em,
.muted,
.field-help,
.table-card-head p,
.sort-toolbar span {
  color: var(--pim-muted);
}

.product-summary span,
.field-help,
.table-card-head p,
.sort-toolbar span {
  color: var(--pim-helper-text-color, var(--pim-muted));
  font-size: var(--pim-helper-text-size, 14px);
}

.product-summary strong {
  color: var(--bs-heading-color);
  font-size: 1.25rem;
  line-height: 1.25;
}

.product-summary em {
  font-style: normal;
}

.table-wrap {
  overflow: auto;
}

.table-card-head {
  align-items: center;
  border-bottom: 1px solid var(--pim-line);
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  min-width: 0;
  padding: 1rem 1.125rem;
}

.table-card-head.wide-head {
  min-width: 0;
}

.table-card-head > div:first-child {
  min-width: 0;
}

.table-card-head h2 {
  margin-bottom: 0.25rem;
}

.table-card-head p {
  margin: 0;
}

.data-quality-hero {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}

.data-quality-hero p {
  color: var(--pim-helper-text-color, var(--pim-muted));
  font-size: var(--pim-helper-text-size, 14px);
  margin: 0;
}

.data-quality-summary {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 1.5rem;
}

.quality-stat {
  background: #fff;
  border: 1px solid var(--pim-line);
  border-left: 4px solid var(--bs-primary);
  border-radius: 0.5rem;
  box-shadow: 0 3px 12px rgba(31, 45, 82, 0.08);
  display: grid;
  gap: 0.35rem;
  padding: 1.15rem 1.25rem;
}

.quality-stat.danger {
  border-left-color: var(--bs-danger);
}

.quality-stat.warning {
  border-left-color: var(--bs-warning);
}

.quality-stat.info {
  border-left-color: var(--bs-info);
}

.quality-stat.success {
  border-left-color: var(--bs-success);
}

.quality-stat span,
.quality-stat small {
  color: var(--pim-muted);
}

.quality-stat strong {
  color: var(--bs-heading-color);
  font-size: var(--pim-dashboard-value-size, 28px);
  font-weight: 700;
  line-height: 1;
}

.quality-issue-list {
  display: grid;
  gap: 1rem;
}

.quality-issue {
  border: 1px solid var(--pim-line);
  border-left: 4px solid var(--bs-primary);
  border-radius: 0.5rem;
  overflow: hidden;
}

.quality-issue.danger {
  border-left-color: var(--bs-danger);
}

.quality-issue.warning {
  border-left-color: var(--bs-warning);
}

.quality-issue.info {
  border-left-color: var(--bs-info);
}

.quality-issue-head {
  align-items: flex-start;
  background: var(--bs-tertiary-bg);
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  padding: 1rem;
}

.quality-issue-head h3 {
  margin: 0.25rem 0;
}

.quality-issue-head p {
  color: var(--pim-muted);
  margin: 0;
}

.quality-issue-head > strong {
  color: var(--bs-heading-color);
  font-size: 1.5rem;
  line-height: 1;
}

.quality-severity {
  align-items: center;
  color: var(--pim-muted);
  display: inline-flex;
  gap: 0.35rem;
  font-size: 0.8rem;
  font-weight: 600;
}

.quality-item-list {
  display: grid;
}

.quality-item {
  align-items: center;
  border-top: 1px solid var(--pim-line);
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  padding: 0.75rem 1rem;
}

.quality-item strong,
.quality-fix-card strong {
  color: var(--bs-heading-color);
}

.quality-item span {
  color: var(--pim-muted);
  display: block;
  font-size: 0.85rem;
  margin-top: 0.2rem;
}

.quality-fix-grid {
  display: grid;
  gap: 0.875rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.quality-fix-card {
  align-items: flex-start;
  background: var(--bs-tertiary-bg);
  border: 1px solid var(--pim-line);
  border-radius: 0.5rem;
  display: flex !important;
  gap: 0.75rem;
  margin: 0 !important;
  padding: 0.9rem;
}

.quality-fix-card span {
  display: grid;
  gap: 0.25rem;
}

.quality-fix-card em {
  color: var(--bs-success);
  font-style: normal;
  font-weight: 700;
}

.quality-fix-card small {
  color: var(--pim-muted);
}

.data-quality-empty {
  align-items: center;
  display: flex;
  gap: 1rem;
}

.data-quality-empty iconify-icon {
  color: var(--bs-success);
  font-size: 2.25rem;
}

.data-quality-empty p {
  color: var(--pim-muted);
  margin: 0;
}

.pim-container table {
  border-collapse: separate;
  border-spacing: 0;
  color: var(--pim-table-body-color, var(--bs-body-color));
  font-size: var(--pim-table-body-size, 14px);
  min-width: 1050px;
  width: 100%;
}

.pim-container th,
.pim-container td {
  border-bottom: 1px solid var(--pim-line);
  padding: 0.75rem 0.75rem;
  text-align: left;
  vertical-align: middle;
}

.pim-container th {
  background: var(--bs-tertiary-bg);
  color: var(--pim-table-header-color, var(--bs-secondary-color));
  font-size: var(--pim-table-header-size, 13px);
  font-weight: 600;
  white-space: nowrap;
}

.pim-container tbody tr:last-child td {
  border-bottom: 0;
}

.pim-container tbody tr:hover {
  background: var(--bs-tertiary-bg);
}

.pim-container td.code {
  color: var(--bs-heading-color);
  font-weight: 600;
  white-space: nowrap;
}

.product-list-table {
  table-layout: fixed;
}

.product-list-table .column-sku {
  width: 7rem;
}

.product-list-table .column-image {
  width: 5.25rem;
}

.product-list-table .column-product_name {
  width: 15rem;
}

.product-list-table .column-category {
  width: 9rem;
}

.product-list-table .column-source_no {
  width: 7rem;
}

.product-list-table .column-width_cm,
.product-list-table .column-weight_gsm {
  width: 7rem;
}

.product-list-table .column-usage {
  width: 14rem;
}

.product-list-table .column-sample_status {
  width: 8.5rem;
}

.product-list-table .column-sample_location {
  width: 11rem;
}

.product-list-table .column-inventory_summary {
  width: 11rem;
}

.product-list-table .column-actions {
  width: 5rem;
}

.inventory-summary-grid {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 1rem;
}

.inventory-summary-item {
  background: var(--bs-tertiary-bg);
  border: 1px solid var(--pim-line);
  border-radius: var(--bs-border-radius, 0.375rem);
  display: grid;
  gap: 0.2rem;
  padding: 0.8rem 0.9rem;
}

.inventory-summary-item span,
.inventory-summary-item small {
  color: var(--pim-muted);
  font-size: 0.75rem;
}

.inventory-summary-item strong {
  color: var(--bs-heading-color);
  font-size: 1.05rem;
  font-weight: 600;
}

.product-list-table .product-name-cell,
.product-list-table .column-category,
.product-list-table .column-usage,
.product-list-table .column-sample_location {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.inventory-summary-cell {
  line-height: 1.45;
  white-space: nowrap;
}

.inventory-summary-cell > div + div {
  margin-top: 0.15rem;
}

.inventory-summary-cell span {
  color: var(--pim-muted);
}

.pim-container .badge.status-no-sample {
  background: #e9edf2;
  color: #56616d;
}

.pim-container .badge.status-greige-sample {
  background: #fff0d6;
  color: #9a5b00;
}

.pim-container .badge.status-sampling {
  background: #dcecff;
  color: #1558a6;
}

.pim-container .badge.status-bulk-sample {
  background: #d9f3e5;
  color: #176b43;
}

.pim-container .badge.status-old-sample {
  background: #eee1ff;
  color: #7040a8;
}

.pim-container .badge.status-external-sample {
  background: #ffe7d6;
  color: #9a4a10;
}

html[data-bs-theme="dark"] .pim-container .badge.status-no-sample {
  background: #343b44;
  color: #d4dbe3;
}

html[data-bs-theme="dark"] .pim-container .badge.status-greige-sample {
  background: #4f3a17;
  color: #ffd88a;
}

html[data-bs-theme="dark"] .pim-container .badge.status-sampling {
  background: #173d68;
  color: #a9d0ff;
}

html[data-bs-theme="dark"] .pim-container .badge.status-bulk-sample {
  background: #174d38;
  color: #a8e6c4;
}

html[data-bs-theme="dark"] .pim-container .badge.status-old-sample {
  background: #432864;
  color: #dfc1ff;
}

html[data-bs-theme="dark"] .pim-container .badge.status-external-sample {
  background: #563018;
  color: #ffc39b;
}

.pim-container .badge {
  background: var(--bs-primary-bg-subtle);
  border-radius: 999px;
  color: var(--bs-primary-text-emphasis);
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.3rem 0.55rem;
  white-space: nowrap;
}

.checkline {
  align-items: center;
  display: inline-flex !important;
  gap: 0.45rem;
  margin: 0 1rem 0.5rem 0 !important;
}

.checkbox-list {
  align-content: start;
  background: var(--bs-body-bg);
  border: 1px solid var(--pim-line);
  border-radius: var(--bs-border-radius, 0.375rem);
  display: grid;
  gap: 0.65rem 1.25rem;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  max-height: 12rem;
  overflow: auto;
  padding: 0.75rem;
}

.variant-override-field {
  border: 1px solid var(--pim-line);
  border-radius: var(--bs-border-radius, 0.375rem);
  padding: 0.75rem;
}

.variant-override-field.is-inherited {
  background: var(--bs-tertiary-bg);
}

.variant-override-label,
.switch-label {
  align-items: center;
  color: var(--pim-muted);
  display: inline-flex !important;
  font-size: 0.8125rem;
  gap: 0.45rem;
  margin: 0 0 0.55rem !important;
}

.switch-label {
  margin: 0 !important;
}

.variant-override-field > label:not(.variant-override-label) {
  display: block;
}

.variant-relation-options.is-inherited {
  opacity: 0.62;
}

.check-option {
  align-items: center;
  color: var(--bs-body-color) !important;
  display: flex !important;
  gap: 0.5rem;
  line-height: 1.3;
  margin: 0 !important;
  min-height: 1.5rem;
  white-space: nowrap;
}

.check-option span {
  overflow: hidden;
  text-overflow: ellipsis;
}

.subsection-heading {
  align-items: center;
  border-top: 1px solid var(--pim-line);
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  margin-top: 1.25rem;
  padding-top: 1rem;
}

.mini-table-wrap {
  overflow: auto;
}

.mini-table {
  margin-top: 0.75rem;
  min-width: 720px !important;
}

.mini-table th,
.mini-table td {
  padding: 0.6rem 0.625rem;
}

.two-column-layout {
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(300px, 0.9fr) minmax(360px, 1.1fr);
}

.stack-grid {
  display: grid;
  gap: 1rem;
}

.image-preview,
.empty-preview {
  align-items: center;
  background: var(--bs-tertiary-bg);
  border: 1px dashed var(--pim-line);
  border-radius: var(--bs-border-radius, 0.375rem);
  display: flex;
  justify-content: center;
  min-height: 17.5rem;
  overflow: hidden;
}

.image-preview img {
  display: block;
  max-height: 24rem;
  max-width: 100%;
  object-fit: contain;
}

.product-image-gallery-editor {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
}

.product-image-editor-item {
  background: var(--bs-tertiary-bg);
  border: 1px solid var(--pim-line);
  min-width: 0;
  overflow: hidden;
  position: relative;
}

.product-image-editor-item > img {
  aspect-ratio: 1 / 1;
  display: block;
  object-fit: cover;
  width: 100%;
}

.product-image-editor-actions {
  align-items: center;
  display: flex;
  gap: 0.35rem;
  justify-content: space-between;
  padding: 0.45rem;
}

.product-image-cover {
  align-items: center;
  color: var(--bs-body-color) !important;
  cursor: pointer;
  display: inline-flex !important;
  font-size: 0.75rem !important;
  gap: 0.3rem;
  margin: 0 !important;
}

.product-image-remove {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--bs-danger);
  display: inline-flex;
  font-size: 1rem;
  justify-content: center;
  padding: 0.15rem;
}

.product-image-remove:hover {
  color: var(--bs-danger-text-emphasis);
}

.product-image-empty {
  grid-column: 1 / -1;
  min-height: 10rem;
}

.product-image-upload {
  align-items: center;
  background: var(--bs-tertiary-bg);
  border: 1px dashed var(--bs-border-color);
  color: var(--bs-body-color) !important;
  cursor: pointer;
  display: grid !important;
  gap: 0.35rem;
  justify-items: center;
  margin: 0 !important;
  min-height: 8.5rem;
  padding: 1rem;
  text-align: center;
}

.product-image-upload iconify-icon {
  color: var(--bs-primary);
  font-size: 1.75rem;
}

.product-image-upload small {
  color: var(--pim-muted);
  font-size: 0.75rem;
}

.product-image-new-previews {
  margin-top: 0.75rem;
}

.empty-preview {
  color: var(--pim-muted);
}

.color-chip {
  background: var(--chip-color);
  border: 1px solid var(--bs-border-color);
  display: inline-block;
  height: 1rem;
  margin-right: 0.35rem;
  vertical-align: -0.2rem;
  width: 1.75rem;
}

.product-list-image-cell {
  min-width: 4.5rem;
  width: 4.5rem;
}

.product-image-thumb {
  align-items: center;
  background: var(--bs-body-bg);
  border: 1px solid var(--pim-line);
  border-radius: var(--bs-border-radius, 0.375rem);
  cursor: zoom-in;
  display: inline-flex;
  height: 3rem;
  justify-content: center;
  overflow: hidden;
  padding: 0.2rem;
  width: 3rem;
}

.product-image-thumb img {
  display: block;
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.product-image-preview {
  background: var(--bs-body-bg);
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius-lg, 0.5rem);
  box-shadow: var(--bs-box-shadow-lg);
  display: none;
  padding: 0.5rem;
  pointer-events: none;
  position: fixed;
  z-index: 3000;
}

.product-image-preview.is-visible {
  display: block;
}

.product-image-preview img {
  display: block;
  max-height: 20rem;
  max-width: 18rem;
  object-fit: contain;
}

.row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  min-width: 150px;
}

.row-actions form {
  margin: 0;
}

.edit-table input,
.edit-table select {
  min-width: 110px;
}

.wide-table {
  min-width: 1450px !important;
}

.inventory-list-table {
  min-width: 1180px;
  table-layout: fixed;
}

.inventory-list-table th,
.inventory-list-table td {
  overflow-wrap: anywhere;
  vertical-align: middle;
  white-space: normal;
}

.inventory-list-table .inventory-col-sku { width: 12%; }
.inventory-list-table .inventory-col-product { width: 18%; }
.inventory-list-table .inventory-col-type { width: 9%; }
.inventory-list-table .inventory-col-color { width: 15%; }
.inventory-list-table .inventory-col-quantity { width: 8%; }
.inventory-list-table .inventory-col-unit { width: 6%; }
.inventory-list-table .inventory-col-location { width: 18%; }
.inventory-list-table .inventory-col-notes { width: 8%; }
.inventory-list-table .inventory-col-actions { width: 6%; }

.inventory-location-editor {
  display: grid;
  gap: 0.35rem;
  grid-template-columns: minmax(6.5rem, 1fr) minmax(4.5rem, 0.8fr) minmax(4.5rem, 0.8fr);
}

.inventory-location-editor input,
.inventory-location-editor select {
  min-width: 0;
}

.inventory-list-table .row-actions {
  min-width: 0;
}

.drag-handle {
  align-items: center;
  background: var(--bs-tertiary-bg);
  border: 1px solid var(--pim-line);
  border-radius: var(--bs-border-radius, 0.375rem);
  color: var(--bs-secondary-color);
  cursor: grab;
  display: inline-flex;
  height: 2rem;
  justify-content: center;
  padding: 0;
  touch-action: none;
  width: 2.25rem;
}

.drag-handle:active {
  cursor: grabbing;
}

.list-column-settings {
  display: grid;
  gap: 0.5rem;
  margin-top: 1rem;
}

.list-column-setting {
  align-items: center;
  background: var(--bs-tertiary-bg);
  border: 1px solid var(--pim-line);
  border-radius: var(--bs-border-radius, 0.375rem);
  display: grid;
  gap: 0.75rem;
  grid-template-columns: 2.25rem minmax(0, 1fr) auto;
  min-height: 3.25rem;
  padding: 0.5rem 0.75rem;
}

.list-column-setting-name {
  display: grid;
  gap: 0.15rem;
  min-width: 0;
}

.list-column-setting-name strong {
  color: var(--bs-heading-color);
  font-size: 0.875rem;
  font-weight: 600;
}

.list-column-setting-name small {
  color: var(--pim-muted);
  font-size: 0.75rem;
}

.list-column-setting .checkline {
  white-space: nowrap;
}

.list-column-setting.is-disabled {
  opacity: 0.58;
}

.sortable-row.dragging {
  background: var(--bs-primary-bg-subtle);
  opacity: 0.65;
}

.sort-toolbar {
  align-items: center;
  display: flex;
  gap: 0.625rem;
  justify-content: flex-end;
  margin: 0 0 0.75rem;
}

.pim-dashboard .pim-dashboard-chart {
  height: 320px;
  min-height: 280px;
  width: 100%;
}

.pim-dashboard .pim-dashboard-chart-lg {
  height: 350px;
}

.pim-dashboard .widget-icon-box {
  align-items: center;
  display: flex;
  height: 3.25rem;
  justify-content: center;
  width: 3.25rem;
}

.pim-dashboard .card-header p {
  margin-bottom: 0;
}

.pim-dashboard .pim-dashboard-stat-label {
  color: var(--pim-dashboard-label-color, var(--pim-muted)) !important;
  font-size: var(--pim-dashboard-label-size, 14px) !important;
}

.pim-dashboard .pim-dashboard-stat-value {
  color: var(--pim-dashboard-value-color, var(--bs-heading-color)) !important;
  font-size: var(--pim-dashboard-value-size, 28px) !important;
}

.pim-dashboard .pim-dashboard-card-title {
  color: var(--pim-dashboard-title-color, var(--pim-section-title-color, var(--bs-heading-color))) !important;
  font-size: var(--pim-dashboard-title-size, 18px) !important;
  font-weight: 700;
}

/* Read-only product detail uses Bootstrap cards and tables with a compact information layout. */
.pim-product-detail .detail-hero {
  align-items: center;
  display: flex;
  gap: 1.5rem;
  justify-content: space-between;
}

.detail-hero-main {
  align-items: center;
  display: flex;
  gap: 1rem;
  min-width: 0;
}

.detail-hero-image,
.detail-large-image {
  align-items: center;
  background: var(--bs-tertiary-bg);
  border: 1px solid var(--pim-line);
  border-radius: var(--bs-border-radius, 0.375rem);
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.detail-hero-image {
  flex: 0 0 5rem;
  height: 5rem;
  width: 5rem;
}

.detail-hero-image img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.detail-image-empty {
  align-items: center;
  color: var(--pim-muted);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  justify-content: center;
}

.detail-eyebrow,
.detail-item > span,
.detail-section-note {
  color: var(--pim-muted);
  font-size: 0.75rem;
}

.detail-hero h1 {
  color: var(--bs-heading-color);
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0.25rem 0 0.5rem;
}

.detail-hero-meta {
  align-items: center;
  color: var(--pim-muted);
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.detail-code {
  font-family: var(--bs-font-monospace, monospace);
  font-weight: 600;
}

.detail-sku-badge {
  background: var(--bs-primary-bg-subtle, #e7f1ff);
  border: 1px solid var(--bs-primary-border-subtle, #b6d4fe);
  border-radius: 0.25rem;
  color: var(--bs-primary, #0d6efd);
  font-size: calc(var(--pim-detail-value-size, 16px) + 1px);
  font-weight: 700;
  line-height: 1;
  padding: 0.4rem 0.55rem;
}

.detail-hero-actions,
.detail-section-heading {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
  justify-content: space-between;
}

.detail-section-heading {
  margin-bottom: 1rem;
}

.detail-section-heading h2 {
  margin-bottom: 0;
}

.detail-grid {
  display: grid;
  gap: 1rem;
}

.detail-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.detail-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.detail-item {
  border-bottom: 1px solid var(--pim-line);
  display: grid;
  gap: 0.35rem;
  min-width: 0;
  padding-bottom: 0.75rem;
}

.detail-item strong,
.detail-item a {
  color: var(--bs-body-color);
  font-size: 0.875rem;
  font-weight: 500;
  overflow-wrap: anywhere;
}

.detail-item a {
  color: var(--bs-primary);
}

.detail-item-wide {
  grid-column: span 1;
}

.detail-text {
  color: var(--bs-body-color);
  font-size: 0.875rem;
  line-height: 1.65;
  white-space: normal;
}

.detail-chip-list {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.detail-chip {
  background: var(--bs-primary-bg-subtle);
  border: 1px solid var(--bs-primary-border-subtle);
  border-radius: 999px;
  color: var(--bs-primary-text-emphasis);
  display: inline-flex;
  font-size: 0.75rem;
  line-height: 1.35;
  padding: 0.25rem 0.55rem;
}

.detail-chip-accent {
  background: var(--bs-warning-bg-subtle);
  border-color: var(--bs-warning-border-subtle);
  color: var(--bs-warning-text-emphasis);
}

.detail-chip-success {
  background: transparent;
  border-color: var(--pim-line);
  color: var(--bs-body-color);
}

.detail-report-chip {
  align-items: center;
  background: transparent;
  border: 0;
  border-left: 3px solid var(--bs-secondary-color);
  border-radius: 0;
  display: inline-flex;
  flex-direction: row;
  gap: 0.45rem;
  padding: 0.15rem 0.55rem;
}

.detail-report-chip small {
  align-items: center;
  display: inline-flex;
  font-size: 0.75rem;
  gap: 0.2rem;
}

.detail-report-reported {
  border-left-color: var(--bs-success);
  color: var(--bs-body-color);
}

.detail-report-reported small {
  color: var(--bs-success-text-emphasis);
}

.detail-report-pending {
  border-left-color: var(--bs-warning);
  color: var(--bs-body-color);
}

.detail-report-pending small {
  color: var(--bs-warning-text-emphasis);
}

.detail-table-wrap {
  border: 1px solid var(--pim-line);
  border-radius: var(--bs-border-radius, 0.375rem);
  margin-top: 1rem;
}

.detail-media-grid {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: minmax(280px, 0.85fr) minmax(320px, 1.15fr);
}

.detail-large-image {
  min-height: 19rem;
}

.detail-large-image img {
  display: block;
  max-height: 30rem;
  max-width: 100%;
  object-fit: contain;
}

.detail-media-links {
  align-content: start;
  display: grid;
  gap: 1rem;
}

@media (max-width: 1199.98px) {
  .detail-grid-4,
  .detail-grid-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767.98px) {
  .pim-product-detail .detail-hero,
  .detail-hero-main {
    align-items: flex-start;
    flex-direction: column;
  }

  .detail-grid-4,
  .detail-grid-3,
  .detail-media-grid {
    grid-template-columns: 1fr;
  }

  .detail-hero-actions {
    justify-content: flex-start;
  }
}

.ui-settings-intro {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}

.ui-settings-intro h2 {
  margin-bottom: 0.35rem;
}

.ui-settings-intro p,
.ui-setting-field small {
  color: var(--pim-helper-text-color, var(--pim-muted));
  font-size: var(--pim-helper-text-size, 14px);
}

.ui-settings-intro p {
  margin: 0;
}

.ui-settings-grid {
  display: grid;
  gap: 1.25rem 1.5rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ui-setting-field {
  display: grid;
  gap: 0.45rem;
  margin: 0 !important;
}

.ui-setting-label {
  color: var(--pim-field-label-color, var(--bs-secondary-color));
  font-size: var(--pim-field-label-size, 14px);
  font-weight: 600;
}

.ui-size-control,
.ui-color-control {
  align-items: center;
  display: flex;
  gap: 0.5rem;
}

.ui-size-control input {
  max-width: 8rem;
}

.ui-size-control > span {
  color: var(--pim-muted);
}

.ui-color-control input[type="color"] {
  border: 1px solid var(--pim-line);
  border-radius: 0.375rem;
  cursor: pointer;
  height: 2.5rem;
  min-width: 3rem;
  padding: 0.2rem;
  width: 3rem;
}

.ui-color-control input[type="text"] {
  max-width: 9rem;
}

@media (max-width: 991.98px) {
  .ui-settings-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575.98px) {
  .ui-settings-intro {
    align-items: flex-start;
    flex-direction: column;
  }

  .ui-settings-grid {
    grid-template-columns: 1fr;
  }
}

/* PSM2 workbench: compact cards on desktop and single-column operating surfaces on mobile. */
.psm-workbench { max-width: 1440px; margin: 0 auto; padding-bottom: 1.25rem; }
.psm-workbench-head { align-items: flex-end; display: flex; gap: 1rem; justify-content: space-between; margin: .25rem 0 1.25rem; }
.psm-eyebrow { color: #0f766e; font-size: .78rem; font-weight: 700; letter-spacing: 0; margin: 0 0 .2rem; text-transform: uppercase; }
.psm-workbench-head h1 { color: #152238; font-size: 1.5rem; font-weight: 700; line-height: 1.25; margin: 0; }
.psm-workbench-head p:not(.psm-eyebrow) { color: #68778d; font-size: .9rem; margin: .35rem 0 0; }
.psm-head-actions { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: flex-end; }
.psm-head-actions .btn { align-items: center; display: inline-flex; gap: .35rem; white-space: nowrap; }
.psm-stat-grid { display: grid; gap: .75rem; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 1rem; }
.psm-stat-card { background: #fff; border: 1px solid #e1e8ef; border-left: 4px solid #6b7b91; border-radius: 6px; color: #152238; display: grid; min-height: 108px; padding: .9rem 1rem; text-decoration: none; }
.psm-stat-card span { color: #68778d; font-size: .82rem; font-weight: 600; }
.psm-stat-card strong { font-size: 1.75rem; line-height: 1.15; margin-top: .15rem; }
.psm-stat-card small { color: #68778d; font-size: .75rem; }
.psm-stat-card.is-active { border-left-color: #0f766e; }.psm-stat-card.is-alert { border-left-color: #dc2626; }.psm-stat-card.is-complete { border-left-color: #15803d; }
.psm-panel { background: #fff; border: 1px solid #e1e8ef; border-radius: 6px; }
.psm-panel-head { align-items: flex-start; border-bottom: 1px solid #edf1f5; display: flex; gap: 1rem; justify-content: space-between; padding: 1rem; }
.psm-panel-head h2 { color: #152238; font-size: 1rem; font-weight: 700; margin: 0; }.psm-panel-head p { color: #68778d; font-size: .78rem; margin: .2rem 0 0; }.psm-panel-head a { color: #0f766e; font-size: .82rem; font-weight: 700; text-decoration: none; white-space: nowrap; }
.psm-order-stack { display: grid; }.psm-order-card { align-items: center; border-bottom: 1px solid #edf1f5; color: #152238; display: grid; gap: .75rem; grid-template-columns: minmax(0, 1fr) 170px 20px; padding: .9rem 1rem; text-decoration: none; }.psm-order-card:last-child { border-bottom: 0; }.psm-order-card:hover { background: #f7fbfb; color: #152238; }
.psm-order-code { color: #53637a; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .78rem; }.psm-order-product { font-size: .95rem; font-weight: 700; margin: .2rem 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.psm-order-meta { color: #68778d; font-size: .78rem; }.psm-order-node { display: grid; gap: .2rem; justify-items: start; }.psm-order-node strong { font-size: .86rem; }.psm-order-node small { color: #68778d; font-size: .75rem; }.psm-order-arrow { color: #9ba8b8; font-size: 1.15rem; }
.psm-status { border-radius: 999px; font-size: .72rem; font-style: normal; font-weight: 700; line-height: 1; padding: .35rem .48rem; }.psm-status.is-waiting { background: #eef2f6; color: #56677c; }.psm-status.is-scheduled { background:#e0f2fe;color:#075985; }.psm-status.is-active { background: #d8f3ee; color: #08756a; }.psm-status.is-alert { background: #fee2e2; color: #b42318; }.psm-status.is-review { background: #fef3c7; color: #9a6200; }.psm-status.is-complete { background: #dcfce7; color: #16723a; }
.psm-node-list { display: grid; padding: .35rem 1rem .65rem; }.psm-node-row { align-items: center; border-bottom: 1px solid #edf1f5; color: #253650; display: flex; font-size: .85rem; justify-content: space-between; padding: .72rem 0; text-decoration: none; }.psm-node-row:last-child { border-bottom: 0; }.psm-node-row > span:last-child { align-items: center; display: flex; gap: .45rem; }.psm-node-row b { color: #152238; min-width: 1.1rem; text-align: right; }
.psm-empty-state { align-items: center; color: #68778d; display: grid; justify-items: center; min-height: 240px; padding: 2rem; text-align: center; }.psm-empty-state iconify-icon { color: #8aa0b7; font-size: 2.2rem; }.psm-empty-state p { margin: .6rem 0 .85rem; }
html[data-bs-theme="dark"] .psm-stat-card, html[data-bs-theme="dark"] .psm-panel { background: var(--bs-tertiary-bg); border-color: var(--pim-line); } html[data-bs-theme="dark"] .psm-workbench-head h1, html[data-bs-theme="dark"] .psm-stat-card, html[data-bs-theme="dark"] .psm-panel-head h2, html[data-bs-theme="dark"] .psm-order-card, html[data-bs-theme="dark"] .psm-order-card:hover { color: var(--bs-body-color); }
@media (max-width: 991.98px) { .psm-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575.98px) { .psm-workbench-head { align-items: stretch; flex-direction: column; }.psm-workbench-head h1 { font-size: 1.25rem; }.psm-head-actions { justify-content: stretch; }.psm-head-actions .btn { flex: 1; justify-content: center; }.psm-stat-grid { gap: .5rem; margin-left: -.25rem; margin-right: -.25rem; }.psm-stat-card { min-height: 96px; padding: .75rem; }.psm-stat-card strong { font-size: 1.45rem; }.psm-order-card { align-items: start; grid-template-columns: minmax(0, 1fr) 18px; padding: .85rem; }.psm-order-node { grid-column: 1; grid-row: 2; grid-template-columns: auto 1fr; align-items: center; }.psm-order-node strong { margin-left: .15rem; }.psm-order-node small { grid-column: 2; }.psm-order-arrow { grid-column: 2; grid-row: 1; }.psm-panel-head { padding: .85rem; }.psm-node-list { padding-left: .85rem; padding-right: .85rem; } }
.psm-page-shell { margin: 0 auto; max-width: 1240px; padding-bottom: 1.25rem; }.psm-page-heading { align-items: flex-start; display: flex; gap: 1rem; justify-content: space-between; margin-bottom: 1rem; }.psm-page-heading h1 { color: #152238; font-size: 1.35rem; font-weight: 700; margin: 0; }.psm-page-heading p:not(.psm-eyebrow) { color: #68778d; font-size: .85rem; margin: .3rem 0 0; }.psm-form-panel { background: #fff; border: 1px solid #e1e8ef; border-radius: 6px; }.psm-compact-list { display: grid; }.psm-compact-row { align-items: center; border-bottom: 1px solid #edf1f5; color: #1e304a; display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr) 190px 18px; padding: .85rem 1rem; text-decoration: none; }.psm-compact-row:last-child { border-bottom: 0; }.psm-compact-row:hover { background: #f7fbfb; color: #1e304a; }.psm-compact-row b,.psm-compact-row span,.psm-compact-row small { display: block; }.psm-compact-row b { font-size: .88rem; }.psm-compact-row span,.psm-compact-row small { color: #68778d; font-size: .77rem; margin-top: .2rem; }.psm-compact-row>div:nth-child(2) { text-align: right; }.psm-step-list { padding: 1rem; }.psm-step-card { border: 1px solid #e1e8ef; border-radius: 6px; display: grid; grid-template-columns: 34px minmax(0,1fr); margin-bottom: .75rem; overflow: hidden; }.psm-step-card:last-child { margin-bottom: 0; }.psm-step-index { background: #e8f3f1; color: #08756a; display: grid; font-size: .9rem; font-weight: 700; place-items: start center; padding-top: 1rem; }.psm-step-content { padding: .85rem; }.psm-step-title { align-items: center; display: flex; gap: .75rem; justify-content: space-between; }.psm-step-title>div:first-child { align-items: center; display: flex; flex-wrap: wrap; gap: .5rem; }.psm-step-title h2 { color:#152238; font-size: 1rem; font-weight:700; margin:0; }.psm-step-tools,.psm-step-tools form { display:flex; gap:.35rem; }.psm-step-content .form-label { color:#53637a; font-size:.73rem; font-weight:600; margin-bottom:.2rem; }details summary { color:#0f766e; cursor:pointer; font-size:.85rem; font-weight:700; }html[data-bs-theme="dark"] .psm-form-panel,html[data-bs-theme="dark"] .psm-step-card { background:var(--bs-tertiary-bg); border-color:var(--pim-line); }html[data-bs-theme="dark"] .psm-page-heading h1,html[data-bs-theme="dark"] .psm-step-title h2 { color:var(--bs-body-color); }
@media (max-width:575.98px) { .psm-page-heading { align-items:flex-start; flex-direction:column; gap:.45rem; }.psm-compact-row { grid-template-columns:minmax(0,1fr) 18px; gap:.55rem; padding:.8rem .85rem; }.psm-compact-row>div:nth-child(2) { grid-column:1; text-align:left; }.psm-compact-row iconify-icon { grid-column:2; grid-row:1; }.psm-step-list { padding:.65rem; }.psm-step-card { grid-template-columns:26px minmax(0,1fr); }.psm-step-index { font-size:.78rem; }.psm-step-content { padding:.7rem; }.psm-step-title { align-items:flex-start; flex-direction:column; }.psm-step-tools { width:100%; }.psm-step-tools form { flex:1; }.psm-step-tools .btn { flex:1; } }

/* PSM2 inherits the copied PIM/Venix content width, typography and surfaces. */
.pim-container .psm-workbench,
.pim-container .psm-page-shell { margin: 0; max-width: none; padding-bottom: 1.5rem; }
.pim-container .psm-workbench-head,
.pim-container .psm-page-heading { margin-top: 0; }
.pim-container .psm-workbench-head h1,
.pim-container .psm-page-heading h1 { color: var(--pim-page-title-color, var(--bs-heading-color)); font-size: var(--pim-page-title-size, 22px); font-weight: 700; }
.pim-container .psm-workbench-head p:not(.psm-eyebrow),
.pim-container .psm-page-heading p:not(.psm-eyebrow) { color: var(--pim-muted); font-size: var(--pim-body-font-size, 15px); }
.pim-container .psm-panel,
.pim-container .psm-form-panel { background: var(--bs-body-bg); border: 1px solid var(--pim-line); border-radius: .5rem; box-shadow: 0 3px 12px rgba(31,45,82,.08); }
.pim-container .psm-panel-head { border-bottom-color: var(--pim-line); padding: 1.25rem 1.5rem 1rem; }
.pim-container .psm-panel-head h2 { color: var(--pim-section-title-color, var(--bs-heading-color)); font-size: var(--pim-section-title-size, 18px); margin: 0; }
.pim-container .psm-panel-head p { color: var(--pim-muted); font-size: var(--pim-body-font-size, 15px); }
.pim-container .psm-form-panel > form { padding: 1rem 1.5rem 1.5rem !important; }
.pim-container .psm-step-list { padding: 1.5rem; }
.pim-container .psm-compact-row,
.pim-container .psm-order-card { color: var(--pim-body-color); }
.pim-container .psm-compact-row:hover,
.pim-container .psm-order-card:hover { background: var(--bs-tertiary-bg); color: var(--pim-body-color); }
@media (max-width:575.98px) { .pim-container .psm-panel-head { padding:.9rem 1rem; }.pim-container .psm-form-panel > form { padding:.85rem 1rem 1rem !important; }.pim-container .psm-step-list { padding:.75rem; } }

/* Production order scene: use the Venix card surface while making route progress scannable. */
body.psm2-module-page .pim-container > .py-3 { display: none; }
.psm-production-page { padding-top: .5rem; }.psm-page-heading-compact { align-items: center; margin-bottom: .9rem; }.psm-create-card { border-color: var(--pim-line); box-shadow: 0 3px 12px rgba(31,45,82,.08); }.psm-create-copy { flex: 0 0 215px; }.psm-create-copy h2 { font-size: 1rem; font-weight: 700; margin: 0 0 .2rem; }.psm-create-copy p { color: var(--pim-muted); font-size: .82rem; margin: 0; }.psm-production-list { display: grid; gap: .75rem; }.psm-production-card { border-color: var(--pim-line); color: var(--pim-body-color); text-decoration: none; transition: box-shadow .16s ease, transform .16s ease; }.psm-production-card:hover { box-shadow: 0 5px 18px rgba(31,45,82,.12); color: var(--pim-body-color); transform: translateY(-1px); }.psm-order-head { align-items: flex-start; display: flex; gap: 1rem; justify-content: space-between; }.psm-order-head h2 { color: var(--pim-section-title-color, var(--bs-heading-color)); font-size: 1rem; font-weight: 700; margin: .28rem 0; }.psm-order-head p { color: var(--pim-muted); font-size: .82rem; margin: 0; }.psm-current-node { align-items: flex-end; display: grid; justify-items: end; min-width: 150px; }.psm-current-node strong { font-size: .88rem; margin-top: .35rem; }.psm-current-node small { color: var(--pim-muted); font-size: .75rem; }.psm-route-rail { display: flex; gap: 0; margin-top: 1.1rem; overflow: hidden; }.psm-route-rail span { align-items: center; color: #607087; display: flex; flex: 1; font-size: .78rem; min-width: 0; position: relative; }.psm-route-rail span:not(:last-child)::after { background: #dce5ed; content: ''; height: 2px; left: 1.6rem; position: absolute; right: -.1rem; top: .7rem; z-index: 0; }.psm-route-rail i { background: #eef2f6; border: 2px solid #dce5ed; border-radius: 50%; font-size: .68rem; font-style: normal; height: 1.4rem; line-height: 1.15rem; margin-right: .4rem; min-width: 1.4rem; position: relative; text-align: center; z-index: 1; }.psm-route-rail b { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.psm-route-rail .is-active i { background: #d8f3ee; border-color: #0f766e; color: #08756a; }.psm-route-rail .is-complete i { background: #dcfce7; border-color: #15803d; color: #16723a; }.psm-route-rail .is-review i { background: #fef3c7; border-color: #dba300; color: #9a6200; }.psm-route-rail .is-alert i { background: #fee2e2; border-color: #dc2626; color: #b42318; }
@media (max-width:575.98px) { .psm-page-heading-compact { align-items: stretch; }.psm-page-heading-compact .btn { width: 100%; }.psm-create-copy { flex-basis: auto; margin-bottom: .75rem; }.psm-order-head { gap:.75rem; }.psm-current-node { min-width: auto; }.psm-current-node strong,.psm-current-node small { display: none; }.psm-route-rail { margin-top:.9rem; overflow-x:auto; padding-bottom:.2rem; }.psm-route-rail span { flex: 0 0 108px; }.psm-route-rail b { font-size:.72rem; } }
@media (max-width:575.98px) { .psm-create-card form .btn { align-self:flex-end; width:auto; }.psm-page-heading-compact .btn { align-self:flex-start; width:auto; } }

/* Production order control center. */
.psm-back-link { align-items:center; color:var(--pim-muted); display:inline-flex; font-size:.8rem; gap:.3rem; margin-bottom:.55rem; }
.psm-back-link:hover { color:#0f766e; }
.psm-control-heading { align-items:flex-end; }
.psm-control-grid,.psm-execution-grid { display:grid; gap:1rem; grid-template-columns:minmax(0,1fr) 300px; }
.psm-add-process .btn { align-items:center; display:inline-flex; gap:.35rem; }
.psm-bom-attached { align-items:center; display:flex; gap:1rem; justify-content:space-between; padding:1rem 1.5rem; }
.psm-bom-attached span,.psm-bom-attached b { display:block; }
.psm-bom-attached span { color:var(--pim-muted); font-size:.72rem; }
.psm-bom-attached b { color:var(--pim-body-color); font-size:.9rem; margin-top:.15rem; }
.psm-timeline { padding:1rem 1.25rem; }
.psm-timeline-step { display:grid; grid-template-columns:38px minmax(0,1fr); position:relative; }
.psm-timeline-step:not(:last-child)::before { background:#dfe7ee; bottom:-1px; content:""; left:18px; position:absolute; top:35px; width:2px; }
.psm-timeline-marker { position:relative; z-index:1; }
.psm-timeline-marker span { align-items:center; background:#eef2f6; border:2px solid #d7e0e8; border-radius:50%; color:#607087; display:flex; font-size:.72rem; font-weight:700; height:36px; justify-content:center; width:36px; }
.psm-timeline-step.is-current .psm-timeline-marker span { background:#d8f3ee; border-color:#0f766e; color:#08756a; }
.psm-timeline-step.is-done .psm-timeline-marker span { background:#dcfce7; border-color:#15803d; color:#16723a; }
.psm-timeline-body { border-bottom:1px solid var(--pim-line); margin-left:.75rem; padding:0 0 1.1rem; margin-bottom:1.1rem; min-width:0; }
.psm-timeline-step:last-child .psm-timeline-body { border-bottom:0; margin-bottom:0; }
.psm-timeline-head { align-items:flex-start; display:flex; gap:.75rem; justify-content:space-between; }
.psm-timeline-head h3 { color:var(--pim-section-title-color,var(--bs-heading-color)); font-size:1rem; font-weight:700; margin:0; }
.psm-timeline-head p { color:var(--pim-muted); font-size:.78rem; margin:.2rem 0 0; }
.psm-step-facts { display:grid; gap:.75rem; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:.8rem; }
.psm-step-facts span { min-width:0; }
.psm-step-facts small,.psm-step-facts b { display:block; }
.psm-step-facts small { color:var(--pim-muted); font-size:.72rem; margin-bottom:.15rem; }
.psm-step-facts b { color:var(--pim-body-color); font-size:.8rem; font-weight:600; overflow-wrap:anywhere; }
.psm-actual-strip { background:var(--bs-tertiary-bg); border-left:3px solid #15803d; color:var(--pim-body-color); font-size:.8rem; margin-top:.75rem; padding:.55rem .7rem; }
.psm-step-note,.psm-execution-note { color:var(--pim-muted); font-size:.8rem; margin:.65rem 0 0; }
.psm-step-actions { align-items:center; display:flex; flex-wrap:wrap; gap:.4rem; margin-top:.75rem; }
.psm-step-actions form { margin:0; }
.psm-inline-tools { display:flex; gap:.25rem; }
.psm-step-plan-form { background:var(--bs-tertiary-bg); border-top:1px solid var(--pim-line); margin-top:.8rem!important; padding:.9rem; }
.psm-summary-list { margin:0; padding:.45rem 1rem .75rem; }
.psm-summary-list div { border-bottom:1px solid var(--pim-line); padding:.65rem 0; }
.psm-summary-list div:last-child { border-bottom:0; }
.psm-summary-list dt { color:var(--pim-muted); font-size:.72rem; font-weight:500; }
.psm-summary-list dd { color:var(--pim-body-color); font-size:.84rem; font-weight:600; margin:.15rem 0 0; overflow-wrap:anywhere; }
.psm-quality-summary { display:grid; gap:.2rem; padding:1rem; }
.psm-quality-summary strong { color:var(--pim-body-color); font-size:1.25rem; }
.psm-quality-summary span { color:var(--pim-muted); font-size:.78rem; }
.psm-quality-summary a { font-size:.8rem; font-weight:700; margin-top:.5rem; }
.psm-event-list { padding:.65rem 1rem; }
.psm-event-list>div { display:grid; gap:.55rem; grid-template-columns:8px minmax(0,1fr); padding:.45rem 0; }
.psm-event-list>div>span { background:#0f766e; border-radius:50%; height:7px; margin-top:.38rem; width:7px; }
.psm-event-list p,.psm-event-list b,.psm-event-list small { display:block; margin:0; }
.psm-event-list b { color:var(--pim-body-color); font-size:.78rem; }
.psm-event-list small { color:var(--pim-muted); font-size:.7rem; line-height:1.55; margin-top:.1rem; }
.psm-execution-facts { grid-template-columns:repeat(2,minmax(0,1fr)); margin:0; padding:1rem; }
.psm-execution-note { border-top:1px solid var(--pim-line); margin:0; padding:.75rem 1rem; }
.psm-execution-sections { display:grid; gap:1rem; }
.psm-step-facts-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.psm-execution-output-field{max-width:360px;padding:1rem 1.25rem}.psm-step-shipping-form{display:grid;gap:.75rem;grid-template-columns:repeat(4,minmax(0,1fr));padding:1rem 1.25rem}.psm-step-shipping-form label{display:grid;gap:.3rem;min-width:0}.psm-step-shipping-form label>span{color:var(--pim-muted);font-size:.7rem;font-weight:600}.psm-step-shipping-form .psm-form-wide{grid-column:1/-1}.psm-process-receipt-task .psm-warehouse-task-main h3{font-size:.86rem}.psm-process-receipt-task .psm-warehouse-task-main p{margin:.25rem 0 .55rem}
.psm-warehouse-workbench{display:flex;flex-direction:column}.psm-warehouse-workbench>.psm-page-heading{order:0}.psm-warehouse-workbench>.alert{order:1}.psm-warehouse-workbench>.psm-warehouse-summary{order:2}.psm-warehouse-workbench>#purchase{order:3}.psm-warehouse-workbench>#receive{order:4}.psm-warehouse-workbench>#dispatch{order:5}.psm-warehouse-workbench>#finished{order:6}.psm-warehouse-workbench>#delivery{order:7}.psm-warehouse-workbench>.psm-panel:not([id]){order:8}
.psm-sticky-action { display:flex; justify-content:flex-end; margin-top:1rem; }
.psm-compact-empty { min-height:190px; }
.psm-handover-list { display:grid; }
.psm-handover-card { align-items:center; border-bottom:1px solid var(--pim-line); display:grid; gap:1rem; grid-template-columns:minmax(0,1fr) minmax(360px,45%); padding:1rem 1.25rem; }
.psm-handover-card:last-child { border-bottom:0; }
.psm-handover-main h3 { color:var(--pim-body-color); font-size:.92rem; font-weight:700; margin:.2rem 0; }
.psm-handover-main p { color:var(--pim-muted); font-size:.78rem; margin:0; }
.psm-handover-route { align-items:center; display:flex; flex-wrap:wrap; gap:.35rem; margin-top:.65rem; }
.psm-handover-route b { font-size:.76rem; font-weight:600; }
.psm-handover-form { align-items:end; display:grid; gap:.5rem; grid-template-columns:120px minmax(0,1fr) auto; }
.psm-handover-done { align-items:flex-end; display:grid; justify-items:end; }
.psm-handover-done b,.psm-handover-done small { display:block; }
.psm-handover-done small { color:var(--pim-muted); font-size:.72rem; }
.psm-material-layout { display:grid; gap:1rem; grid-template-columns:270px minmax(0,1fr); }
.psm-material-orders { align-content:start; background:var(--bs-body-bg); border:1px solid var(--pim-line); border-radius:.5rem; display:grid; overflow:hidden; }
.psm-material-orders a { border-bottom:1px solid var(--pim-line); color:var(--pim-body-color); display:grid; gap:.12rem; padding:.85rem 1rem; }
.psm-material-orders a:last-child { border-bottom:0; }
.psm-material-orders a.is-active { background:#eaf6f3; border-left:3px solid #0f766e; padding-left:calc(1rem - 3px); }
.psm-material-orders span { color:var(--pim-muted); font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.7rem; }
.psm-material-orders b { font-size:.8rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.psm-material-orders small { color:var(--pim-muted); font-size:.7rem; }
.psm-requirement-list { display:grid; }
.psm-requirement-card { border-bottom:1px solid var(--pim-line); padding:1rem 1.25rem; }
.psm-requirement-card:last-child { border-bottom:0; }
.psm-requirement-head { align-items:flex-start; display:flex; gap:.75rem; justify-content:space-between; }
.psm-requirement-head h3 { color:var(--pim-body-color); font-size:.9rem; font-weight:700; margin:0; }
.psm-requirement-head p { color:var(--pim-muted); font-size:.72rem; margin:.2rem 0 0; }
.psm-material-numbers { display:grid; gap:.75rem; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:.85rem; }
.psm-material-numbers span { background:var(--bs-tertiary-bg); padding:.65rem .75rem; }
.psm-material-numbers small,.psm-material-numbers b { display:block; }
.psm-material-numbers small { color:var(--pim-muted); font-size:.68rem; }
.psm-material-numbers b { color:var(--pim-body-color); font-size:.83rem; margin-top:.15rem; }
.psm-calculation-note { color:var(--pim-muted); font-size:.72rem; margin:.65rem 0; }
.psm-lot-list,.psm-inventory-events { display:grid; }
.psm-lot-card,.psm-inventory-events article { align-items:center; border-bottom:1px solid var(--pim-line); display:grid; gap:1rem; grid-template-columns:minmax(0,1fr) 200px 150px; padding:.9rem 1.25rem; }
.psm-lot-card:last-child,.psm-inventory-events article:last-child { border-bottom:0; }
.psm-lot-card h3,.psm-inventory-events h3 { color:var(--pim-body-color); font-size:.86rem; font-weight:700; margin:.18rem 0; }
.psm-lot-card p,.psm-inventory-events p { color:var(--pim-muted); font-size:.72rem; margin:0; }
.psm-lot-card small,.psm-lot-card b,.psm-lot-card strong,.psm-inventory-events small,.psm-inventory-events strong { display:block; }
.psm-lot-card small,.psm-inventory-events small { color:var(--pim-muted); font-size:.68rem; }
.psm-lot-card b { font-size:.8rem; }
.psm-lot-card strong,.psm-inventory-events strong { color:var(--pim-body-color); font-size:.9rem; }
.psm-inventory-route { align-items:center; display:flex; gap:.35rem; }
.psm-inventory-route b { font-size:.75rem; font-weight:600; }
.psm-pending-grid { background:var(--bs-body-bg); border:1px solid var(--pim-line); border-radius:.5rem; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); margin-bottom:1rem; }
.psm-pending-grid a { align-items:center; border-right:1px solid var(--pim-line); color:var(--pim-body-color); display:flex; gap:.6rem; justify-content:space-between; padding:.75rem 1rem; }
.psm-pending-grid a:last-child { border-right:0; }
.psm-pending-grid span { color:var(--pim-muted); font-size:.76rem; }
.psm-pending-grid strong { font-size:1rem; }
.psm-exception-list { display:grid; }
.psm-exception-card { border-bottom:1px solid var(--pim-line); padding:1rem 1.25rem; }
.psm-exception-card:last-child { border-bottom:0; }
.psm-exception-head { align-items:flex-start; display:flex; gap:1rem; justify-content:space-between; }
.psm-exception-head h3 { color:var(--pim-body-color); font-size:.9rem; font-weight:700; margin:.2rem 0; }
.psm-exception-head p,.psm-exception-description { color:var(--pim-muted); font-size:.75rem; margin:0; }
.psm-exception-description { color:var(--pim-body-color); margin:.75rem 0; }
.psm-resolution { background:var(--bs-tertiary-bg); margin-top:.75rem; padding:.65rem .75rem; }
.psm-resolution b,.psm-resolution p,.psm-resolution small { display:block; }
.psm-resolution b { font-size:.72rem; }.psm-resolution p { font-size:.78rem; margin:.15rem 0; }.psm-resolution small { color:var(--pim-muted); font-size:.68rem; }
.psm-cost-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.psm-cost-summary div { border-right:1px solid var(--pim-line); padding:1rem 1.5rem; }.psm-cost-summary div:last-child { border-right:0; }
.psm-cost-summary small,.psm-cost-summary strong { display:block; }.psm-cost-summary small { color:var(--pim-muted); font-size:.72rem; }.psm-cost-summary strong { color:var(--pim-body-color); font-size:1.15rem; margin-top:.2rem; }
.psm-cost-list { display:grid; }.psm-cost-list article { align-items:center; border-bottom:1px solid var(--pim-line); display:grid; gap:1rem; grid-template-columns:minmax(0,1fr) 150px; padding:.8rem 1.25rem; }.psm-cost-list article:last-child { border-bottom:0; }.psm-cost-list b,.psm-cost-list small,.psm-cost-list strong { display:block; }.psm-cost-list b { font-size:.8rem; margin-top:.3rem; }.psm-cost-list small { color:var(--pim-muted); font-size:.68rem; margin-top:.12rem; }.psm-cost-list article>div:last-child { text-align:right; }
.psm-notification-badge { background:#dc2626; border-radius:999px; color:#fff; font-size:.6rem; line-height:1; min-width:16px; padding:3px; position:absolute; right:3px; text-align:center; top:5px; }
.psm-top-unread { background:#f0f8f6; }
.psm-notification-list { display:grid; }.psm-notification-list article { align-items:center; border-bottom:1px solid var(--pim-line); display:grid; gap:.75rem; grid-template-columns:34px minmax(0,1fr) auto; padding:.85rem 1rem; }.psm-notification-list article.is-unread { background:#f0f8f6; }.psm-notification-list iconify-icon { color:#0f766e; font-size:1.35rem; }.psm-notification-list h3 { font-size:.85rem; font-weight:700; margin:0; }.psm-notification-list p,.psm-notification-list small { color:var(--pim-muted); font-size:.72rem; margin:.15rem 0 0; }.psm-notification-list article>div:last-child { align-items:center; display:flex; gap:.25rem; }
.psm-roll-list { display:grid; }
.psm-roll-card { align-items:center; border-bottom:1px solid var(--pim-line); display:grid; gap:1rem; grid-template-columns:minmax(0,1fr) 260px 150px auto; padding:.9rem 1.25rem; }
.psm-roll-card h3 { color:var(--pim-body-color); font-size:.88rem; font-weight:700; margin:.18rem 0; }
.psm-roll-card p { color:var(--pim-muted); font-size:.72rem; margin:0; }
.psm-roll-data { display:grid; gap:.5rem; grid-template-columns:repeat(3,minmax(0,1fr)); }
.psm-roll-data small,.psm-roll-data b,.psm-roll-location { display:block; }
.psm-roll-data small,.psm-roll-location { color:var(--pim-muted); font-size:.68rem; }
.psm-roll-data b { font-size:.78rem; }
.psm-roll-location { margin-top:.3rem; }
.psm-defect-form { background:var(--bs-tertiary-bg); border-bottom:1px solid var(--pim-line); padding:1rem 1.25rem; }
.psm-delivery-layout { display:grid; gap:1rem; grid-template-columns:270px minmax(0,1fr); }
.psm-delivery-rolls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); padding:.75rem 1.5rem 0; }
.psm-delivery-rolls label { align-items:center; border-bottom:1px solid var(--pim-line); cursor:pointer; display:flex; gap:.65rem; min-width:0; padding:.75rem .25rem; }
.psm-delivery-rolls label:nth-child(odd) { margin-right:1rem; }
.psm-delivery-rolls span,.psm-delivery-rolls b,.psm-delivery-rolls small { display:block; min-width:0; }
.psm-delivery-rolls b { color:var(--pim-body-color); font-size:.82rem; }
.psm-delivery-rolls small { color:var(--pim-muted); font-size:.7rem; margin-top:.12rem; overflow-wrap:anywhere; }

@media (max-width:1199.98px) { .psm-control-grid,.psm-execution-grid { grid-template-columns:minmax(0,1fr) 260px; } }
@media (max-width:991.98px) { .psm-control-grid,.psm-execution-grid { grid-template-columns:1fr; }.psm-control-aside { display:grid; gap:1rem; grid-template-columns:repeat(2,minmax(0,1fr)); }.psm-control-aside>.psm-panel { margin-bottom:0!important; }.psm-control-aside>.psm-panel:last-child { grid-column:1/-1; }.psm-handover-card { grid-template-columns:1fr; }.psm-handover-form { grid-template-columns:120px minmax(0,1fr) auto; } }
@media (max-width:991.98px){.psm-step-shipping-form{grid-template-columns:1fr 1fr}}
@media (max-width:991.98px) { .psm-material-layout { grid-template-columns:1fr; }.psm-material-orders { display:flex; overflow-x:auto; }.psm-material-orders a { border-bottom:0; border-right:1px solid var(--pim-line); flex:0 0 220px; }.psm-material-orders a.is-active { border-bottom:3px solid #0f766e; border-left:0; padding:.85rem 1rem calc(.85rem - 3px); } }
@media (max-width:991.98px) { .psm-delivery-layout { grid-template-columns:1fr; }.psm-roll-card { grid-template-columns:minmax(0,1fr) 220px auto; }.psm-roll-card>div:nth-child(3) { grid-column:1/3; }.psm-delivery-page .psm-material-orders { display:flex; overflow-x:auto; } }
@media (max-width:991.98px) { .psm-pending-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.psm-pending-grid a { border-bottom:1px solid var(--pim-line); } }
@media (max-width:575.98px) {
  .psm-control-heading { align-items:flex-start; }
  .psm-bom-attached { align-items:stretch; flex-direction:column; padding:.85rem 1rem; }
  .psm-control-grid,.psm-execution-grid,.psm-control-aside { display:block; }
  .psm-control-aside>.psm-panel { margin-top:1rem!important; }
  .psm-timeline { padding:.85rem .75rem; }
  .psm-timeline-step { grid-template-columns:30px minmax(0,1fr); }
  .psm-timeline-step:not(:last-child)::before { left:14px; top:29px; }
  .psm-timeline-marker span { height:29px; width:29px; }
  .psm-timeline-body { margin-left:.55rem; }
  .psm-step-facts,.psm-execution-facts { grid-template-columns:1fr 1fr; gap:.65rem; }
  .psm-step-facts span:nth-child(2) { grid-column:1/-1; }
  .psm-step-actions .btn { min-height:36px; }
  .psm-handover-card { padding:.9rem; }
  .psm-handover-form { grid-template-columns:1fr 1fr; }
  .psm-handover-form button { grid-column:1/-1; justify-self:start; }
  .psm-handover-done { align-items:start; justify-items:start; }
  .psm-sticky-action { background:var(--bs-body-bg); border-top:1px solid var(--pim-line); bottom:0; margin:.85rem -.75rem -.75rem; padding:.75rem; position:sticky; z-index:5; }
  .psm-sticky-action .btn { width:100%; }
  .psm-material-orders { display:grid; overflow:visible; }
  .psm-material-orders a { border-bottom:1px solid var(--pim-line); border-right:0; flex:auto; }
  .psm-material-orders a.is-active { border-bottom:1px solid var(--pim-line); border-left:3px solid #0f766e; padding:.85rem 1rem .85rem calc(1rem - 3px); }
  .psm-material-numbers { grid-template-columns:1fr 1fr; }
  .psm-material-numbers span:last-child { grid-column:1/-1; }
  .psm-lot-card,.psm-inventory-events article { align-items:start; grid-template-columns:1fr 1fr; padding:.85rem; }
  .psm-lot-card>div:first-child,.psm-inventory-events article>div:first-child { grid-column:1/-1; }
  .psm-inventory-events article>div:last-child { grid-column:1/-1; }
  .psm-roll-card { align-items:start; grid-template-columns:minmax(0,1fr) auto; padding:.85rem; }
  .psm-roll-data,.psm-roll-card>div:nth-child(3) { grid-column:1/-1; }
  .psm-roll-card>button { grid-column:2; grid-row:1; }
  .psm-delivery-page .psm-material-orders { display:grid; overflow:visible; }
  .psm-delivery-rolls { grid-template-columns:1fr; padding:.5rem 1rem 0; }
  .psm-delivery-rolls label:nth-child(odd) { margin-right:0; }
  .psm-pending-grid { grid-template-columns:1fr 1fr; }
  .psm-pending-grid a { border-right:1px solid var(--pim-line); padding:.65rem .75rem; }
  .psm-pending-grid a:last-child { grid-column:1/-1; }
  .psm-cost-summary { grid-template-columns:1fr; }.psm-cost-summary div { border-bottom:1px solid var(--pim-line); border-right:0; padding:.75rem 1rem; }.psm-cost-list article { grid-template-columns:1fr auto; padding:.75rem .85rem; }
  .psm-notification-list article { align-items:start; grid-template-columns:28px minmax(0,1fr); }.psm-notification-list article>div:last-child { grid-column:2; }
  .psm-route-rail { overflow:visible; flex-wrap:wrap; gap:.45rem; }
  .psm-route-rail span { flex:0 1 auto; min-width:0; }
  .psm-route-rail span:not(:last-child)::after { display:none; }
}

@media (max-width: 1199.98px) {
  .stats,
  .filters,
  .form-grid,
  .two-column-layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .filters.inventory-filter,
  .filters.movement-filter,
  .filters.fire-report-filter,
  .filters.physical-report-filter {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .span-4 {
    grid-column: span 2;
  }
}

@media (max-width: 767.98px) {
  .stats,
  .filters,
  .form-grid,
  .two-column-layout {
    grid-template-columns: 1fr;
  }

  .filters.inventory-filter,
  .filters.movement-filter,
  .filters.fire-report-filter,
  .filters.physical-report-filter {
    grid-template-columns: 1fr;
  }

  .span-2,
  .span-4 {
    grid-column: span 1;
  }

  .pim-container .panel {
    padding: 1rem;
  }

  .product-summary {
    align-items: flex-start;
    flex-direction: column;
  }

  .inventory-summary-grid {
    grid-template-columns: 1fr;
  }
}

/* Dark mode follows the Venix theme variables; light mode above remains unchanged. */
html[data-bs-theme="dark"] .pim-container .panel,
html[data-bs-theme="dark"] .pim-container .table-wrap,
html[data-bs-theme="dark"] .stat {
  background: var(--bs-card-bg, var(--bs-secondary-bg));
  border-color: var(--bs-border-color);
  color: var(--bs-body-color);
}

html[data-bs-theme="dark"] .pim-container input:not([type="checkbox"]):not([type="radio"]),
html[data-bs-theme="dark"] .pim-container select,
html[data-bs-theme="dark"] .pim-container textarea {
  background-color: var(--bs-tertiary-bg);
  border-color: var(--bs-border-color);
  color: var(--bs-body-color);
}

html[data-bs-theme="dark"] .list-column-setting {
  background: var(--bs-tertiary-bg);
}

html[data-bs-theme="dark"] .pim-container input:not([type="checkbox"]):not([type="radio"]):focus,
html[data-bs-theme="dark"] .pim-container select:focus,
html[data-bs-theme="dark"] .pim-container textarea:focus {
  background-color: var(--bs-tertiary-bg);
  border-color: rgba(var(--bs-primary-rgb), 0.75);
  box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.2);
  color: var(--bs-body-color);
}

html[data-bs-theme="dark"] .pim-container input::placeholder,
html[data-bs-theme="dark"] .pim-container textarea::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}

html[data-bs-theme="dark"] .pim-container th {
  background: var(--bs-tertiary-bg);
  color: var(--bs-body-color);
}

html[data-bs-theme="dark"] .pim-container tbody tr:hover {
  background: rgba(var(--bs-emphasis-color-rgb), 0.05);
}

html[data-bs-theme="dark"] .pim-container .error-panel {
  color: var(--bs-danger-text-emphasis);
}

html[data-bs-theme="dark"] .pim-container .success-panel {
  color: var(--bs-success-text-emphasis);
}

html[data-bs-theme="dark"] .quality-stat,
html[data-bs-theme="dark"] .quality-issue,
html[data-bs-theme="dark"] .quality-fix-card {
  background: var(--bs-card-bg, var(--bs-secondary-bg));
  border-color: var(--bs-border-color);
}

html[data-bs-theme="dark"] .quality-issue-head,
html[data-bs-theme="dark"] .quality-fix-card {
  background: var(--bs-tertiary-bg);
}

html[data-bs-theme="dark"] .quality-item {
  border-top-color: var(--bs-border-color);
}

/* Compact product view: groups related read-only information for faster scanning. */
.pim-product-detail-compact .detail-overview {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: 11.5rem minmax(0, 1fr);
  padding: 1.25rem;
}

.pim-product-detail-compact .detail-overview-media,
.pim-product-detail-compact .detail-source-image {
  align-items: center;
  background: var(--bs-tertiary-bg);
  border: 1px solid var(--pim-line);
  border-radius: var(--bs-border-radius, 0.375rem);
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.pim-product-detail-compact .detail-overview-media {
  min-height: 11.5rem;
}

.pim-product-detail-compact .detail-overview-media img,
.pim-product-detail-compact .detail-source-image img {
  display: block;
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.pim-product-detail-compact .detail-overview-body {
  display: grid;
  gap: 1rem;
  min-width: 0;
}

.pim-product-detail-compact .detail-overview-heading {
  align-items: flex-start;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}

.pim-product-detail-compact .detail-overview-heading h1 {
  color: var(--bs-heading-color);
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0.2rem 0 0.45rem;
}

.pim-product-detail-compact .detail-key-grid,
.pim-product-detail-compact .detail-sample-grid,
.pim-product-detail-compact .detail-custom-grid {
  display: grid;
  gap: 0.625rem 1rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pim-product-detail-compact .detail-key-item {
  display: grid;
  gap: 0.2rem;
  min-width: 0;
}

.pim-product-detail-compact .detail-key-item > span,
.pim-product-detail-compact .detail-topic > span {
  color: var(--pim-muted);
  font-size: 0.75rem;
}

.pim-product-detail-compact .detail-key-item strong,
.pim-product-detail-compact .detail-key-item a {
  color: var(--bs-body-color);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.pim-product-detail-compact .detail-key-item a {
  color: var(--bs-primary);
}

.pim-product-detail-compact .detail-content-grid {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: minmax(0, 1.35fr) minmax(20rem, 0.85fr);
}

.pim-product-detail-compact .detail-content-column {
  display: grid;
  gap: 1.25rem;
  align-content: start;
  min-width: 0;
  width: 100%;
}

.pim-product-detail-compact .detail-content-column > *,
.pim-product-detail-compact .detail-compact-panel {
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
  width: 100%;
}

.pim-product-detail-compact .detail-compact-panel {
  margin-bottom: 0;
  padding: 1.125rem;
}

.pim-product-detail-compact .detail-topic-stack {
  display: grid;
  gap: 0.625rem;
}

.pim-product-detail-compact .detail-topic {
  align-items: start;
  border-bottom: 1px solid var(--pim-line);
  display: grid;
  gap: 0.75rem;
  grid-template-columns: 6rem minmax(0, 1fr);
  padding: 0 0 0.625rem;
}

.pim-product-detail-compact .detail-topic:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.pim-product-detail-compact .detail-topic-text {
  grid-template-columns: 6rem minmax(0, 1fr);
}

.pim-product-detail-compact .detail-sample-inventory-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
}

.pim-product-detail-compact .detail-sample-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pim-product-detail-compact .detail-key-item-full {
  grid-column: 1 / -1;
}

.pim-product-detail-compact .detail-inventory-summary {
  gap: 0.75rem;
  margin: 0;
}

.pim-product-detail-compact .inventory-summary-item {
  min-height: 5.25rem;
  padding: 0.75rem;
}

.pim-product-detail-compact .detail-accordion {
  margin-top: 1rem;
  max-width: 100%;
  min-width: 0;
}

.pim-product-detail-compact .detail-accordion .accordion-button {
  font-size: 0.8125rem;
  font-weight: 500;
  padding: 0.75rem 0.875rem;
}

.pim-product-detail-compact .detail-table-wrap {
  border: 0;
  border-radius: 0;
  margin-top: 0;
  max-width: 100%;
  overflow: hidden;
}

/* Keep the dashboard movement summary compact enough to show every column. */
.dashboard-movement-table-wrap {
  overflow: hidden;
}

.dashboard-movement-table {
  min-width: 0 !important;
  table-layout: fixed;
  width: 100%;
}

.dashboard-movement-table th,
.dashboard-movement-table td {
  overflow-wrap: anywhere;
  white-space: normal;
}

.dashboard-movement-table th:nth-child(1),
.dashboard-movement-table td:nth-child(1) { width: 24%; }
.dashboard-movement-table th:nth-child(2),
.dashboard-movement-table td:nth-child(2) { width: 24%; }
.dashboard-movement-table th:nth-child(3),
.dashboard-movement-table td:nth-child(3) { width: 18%; }
.dashboard-movement-table th:nth-child(4),
.dashboard-movement-table td:nth-child(4) { width: 17%; }
.dashboard-movement-table th:nth-child(5),
.dashboard-movement-table td:nth-child(5) { width: 17%; }

.detail-inventory-table {
  min-width: 0 !important;
  table-layout: fixed;
  width: 100%;
}

.detail-inventory-table th,
.detail-inventory-table td {
  overflow-wrap: anywhere;
  white-space: normal;
}

.detail-inventory-table th:nth-child(1),
.detail-inventory-table td:nth-child(1) { width: 17%; }
.detail-inventory-table th:nth-child(2),
.detail-inventory-table td:nth-child(2) { width: 15%; }
.detail-inventory-table th:nth-child(3),
.detail-inventory-table td:nth-child(3) { width: 30%; }
.detail-inventory-table th:nth-child(4),
.detail-inventory-table td:nth-child(4) { width: 17%; }
.detail-inventory-table th:nth-child(5),
.detail-inventory-table td:nth-child(5) { width: 21%; }

.pim-product-detail-compact .detail-source-image {
  min-height: 13.5rem;
}

.pim-product-detail-compact .detail-image-gallery {
  min-width: 0;
  position: relative;
}

.pim-product-detail-compact .detail-source-image .detail-gallery-slide {
  display: none;
}

.pim-product-detail-compact .detail-source-image .detail-gallery-slide.is-active {
  display: block;
}

.pim-product-detail-compact .detail-gallery-nav {
  align-items: center;
  background: rgba(0, 8, 26, 0.62);
  border: 0;
  color: #fff;
  display: inline-flex;
  font-size: 1.25rem;
  height: 2.25rem;
  justify-content: center;
  padding: 0;
  position: absolute;
  top: calc(50% - 1.125rem);
  width: 2.25rem;
}

.pim-product-detail-compact .detail-gallery-nav:hover {
  background: rgba(var(--bs-primary-rgb), 0.92);
}

.pim-product-detail-compact .detail-gallery-prev {
  left: 0.75rem;
}

.pim-product-detail-compact .detail-gallery-next {
  right: 0.75rem;
}

.pim-product-detail-compact .detail-gallery-count {
  background: rgba(0, 8, 26, 0.62);
  bottom: 0.65rem;
  color: #fff;
  font-size: 0.6875rem;
  padding: 0.2rem 0.4rem;
  position: absolute;
  right: 0.65rem;
}

.pim-product-detail-compact .detail-source-links {
  display: grid;
  gap: 0.75rem;
  margin-top: 0.875rem;
}

.pim-product-detail-compact .detail-custom-grid {
  border-top: 1px solid var(--pim-line);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 1rem;
  padding-top: 0.875rem;
}

.pim-product-detail-compact .detail-product-heading {
  align-items: flex-start;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.pim-product-detail-compact .detail-product-title {
  color: var(--pim-detail-product-name-color, var(--bs-heading-color));
  font-size: var(--pim-detail-product-name-size, 22px);
  font-weight: 700;
  margin: 0 0 0.55rem;
}

.pim-product-detail-compact .detail-spec-stack {
  display: grid;
  gap: 1rem;
}

.pim-product-detail-compact .detail-row-stack {
  display: grid;
  gap: 0;
}

.pim-product-detail-compact .detail-row {
  align-items: start;
  border-bottom: 1px solid var(--pim-line);
  display: grid;
  gap: 1rem;
  grid-template-columns: 7.5rem minmax(0, 1fr);
  padding: 0.9rem 0;
}

.pim-product-detail-compact .detail-row:first-child {
  padding-top: 0;
}

.pim-product-detail-compact .detail-row:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.pim-product-detail-compact .detail-row-title {
  align-items: center;
  color: var(--pim-detail-group-title-color, var(--pim-section-title-color));
  display: flex;
  font-size: var(--pim-detail-group-title-size, 15px);
  font-weight: 700;
  gap: 0.4rem;
  min-height: 2.75rem;
}

.pim-product-detail-compact .detail-row-title iconify-icon {
  color: var(--bs-primary);
  font-size: 1.1em;
}

.pim-product-detail-compact .detail-row-content {
  min-width: 0;
}

.pim-product-detail-compact .detail-row-content.detail-row-empty {
  align-items: center;
  display: flex;
  min-height: 2.75rem;
}

.pim-product-detail-compact .detail-parameter-grid {
  display: grid;
  gap: 0.625rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pim-product-detail-compact .detail-parameter-card {
  background: var(--bs-tertiary-bg, #f8fafc);
  border: 1px solid var(--pim-line);
  border-left: 3px solid var(--bs-secondary-color);
  border-radius: var(--bs-border-radius, 0.375rem);
  display: grid;
  gap: 0.35rem;
  min-height: 4.5rem;
  min-width: 0;
  padding: 0.65rem 0.75rem;
}

.pim-product-detail-compact .detail-parameter-filled {
  border-left-color: var(--bs-success);
}

.pim-product-detail-compact .detail-parameter-pending {
  border-left-color: var(--bs-warning);
}

.pim-product-detail-compact .detail-parameter-card > span {
  color: var(--pim-detail-label-color, var(--pim-muted));
  font-size: var(--pim-detail-label-size, 14px);
}

.pim-product-detail-compact .detail-parameter-card > strong {
  color: var(--pim-detail-value-color, var(--bs-body-color));
  font-size: var(--pim-detail-value-size, 16px);
  font-weight: 600;
  line-height: 1.45;
  order: -1;
  overflow-wrap: anywhere;
}

/* Basic data uses a quieter two-column reference layout instead of parameter cards. */
.pim-product-detail-compact .detail-basic-panel .detail-row {
  --pim-basic-table-line: #c7d0dc;
  --pim-basic-title-bg: #e7ebf0;
  border-bottom: 0;
  gap: 1rem;
  grid-template-columns: 7.5rem minmax(0, 1fr);
  padding: 1.15rem 0;
}

.pim-product-detail-compact .detail-basic-panel .detail-row-content .detail-parameter-grid {
  background: #fff;
  border: 1px solid var(--pim-basic-table-line);
  border-radius: var(--bs-border-radius, 0.375rem);
  column-gap: 0;
  overflow: hidden;
  row-gap: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pim-product-detail-compact .detail-basic-panel .detail-parameter-card {
  align-items: center;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--pim-basic-table-line);
  border-left: 0;
  border-radius: 0;
  display: grid;
  gap: 0;
  grid-template-columns: minmax(5rem, 38%) minmax(0, 1fr);
  min-height: 0;
  padding: 0;
}

.pim-product-detail-compact .detail-basic-panel .detail-parameter-card:nth-child(odd) {
  border-right: 1px solid var(--pim-basic-table-line);
}

.pim-product-detail-compact .detail-basic-panel .detail-parameter-card:nth-last-child(-n + 2) {
  border-bottom: 0;
}

/* Keep the lower rule on an incomplete final row's right-hand cell. */
.pim-product-detail-compact .detail-basic-panel .detail-parameter-card:nth-last-child(2):nth-child(even) {
  border-bottom: 1px solid var(--pim-basic-table-line);
}

.pim-product-detail-compact .detail-basic-panel .detail-parameter-card > span {
  align-items: center;
  align-self: stretch;
  background: var(--pim-basic-title-bg);
  border-right: 1px solid var(--pim-basic-table-line);
  color: var(--pim-detail-label-color, var(--pim-muted));
  display: flex;
  font-size: var(--pim-detail-label-size, 14px);
  font-weight: 600;
  padding: 0.72rem 0.9rem;
}

.pim-product-detail-compact .detail-basic-panel .detail-parameter-card > strong {
  align-items: center;
  align-self: stretch;
  background: #fff;
  display: flex;
  font-size: var(--pim-detail-value-size, 16px);
  font-weight: 500;
  order: 0;
  padding: 0.72rem 0.9rem;
}

.pim-product-detail-compact .detail-spec-section {
  padding: 0;
}

.pim-product-detail-compact .detail-spec-section + .detail-spec-section {
  border-top: 1px solid var(--pim-line);
  padding-top: 1rem;
}

.pim-product-detail-compact .detail-spec-heading,
.pim-product-detail-compact .detail-compliance-heading {
  align-items: center;
  color: var(--pim-detail-group-title-color, var(--pim-section-title-color));
  display: flex;
  font-size: var(--pim-detail-group-title-size, 15px);
  font-weight: 700;
  gap: 0.4rem;
}

.pim-product-detail-compact .detail-spec-heading {
  margin-bottom: 0.75rem;
}

.pim-product-detail-compact .detail-spec-heading iconify-icon,
.pim-product-detail-compact .detail-compliance-heading iconify-icon {
  color: var(--bs-primary);
  font-size: 1.1em;
}

.pim-product-detail-compact .detail-spec-grid {
  border-left: 1px solid var(--pim-line);
  border-top: 1px solid var(--pim-line);
  display: grid;
  gap: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pim-product-detail-compact .detail-spec-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pim-product-detail-compact .detail-spec-item {
  border-bottom: 1px solid var(--pim-line);
  border-right: 1px solid var(--pim-line);
  display: grid;
  gap: 0.3rem;
  min-width: 0;
  padding: 0.75rem 1rem;
}

.pim-product-detail-compact .detail-spec-item > span,
.pim-product-detail-compact .detail-key-item > span,
.pim-product-detail-compact .detail-topic > span {
  color: var(--pim-detail-label-color, var(--pim-muted));
  font-size: var(--pim-detail-label-size, 14px);
}

.pim-product-detail-compact .detail-spec-item strong,
.pim-product-detail-compact .detail-key-item strong,
.pim-product-detail-compact .detail-key-item a {
  color: var(--pim-detail-value-color, var(--bs-body-color));
  font-size: var(--pim-detail-value-size, 16px);
  font-weight: 600;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.pim-product-detail-compact .detail-compliance-stack {
  display: grid;
  gap: 1rem;
}

.pim-product-detail-compact .detail-compliance-group {
  border-bottom: 1px solid var(--pim-line);
  padding-bottom: 1rem;
}

.pim-product-detail-compact .detail-compliance-group:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.pim-product-detail-compact .detail-compliance-heading {
  margin-bottom: 0.75rem;
}

.pim-product-detail-compact .detail-report-grid {
  display: grid;
  gap: 0.625rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pim-product-detail-compact .detail-report-card {
  background: var(--bs-tertiary-bg, #f8fafc);
  border: 1px solid var(--pim-line);
  border-left: 3px solid var(--bs-secondary-color);
  border-radius: var(--bs-border-radius, 0.375rem);
  display: grid;
  gap: 0.35rem;
  min-width: 0;
  padding: 0.65rem 0.75rem;
}

.pim-product-detail-compact .detail-report-card > strong {
  color: var(--pim-detail-value-color, var(--bs-body-color));
  font-size: var(--pim-detail-value-size, 16px);
  font-weight: 600;
  overflow-wrap: anywhere;
}

.pim-product-detail-compact .detail-report-card > span {
  align-items: center;
  color: var(--pim-detail-label-color, var(--pim-muted));
  display: inline-flex;
  font-size: var(--pim-detail-label-size, 14px);
  gap: 0.25rem;
  line-height: 1.35;
}

.pim-product-detail-compact .detail-report-reported {
  border-left-color: var(--bs-success);
}

.pim-product-detail-compact .detail-report-reported > span {
  color: var(--bs-success-text-emphasis);
}

.pim-product-detail-compact .detail-report-pending {
  border-left-color: var(--bs-warning);
}

.pim-product-detail-compact .detail-report-pending > span {
  color: var(--bs-warning-text-emphasis);
}

.pim-product-detail-compact .detail-application-list {
  gap: 0.55rem;
}

.pim-product-detail-compact .detail-application-list .detail-chip {
  font-size: var(--pim-detail-label-size, 14px);
  padding: 0.35rem 0.7rem;
}

.pim-product-detail-compact .product-relation-stack {
  display: grid;
  gap: 1rem;
}

.pim-product-detail-compact .product-relation-group {
  display: grid;
  gap: 0.55rem;
}

.pim-product-detail-compact .product-relation-title {
  color: var(--pim-detail-label-color, var(--pim-muted));
  font-size: var(--pim-detail-label-size, 14px);
  font-weight: 600;
}

.pim-product-detail-compact .product-relation-card {
  background: var(--bs-tertiary-bg, #f8fafc);
  border: 1px solid var(--pim-line);
  border-left: 3px solid var(--bs-secondary-color);
  border-radius: var(--bs-border-radius, 0.375rem);
  color: var(--bs-body-color);
  display: grid;
  gap: 0.25rem;
  padding: 0.75rem 0.9rem;
  text-decoration: none;
}

.pim-product-detail-compact .product-relation-card:hover {
  border-color: var(--bs-primary-border-subtle);
  color: var(--bs-body-color);
}

.pim-product-detail-compact .product-relation-card.detail-parameter-filled {
  border-left-color: var(--bs-success);
}

.pim-product-detail-compact .product-relation-card.detail-parameter-pending {
  border-left-color: var(--bs-warning);
}

.pim-product-detail-compact .product-relation-card strong {
  color: var(--pim-detail-value-color, var(--bs-heading-color));
  font-size: var(--pim-detail-value-size, 16px);
}

.pim-product-detail-compact .product-relation-card span {
  color: var(--pim-detail-label-color, var(--pim-muted));
  font-size: var(--pim-detail-label-size, 14px);
}

.pim-product-detail-compact .detail-product-identity {
  align-items: end;
  border-bottom: 1px solid var(--pim-line);
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.25rem;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding-bottom: 0.875rem;
}

.pim-product-detail-compact .detail-product-identity-name {
  display: grid;
  gap: 0.25rem;
}

.pim-product-detail-compact .detail-product-identity-name > span {
  color: var(--pim-detail-label-color, var(--pim-muted));
  font-size: var(--pim-detail-label-size, 14px);
}

.pim-product-detail-compact .detail-product-identity-name > strong {
  color: var(--pim-detail-product-name-color, var(--bs-heading-color));
  font-size: var(--pim-detail-product-name-size, 22px);
  font-weight: 700;
  line-height: 1.25;
}

.pim-product-detail-compact .detail-product-identity .detail-hero-meta {
  color: var(--pim-detail-label-color, var(--pim-muted));
  font-size: var(--pim-detail-label-size, 14px);
}

.pim-product-detail-compact .detail-compliance-text .detail-text {
  align-items: center;
  color: var(--pim-detail-value-color, var(--bs-body-color));
  display: flex;
  font-size: var(--pim-detail-value-size, 16px);
  min-height: 2.75rem;
}

.pim-product-detail-compact .detail-compliance-text .detail-empty-value {
  color: var(--pim-muted) !important;
  font-size: var(--pim-detail-label-size, 14px);
  font-weight: 400;
}

/* The fixed sidebar reduces the usable canvas well before the viewport reaches
   Bootstrap's xl breakpoint. Stack the detail columns before they can collide. */
@media (max-width: 1499.98px) {
  .pim-product-detail-compact .detail-content-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1199.98px) {

  .pim-product-detail-compact .detail-key-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767.98px) {
  .pim-product-detail-compact .detail-overview,
  .pim-product-detail-compact .detail-sample-inventory-grid {
    grid-template-columns: 1fr;
  }

  .pim-product-detail-compact .detail-overview-heading {
    flex-direction: column;
  }

  .pim-product-detail-compact .detail-product-heading {
    flex-direction: column;
  }

  .pim-product-detail-compact .detail-key-grid,
  .pim-product-detail-compact .detail-sample-grid,
  .pim-product-detail-compact .detail-custom-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pim-product-detail-compact .detail-spec-grid,
  .pim-product-detail-compact .detail-spec-grid-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pim-product-detail-compact .detail-row {
    gap: 0.5rem;
    grid-template-columns: 1fr;
  }

  .pim-product-detail-compact .detail-basic-panel .detail-row {
    gap: 0.65rem;
    grid-template-columns: 1fr;
    padding: 1rem 0;
  }

  .pim-product-detail-compact .detail-row-title {
    min-height: 0;
  }

  .pim-product-detail-compact .detail-parameter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pim-product-detail-compact .detail-basic-panel .detail-row-content .detail-parameter-grid {
    grid-template-columns: 1fr;
  }

  .pim-product-detail-compact .detail-basic-panel .detail-parameter-card:nth-child(odd) {
    border-right: 0;
  }

  .pim-product-detail-compact .detail-basic-panel .detail-parameter-card:nth-last-child(-n + 2) {
    border-bottom: 1px solid var(--pim-basic-table-line);
  }

  .pim-product-detail-compact .detail-basic-panel .detail-parameter-card:last-child {
    border-bottom: 0;
  }

  .pim-product-detail-compact .detail-topic,
  .pim-product-detail-compact .detail-topic-text {
    grid-template-columns: 1fr;
    gap: 0.35rem;
  }

  .pim-product-detail-compact .detail-report-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575.98px) {
  .pim-product-detail-compact .detail-report-grid {
    grid-template-columns: 1fr;
  }

  .pim-product-detail-compact .detail-parameter-grid {
    grid-template-columns: 1fr;
  }

  .pim-product-detail-compact .detail-basic-panel .detail-row-content .detail-parameter-grid {
    grid-template-columns: 1fr;
  }

  .pim-product-detail-compact .detail-basic-panel .detail-parameter-card:nth-child(odd) {
    border-right: 0;
  }

  .pim-product-detail-compact .detail-basic-panel .detail-parameter-card:nth-last-child(-n + 2) {
    border-bottom: 1px solid var(--pim-basic-table-line);
  }

  .pim-product-detail-compact .detail-basic-panel .detail-parameter-card:last-child {
    border-bottom: 0;
  }
}

@media (max-width: 991.98px) {
  .data-quality-summary,
  .quality-fix-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575.98px) {
  .data-quality-hero,
  .quality-issue-head,
  .quality-item {
    align-items: flex-start;
    flex-direction: column;
  }

  .data-quality-summary,
  .quality-fix-grid {
    grid-template-columns: 1fr;
  }
}

/* Restore the original Venix dark-theme hierarchy instead of light-theme fixed colors. */
html[data-bs-theme="dark"] {
  --pim-line: rgba(185, 199, 219, 0.16);
  --pim-body-color: var(--bs-body-color);
  --pim-page-title-color: var(--bs-heading-color, var(--bs-body-color));
  --pim-section-title-color: var(--bs-heading-color, var(--bs-body-color));
  --pim-field-label-color: var(--bs-secondary-color);
  --pim-helper-text-color: var(--bs-secondary-color);
  --pim-table-header-color: var(--bs-body-color);
  --pim-table-body-color: var(--bs-body-color);
  --pim-dashboard-label-color: var(--bs-secondary-color);
  --pim-dashboard-value-color: var(--bs-body-color);
  --pim-dashboard-title-color: var(--bs-heading-color, var(--bs-body-color));
  --pim-detail-product-name-color: var(--bs-heading-color, var(--bs-body-color));
  --pim-detail-group-title-color: var(--bs-heading-color, var(--bs-body-color));
  --pim-detail-label-color: var(--bs-secondary-color);
  --pim-detail-value-color: var(--bs-body-color);
}

html[data-bs-theme="dark"] body {
  background-color: var(--bs-body-bg) !important;
}

html[data-bs-theme="dark"] .pim-product-detail-compact .detail-spec-section,
html[data-bs-theme="dark"] .pim-product-detail-compact .detail-report-card,
html[data-bs-theme="dark"] .pim-product-detail-compact .detail-parameter-card {
  background: var(--bs-tertiary-bg);
  border-color: var(--bs-border-color);
}

html[data-bs-theme="dark"] .pim-product-detail-compact .detail-basic-panel .detail-row-content .detail-parameter-grid,
html[data-bs-theme="dark"] .pim-product-detail-compact .detail-basic-panel .detail-parameter-card > strong {
  background: var(--bs-body-bg);
}

html[data-bs-theme="dark"] .pim-product-detail-compact .detail-basic-panel .detail-row {
  --pim-basic-table-line: var(--pim-line);
  --pim-basic-title-bg: var(--bs-tertiary-bg);
}

html[data-bs-theme="dark"] .pim-container table {
  --bs-table-border-color: var(--pim-line);
}

html[data-bs-theme="dark"] .pim-container .accordion {
  --bs-accordion-border-color: var(--pim-line);
}

.auth-page {
  align-items: center;
  background: #eef3f9;
  display: flex;
  font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
  justify-content: center;
  min-height: 100vh;
  padding: 1.5rem;
}

.auth-card {
  background: #fff;
  border: 1px solid #dfe7f2;
  border-radius: 12px;
  box-shadow: 0 16px 40px rgba(15, 35, 75, 0.12);
  max-width: 420px;
  padding: 2rem;
  width: 100%;
}

.auth-brand {
  color: #20c997;
  font-size: 1.1rem;
  font-weight: 800;
  letter-spacing: 0;
  margin-bottom: 1.25rem;
}

.auth-card h1 {
  color: #0b2d5c;
  font-size: 1.45rem;
  font-weight: 800;
  margin-bottom: 0.4rem;
}

.auth-card p {
  color: #66758d;
  margin-bottom: 1.25rem;
}

.auth-card label {
  color: #40516a;
  display: grid;
  font-size: 0.95rem;
  gap: 0.45rem;
  margin-bottom: 1rem;
}

.auth-card input {
  border: 1px solid #cbd6e5;
  border-radius: 8px;
  min-height: 42px;
  padding: 0.6rem 0.75rem;
}

.auth-error {
  background: #fff1f2;
  border: 1px solid #fecdd3;
  border-radius: 8px;
  color: #be123c;
  margin-bottom: 1rem;
  padding: 0.65rem 0.75rem;
}

.role-card {
  display: block;
}

.role-card-head {
  align-items: flex-start;
  border-bottom: 1px solid var(--pim-line);
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}

.role-card-head h2 {
  margin: 0.35rem 0 0.2rem;
}

.role-card-head p {
  color: var(--pim-muted);
  margin: 0;
}

.user-role-pill {
  background: #e8f8f2;
  border: 1px solid #bcebd9;
  border-radius: 999px;
  color: #087f5b;
  display: inline-flex;
  font-size: 0.82rem;
  font-weight: 700;
  padding: 0.18rem 0.55rem;
}

.user-role-pill.super {
  background: #fff7e6;
  border-color: #ffe0a3;
  color: #9a6700;
}

.role-meta-grid {
  margin-bottom: 1rem;
}

.role-super-note {
  background: #f8fbff;
  border: 1px dashed #b8c8dd;
  border-radius: 8px;
  color: #51627a;
  padding: 0.85rem 1rem;
}

.permission-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.permission-group {
  background: #f8fbff;
  border: 1px solid #dce6f2;
  border-radius: 10px;
  display: grid;
  gap: 0.65rem 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 1rem;
}

.permission-group h3 {
  color: var(--pim-section-title-color, #0b2d5c);
  font-size: 1rem;
  font-weight: 800;
  grid-column: 1 / -1;
  margin-bottom: 0.15rem;
}

.pim-container .permission-check {
  align-items: center;
  display: flex !important;
  gap: 0.55rem;
  margin-bottom: 0;
  min-height: 1.75rem;
}

.pim-container .permission-check input[type="checkbox"] {
  flex: 0 0 auto;
  height: 1rem;
  margin: 0;
  width: 1rem;
}

.pim-container .permission-check span {
  align-items: center;
  display: flex;
  min-width: 0;
}

.pim-container .permission-check strong {
  color: var(--pim-body-color);
  font-size: 0.95rem;
  line-height: 1.35;
}

.permission-check small {
  color: var(--pim-muted);
  font-size: 0.78rem;
}

html[data-bs-theme="dark"] .auth-page {
  background: #111217;
}

html[data-bs-theme="dark"] .auth-card,
html[data-bs-theme="dark"] .permission-group,
html[data-bs-theme="dark"] .role-super-note {
  background: var(--bs-tertiary-bg);
  border-color: var(--pim-line);
}

@media (max-width: 1199.98px) {
  .permission-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575.98px) {
  .role-card-head {
    flex-direction: column;
  }

  .permission-grid {
    grid-template-columns: 1fr;
  }

  .permission-group {
    grid-template-columns: 1fr;
  }
}

/* Sales-order and split-production views. */
.psm-page-heading>.btn { align-items:center; display:inline-flex; gap:.35rem; }
.psm-sales-lines-head { align-items:center; border-bottom:1px solid var(--pim-line); border-top:1px solid var(--pim-line); display:flex; justify-content:space-between; padding:.8rem 1.5rem; }
.psm-sales-lines-head h3 { font-size:.9rem; font-weight:700; margin:0; }.psm-sales-lines-head p { color:var(--pim-muted); font-size:.72rem; margin:.15rem 0 0; }
.psm-sales-lines { display:grid; padding:0 1.5rem; }
.psm-sales-line { border-bottom:1px solid var(--pim-line); padding:1rem 0; }.psm-sales-line:last-child { border-bottom:0; }
.psm-sales-line-title { align-items:center; display:flex; justify-content:space-between; margin-bottom:.6rem; }.psm-sales-line-title b { font-size:.8rem; }
.psm-sales-line-grid { display:grid; gap:.65rem; grid-template-columns:2fr 1fr 1fr .7fr 1fr 1fr .7fr 1fr; }
.psm-sales-line-grid .line-remark { grid-column:1/-1; }.psm-sales-line-grid .form-label { font-size:.68rem; }
.psm-form-footer { border-top:1px solid var(--pim-line); display:flex; justify-content:flex-end; padding:1rem 1.5rem; }
.psm-sales-order-list,.psm-sales-line-list { display:grid; }
.psm-sales-order-list>a { align-items:center; border-bottom:1px solid var(--pim-line); color:var(--pim-body-color); display:grid; gap:1rem; grid-template-columns:minmax(0,1fr) 100px 100px 130px auto; padding:.9rem 1.25rem; }
.psm-sales-order-list>a:last-child { border-bottom:0; }.psm-sales-order-list h3,.psm-sales-line-list h3 { font-size:.88rem; font-weight:700; margin:.18rem 0; }.psm-sales-order-list p,.psm-sales-line-list p { color:var(--pim-muted); font-size:.72rem; margin:0; }.psm-sales-order-list small,.psm-sales-order-list b { display:block; }.psm-sales-order-list small { color:var(--pim-muted); font-size:.68rem; }.psm-sales-order-list b { font-size:.8rem; }
.psm-sales-line-list article { align-items:center; border-bottom:1px solid var(--pim-line); display:grid; gap:1rem; grid-template-columns:minmax(0,1fr) 330px auto; padding:1rem 1.25rem; }.psm-sales-line-list article:last-child { border-bottom:0; }
.psm-line-progress { display:grid; gap:.5rem; grid-template-columns:repeat(3,minmax(0,1fr)); }.psm-line-progress small,.psm-line-progress b { display:block; }.psm-line-progress small { color:var(--pim-muted); font-size:.66rem; }.psm-line-progress b { font-size:.78rem; }
@media (max-width:1199.98px) { .psm-sales-line-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }.psm-sales-line-grid .line-product { grid-column:span 2; }.psm-sales-line-grid .line-remark { grid-column:1/-1; }.psm-sales-line-list article { grid-template-columns:minmax(0,1fr) 300px; }.psm-sales-line-list article>a { grid-column:1/-1; justify-self:start; } }
@media (max-width:575.98px) { .psm-sales-lines-head { padding:.75rem 1rem; }.psm-sales-lines { padding:0 1rem; }.psm-sales-line-grid { grid-template-columns:1fr 1fr; }.psm-sales-line-grid .line-product,.psm-sales-line-grid .line-remark { grid-column:1/-1; }.psm-form-footer { padding:.85rem 1rem; }.psm-sales-order-list>a { align-items:start; grid-template-columns:1fr 1fr auto; padding:.85rem; }.psm-sales-order-list>a>div:first-child { grid-column:1/3; }.psm-sales-order-list>a>div:nth-child(4) { grid-column:1/3; }.psm-sales-order-list>a>iconify-icon { grid-column:3; grid-row:1; }.psm-sales-line-list article { grid-template-columns:1fr; padding:.85rem; }.psm-line-progress { grid-template-columns:repeat(3,minmax(0,1fr)); } }
.psm-master-layout { display:grid; gap:1rem; grid-template-columns:250px minmax(0,1fr); }
.psm-process-nav { align-content:start; background:var(--bs-body-bg); border:1px solid var(--pim-line); border-radius:.5rem; display:grid; overflow:hidden; }
.psm-process-nav a { border-bottom:1px solid var(--pim-line); color:var(--pim-body-color); display:grid; gap:.15rem; padding:.75rem 1rem; }.psm-process-nav a:last-child { border-bottom:0; }.psm-process-nav a.is-active { background:#eaf6f3; border-left:3px solid #0f766e; padding-left:calc(1rem - 3px); }.psm-process-nav span { font-size:.82rem; font-weight:700; }.psm-process-nav small { color:var(--pim-muted); font-size:.68rem; }
.psm-field-list { display:grid; }.psm-field-list article { align-items:center; border-bottom:1px solid var(--pim-line); display:flex; gap:.75rem; justify-content:space-between; padding:.7rem 1.25rem; }.psm-field-list article.is-disabled { opacity:.5; }.psm-field-list b,.psm-field-list small { display:block; }.psm-field-list b { font-size:.8rem; }.psm-field-list small { color:var(--pim-muted); font-size:.68rem; margin-top:.1rem; }.psm-add-field { padding:.85rem 1.25rem; }
.psm-field-actions { align-items:center; display:flex; flex:0 0 auto; gap:.4rem; }.psm-field-actions form { margin:0; }.psm-field-edit { border-bottom:1px solid var(--pim-line); background:var(--pim-soft-bg,#f7f9fb); padding:.85rem 1.25rem; }
.psm-field-summary{flex:1;min-width:0}.psm-field-sort-item{min-width:0}.psm-field-sort-toolbar{align-items:center;background:var(--bs-tertiary-bg);border-bottom:1px solid var(--pim-line);display:flex;gap:.75rem;justify-content:space-between;padding:.55rem 1.25rem}.psm-field-sort-toolbar span{align-items:center;color:var(--pim-muted);display:flex;font-size:.68rem;gap:.35rem}.psm-field-sort-toolbar iconify-icon{font-size:1rem}.psm-field-sort-item.dragging{box-shadow:0 5px 18px rgba(15,23,42,.12);position:relative;z-index:2}.psm-field-sort-item.dragging article{border:1px solid #0f766e;background:var(--bs-success-bg-subtle)}
@media (max-width:991.98px) { .psm-master-layout { grid-template-columns:1fr; }.psm-process-nav { display:flex; overflow-x:auto; }.psm-process-nav a { border-bottom:0; border-right:1px solid var(--pim-line); flex:0 0 190px; }.psm-process-nav a.is-active { border-bottom:3px solid #0f766e; border-left:0; padding:.75rem 1rem calc(.75rem - 3px); } }
@media (max-width:575.98px) { .psm-process-nav { display:grid; overflow:visible; }.psm-process-nav a { border-bottom:1px solid var(--pim-line); border-right:0; flex:auto; }.psm-process-nav a.is-active { border-bottom:1px solid var(--pim-line); border-left:3px solid #0f766e; padding:.75rem 1rem .75rem calc(1rem - 3px); }.psm-field-list article { align-items:flex-start; display:grid; gap:.65rem; grid-template-columns:auto minmax(0,1fr); padding:.7rem .9rem; }.psm-field-actions { flex-wrap:wrap; grid-column:2; justify-content:flex-start; }.psm-field-edit,.psm-add-field { padding:.75rem .9rem; }.psm-field-sort-toolbar{padding:.55rem .9rem} }

/* PSM2 surfaces: white in light mode and native dark surfaces in dark mode. */
html:not([data-bs-theme="dark"]) .pim-container .psm-panel,
html:not([data-bs-theme="dark"]) .pim-container .psm-form-panel,
html:not([data-bs-theme="dark"]) .pim-container .psm-process-nav,
html:not([data-bs-theme="dark"]) .pim-container .psm-requirement-card,
html:not([data-bs-theme="dark"]) .pim-container .psm-purchase-card,
html:not([data-bs-theme="dark"]) .pim-container .psm-handover-card { background:#fff; }
html[data-bs-theme="dark"] .pim-container .psm-panel,
html[data-bs-theme="dark"] .pim-container .psm-form-panel,
html[data-bs-theme="dark"] .pim-container .psm-process-nav,
html[data-bs-theme="dark"] .pim-container .psm-requirement-card,
html[data-bs-theme="dark"] .pim-container .psm-purchase-card,
html[data-bs-theme="dark"] .pim-container .psm-handover-card { background:var(--bs-tertiary-bg);border-color:var(--pim-line); }
.psm-card-kicker{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.psm-form-wide{grid-column:1/-1}.psm-purchase-list{display:grid}.psm-purchase-card{border-bottom:1px solid var(--pim-line);display:grid;gap:.75rem;padding:1rem 1.25rem}.psm-purchase-card:last-child{border-bottom:0}.psm-purchase-card h3{font-size:.9rem;margin:.2rem 0}.psm-purchase-card p{color:var(--pim-muted);font-size:.75rem;margin:0}.psm-line-actions{align-items:flex-start;display:grid;gap:.5rem;justify-items:start}.psm-line-actions details{position:relative}.psm-line-edit-form{background:var(--bs-body-bg);border:1px solid var(--pim-line);border-radius:.5rem;display:grid;gap:.6rem;grid-template-columns:repeat(4,minmax(110px,1fr));margin-top:.5rem;padding:.8rem;width:min(680px,70vw)}.psm-line-edit-form label{color:var(--pim-muted);font-size:.7rem}.psm-handover-dispatch{grid-template-columns:repeat(2,minmax(0,1fr)) auto}.psm-handover-dispatch .btn{align-self:end}
html[data-bs-theme="dark"] .psm-line-edit-form{background:var(--bs-body-bg)}
@media(max-width:767.98px){.psm-line-edit-form{grid-template-columns:1fr 1fr;width:calc(100vw - 4rem)}.psm-handover-dispatch{grid-template-columns:1fr}.psm-handover-dispatch .btn{width:100%}.psm-material-numbers{grid-template-columns:1fr 1fr}}
@media(max-width:575.98px){.psm-line-actions,.psm-line-actions details{width:100%}.psm-line-edit-form{grid-template-columns:1fr;width:100%}.psm-line-edit-form .psm-form-wide{grid-column:auto}.psm-line-actions .btn{width:100%}}
.psm-task-summary{display:grid;gap:.5rem;grid-template-columns:repeat(2,96px)}.psm-task-summary span{background:#fff;border:1px solid var(--pim-line);border-radius:.5rem;padding:.6rem .8rem}.psm-task-summary small,.psm-task-summary b{display:block}.psm-task-summary small{color:var(--pim-muted);font-size:.68rem}.psm-task-summary b{font-size:1.1rem}.psm-my-processes .psm-compact-row>div:nth-child(2){min-width:150px}
html[data-bs-theme="dark"] .psm-task-summary span{background:var(--bs-tertiary-bg)}
@media(max-width:575.98px){.psm-task-summary{grid-template-columns:1fr 1fr;width:100%}.psm-my-processes .psm-compact-row>div:nth-child(2){min-width:0}}

/* Weaving technology sheet and reverse material planning. */
.psm-section-number{color:#0f766e;font-size:.68rem;font-weight:800;letter-spacing:0}.psm-technology-form .psm-panel-head>div{display:grid;grid-template-columns:auto 1fr;column-gap:.65rem}.psm-technology-form .psm-panel-head h2{grid-column:2}.psm-technology-form .psm-panel-head p{grid-column:2;margin-top:.15rem}.psm-yarn-groups{display:grid;grid-template-columns:1fr 1fr}.psm-yarn-group+ .psm-yarn-group{border-left:1px solid var(--pim-line)}.psm-yarn-group>h3{background:var(--bs-tertiary-bg);border-bottom:1px solid var(--pim-line);font-size:.8rem;margin:0;padding:.65rem 1rem}.psm-yarn-list{display:grid}.psm-yarn-row{align-items:end;border-bottom:1px solid var(--pim-line);display:grid;gap:.55rem;grid-template-columns:28px repeat(2,minmax(0,1fr));padding:.8rem 1rem}.psm-yarn-row:last-child{border-bottom:0}.psm-yarn-slot{align-self:center;background:#e6f4f1;border-radius:4px;color:#0f766e;display:grid;height:28px;place-items:center;width:28px}.psm-yarn-row label,.psm-field-grid label,.psm-lift-grid label,.psm-yarn-confirm label{display:grid;gap:.2rem;min-width:0}.psm-yarn-row label>span,.psm-field-grid label>span,.psm-lift-grid label>span,.psm-yarn-confirm label>span{color:var(--pim-muted);font-size:.68rem;font-weight:600}.psm-yarn-remark{grid-column:2/-1}.psm-field-grid{display:grid;gap:.75rem;grid-template-columns:repeat(4,minmax(0,1fr))}.psm-field-wide{grid-column:span 2}.psm-lift-grid{display:grid;gap:.65rem;grid-template-columns:repeat(8,minmax(0,1fr))}.psm-lift-grid label>span{text-align:center}.psm-spec-compare{display:grid;gap:.55rem}.psm-spec-head,.psm-spec-row{align-items:center;display:grid;gap:.75rem;grid-template-columns:minmax(130px,1fr) 2fr 2fr}.psm-spec-head{color:var(--pim-muted);font-size:.7rem;font-weight:700}.psm-spec-row>span{font-size:.78rem;font-weight:700}.psm-composition{align-items:center;display:grid;gap:.75rem;grid-template-columns:minmax(130px,1fr) 4fr;margin-top:.2rem}.psm-composition>span{font-size:.78rem;font-weight:700}.psm-technology-actions{gap:.5rem}.psm-procurement-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:1rem 1.25rem}.psm-procurement-path span{align-items:center;color:var(--pim-muted);display:flex;font-size:.72rem;gap:.45rem;position:relative}.psm-procurement-path span:not(:last-child):after{background:var(--pim-line);content:"";height:1px;position:absolute;right:.6rem;width:calc(100% - 7.2rem)}.psm-procurement-path i{border:1px solid var(--pim-line);border-radius:50%;display:grid;font-style:normal;height:24px;place-items:center;width:24px}.psm-procurement-path .is-done{color:#0f766e}.psm-procurement-path .is-done i{background:#0f766e;border-color:#0f766e;color:#fff}.psm-reverse-stages{align-items:end;display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr) auto);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr)}.psm-reverse-stages label{display:grid;gap:.35rem;grid-template-columns:minmax(0,1fr) auto}.psm-reverse-stages label>span{align-items:center;display:flex;font-size:.78rem;font-weight:700;gap:.4rem;grid-column:1/-1}.psm-reverse-stages label i{background:#e6f4f1;border-radius:50%;color:#0f766e;display:grid;font-size:.66rem;font-style:normal;height:22px;place-items:center;width:22px}.psm-reverse-stages label small{align-self:center;color:var(--pim-muted)}.psm-reverse-stages>iconify-icon{align-self:center;color:#7b8ca2}.psm-yarn-plan-list{display:grid}.psm-yarn-plan{align-items:center;border-bottom:1px solid var(--pim-line);display:grid;gap:1rem;grid-template-columns:minmax(180px,1.2fr) minmax(280px,1.4fr) minmax(260px,1fr);padding:1rem 1.25rem}.psm-yarn-plan:last-child{border-bottom:0}.psm-yarn-plan>div:first-child>span{color:#0f766e;font-size:.68rem;font-weight:700}.psm-yarn-plan h3{font-size:.86rem;margin:.15rem 0}.psm-yarn-plan p{color:var(--pim-muted);font-size:.7rem;margin:0}.psm-yarn-calc{display:grid;gap:.5rem;grid-template-columns:repeat(3,minmax(0,1fr))}.psm-yarn-calc small,.psm-yarn-calc b{display:block}.psm-yarn-calc small{color:var(--pim-muted);font-size:.65rem}.psm-yarn-calc b{font-size:.78rem;margin-top:.1rem}.psm-yarn-confirm{display:grid;gap:.5rem;grid-template-columns:1fr 1.5fr}.psm-material-orders>.d-lg-grid{display:grid}.psm-purchase-card{align-items:center;grid-template-columns:minmax(0,1fr) auto}.psm-purchase-card details{max-width:760px;width:100%}.psm-requirement-card details{margin-top:.75rem}.psm-execution-page .psm-empty-state.psm-compact-empty{min-height:150px}
html[data-bs-theme="dark"] .psm-yarn-group>h3,html[data-bs-theme="dark"] .psm-yarn-slot,html[data-bs-theme="dark"] .psm-reverse-stages label i{background:var(--bs-body-bg)}
@media(max-width:1199.98px){.psm-yarn-groups{grid-template-columns:1fr}.psm-yarn-group+ .psm-yarn-group{border-left:0;border-top:1px solid var(--pim-line)}.psm-yarn-plan{grid-template-columns:1fr 1fr}.psm-yarn-confirm{grid-column:1/-1}.psm-lift-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:991.98px){.psm-field-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.psm-material-orders{display:block;overflow:visible}.psm-procurement-path span:not(:last-child):after{display:none}}
@media(max-width:767.98px){.psm-yarn-row{grid-template-columns:28px 1fr 1fr}.psm-field-grid{grid-template-columns:1fr 1fr}.psm-field-wide{grid-column:1/-1}.psm-procurement-path{gap:.45rem;grid-template-columns:1fr 1fr}.psm-reverse-stages{align-items:stretch;grid-template-columns:1fr}.psm-reverse-stages>iconify-icon{display:none}.psm-yarn-plan{grid-template-columns:1fr}.psm-yarn-confirm{grid-column:auto}.psm-purchase-card{align-items:start;grid-template-columns:1fr}.psm-purchase-card details{max-width:none}}
@media(max-width:575.98px){.psm-yarn-row{grid-template-columns:26px 1fr;padding:.75rem .85rem}.psm-yarn-row label{grid-column:2}.psm-yarn-remark{grid-column:2}.psm-field-grid{grid-template-columns:1fr}.psm-field-wide{grid-column:auto}.psm-lift-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.psm-spec-head{display:none}.psm-spec-row{border-bottom:1px solid var(--pim-line);grid-template-columns:1fr 1fr;padding-bottom:.65rem}.psm-spec-row>span{grid-column:1/-1}.psm-spec-row input:first-of-type:before{content:"成品"}.psm-composition{grid-template-columns:1fr}.psm-technology-actions{display:grid;grid-template-columns:1fr 1fr}.psm-technology-actions .btn-primary{grid-column:1/-1}.psm-procurement-path{padding:.8rem}.psm-procurement-path span{font-size:.68rem}.psm-yarn-calc{grid-template-columns:repeat(3,minmax(0,1fr))}.psm-yarn-confirm{grid-template-columns:1fr}.psm-yarn-plan{padding:.85rem}.psm-reverse-stages{padding:.85rem!important}.psm-material-main .psm-panel-head{align-items:flex-start}.psm-material-main .psm-panel-head>.btn{flex:0 0 auto}.psm-sticky-action{flex-wrap:wrap}.psm-sticky-action .btn{flex:1;min-width:140px}}

/* Spreadsheet-like yarn layout on PC; compact two-column fields on mobile. */
.psm-yarn-sheet{border-left:1px solid var(--pim-line);border-top:1px solid var(--pim-line);overflow:hidden}.psm-yarn-sheet-head{background:var(--bs-tertiary-bg);display:grid;grid-template-columns:86px 52px minmax(240px,1fr) 160px 160px 220px}.psm-yarn-sheet-head b{border-bottom:1px solid var(--pim-line);border-right:1px solid var(--pim-line);font-size:.72rem;padding:.55rem .4rem;text-align:center}.psm-yarn-direction{display:grid;grid-template-columns:86px minmax(0,1fr)}.psm-yarn-direction>h3{align-items:center;background:var(--bs-tertiary-bg);border-bottom:1px solid var(--pim-line);border-right:1px solid var(--pim-line);display:flex;font-size:.78rem;font-weight:700;justify-content:center;margin:0}.psm-yarn-direction-rows{display:grid}.psm-yarn-sheet .psm-yarn-row{align-items:stretch;border-bottom:1px solid var(--pim-line);display:grid;gap:0;grid-template-columns:52px minmax(240px,1fr) 160px 160px 220px;margin:0;padding:0}.psm-yarn-sheet .psm-yarn-row>*,.psm-yarn-sheet .psm-yarn-row label{border-right:1px solid var(--pim-line);min-width:0}.psm-yarn-sheet .psm-yarn-slot{align-self:stretch;background:transparent;border-radius:0;color:var(--pim-body-color);display:grid;font-size:.78rem;height:auto;place-items:center;width:auto}.psm-yarn-sheet .psm-yarn-row label{display:block}.psm-yarn-sheet .psm-yarn-row label>span{display:none}.psm-yarn-sheet .psm-yarn-row .form-control{background:transparent;border:0;border-radius:0;box-shadow:none;font-size:.78rem;height:36px;min-height:36px;padding:.35rem .55rem}.psm-yarn-sheet .psm-yarn-row .form-control:focus{background:rgba(15,118,110,.05);box-shadow:inset 0 0 0 2px rgba(15,118,110,.45)}.psm-yarn-sheet .psm-yarn-remark{grid-column:auto}
html[data-bs-theme="dark"] .psm-yarn-sheet .psm-yarn-row .form-control{background:transparent}
@media(max-width:991.98px){.psm-yarn-sheet{border:0;display:grid;gap:.85rem;overflow:visible;padding:.85rem}.psm-yarn-sheet-head{display:none}.psm-yarn-direction{border:1px solid var(--pim-line);border-radius:6px;display:block;overflow:hidden}.psm-yarn-direction>h3{border-bottom:1px solid var(--pim-line);border-right:0;display:block;padding:.55rem .75rem;text-align:left}.psm-yarn-sheet .psm-yarn-row{border-bottom:1px solid var(--pim-line);display:grid;gap:.6rem;grid-template-columns:repeat(2,minmax(0,1fr));padding:.7rem}.psm-yarn-sheet .psm-yarn-row:last-child{border-bottom:0}.psm-yarn-sheet .psm-yarn-row>*,.psm-yarn-sheet .psm-yarn-row label{border-right:0}.psm-yarn-sheet .psm-yarn-slot{background:#e6f4f1;border-radius:4px;color:#0f766e;display:grid;grid-column:1/-1;height:26px;place-items:center;width:26px}.psm-yarn-sheet .psm-yarn-row label{display:grid;gap:.2rem;grid-column:auto}.psm-yarn-sheet .psm-yarn-row label>span{display:block}.psm-yarn-sheet .psm-yarn-row .form-control{background:var(--bs-body-bg);border:1px solid var(--pim-line);border-radius:4px;height:36px;padding:.35rem .55rem}.psm-yarn-sheet .psm-yarn-remark{grid-column:auto}html[data-bs-theme="dark"] .psm-yarn-sheet .psm-yarn-slot{background:var(--bs-body-bg)}html[data-bs-theme="dark"] .psm-yarn-sheet .psm-yarn-row .form-control{background:var(--bs-body-bg)}}

/* Material-plan wizard: one business decision per step. */
.psm-plan-start-body{align-items:center;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);padding:1.5rem}.psm-plan-start-body>div{background:var(--bs-tertiary-bg);border:1px solid var(--pim-line);border-radius:6px;padding:1rem}.psm-plan-start-body span,.psm-plan-start-body b{display:block}.psm-plan-start-body span{color:var(--pim-muted);font-size:.7rem}.psm-plan-start-body b{font-size:.88rem;margin-top:.2rem}.psm-plan-start-body>iconify-icon{color:#0f766e;font-size:1.25rem}.psm-plan-stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:.85rem 1.25rem}.psm-plan-stepper a{align-items:center;color:var(--pim-muted);display:flex;gap:.5rem;position:relative}.psm-plan-stepper a:not(:last-child):after{background:var(--pim-line);content:"";height:1px;position:absolute;right:1rem;width:calc(100% - 8rem)}.psm-plan-stepper i{border:1px solid var(--pim-line);border-radius:50%;display:grid;font-size:.7rem;font-style:normal;height:28px;place-items:center;width:28px}.psm-plan-stepper span{font-size:.75rem;font-weight:700}.psm-plan-stepper .is-done,.psm-plan-stepper .is-current{color:#0f766e}.psm-plan-stepper .is-done i{background:#0f766e;border-color:#0f766e;color:#fff}.psm-plan-stepper .is-current i{border:2px solid #0f766e}.psm-plan-stage>.psm-panel-head>div{display:grid;grid-template-columns:auto 1fr;column-gap:.65rem}.psm-plan-stage>.psm-panel-head h2,.psm-plan-stage>.psm-panel-head p{grid-column:2}.psm-stage-context{background:var(--bs-tertiary-bg);border-bottom:1px solid var(--pim-line);display:flex;gap:2rem;padding:.85rem 1.5rem}.psm-stage-context span{min-width:130px}.psm-stage-context small,.psm-stage-context b{display:block}.psm-stage-context small{color:var(--pim-muted);font-size:.68rem}.psm-stage-context b{font-size:.88rem;margin-top:.15rem}.psm-plan-stage>form{margin:0 auto;max-width:720px;padding:1.5rem!important}.psm-stage-main-input{display:grid;gap:.45rem;margin-bottom:1rem}.psm-stage-main-input>span{font-size:.8rem;font-weight:700}.psm-stage-main-input>div{align-items:center;display:grid;gap:.65rem;grid-template-columns:minmax(0,1fr) auto}.psm-stage-main-input input{font-size:1.25rem;font-weight:700;height:50px}.psm-stage-main-input b{color:var(--pim-muted)}.psm-plan-stage>.psm-yarn-plan-list{border-top:1px solid var(--pim-line)}.psm-plan-result{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:1rem 1.25rem}.psm-plan-result span{border-right:1px solid var(--pim-line);padding:0 1rem}.psm-plan-result span:first-child{padding-left:0}.psm-plan-result span:last-child{border-right:0}.psm-plan-result small,.psm-plan-result b{display:block}.psm-plan-result small{color:var(--pim-muted);font-size:.68rem}.psm-plan-result b{font-size:.9rem;margin-top:.15rem}
@media(max-width:767.98px){.psm-plan-start-body{grid-template-columns:1fr}.psm-plan-start-body>iconify-icon{display:none}.psm-plan-stepper{gap:.65rem;grid-template-columns:1fr 1fr;padding:.8rem}.psm-plan-stepper a:not(:last-child):after{display:none}.psm-stage-context{display:grid;gap:.65rem;grid-template-columns:repeat(2,minmax(0,1fr));padding:.75rem 1rem}.psm-stage-context span{min-width:0}.psm-plan-stage>form{padding:1rem!important}.psm-plan-result{gap:.75rem;grid-template-columns:1fr 1fr;padding:.85rem}.psm-plan-result span,.psm-plan-result span:first-child{border:0;padding:0}.psm-plan-stage .psm-sticky-action{display:grid;grid-template-columns:1fr}.psm-plan-stage .psm-sticky-action .btn{width:100%}}

/* Material-plan creation belongs to the plan page, including BOM selection. */
.psm-create-material-plan{margin:0 auto;max-width:960px}.psm-create-material-plan>form{padding:1.35rem 1.5rem}.psm-create-plan-fields{display:grid;gap:1rem;grid-template-columns:1fr 1fr}.psm-create-plan-fields label{display:grid;gap:.35rem}.psm-create-plan-fields label>span{color:var(--pim-muted);font-size:.72rem;font-weight:700}.psm-create-plan-preview{background:var(--bs-tertiary-bg);border:1px solid var(--pim-line);border-radius:6px;display:grid;gap:1rem;grid-template-columns:2fr 1fr;margin-top:1rem;padding:.8rem 1rem}.psm-create-plan-preview span,.psm-create-plan-preview small,.psm-create-plan-preview b{display:block}.psm-create-plan-preview small{color:var(--pim-muted);font-size:.68rem}.psm-create-plan-preview b{font-size:.82rem;margin-top:.12rem}.psm-bom-choice-message{color:var(--pim-muted);font-size:.74rem;line-height:1.55;margin-top:.7rem}.psm-create-product-bom{align-items:center;background:var(--bs-primary-bg-subtle);border:1px solid var(--bs-primary-border-subtle);border-radius:6px;color:var(--bs-primary-text-emphasis);display:inline-flex;font-size:.76rem;font-weight:700;gap:.4rem;margin-top:.7rem;padding:.55rem .75rem}.psm-create-product-bom:hover{color:var(--bs-primary-text-emphasis)}.psm-create-product-bom iconify-icon{font-size:1rem}.psm-draft-bom-list{display:grid;gap:.5rem;margin-top:.75rem}.psm-draft-bom-list a{align-items:center;background:var(--bs-warning-bg-subtle);border:1px solid var(--bs-warning-border-subtle);border-radius:6px;color:var(--pim-body-color);display:grid;gap:.2rem;grid-template-columns:auto minmax(0,1fr) auto;padding:.7rem .85rem}.psm-draft-bom-list span,.psm-draft-bom-list small{color:var(--pim-muted);font-size:.68rem}.psm-draft-bom-list b{font-size:.78rem}.psm-manual-plan-choice{align-items:flex-start;border-top:1px solid var(--pim-line);display:flex;gap:.65rem;margin-top:1rem;padding-top:1rem}.psm-manual-plan-choice input{flex:0 0 auto;margin-top:.2rem}.psm-manual-plan-choice label{cursor:pointer;display:grid;gap:.15rem}.psm-manual-plan-choice b{font-size:.8rem}.psm-manual-plan-choice span{color:var(--pim-muted);font-size:.72rem}.psm-create-material-plan .psm-sticky-action{border-top:1px solid var(--pim-line);margin:1rem -1.5rem -1.35rem;padding:1rem 1.5rem}
@media(max-width:767.98px){.psm-create-material-plan>form{padding:1rem}.psm-create-plan-fields,.psm-create-plan-preview{grid-template-columns:1fr}.psm-create-plan-preview{gap:.6rem}.psm-draft-bom-list a{align-items:start;grid-template-columns:1fr}.psm-create-material-plan .psm-sticky-action{margin:1rem -1rem -1rem;padding:.85rem 1rem}.psm-create-material-plan .psm-sticky-action .btn{width:100%}}

/* Procurement progress shared by the order timeline and the owner's task page. */
.psm-procurement-ready{align-items:center;background:var(--bs-success-bg-subtle);border:1px solid var(--bs-success-border-subtle);border-radius:6px;display:flex;gap:.7rem;margin-top:.85rem;padding:.75rem .85rem}.psm-procurement-ready iconify-icon{color:var(--bs-success);font-size:1.35rem}.psm-procurement-ready b,.psm-procurement-ready span{display:block}.psm-procurement-ready b{color:var(--bs-success-text-emphasis);font-size:.8rem}.psm-procurement-ready span{color:var(--pim-muted);font-size:.7rem;margin-top:.12rem}.psm-procurement-progress-list{border:1px solid var(--pim-line);border-radius:6px;display:grid;margin-top:.85rem;overflow:hidden}.psm-procurement-progress-item{border-bottom:1px solid var(--pim-line);padding:.8rem .9rem}.psm-procurement-progress-item:last-child{border-bottom:0}.psm-procurement-progress-item.is-ready{background:rgba(var(--bs-success-rgb),.035)}.psm-procurement-item-head{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between}.psm-procurement-item-head>div>span,.psm-procurement-item-head>div>b{display:block}.psm-procurement-item-head>div>span{color:#0f766e;font-size:.65rem;font-weight:700}.psm-procurement-item-head>div>b{font-size:.8rem;margin-top:.1rem}.psm-procurement-item-head em{flex:0 0 auto}.psm-procurement-item-numbers{display:grid;gap:.7rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:.65rem}.psm-execution-procurement-list .psm-procurement-item-numbers{grid-template-columns:repeat(3,minmax(0,1fr))}.psm-procurement-item-numbers span{min-width:0}.psm-procurement-item-numbers small,.psm-procurement-item-numbers b{display:block}.psm-procurement-item-numbers small{color:var(--pim-muted);font-size:.65rem}.psm-procurement-item-numbers b{font-size:.75rem;margin-top:.1rem;overflow-wrap:anywhere}.psm-procurement-progress-item>p{color:var(--bs-warning-text-emphasis);font-size:.7rem;margin:.55rem 0 0}.psm-procurement-progress-item>p.is-alert{color:var(--bs-danger-text-emphasis)}.psm-receipt-locations{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.55rem}.psm-receipt-locations small{color:var(--pim-muted);font-size:.65rem;margin-right:.15rem}.psm-receipt-locations span{background:var(--bs-tertiary-bg);border:1px solid var(--pim-line);border-radius:4px;font-size:.68rem;padding:.25rem .45rem}.psm-procurement-empty{align-items:center;background:var(--bs-tertiary-bg);display:flex;font-size:.72rem;justify-content:space-between;margin-top:.8rem;padding:.7rem .8rem}.psm-execution-procurement-list{border-left:0;border-radius:0;border-right:0;margin-top:0}
@media(max-width:767.98px){.psm-procurement-item-numbers,.psm-execution-procurement-list .psm-procurement-item-numbers{grid-template-columns:1fr 1fr}.psm-procurement-progress-item{padding:.75rem}.psm-procurement-ready{align-items:flex-start}.psm-procurement-empty{align-items:flex-start;flex-direction:column;gap:.35rem}}

/* Warehouse workbench: one multi-order queue from purchase receipt to final outbound. */
.psm-warehouse-summary{background:var(--bs-body-bg);border:1px solid var(--pim-line);border-radius:6px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:1rem;overflow:hidden}
.psm-warehouse-summary a{align-items:center;border-right:1px solid var(--pim-line);color:var(--pim-body-color);display:flex;gap:.75rem;justify-content:space-between;min-height:64px;padding:.75rem 1rem}
.psm-warehouse-summary a:last-child{border-right:0}.psm-warehouse-summary span{color:var(--pim-muted);font-size:.76rem}.psm-warehouse-summary b{font-size:1.25rem}
.psm-warehouse-task-list{display:grid}.psm-warehouse-task{align-items:center;background:var(--bs-body-bg);border-bottom:1px solid var(--pim-line);display:grid;gap:1.1rem;grid-template-columns:minmax(260px,.8fr) minmax(480px,1.2fr);padding:1rem 1.25rem}.psm-warehouse-task:last-child{border-bottom:0}
.psm-warehouse-workbench .psm-panel-head>.psm-status{flex:0 0 auto;white-space:nowrap}.psm-warehouse-task-list>.psm-compact-empty{min-height:72px;padding:1rem}.psm-warehouse-task-list>.psm-compact-empty p{margin:0}
.psm-warehouse-task-main{min-width:0}.psm-warehouse-task-main h3{font-size:.95rem;margin:.25rem 0}.psm-warehouse-task-main p,.psm-warehouse-task-main>small{color:var(--pim-muted);display:block;font-size:.75rem;margin:0;overflow-wrap:anywhere}
.psm-warehouse-quantities{display:grid;gap:.5rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.7rem}.psm-warehouse-quantities span{background:var(--bs-tertiary-bg);border-radius:4px;display:grid;padding:.45rem .6rem}.psm-warehouse-quantities small{color:var(--pim-muted);font-size:.67rem}.psm-warehouse-quantities b{font-size:.82rem}
.psm-warehouse-route{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.65rem}.psm-warehouse-route b{font-size:.76rem}.psm-warehouse-route iconify-icon{color:var(--pim-muted)}
.psm-warehouse-task-form{align-items:end;display:grid;gap:.55rem;grid-template-columns:repeat(3,minmax(105px,1fr)) auto}.psm-warehouse-task-form label{display:grid;gap:.25rem;min-width:0}.psm-warehouse-task-form label>span{color:var(--pim-muted);font-size:.7rem}.psm-warehouse-task-form .form-control,.psm-warehouse-task-form .form-select{min-width:0}.psm-warehouse-task-form .psm-form-wide{grid-column:1/-2}.psm-warehouse-task-form .btn{grid-column:-2/-1;white-space:nowrap}.psm-warehouse-dispatch-form{grid-template-columns:repeat(4,minmax(95px,1fr)) auto}.psm-warehouse-receive-form{grid-template-columns:minmax(130px,.7fr) minmax(220px,1.3fr) auto}.psm-warehouse-delivery-form{grid-template-columns:minmax(260px,1fr) auto}.psm-warehouse-delivery-form .psm-form-wide{grid-column:auto}
.psm-auto-batch{align-content:center;background:var(--bs-tertiary-bg);border:1px dashed var(--pim-line);border-radius:5px;display:grid;min-height:42px;padding:.35rem .6rem}.psm-auto-batch>span{color:var(--pim-muted);font-size:.66rem}.psm-auto-batch>b{font-size:.82rem;line-height:1.2}.psm-auto-batch>small{color:#0f766e;font-size:.64rem;line-height:1.25;overflow-wrap:anywhere}.psm-auto-batch-compact{min-height:38px;padding:.25rem .5rem}.psm-auto-batch-compact>span{color:var(--pim-body-color);font-size:.74rem;font-weight:700}
.psm-warehouse-history{display:grid}.psm-warehouse-history article{align-items:center;border-bottom:1px solid var(--pim-line);display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) auto;padding:.8rem 1.25rem}.psm-warehouse-history article:last-child{border-bottom:0}.psm-warehouse-history article>div{display:grid;gap:.18rem}.psm-warehouse-history article>div:last-child{text-align:right}.psm-warehouse-history b{font-size:.8rem}.psm-warehouse-history small{color:var(--pim-muted);font-size:.7rem}.psm-warehouse-history strong{font-size:.86rem}
html:not([data-bs-theme="dark"]) .pim-container .psm-warehouse-summary,html:not([data-bs-theme="dark"]) .pim-container .psm-warehouse-task{background:#fff}html[data-bs-theme="dark"] .pim-container .psm-warehouse-summary,html[data-bs-theme="dark"] .pim-container .psm-warehouse-task{background:var(--bs-tertiary-bg)}html[data-bs-theme="dark"] .psm-warehouse-task-form .form-control,html[data-bs-theme="dark"] .psm-warehouse-task-form .form-select{background-color:#25282e!important;border:1px solid #69737f!important;color:var(--bs-body-color)}html[data-bs-theme="dark"] .psm-auto-batch{background:#25282e;border-color:#69737f}
@media(max-width:1199.98px){.psm-warehouse-task{grid-template-columns:1fr}.psm-warehouse-dispatch-form{grid-template-columns:repeat(4,minmax(95px,1fr)) auto}}
@media(max-width:767.98px){.psm-warehouse-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.psm-warehouse-summary a{border-bottom:1px solid var(--pim-line);min-height:54px}.psm-warehouse-summary a:nth-child(2n){border-right:0}.psm-warehouse-summary a:last-child{grid-column:1/-1}.psm-warehouse-task{gap:.85rem;padding:.85rem}.psm-warehouse-task-form,.psm-warehouse-dispatch-form,.psm-warehouse-receive-form{grid-template-columns:1fr 1fr}.psm-warehouse-task-form .psm-form-wide{grid-column:1/-1}.psm-warehouse-task-form .btn{grid-column:1/-1;justify-content:center;width:100%}.psm-warehouse-delivery-form{grid-template-columns:1fr}.psm-warehouse-delivery-form .psm-form-wide{grid-column:auto}.psm-warehouse-history article{align-items:start;padding:.75rem .85rem}.psm-warehouse-history article>div:last-child{min-width:88px}}
@media(max-width:420px){.psm-warehouse-task-form,.psm-warehouse-dispatch-form,.psm-warehouse-receive-form{grid-template-columns:1fr}.psm-warehouse-task-form .psm-form-wide,.psm-warehouse-task-form .btn{grid-column:auto}.psm-warehouse-quantities{gap:.35rem}.psm-warehouse-summary a{padding:.65rem .75rem}}
@media(max-width:575.98px){.psm-step-shipping-form{grid-template-columns:1fr;padding:.85rem 1rem}.psm-step-shipping-form .psm-form-wide{grid-column:auto}.psm-execution-output-field{max-width:none;padding:.85rem 1rem}.psm-step-facts-compact{grid-template-columns:1fr}}

/* Purchase targets, warehouse instruction owners, and traceable batch details. */
.psm-procurement-mini-progress{align-items:center;border-top:1px solid var(--pim-line);display:flex;gap:.75rem;justify-content:space-between;margin-top:.75rem;padding-top:.65rem}.psm-procurement-mini-progress span{color:var(--pim-muted);font-size:.7rem}.psm-procurement-mini-progress a,.psm-warehouse-detail-link{color:#0f766e;font-size:.7rem;font-weight:700}.psm-warehouse-detail-link{display:inline-flex;margin-top:.65rem}.psm-warehouse-issuer{color:#0f766e!important;font-weight:600;margin-top:.3rem!important}.psm-warehouse-instruction-summary{align-items:center;background:var(--bs-tertiary-bg);border-bottom:1px solid var(--pim-line);display:flex;flex-wrap:wrap;gap:.4rem .85rem;padding:.65rem 1.25rem}.psm-warehouse-instruction-summary b{font-size:.72rem}.psm-warehouse-instruction-summary span{color:var(--pim-muted);font-size:.68rem}.psm-warehouse-history-link{display:grid;gap:.12rem;min-width:0}.psm-warehouse-history-link:hover b{color:#0f766e}.psm-heading-with-action{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.psm-heading-with-action>.btn{align-items:center;display:inline-flex;flex:0 0 auto;gap:.35rem}
.psm-warehouse-detail-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:1rem 1.25rem}.psm-warehouse-detail-summary>span{border-right:1px solid var(--pim-line);display:grid;gap:.15rem;padding:0 1rem}.psm-warehouse-detail-summary>span:first-child{padding-left:0}.psm-warehouse-detail-summary>span:last-child{border-right:0}.psm-warehouse-detail-summary small,.psm-batch-metrics small,.psm-current-balances small{color:var(--pim-muted);font-size:.68rem}.psm-warehouse-detail-summary b{font-size:.9rem;overflow-wrap:anywhere}.psm-current-balances{border-top:1px solid var(--pim-line);display:flex;flex-wrap:wrap;gap:.6rem;padding:.8rem 1.25rem}.psm-current-balances span{background:var(--bs-success-bg-subtle);border:1px solid var(--bs-success-border-subtle);border-radius:5px;display:grid;padding:.5rem .7rem}.psm-current-balances b{font-size:.78rem}
.psm-batch-record-list{display:grid}.psm-batch-record{border-bottom:1px solid var(--pim-line);padding:1rem 1.25rem}.psm-batch-record:last-child{border-bottom:0}.psm-batch-record-head{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.psm-batch-record-head h3{font-size:.95rem;margin:.2rem 0}.psm-batch-record-head p{color:var(--pim-muted);font-size:.7rem;margin:0}.psm-batch-metrics{display:grid;gap:.5rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:.75rem}.psm-batch-metrics span{background:var(--bs-tertiary-bg);border-radius:4px;display:grid;gap:.12rem;padding:.5rem .65rem;min-width:0}.psm-batch-metrics b{font-size:.78rem;overflow-wrap:anywhere}.psm-receipt-records{border-left:2px solid var(--pim-line);display:grid;gap:.45rem;margin:.8rem 0 0 .5rem;padding-left:.8rem}.psm-receipt-records>b{font-size:.72rem}.psm-receipt-record{align-items:center;background:var(--bs-tertiary-bg);border:1px solid var(--pim-line);border-radius:5px;color:var(--pim-body-color);display:grid;gap:.15rem;grid-template-columns:minmax(0,1fr) auto;padding:.6rem .7rem}.psm-receipt-record span{font-size:.74rem;font-weight:700}.psm-receipt-record strong{font-size:.78rem;grid-column:2;grid-row:1}.psm-receipt-record small{color:var(--pim-muted);font-size:.66rem;grid-column:1/-1}.psm-no-record{color:var(--pim-muted);font-size:.7rem}
.psm-receipt-timeline{display:grid}.psm-receipt-timeline>a{align-items:center;border-bottom:1px solid var(--pim-line);color:var(--pim-body-color);display:grid;gap:.75rem;grid-template-columns:30px minmax(0,1fr) auto;padding:.8rem 1.25rem}.psm-receipt-timeline>a:last-child{border-bottom:0}.psm-receipt-timeline i{background:#e6f4f1;border-radius:50%;color:#0f766e;display:grid;font-size:.7rem;font-style:normal;height:28px;place-items:center;width:28px}.psm-receipt-timeline div{display:grid;gap:.12rem}.psm-receipt-timeline b{font-size:.78rem}.psm-receipt-timeline span,.psm-receipt-timeline small{color:var(--pim-muted);font-size:.68rem}.psm-receipt-timeline strong{font-size:.82rem}.psm-lot-flow{display:grid}.psm-lot-flow article{border-bottom:1px solid var(--pim-line);display:grid;gap:.75rem;grid-template-columns:12px minmax(0,1fr) auto;padding:.85rem 1.25rem}.psm-lot-flow article:last-child{border-bottom:0}.psm-lot-flow article>i{background:#0f766e;border:3px solid #cfe9e4;border-radius:50%;height:11px;margin-top:.3rem;width:11px}.psm-lot-flow h3{font-size:.82rem;margin:.15rem 0}.psm-lot-flow p,.psm-lot-flow small{color:var(--pim-muted);font-size:.68rem;margin:0}.psm-lot-flow strong{font-size:.82rem;white-space:nowrap}
html:not([data-bs-theme="dark"]) .psm-batch-record,html:not([data-bs-theme="dark"]) .psm-warehouse-detail-page .psm-panel{background:#fff}html[data-bs-theme="dark"] .psm-receipt-timeline i{background:#243e3a}html[data-bs-theme="dark"] .psm-batch-record{background:var(--bs-body-bg)}
@media(max-width:767.98px){.psm-heading-with-action{align-items:stretch;display:grid}.psm-heading-with-action>.btn{justify-self:start}.psm-warehouse-detail-summary,.psm-batch-metrics{gap:.7rem;grid-template-columns:1fr 1fr;padding:.85rem}.psm-warehouse-detail-summary>span,.psm-warehouse-detail-summary>span:first-child{border:0;padding:0}.psm-batch-record{padding:.85rem}.psm-warehouse-instruction-summary{align-items:flex-start;display:grid;padding:.65rem .85rem}.psm-receipt-timeline>a{align-items:start;grid-template-columns:28px minmax(0,1fr);padding:.75rem .85rem}.psm-receipt-timeline strong{grid-column:2}.psm-lot-flow article{padding:.75rem .85rem}.psm-current-balances{padding:.75rem .85rem}}
@media(max-width:420px){.psm-batch-record-head{display:grid}.psm-receipt-record{grid-template-columns:1fr}.psm-receipt-record strong,.psm-receipt-record small{grid-column:1;grid-row:auto}.psm-lot-flow article{grid-template-columns:10px minmax(0,1fr)}.psm-lot-flow strong{grid-column:2}.psm-procurement-mini-progress{align-items:flex-start;display:grid}}

/* Compact purchase receipt task: the queue shows only what warehouse staff need now. */
.psm-purchase-receipt-task{gap:1.5rem;grid-template-columns:minmax(190px,.42fr) minmax(650px,1.58fr);padding:.85rem 1.25rem}.psm-purchase-receipt-task .psm-warehouse-task-main h3{font-size:.92rem;margin:0 0 .3rem}.psm-purchase-receipt-task .psm-warehouse-task-main h3 span{color:var(--pim-muted);font-weight:600}.psm-purchase-receipt-task .psm-warehouse-task-main>p{font-size:.72rem}.psm-purchase-task-foot{align-items:center;display:flex;gap:.75rem;margin-top:.5rem}.psm-purchase-task-foot span{color:var(--pim-muted);font-size:.67rem}.psm-purchase-task-foot a{color:#0f766e;font-size:.67rem;font-weight:700}.psm-purchase-receipt-form{align-items:end;grid-template-columns:145px 210px minmax(210px,1fr) auto auto}.psm-purchase-receipt-form .psm-purchase-note{grid-column:auto}.psm-input-with-unit{position:relative}.psm-input-with-unit input{padding-right:3rem}.psm-input-with-unit>b{color:var(--pim-muted);font-size:.7rem;position:absolute;right:.7rem;top:50%;transform:translateY(-50%)}.psm-purchase-receipt-form .psm-keep-open{align-items:center;align-self:center;display:flex;gap:.4rem;padding-top:1.15rem;white-space:nowrap}.psm-purchase-receipt-form .psm-keep-open input{flex:0 0 auto}.psm-purchase-receipt-form .psm-keep-open span{color:var(--pim-body-color);font-size:.68rem}.psm-purchase-receipt-form .btn{grid-column:auto}
@media(max-width:1199.98px){.psm-purchase-receipt-task{grid-template-columns:1fr}.psm-purchase-receipt-form{grid-template-columns:145px 210px minmax(210px,1fr) auto auto}}
@media(max-width:991.98px){.psm-purchase-receipt-form{grid-template-columns:1fr 1fr}.psm-purchase-receipt-form .psm-purchase-note{grid-column:1/-1}.psm-purchase-receipt-form .psm-keep-open{align-self:end;grid-column:1;padding-top:.25rem}.psm-purchase-receipt-form .btn{grid-column:2;justify-self:end}}
@media(max-width:575.98px){.psm-purchase-receipt-task{gap:.7rem;padding:.8rem}.psm-purchase-receipt-form{grid-template-columns:1fr}.psm-purchase-receipt-form .psm-purchase-note,.psm-purchase-receipt-form .psm-keep-open,.psm-purchase-receipt-form .btn{grid-column:1}.psm-purchase-receipt-form .btn{justify-self:stretch;width:100%}}

/* Production route builder: choose the complete route before release. */
.psm-route-builder{padding:1rem 1.25rem}.psm-route-fixed-step{align-items:center;background:var(--bs-success-bg-subtle);border:1px solid var(--bs-success-border-subtle);border-radius:6px;display:grid;gap:.7rem;grid-template-columns:30px minmax(0,1fr) auto;padding:.7rem .85rem}.psm-route-fixed-step>i{background:#0f766e;border-radius:50%;color:#fff;display:grid;font-size:.7rem;font-style:normal;height:28px;place-items:center;width:28px}.psm-route-fixed-step b,.psm-route-fixed-step span{display:block}.psm-route-fixed-step b{font-size:.8rem}.psm-route-fixed-step span{color:var(--pim-muted);font-size:.66rem}.psm-route-fixed-step iconify-icon{color:#0f766e;font-size:1rem}.psm-route-options{display:grid;gap:.55rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:.7rem}.psm-route-option{align-items:center;background:var(--bs-body-bg);border:1px solid var(--pim-line);border-radius:6px;cursor:pointer;display:grid;gap:.55rem;grid-template-columns:auto minmax(0,1fr) auto;min-height:58px;padding:.65rem .75rem}.psm-route-option:has(input:checked){background:rgba(15,118,110,.055);border-color:rgba(15,118,110,.5)}.psm-route-option input{margin:0}.psm-route-option span,.psm-route-option b,.psm-route-option small{display:block;min-width:0}.psm-route-option b{font-size:.76rem}.psm-route-option small{color:var(--pim-muted);font-size:.64rem;margin-top:.1rem}.psm-route-option>iconify-icon{color:#0f766e;display:none;font-size:1rem}.psm-route-option:has(input:checked)>iconify-icon{display:block}.psm-route-builder-actions{align-items:center;border-top:1px solid var(--pim-line);display:flex;gap:1rem;justify-content:space-between;margin-top:.9rem;padding-top:.9rem}.psm-route-builder-actions>div{display:flex;flex-wrap:wrap;gap:.4rem}.psm-route-builder-actions>.btn{align-items:center;display:inline-flex;gap:.35rem}
html[data-bs-theme="dark"] .psm-route-option{background:var(--bs-tertiary-bg)}html[data-bs-theme="dark"] .psm-route-option:has(input:checked){background:#243e3a}
@media(max-width:1199.98px){.psm-route-options{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767.98px){.psm-route-builder{padding:.85rem}.psm-route-options{grid-template-columns:1fr 1fr}.psm-route-builder-actions{align-items:stretch;display:grid}.psm-route-builder-actions>.btn{justify-content:center;width:100%}}
@media(max-width:420px){.psm-route-options{grid-template-columns:1fr}.psm-route-builder-actions>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.psm-route-builder-actions>div .btn{padding-left:.35rem;padding-right:.35rem}}
.pwa-install-button {
  align-items: center;
  gap: 6px;
  min-width: 42px;
  white-space: nowrap;
}

.pwa-install-button:not([hidden]) {
  display: flex;
}

.pwa-install-label {
  color: var(--bs-body-color, #34495e);
  font-size: 13px;
  font-weight: 600;
}

.pwa-login-install {
  width: 100%;
  min-height: 42px;
  margin-top: 12px;
  border: 1px solid #0f766e;
  border-radius: 6px;
  background: #fff;
  color: #0f766e;
  font: inherit;
  font-weight: 700;
}

.pwa-login-install:not([hidden]) {
  display: block;
}

.pwa-connection-status {
  position: fixed;
  z-index: 1090;
  left: 50%;
  bottom: calc(18px + env(safe-area-inset-bottom));
  max-width: calc(100vw - 28px);
  padding: 9px 14px;
  transform: translate(-50%, 20px);
  border-radius: 6px;
  background: #9a3412;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease, transform .2s ease;
}

.pwa-connection-status.is-visible {
  transform: translate(-50%, 0);
  opacity: 1;
}

.pwa-notice {
  position: fixed;
  z-index: 1095;
  right: 18px;
  bottom: calc(18px + env(safe-area-inset-bottom));
  display: flex;
  align-items: center;
  gap: 12px;
  width: min(420px, calc(100vw - 28px));
  padding: 12px 14px;
  border: 1px solid #cfdbe5;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(24, 50, 74, .16);
  color: #243b53;
  font-size: 13px;
}

.pwa-notice > span {
  flex: 1;
  line-height: 1.55;
}

.pwa-notice > button:not(.pwa-notice-close) {
  flex: 0 0 auto;
  border: 0;
  background: transparent;
  color: #0f766e;
  font-weight: 700;
}

.pwa-notice-close {
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #eef3f6;
  color: #52687a;
  font-size: 20px;
  line-height: 1;
}

[data-bs-theme="dark"] .pwa-notice {
  border-color: #34495c;
  background: #1f2b37;
  color: #e8eef3;
}

@media (max-width: 575.98px) {
  .pwa-install-button {
    width: 42px;
    justify-content: center;
    padding-inline: 8px;
  }

  .pwa-install-label {
    display: none;
  }

  .pwa-notice {
    right: 14px;
    bottom: calc(14px + env(safe-area-inset-bottom));
  }
}

@media (display-mode: standalone) {
  .pwa-install-button {
    display: none !important;
  }
}

/* Repeatable process records: compact on desktop, thumb-friendly on mobile. */
.psm-record-count{align-self:center;background:var(--bs-success-bg-subtle);border:1px solid var(--bs-success-border-subtle);border-radius:5px;color:#0f766e;font-size:.7rem;font-weight:700;padding:.35rem .55rem;white-space:nowrap}
.psm-record-add{border-top:1px solid var(--pim-line)}
.psm-record-add>summary{align-items:center;color:#0f766e;cursor:pointer;display:flex;font-size:.78rem;font-weight:700;gap:.4rem;list-style:none;padding:.85rem 1.25rem}
.psm-record-add>summary::-webkit-details-marker{display:none}
.psm-record-add>summary iconify-icon{font-size:1.05rem}
.psm-record-form{background:var(--bs-tertiary-bg);border-top:1px solid var(--pim-line);padding:1rem 1.25rem}
.psm-record-meta-fields,.psm-record-fields{display:grid;gap:.75rem;grid-template-columns:repeat(4,minmax(0,1fr))}
.psm-record-meta-fields{grid-template-columns:minmax(180px,.35fr) minmax(260px,1fr);margin-bottom:.75rem}
.psm-record-field,.psm-record-meta-fields label{display:grid;gap:.3rem;min-width:0}
.psm-record-field>span,.psm-record-meta-fields label>span{color:var(--pim-muted);font-size:.68rem;font-weight:600}
.psm-record-note{display:grid;gap:.3rem;margin-top:.75rem}.psm-record-note>span{color:var(--pim-muted);font-size:.68rem;font-weight:600}
.psm-record-field.is-wide{grid-column:span 2}
.psm-record-form-actions{display:flex;justify-content:flex-end;margin-top:.85rem}
.psm-process-record-list{border-top:1px solid var(--pim-line);display:grid}
.psm-process-record{background:var(--bs-body-bg);border-bottom:1px solid var(--pim-line);padding:.9rem 1.25rem}
.psm-process-record-head{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}
.psm-process-record-head small,.psm-process-record-head p{color:var(--pim-muted);font-size:.66rem;margin:0}
.psm-process-record-head h3{font-size:.9rem;margin:.12rem 0}
.psm-process-record-actions{display:flex;flex:0 0 auto;gap:.4rem}
.psm-process-record-actions form{margin:0}
.psm-process-record-values{display:grid;gap:.45rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:.7rem}
.psm-process-record-values span,.psm-process-summary-grid span{background:var(--bs-tertiary-bg);border-radius:4px;display:grid;gap:.1rem;min-width:0;padding:.48rem .6rem}
.psm-process-record-values span.is-wide{grid-column:span 2}
.psm-process-record-values small,.psm-process-summary-grid small{color:var(--pim-muted);font-size:.64rem}
.psm-process-record-values b,.psm-process-summary-grid b{font-size:.76rem;overflow-wrap:anywhere}
.psm-process-record-edit{border-bottom:1px solid var(--pim-line)}
.psm-process-record-edit .psm-record-form{border-top:0}
.psm-process-summary-grid{display:grid;gap:.65rem;grid-template-columns:repeat(4,minmax(0,1fr));padding:1rem 1.25rem}
.psm-process-summary-grid span{background:var(--bs-success-bg-subtle);border:1px solid var(--bs-success-border-subtle)}
.psm-process-summary-grid b{color:#0f766e;font-size:.92rem}
.psm-calculated-output{background:var(--bs-success-bg-subtle);border:1px solid var(--bs-success-border-subtle);border-radius:5px;display:grid;gap:.1rem;padding:.65rem .75rem}
.psm-calculated-output b{color:#0f766e;font-size:1rem}
.psm-calculated-output small,.psm-action-hint{color:var(--pim-muted);font-size:.66rem}
html[data-bs-theme="dark"] .psm-record-form,html[data-bs-theme="dark"] .psm-process-record{background:var(--bs-body-bg)}
html[data-bs-theme="dark"] .psm-record-count,html[data-bs-theme="dark"] .psm-process-summary-grid span,html[data-bs-theme="dark"] .psm-calculated-output{background:#243e3a;border-color:#3e625d}

@media(max-width:991.98px){.psm-record-fields,.psm-process-record-values,.psm-process-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575.98px){.psm-record-count{align-self:flex-start}.psm-record-add>summary,.psm-record-form,.psm-process-record,.psm-process-summary-grid{padding-left:.85rem;padding-right:.85rem}.psm-record-meta-fields{grid-template-columns:1fr}.psm-record-fields{gap:.6rem;grid-template-columns:repeat(2,minmax(0,1fr))}.psm-record-field.is-wide{grid-column:1/-1}.psm-process-record-head{display:grid;gap:.55rem}.psm-process-record-actions{justify-content:flex-start}.psm-process-record-values{grid-template-columns:repeat(2,minmax(0,1fr))}.psm-process-record-values span.is-wide{grid-column:1/-1}.psm-record-form-actions .btn{width:100%}.psm-process-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:.8rem;padding-bottom:.8rem}.psm-sticky-action{align-items:stretch;display:grid;gap:.45rem}.psm-sticky-action .btn{width:100%}}

/* Order-level production record archive. */
.psm-record-filter{background:var(--bs-body-bg);border:1px solid var(--pim-line);border-radius:7px;padding:.75rem 1rem}.psm-record-filter form{display:grid;gap:.65rem;grid-template-columns:minmax(280px,1fr) 210px auto}.psm-record-search{align-items:center;border:1px solid var(--pim-line);border-radius:5px;display:flex;gap:.5rem;padding:0 .7rem}.psm-record-search:focus-within{border-color:#0f766e;box-shadow:0 0 0 3px rgba(15,118,110,.09)}.psm-record-search iconify-icon{color:var(--pim-muted);font-size:1.05rem}.psm-record-search input{background:transparent;border:0;color:var(--bs-body-color);height:38px;min-width:0;outline:0;width:100%}.psm-record-order-list{display:grid}.psm-record-order-card{align-items:center;border-bottom:1px solid var(--pim-line);color:var(--bs-body-color);display:grid;gap:1rem;grid-template-columns:minmax(220px,1.1fr) minmax(180px,.8fr) minmax(260px,1fr) auto;padding:1rem 1.25rem}.psm-record-order-card:last-child{border-bottom:0}.psm-record-order-card:hover{background:var(--bs-tertiary-bg)}.psm-record-order-main{min-width:0}.psm-record-order-main h3{font-size:.9rem;margin:.2rem 0;overflow-wrap:anywhere}.psm-record-order-main p,.psm-record-order-side small{color:var(--pim-muted);font-size:.68rem;margin:0}.psm-record-current{display:grid;gap:.2rem}.psm-record-current small,.psm-record-current span,.psm-record-order-meta small{color:var(--pim-muted);font-size:.64rem}.psm-record-current b{font-size:.76rem}.psm-record-current>div{background:var(--bs-tertiary-bg);border-radius:2px;height:4px;overflow:hidden}.psm-record-current>div i{background:#0f766e;display:block;height:100%}.psm-record-order-meta{display:grid;gap:.5rem;grid-template-columns:repeat(3,minmax(0,1fr))}.psm-record-order-meta span{display:grid;gap:.1rem}.psm-record-order-meta b{font-size:.74rem;overflow-wrap:anywhere}.psm-record-order-side{align-items:flex-end;display:grid;gap:.35rem;justify-items:end}.psm-record-order-side iconify-icon{color:#0f766e;font-size:1rem}
.psm-record-overview{background:var(--bs-body-bg);border:1px solid var(--pim-line);border-radius:7px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:.85rem 1rem}.psm-record-overview span{border-right:1px solid var(--pim-line);display:grid;gap:.15rem;padding:0 .8rem}.psm-record-overview span:first-child{padding-left:0}.psm-record-overview span:last-child{border:0}.psm-record-overview small,.psm-record-step-facts small{color:var(--pim-muted);font-size:.65rem}.psm-record-overview b{font-size:.8rem}.psm-record-materials{display:grid}.psm-record-materials article{align-items:center;border-bottom:1px solid var(--pim-line);display:grid;gap:.75rem;grid-template-columns:minmax(180px,1fr) repeat(3,minmax(100px,.35fr));padding:.75rem 1.25rem}.psm-record-materials h3{font-size:.8rem;margin:0}.psm-record-materials p{color:var(--pim-muted);font-size:.66rem;margin:.1rem 0 0}.psm-record-materials article>span{display:grid;gap:.1rem}.psm-record-materials small{color:var(--pim-muted);font-size:.64rem}.psm-record-materials b{font-size:.74rem}.psm-record-subsection{border-top:1px solid var(--pim-line)}.psm-record-subsection>summary,.psm-record-events>summary{color:#0f766e;cursor:pointer;font-size:.7rem;font-weight:700;list-style:none;padding:.7rem 1.25rem}.psm-record-subsection>summary::-webkit-details-marker,.psm-record-events>summary::-webkit-details-marker{display:none}.psm-record-subsection>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 1.25rem .75rem}.psm-record-subsection article{border-bottom:1px solid var(--pim-line);display:grid;gap:.12rem;padding:.65rem}.psm-record-subsection article:nth-child(odd){border-right:1px solid var(--pim-line)}.psm-record-subsection b{font-size:.74rem}.psm-record-subsection span,.psm-record-subsection small{color:var(--pim-muted);font-size:.66rem}
.psm-record-route{display:grid;gap:0}.psm-record-step{display:grid;grid-template-columns:42px minmax(0,1fr);position:relative}.psm-record-step:before{background:var(--pim-line);bottom:0;content:"";left:20px;position:absolute;top:0;width:2px}.psm-record-step:first-child:before{top:23px}.psm-record-step:last-child:before{bottom:calc(100% - 23px)}.psm-record-step-marker{position:relative;z-index:1}.psm-record-step-marker i{background:var(--bs-body-bg);border:2px solid #94a3b8;border-radius:50%;display:grid;font-size:.66rem;font-style:normal;font-weight:700;height:30px;margin:8px auto 0;place-items:center;width:30px}.psm-record-step.is-completed .psm-record-step-marker i{background:#0f766e;border-color:#0f766e;color:#fff}.psm-record-step.has-exception .psm-record-step-marker i{background:#b91c1c;border-color:#b91c1c;color:#fff}.psm-record-step>details{background:var(--bs-body-bg);border:1px solid var(--pim-line);border-radius:7px;margin:0 0 .8rem;overflow:hidden}.psm-record-step>details>summary{align-items:center;cursor:pointer;display:flex;gap:1rem;justify-content:space-between;list-style:none;padding:.8rem 1rem}.psm-record-step>details>summary::-webkit-details-marker{display:none}.psm-record-step>details>summary h2{font-size:.9rem;margin:0}.psm-record-step>details>summary p{color:var(--pim-muted);font-size:.66rem;margin:.15rem 0 0}.psm-record-step-summary{align-items:center;display:flex;gap:.5rem}.psm-record-step-summary em{background:var(--bs-danger-bg-subtle);border-radius:4px;color:#b91c1c;font-size:.64rem;font-style:normal;font-weight:700;padding:.25rem .4rem}.psm-record-step-summary iconify-icon{transition:transform .2s}.psm-record-step>details[open] .psm-record-step-summary iconify-icon{transform:rotate(180deg)}.psm-record-step-body{border-top:1px solid var(--pim-line)}.psm-record-step-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:.75rem 1rem}.psm-record-step-facts span{border-right:1px solid var(--pim-line);display:grid;gap:.15rem;padding:0 .75rem}.psm-record-step-facts span:first-child{padding-left:0}.psm-record-step-facts span:last-child{border:0}.psm-record-step-facts b{font-size:.74rem}.psm-record-planning-note{background:var(--bs-tertiary-bg);color:var(--pim-muted);font-size:.7rem;margin:0;padding:.6rem 1rem}.psm-record-block{border-top:1px solid var(--pim-line)}.psm-record-block>h3{font-size:.75rem;margin:0;padding:.65rem 1rem 0}.psm-record-detail-list{display:grid;padding:.45rem 1rem .8rem}.psm-record-detail-list>article{border-bottom:1px solid var(--pim-line);display:grid;gap:.6rem;grid-template-columns:minmax(130px,.3fr) minmax(0,1fr);padding:.65rem 0}.psm-record-detail-list>article:last-child{border:0}.psm-record-detail-list>article>div:first-child{display:grid;gap:.12rem}.psm-record-detail-list>article>div:first-child b{font-size:.73rem}.psm-record-detail-list>article>div:first-child small,.psm-record-detail-list>article>p{color:var(--pim-muted);font-size:.64rem;margin:0}.psm-record-detail-list>article>div:nth-child(2){display:grid;gap:.4rem;grid-template-columns:repeat(4,minmax(0,1fr))}.psm-record-detail-list>article>div:nth-child(2) span{display:grid;gap:.08rem}.psm-record-detail-list small,.psm-record-handovers small{color:var(--pim-muted);font-size:.62rem}.psm-record-detail-list b,.psm-record-handovers b{font-size:.7rem;overflow-wrap:anywhere}.psm-record-step-exceptions,.psm-record-exception-panel{display:grid}.psm-record-step-exceptions article,.psm-record-exception-panel>article{align-items:start;border-bottom:1px solid var(--pim-line);display:grid;gap:.7rem;grid-template-columns:auto minmax(0,1fr);padding:.7rem 1rem}.psm-record-step-exceptions b,.psm-record-exception-panel b{font-size:.72rem}.psm-record-step-exceptions p,.psm-record-exception-panel p{color:var(--pim-muted);font-size:.68rem;margin:.15rem 0}.psm-record-step-exceptions small,.psm-record-exception-panel small{color:var(--pim-muted);font-size:.62rem}.psm-record-handovers{display:grid;padding:.45rem 1rem .75rem}.psm-record-handovers article{align-items:center;border-bottom:1px solid var(--pim-line);display:flex;gap:.75rem;justify-content:space-between;padding:.6rem 0}.psm-record-handovers article>div,.psm-record-handovers article>span{display:grid;gap:.12rem}.psm-record-handovers article>span{text-align:right}.psm-record-events{border-top:1px solid var(--pim-line)}.psm-record-events>div{display:grid;padding:0 1rem .75rem}.psm-record-events article{display:grid;gap:.6rem;grid-template-columns:10px minmax(0,1fr);padding:.45rem 0}.psm-record-events article>i{background:#0f766e;border-radius:50%;height:8px;margin-top:.25rem;width:8px}.psm-record-events article>div{display:grid;gap:.1rem}.psm-record-events b{font-size:.68rem}.psm-record-events small,.psm-record-events p{color:var(--pim-muted);font-size:.62rem;margin:0}
html[data-bs-theme="dark"] .psm-record-filter,html[data-bs-theme="dark"] .psm-record-overview,html[data-bs-theme="dark"] .psm-record-step>details{background:var(--bs-body-bg)}
@media(max-width:1199.98px){.psm-record-order-card{grid-template-columns:minmax(200px,1fr) minmax(180px,.8fr) auto}.psm-record-order-meta{grid-column:1/3;grid-row:2}.psm-record-order-side{grid-column:3;grid-row:1/3}.psm-record-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.psm-record-overview span,.psm-record-overview span:first-child{border:0;padding:0}}
@media(max-width:767.98px){.psm-record-filter form{grid-template-columns:1fr 1fr}.psm-record-search{grid-column:1/-1}.psm-record-order-card{align-items:start;grid-template-columns:1fr auto;padding:.85rem}.psm-record-current,.psm-record-order-meta{grid-column:1/-1;grid-row:auto}.psm-record-order-side{grid-column:2;grid-row:1}.psm-record-order-side small,.psm-record-order-side iconify-icon{display:none}.psm-record-overview{grid-template-columns:repeat(2,minmax(0,1fr));padding:.8rem}.psm-record-materials article{align-items:start;grid-template-columns:repeat(3,minmax(0,1fr));padding:.75rem .85rem}.psm-record-materials article>div{grid-column:1/-1}.psm-record-subsection>div{grid-template-columns:1fr;padding-left:.85rem;padding-right:.85rem}.psm-record-subsection article:nth-child(odd){border-right:0}.psm-record-step{grid-template-columns:30px minmax(0,1fr)}.psm-record-step:before{left:14px}.psm-record-step-marker i{height:25px;width:25px}.psm-record-step>details>summary{align-items:flex-start;padding:.75rem}.psm-record-step-facts{gap:.65rem;grid-template-columns:repeat(2,minmax(0,1fr));padding:.75rem}.psm-record-step-facts span,.psm-record-step-facts span:first-child{border:0;padding:0}.psm-record-detail-list{padding-left:.75rem;padding-right:.75rem}.psm-record-detail-list>article{grid-template-columns:1fr}.psm-record-detail-list>article>div:nth-child(2){grid-template-columns:repeat(2,minmax(0,1fr))}.psm-record-handovers{padding-left:.75rem;padding-right:.75rem}}
@media(max-width:420px){.psm-record-filter form{grid-template-columns:1fr}.psm-record-filter .psm-record-search{grid-column:1}.psm-record-filter .btn{width:100%}.psm-record-order-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.psm-record-order-meta span:last-child{grid-column:1/-1}.psm-record-step-summary .psm-status{display:none}.psm-record-handovers article{align-items:flex-start;display:grid}.psm-record-handovers article>span{text-align:left}}

/* Weaving craft-sheet countersignature. */
.psm-approval-panel,.psm-pending-reviews{background:var(--bs-body-bg)}
.psm-approval-members{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 1.25rem 1rem}
.psm-approval-members>div{border-right:1px solid var(--pim-line);display:grid;gap:.15rem;min-width:0;padding:.15rem .9rem}
.psm-approval-members>div:first-child{padding-left:0}.psm-approval-members>div:last-child{border-right:0}
.psm-approval-members span{color:var(--pim-muted);font-size:.68rem}.psm-approval-members b{font-size:.78rem}.psm-approval-members small{color:var(--pim-muted);font-size:.64rem;overflow-wrap:anywhere}
.psm-approval-action{align-items:end;border-top:1px solid var(--pim-line);display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr) auto;padding:.85rem 1.25rem}
.psm-approval-action label{margin:0}.psm-approval-action label>span{color:var(--pim-muted);display:block;font-size:.68rem;margin-bottom:.3rem}.psm-approval-action>div{display:flex;gap:.5rem}
.psm-technology-form fieldset{border:0;margin:0;min-width:0;padding:0}.psm-technology-form fieldset:disabled{opacity:.86}
html[data-bs-theme="dark"] .psm-approval-panel,html[data-bs-theme="dark"] .psm-pending-reviews{background:var(--bs-body-bg)}
@media(max-width:767.98px){.psm-approval-members{gap:.55rem;grid-template-columns:1fr;padding:.2rem .85rem .85rem}.psm-approval-members>div,.psm-approval-members>div:first-child{border-bottom:1px solid var(--pim-line);border-right:0;padding:.45rem 0}.psm-approval-members>div:last-child{border-bottom:0}.psm-approval-action{align-items:stretch;grid-template-columns:1fr;padding:.8rem .85rem}.psm-approval-action>div{display:grid;grid-template-columns:1fr 1fr}.psm-approval-action .btn{width:100%}}
/* PSM confirmations and live cost summaries */
.psm-business-confirmation-list{display:grid;gap:14px;padding:14px}.psm-business-confirmation-card{background:var(--bs-body-bg,#fff);border:1px solid var(--bs-border-color,#dfe5ee);border-radius:6px;padding:16px}.psm-business-confirmation-card .psm-panel-head{padding:0 0 14px;margin-bottom:14px;border-bottom:1px solid var(--bs-border-color,#e6eaf0)}
.psm-order-live-cost{margin-top:10px;text-align:right}.psm-order-live-cost small{display:block;color:var(--bs-secondary-color,#667085)}.psm-order-live-cost strong{font-size:20px;color:var(--bs-heading-color,#102a43)}.psm-dashboard-alert{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;color:inherit;text-decoration:none;border-left:4px solid #dc3545}.psm-dashboard-alert h2{font-size:18px;margin:2px 0 4px}.psm-dashboard-alert p{margin:0;color:var(--bs-secondary-color,#667085)}.psm-dashboard-alert iconify-icon{font-size:36px;color:#dc3545}
@media(max-width:767.98px){.psm-business-confirmation-list{padding:10px}.psm-business-confirmation-card{padding:13px}.psm-business-confirmation-card .psm-panel-head{display:block}.psm-business-confirmation-card .psm-material-numbers{margin-top:10px}.psm-order-live-cost{text-align:left}.psm-dashboard-alert{align-items:flex-start}.psm-dashboard-alert iconify-icon{font-size:28px}}

/* 2026-08-21 role workbench, task emphasis and readable type */
.psm2-module-page{font-size:14px}.psm2-module-page :where(p,span,small,label,a,button,input,select,textarea,dt,dd,li,summary,th,td,em){font-size:max(12px,1em)!important}.psm2-module-page .psm-page-heading h1{font-size:26px;line-height:1.25}.psm2-module-page .psm-panel-head h2{font-size:18px;line-height:1.3}.psm2-module-page .psm-panel-head p,.psm2-module-page .psm-page-heading>div>p:last-child{font-size:13px!important;line-height:1.65}.psm2-module-page .form-control,.psm2-module-page .form-select,.psm2-module-page .btn{min-height:38px}.psm2-module-page .form-control-sm,.psm2-module-page .form-select-sm,.psm2-module-page .btn-sm{min-height:34px}
.psm-nav-task-badge,.psm-nav-group-badge{align-items:center;background:#dc2626;border-radius:999px;color:#fff;display:inline-flex!important;font-size:12px!important;font-weight:800;height:20px;justify-content:center;line-height:20px;min-width:20px;padding:0 6px}.psm-nav-task-badge{margin-left:auto;margin-right:8px}.psm-nav-group-badge{margin-left:auto;margin-right:4px}#side-menu a{gap:8px}#side-menu .menu-arrow{margin-left:0}

/* PSM2 navigation and order workspace refinements */
.app-sidebar-menu #side-menu>li>a{display:grid;grid-template-columns:24px minmax(0,1fr) auto 18px;padding-right:14px}
.app-sidebar-menu #side-menu>li>a .psm-nav-group-badge{grid-column:3;margin:0 4px 0 8px;position:static}
.app-sidebar-menu #side-menu>li>a .menu-arrow{grid-column:4;margin:0!important;position:static!important;transform:none!important}
.app-sidebar-menu #side-menu>li>a[aria-expanded=true] .menu-arrow{transform:rotate(90deg)!important}
.psm-order-filter{background:var(--bs-body-bg);border:1px solid var(--pim-line);border-radius:8px;margin-bottom:14px;padding:14px}.psm-order-filter form{align-items:end;display:grid;gap:10px;grid-template-columns:minmax(220px,1.5fr) repeat(4,minmax(130px,.65fr)) auto}.psm-order-filter label{display:grid;gap:5px}.psm-order-filter label>span{color:var(--pim-muted);font-size:12px;font-weight:650}
.psm-route-state-icon{align-items:center;border:2px solid #cbd5e1;border-radius:50%;display:inline-flex!important;height:26px;justify-content:center;margin-right:8px;min-width:26px;position:relative;z-index:1}.psm-route-state-icon iconify-icon{font-size:16px}.psm-route-rail .is-complete .psm-route-state-icon{background:#15803d;border-color:#15803d;color:#fff}.psm-route-rail .is-active .psm-route-state-icon{background:#ccfbf1;border-color:#0f766e;color:#0f766e}.psm-route-rail .is-review .psm-route-state-icon{background:#fef3c7;border-color:#d97706;color:#92400e}.psm-route-rail .is-waiting .psm-route-state-icon{background:#f8fafc;color:#64748b}
.psm-order-flow{background:var(--bs-body-bg);border:1px solid var(--pim-line);border-radius:8px;margin-bottom:14px;padding:16px}.psm-order-flow .psm-route-rail{margin:0}.psm-stage-cost{align-items:center;background:linear-gradient(90deg,rgba(15,118,110,.12),rgba(15,118,110,.03));border-left:4px solid #0f766e;display:flex;gap:18px;justify-content:space-between;margin-top:10px;padding:11px 14px}.psm-stage-cost strong{color:#0f766e;font-size:16px}.psm-stage-cost span{font-weight:700}
.psm-handover-summary{background:var(--bs-tertiary-bg);border-radius:6px;margin-top:10px;padding:10px 12px}.psm-handover-summary>summary{align-items:center;display:flex;gap:8px;justify-content:space-between}.psm-handover-summary dl{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin:12px 0 0}.psm-handover-summary dt{color:var(--pim-muted);font-size:12px}.psm-handover-summary dd{font-weight:700;margin:2px 0 0}
.psm-planning-wizard{display:grid;gap:12px}.psm-wizard-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.psm-wizard-progress span{background:var(--bs-tertiary-bg);border:1px solid var(--pim-line);border-radius:7px;color:var(--pim-muted);display:flex;gap:8px;padding:10px}.psm-wizard-progress span.is-active{background:rgba(15,118,110,.1);border-color:#0f766e;color:#0f766e;font-weight:750}.psm-wizard-progress i{font-style:normal}.psm-system-final-stage{align-items:center;background:#eff6ff;border:1px solid #93c5fd;border-radius:7px;color:#1e3a8a;display:flex;gap:10px;margin-top:10px;padding:12px}.psm-system-final-stage iconify-icon{font-size:22px}
.psm-sales-order-sheet{background:var(--bs-body-bg);border:1px solid var(--pim-line);border-radius:8px;overflow:hidden}.psm-sales-order-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.psm-sales-order-facts>div{border-bottom:1px solid var(--pim-line);border-right:1px solid var(--pim-line);padding:12px 14px}.psm-sales-order-facts dt{color:var(--pim-muted);font-size:12px}.psm-sales-order-facts dd{font-weight:700;margin:3px 0 0}.psm-sales-order-table{width:100%}.psm-sales-order-table th{background:var(--bs-tertiary-bg);color:var(--pim-muted);font-size:12px;padding:10px;text-align:left}.psm-sales-order-table td{border-top:1px solid var(--pim-line);padding:12px 10px;vertical-align:top}.psm-sales-order-table strong,.psm-sales-order-table small{display:block}.psm-sales-order-table small{color:var(--pim-muted);margin-top:3px}
.psm-warehouse-human-route{display:grid;gap:9px;margin:10px 0}.psm-warehouse-human-route>div{align-items:center;background:var(--bs-tertiary-bg);border-radius:7px;display:grid;gap:10px;grid-template-columns:90px minmax(0,1fr);padding:10px}.psm-warehouse-human-route small{color:var(--pim-muted)}.psm-warehouse-human-route strong{font-size:15px}.psm-warehouse-quantity-callout{background:#ecfdf5;border:1px solid #86efac;border-radius:7px;color:#166534;font-size:16px;font-weight:800;padding:11px 12px}
.psm-order-control .psm-timeline-step{display:block}.psm-order-control .psm-timeline-step:before,.psm-order-control .psm-timeline-marker{display:none}.psm-order-control .psm-timeline-body{border:1px solid var(--pim-line);border-radius:8px;margin:0 0 12px;overflow:hidden;padding:16px}.psm-order-control .psm-timeline-step.is-current .psm-timeline-body{border-color:#0f766e;box-shadow:0 0 0 2px rgba(15,118,110,.08)}

/* Production order detail: independent process cards */
html{scroll-behavior:smooth}.psm-process-section{background:transparent}.psm-process-section-head{align-items:flex-start;display:flex;justify-content:space-between;margin:2px 0 12px;padding:0 2px}.psm-process-section-head h2{font-size:20px;margin:0 0 4px}.psm-process-section-head p{color:var(--pim-muted);margin:0}.psm-order-control .psm-timeline{display:grid;gap:14px;padding:0}.psm-order-control .psm-timeline-step{scroll-margin-top:84px}.psm-order-control .psm-timeline-body{background:var(--bs-body-bg);border-radius:10px;box-shadow:0 4px 14px rgba(31,45,82,.07);margin:0;padding:20px}.psm-order-control .psm-timeline-head{align-items:center;border-bottom:1px solid var(--pim-line);margin:-2px 0 14px;padding:0 0 13px}.psm-order-control .psm-timeline-head h3{font-size:20px;line-height:1.3}.psm-order-control .psm-timeline-head p{font-size:13px;margin-top:5px}.psm-order-control .psm-timeline-head>.psm-status{font-size:13px!important;padding:7px 11px}
.psm-order-flow .psm-route-rail{align-items:flex-start;overflow-x:auto;padding:4px 2px 8px}.psm-order-flow .psm-route-rail a{align-items:center;color:#607087;display:flex;flex:1;font-size:14px;min-width:145px;position:relative;text-decoration:none}.psm-order-flow .psm-route-rail a:not(:last-child)::after{background:#dce5ed;content:"";height:3px;left:46px;position:absolute;right:0;top:21px;z-index:0}.psm-order-flow .psm-route-state-icon{height:44px;margin-right:10px;min-width:44px}.psm-order-flow .psm-route-state-icon iconify-icon{font-size:25px}.psm-order-flow .psm-route-rail a b{font-size:14px;line-height:1.25;position:relative;z-index:1}.psm-order-flow .psm-route-rail a:hover b{color:#0f766e}.psm-order-flow .psm-route-rail a.is-complete .psm-route-state-icon{background:#15803d;border-color:#15803d;color:#fff}.psm-order-flow .psm-route-rail a.is-active .psm-route-state-icon{background:#ccfbf1;border-color:#0f766e;color:#0f766e}.psm-order-flow .psm-route-rail a.is-review .psm-route-state-icon{background:#fef3c7;border-color:#d97706;color:#92400e}.psm-order-flow .psm-route-rail a.is-waiting .psm-route-state-icon{background:#f8fafc;color:#64748b}
.psm-arrange-card-tools{display:flex;gap:7px;justify-content:flex-end;margin:-4px 0 10px}.psm-arrange-card-tools form{display:flex;gap:6px}.psm-order-control .psm-step-plan-editor{background:transparent;border:0;margin:0;padding:0}.psm-order-control .psm-step-plan-form{background:var(--bs-tertiary-bg);border:1px solid var(--pim-line);border-radius:8px;padding:14px}.psm-plan-bottom-actions{background:var(--bs-body-bg);border:1px solid var(--pim-line);border-radius:10px;display:grid;gap:13px;margin-top:16px;padding:18px}.psm-plan-bottom-actions>.btn{justify-self:end;min-width:240px}.psm-release-form{align-items:end;border-top:1px solid var(--pim-line);display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto;padding-top:15px}.psm-release-form label{display:grid;gap:5px}.psm-release-form label>span{font-size:13px;font-weight:700}.psm-plan-bottom-hint{color:var(--pim-muted);margin:0;text-align:right}
@media(max-width:767.98px){.psm-order-control .psm-timeline-body{padding:15px}.psm-order-control .psm-timeline-head h3{font-size:18px}.psm-order-flow .psm-route-rail a{flex:0 0 155px}.psm-order-flow .psm-route-rail a:not(:last-child)::after{display:block}.psm-release-form{grid-template-columns:1fr}.psm-plan-bottom-actions>.btn,.psm-release-form .btn{justify-self:stretch;width:100%}.psm-plan-bottom-hint{text-align:left}}
@media(max-width:991.98px){.psm-order-filter form{grid-template-columns:1fr 1fr}.psm-order-filter .psm-order-search{grid-column:1/-1}.psm-order-filter .btn{width:100%}.psm-sales-order-facts{grid-template-columns:1fr 1fr}.psm-sales-order-table{min-width:760px}.psm-sales-order-table-wrap{overflow-x:auto}}
@media(max-width:575.98px){.psm-order-filter form{grid-template-columns:1fr}.psm-order-filter .psm-order-search{grid-column:auto}.psm-wizard-progress{grid-template-columns:1fr}.psm-sales-order-facts{grid-template-columns:1fr}.psm-handover-summary dl{grid-template-columns:1fr 1fr}.psm-stage-cost{align-items:flex-start;display:grid;gap:4px}.psm-production-card .psm-route-rail span{flex:0 0 150px}}
.psm-pending-grid>a{background:var(--bs-body-bg);border:1px solid var(--pim-line);border-left:4px solid #94a3b8;min-height:86px;padding:16px}.psm-pending-grid>a strong{font-size:26px}.psm-pending-grid>a.is-urgent{background:#fff8e6;border-color:#f0c36a;border-left-color:#d97706;box-shadow:0 4px 14px rgba(180,83,9,.08)}.psm-pending-grid>a.is-urgent strong{color:#b45309}.psm-pending-grid>a.is-alert{background:#fff3f3;border-color:#efb3b3;border-left-color:#dc2626}.psm-pending-grid>a.is-alert strong{color:#b91c1c}
.psm-role-task-grid{display:grid;gap:14px;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:16px}.psm-role-task-grid>a{align-items:center;background:var(--bs-body-bg);border:1px solid var(--pim-line);border-radius:7px;color:var(--bs-body-color);display:grid;gap:6px;grid-template-columns:40px minmax(0,1fr) auto;min-height:96px;padding:18px}.psm-role-task-grid>a iconify-icon{background:#e7f3ff;border-radius:6px;color:#2563eb;font-size:23px;padding:8px}.psm-role-task-grid>a span{font-weight:700}.psm-role-task-grid>a strong{font-size:28px}.psm-role-task-grid>a.is-urgent{background:#fff8e6;border-color:#f0c36a;border-left:4px solid #d97706}.psm-role-task-grid>a.is-urgent iconify-icon{background:#ffedc2;color:#b45309}.psm-role-focus{align-items:center;border-left:4px solid #0f766e;display:flex;justify-content:space-between;padding:22px 24px}.psm-role-focus h2{font-size:20px;margin:3px 0 6px}.psm-role-focus p{color:var(--pim-muted);margin:0}
.psm-readonly-notice,.psm-privacy-note{align-items:center;background:#eef6ff;border:1px solid #b8d7f5;border-left:4px solid #2563eb;border-radius:6px;display:flex;gap:13px;margin-bottom:16px;padding:14px 16px}.psm-readonly-notice iconify-icon,.psm-privacy-note iconify-icon{color:#2563eb;font-size:26px}.psm-readonly-notice>div,.psm-privacy-note>div{display:grid;gap:2px}.psm-readonly-notice b,.psm-privacy-note b{font-size:15px}.psm-readonly-notice span,.psm-privacy-note span{color:var(--pim-muted)}
.psm-sales-progress-steps{display:grid;padding:4px 20px 18px}.psm-sales-progress-steps article{align-items:center;border-bottom:1px solid var(--pim-line);display:grid;gap:14px;grid-template-columns:34px minmax(0,1fr) auto;padding:15px 0}.psm-sales-progress-steps article:last-child{border-bottom:0}.psm-sales-progress-steps article>i{background:#f1f5f9;border:2px solid #94a3b8;border-radius:50%;display:grid;font-style:normal;font-weight:800;height:32px;place-items:center;width:32px}.psm-sales-progress-steps article.is-done>i{background:#0f766e;border-color:#0f766e;color:#fff}.psm-sales-progress-steps article.is-current{background:rgba(37,99,235,.04);margin:0 -20px;padding-left:20px;padding-right:20px}.psm-sales-progress-steps h3{font-size:16px;margin:0 0 4px}.psm-sales-progress-steps p{color:var(--pim-muted);margin:0}.psm-sales-progress-steps strong{color:#0f766e;display:block;margin-top:5px}
.psm-action-callout{align-items:center;background:#fff8e6;border:1px solid #f0c36a;border-left:4px solid #d97706;border-radius:6px;color:var(--bs-body-color);display:flex;justify-content:space-between;padding:17px 20px}.psm-action-callout>div{display:grid;gap:4px}.psm-action-callout b{font-size:16px}.psm-action-callout span{color:#7c4a03}.psm-action-callout iconify-icon{color:#b45309;font-size:24px}.psm-sales-exception-list{display:grid}.psm-sales-exception-list article{align-items:flex-start;border-bottom:1px solid var(--pim-line);display:grid;gap:14px;grid-template-columns:auto minmax(0,1fr);padding:16px 20px}.psm-sales-exception-list article:last-child{border-bottom:0}.psm-sales-exception-list b{font-size:15px}.psm-sales-exception-list p{line-height:1.65;margin:4px 0}.psm-sales-exception-list small{color:var(--pim-muted)}
.psm-plan-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.psm-plan-toolbar details{min-width:min(100%,390px)}.psm-step-plan-editor{background:var(--bs-tertiary-bg);border-top:1px solid var(--pim-line);margin:12px -18px -16px;padding:16px 18px}.psm-step-plan-form{margin:0}.psm-plan-hint{color:var(--pim-muted);display:block;padding-top:3px}
.psm-source-action-panel{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin:13px 0}.psm-source-status{align-items:center;background:#eefaf6;border:1px solid #a8dacb;border-radius:6px;display:grid;gap:10px;grid-template-columns:34px minmax(0,1fr) auto;padding:13px 14px}.psm-source-status.needs-action{background:#fff8e6;border-color:#f0c36a}.psm-source-status>iconify-icon{color:#0f766e;font-size:27px}.psm-source-status.needs-action>iconify-icon{color:#b45309}.psm-source-status>div{display:grid;gap:2px}.psm-source-status small,.psm-source-status span{color:var(--pim-muted)}.psm-source-status b{font-size:15px}.psm-source-status>a{color:#0f766e;font-weight:800;white-space:nowrap}.psm-attach-ready-bom{grid-column:1/-1;text-align:right}.psm-procurement-detail{border-top:1px solid var(--pim-line);margin-top:10px}.psm-procurement-detail>summary{color:#0f766e;cursor:pointer;font-weight:800;padding:13px 0}
.psm-required-work{border-left:4px solid #d97706}.psm-bom-demand-list{display:grid}.psm-bom-demand-list>article{align-items:center;border-bottom:1px solid var(--pim-line);display:grid;gap:16px;grid-template-columns:minmax(220px,1fr) minmax(150px,.45fr) auto;padding:16px 20px}.psm-bom-demand-list>article:last-child{border-bottom:0}.psm-bom-demand-list h3{font-size:16px;margin:4px 0}.psm-bom-demand-list p{color:var(--pim-muted);margin:0}.psm-bom-demand-state{display:grid;gap:3px}.psm-bom-demand-state b{font-size:15px}.psm-bom-demand-state b.is-alert{color:#b91c1c}.psm-bom-demand-state b.is-review{color:#b45309}.psm-bom-demand-state span{color:var(--pim-muted)}.psm-bom-demand-action{align-items:center;display:flex;gap:10px}.psm-bom-demand-action>a:not(.btn){color:#0f766e;font-weight:700;white-space:nowrap}
html[data-bs-theme="dark"] .psm-pending-grid>a.is-urgent,html[data-bs-theme="dark"] .psm-role-task-grid>a.is-urgent,html[data-bs-theme="dark"] .psm-action-callout,html[data-bs-theme="dark"] .psm-source-status.needs-action{background:#33280e;border-color:#705514}html[data-bs-theme="dark"] .psm-pending-grid>a.is-alert{background:#351919;border-color:#713434}html[data-bs-theme="dark"] .psm-readonly-notice,html[data-bs-theme="dark"] .psm-privacy-note{background:#10243a;border-color:#28527a}html[data-bs-theme="dark"] .psm-source-status{background:#102c27;border-color:#245e50}
@media(max-width:991.98px){.psm-role-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.psm-source-action-panel{grid-template-columns:1fr}.psm-attach-ready-bom{grid-column:1}.psm-bom-demand-list>article{grid-template-columns:minmax(0,1fr) auto}.psm-bom-demand-action{grid-column:1/-1}}
@media(max-width:767.98px){.psm2-module-page .psm-page-heading h1{font-size:22px}.psm-role-task-grid{grid-template-columns:1fr}.psm-role-task-grid>a{min-height:82px}.psm-role-focus{align-items:flex-start;display:grid;gap:14px}.psm-role-focus .btn{width:100%}.psm-sales-progress-steps{padding:4px 14px 14px}.psm-sales-progress-steps article{grid-template-columns:32px minmax(0,1fr);padding:13px 0}.psm-sales-progress-steps article>.psm-status{grid-column:2;justify-self:start}.psm-sales-progress-steps article.is-current{margin:0 -14px;padding-left:14px;padding-right:14px}.psm-plan-toolbar{align-items:stretch;display:grid;width:100%}.psm-plan-toolbar>.btn{width:100%}.psm-plan-toolbar details form{display:grid!important}.psm-source-status{grid-template-columns:30px minmax(0,1fr)}.psm-source-status>a{grid-column:2}.psm-bom-demand-list>article{grid-template-columns:1fr;padding:15px}.psm-bom-demand-action{grid-column:1;flex-wrap:wrap}.psm-bom-demand-action .btn{flex:1 1 auto}.psm-step-plan-editor{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}}

/* Clean cards, natural order titles and master-data summaries. */
html:not([data-bs-theme="dark"]) .psm2-module-page :is(.card,.psm-panel,.psm-form-panel,.psm-order-filter,.psm-record-filter,.psm-plan-bottom-actions,.psm-sales-order-sheet,.psm-order-flow,.psm-timeline-body,.psm-process-nav,.psm-master-data-card){background:#fff}
html[data-bs-theme="dark"] .psm2-module-page :is(.card,.psm-panel,.psm-form-panel,.psm-order-filter,.psm-record-filter,.psm-plan-bottom-actions,.psm-sales-order-sheet,.psm-order-flow,.psm-timeline-body,.psm-process-nav,.psm-master-data-card){background:var(--bs-tertiary-bg);border-color:var(--pim-line)}
.psm-sales-card-list,.psm-order-summary-grid,.psm-master-card-grid{display:grid;gap:14px}.psm-natural-order-card{border:1px solid var(--pim-line);border-radius:10px;color:var(--pim-body-color);overflow:hidden;text-decoration:none}.psm-natural-order-card:hover{border-color:#8fc9bc;box-shadow:0 6px 18px rgba(31,45,82,.08)}.psm-natural-order-head{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.psm-natural-order-head>div{min-width:0}.psm-natural-order-head h2{color:var(--pim-section-title-color,#0b2d5c);font-size:20px;font-weight:800;line-height:1.4;margin:0}.psm-order-reference{color:var(--pim-muted);font-size:12px!important;margin:5px 0 0}.psm-order-progress-summary{border-top:1px solid var(--pim-line);display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:15px;padding-top:13px}.psm-order-progress-summary span{display:grid;gap:3px}.psm-order-progress-summary small{color:var(--pim-muted)}.psm-order-progress-summary b{font-size:14px}.psm-sales-card-list .card-body,.psm-production-list .psm-natural-order-card .card-body{padding:18px 20px}
.psm-plan-confirm-facts{background:#f8fafc;border:1px solid var(--pim-line);border-radius:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.psm-plan-confirm-facts>div{border-bottom:1px solid var(--pim-line);padding:13px 15px}.psm-plan-confirm-facts>div:nth-child(odd){border-right:1px solid var(--pim-line)}.psm-plan-confirm-facts>div:nth-last-child(-n+2){border-bottom:0}.psm-plan-confirm-facts dt{color:var(--pim-muted)}.psm-plan-confirm-facts dd{font-size:15px!important;font-weight:750;margin:4px 0 0}.psm-field-note{color:#b45309;display:block;margin-top:5px}.psm-plan-bottom-actions>.btn:first-child{justify-self:start}.psm-release-form{width:100%}
.psm-master-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.psm-master-data-card{padding:18px}.psm-master-data-card.is-disabled{opacity:.62}.psm-master-data-card .psm-panel-head{padding:0 0 13px}.psm-master-data-card .psm-panel-head h2{font-size:18px;margin:3px 0}.psm-master-data-card details{border-top:1px solid var(--pim-line);margin-top:12px;padding-top:12px}.psm-check-grid{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.psm-check-grid label{align-items:center;background:#f8fafc;border:1px solid var(--pim-line);border-radius:6px;display:flex;gap:7px;padding:9px 10px}.psm-tag-row{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.psm-tag-row span{background:#e8f5f1;border-radius:999px;color:#0f766e;font-weight:700;padding:5px 9px}.psm-card-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.psm-card-actions form{margin:0}
.psm-order-summary-card{padding:19px}.psm-exception-order-items{display:grid;gap:10px;margin-top:15px}.psm-exception-summary-row{background:#f8fafc;border:1px solid var(--pim-line);border-radius:7px;padding:13px 14px}.psm-exception-row-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.psm-exception-row-head>div{display:grid;gap:3px}.psm-exception-row-head small{color:var(--pim-muted)}.psm-exception-summary-row>p{line-height:1.65;margin:10px 0 0}.psm-exception-summary-row details{border-top:1px solid var(--pim-line);margin-top:11px;padding-top:10px}.psm-card-detail-link{align-items:center;border-top:1px solid var(--pim-line);color:#0f766e;display:flex;font-weight:750;gap:5px;justify-content:flex-end;margin-top:14px;padding-top:13px}.psm-cost-total{display:grid;flex:0 0 auto;gap:2px;text-align:right}.psm-cost-total small{color:var(--pim-muted)}.psm-cost-total strong{color:#0f766e;font-size:24px}.psm-cost-stage-summary{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:15px}.psm-cost-stage-summary span{background:#f8fafc;border:1px solid var(--pim-line);border-left:3px solid #0f766e;border-radius:6px;display:grid;gap:3px;padding:10px 12px}.psm-cost-stage-summary small{color:var(--pim-muted)}.psm-cost-stage-summary em{color:#0f766e;font-style:normal;font-weight:750}.psm-cost-entry-details{border-top:1px solid var(--pim-line);margin-top:13px;padding-top:12px}
html[data-bs-theme="dark"] :is(.psm-plan-confirm-facts,.psm-check-grid label,.psm-exception-summary-row,.psm-cost-stage-summary span){background:var(--bs-body-bg)}html[data-bs-theme="dark"] .psm-tag-row span{background:#153a32;color:#88d8c5}
@media(max-width:991.98px){.psm-master-card-grid{grid-template-columns:1fr}.psm-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.psm-cost-stage-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575.98px){.psm-natural-order-head{display:grid;gap:10px}.psm-natural-order-head h2{font-size:17px}.psm-natural-order-head>.psm-status{justify-self:start}.psm-order-progress-summary{grid-template-columns:1fr 1fr}.psm-order-progress-summary span:last-child{grid-column:1/-1}.psm-sales-card-list .card-body,.psm-production-list .psm-natural-order-card .card-body{padding:15px}.psm-plan-confirm-facts{grid-template-columns:1fr}.psm-plan-confirm-facts>div,.psm-plan-confirm-facts>div:nth-child(odd),.psm-plan-confirm-facts>div:nth-last-child(-n+2){border-bottom:1px solid var(--pim-line);border-right:0}.psm-plan-confirm-facts>div:last-child{border-bottom:0}.psm-check-grid,.psm-cost-stage-summary{grid-template-columns:1fr}.psm-order-summary-card{padding:15px}.psm-cost-total{text-align:left}.psm-exception-row-head{display:grid}.psm-exception-row-head .psm-status{justify-self:start}}

/* 2026-08-21 unified page rhythm, order states and BOM data view. */
.psm2-module-page .psm-page-shell{padding-top:18px}.psm2-module-page .psm-page-shell>.psm-page-heading{align-items:flex-start;margin:0 0 18px;padding:0 2px}.psm2-module-page .psm-page-shell>.psm-page-heading .psm-eyebrow{display:none!important}.psm2-module-page .psm-page-shell>.psm-page-heading>.btn,.psm2-module-page .psm-page-shell>.psm-page-heading>.psm-heading-actions{margin-top:2px}.psm-heading-actions{align-items:center;display:flex;gap:10px}.psm2-module-page :is(.psm-order-code,.psm-order-reference){color:#8997a9!important;font-family:inherit!important;font-size:12px!important;font-weight:500!important;letter-spacing:0!important}
.psm-natural-order-card.psm-order-card-state{border-left:5px solid #94a3b8;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.psm-natural-order-card.psm-order-card-state.is-waiting{background:linear-gradient(90deg,#fff9eb 0,#fff 18%);border-left-color:#d69e2e}.psm-natural-order-card.psm-order-card-state.is-active{background:linear-gradient(90deg,#eefbf8 0,#fff 18%);border-left-color:#0f766e}.psm-natural-order-card.psm-order-card-state.is-review{background:linear-gradient(90deg,#fff7e6 0,#fff 18%);border-left-color:#d97706}.psm-natural-order-card.psm-order-card-state.is-alert{background:linear-gradient(90deg,#fff1f2 0,#fff 18%);border-left-color:#dc2626}.psm-natural-order-card.psm-order-card-state.is-complete{background:linear-gradient(90deg,#f0fdf4 0,#fff 18%);border-left-color:#16a34a}
.psm-order-control .psm-timeline-body{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.psm-order-control .psm-timeline-body:hover{border-color:#8fc9bc;box-shadow:0 9px 24px rgba(31,45,82,.12);transform:translateY(-2px)}
.psm-order-flow .psm-route-rail{align-items:stretch;padding:5px 4px 4px}.psm-order-flow .psm-route-rail a{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:flex-start;min-width:150px;padding:0 8px;text-align:center}.psm-order-flow .psm-route-rail a:not(:last-child)::after{left:50%;right:-50%;top:21px}.psm-order-flow .psm-route-state-icon{height:46px;margin:0;min-width:46px;width:46px}.psm-order-flow .psm-route-state-icon iconify-icon{font-size:26px}.psm-order-flow .psm-route-rail a b{background:var(--bs-body-bg);font-size:15px!important;line-height:1.35;padding:0 5px;white-space:normal}.psm-order-flow .psm-route-rail a:hover b{transform:translateY(-1px)}
.psm-step-performance{background:linear-gradient(90deg,rgba(15,118,110,.09),rgba(15,118,110,.025));border:1px solid rgba(15,118,110,.16);border-left:4px solid #0f766e;border-radius:7px;display:grid;gap:0;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:12px;overflow:hidden}.psm-step-performance>div{display:grid;gap:3px;padding:12px 14px}.psm-step-performance>div+div{border-left:1px solid rgba(15,118,110,.13)}.psm-step-performance small{color:var(--pim-muted)}.psm-step-performance strong{font-size:15px}.psm-step-performance .is-cost strong{color:#0f766e;font-size:17px}.psm-handover-summary>summary{padding-right:22px;position:relative}.psm-handover-summary>summary::after{content:"⌄";font-size:18px;line-height:1;position:absolute;right:0;top:2px;transition:transform .18s ease}.psm-handover-summary[open]>summary::after{transform:rotate(180deg)}
.psm-material-layout{display:block}.psm-material-order-picker{align-items:end;background:var(--bs-body-bg);border:1px solid var(--pim-line);border-radius:9px;display:grid;gap:14px;grid-template-columns:minmax(250px,1fr) minmax(220px,.7fr) minmax(320px,1.25fr);margin-bottom:14px;padding:17px 18px}.psm-material-order-picker>div h2{font-size:18px;margin:0 0 4px}.psm-material-order-picker>div p{color:var(--pim-muted);margin:0}.psm-material-order-picker label{display:grid;gap:5px}.psm-material-order-picker label>span{font-weight:700}.psm-material-order-picker>.psm-order-reference{grid-column:1/-1;margin:0}.psm-material-main{min-width:0}
.psm-bom-list-row>div:first-child>b{font-size:18px}.psm-bom-list-row>div:first-child>p{display:grid;gap:4px;margin:9px 0 0}.psm-bom-list-row>div:first-child>p em{color:var(--pim-body-color);font-style:normal}.psm-bom-list-row>div:first-child>p .is-empty{color:var(--pim-muted)}.psm-bom-linked-list{display:grid}.psm-bom-linked-list>a{align-items:center;border-top:1px solid var(--pim-line);color:var(--pim-body-color);display:grid;gap:3px;grid-template-columns:minmax(0,1fr) auto;padding:13px 18px;text-decoration:none}.psm-bom-linked-list>a:first-child{border-top:0}.psm-bom-linked-list small{color:var(--pim-muted);grid-column:1}.psm-bom-linked-list iconify-icon{grid-column:2;grid-row:1/3}.psm-empty-inline{color:var(--pim-muted);padding:18px}
.psm-bom-yarn-view{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 18px}.psm-bom-yarn-view article{background:var(--bs-tertiary-bg);border:1px solid var(--pim-line);border-radius:8px;padding:15px}.psm-bom-yarn-view article>span{color:#0f766e;font-weight:800}.psm-bom-yarn-view h3{font-size:18px;margin:5px 0 13px}.psm-bom-yarn-view dl{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.psm-bom-yarn-view dt{color:var(--pim-muted)}.psm-bom-yarn-view dd{font-weight:700;margin:3px 0 0}.psm-bom-data-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0}.psm-bom-data-grid>div{border-right:1px solid var(--pim-line);border-top:1px solid var(--pim-line);padding:13px 15px}.psm-bom-data-grid>div:nth-child(4n){border-right:0}.psm-bom-data-grid dt{color:var(--pim-muted)}.psm-bom-data-grid dd{font-size:15px!important;font-weight:750;margin:5px 0 0}.psm-lift-data-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.psm-lift-data-grid>div:nth-child(4n){border-right:1px solid var(--pim-line)}.psm-lift-data-grid>div:nth-child(8n){border-right:0}
.psm-technology-edit-form .psm-form-panel{overflow:hidden}.psm-technology-edit-form .psm-panel-head{padding:16px 18px}.psm-technology-edit-form .psm-yarn-sheet{border:0;display:grid;gap:16px;overflow:visible;padding:0 18px 18px}.psm-technology-edit-form .psm-yarn-sheet-head{display:none}.psm-technology-edit-form .psm-yarn-direction{border:1px solid var(--pim-line);border-radius:8px;display:block;overflow:hidden}.psm-yarn-direction-head{align-items:center;background:var(--bs-tertiary-bg);border-bottom:1px solid var(--pim-line);display:flex;justify-content:space-between;padding:11px 13px}.psm-yarn-direction-head h3{font-size:16px;margin:0}.psm-technology-edit-form .psm-yarn-sheet .psm-yarn-row{align-items:end;border-bottom:1px solid var(--pim-line);display:grid;gap:11px;grid-template-columns:84px minmax(220px,1.6fr) minmax(150px,.7fr) minmax(150px,.7fr) minmax(190px,1fr) 36px;padding:13px}.psm-technology-edit-form .psm-yarn-sheet .psm-yarn-row[hidden]{display:none}.psm-technology-edit-form .psm-yarn-sheet .psm-yarn-row:last-child{border-bottom:0}.psm-technology-edit-form .psm-yarn-sheet .psm-yarn-row>*,.psm-technology-edit-form .psm-yarn-sheet .psm-yarn-row label{border:0}.psm-technology-edit-form .psm-yarn-sheet .psm-yarn-slot{align-self:center;background:#e6f4f1;border-radius:6px;color:#0f766e;height:38px;padding:0 8px;width:auto}.psm-technology-edit-form .psm-yarn-sheet .psm-yarn-row label{display:grid;gap:5px}.psm-technology-edit-form .psm-yarn-sheet .psm-yarn-row label>span{display:block}.psm-technology-edit-form .psm-yarn-sheet .psm-yarn-row .form-control{background:var(--bs-body-bg);border:1px solid var(--pim-line);border-radius:5px;height:38px;padding:7px 9px}.psm-technology-edit-form .psm-yarn-remark{grid-column:auto}.psm-remove-yarn-row{align-self:end;min-height:38px!important;padding:7px}
html[data-bs-theme="dark"] .psm-natural-order-card.psm-order-card-state:is(.is-waiting,.is-active,.is-review,.is-alert,.is-complete){background:var(--bs-tertiary-bg)}html[data-bs-theme="dark"] .psm-order-flow .psm-route-rail a b{background:var(--bs-tertiary-bg)}html[data-bs-theme="dark"] .psm-technology-edit-form .psm-yarn-sheet .psm-yarn-slot{background:#153a32;color:#88d8c5}
@media(max-width:991.98px){.psm-material-order-picker{grid-template-columns:1fr 1fr}.psm-material-order-picker>div{grid-column:1/-1}.psm-step-performance{grid-template-columns:repeat(3,minmax(0,1fr))}.psm-step-performance>div:nth-child(4){border-left:0}.psm-bom-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.psm-bom-data-grid>div:nth-child(2n){border-right:0}.psm-bom-data-grid>div:nth-child(4n){border-right:0}.psm-lift-data-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.psm-technology-edit-form .psm-yarn-sheet .psm-yarn-row{grid-template-columns:80px repeat(2,minmax(0,1fr)) 36px}.psm-technology-edit-form .psm-yarn-name{grid-column:2/4}.psm-technology-edit-form .psm-yarn-remark{grid-column:2/4}.psm-remove-yarn-row{grid-column:4;grid-row:1}}
@media(max-width:575.98px){.psm2-module-page .psm-page-shell{padding-top:14px}.psm2-module-page .psm-page-shell>.psm-page-heading{gap:11px;margin-bottom:15px}.psm-heading-actions{align-items:flex-start;flex-wrap:wrap}.psm-order-flow .psm-route-rail a{flex:0 0 138px;min-width:138px}.psm-order-flow .psm-route-state-icon{height:42px;min-width:42px;width:42px}.psm-order-flow .psm-route-rail a:not(:last-child)::after{top:19px}.psm-step-performance{grid-template-columns:1fr 1fr}.psm-step-performance>div{border-bottom:1px solid rgba(15,118,110,.13)}.psm-step-performance>div:nth-child(odd){border-left:0}.psm-step-performance>div:last-child{grid-column:1/-1}.psm-handover-summary>summary{align-items:flex-start;display:grid}.psm-material-order-picker{grid-template-columns:1fr;padding:15px}.psm-material-order-picker>div{grid-column:auto}.psm-material-order-picker>.psm-order-reference{grid-column:auto}.psm-bom-list-row>div:first-child>b{font-size:16px}.psm-bom-yarn-view{grid-template-columns:1fr;padding:13px}.psm-bom-yarn-view dl{grid-template-columns:1fr 1fr}.psm-bom-data-grid,.psm-lift-data-grid{grid-template-columns:1fr 1fr}.psm-technology-edit-form .psm-yarn-sheet{padding:0 13px 13px}.psm-technology-edit-form .psm-yarn-sheet .psm-yarn-row{grid-template-columns:1fr 36px;padding:12px}.psm-technology-edit-form .psm-yarn-sheet .psm-yarn-slot{grid-column:1}.psm-technology-edit-form .psm-yarn-sheet .psm-yarn-row label,.psm-technology-edit-form .psm-yarn-name,.psm-technology-edit-form .psm-yarn-remark{grid-column:1/-1}.psm-remove-yarn-row{grid-column:2;grid-row:1}}
@media(min-width:576px){.psm-step-performance{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}

/* Yarn editor: spreadsheet rhythm on desktop, field labels on mobile. */
.psm-technology-edit-form .psm-yarn-sheet{padding-top:16px}.psm-technology-edit-form .psm-yarn-direction{border-left-width:4px}.psm-technology-edit-form .psm-yarn-direction[data-yarn-direction="warp"]{border-left-color:#0f766e}.psm-technology-edit-form .psm-yarn-direction[data-yarn-direction="weft"]{border-left-color:#2563eb}.psm-technology-edit-form .psm-yarn-direction[data-yarn-direction="warp"] .psm-yarn-direction-head{background:#eaf7f4}.psm-technology-edit-form .psm-yarn-direction[data-yarn-direction="weft"] .psm-yarn-direction-head{background:#eef5ff}.psm-technology-edit-form .psm-yarn-direction[data-yarn-direction="warp"] .psm-yarn-direction-head h3{color:#0f766e}.psm-technology-edit-form .psm-yarn-direction[data-yarn-direction="weft"] .psm-yarn-direction-head h3{color:#1d4ed8}.psm-yarn-direction-head h3{font-size:17px;font-weight:800}.psm-yarn-direction-head .btn{background:rgba(255,255,255,.72);border:1px solid rgba(100,116,139,.18)}
.psm-yarn-column-head{align-items:center;background:#f8fafc;border-bottom:1px solid var(--pim-line);color:#66768c;display:grid;gap:11px;grid-template-columns:84px minmax(220px,1.6fr) minmax(150px,.7fr) minmax(150px,.7fr) minmax(190px,1fr) 36px;padding:9px 13px}.psm-yarn-column-head b{font-size:12px;font-weight:750}.psm-yarn-column-head b:first-child{text-align:center}.psm-yarn-column-head i{display:block}
.psm-technology-edit-form .psm-yarn-sheet .psm-yarn-row{align-items:center;background:#fff;min-height:64px}.psm-technology-edit-form .psm-yarn-sheet .psm-yarn-row:nth-child(even){background:#fbfcfe}.psm-technology-edit-form .psm-yarn-sheet .psm-yarn-row label{gap:0;margin:0}.psm-technology-edit-form .psm-yarn-sheet .psm-yarn-row label>span{display:none}.psm-technology-edit-form .psm-yarn-sheet .psm-yarn-row .form-control{background:#fff!important;border-color:#cbd5e1;color:#17243a;height:40px;min-height:40px}.psm-technology-edit-form .psm-yarn-sheet .psm-yarn-row .form-control:focus{background:#fff!important;border-color:#0f766e;box-shadow:0 0 0 3px rgba(15,118,110,.12)}.psm-technology-edit-form .psm-yarn-direction[data-yarn-direction="weft"] .psm-yarn-row .form-control:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.psm-technology-edit-form .psm-yarn-direction[data-yarn-direction="warp"] .psm-yarn-slot{background:#dff3ed;color:#0f766e}.psm-technology-edit-form .psm-yarn-direction[data-yarn-direction="weft"] .psm-yarn-slot{background:#e4edff;color:#1d4ed8}.psm-remove-yarn-row{background:#f8fafc;border-color:#dbe3ec;color:#64748b}
html[data-bs-theme="dark"] .psm-technology-edit-form .psm-yarn-direction[data-yarn-direction="warp"] .psm-yarn-direction-head{background:#12352e}html[data-bs-theme="dark"] .psm-technology-edit-form .psm-yarn-direction[data-yarn-direction="weft"] .psm-yarn-direction-head{background:#142c50}html[data-bs-theme="dark"] .psm-technology-edit-form .psm-yarn-direction[data-yarn-direction="warp"] .psm-yarn-direction-head h3{color:#7dd3c1}html[data-bs-theme="dark"] .psm-technology-edit-form .psm-yarn-direction[data-yarn-direction="weft"] .psm-yarn-direction-head h3{color:#93b8ff}html[data-bs-theme="dark"] .psm-yarn-column-head{background:#172231;color:#a9b8ca}html[data-bs-theme="dark"] .psm-technology-edit-form .psm-yarn-sheet .psm-yarn-row,html[data-bs-theme="dark"] .psm-technology-edit-form .psm-yarn-sheet .psm-yarn-row:nth-child(even){background:var(--bs-tertiary-bg)}html[data-bs-theme="dark"] .psm-technology-edit-form .psm-yarn-sheet .psm-yarn-row .form-control,html[data-bs-theme="dark"] .psm-technology-edit-form .psm-yarn-sheet .psm-yarn-row .form-control:focus{background:var(--bs-body-bg)!important;border-color:#46566a;color:var(--bs-body-color)}html[data-bs-theme="dark"] .psm-yarn-direction-head .btn,html[data-bs-theme="dark"] .psm-remove-yarn-row{background:#1c2939;border-color:#405065;color:#d3dce7}

/* Order list colors follow the real workflow status; border and badge always match. */
.psm-natural-order-card.psm-order-card-state{--order-state:#64748b;--order-soft:#f8fafc;background:linear-gradient(90deg,var(--order-soft) 0,#fff 22%)!important;border-left-color:var(--order-state)!important}.psm-natural-order-card.psm-order-card-state.is-active{--order-state:#0f766e;--order-soft:#e8f7f3}.psm-natural-order-card.psm-order-card-state.is-waiting{--order-state:#64748b;--order-soft:#f1f5f9}.psm-natural-order-card.psm-order-card-state.psm-status-to_plan{--order-state:#2563eb;--order-soft:#eff6ff}.psm-natural-order-card.psm-order-card-state.psm-status-material_pending{--order-state:#a16207;--order-soft:#fefce8}.psm-natural-order-card.psm-order-card-state.psm-status-ready_to_start{--order-state:#0891b2;--order-soft:#ecfeff}.psm-natural-order-card.psm-order-card-state.psm-status-in_progress{--order-state:#0f766e;--order-soft:#e8f7f3}.psm-natural-order-card.psm-order-card-state.psm-status-business_confirmation{--order-state:#4f46e5;--order-soft:#eef2ff}.psm-natural-order-card.psm-order-card-state.psm-status-warehouse_handover{--order-state:#c2410c;--order-soft:#fff1e8}.psm-natural-order-card.psm-order-card-state.psm-status-warehouse_outbound_pending{--order-state:#ea580c;--order-soft:#fff7ed}.psm-natural-order-card.psm-order-card-state.psm-status-quality_pending{--order-state:#7c3aed;--order-soft:#f5f3ff}.psm-natural-order-card.psm-order-card-state.psm-status-delivery_pending{--order-state:#0369a1;--order-soft:#f0f9ff}.psm-natural-order-card.psm-order-card-state.psm-status-partially_delivered{--order-state:#b45309;--order-soft:#fffbeb}.psm-natural-order-card.psm-order-card-state.psm-status-next_step_confirm{--order-state:#be123c;--order-soft:#fff1f2}.psm-natural-order-card.psm-order-card-state.psm-status-completed{--order-state:#15803d;--order-soft:#f0fdf4}.psm-natural-order-card.psm-order-card-state:is(.psm-status-exception,.psm-status-overdue){--order-state:#b91c1c;--order-soft:#fef2f2}.psm-natural-order-card.psm-order-card-state.psm-status-rework{--order-state:#e11d48;--order-soft:#fff1f2}.psm-natural-order-card.psm-order-card-state .psm-status{background:var(--order-soft)!important;border:1px solid var(--order-state);color:var(--order-state)!important}.psm-natural-order-card.psm-order-card-state:hover{border-left-color:var(--order-state)!important;box-shadow:0 8px 22px color-mix(in srgb,var(--order-state) 14%,transparent)}
html[data-bs-theme="dark"] .psm-natural-order-card.psm-order-card-state{background:linear-gradient(90deg,color-mix(in srgb,var(--order-state) 17%,var(--bs-tertiary-bg)) 0,var(--bs-tertiary-bg) 24%)!important}html[data-bs-theme="dark"] .psm-natural-order-card.psm-order-card-state .psm-status{background:color-mix(in srgb,var(--order-state) 20%,var(--bs-tertiary-bg))!important}
html[data-bs-theme="dark"] .psm-natural-order-card.psm-order-card-state{--order-state:#94a3b8}html[data-bs-theme="dark"] .psm-natural-order-card.psm-order-card-state:is(.is-active,.psm-status-in_progress){--order-state:#5eead4}html[data-bs-theme="dark"] .psm-natural-order-card.psm-order-card-state.psm-status-to_plan{--order-state:#60a5fa}html[data-bs-theme="dark"] .psm-natural-order-card.psm-order-card-state.psm-status-material_pending{--order-state:#facc15}html[data-bs-theme="dark"] .psm-natural-order-card.psm-order-card-state.psm-status-ready_to_start{--order-state:#67e8f9}html[data-bs-theme="dark"] .psm-natural-order-card.psm-order-card-state.psm-status-business_confirmation{--order-state:#a5b4fc}html[data-bs-theme="dark"] .psm-natural-order-card.psm-order-card-state.psm-status-warehouse_handover{--order-state:#fb923c}html[data-bs-theme="dark"] .psm-natural-order-card.psm-order-card-state.psm-status-warehouse_outbound_pending{--order-state:#fdba74}html[data-bs-theme="dark"] .psm-natural-order-card.psm-order-card-state.psm-status-quality_pending{--order-state:#c084fc}html[data-bs-theme="dark"] .psm-natural-order-card.psm-order-card-state.psm-status-delivery_pending{--order-state:#7dd3fc}html[data-bs-theme="dark"] .psm-natural-order-card.psm-order-card-state.psm-status-partially_delivered{--order-state:#fbbf24}html[data-bs-theme="dark"] .psm-natural-order-card.psm-order-card-state.psm-status-next_step_confirm{--order-state:#fb7185}html[data-bs-theme="dark"] .psm-natural-order-card.psm-order-card-state.psm-status-completed{--order-state:#86efac}html[data-bs-theme="dark"] .psm-natural-order-card.psm-order-card-state:is(.psm-status-exception,.psm-status-overdue,.psm-status-rework){--order-state:#f87171}

@media(min-width:768px){.psm-technology-edit-form .psm-yarn-sheet .psm-yarn-row{grid-template-columns:84px minmax(220px,1.6fr) minmax(150px,.7fr) minmax(150px,.7fr) minmax(190px,1fr) 36px}.psm-technology-edit-form .psm-yarn-sheet .psm-yarn-name,.psm-technology-edit-form .psm-yarn-sheet .psm-yarn-remark{grid-column:auto}.psm-technology-edit-form .psm-yarn-sheet .psm-remove-yarn-row{grid-column:6;grid-row:1}}
@media(max-width:767.98px){.psm-technology-edit-form .psm-yarn-sheet{padding:13px}.psm-yarn-column-head{display:none}.psm-technology-edit-form .psm-yarn-sheet .psm-yarn-row{align-items:end;grid-template-columns:1fr 36px;padding:12px}.psm-technology-edit-form .psm-yarn-sheet .psm-yarn-row label,.psm-technology-edit-form .psm-yarn-sheet .psm-yarn-name,.psm-technology-edit-form .psm-yarn-sheet .psm-yarn-remark{grid-column:1/-1}.psm-technology-edit-form .psm-yarn-sheet .psm-yarn-row label>span{display:block;margin-bottom:4px}.psm-technology-edit-form .psm-yarn-sheet .psm-yarn-slot{grid-column:1;grid-row:1}.psm-technology-edit-form .psm-yarn-sheet .psm-remove-yarn-row{grid-column:2;grid-row:1}.psm-yarn-direction-head{padding:10px 12px}}

/* PIM center and all legacy PIM views share the current PSM2 visual hierarchy. */
.pim-module-page{font-size:14px}.pim-module-page :where(p,span,small,label,a,button,input,select,textarea,dt,dd,li,summary,th,td,em){font-size:max(12px,1em)}
.pim-page-heading{display:grid;gap:5px;padding:22px 0 17px}.pim-page-heading h1{color:var(--pim-page-title-color,var(--bs-heading-color));font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1.25;margin:0}.pim-page-heading p{color:var(--pim-muted);font-size:13px;line-height:1.65;margin:0;max-width:860px}
.pim-module-page .pim-container>.panel,.pim-module-page .pim-container>.table-wrap,.pim-module-page .pim-container>form>.panel,.pim-module-page .pim-container>.two-column-layout>.panel{background:#fff;border-color:#dfe6ee;border-radius:9px;box-shadow:0 5px 18px rgba(31,45,82,.075);margin-bottom:16px}.pim-module-page .pim-container .panel{border-radius:9px}.pim-module-page .pim-container .table-card-head,.pim-module-page .pim-container .panel-header{align-items:flex-start;gap:14px}.pim-module-page .pim-container .table-card-head h2,.pim-module-page .pim-container .panel-header h2{font-size:18px;line-height:1.35}.pim-module-page .pim-container .table-card-head p,.pim-module-page .pim-container .panel-header p{font-size:13px;line-height:1.6}.pim-module-page .pim-container input:not([type=checkbox]):not([type=radio]),.pim-module-page .pim-container select,.pim-module-page .pim-container textarea{min-height:40px}.pim-module-page .pim-container .btn{align-items:center;display:inline-flex;justify-content:center;min-height:38px}.pim-module-page .pim-container .btn.small,.pim-module-page .pim-container .btn-sm{min-height:34px}
.pim-center-shell{display:grid;gap:16px;padding-bottom:24px}.pim-center-overview{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.pim-center-overview article{background:#fff;border:1px solid var(--pim-line);border-left:4px solid #0f766e;border-radius:9px;box-shadow:0 5px 18px rgba(31,45,82,.075);display:grid;gap:4px;min-height:118px;padding:17px 18px}.pim-center-overview article:nth-child(2){border-left-color:#2563eb}.pim-center-overview article:nth-child(3){border-left-color:#7c3aed}.pim-center-overview article.is-warning{border-left-color:#d97706}.pim-center-overview span{color:var(--pim-muted);font-weight:700}.pim-center-overview strong{color:var(--bs-heading-color);font-size:28px;line-height:1.2}.pim-center-overview small{color:var(--pim-muted)}
.pim-inventory-boundary{align-items:stretch;background:#fff;border:1px solid var(--pim-line);border-radius:9px;box-shadow:0 5px 18px rgba(31,45,82,.075);display:grid;grid-template-columns:1fr 1px 1fr;padding:15px 18px}.pim-inventory-boundary>div{align-items:center;display:flex;gap:13px;padding:2px 12px}.pim-inventory-boundary>div:first-child{padding-left:0}.pim-inventory-boundary>div:last-child{padding-right:0}.pim-inventory-boundary>i{background:var(--pim-line);display:block}.pim-inventory-boundary iconify-icon{background:#eaf7f4;border-radius:9px;color:#0f766e;font-size:25px;padding:9px}.pim-inventory-boundary>div:last-child iconify-icon{background:#eef5ff;color:#2563eb}.pim-inventory-boundary span{display:grid;gap:3px}.pim-inventory-boundary b{font-size:15px}.pim-inventory-boundary small{color:var(--pim-muted);line-height:1.5}
.pim-center-groups{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.pim-center-group{--pim-center-tone:#0f766e;background:#fff;border:1px solid var(--pim-line);border-radius:9px;box-shadow:0 5px 18px rgba(31,45,82,.075);overflow:hidden}.pim-center-group.tone-blue{--pim-center-tone:#2563eb}.pim-center-group.tone-amber{--pim-center-tone:#b45309}.pim-center-group.tone-violet{--pim-center-tone:#7c3aed}.pim-center-group.tone-slate{--pim-center-tone:#475569}.pim-center-group>header{align-items:center;border-bottom:1px solid var(--pim-line);display:flex;gap:12px;padding:16px 18px}.pim-center-group-icon{background:color-mix(in srgb,var(--pim-center-tone) 11%,#fff);border-radius:9px;color:var(--pim-center-tone);display:grid;font-size:24px;height:44px;min-width:44px;place-items:center}.pim-center-group h2{font-size:18px;margin:0 0 3px}.pim-center-group header p{color:var(--pim-muted);font-size:12px;line-height:1.5;margin:0}.pim-center-links{display:grid}.pim-center-links>a{align-items:center;border-bottom:1px solid var(--pim-line);color:var(--bs-body-color);display:grid;gap:12px;grid-template-columns:38px minmax(0,1fr) 18px;padding:13px 18px;transition:background .16s ease,transform .16s ease}.pim-center-links>a:last-child{border-bottom:0}.pim-center-links>a:hover{background:color-mix(in srgb,var(--pim-center-tone) 5%,#fff);color:var(--bs-body-color);transform:translateX(2px)}.pim-center-links>a>span{background:color-mix(in srgb,var(--pim-center-tone) 9%,#fff);border-radius:7px;color:var(--pim-center-tone);display:grid;font-size:19px;height:38px;place-items:center}.pim-center-links>a>div{display:grid;gap:3px;min-width:0}.pim-center-links b{font-size:14px}.pim-center-links small{color:var(--pim-muted);line-height:1.45}.pim-center-links>a>iconify-icon{color:var(--pim-muted);font-size:18px}
html[data-bs-theme=dark] .pim-module-page .pim-container>.panel,html[data-bs-theme=dark] .pim-module-page .pim-container>.table-wrap,html[data-bs-theme=dark] .pim-module-page .pim-container>form>.panel,html[data-bs-theme=dark] .pim-module-page .pim-container>.two-column-layout>.panel,html[data-bs-theme=dark] .pim-center-overview article,html[data-bs-theme=dark] .pim-inventory-boundary,html[data-bs-theme=dark] .pim-center-group{background:var(--bs-card-bg,var(--bs-secondary-bg));border-color:var(--bs-border-color);color:var(--bs-body-color)}html[data-bs-theme=dark] .pim-center-group-icon,html[data-bs-theme=dark] .pim-center-links>a>span{background:color-mix(in srgb,var(--pim-center-tone) 20%,var(--bs-tertiary-bg))}html[data-bs-theme=dark] .pim-center-links>a:hover{background:color-mix(in srgb,var(--pim-center-tone) 10%,var(--bs-tertiary-bg))}html[data-bs-theme=dark] .pim-inventory-boundary iconify-icon{background:#143d35}html[data-bs-theme=dark] .pim-inventory-boundary>div:last-child iconify-icon{background:#172f56}
@media(max-width:991.98px){.pim-center-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.pim-center-groups{grid-template-columns:1fr}}
@media(max-width:575.98px){.pim-page-heading{padding:16px 0 14px}.pim-page-heading h1{font-size:22px}.pim-page-heading p{font-size:12px}.pim-module-page .pim-container>.panel,.pim-module-page .pim-container>.table-wrap,.pim-module-page .pim-container>form>.panel{margin-bottom:13px}.pim-module-page .pim-container .table-card-head,.pim-module-page .pim-container .panel-header{align-items:stretch;display:grid}.pim-module-page .pim-container .table-card-head .btn,.pim-module-page .pim-container .panel-header .btn{justify-self:start}.pim-center-shell{gap:13px}.pim-center-overview{gap:10px}.pim-center-overview article{min-height:105px;padding:14px}.pim-center-overview strong{font-size:23px}.pim-inventory-boundary{gap:12px;grid-template-columns:1fr;padding:14px}.pim-inventory-boundary>div,.pim-inventory-boundary>div:first-child,.pim-inventory-boundary>div:last-child{padding:0}.pim-inventory-boundary>i{height:1px}.pim-center-groups{gap:13px}.pim-center-group>header{padding:14px}.pim-center-links>a{grid-template-columns:36px minmax(0,1fr) 16px;padding:12px 14px}.pim-center-links small{font-size:12px}}

/* Unified drag sorting component. Reuse these psm-sort-* classes on every sortable list. */
.pim-container .psm-sortable-component{overflow:hidden;padding:0}
.psm-sort-toolbar{align-items:center;background:var(--bs-tertiary-bg);border-bottom:1px solid var(--pim-line);display:flex;gap:12px;justify-content:space-between;padding:9px 20px}
.psm-sort-toolbar span{align-items:center;color:var(--pim-muted);display:inline-flex;font-size:12px;gap:6px}.psm-sort-toolbar span iconify-icon{font-size:18px}
.psm-sort-list{display:grid}.psm-sort-item{min-width:0}.psm-sort-item>article{align-items:center;background:var(--bs-body-bg);border-bottom:1px solid var(--pim-line);display:flex;gap:12px;justify-content:space-between;min-height:64px;padding:11px 20px;transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.psm-sort-item:last-child>article{border-bottom:0}.psm-sort-item>article:hover{background:color-mix(in srgb,#0f766e 4%,var(--bs-body-bg))}
.psm-sort-summary{display:grid;flex:1;gap:3px;min-width:0}.psm-sort-summary b{color:var(--bs-heading-color);font-size:14px;line-height:1.4}.psm-sort-summary small{color:var(--pim-muted);font-size:12px;line-height:1.45}.psm-sort-actions{align-items:center;display:flex;flex:0 0 auto;gap:7px}.psm-sort-actions form{margin:0}
.psm-sort-item .drag-handle{border-radius:7px;flex:0 0 38px;height:38px;width:38px}.psm-sort-item .drag-handle iconify-icon{font-size:20px}.psm-sort-item.dragging{background:transparent;opacity:1}.psm-sort-item.dragging>article{background:var(--bs-success-bg-subtle);border:1px solid #0f766e;border-radius:8px;box-shadow:0 10px 24px rgba(15,23,42,.18);transform:scale(.995)}
.pim-container .psm-sortable-component>.table-card-head{margin:0;padding:17px 20px}.pim-container .psm-sortable-component>.table-card-head h2{margin-bottom:3px}.pim-container .psm-sortable-component>form:not(#sort-form){margin:0}.pim-container .psm-sortable-component .psm-field-edit{background:var(--bs-tertiary-bg);padding:16px 20px}.psm-custom-field-edit{align-items:end}.psm-custom-field-edit>.checkline{align-self:center;margin-bottom:0!important}
html[data-bs-theme=dark] .psm-sort-item>article{background:var(--bs-card-bg,var(--bs-secondary-bg))}html[data-bs-theme=dark] .psm-sort-item>article:hover{background:color-mix(in srgb,#2dd4bf 7%,var(--bs-tertiary-bg))}html[data-bs-theme=dark] .psm-sort-item.dragging>article{background:color-mix(in srgb,#0f766e 22%,var(--bs-tertiary-bg));border-color:#5eead4}
@media(max-width:767.98px){.psm-sort-toolbar{align-items:flex-start;padding:10px 14px}.psm-sort-item>article{align-items:flex-start;display:grid;gap:9px;grid-template-columns:38px minmax(0,1fr);padding:12px 14px}.psm-sort-actions{flex-wrap:wrap;grid-column:2;justify-content:flex-start}.pim-container .psm-sortable-component>.table-card-head{padding:15px 14px}.pim-container .psm-sortable-component .psm-field-edit{padding:14px}.psm-custom-field-edit{grid-template-columns:1fr 1fr}.psm-custom-field-edit>.form-button{grid-column:1/-1}.psm-custom-field-edit>.form-button .btn{width:100%}}
@media(max-width:479.98px){.psm-sort-toolbar{display:grid}.psm-sort-toolbar .btn{width:100%}.psm-custom-field-edit{grid-template-columns:1fr}}

/* Unified page-heading spacing and dashboard/delivery hierarchy. */
.pim-container .psm-workbench-head,.pim-container .psm-page-heading{margin-top:0;padding-top:20px}.pim-container .psm-production-page{padding-top:0}.psm-workbench-head>div>.psm-eyebrow,.psm-page-heading>div>.psm-eyebrow{display:none}.psm-workbench-head,.psm-page-heading{min-height:78px}.psm-page-heading>.btn,.psm-page-heading>button,.psm-head-actions{margin-top:0}
.psm-dashboard-section-head{display:grid;gap:4px;margin:4px 0 11px}.psm-dashboard-section-head h2{color:var(--bs-heading-color);font-size:19px;font-weight:800;margin:0}.psm-dashboard-section-head p{color:var(--pim-muted);font-size:13px;line-height:1.55;margin:0}.psm-dashboard-section-head+.psm-stat-grid{margin-bottom:18px}
.psm-pending-grid.psm-dashboard-task-grid{background:transparent;border:0;border-radius:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));margin-bottom:21px;overflow:visible}.psm-pending-grid.psm-dashboard-task-grid>a{align-items:center;background:#fff;border:1px solid #e1e8ef;border-left:4px solid #6b7b91;border-radius:6px;box-shadow:0 3px 12px rgba(31,45,82,.07);display:flex;gap:14px;justify-content:space-between;min-height:82px;padding:15px 17px;transition:box-shadow .16s ease,transform .16s ease}.psm-pending-grid.psm-dashboard-task-grid>a:hover{box-shadow:0 7px 20px rgba(31,45,82,.12);transform:translateY(-1px)}.psm-pending-grid.psm-dashboard-task-grid>a span{color:#68778d;font-size:13px;font-weight:700;white-space:nowrap}.psm-pending-grid.psm-dashboard-task-grid>a strong{color:#152238;font-size:25px;line-height:1;white-space:nowrap}.psm-pending-grid.psm-dashboard-task-grid>a.is-urgent{background:#fffaf0;border-color:#efd089;border-left-color:#d97706}.psm-pending-grid.psm-dashboard-task-grid>a.is-alert{background:#fff5f5;border-color:#efbcbc;border-left-color:#dc2626}
.psm-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.psm-stat-card{box-shadow:0 3px 12px rgba(31,45,82,.07);transition:box-shadow .16s ease,transform .16s ease}.psm-stat-card:hover{box-shadow:0 7px 20px rgba(31,45,82,.12);color:#152238;transform:translateY(-1px)}.psm-stat-card.is-plan{border-left-color:#2563eb}.psm-stat-card.is-delivery{border-left-color:#7c3aed}
.psm-delivery-stage-card{background:#fff;border:1px solid var(--pim-line);border-left:5px solid #64748b;border-radius:9px;box-shadow:0 5px 18px rgba(31,45,82,.075);margin-bottom:16px;overflow:hidden;scroll-margin-top:90px;transition:box-shadow .16s ease,transform .16s ease}.psm-delivery-stage-card:hover{box-shadow:0 9px 26px rgba(31,45,82,.13);transform:translateY(-2px)}.psm-delivery-stage-card.is-active{border-left-color:#0f766e}.psm-delivery-stage-card.is-review{border-left-color:#d97706}.psm-delivery-stage-card.is-complete{border-left-color:#15803d}.psm-delivery-stage-card>header{align-items:flex-start;border-bottom:1px solid var(--pim-line);display:flex;gap:16px;justify-content:space-between;padding:18px 20px}.psm-delivery-stage-title{align-items:flex-start;display:flex;gap:13px}.psm-delivery-stage-title>i{align-items:center;background:#e8f7f3;border-radius:10px;color:#0f766e;display:flex;font-size:27px;height:48px;justify-content:center;min-width:48px}.psm-delivery-stage-title h2{color:var(--bs-heading-color);font-size:21px;font-weight:800;margin:0 0 4px}.psm-delivery-stage-title p{color:var(--pim-muted);font-size:13px;line-height:1.55;margin:0}.psm-delivery-stage-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:2px 20px}.psm-delivery-stage-metrics>div{border-right:1px solid var(--pim-line);display:grid;gap:3px;padding:16px}.psm-delivery-stage-metrics>div:first-child{padding-left:0}.psm-delivery-stage-metrics>div:last-child{border-right:0;padding-right:0}.psm-delivery-stage-metrics small,.psm-delivery-stage-metrics span{color:var(--pim-muted);font-size:12px}.psm-delivery-stage-metrics strong{color:var(--bs-heading-color);font-size:18px;line-height:1.35}.psm-delivery-stage-card>footer{align-items:center;background:var(--bs-tertiary-bg);border-top:1px solid var(--pim-line);display:flex;gap:16px;justify-content:space-between;padding:13px 20px}.psm-delivery-stage-card>footer p{color:var(--pim-muted);font-size:12px;line-height:1.55;margin:0;max-width:760px}.psm-delivery-stage-card>footer p b{color:var(--bs-body-color)}.psm-delivery-stage-card>footer>div{display:flex;flex-wrap:wrap;gap:8px}
.psm-warehouse-delivery-overview{align-items:center;background:linear-gradient(90deg,rgba(15,118,110,.11),rgba(15,118,110,.025));border-bottom:1px solid var(--pim-line);display:flex;gap:14px;justify-content:space-between;padding:13px 18px}.psm-warehouse-delivery-overview strong{color:#0f766e;font-size:17px}.psm-warehouse-delivery-overview span{color:var(--pim-muted);font-size:12px}.psm-delivery-ready-task{background:color-mix(in srgb,#0f766e 3%,#fff)}.psm-warehouse-ready-state{align-items:flex-end;display:grid;gap:9px;justify-items:end;min-width:160px}.psm-warehouse-ready-state small{color:var(--pim-muted);font-size:12px}
html[data-bs-theme=dark] .psm-pending-grid.psm-dashboard-task-grid>a,html[data-bs-theme=dark] .psm-stat-card,html[data-bs-theme=dark] .psm-delivery-stage-card{background:var(--bs-card-bg,var(--bs-secondary-bg));border-color:var(--bs-border-color);color:var(--bs-body-color)}html[data-bs-theme=dark] .psm-pending-grid.psm-dashboard-task-grid>a.is-urgent{background:color-mix(in srgb,#d97706 13%,var(--bs-card-bg,var(--bs-secondary-bg)))}html[data-bs-theme=dark] .psm-pending-grid.psm-dashboard-task-grid>a.is-alert{background:color-mix(in srgb,#dc2626 12%,var(--bs-card-bg,var(--bs-secondary-bg)))}html[data-bs-theme=dark] .psm-pending-grid.psm-dashboard-task-grid>a strong{color:var(--bs-heading-color)}html[data-bs-theme=dark] .psm-delivery-stage-title>i{background:#143d35;color:#5eead4}html[data-bs-theme=dark] .psm-delivery-ready-task{background:color-mix(in srgb,#0f766e 8%,var(--bs-card-bg,var(--bs-secondary-bg)))}
@media(max-width:991.98px){.psm-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.psm-delivery-stage-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.psm-delivery-stage-metrics>div:nth-child(2){border-right:0}.psm-delivery-stage-metrics>div:nth-child(-n+2){border-bottom:1px solid var(--pim-line)}}
@media(max-width:575.98px){.pim-container .psm-workbench-head,.pim-container .psm-page-heading{padding-top:15px}.psm-workbench-head,.psm-page-heading{min-height:0}.psm-dashboard-section-head h2{font-size:17px}.psm-pending-grid.psm-dashboard-task-grid{gap:8px;grid-template-columns:1fr}.psm-pending-grid.psm-dashboard-task-grid>a{min-height:68px;padding:12px 14px}.psm-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.psm-delivery-stage-card>header,.psm-delivery-stage-card>footer{align-items:stretch;display:grid;padding:14px}.psm-delivery-stage-title h2{font-size:19px}.psm-delivery-stage-metrics{grid-template-columns:1fr;padding:0 14px}.psm-delivery-stage-metrics>div,.psm-delivery-stage-metrics>div:first-child,.psm-delivery-stage-metrics>div:last-child{border-bottom:1px solid var(--pim-line);border-right:0;padding:13px 0}.psm-delivery-stage-metrics>div:last-child{border-bottom:0}.psm-delivery-stage-card>footer .btn{width:100%}.psm-warehouse-delivery-overview{align-items:flex-start;display:grid;padding:12px 14px}.psm-delivery-ready-task{grid-template-columns:1fr}.psm-warehouse-ready-state{justify-items:start;min-width:0}}

/* Accounts and fixed-role permissions. */
.psm-account-toolbar .table-card-head{align-items:center}.psm-account-toolbar .table-card-head>.btn{align-items:center;display:inline-flex;gap:7px}.psm-account-filter{align-items:end;border-top:1px solid var(--pim-line);display:grid;gap:12px;grid-template-columns:minmax(220px,1.2fr) minmax(170px,.7fr) minmax(150px,.55fr) auto auto;padding:16px 20px}.psm-account-filter label,.psm-account-edit-form label{display:grid;gap:6px;margin:0}.psm-account-filter label>span,.psm-account-edit-form label>span{font-weight:750}.psm-account-list{display:grid;gap:12px}.psm-account-row{align-items:center;border-left:4px solid #0f766e;display:grid;gap:16px;grid-template-columns:46px minmax(170px,1.2fr) minmax(120px,.65fr) minmax(90px,.4fr) minmax(145px,.75fr) auto;margin:0!important;padding:16px 18px;transition:box-shadow .18s ease,transform .18s ease}.psm-account-row:hover{box-shadow:0 10px 24px rgba(31,45,82,.12);transform:translateY(-2px)}.psm-account-row.is-inactive{border-left-color:#94a3b8;opacity:.72}.psm-account-avatar{align-items:center;background:#e7f7f3;border-radius:10px;color:#0f766e;display:flex;font-size:26px;height:44px;justify-content:center;width:44px}.psm-account-main>div{align-items:center;display:flex;gap:8px}.psm-account-main h3{font-size:17px;margin:0}.psm-account-main p{color:var(--pim-muted);margin:3px 0 0}.psm-current-account{background:#dff5ed;border-radius:999px;color:#08745f;font-size:12px!important;font-weight:750;padding:3px 8px}.psm-account-fact{display:grid;gap:3px}.psm-account-fact span{color:var(--pim-muted);font-size:12px!important}.psm-account-fact strong{font-size:13px}.psm-account-actions{align-items:center;display:flex;gap:8px}.psm-account-actions form{margin:0}.psm-account-actions .btn{align-items:center;display:inline-flex;gap:5px;white-space:nowrap}.psm-empty-state{color:var(--pim-muted);padding:30px;text-align:center}.psm-account-edit-shell{margin:0 auto;max-width:900px}.psm-account-edit-back{margin:0 0 12px}.psm-account-edit-back a{align-items:center;color:#0f766e;display:inline-flex;font-weight:750;gap:5px}.psm-account-edit-card{overflow:hidden}.psm-account-edit-form{display:grid;gap:18px;grid-template-columns:1fr 1fr;padding:22px}.psm-account-edit-form label:last-of-type{grid-column:1/-1}.psm-account-edit-form small{color:var(--pim-muted);font-size:12px!important}.psm-account-edit-actions{border-top:1px solid var(--pim-line);display:flex;gap:10px;grid-column:1/-1;justify-content:flex-end;margin-top:2px;padding-top:18px}.psm-account-edit-actions .btn{align-items:center;display:inline-flex;gap:6px;min-width:120px}
.psm-role-intro{margin-bottom:14px}.psm-role-intro .table-card-head{align-items:center}.psm-role-tabs{display:flex;gap:8px;margin-bottom:14px;overflow-x:auto;padding:2px 2px 7px;scrollbar-width:thin}.psm-role-tabs>a{align-items:center;background:var(--bs-body-bg);border:1px solid var(--pim-line);border-radius:8px;color:var(--bs-body-color);display:grid;flex:1 0 135px;gap:2px;grid-template-columns:28px minmax(0,1fr);min-height:62px;padding:9px 11px}.psm-role-tabs>a>iconify-icon{color:#64748b;font-size:23px;grid-row:1/3}.psm-role-tabs>a>span{font-weight:800;white-space:nowrap}.psm-role-tabs>a>small{color:var(--pim-muted);font-size:12px!important}.psm-role-tabs>a.is-active{background:#e9f8f4;border-color:#4eb39c;box-shadow:inset 0 -3px 0 #0f766e;color:#075f53}.psm-role-tabs>a.is-active>iconify-icon{color:#0f766e}.psm-role-editor{overflow:hidden}.psm-role-editor-head{align-items:center;border-bottom:1px solid var(--pim-line);display:flex;gap:20px;justify-content:space-between;padding:20px}.psm-role-editor-head h2{font-size:20px;margin:8px 0 4px}.psm-role-editor-head p{color:var(--pim-muted);margin:0}.psm-role-editor-head>strong{color:#0f766e;white-space:nowrap}.psm-role-super-note{align-items:center;background:#eefaf6;border:1px solid #a8dacb;border-radius:8px;display:flex;gap:14px;margin:20px;padding:18px}.psm-role-super-note>iconify-icon{color:#0f766e;font-size:34px}.psm-role-super-note b{font-size:16px}.psm-role-super-note p{color:var(--pim-muted);margin:4px 0 0}.psm-permission-groups{display:grid;gap:10px;padding:18px 20px}.psm-permission-group{background:var(--bs-body-bg);border:1px solid var(--pim-line);border-radius:8px;overflow:hidden}.psm-permission-group>summary{align-items:center;cursor:pointer;display:flex;justify-content:space-between;list-style:none;padding:14px 16px}.psm-permission-group>summary::-webkit-details-marker{display:none}.psm-permission-group>summary>div{align-items:center;display:flex;gap:11px}.psm-permission-group>summary>div>iconify-icon{color:#0f766e;font-size:24px}.psm-permission-group>summary span{display:grid;gap:2px}.psm-permission-group>summary b{font-size:15px}.psm-permission-group>summary small{color:var(--pim-muted);font-size:12px!important}.psm-permission-chevron{color:#64748b;font-size:18px;transition:transform .18s ease}.psm-permission-group[open] .psm-permission-chevron{transform:rotate(180deg)}.psm-permission-group-body{border-top:1px solid var(--pim-line);padding:14px 16px 16px}.psm-permission-group-actions{display:flex;gap:7px;justify-content:flex-end;margin-bottom:10px}.psm-permission-checks{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.psm-permission-checks label{align-items:center;background:var(--bs-tertiary-bg);border:1px solid transparent;border-radius:7px;cursor:pointer;display:flex;gap:10px;min-height:46px;padding:9px 12px}.psm-permission-checks label:has(input:checked){background:#eaf8f4;border-color:#8dcdbc;color:#075f53}.psm-permission-checks input{accent-color:#0f766e;flex:0 0 auto;height:17px;width:17px}.psm-permission-checks b{font-size:13px}.psm-role-save-bar{align-items:center;background:var(--bs-tertiary-bg);border-top:1px solid var(--pim-line);display:flex;gap:18px;justify-content:space-between;padding:16px 20px}.psm-role-save-bar p{color:var(--pim-muted);margin:0}.psm-role-save-bar .btn{align-items:center;display:inline-flex;gap:7px;white-space:nowrap}
html[data-bs-theme="dark"] .psm-account-avatar{background:#173c36;color:#7dd3c1}html[data-bs-theme="dark"] .psm-current-account{background:#173c36;color:#7dd3c1}html[data-bs-theme="dark"] .psm-role-tabs>a.is-active,html[data-bs-theme="dark"] .psm-permission-checks label:has(input:checked){background:#173c36;border-color:#3f7167;color:#9be0d1}html[data-bs-theme="dark"] .psm-role-super-note{background:#173c36;border-color:#3f7167}
@media(max-width:1100px){.psm-account-row{grid-template-columns:46px minmax(170px,1fr) repeat(2,minmax(100px,.5fr)) auto}.psm-account-row .psm-account-fact:nth-of-type(5){display:none}}
@media(max-width:767.98px){.psm-account-toolbar .table-card-head{align-items:stretch;display:grid}.psm-account-toolbar .table-card-head>.btn{justify-self:start}.psm-account-filter{grid-template-columns:1fr 1fr;padding:14px}.psm-account-filter label:first-child{grid-column:1/-1}.psm-account-filter .btn{width:100%}.psm-account-row{align-items:start;gap:10px;grid-template-columns:42px minmax(0,1fr) auto;padding:14px}.psm-account-avatar{height:40px;width:40px}.psm-account-main{grid-column:2}.psm-account-fact{border-top:1px solid var(--pim-line);grid-column:2/4;grid-template-columns:80px minmax(0,1fr);padding-top:8px}.psm-account-row .psm-account-fact:nth-of-type(5){display:grid}.psm-account-actions{grid-column:2/4;justify-content:flex-end}.psm-account-edit-form{grid-template-columns:1fr;padding:16px}.psm-account-edit-form label:last-of-type,.psm-account-edit-actions{grid-column:1}.psm-role-editor-head{align-items:flex-start;display:grid;padding:16px}.psm-permission-groups{padding:12px}.psm-permission-checks{grid-template-columns:1fr}.psm-role-save-bar{align-items:stretch;display:grid;padding:14px}.psm-role-save-bar .btn{justify-content:center;width:100%}}
@media(max-width:479.98px){.psm-account-filter{grid-template-columns:1fr}.psm-account-filter label:first-child{grid-column:1}.psm-account-actions{display:grid;grid-template-columns:1fr 1fr}.psm-account-actions .btn{justify-content:center;width:100%}.psm-account-edit-actions{display:grid;grid-template-columns:1fr 1fr}.psm-role-tabs>a{flex-basis:125px}.psm-permission-group>summary{padding:12px}.psm-permission-group-actions{justify-content:flex-start}}

/* Process identities, clickable delivery cards and visible submenu icons. */
.app-sidebar-menu #side-menu .nav-second-level>li>a{align-items:center;display:grid!important;gap:9px;grid-template-columns:22px minmax(0,1fr) auto;padding-left:1.05rem}.app-sidebar-menu #side-menu .nav-second-level .nav-icon{align-items:center;display:flex!important;font-size:18px;height:22px;justify-content:center;width:22px}.app-sidebar-menu #side-menu .nav-second-level .nav-icon iconify-icon{display:block;font-size:18px}
.psm-delivery-order-link{color:var(--pim-body-color);display:block;text-decoration:none;transition:box-shadow .16s ease,transform .16s ease}.psm-delivery-order-link:hover{box-shadow:0 8px 22px rgba(31,45,82,.13);color:var(--pim-body-color);transform:translateY(-2px)}.psm-delivery-order-link .psm-card-detail-link{align-items:center;color:#0f766e;display:flex;font-size:13px;font-weight:800;gap:5px;margin:0 18px 16px}.psm-delivery-stage-card{margin-top:16px}.psm-stat-card.is-cost{border-left-color:#475569}.psm-stat-card.is-cost strong{font-size:clamp(1.25rem,2vw,1.75rem);min-width:0;white-space:nowrap}
.psm-process-icon{--process-tone:#0f766e;align-items:center;background:color-mix(in srgb,var(--process-tone) 11%,#fff);border-radius:10px;color:var(--process-tone);display:flex;flex:0 0 46px;font-size:25px;height:46px;justify-content:center;width:46px}.psm-process-icon.is-procurement{--process-tone:#b45309}.psm-process-icon.is-weaving{--process-tone:#0f766e}.psm-process-icon.is-greige-inspection{--process-tone:#2563eb}.psm-process-icon.is-yarn-dyeing{--process-tone:#4f46e5}.psm-process-icon.is-dyeing{--process-tone:#7c3aed}.psm-process-icon.is-finishing{--process-tone:#c2410c}.psm-process-icon.is-functional-test{--process-tone:#be123c}.psm-process-icon.is-rolling-qc-packing{--process-tone:#15803d}.psm-process-icon.is-delivery{--process-tone:#0f766e}
.psm-process-nav a{align-items:center;gap:10px;grid-template-columns:42px minmax(0,1fr)!important}.psm-process-nav .psm-process-icon{border-radius:8px;flex-basis:38px;font-size:21px;height:38px;width:38px}.psm-process-nav a>span{display:grid;gap:2px;min-width:0}.psm-process-nav a>span>b{color:var(--bs-heading-color);font-size:14px;line-height:1.35}.psm-process-nav a>span>small{display:block;line-height:1.45}.psm-template-process-title,.psm-process-card-title{align-items:center;display:flex;gap:12px;min-width:0}.psm-template-process-title>div,.psm-process-card-title>div{min-width:0}.psm-process-card-title .psm-process-icon{flex-basis:46px}.psm-process-card-title h3{font-size:20px!important}.psm-process-card-title p{line-height:1.5}.psm-template-process-title h2{font-size:20px!important}.psm-template-process-title p{margin:3px 0 0!important}
html[data-bs-theme=dark] .psm-process-icon{background:color-mix(in srgb,var(--process-tone) 22%,var(--bs-tertiary-bg));color:color-mix(in srgb,var(--process-tone) 55%,#fff)}
@media(max-width:575.98px){.app-sidebar-menu #side-menu .nav-second-level>li>a{grid-template-columns:20px minmax(0,1fr) auto}.psm-delivery-order-link .psm-card-detail-link{margin:0 14px 14px}.psm-stat-card.is-cost strong{font-size:1.15rem}.psm-process-card-title{align-items:flex-start}.psm-process-card-title .psm-process-icon{flex-basis:40px;font-size:22px;height:40px;width:40px}.psm-process-card-title h3{font-size:18px!important}.psm-template-process-title .psm-process-icon{flex-basis:42px;height:42px;width:42px}}

/* Four-stage process execution and mode-specific process templates. */
.psm-record-mode-tabs{background:var(--bs-tertiary-bg);border-bottom:1px solid var(--pim-line);display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 18px}.psm-record-mode-tabs>a{background:var(--bs-body-bg);border:1px solid var(--pim-line);border-radius:8px;color:var(--bs-body-color);display:grid;gap:3px;padding:12px 14px;text-decoration:none}.psm-record-mode-tabs>a.is-active{background:#eaf7f4;border-color:#0f766e;box-shadow:inset 4px 0 #0f766e}.psm-record-mode-tabs b{font-size:15px}.psm-record-mode-tabs small{color:var(--pim-muted)}
.psm-stage-number{align-items:center;background:#e7f5f2;border-radius:9px;color:#0f766e;display:inline-flex;font-size:14px;font-weight:850;height:34px;justify-content:center;margin-bottom:8px;min-width:42px;padding:0 9px}.psm-execution-stage-card,.psm-execution-stage-intro,.psm-handover-confirm,.psm-production-complete-summary{border-left:4px solid #0f766e}.psm-execution-stage-intro{background:linear-gradient(90deg,rgba(15,118,110,.055),#fff 26%)}.psm-production-complete-summary{background:linear-gradient(90deg,rgba(22,163,74,.075),#fff 28%);border-left-color:#16a34a}.psm-production-complete-summary .psm-stage-number{background:#eaf8ee;color:#15803d}
.psm-execution-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 18px 16px}.psm-execution-facts>span{border-right:1px solid var(--pim-line);display:grid;gap:4px;min-width:0;padding:3px 16px}.psm-execution-facts>span:first-child{padding-left:0}.psm-execution-facts>span:last-child{border-right:0;padding-right:0}.psm-execution-facts small{color:var(--pim-muted)}.psm-execution-facts b{font-size:15px;line-height:1.45;overflow-wrap:anywhere}
.psm-order-reference-details{border-top:1px solid var(--pim-line);margin:0 18px}.psm-order-reference-details>summary{color:#0f766e;cursor:pointer;font-weight:750;padding:12px 0}.psm-order-reference-details>summary::marker{color:#0f766e}.psm-order-reference-details>div{color:var(--pim-muted);display:flex;flex-wrap:wrap;gap:8px 20px;padding:0 0 13px}
.psm-handover-received-summary{background:#fff9e9;border:1px solid #efd089;border-radius:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px 14px}.psm-handover-received-summary>span{border-right:1px solid #efd089;display:grid;gap:3px;padding:10px 14px}.psm-handover-received-summary>span:first-child{padding-left:0}.psm-handover-received-summary>span:last-child{border-right:0}.psm-handover-received-summary small{color:#8a6114}.psm-handover-received-summary b{font-size:16px}.psm-execution-page .psm-step-shipping-form{padding:16px 18px}.psm-execution-page .psm-sticky-action{margin-top:0}
html[data-bs-theme="dark"] .psm-record-mode-tabs>a.is-active{background:#143d35;border-color:#5eead4}html[data-bs-theme="dark"] .psm-execution-stage-intro,html[data-bs-theme="dark"] .psm-production-complete-summary{background:var(--bs-card-bg,var(--bs-secondary-bg))}html[data-bs-theme="dark"] .psm-stage-number{background:#143d35;color:#5eead4}html[data-bs-theme="dark"] .psm-handover-received-summary{background:#33280e;border-color:#705514}html[data-bs-theme="dark"] .psm-handover-received-summary>span{border-color:#705514}html[data-bs-theme="dark"] .psm-handover-received-summary small{color:#e8c36b}
@media(max-width:991.98px){.psm-execution-facts{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:12px}.psm-execution-facts>span:nth-child(2){border-right:0}.psm-execution-facts>span:nth-child(3){padding-left:0}.psm-handover-received-summary{grid-template-columns:1fr 1fr}.psm-handover-received-summary>span:nth-child(2){border-right:0}.psm-handover-received-summary>span:last-child{border-top:1px solid #efd089;grid-column:1/-1;padding-left:0}}
@media(max-width:575.98px){.psm-record-mode-tabs{grid-template-columns:1fr;padding:10px 14px}.psm-execution-facts{grid-template-columns:1fr;padding:0 14px 14px;row-gap:0}.psm-execution-facts>span,.psm-execution-facts>span:first-child,.psm-execution-facts>span:nth-child(3),.psm-execution-facts>span:last-child{border-bottom:1px solid var(--pim-line);border-right:0;padding:10px 0}.psm-execution-facts>span:last-child{border-bottom:0}.psm-order-reference-details{margin:0 14px}.psm-handover-received-summary{grid-template-columns:1fr;padding:4px 12px}.psm-handover-received-summary>span,.psm-handover-received-summary>span:first-child,.psm-handover-received-summary>span:last-child{border-bottom:1px solid #efd089;border-right:0;grid-column:1;padding:10px 0}.psm-handover-received-summary>span:last-child{border-bottom:0}.psm-execution-page .psm-step-shipping-form{padding:14px}}

/* Customer library, grouped production orders and left-side role navigation. */
.psm-sales-page .psm-order-filter form{grid-template-columns:repeat(4,minmax(150px,1fr))}.psm-sales-page .psm-order-filter .psm-order-search{grid-column:span 2}
.psm-production-order-group{background:var(--bs-body-bg);border:1px solid var(--pim-line);border-radius:11px;box-shadow:0 5px 18px rgba(31,45,82,.06);overflow:hidden;padding:0}.psm-production-order-group>header{align-items:center;border-bottom:1px solid var(--pim-line);display:flex;gap:15px;justify-content:space-between;padding:13px 17px}.psm-production-order-group>header>div{display:grid;gap:3px}.psm-production-order-group>header span{color:var(--pim-muted);font-size:12px!important}.psm-production-order-group>header b{font-size:15px}.psm-production-order-group>header em{background:#e8f7f3;border-radius:999px;color:#0f766e;font-style:normal;font-weight:800;padding:6px 10px;white-space:nowrap}.psm-production-order-group-cards{display:grid;gap:11px;padding:12px}.psm-production-order-group-cards .psm-production-card{box-shadow:none;margin:0}.psm-production-card-facts{grid-template-columns:repeat(4,minmax(0,1fr))}
.psm-customer-filter form{grid-template-columns:minmax(260px,1.5fr) repeat(2,minmax(160px,.7fr)) auto auto}.psm-customer-list{display:grid;gap:13px}.psm-customer-card{border:1px solid var(--pim-line);border-left:5px solid #0f766e;border-radius:10px;margin:0!important;overflow:hidden;transition:box-shadow .18s ease,transform .18s ease}.psm-customer-card:hover{box-shadow:0 8px 22px rgba(31,45,82,.1);transform:translateY(-2px)}.psm-customer-card.is-inactive{border-left-color:#94a3b8;opacity:.75}.psm-customer-card-main{align-items:center;color:var(--pim-body-color);display:grid;gap:14px;grid-template-columns:48px minmax(0,1fr) auto;padding:16px 18px;text-decoration:none}.psm-customer-card-main>i{align-items:center;background:#e7f7f3;border-radius:10px;color:#0f766e;display:flex;font-size:27px;height:46px;justify-content:center;width:46px}.psm-customer-card-main h2{color:var(--pim-section-title-color,#0b2d5c);font-size:19px;margin:0}.psm-customer-card-main p{color:var(--pim-muted);margin:4px 0 0}.psm-customer-facts{border-top:1px solid var(--pim-line);display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));padding:13px 18px}.psm-customer-facts>span{display:grid;gap:3px}.psm-customer-facts small{color:var(--pim-muted)}.psm-customer-facts b{font-size:14px}.psm-customer-actions{align-items:center;border-top:1px solid var(--pim-line);display:flex;gap:8px;justify-content:flex-end;padding:11px 18px}.psm-customer-actions form{margin:0}.psm-customer-actions .btn{align-items:center;display:inline-flex;gap:5px}.psm-customer-edit-card{margin:0 auto;max-width:980px;overflow:hidden}.psm-customer-edit-form{display:grid;gap:16px;grid-template-columns:1fr 1fr;padding:22px}.psm-customer-edit-form label{display:grid;gap:6px;margin:0}.psm-customer-edit-form label>span{font-weight:750}.psm-customer-edit-form .is-wide{grid-column:1/-1}.psm-customer-edit-actions{border-top:1px solid var(--pim-line);display:flex;gap:10px;grid-column:1/-1;justify-content:flex-end;padding-top:18px}.psm-customer-edit-actions .btn{align-items:center;display:inline-flex;gap:6px}.psm-customer-detail-card{margin-bottom:14px;padding:20px}.psm-customer-detail-card dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0}.psm-customer-detail-card dl>div{border-bottom:1px solid var(--pim-line);padding:13px 15px}.psm-customer-detail-card dl>div:not(:nth-child(4n)){border-right:1px solid var(--pim-line)}.psm-customer-detail-card dl>.is-wide{grid-column:span 2}.psm-customer-detail-card dt{color:var(--pim-muted);font-weight:600}.psm-customer-detail-card dd{font-weight:750;margin:4px 0 0}
.psm-role-layout{align-items:start;display:grid;gap:16px;grid-template-columns:250px minmax(0,1fr)}.psm-role-layout .psm-role-tabs{align-content:start;background:var(--bs-body-bg);border:1px solid var(--pim-line);border-radius:9px;display:grid;gap:0;margin:0;overflow:hidden;padding:0}.psm-role-layout .psm-role-tabs>a{border:0;border-bottom:1px solid var(--pim-line);border-radius:0;box-shadow:none;flex:none;min-height:66px;padding:11px 14px}.psm-role-layout .psm-role-tabs>a:last-child{border-bottom:0}.psm-role-layout .psm-role-tabs>a.is-active{background:#fff;border-left:4px solid #0f766e;box-shadow:none;padding-left:10px}.psm-role-layout .psm-role-editor{margin:0}.psm-role-layout .psm-permission-group,.psm-role-layout .psm-permission-checks label,.psm-role-layout .psm-role-save-bar{background:#fff}.psm-role-layout .psm-permission-checks label:has(input:checked){background:#fff;border-color:#4eb39c;box-shadow:inset 4px 0 #0f766e;color:#075f53}
html[data-bs-theme=dark] .psm-production-order-group,html[data-bs-theme=dark] .psm-customer-card,html[data-bs-theme=dark] .psm-role-layout .psm-role-tabs,html[data-bs-theme=dark] .psm-role-layout .psm-role-tabs>a.is-active,html[data-bs-theme=dark] .psm-role-layout .psm-permission-group,html[data-bs-theme=dark] .psm-role-layout .psm-permission-checks label,html[data-bs-theme=dark] .psm-role-layout .psm-role-save-bar{background:var(--bs-tertiary-bg);border-color:var(--pim-line)}html[data-bs-theme=dark] .psm-customer-card-main>i,html[data-bs-theme=dark] .psm-production-order-group>header em{background:#173c36;color:#7dd3c1}html[data-bs-theme=dark] .psm-role-layout .psm-permission-checks label:has(input:checked){background:var(--bs-tertiary-bg);border-color:#5eead4;color:#9be0d1}
@media(max-width:991.98px){.psm-sales-page .psm-order-filter form,.psm-customer-filter form{grid-template-columns:1fr 1fr}.psm-sales-page .psm-order-filter .psm-order-search,.psm-customer-filter .psm-order-search{grid-column:1/-1}.psm-role-layout{grid-template-columns:1fr}.psm-role-layout .psm-role-tabs{display:flex;overflow-x:auto}.psm-role-layout .psm-role-tabs>a{border-bottom:0;border-right:1px solid var(--pim-line);flex:0 0 180px}.psm-role-layout .psm-role-tabs>a.is-active{border-bottom:4px solid #0f766e;border-left:0;padding:11px 14px 7px}}
@media(max-width:575.98px){.psm-sales-page .psm-order-filter form,.psm-customer-filter form{grid-template-columns:1fr}.psm-sales-page .psm-order-filter .psm-order-search,.psm-customer-filter .psm-order-search{grid-column:auto}.psm-production-order-group>header{align-items:flex-start;display:grid}.psm-production-order-group>header em{justify-self:start}.psm-production-order-group-cards{padding:9px}.psm-production-card-facts{grid-template-columns:1fr 1fr}.psm-production-card-facts span:last-child{grid-column:auto}.psm-customer-card-main{align-items:start;grid-template-columns:42px minmax(0,1fr);padding:14px}.psm-customer-card-main>i{font-size:23px;height:40px;width:40px}.psm-customer-card-main>.psm-status{grid-column:2;justify-self:start}.psm-customer-facts{grid-template-columns:1fr 1fr;padding:12px 14px}.psm-customer-facts span:last-child{grid-column:1/-1}.psm-customer-actions{padding:10px 14px}.psm-customer-edit-form{grid-template-columns:1fr;padding:16px}.psm-customer-edit-form .is-wide,.psm-customer-edit-actions{grid-column:1}.psm-customer-detail-card{padding:14px}.psm-customer-detail-card dl{grid-template-columns:1fr}.psm-customer-detail-card dl>div,.psm-customer-detail-card dl>div:not(:nth-child(4n)){border-bottom:1px solid var(--pim-line);border-right:0;padding:11px 0}.psm-customer-detail-card dl>div:last-child{border-bottom:0}.psm-customer-detail-card dl>.is-wide{grid-column:1}.psm-role-layout .psm-role-tabs{display:grid;overflow:visible}.psm-role-layout .psm-role-tabs>a{border-bottom:1px solid var(--pim-line);border-right:0;flex:auto}.psm-role-layout .psm-role-tabs>a.is-active{border-bottom:1px solid var(--pim-line);border-left:4px solid #0f766e;padding:11px 14px 11px 10px}}
.psm-role-layout .psm-role-tabs,.psm-role-layout .psm-role-tabs>a{background:#fff}
html[data-bs-theme=dark] .psm-role-layout .psm-role-tabs,html[data-bs-theme=dark] .psm-role-layout .psm-role-tabs>a{background:var(--bs-tertiary-bg)}

/* Compact ERP-style customer list; responsive rows never require horizontal scrolling. */
.psm-customer-table{background:#fff;border:1px solid var(--pim-line);border-radius:9px;display:block;overflow:hidden}.psm-customer-table-head,.psm-customer-row{align-items:center;display:grid;gap:12px;grid-template-columns:minmax(180px,1.45fr) minmax(85px,.65fr) minmax(145px,1.1fr) minmax(85px,.65fr) 70px 105px 88px minmax(142px,auto)}.psm-customer-table-head{background:#f6f8fb;border-bottom:1px solid var(--pim-line);color:#526176;font-size:12px;font-weight:800;padding:11px 15px}.psm-customer-row{background:#fff;border-bottom:1px solid var(--pim-line);min-height:70px;padding:10px 15px;transition:background-color .16s ease,box-shadow .16s ease}.psm-customer-row:last-of-type{border-bottom:0}.psm-customer-row:hover{background:#f7fbfa;box-shadow:inset 4px 0 #0f766e}.psm-customer-row.is-inactive{opacity:.65}.psm-customer-name-cell{min-width:0}.psm-customer-name-cell>a{align-items:center;color:var(--pim-body-color);display:flex;gap:10px;min-width:0;text-decoration:none}.psm-customer-name-cell i{align-items:center;background:#e7f7f3;border-radius:8px;color:#0f766e;display:flex;flex:0 0 34px;font-size:20px;height:34px;justify-content:center;width:34px}.psm-customer-name-cell span{display:grid;min-width:0}.psm-customer-name-cell b{color:var(--pim-section-title-color,#0b2d5c);font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.psm-customer-name-cell small{color:var(--pim-muted);font-size:12px!important;margin-top:2px}.psm-customer-cell,.psm-customer-state{display:grid;gap:2px;min-width:0}.psm-customer-cell>small,.psm-customer-state>small{display:none}.psm-customer-cell>b,.psm-customer-cell>a{font-size:13px;font-weight:750;overflow-wrap:anywhere}.psm-customer-cell>a{color:#0f766e}.psm-customer-cell>span{color:var(--pim-muted);font-size:12px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.psm-customer-state .psm-status{justify-self:start;white-space:nowrap}.psm-customer-row-actions{align-items:center;display:flex;gap:6px;justify-content:flex-end}.psm-customer-row-actions form{margin:0}.psm-customer-row-actions .btn{align-items:center;display:inline-flex;gap:4px;justify-content:center;min-height:32px;white-space:nowrap}
html[data-bs-theme=dark] .psm-customer-table,html[data-bs-theme=dark] .psm-customer-table-head,html[data-bs-theme=dark] .psm-customer-row{background:var(--bs-tertiary-bg);border-color:var(--pim-line)}html[data-bs-theme=dark] .psm-customer-row:hover{background:color-mix(in srgb,#0f766e 12%,var(--bs-tertiary-bg))}html[data-bs-theme=dark] .psm-customer-name-cell i{background:#173c36;color:#7dd3c1}
@media(max-width:1199.98px){.psm-customer-table-head{display:none}.psm-customer-row{align-items:start;gap:11px 16px;grid-template-columns:repeat(4,minmax(0,1fr));padding:14px}.psm-customer-name-cell{grid-column:span 2}.psm-customer-cell>small,.psm-customer-state>small{color:var(--pim-muted);display:block;font-size:12px!important;font-weight:600}.psm-customer-row-actions{align-self:end;grid-column:span 2}}
@media(max-width:767.98px){.psm-customer-table{background:transparent;border:0;border-radius:0;display:grid;gap:10px;overflow:visible}.psm-customer-row{border:1px solid var(--pim-line);border-left:4px solid #0f766e;border-radius:8px;grid-template-columns:1fr 1fr;min-height:0}.psm-customer-row:last-of-type{border-bottom:1px solid var(--pim-line)}.psm-customer-row.is-inactive{border-left-color:#94a3b8}.psm-customer-name-cell{grid-column:1/-1}.psm-customer-name-cell b{font-size:16px}.psm-customer-row>.psm-customer-cell:nth-child(3){grid-column:1/-1}.psm-customer-row-actions{border-top:1px solid var(--pim-line);grid-column:1/-1;justify-content:flex-end;padding-top:10px}.psm-customer-row-actions .btn{min-width:78px}}

/* Sales order ERP list and multi-colour production master orders. */
.psm-sales-order-table-list{background:#fff;border:1px solid var(--pim-line);border-radius:9px;overflow:hidden}.psm-sales-order-table-head,.psm-sales-order-row{align-items:center;display:grid;gap:12px;grid-template-columns:minmax(230px,1.45fr) minmax(200px,1.2fr) minmax(90px,.55fr) 105px 105px 105px 90px}.psm-sales-order-table-head{background:#f6f8fb;border-bottom:1px solid var(--pim-line);color:#526176;font-size:12px;font-weight:800;padding:11px 15px}.psm-sales-order-row{--sales-state:#64748b;background:#fff;border-bottom:1px solid var(--pim-line);box-shadow:inset 4px 0 var(--sales-state);min-height:74px;padding:11px 15px;transition:background-color .16s ease,box-shadow .16s ease}.psm-sales-order-row:last-of-type{border-bottom:0}.psm-sales-order-row:hover{background:color-mix(in srgb,var(--sales-state) 5%,#fff);box-shadow:inset 5px 0 var(--sales-state)}.psm-sales-order-row.is-waiting{--sales-state:#d69e2e}.psm-sales-order-row.is-active{--sales-state:#0f766e}.psm-sales-order-row.is-complete{--sales-state:#16a34a}.psm-sales-order-primary,.psm-sales-order-cell,.psm-sales-order-state{display:grid;gap:2px;min-width:0}.psm-sales-order-primary>a{color:var(--pim-body-color);display:grid;text-decoration:none}.psm-sales-order-primary b{color:var(--pim-section-title-color,#0b2d5c);font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.psm-sales-order-primary span,.psm-sales-order-cell span{color:var(--pim-muted);font-size:12px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.psm-sales-order-cell>small,.psm-sales-order-state>small{display:none}.psm-sales-order-cell b{font-size:13px}.psm-sales-order-state .psm-status{border:1px solid var(--sales-state);color:var(--sales-state);justify-self:start;white-space:nowrap}.psm-sales-order-actions{display:flex;justify-content:flex-end}.psm-sales-order-actions .btn{white-space:nowrap}
.psm-sales-color-editor{background:#f8fafc;border:1px solid var(--pim-line);border-radius:9px;margin:14px;overflow:hidden}.psm-sales-color-editor-head{align-items:center;border-bottom:1px solid var(--pim-line);display:flex;gap:15px;justify-content:space-between;padding:12px 14px}.psm-sales-color-editor-head h4{font-size:15px;margin:0}.psm-sales-color-editor-head p{color:var(--pim-muted);font-size:12px!important;margin:3px 0 0}.psm-sales-color-head,.psm-sales-color-row{align-items:center;display:grid;gap:10px;grid-template-columns:50px minmax(140px,1.2fr) minmax(100px,.7fr) minmax(100px,.65fr) minmax(125px,.8fr) minmax(160px,1.1fr) 38px}.psm-sales-color-head{color:var(--pim-muted);font-size:12px;font-weight:750;padding:9px 12px 5px}.psm-sales-color-row{border-top:1px solid var(--pim-line);padding:9px 12px}.psm-sales-color-row:first-child{border-top:0}.psm-sales-color-row>.color-letter{background:#e4f5f1;border-radius:7px;color:#087064;padding:8px;text-align:center}.psm-sales-color-row label{margin:0}.psm-sales-color-row label>small{display:none}.psm-sales-color-total{border-top:1px solid var(--pim-line);padding:10px 14px;text-align:right}.psm-sales-color-total strong{color:#087064;font-size:16px;margin-left:8px}
.psm-sales-product-list{display:grid;gap:13px;padding:15px}.psm-sales-product-row{background:#fff;border:1px solid var(--pim-line);border-radius:9px;overflow:hidden}.psm-sales-product-row>header{align-items:start;display:flex;gap:18px;justify-content:space-between;padding:15px}.psm-sales-product-row>header small,.psm-sales-product-row>header p{color:var(--pim-muted)}.psm-sales-product-row>header h2{font-size:17px;margin:2px 0 4px}.psm-sales-product-row>header p{margin:0}.psm-sales-product-total{display:grid;text-align:right}.psm-sales-product-total strong{color:#087064;font-size:18px}.psm-sales-detail-color-table{border-top:1px solid var(--pim-line)}.psm-sales-detail-color-head,.psm-sales-detail-color-row{align-items:center;display:grid;gap:12px;grid-template-columns:85px minmax(160px,1fr) 130px 120px minmax(160px,1fr);padding:10px 15px}.psm-sales-detail-color-head{background:#f7f9fb;color:var(--pim-muted);font-size:12px;font-weight:750}.psm-sales-detail-color-row{border-top:1px solid var(--pim-line)}.psm-sales-detail-color-row>span{display:grid}.psm-sales-detail-color-row small{color:var(--pim-muted)}.psm-sales-product-row>footer{align-items:center;border-top:1px solid var(--pim-line);display:flex;gap:14px;justify-content:space-between;padding:11px 15px}.psm-sales-product-row>footer>span:first-child{color:var(--pim-muted)}
.psm-production-color-picker{background:#f8fafc;border:1px solid var(--pim-line);border-radius:9px;overflow:hidden}.psm-production-color-picker-head{align-items:center;border-bottom:1px solid var(--pim-line);display:flex;gap:15px;justify-content:space-between;padding:13px 15px}.psm-production-color-picker-head h3{font-size:16px;margin:0}.psm-production-color-picker-head p{color:var(--pim-muted);font-size:12px!important;margin:3px 0 0}.psm-production-color-picker-head>strong{color:#087064;font-size:17px}.psm-production-color-option{align-items:center;border-bottom:1px solid var(--pim-line);display:grid;gap:12px;grid-template-columns:24px 38px minmax(170px,1fr) minmax(190px,.8fr) 130px;margin:0;padding:12px 15px}.psm-production-color-option:last-child{border-bottom:0}.psm-production-color-option>b{background:#e4f5f1;border-radius:7px;color:#087064;padding:7px;text-align:center}.psm-production-color-option>span{display:grid}.psm-production-color-option small,.psm-production-color-option>em{color:var(--pim-muted);font-size:12px;font-style:normal}.psm-order-color-summary{background:#fff;border:1px solid var(--pim-line);border-left:5px solid #0f766e;border-radius:9px;margin-bottom:15px;overflow:hidden}.psm-order-color-summary>header{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:14px 16px}.psm-order-color-summary h2{font-size:17px;margin:0}.psm-order-color-summary p{color:var(--pim-muted);margin:3px 0 0}.psm-order-color-summary>header>strong{color:#087064;white-space:nowrap}.psm-order-color-chips{border-top:1px solid var(--pim-line);display:flex;flex-wrap:wrap;gap:8px;padding:11px 16px}.psm-order-color-chips>span{align-items:center;background:#f2faf8;border:1px solid #b7ded5;border-radius:8px;display:flex;gap:8px;padding:7px 10px}.psm-order-color-chips em{color:#087064;font-style:normal;font-weight:800}.psm-order-color-chips small{color:var(--pim-muted)}.psm-order-color-summary>footer,.psm-color-split-planner{align-items:center;background:#fff9e8;border-top:1px solid #f0d58a;display:flex;gap:10px;padding:11px 16px}.psm-order-color-summary>footer iconify-icon,.psm-color-split-planner iconify-icon{color:#b7791f;font-size:24px}.psm-color-split-planner{border:1px solid #f0d58a;border-radius:9px;justify-content:space-between}.psm-color-split-planner>div{align-items:center;display:flex;gap:10px}.psm-color-split-planner span{display:grid}.psm-color-split-planner small{color:#7a6841}.psm-color-split-planner .form-select{max-width:320px}
html[data-bs-theme=dark] .psm-sales-order-table-list,html[data-bs-theme=dark] .psm-sales-order-table-head,html[data-bs-theme=dark] .psm-sales-order-row,html[data-bs-theme=dark] .psm-sales-color-editor,html[data-bs-theme=dark] .psm-sales-product-row,html[data-bs-theme=dark] .psm-production-color-picker,html[data-bs-theme=dark] .psm-order-color-summary{background:var(--bs-tertiary-bg);border-color:var(--pim-line)}html[data-bs-theme=dark] .psm-sales-order-row:hover{background:color-mix(in srgb,var(--sales-state) 12%,var(--bs-tertiary-bg))}html[data-bs-theme=dark] .psm-sales-detail-color-head{background:var(--bs-secondary-bg)}html[data-bs-theme=dark] .psm-sales-color-row>.color-letter,html[data-bs-theme=dark] .psm-production-color-option>b,html[data-bs-theme=dark] .psm-order-color-chips>span{background:#153c35;border-color:#32685d;color:#8ce0cc}html[data-bs-theme=dark] .psm-color-split-planner,html[data-bs-theme=dark] .psm-order-color-summary>footer{background:#3b321b;border-color:#705c27}
@media(max-width:1199.98px){.psm-sales-order-table-head{display:none}.psm-sales-order-row{align-items:start;grid-template-columns:repeat(4,minmax(0,1fr));padding:14px}.psm-sales-order-primary{grid-column:span 2}.psm-sales-order-cell>small,.psm-sales-order-state>small{color:var(--pim-muted);display:block;font-size:12px!important}.psm-sales-order-actions{grid-column:span 2}.psm-sales-color-head{display:none}.psm-sales-color-row{grid-template-columns:42px repeat(2,minmax(0,1fr)) 38px}.psm-sales-color-row label{display:grid;gap:4px}.psm-sales-color-row label>small{color:var(--pim-muted);display:block}.psm-sales-color-row label:nth-of-type(4),.psm-sales-color-row label:nth-of-type(5){grid-column:span 2}}
@media(max-width:767.98px){.psm-sales-order-table-list{background:transparent;border:0;display:grid;gap:10px;overflow:visible}.psm-sales-order-row{border:1px solid var(--pim-line);border-left:5px solid var(--sales-state);border-radius:8px;grid-template-columns:1fr 1fr}.psm-sales-order-primary{grid-column:1/-1}.psm-sales-order-row>.psm-sales-order-cell:nth-child(2),.psm-sales-order-actions{grid-column:1/-1}.psm-sales-order-actions{border-top:1px solid var(--pim-line);padding-top:10px}.psm-sales-order-actions .btn{width:100%}.psm-sales-line{overflow:hidden}.psm-sales-color-editor{margin:10px}.psm-sales-color-editor-head{align-items:start}.psm-sales-color-row{grid-template-columns:38px 1fr 38px}.psm-sales-color-row label{grid-column:2}.psm-sales-color-row label:nth-of-type(4),.psm-sales-color-row label:nth-of-type(5){grid-column:2}.psm-sales-color-row>.remove-color{grid-column:3;grid-row:1}.psm-sales-product-list{padding:10px}.psm-sales-product-row>header{display:grid}.psm-sales-product-total{text-align:left}.psm-sales-detail-color-head{display:none}.psm-sales-detail-color-row{grid-template-columns:42px 1fr}.psm-sales-detail-color-row>strong:nth-child(3),.psm-sales-detail-color-row>span:nth-child(n+4){grid-column:2}.psm-sales-product-row>footer{align-items:stretch;display:grid}.psm-production-color-picker-head,.psm-order-color-summary>header,.psm-color-split-planner{align-items:start;display:grid}.psm-production-color-option{grid-template-columns:22px 36px 1fr}.psm-production-color-option>span:nth-of-type(2),.psm-production-color-option>em{grid-column:3}.psm-color-split-planner .form-select{max-width:none;width:100%}.psm-order-color-chips{display:grid}.psm-order-color-chips>span{justify-content:space-between}}

/* Colour-aware execution begins at the order's configured split process. */
.psm-color-execution-panel{background:#fff;border:1px solid #9dd8cb;border-left:5px solid #0f766e;border-radius:10px;overflow:hidden}.psm-color-execution-panel>header{align-items:center;background:#f0faf7;display:flex;gap:16px;justify-content:space-between;padding:14px 16px}.psm-color-execution-panel>header>div{align-items:center;display:flex;gap:11px}.psm-color-execution-panel>header iconify-icon{color:#0f766e;font-size:31px}.psm-color-execution-panel h2{font-size:18px;margin:0}.psm-color-execution-panel p{color:var(--pim-muted);margin:3px 0 0}.psm-color-execution-panel>header>strong{background:#0f766e;border-radius:999px;color:#fff;padding:7px 11px;white-space:nowrap}.psm-color-execution-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.psm-color-execution-overview>span{border-right:1px solid var(--pim-line);display:grid;gap:3px;padding:13px 15px}.psm-color-execution-overview>span:last-child{border-right:0}.psm-color-execution-overview small{color:var(--pim-muted)}.psm-color-execution-overview em{color:#087064;font-style:normal;font-weight:800}.psm-color-output-form>.psm-panel-head>strong{color:#087064;font-size:18px}.psm-color-output-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px 16px 16px}.psm-color-output-rows>label{align-items:center;border-bottom:1px solid var(--pim-line);display:grid;gap:4px;grid-template-columns:minmax(0,1fr) 190px;margin:0;padding:13px 10px}.psm-color-output-rows>label:nth-child(odd){border-right:1px solid var(--pim-line)}.psm-color-output-rows>label>span{color:var(--pim-muted);font-size:12px!important;grid-column:1}.psm-color-output-rows .psm-input-with-unit{grid-column:2;grid-row:1/3}.psm-color-output-rows .psm-input-with-unit input{font-size:17px;font-weight:800}
html[data-bs-theme=dark] .psm-color-execution-panel,html[data-bs-theme=dark] .psm-color-execution-panel>header{background:var(--bs-tertiary-bg);border-color:#32685d}html[data-bs-theme=dark] .psm-color-execution-panel>header>strong{background:#5eead4;color:#0b2923}
@media(max-width:991.98px){.psm-color-execution-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.psm-color-execution-overview>span:nth-child(2){border-right:0}.psm-color-execution-overview>span:nth-child(-n+2){border-bottom:1px solid var(--pim-line)}.psm-color-output-rows{grid-template-columns:1fr}.psm-color-output-rows>label:nth-child(odd){border-right:0}}
@media(max-width:575.98px){.psm-color-execution-panel>header{align-items:start;display:grid}.psm-color-execution-panel>header>strong{justify-self:start}.psm-color-execution-overview{grid-template-columns:1fr}.psm-color-execution-overview>span,.psm-color-execution-overview>span:nth-child(2){border-bottom:1px solid var(--pim-line);border-right:0}.psm-color-execution-overview>span:last-child{border-bottom:0}.psm-color-output-form>.psm-panel-head{align-items:start;display:grid}.psm-color-output-rows{padding:0 13px 13px}.psm-color-output-rows>label{grid-template-columns:1fr;padding:13px 0}.psm-color-output-rows>label>span,.psm-color-output-rows .psm-input-with-unit{grid-column:1;grid-row:auto}}
.psm-step-color-results{background:#f2faf8;border:1px solid #b7ded5;border-radius:8px;margin:12px 0;overflow:hidden}.psm-step-color-results>header{align-items:center;border-bottom:1px solid #b7ded5;display:flex;justify-content:space-between;padding:9px 12px}.psm-step-color-results>header span{color:#087064;font-weight:800}.psm-step-color-results>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.psm-step-color-results>div>span{border-right:1px solid #cfe7e1;display:grid;gap:3px;padding:10px 12px}.psm-step-color-results>div>span:last-child{border-right:0}.psm-step-color-results strong{color:#087064}html[data-bs-theme=dark] .psm-step-color-results{background:#153c35;border-color:#32685d}html[data-bs-theme=dark] .psm-step-color-results>header,html[data-bs-theme=dark] .psm-step-color-results>div>span{border-color:#32685d}@media(max-width:767.98px){.psm-step-color-results>div{grid-template-columns:1fr 1fr}.psm-step-color-results>div>span:nth-child(2n){border-right:0}.psm-step-color-results>div>span:nth-child(-n+2){border-bottom:1px solid #cfe7e1}}