:root {
  --mc-page: #f4f7fb;
  --mc-surface: #ffffff;
  --mc-surface-soft: #f2f6fb;
  --mc-row-alt: #fafcfe;
  --mc-primary: #1f4e8c;
  --mc-primary-strong: #16324f;
  --mc-primary-soft: #e8effa;
  --mc-border: #dce5f0;
  --mc-border-strong: #c9d7e8;
  --mc-text: #1d2b3a;
  --mc-text-muted: #64748b;
  --mc-danger: #c23b3b;
  --mc-radius: 12px;
  --mc-radius-control: 7px;
  --mc-block-gap: 20px;
  --mc-shadow: 0 1px 5px rgba(22, 50, 79, .07);
  --mc-shadow-raised: 0 8px 24px rgba(22, 50, 79, .14);
}

.mc-page {
  color: var(--mc-text);
}

.mc-page .mc-block {
  min-width: 0;
  margin: 0 0 var(--mc-block-gap);
  overflow: hidden;
  border: 1px solid var(--mc-border);
  border-radius: var(--mc-radius);
  background: var(--mc-surface);
  box-shadow: var(--mc-shadow);
}

.mc-page .mc-block-head {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  min-height: 42px;
  margin: 0;
  padding: 0 12px;
  border: 0;
  border-left: 4px solid var(--mc-primary);
  border-bottom: 1px solid var(--mc-border);
  background: linear-gradient(90deg, var(--mc-primary-soft), #fff 46%);
  list-style: none;
}

.mc-page .mc-block-head::-webkit-details-marker {
  display: none;
}

.mc-page .mc-block-title {
  grid-column: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--mc-primary-strong);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .08em;
}

.mc-page .mc-block-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 21px;
  height: 21px;
  flex: 0 0 21px;
  border-radius: 50%;
  background: var(--mc-primary);
  color: #fff;
  font-size: 12px;
  letter-spacing: 0;
}

.mc-page .mc-block-hint {
  grid-column: 3;
  justify-self: end;
  color: var(--mc-text-muted);
  font-size: 11.5px;
  font-weight: 400;
  letter-spacing: 0;
}

.mc-page .mc-block-body {
  padding: 12px;
}

.mc-page .after-sales-settle-zone.mc-block {
  display: block;
  padding: 0;
}

.mc-page .after-sales-settle-zone.mc-block > .mc-block-body {
  margin: 0;
}

.mc-page details.mc-block > .mc-block-head {
  cursor: pointer;
}

.mc-page details.mc-block > .mc-block-head::after {
  content: "展开";
  grid-column: 3;
  justify-self: end;
  color: var(--mc-primary);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
}

.mc-page details.mc-block[open] > .mc-block-head::after {
  content: "收起";
}

.mc-page details.mc-block > .mc-block-head .mc-block-hint {
  display: none;
}

.mc-page .mc-table-wrap {
  width: 100%;
  max-width: 100%;
  overflow: auto;
  border: 0;
}

/* Long business lists own both scroll axes, so their column headings stay visible.
   Phone card tables keep their per-field labels and natural page scrolling. */
@media screen {
  .page-view :is(.table-wrap, .order-ledger-table-wrap):not(.production-task-table):has(> table:not(.v18-phone-card-table)) {
    max-height: min(72vh, 760px);
    max-height: min(72dvh, 760px);
    overflow: auto;
  }

  .page-view :is(.table-wrap, .order-ledger-table-wrap) > table:not(.v18-phone-card-table) {
    overflow: visible;
  }

  .page-view :is(.table-wrap, .order-ledger-table-wrap) > table:not(.v18-phone-card-table) > thead {
    position: sticky;
    top: 0;
    z-index: 6;
    background: var(--mc-surface-soft, #eef3f8);
  }

  /* Keep multi-row headings together instead of stacking their cells at top: 0. */
  .page-view :is(.table-wrap, .order-ledger-table-wrap) > table > thead > tr > th {
    position: static;
  }

  #tasksView .production-task-table-shell {
    max-height: min(72vh, 760px);
    max-height: min(72dvh, 760px);
    overflow: auto;
  }

  body.real-phone-layout #tasksView .production-task-ledger {
    overflow: visible;
  }
}

.mc-page .mc-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
}

.mc-page .mc-table th {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 7px 8px;
  border: 1px solid var(--mc-border);
  background: var(--mc-surface-soft);
  color: #3b4c60;
  text-align: center;
  white-space: nowrap;
}

.mc-page .mc-table td {
  padding: 8px 9px;
  border: 1px solid var(--mc-border);
  background: transparent;
  vertical-align: middle;
  white-space: normal;
  word-break: break-word;
}

.mc-page .mc-table tbody tr:nth-child(even) {
  background: var(--mc-row-alt);
}

.mc-page .mc-filter {
  margin: 0;
  padding: 12px;
  border-bottom: 1px solid var(--mc-border);
  background: var(--mc-surface-soft);
}

.mc-page .mc-actbar {
  position: sticky;
  bottom: 8px;
  z-index: 12;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid var(--mc-border-strong);
  border-radius: var(--mc-radius);
  background: rgba(255, 255, 255, .96);
  box-shadow: var(--mc-shadow-raised);
  backdrop-filter: blur(8px);
}

.mc-page .mc-actbar.mc-actbar-static {
  position: static;
  box-shadow: none;
  backdrop-filter: none;
}

/* After-sales is the first migrated workspace. Existing business selectors stay intact. */
.shipment-after-sales-panel,
#finance-section-aftersales,
.after-sales-ui {
  color: var(--mc-text);
}

.shipment-after-sales-panel .finance-list-filter,
#finance-section-aftersales .finance-list-filter {
  margin: 12px 0;
  padding: 12px;
  border: 1px solid var(--mc-border);
  border-radius: var(--mc-radius);
  background: var(--mc-surface-soft);
}

.shipment-after-sales-panel .shipment-after-sales-table-wrap,
#finance-section-aftersales .finance-ledger-table-wrap {
  overflow: auto;
  border: 1px solid var(--mc-border);
  border-radius: var(--mc-radius);
  background: var(--mc-surface);
  box-shadow: var(--mc-shadow);
}

