/*
 * CZone Design System v1.0 — ERP Orders controlled adoption pilot
 *
 * Generated from the frozen CZone Design System v1.0 semantic and ERP
 * density token source. This stylesheet keeps the resolved values local so
 * production does not depend on a developer-machine path.
 *
 * Scope is intentionally limited to #ordersView.is-order-sheet. Existing
 * business markup, behavior, data and wide-table overflow remain unchanged.
 */

:root {
  --cz-background-primary: #fbfaf8;
  --cz-background-secondary: #f6f4f0;
  --cz-surface-primary: #ffffff;
  --cz-surface-secondary: #fbfaf8;
  --cz-surface-hover: #f6f4f0;
  --cz-surface-active: #eae6e0;
  --cz-surface-selected: #f6f4f0;
  --cz-text-primary: #201e1c;
  --cz-text-secondary: #595550;
  --cz-text-tertiary: #706c65;
  --cz-text-disabled: #95918a;
  --cz-text-inverse: #ffffff;
  --cz-border-default: #95918a;
  --cz-border-subtle: #eae6e0;
  --cz-border-strong: #706c65;
  --cz-accent-primary: #5f402d;
  --cz-accent-hover: #493226;
  --cz-accent-active: #38271f;
  --cz-accent-foreground: #ffffff;
  --cz-accent-subtle: #f8f4ef;
  --cz-accent-subtle-hover: #f0e7dc;
  --cz-accent-border: #966a48;
  --cz-focus-ring: #795237;
  --cz-success: #385b48;
  --cz-success-subtle: #f1f7f3;
  --cz-success-border-subtle: #c9ded1;
  --cz-warning: #685619;
  --cz-warning-subtle: #fcf8ea;
  --cz-warning-border-subtle: #ead8a4;
  --cz-danger: #7e3734;
  --cz-danger-subtle: #fcf2f1;
  --cz-danger-border-subtle: #ebc7c4;
  --cz-info: #38586c;
  --cz-info-subtle: #f1f5f8;
  --cz-info-border-subtle: #c7d8e2;
  --cz-type-family-sans: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans SC", Arial, sans-serif;
  --cz-type-label-size: 13px;
  --cz-type-label-line-height: 20px;
  --cz-type-label-weight: 500;
  --cz-type-caption-size: 12px;
  --cz-type-caption-line-height: 16px;
  --cz-type-caption-weight: 400;
  --cz-type-data-size: 13px;
  --cz-type-data-line-height: 20px;
  --cz-type-data-weight: 500;
  --cz-density-control-height-small: 28px;
  --cz-density-control-height-default: 32px;
  --cz-density-data-row-height-default: 32px;
  --cz-density-data-row-height-comfortable: 40px;
  --cz-density-target-minimum: 24px;
  --cz-component-button-height-default: var(--cz-density-control-height-default);
  --cz-component-input-height-default: var(--cz-density-control-height-default);
  --cz-component-search-height-default: var(--cz-density-control-height-default);
  --cz-component-select-height-default: var(--cz-density-control-height-default);
  --cz-component-table-row-height-default: var(--cz-density-data-row-height-default);
  /* Approved legacy order colors; retain financial warning colors separately. */
  --cz-order-draft: #8e9692;
  --cz-order-preparing: #9a5a00;
  --cz-order-locked: #eab308;
  --cz-order-locked-stripe: #facc15;
  --cz-order-shipped: #2f6bff;
  --cz-order-completed-stripe: #00a676;
}

#ordersView.is-order-sheet,
#ordersView.is-order-sheet .order-records-panel,
#ordersView.is-order-sheet .order-sheet,
#ordersView.is-order-sheet .order-sheet-list {
  background: var(--cz-surface-primary);
  color: var(--cz-text-primary);
  font-family: var(--cz-type-family-sans);
}

#ordersView.is-order-sheet .order-filter-bar {
  background: var(--cz-surface-primary);
  border-color: var(--cz-border-subtle);
}

#ordersView.is-order-sheet .order-filter-bar input,
#ordersView.is-order-sheet .order-filter-bar select {
  height: var(--cz-component-input-height-default) !important;
  min-height: var(--cz-component-input-height-default) !important;
  border-color: var(--cz-border-default) !important;
  background: var(--cz-surface-primary) !important;
  color: var(--cz-text-primary) !important;
  font-size: var(--cz-type-label-size);
  font-weight: var(--cz-type-label-weight);
  line-height: var(--cz-type-label-line-height);
}

#ordersView.is-order-sheet .order-filter-bar input[type="search"] {
  height: var(--cz-component-search-height-default);
}

