/* Financial figures should scan like UI data, not source code. Keep `.mono`
 * for identifiers while giving `.money` its own cross-platform number stack. */
.money {
  font-family: "Segoe UI Variable Text", "Segoe UI", "Helvetica Neue", Arial,
    "PingFang SC", "Microsoft YaHei", sans-serif !important;
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: "lnum" 1, "tnum" 1;
  letter-spacing: 0;
  text-rendering: optimizeLegibility;
}

/* Order amounts are primary scan targets, but should not overpower statuses. */
.xb-orders-page .responsive-table.xb-orders-table td .money {
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  white-space: nowrap;
}

/* Summary totals use plain strong elements rather than `.money`. Keep their
 * figures visually consistent with row and dialog amounts. */
.xb-orders-page .xb-orders-summary,
.xb-orders-page .xb-orders-summary-item strong {
  font-family: "Segoe UI Variable Text", "Segoe UI", "Helvetica Neue", Arial,
    "PingFang SC", "Microsoft YaHei", sans-serif !important;
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: "lnum" 1, "tnum" 1;
  letter-spacing: 0;
}

.xb-orders-page .xb-orders-summary-item strong {
  font-weight: 600 !important;
}

@media (max-width: 767px) {
  .xb-orders-page .responsive-table.xb-orders-table td .money {
    font-size: 15px !important;
  }
}

/* Day mode needs a darker amber on neutral and reviewed order-row surfaces.
 * Night mode keeps the existing high-luminance warning token. */
html[data-xboss-theme="light"]:not(.dark) .xb-orders-page .money,
html[data-xboss-theme="light"]:not(.dark) .xb-orders-page .xb-orders-summary-item--pending strong,
html[data-xboss-theme="light"]:not(.dark) .xb-orders-page .xb-orders-summary-amount--pending {
  color: #a34708 !important;
}