.shipment-after-sales-panel .shipment-after-sales-table,
#finance-section-aftersales .finance-ledger-table {
  width: 100%;
  border-collapse: collapse;
}

.shipment-after-sales-panel .shipment-after-sales-table th,
#finance-section-aftersales .finance-ledger-table th {
  background: var(--mc-surface-soft);
  color: #3b4c60;
  text-align: center;
}

.shipment-after-sales-panel .shipment-after-sales-table td,
#finance-section-aftersales .finance-ledger-table td {
  border-color: var(--mc-border);
}

.shipment-after-sales-panel .shipment-after-sales-table tbody tr:nth-child(even),
#finance-section-aftersales .finance-ledger-table tbody tr:nth-child(even) {
  background: var(--mc-row-alt);
}

.after-sales-ui {
  display: grid;
  gap: 0;
  min-width: 0;
}

.after-sales-ui .after-sales-record-product-sections {
  gap: var(--mc-block-gap);
}

.after-sales-ui .after-sales-record-meta,
.after-sales-ui .finance-amount-note {
  border-color: var(--mc-border);
  border-radius: var(--mc-radius-control);
  background: var(--mc-surface-soft);
}

.after-sales-ui .after-sales-finance-record-card {
  margin: 0 0 var(--mc-block-gap);
  overflow: visible;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}

.after-sales-ui .after-sales-finance-record-card > summary {
  border: 1px solid var(--mc-border);
  border-left: 4px solid var(--mc-primary);
  border-radius: var(--mc-radius);
  background: linear-gradient(90deg, var(--mc-primary-soft), #fff 46%);
}

.after-sales-ui .after-sales-finance-record-card[open] > summary {
  border-bottom: 1px solid var(--mc-border);
}

.after-sales-ui .after-sales-finance-record-body {
  padding: 12px 0 0;
}

.after-sales-ui .after-sales-approve-form,
.after-sales-ui .after-sales-settle-form,
.after-sales-ui .after-sales-refund-form {
  margin: 0;
  padding: 12px;
  background: var(--mc-surface);
}

.after-sales-ui .shipment-document-header {
  border: 0;
  background: transparent;
}

.modal-panel.after-sales-record-detail-modal,
.modal-panel.after-sales-finance-modal {
  background: var(--mc-page);
}

/* Finance sales management is the second migrated workspace. */
.finance-sales-ui {
  min-width: 0;
  color: var(--mc-text);
}

.finance-sales-ui .finance-workbench-nav {
  top: 8px;
  border-color: var(--mc-border-strong);
  border-left: 4px solid var(--mc-primary);
  border-radius: var(--mc-radius);
  background: rgba(255, 255, 255, .97);
  box-shadow: var(--mc-shadow-raised);
}

.finance-sales-ui .finance-workbench-nav-title strong,
.finance-sales-ui .finance-workbench-nav-group-label {
  color: var(--mc-primary-strong);
}

.finance-sales-ui .finance-workbench-nav-group {
  border-color: var(--mc-border);
  border-radius: var(--mc-radius-control);
  background: var(--mc-surface-soft);
}

.finance-sales-ui .finance-workbench-nav-button {
  border-color: var(--mc-border-strong);
  border-radius: var(--mc-radius-control);
  color: var(--mc-primary-strong);
}

.finance-sales-ui .finance-workbench-nav-button:hover,
.finance-sales-ui .finance-workbench-nav-button.is-active {
  border-color: var(--mc-primary);
  background: var(--mc-primary-soft);
  color: var(--mc-primary-strong);
}

.finance-sales-ui .finance-ledger-panel.mc-block,
.finance-sales-ui #financeLedgerForm {
  margin: 0 0 var(--mc-block-gap);
  overflow: hidden;
  border-color: var(--mc-border);
  border-radius: var(--mc-radius);
  background: var(--mc-surface);
  box-shadow: var(--mc-shadow);
}

.finance-sales-ui .finance-sales-block-head,
.finance-sales-ui #financeLedgerForm > .finance-ledger-section-head,
.finance-sales-ui #finance-section-aftersales > .finance-ledger-section-head {
  min-height: 46px;
  border-left: 4px solid var(--mc-primary);
  border-bottom-color: var(--mc-border);
  background: linear-gradient(90deg, var(--mc-primary-soft), #fff 46%);
}

.finance-sales-ui .finance-sales-block-head > div:first-child,
.finance-sales-ui #financeLedgerForm > .finance-ledger-section-head > div:first-child,
.finance-sales-ui #finance-section-aftersales > .finance-ledger-section-head > div:first-child {
  flex: 1;
  min-width: 0;
  text-align: center;
}

.finance-sales-ui .finance-sales-block-head strong,
.finance-sales-ui #financeLedgerForm > .finance-ledger-section-head strong,
.finance-sales-ui #finance-section-aftersales > .finance-ledger-section-head strong {
  color: var(--mc-primary-strong);
  font-size: 15px;
  font-weight: 800;
}

.finance-sales-ui .finance-ledger-table-wrap {
  border-color: var(--mc-border);
  background: var(--mc-surface);
}

.finance-sales-ui .finance-ledger-table th {
  border-color: var(--mc-border);
  background: var(--mc-surface-soft);
  color: #3b4c60;
  text-align: center;
}

.finance-sales-ui .finance-ledger-table td {
  border-color: var(--mc-border);
}

.finance-sales-ui .finance-ledger-table tbody tr:nth-child(even) {
  background: var(--mc-row-alt);
}

.finance-sales-ui #finance-section-pending .finance-ledger-table th:last-child,
.finance-sales-ui #finance-section-pending .finance-ledger-table td:last-child,
.finance-sales-ui #finance-section-confirmed .finance-ledger-table th:last-child,
.finance-sales-ui #finance-section-confirmed .finance-ledger-table td:last-child {
  position: sticky;
  right: 0;
  z-index: 2;
  min-width: 156px;
  background: var(--mc-surface);
  white-space: normal;
}