#ordersView.is-order-sheet .order-filter-bar select {
  height: var(--cz-component-select-height-default);
}

#ordersView.is-order-sheet .order-filter-bar button {
  height: var(--cz-component-button-height-default) !important;
  min-height: var(--cz-component-button-height-default) !important;
  border-color: var(--cz-border-default) !important;
  background: var(--cz-surface-primary) !important;
  color: var(--cz-text-primary) !important;
  font-size: var(--cz-type-label-size);
  font-weight: var(--cz-type-label-weight);
  line-height: var(--cz-type-label-line-height);
}

#ordersView.is-order-sheet .order-filter-bar button:hover {
  border-color: var(--cz-border-strong) !important;
  background: var(--cz-surface-hover) !important;
}

#ordersView.is-order-sheet .order-filter-bar input::placeholder {
  color: var(--cz-text-tertiary) !important;
}

#ordersView.is-order-sheet .order-filter-bar :disabled {
  border-color: var(--cz-border-subtle) !important;
  background: var(--cz-surface-secondary) !important;
  color: var(--cz-text-disabled) !important;
  opacity: 1;
}

#ordersView.is-order-sheet .order-filter-bar [aria-invalid="true"] {
  border-color: var(--cz-danger) !important;
}

#ordersView.is-order-sheet .order-filter-bar :focus-visible,
#ordersView.is-order-sheet .order-row:focus-visible {
  border-color: var(--cz-focus-ring) !important;
  outline-color: var(--cz-focus-ring) !important;
}

#ordersView.is-order-sheet .order-sheet-head {
  height: var(--cz-component-table-row-height-default);
  min-height: var(--cz-component-table-row-height-default);
  background: var(--cz-surface-secondary) !important;
  color: var(--cz-text-secondary) !important;
  font-size: var(--cz-type-label-size);
  font-weight: var(--cz-type-label-weight);
  line-height: var(--cz-type-label-line-height);
}

#ordersView.is-order-sheet .order-sheet-head span,
#ordersView.is-order-sheet .order-row > .order-cell {
  height: 100%;
  min-height: 0;
  padding-block: 0;
  border-color: var(--cz-border-subtle) !important;
}

#ordersView.is-order-sheet .order-sheet > .order-row {
  height: var(--cz-density-data-row-height-comfortable);
  min-height: var(--cz-density-data-row-height-comfortable);
  max-height: var(--cz-density-data-row-height-comfortable);
  border: 0;
  border-bottom: 1px solid var(--cz-border-subtle);
  background: var(--cz-surface-primary);
  color: var(--cz-text-primary);
  font-size: var(--cz-type-data-size);
  font-weight: var(--cz-type-data-weight);
  line-height: var(--cz-type-data-line-height);
  font-feature-settings: "tnum" 1, "lnum" 1;
}

#ordersView.is-order-sheet .order-sheet > .order-row:hover {
  background: var(--cz-surface-hover);
}

#ordersView.is-order-sheet .order-sheet > .order-row:active {
  background: var(--cz-surface-active);
}

#ordersView.is-order-sheet .order-row[class*="order-status-"] > .order-cell,
#ordersView.is-order-sheet .order-row[class*="order-status-"] > .order-cell strong {
  color: var(--cz-text-primary);
}

#ordersView.is-order-sheet .order-row .order-no-cell strong {
  line-height: var(--cz-type-data-line-height);
}

#ordersView.is-order-sheet .order-row[class*="order-status-"] .order-no-cell em {
  margin-top: 0;
  color: var(--cz-text-secondary);
  font-size: var(--cz-type-caption-size);
  font-weight: var(--cz-type-caption-weight);
  line-height: var(--cz-type-caption-line-height);
}

#ordersView.is-order-sheet .order-sheet-head span:nth-child(3),
#ordersView.is-order-sheet .order-row > .order-cell:nth-child(3),
#ordersView.is-order-sheet .order-sheet-head span:nth-child(5),
#ordersView.is-order-sheet .order-row > .order-cell:nth-child(5),
#ordersView.is-order-sheet .order-sheet-head span:nth-child(6),
#ordersView.is-order-sheet .order-row > .order-cell:nth-child(6),
#ordersView.is-order-sheet .order-sheet-head span:nth-child(7),
#ordersView.is-order-sheet .order-row > .order-cell:nth-child(7),
#ordersView.is-order-sheet .order-sheet-head span:nth-child(8),
#ordersView.is-order-sheet .order-row > .order-cell:nth-child(8) {
  font-variant-numeric: tabular-nums lining-nums;
}