.finance-sales-ui #finance-section-pending .finance-ledger-table th:last-child,
.finance-sales-ui #finance-section-confirmed .finance-ledger-table th:last-child {
  z-index: 3;
  background: var(--mc-surface-soft);
}

.finance-sales-ui .finance-row-actions {
  justify-content: flex-end;
}

.finance-sales-ui #finance-section-pending .finance-sales-block-head {
  min-height: 48px;
  padding: 8px 12px;
}

.finance-sales-ui #finance-section-pending .finance-sales-block-head > div:first-child {
  text-align: left;
}

.finance-sales-ui .finance-sales-list-actions {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
}

.finance-sales-ui .finance-list-count,
.finance-sales-ui .finance-addon-count,
.shipment-ui .shipment-addon-count {
  display: inline-flex;
  min-height: 26px;
  align-items: center;
  justify-content: center;
  padding: 2px 9px;
  border: 1px solid #ecd59b;
  border-radius: 999px;
  background: #fff7dc;
  color: #8a5a00;
  font-size: 12px;
  font-weight: 700;
}

.finance-sales-ui #financePendingFilterForm {
  display: grid;
  grid-template-columns: minmax(220px, 1.35fr) 180px 180px auto auto;
  align-items: end;
  gap: 8px 10px;
  padding: 8px 12px;
}

.finance-sales-ui #financePendingFilterForm > label {
  min-width: 0;
}

.finance-sales-ui #financePendingFilterForm .finance-filter-actions {
  flex-wrap: nowrap;
  align-items: center;
}

.finance-sales-ui #financePendingFilterForm > .finance-filter-count {
  display: flex;
  min-height: 30px;
  align-items: center;
  align-self: end;
  white-space: nowrap;
}

.finance-sales-ui #finance-section-pending .finance-pending-table {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
}

.finance-sales-ui .finance-pending-col-date { width: 9%; }
.finance-sales-ui .finance-pending-col-no { width: 10%; }
.finance-sales-ui .finance-pending-col-customer { width: 16%; }
.finance-sales-ui .finance-pending-col-phone { width: 10%; }
.finance-sales-ui .finance-pending-col-address { width: auto; }
.finance-sales-ui .finance-pending-col-quantity { width: 8%; }
.finance-sales-ui .finance-pending-col-kinds { width: 9%; }
.finance-sales-ui .finance-pending-col-action { width: 112px; }

.finance-sales-ui #finance-section-pending .finance-pending-table th,
.finance-sales-ui #finance-section-pending .finance-pending-table td {
  height: 34px;
  padding: 4px 7px;
}

.finance-sales-ui #finance-section-pending .finance-pending-table th {
  background: #eaf1f8;
  color: #263b50;
}

.finance-sales-ui #finance-section-pending .finance-pending-table tbody tr:nth-child(odd) td {
  background: #fff;
}

.finance-sales-ui #finance-section-pending .finance-pending-table tbody tr:nth-child(even) td {
  background: #f5f8fc;
}

.finance-sales-ui #finance-section-pending .finance-pending-table tr.is-selected td {
  background: #dceef9;
}

.finance-sales-ui #finance-section-pending .finance-pending-table .finance-pending-address {
  overflow: hidden;
  text-overflow: ellipsis;
}

.finance-sales-ui #finance-section-pending .finance-pending-table th:last-child,
.finance-sales-ui #finance-section-pending .finance-pending-table td:last-child {
  min-width: 112px;
  width: 112px;
}

.finance-sales-ui #finance-section-pending .finance-row-actions {
  flex-wrap: nowrap;
  justify-content: center;
}

.finance-sales-ui .finance-addon-details,
.shipment-ui .shipment-addon-details {
  margin: 8px 10px;
  overflow: hidden;
  border: 1px solid var(--mc-border);
  border-radius: var(--mc-radius-control);
  background: #fbfcfe;
}

.finance-sales-ui .finance-addon-details > summary,
.shipment-ui .shipment-addon-details > summary {
  display: flex;
  min-height: 38px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 7px 10px;
  color: #334155;
  cursor: pointer;
  list-style: none;
}

.finance-sales-ui .finance-addon-details > summary::-webkit-details-marker,
.shipment-ui .shipment-addon-details > summary::-webkit-details-marker {
  display: none;
}

.finance-sales-ui .finance-addon-details > summary > span:first-child,
.shipment-ui .shipment-addon-details > summary > span:first-child {
  display: flex;
  min-width: 0;
  align-items: baseline;
  gap: 9px;
}

.finance-sales-ui .finance-addon-details > summary strong,
.shipment-ui .shipment-addon-details > summary strong {
  color: var(--mc-primary-strong);
  font-size: 13px;
}

.finance-sales-ui .finance-addon-details > summary small,
.shipment-ui .shipment-addon-details > summary small {
  overflow: hidden;
  color: #64748b;
  font-size: 11.5px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.finance-sales-ui .finance-addon-body,
.shipment-ui .shipment-addon-body {
  padding: 8px 10px 10px;
  border-top: 1px solid var(--mc-border);
  background: #fff;
}

.finance-sales-ui .finance-addon-toolbar,
.shipment-ui .shipment-addon-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 7px;
  color: #64748b;
  font-size: 11.5px;
}

.finance-sales-ui .finance-addon-table {
  min-width: 880px;
}

.shipment-ui .shipment-addon-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--mc-border);
  border-radius: var(--mc-radius-control);
}

.shipment-ui .shipment-addon-table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
  font-size: 12px;
}

.shipment-ui .shipment-addon-table th,
.shipment-ui .shipment-addon-table td {
  height: 34px;
  padding: 4px 7px;
  border-right: 1px solid var(--mc-border);
  border-bottom: 1px solid var(--mc-border);
}

.shipment-ui .shipment-addon-table th {
  background: #eaf1f8;
  color: #263b50;
  text-align: center;
}

.shipment-ui .shipment-addon-table tbody tr:nth-child(even) td {
  background: #f5f8fc;
}

.shipment-ui .shipment-addon-table input,
.shipment-ui .shipment-addon-table select {
  width: 100%;
  height: 28px;
  box-sizing: border-box;
}

.shipment-ui .shipment-addon-empty {
  padding: 9px 10px;
  border: 1px dashed var(--mc-border-strong);
  border-radius: var(--mc-radius-control);
  color: var(--mc-text-muted);
  text-align: center;
}

.finance-sales-ui #financeLedgerForm .finance-ledger-fields {
  border-top: 1px solid var(--mc-border);
  background: var(--mc-surface-soft);
}

.finance-sales-ui #financeLedgerForm .finance-ledger-actions {
  position: sticky;
  bottom: 8px;
  z-index: 12;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid var(--mc-border-strong);
  border-radius: var(--mc-radius);
  background: rgba(255, 255, 255, .96);
  box-shadow: var(--mc-shadow-raised);
  backdrop-filter: blur(8px);
}

.mc-page input:focus,
.mc-page select:focus,
.mc-page textarea:focus {
  border-color: var(--mc-primary);
  outline: 2px solid rgba(31, 78, 140, .2);
  outline-offset: 1px;
}

.row-context-menu {
  border-color: var(--mc-border-strong);
  border-radius: var(--mc-radius);
  background: var(--mc-surface);
  box-shadow: var(--mc-shadow-raised);
}

.row-context-menu-item:hover,
.row-context-menu-item:focus-visible {
  background: var(--mc-primary-soft);
  color: var(--mc-primary-strong);
}

@media (prefers-reduced-motion: no-preference) {
  .mc-page .mc-block,
  .mc-page button,
  .row-context-menu-item {
    transition: box-shadow .18s ease, background-color .15s ease, border-color .15s ease, color .15s ease, transform .12s ease;
  }

  .mc-page .mc-block:hover {
    box-shadow: 0 3px 10px rgba(22, 50, 79, .12);
  }

  .mc-page button:active {
    transform: scale(.97);
  }
}

@media (max-width: 760px) {
  .mc-page .mc-block-head {
    grid-template-columns: 1fr auto;
  }

  .mc-page .mc-block-title {
    grid-column: 1;
    justify-content: flex-start;
  }

  .mc-page .mc-block-hint,
  .mc-page details.mc-block > .mc-block-head::after {
    grid-column: 2;
  }

  .mc-page .mc-block-hint {
    max-width: 42vw;
    text-align: right;
  }

  .finance-sales-ui .finance-workbench-nav {
    position: static;
    align-items: stretch;
    flex-direction: column;
  }

  .finance-sales-ui .finance-workbench-nav-title,
  .finance-sales-ui .finance-workbench-nav-actions {
    width: 100%;
  }

  .finance-sales-ui .finance-sales-block-head,
  .finance-sales-ui #financeLedgerForm > .finance-ledger-section-head,
  .finance-sales-ui #finance-section-aftersales > .finance-ledger-section-head {
    align-items: stretch;
    flex-direction: column;
  }

  .finance-sales-ui #finance-section-pending .finance-sales-block-head {
    align-items: center;
    flex-direction: row;
  }

  body.real-phone-layout #financeView #finance-section-pending .finance-sales-list-actions {
    display: flex;
    width: auto;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
  }

  .finance-sales-ui #financePendingFilterForm {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .finance-sales-ui #financePendingFilterForm > label:first-child,
  .finance-sales-ui #financePendingFilterForm > .finance-filter-count {
    grid-column: 1 / -1;
  }

  .finance-sales-ui .finance-addon-details > summary > span:first-child,
  .shipment-ui .shipment-addon-details > summary > span:first-child,
  .finance-sales-ui .finance-addon-toolbar,
  .shipment-ui .shipment-addon-toolbar {
    align-items: flex-start;
    flex-direction: column;
  }

  .finance-sales-ui .finance-addon-details > summary small,
  .shipment-ui .shipment-addon-details > summary small {
    white-space: normal;
  }
}


/* Shipment workbench is the third migrated workspace. Old classes keep behaviour/sizing. */
.shipment-ui {
  min-width: 0;
  color: var(--mc-text);
}

.shipment-ui .shipment-workbench-intro {
  display: flex;
  align-items: center;
  padding: 10px 14px;
  border-left: 4px solid var(--mc-primary);
}

.shipment-ui .shipment-workbench-intro strong {
  margin-right: 10px;
  color: var(--mc-primary-strong);
}

.shipment-ui .shipment-workbench-intro span {
  color: var(--mc-text-muted);
  font-size: 12.5px;
}

.shipment-ui .shipment-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 var(--mc-block-gap);
  padding: 10px 12px;
  border: 1px solid var(--mc-border-strong);
  border-left: 4px solid var(--mc-primary);
  border-radius: var(--mc-radius);
  background: rgba(255, 255, 255, .97);
  box-shadow: var(--mc-shadow);
}

.shipment-ui .shipment-tab-button {
  border: 1px solid var(--mc-border-strong);
  border-radius: var(--mc-radius-control);
  background: var(--mc-surface);
  color: var(--mc-primary-strong);
}

.shipment-ui .shipment-tab-button:hover,
.shipment-ui .shipment-tab-button.is-active {
  border-color: var(--mc-primary);
  background: var(--mc-primary-soft);
  color: var(--mc-primary-strong);
}

/* 库存可发入口保留橙色语义（自由库存＝要注意），不吃主色 */
.shipment-ui .shipment-tab-button.is-stock-entry {
  border-color: #d9a05b;
  color: #b45309;
}

.shipment-ui .shipment-tab-button.is-stock-entry:hover,
.shipment-ui .shipment-tab-button.is-stock-entry.is-active {
  border-color: #d97706;
  background: #fdf1e2;
  color: #b45309;
}

.shipment-ui .mc-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
  align-items: end;
}

.shipment-ui .mc-block-hint .ghost-button {
  margin-left: 8px;
}

.shipment-ui .shipment-workbench-list {
  min-width: 0;
}


/* Inventory query & ledgers (4th slice): finished goods, raw materials and flows. */
.inventory-ui {
  min-width: 0;
  color: var(--mc-text);
}