#ordersView.is-order-sheet .order-sheet-head span:nth-child(5),
#ordersView.is-order-sheet .order-row > .order-cell:nth-child(5),
#ordersView.is-order-sheet .order-sheet-head span:nth-child(6),
#ordersView.is-order-sheet .order-row > .order-cell:nth-child(6),
#ordersView.is-order-sheet .order-sheet-head span:nth-child(7),
#ordersView.is-order-sheet .order-row > .order-cell:nth-child(7) {
  justify-content: flex-end;
  text-align: right;
}

#ordersView.is-order-sheet .order-row > .order-cell:nth-child(3),
#ordersView.is-order-sheet .order-row > .order-cell:nth-child(6),
#ordersView.is-order-sheet .order-row > .order-cell:nth-child(8),
#ordersView.is-order-sheet .order-row > .order-cell:nth-child(9) {
  color: var(--cz-text-secondary);
}

#ordersView.is-order-sheet .order-row > .order-cell.danger-text {
  color: var(--cz-danger);
}

#ordersView.is-order-sheet .order-row > .order-cell.good-text {
  color: var(--cz-success);
}

#ordersView.is-order-sheet .order-row .badge {
  border: 1px solid var(--cz-border-subtle);
  background: var(--cz-surface-secondary);
  color: var(--cz-text-secondary);
  font-size: var(--cz-type-caption-size);
  font-weight: var(--cz-type-caption-weight);
  line-height: var(--cz-type-caption-line-height);
}

#ordersView.is-order-sheet .order-row .badge.good {
  border-color: var(--cz-success-border-subtle);
  background: var(--cz-success-subtle);
  color: var(--cz-success);
}

#ordersView.is-order-sheet .order-row .badge.warning {
  border-color: var(--cz-warning-border-subtle);
  background: var(--cz-warning-subtle);
  color: var(--cz-warning);
}

#ordersView.is-order-sheet .order-row .badge.danger {
  border-color: var(--cz-danger-border-subtle);
  background: var(--cz-danger-subtle);
  color: var(--cz-danger);
}

#ordersView.is-order-sheet .order-sheet-list > .empty-state {
  background: var(--cz-surface-primary);
  color: var(--cz-text-secondary);
}

/* Restore status coloring without changing the approved table geometry. */
#ordersView.is-order-sheet .order-row.order-status-草稿 {
  --cz-order-row-stripe: var(--cz-order-draft);
  --cz-order-row-text: var(--cz-order-draft);
}

#ordersView.is-order-sheet .order-row.order-status-备货中 {
  --cz-order-row-stripe: var(--cz-order-preparing);
  --cz-order-row-text: var(--cz-order-preparing);
}

#ordersView.is-order-sheet .order-row.order-status-已锁定 {
  --cz-order-row-stripe: var(--cz-order-locked-stripe);
  --cz-order-row-text: var(--cz-order-locked);
}

#ordersView.is-order-sheet .order-row.order-status-已发货 {
  --cz-order-row-stripe: var(--cz-order-shipped);
  --cz-order-row-text: var(--cz-order-shipped);
}

#ordersView.is-order-sheet .order-row.order-status-已完成 {
  --cz-order-row-stripe: var(--cz-order-completed-stripe);
}

#ordersView.is-order-sheet .order-sheet > .order-row[class*="order-status-"] {
  box-shadow: inset 4px 0 var(--cz-order-row-stripe, transparent);
}

/* Columns 7 and 8 retain balance/overdue warnings; completed text stays neutral. */
#ordersView.is-order-sheet .order-row:is(.order-status-草稿, .order-status-备货中, .order-status-已锁定, .order-status-已发货) > .order-cell:not(:nth-child(7)):not(:nth-child(8)),
#ordersView.is-order-sheet .order-row:is(.order-status-草稿, .order-status-备货中, .order-status-已锁定, .order-status-已发货) > .order-cell:not(:nth-child(7)):not(:nth-child(8)) strong,
#ordersView.is-order-sheet .order-row:is(.order-status-草稿, .order-status-备货中, .order-status-已锁定, .order-status-已发货) > .order-cell:not(:nth-child(7)):not(:nth-child(8)) em {
  color: var(--cz-order-row-text);
}

@media (prefers-reduced-motion: reduce) {
  #ordersView.is-order-sheet .order-filter-bar *,
  #ordersView.is-order-sheet .order-row {
    animation: none !important;
    scroll-behavior: auto !important;
    transition: none !important;
  }
}