.inventory-ui.raw-ledger-page {
  gap: 0;
}

.inventory-ui .raw-ledger-toolbar.mc-block,
.inventory-ui .raw-ledger-main.mc-block,
.inventory-ui .raw-ledger-panel.mc-block,
.inventory-ui .raw-ledger-import.mc-block {
  padding: 0;
  border-color: var(--mc-border);
}

.inventory-ui .raw-ledger-filter.mc-filter {
  display: grid;
}

.inventory-ui .raw-ledger-table {
  min-width: 1120px;
}

.inventory-ui .raw-inventory-ledger-table {
  width: 100%;
  min-width: 1210px;
  table-layout: fixed;
  font-size: 13px;
  line-height: 1.35;
}

.inventory-ui .raw-inventory-ledger-table .raw-col-code { width: 155px; }
.inventory-ui .raw-inventory-ledger-table .raw-col-name { width: 115px; }
.inventory-ui .raw-inventory-ledger-table .raw-col-spec { width: 80px; }
.inventory-ui .raw-inventory-ledger-table .raw-col-unit { width: 55px; }
.inventory-ui .raw-inventory-ledger-table .raw-col-stock { width: 75px; }
.inventory-ui .raw-inventory-ledger-table .raw-col-limit { width: 65px; }
.inventory-ui .raw-inventory-ledger-table .raw-col-alert { width: 70px; }
.inventory-ui .raw-inventory-ledger-table .raw-col-warehouse { width: 145px; }
.inventory-ui .raw-inventory-ledger-table .raw-col-supplier { width: 125px; }
.inventory-ui .raw-inventory-ledger-table .raw-col-updated { width: 130px; }
.inventory-ui .raw-inventory-ledger-table .raw-col-actions { width: 130px; }

.inventory-ui .raw-inventory-ledger-table th,
.inventory-ui .raw-inventory-ledger-table td {
  padding: 5px 6px;
  white-space: nowrap;
  word-break: normal;
}

.inventory-ui .raw-inventory-ledger-table td {
  color: #172033;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

.inventory-ui .raw-inventory-ledger-table input,
.inventory-ui .raw-inventory-ledger-table select {
  width: 100%;
  min-width: 0;
  height: 24px;
  min-height: 24px;
  margin: 0;
  padding: 2px 5px;
  border: 1px solid #b6c2d2;
  border-radius: 4px;
  background: #fff;
  box-sizing: border-box;
  color: #172033;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

.inventory-ui .raw-inventory-ledger-table .raw-material-supplier-search.is-inline .raw-material-supplier-status.is-linked {
  display: none;
}

.inventory-ui .raw-inventory-ledger-table td:last-child {
  white-space: nowrap;
}

.inventory-ui .raw-ledger-panel > .mc-block-body {
  display: grid;
  gap: 10px;
}

.inventory-ui .mc-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
  align-items: end;
}

.inventory-ui .mc-block-hint .ghost-button {
  margin-left: 8px;
}

.inventory-ui .movement-ledger-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* 流水/总账的表容器独立成卡（不在 mc-block-body 内） */
.inventory-ui .movement-ledger-table-wrap {
  border: 1px solid var(--mc-border);
  border-radius: var(--mc-radius);
  background: var(--mc-surface);
  box-shadow: var(--mc-shadow);
}

.inventory-ui .movement-locate-hint {
  border-color: var(--mc-border);
  background: var(--mc-primary-soft);
}

/* Production tasks (5th slice): process overview and task ledger. */
.production-ui {
  min-width: 0;
  color: var(--mc-text);
}

.production-ui .mc-block-body {
  padding: 10px 12px;
}

.production-ui .production-overview {
  padding: 0;
}

.production-ui .process-overview-button {
  border-color: var(--mc-border-strong);
  border-radius: var(--mc-radius-control);
  background: var(--mc-surface-soft);
  box-shadow: none;
}

.production-ui .process-overview-button.is-active {
  border-color: var(--mc-primary);
  background: var(--mc-primary);
}

.production-ui .production-task-summary {
  margin: 0;
  border-color: var(--mc-border);
  background: var(--mc-surface);
}

.production-ui .production-task-table-shell {
  border-top: 1px solid var(--mc-border);
}

.production-ui .production-task-fixed-head {
  border-color: var(--mc-border-strong);
  background: var(--mc-surface-soft);
}

/* 订单、生产工序、成品入库共用同一套紧凑台账视觉；列宽仍由各业务自己的 colgroup 控制。 */
.production-ledger-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  color: var(--mc-text);
  font-size: 12.5px;
}

.production-ledger-table th,
.production-ledger-table td {
  height: 32px;
  padding: 3px 6px;
  border-color: var(--mc-border);
  line-height: 1.25;
  vertical-align: middle;
}

.production-ledger-table thead th {
  background: var(--mc-surface-soft);
  color: var(--mc-primary-strong);
  font-weight: 800;
  text-align: center;
  white-space: nowrap;
}

.production-ledger-table tbody tr:not(.production-date-row):hover > td {
  background: #eef5fc;
}

.order-ledger-host .production-ledger-table .order-ledger-data-row > td,
.order-ledger-host .production-ledger-table .order-ledger-edit-row > td,
.production-ui .production-task-table .production-ledger-table tbody tr:not(.production-date-row) > td {
  min-height: 32px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.production-ui .production-task-table .production-ledger-table tbody tr:not(.production-date-row):nth-child(even) > td {
  background: #f6f9fd;
}

.production-ui .mc-block-hint .ghost-button,
.production-ui .mc-block-hint .secondary-button {
  margin: 0;
}

.production-ui .production-inbound-shortcuts {
  grid-column: 3;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  max-width: none;
  gap: 6px;
}

.production-ui .production-inbound-shortcuts .production-inbound-scan-shortcut,
.production-ui .production-inbound-shortcuts .production-label-print-shortcut {
  min-height: 28px;
  padding: 0 11px;
  border: 1px solid var(--mc-border-strong);
  border-radius: 999px;
  background: var(--mc-primary-soft);
  color: var(--mc-primary-strong);
  box-shadow: none;
  font-size: 11.5px;
  line-height: 1;
  white-space: nowrap;
}

.production-ui .production-inbound-shortcuts .production-inbound-scan-shortcut {
  border-color: var(--mc-primary);
  background: var(--mc-primary);
  color: #fff;
}

@media (max-width: 760px) {
  .production-ui .production-inbound-shortcuts {
    grid-column: 2;
    gap: 4px;
  }

  .production-ui .production-inbound-shortcuts .production-inbound-scan-shortcut,
  .production-ui .production-inbound-shortcuts .production-label-print-shortcut {
    min-height: 30px;
    padding-inline: 10px;
  }
}

/* Finance customer receipts (6th slice): receivables, payments, prepay and profiles. */
.finance-receipts-ui {
  min-width: 0;
  color: var(--mc-text);
}

.finance-receipts-ui .finance-workbench-nav,
.finance-receipts-ui .finance-readonly-workbench > .finance-ledger-panel {
  overflow: hidden;
  border: 1px solid var(--mc-border);
  border-radius: var(--mc-radius);
  background: var(--mc-surface);
  box-shadow: var(--mc-shadow);
}

.finance-receipts-ui .finance-ledger-section-head {
  min-height: 48px;
  margin: 0;
  padding: 10px 14px;
  border-left: 4px solid var(--mc-primary);
  border-bottom: 1px solid var(--mc-border);
  background: linear-gradient(90deg, var(--mc-primary-soft), var(--mc-surface));
  color: var(--mc-primary-strong);
}

.finance-receipts-ui .finance-ledger-section-head > div:first-child {
  text-align: center;
}

.finance-receipts-ui .finance-list-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
  align-items: end;
  margin: 0 0 var(--mc-block-gap);
  padding: 12px;
  border: 1px solid var(--mc-border);
  border-radius: var(--mc-radius-control);
  background: var(--mc-surface-soft);
}

.finance-receipts-ui .finance-ledger-table-wrap {
  border-color: var(--mc-border);
  border-radius: var(--mc-radius-control);
}

.finance-receipts-ui .finance-ledger-table thead th {
  background: var(--mc-surface-soft);
  color: var(--mc-primary-strong);
  text-align: center;
}

.finance-receipts-ui .finance-ledger-table tbody tr:nth-child(even) {
  background: #fafcfe;
}

@media (max-width: 720px) {
  .finance-receipts-ui .finance-ledger-section-head {
    align-items: flex-start;
  }

  .finance-receipts-ui .finance-list-filter {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .finance-receipts-ui .finance-list-filter .toolbar-actions,
  .finance-receipts-ui .finance-filter-count {
    grid-column: 1 / -1;
  }
}

/* Finance supplier payments (7th slice): payables, payments, prepay and profiles. */
.purchase-payment-ui {
  min-width: 0;
  color: var(--mc-text);
}

.purchase-payment-ui .finance-workbench-nav,
.purchase-payment-ui > .finance-ledger-panel {
  overflow: hidden;
  border: 1px solid var(--mc-border);
  border-radius: var(--mc-radius);
  background: var(--mc-surface);
  box-shadow: var(--mc-shadow);
}

.purchase-payment-ui .finance-ledger-section-head {
  min-height: 48px;
  margin: 0;
  padding: 10px 14px;
  border-left: 4px solid var(--mc-primary);
  border-bottom: 1px solid var(--mc-border);
  background: linear-gradient(90deg, var(--mc-primary-soft), var(--mc-surface));
  color: var(--mc-primary-strong);
}

.purchase-payment-ui .finance-ledger-section-head > div:first-child {
  text-align: center;
}

.purchase-payment-ui .finance-list-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
  align-items: end;
  margin: 0;
  padding: 12px;
  border: 1px solid var(--mc-border);
  border-radius: var(--mc-radius-control);
  background: var(--mc-surface-soft);
}

.purchase-payment-ui .table-wrap {
  border-color: var(--mc-border);
  border-radius: var(--mc-radius-control);
}

.purchase-payment-ui .raw-ledger-table thead th,
.purchase-payment-ui .finance-ledger-table thead th {
  background: var(--mc-surface-soft);
  color: var(--mc-primary-strong);
  text-align: center;
}

.purchase-payment-ui .raw-ledger-table tbody tr:nth-child(even),
.purchase-payment-ui .finance-ledger-table tbody tr:nth-child(even) {
  background: #fafcfe;
}

@media (max-width: 720px) {
  .purchase-payment-ui .finance-ledger-section-head {
    align-items: flex-start;
  }

  .purchase-payment-ui .finance-list-filter {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .purchase-payment-ui .finance-list-filter .toolbar-actions,
  .purchase-payment-ui .finance-filter-count {
    grid-column: 1 / -1;
  }
}

/* Finance reports (8th slice): read-only sales summary and rankings. */
.finance-reports-ui {
  min-width: 0;
  color: var(--mc-text);
}

.finance-reports-ui .finance-workbench-nav,
.finance-reports-ui .finance-readonly-workbench > .finance-ledger-panel {
  overflow: hidden;
  border: 1px solid var(--mc-border);
  border-radius: var(--mc-radius);
  background: var(--mc-surface);
  box-shadow: var(--mc-shadow);
}

.finance-reports-ui .finance-ledger-section-head {
  min-height: 38px;
  margin: 0;
  padding: 6px 10px;
  border-left: 4px solid var(--mc-primary);
  border-bottom: 1px solid var(--mc-border);
  background: linear-gradient(90deg, var(--mc-primary-soft), var(--mc-surface));
  color: var(--mc-primary-strong);
}

.finance-reports-ui .finance-ledger-section-head > div:first-child {
  text-align: center;
}

.finance-reports-ui .finance-list-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
  align-items: end;
  margin: 0;
  padding: 8px 10px;
  border: 1px solid var(--mc-border);
  border-radius: var(--mc-radius-control);
  background: var(--mc-surface-soft);
}

.finance-reports-ui .sales-report-table-wrap {
  border-color: var(--mc-border);
  border-radius: var(--mc-radius-control);
}

.finance-reports-ui .sales-report-table thead th {
  background: var(--mc-surface-soft);
  color: var(--mc-primary-strong);
  text-align: center;
}

.finance-reports-ui .sales-report-table tbody tr:nth-child(even) {
  background: #fafcfe;
}

@media (max-width: 720px) {
  .finance-reports-ui .finance-ledger-section-head {
    align-items: flex-start;
  }

  .finance-reports-ui .finance-list-filter {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .finance-reports-ui .finance-list-filter .toolbar-actions,
  .finance-reports-ui .finance-filter-count {
    grid-column: 1 / -1;
  }
}

/* ===== 订单管理补丁样式（自 app.js ensureOrderManagementPatchStyles 等价搬迁，20260712）===== */
.order-filter-toolbar{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:end}
.order-filter-basic,.order-filter-advanced{display:contents}
.order-filter-toolbar label{display:flex;flex:0 0 120px;flex-direction:column;gap:4px;min-width:0}
.order-filter-toolbar .field-label{font-size:12px;font-weight:600;color:#475569;line-height:1.2}
.order-filter-toolbar input,.order-filter-toolbar select{width:100%;height:32px;box-sizing:border-box}
.order-filter-field-q{flex-basis:250px!important}
.order-filter-field-customerName{flex-basis:170px!important}
.order-filter-field-model{flex-basis:115px!important}
.order-filter-field-color{flex-basis:130px!important}
.order-filter-field-spec{flex-basis:170px!important}
.order-filter-field-dateFrom,.order-filter-field-dateTo{flex-basis:145px!important}
.order-filter-field-status{flex-basis:160px!important}
.order-filter-actions{display:flex;flex:0 0 auto;gap:8px;align-items:end;white-space:nowrap;order:99}
.order-filter-actions button{height:32px;padding:4px 10px}
.batch-order-form-compact{display:grid;gap:10px}
.batch-order-form-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end}
.batch-order-form-head .primary-button{white-space:nowrap}
.batch-order-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}
.batch-order-ledger-grid{--batch-order-grid-columns:56px minmax(95px,.85fr) minmax(85px,.8fr) 110px 62px 58px 58px 72px minmax(160px,1.2fr) minmax(140px,1.2fr);display:grid;gap:6px;overflow-x:auto}
.batch-order-row{display:grid;grid-template-columns:var(--batch-order-grid-columns);gap:6px;align-items:center;min-width:1040px}
.batch-order-row input,.batch-order-row select,.batch-order-row button{width:100%;box-sizing:border-box}
.batch-order-header-row{font-size:12px;font-weight:600;color:#475569;background:#f8fafc;border:1px solid #d8dee8;border-radius:8px;padding:6px}
body:not(.real-phone-layout) #ordersView .batch-order-ledger-grid{max-height:min(65vh,680px);overflow:auto;align-content:start}
body:not(.real-phone-layout) #ordersView .batch-order-header-row{position:sticky;top:0;z-index:3;box-shadow:0 2px 3px rgba(15,23,42,.08)}
.batch-order-header-row span{display:flex;align-items:center;min-height:28px}
.batch-order-ledger-row{padding:6px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}
.batch-order-ledger-row .batch-row-index{font-weight:600;color:#475569}
.batch-copy-button{min-width:0}
.order-customer-bind-inline{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center;margin-left:6px}
.order-customer-bind-inline select{min-width:168px}
.order-customer-bind-inline .finance-filter-count{white-space:nowrap}
.order-col-progress{width:226px}
.order-ledger-host .order-ledger-polished{background:#fff}
.order-ledger-host .order-ledger-polished thead th{background:var(--ledger-head-bg,#eef3f8)!important;color:#263646!important}
.order-ledger-host .order-ledger-polished .order-ledger-data-row td,.order-ledger-host .order-ledger-polished .order-ledger-edit-row td{background:#fff!important}
.order-ledger-host .order-ledger-polished .order-ledger-data-row:nth-child(even) td{background:#f6f9fd!important}
.order-ledger-host .order-ledger-polished .order-ledger-data-row:hover td{background:#eef5fc!important}
.order-ledger-host .order-ledger-polished .order-date-head td{height:38px!important;background:linear-gradient(90deg,#dbeafe 0%,#edf5ff 72%,#f5f9ff 100%)!important;color:#0b3e6f!important;border-top:5px solid #fff!important;border-bottom:1px solid #93c5fd!important}
.order-ledger-host .order-ledger-polished .order-date-head>td:first-child{border-left:5px solid #2563eb!important;padding-left:10px!important}
.order-ledger-host .order-ledger-polished .order-customer-head td{height:31px!important;background:#f4f7fb!important;color:#27445f!important;border-bottom:1px solid #dbe6f3!important}
.order-ledger-host .order-ledger-polished .order-customer-head>td:first-child{border-left:5px solid #bfdbfe!important;padding-left:14px!important}
.order-ledger-polished .order-progress-cell{text-align:center;white-space:nowrap}
.order-ledger-polished .order-progress-cell .order-progress-badge{display:inline-flex;align-items:center;justify-content:center;min-height:20px;padding:1px 8px;border:1px solid transparent;border-radius:999px;font-size:11.5px;font-weight:800;line-height:1.25;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.order-ledger-host .order-progress-badge.status-badge-done{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8}
.order-ledger-host .order-progress-badge.status-badge-pending{background:#fee2e2;border-color:#fca5a5;color:#b42318}
.order-ledger-host .order-progress-badge.status-badge-ready{background:#dcfce7;border-color:#86efac;color:#15803d}
.order-ledger-host .order-progress-badge.status-badge-muted{background:#eef2f6;border-color:#cbd5e1;color:#64748b}
.order-ledger-host .order-progress-badge.status-pending{background:#fff3d8;border-color:#f2cd7a;color:#966100}
.order-ledger-polished .remark-cell{max-width:220px}
.order-ledger-polished .remark-cell .order-remark-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:1100px){.order-filter-field-q{flex-basis:220px!important}.order-filter-field-customerName,.order-filter-field-spec{flex-basis:160px!important}}
@media (max-width:700px){.order-filter-field-q,.order-filter-field-customerName,.order-filter-field-spec,.order-filter-field-status,.order-filter-actions{grid-column:span 2}body.real-phone-layout #ordersView .batch-order-ledger-grid{overflow:visible}body.real-phone-layout #ordersView .v18-batch-mobile-row{min-width:0}}

/* ===== 客户详情样式（自 app.js ensureCustomerDetailStyles 等价搬迁，20260712）===== */
.customer-detail-card{margin-top:0;display:grid;gap:8px}
.customer-detail-card .section-heading.compact{margin:0}
.customer-detail-info{table-layout:fixed;width:100%}
.customer-detail-info th{width:88px;text-align:left;background:#f3f6fa;color:#475569;font-weight:600;white-space:nowrap;vertical-align:top}
.customer-detail-info td{color:#1f2937;word-break:break-all}
.customer-detail-hint{margin:8px 0;padding:6px 10px;background:#fff7ed;border:1px solid #fed7aa;border-radius:6px;color:#9a3412;font-size:12.5px}
.customer-detail-subhead{display:flex;align-items:center;gap:8px;margin:14px 0 6px;font-size:13px;font-weight:700;color:#0b3e6f}
.customer-detail-row-active>td{background:#eef5ff!important}
.cd2b-sub{font-size:12px;font-weight:500;color:#64748b}
.cd2b-range-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0}
.cd2b-range-btn{flex-shrink:0;min-width:max-content;white-space:nowrap;height:30px;padding:2px 10px;font-size:12px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#334155;cursor:pointer}
.cd2b-range-btn.active{background:#0b3e6f;border-color:#0b3e6f;color:#fff;font-weight:600}
.cd2b-range-custom{display:inline-flex;align-items:center;gap:4px;margin-left:4px}
.cd2b-range-custom input{height:26px;font-size:12px;padding:1px 4px}
.cd2b-metrics{display:flex;flex-wrap:wrap;gap:6px 14px;padding:6px 8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}
.cd2b-metric{display:inline-flex;align-items:baseline;gap:5px;font-size:12px}
.cd2b-metric-label{color:#64748b}
.cd2b-metric strong{color:#0f172a;font-size:13px}
.cd2b-note{margin:6px 0;font-size:11.5px;color:#94a3b8}
.cd2b-table th,.cd2b-table td{white-space:nowrap}
.cd2b-table td.center{text-align:center}
.cd2b-id-cell{white-space:nowrap}
.cd2b-id-tools{display:inline-flex;gap:4px;margin-left:6px}
.cd2b-mini{font-size:11px;padding:0 2px}
.customer-detail-card .order-progress-badge{display:inline-flex;align-items:center;min-height:18px;padding:1px 8px;border:1px solid transparent;border-radius:999px;font-size:11px;font-weight:700;line-height:1.25;white-space:nowrap}
.customer-detail-card .order-progress-badge.status-badge-done{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8}
.customer-detail-card .order-progress-badge.status-badge-pending{background:#fee2e2;border-color:#fca5a5;color:#b42318}
.customer-detail-card .order-progress-badge.status-badge-ready{background:#dcfce7;border-color:#86efac;color:#15803d}
.customer-detail-card .order-progress-badge.status-badge-muted{background:#eef2f6;border-color:#cbd5e1;color:#64748b}
.customer-detail-card .order-progress-badge.status-pending{background:#fff3d8;border-color:#f2cd7a;color:#966100}
.cd2b-suspect{display:inline-block;margin-left:6px;padding:0 6px;font-size:11px;border-radius:4px;background:#fef3c7;border:1px solid #fcd34d;color:#92400e}
.cd2b-archive-head{margin-bottom:10px}
.cd2b-archive-title{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}
.cd2b-archive-title h3{margin:0;font-size:16px;color:#0f172a}
.cd2b-archive-desc{margin:0;font-size:12px;color:#64748b}
.cd2b-module{padding-top:10px;padding-bottom:10px}
.cd2b-subhead-top{margin-top:4px}
.cd2b-tabs{display:flex;flex-wrap:wrap;gap:6px}
.cd2b-tab{display:inline-flex;align-items:center;gap:6px;height:30px;padding:2px 14px;font-size:13px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155;cursor:pointer;font-weight:600}
.cd2b-tab:hover{border-color:#94a3b8}
.cd2b-tab.active{background:#0b3e6f;border-color:#0b3e6f;color:#fff}
.cd2b-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;border-radius:9px;background:#e2e8f0;color:#475569}
.cd2b-tab.active .cd2b-tab-badge{background:rgba(255,255,255,.25);color:#fff}
.customer-detail-tabs{margin-top:8px}
.customer-detail-tab-panel{margin-top:10px}
.customer-list-money{font-variant-numeric:tabular-nums}
.cd2b-hint{margin:0;padding:10px;font-size:13px;color:#64748b}
.cd2b-id-text{margin-right:6px}
.cd2b-idlink{background:none;border:none;padding:4px 2px;margin-right:6px;color:#0b66c3;font:inherit;font-weight:600;cursor:pointer;white-space:nowrap;text-decoration:underline}
.cd2b-idlink:hover{color:#084a8c}
.cd2b-more{margin:4px 0 2px}
.cd2b-more-btn{font-size:12px}
.cd2b-more-btn:disabled{color:#cbd5e1;cursor:not-allowed;text-decoration:none}
.cd2b-pager{display:flex;align-items:center;gap:12px}
.cd2b-pager-info{font-size:12px;color:#64748b}
.cd2b-search-summary{margin:6px 0 4px;padding:6px 10px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;color:#065f46;font-size:12.5px;font-weight:600}
.cd2b-hit-rows .cd2b-table tbody tr{background:#fffbeb}
.cd2b-nomatch{margin:4px 0 6px;padding:6px 10px;font-size:12px;color:#94a3b8;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:6px}
.cd2b-subhead-dim{opacity:.6}