/* 售后详情复用列表工作台语义色、间距及控件尺度。 */
#mainModal {
  --detail-hint-ink: #684b1d;
  --detail-hint-bg: #fbf4e7;
  --detail-pending-ink: #74451f;
  --detail-pending-bg: #f8ecde;
  --detail-complete-ink: #245941;
  --detail-complete-bg: #e5f1e9;
  --detail-focus: #176b8a;
  --detail-divider: #e3eae7;
  color: var(--wb-ink);
  background: var(--wb-surface);
  max-height: 94vh;
  min-width: 0;
}
#mainModal .detail-summary {
  padding: var(--wb-space-3) var(--wb-space-4);
  border-color: var(--wb-border);
  align-items: flex-start;
  flex-wrap: wrap;
}
#mainModal .detail-summary .left { gap: var(--wb-space-2) var(--wb-space-3); min-width: 0; flex: 1 1 400px; }
#mainModal #afs-detail-title { margin: 0; font-size: 16px; line-height: var(--wb-line); font-weight: 700; color: var(--wb-ink); }
#mainModal .detail-summary .order-no { color: var(--wb-muted); font-size: var(--wb-text); overflow-wrap: anywhere; }
#mainModal .detail-summary .order-no strong { color: var(--wb-ink); font-size: var(--wb-text); font-variant-numeric: tabular-nums; }
#mainModal .detail-summary .badges { display: flex; flex-wrap: wrap; gap: var(--wb-space-1); min-width: 0; }
#mainModal .detail-summary .badge { white-space: normal; overflow-wrap: anywhere; color: var(--wb-ink); background: var(--wb-surface-muted); }
#mainModal .detail-summary .badge.danger { color: var(--wb-danger); background: var(--wb-error-bg); }
#mainModal .detail-summary .actions { display: flex; flex-wrap: wrap; gap: var(--wb-space-2); }
#mainModal .btn, #mainModal .tma-btn, #mainModal #allAttachmentsBar {
  min-height: var(--wb-control-height); border: 1px solid var(--wb-border-strong); border-radius: var(--wb-radius);
  background: var(--wb-surface); color: var(--wb-ink); padding: 6px var(--wb-space-3);
  font: inherit; font-size: var(--wb-text); line-height: var(--wb-line);
}
#mainModal .btn:hover:not(:disabled), #mainModal .tma-btn:hover:not(:disabled), #mainModal #allAttachmentsBar:hover { background: var(--wb-accent-soft); border-color: var(--wb-accent); }
#mainModal .btn-primary, #mainModal .tma-btn.tma-primary { color: var(--wb-surface); background: var(--wb-accent); border-color: var(--wb-accent); }
#mainModal .btn-primary:hover:not(:disabled), #mainModal .tma-btn.tma-primary:hover:not(:disabled) { color: var(--wb-surface); background: var(--wb-accent-dark); }
#mainModal .btn:disabled, #mainModal .tma-btn:disabled { opacity: .55; cursor: not-allowed; }
#mainModal :is(button, input, select, textarea, a, summary, [tabindex]):focus-visible { outline: 3px solid var(--detail-focus) !important; outline-offset: 2px; }
#mainModal .afs-work-tabs { padding: var(--wb-space-2) var(--wb-space-4); gap: var(--wb-space-2); border-color: var(--wb-border); overflow-x: auto; }
#mainModal .afs-work-tabs .btn { flex: 0 0 auto; border-color: transparent; }
#mainModal .afs-work-tabs .btn[aria-selected="true"] { color: var(--wb-accent-dark); background: var(--wb-accent-soft); border-color: var(--wb-border-strong); font-weight: 700; }
#mainModal > .afs-next-step { margin: var(--wb-space-2) var(--wb-space-4); padding: var(--wb-space-2) var(--wb-space-3); border-color: var(--wb-border); background: var(--wb-surface-muted); color: var(--wb-ink); font-size: var(--wb-text); }
#mainModal .detail-grid.afs-four-tabs { padding: var(--wb-space-2) var(--wb-space-4) var(--wb-space-4); min-width: 0; overflow-x: hidden; }
#mainModal .afs-four-tabs > .card { min-width: 0; min-height: 100%; padding: var(--wb-space-4); background: var(--wb-surface); border-color: var(--wb-border); }
#mainModal .afs-four-tabs :is(h4, h3) { color: var(--wb-ink); font-weight: 650; }
#mainModal .afs-four-tabs .card > h4 { font-size: 15px; border-color: var(--wb-border); }
#mainModal .afs-four-tabs #baseInfo { min-width: 0; gap: var(--wb-space-3) var(--wb-space-5); }
#mainModal .tma-base-item, #mainModal .tma-inline, #mainModal .tma-detail { min-width: 0; font-size: var(--wb-text); color: var(--wb-ink); }
#mainModal .tma-base-value { font-size: var(--wb-text); color: var(--wb-ink); }
#mainModal .tma-table-scroll, #mainModal .tma-table-wrap { min-width: 0; max-width: 100%; overflow-x: auto; }
#mainModal :is(.afs-product-table, .tma-table) { min-width: 720px; width: 100%; font-variant-numeric: tabular-nums; }
#mainModal :is(.afs-product-table, .tma-table) th { background: var(--wb-surface-muted); color: var(--wb-ink); font-size: var(--wb-label); font-weight: 650; border-color: var(--wb-border); }
#mainModal :is(.afs-product-table, .tma-table) td { color: var(--wb-ink); border-color: var(--detail-divider); font-size: var(--wb-text); }
#mainModal .tma-card { min-width: 0; border-color: var(--wb-border); background: var(--wb-surface); }
#mainModal .tma-card-heading .tma-muted, #mainModal .tma-muted, #mainModal .tma-table-secondary, #mainModal .tma-field-label, #mainModal label { color: var(--wb-muted); }
#mainModal .tma-hint { color: var(--detail-hint-ink); background: var(--detail-hint-bg); font-size: var(--wb-label); }
#mainModal .tma-badge { color: var(--wb-muted); background: var(--wb-surface-muted); }
#mainModal .tma-badge.tma-amber { color: var(--detail-pending-ink); background: var(--detail-pending-bg); }
#mainModal .tma-badge.tma-green { color: var(--detail-complete-ink); background: var(--detail-complete-bg); }
#mainModal .status-tag.processing { color: var(--wb-accent-dark); background: var(--wb-accent-soft); }
#mainModal .status-tag.pending { color: var(--detail-pending-ink); background: var(--detail-pending-bg); }
#mainModal .status-tag.done { color: var(--detail-complete-ink); background: var(--detail-complete-bg); }
#mainModal :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea) { min-width: 0; min-height: var(--wb-control-height); border-color: var(--wb-border-strong); color: var(--wb-ink); font-size: var(--wb-text); }
#mainModal :is(input, textarea)::placeholder { color: var(--wb-muted); opacity: 1; }
#mainModal .audit-user, #mainModal #allAttachmentsCount { color: var(--wb-accent-dark); font-weight: 650; }
#mainModal #logList > .empty-state { color: var(--wb-muted); }
#mainModal .audit-time { color: var(--wb-muted); }
#mainModal #allAttachmentsBar { display:flex; align-items:center; justify-content:space-between; gap:var(--wb-space-2); width:100%; margin-top:var(--wb-space-2); text-align:left; cursor:pointer; }
#mainModal #allAttachmentsBar span:last-child { color: var(--wb-muted); }
@media (max-width: 760px) {
  #mainModal .detail-summary { gap: var(--wb-space-2); }
  #mainModal .detail-summary .actions { width: 100%; }
  #mainModal .afs-work-tabs { padding-inline: var(--wb-space-2); }
  #mainModal .detail-grid.afs-four-tabs { padding-inline: var(--wb-space-2); }
  #mainModal .afs-four-tabs > .card { padding: var(--wb-space-3); }
  #mainModal .afs-four-tabs #baseInfo { grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--wb-space-3); }
  #mainModal .detail-grid .row { grid-template-columns: minmax(0,1fr) !important; }
  #mainModal .detail-grid .tma-return-fields { grid-template-columns: minmax(0,1fr); }
}
/* 从查重结果查看详情时，详情位于查重层之上；附件仍在详情之上。 */
body:has(#duplicateCheckModal.show) #modalOverlay.show { z-index: 2100; }
body:has(#duplicateCheckModal.show) #attViewerOverlay.show { z-index: 2200; }

/* 表单按原工作顺序组成一组，长说明与短字段使用不同尺度。 */
#mainModal {
  --detail-field-short: 260px;
  --detail-field-standard: 860px;
  --detail-text-measure: 80ch;
  --detail-min-height: 460px;
  height: auto;
  min-height: min(var(--detail-min-height), 94vh);
}
#mainModal .afs-four-tabs > .card { min-height: 0; }
#mainModal .afs-four-tabs #baseInfo {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--wb-space-3) var(--wb-space-5);
}
/* 表格之后是成本说明与人工核对记录，不挤在短字段网格里。 */
#mainModal #baseInfo > .afs-product-list ~ .item,
#mainModal #baseInfo > .afs-product-list ~ .tma-hint { grid-column: span 2; min-width: 0; }
#mainModal #baseInfo > .afs-product-list ~ .item .tma-base-value { white-space: pre-wrap; overflow-wrap: anywhere; }
#mainModal #baseInfo > .afs-product-list ~ .tma-hint { max-width: var(--detail-text-measure); margin: 0; }
#mainModal .afs-internal-fields > #tianmaInternalHeader,
#mainModal .afs-internal-fields > .row,
#mainModal .afs-internal-fields > .row-full,
#mainModal #legacyProcessFields > .afs-internal-save { max-width: var(--detail-field-standard); }
#mainModal #tianmaInternalPrices { max-width: calc(var(--detail-field-short) * 2 + var(--wb-space-3)); }
#mainModal #legacyProcessFields > .afs-internal-save { display: flex; align-items: center; gap: var(--wb-space-2); flex-wrap: wrap; padding-top: var(--wb-space-3); border-top: 1px solid var(--wb-border); margin: 0 0 var(--wb-space-4); }
#mainModal .afs-internal-fields:has(> #tianmaInternalHeader[hidden]) > #tianmaInternalPrices,
#mainModal #legacyProcessFields:has(.afs-internal-fields > #tianmaInternalHeader[hidden]) > .afs-internal-save { display: none; }
#mainModal #dynamicFields .row-full .item,
#mainModal #settlementArea .row-full .item { max-width: var(--detail-field-standard); }
#mainModal .tma-card [data-tma-form="manual-platform"] > .tma-field { max-width: var(--detail-field-standard); }
#mainModal #followPanel { max-width: var(--detail-field-standard); }
#mainModal #followPanel .audit-log { max-height: 36vh; overflow-y: auto; margin-bottom: var(--wb-space-3); }
@media (max-width: 1024px) {
  #mainModal .afs-four-tabs #baseInfo { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 580px) {
  #mainModal #baseInfo > .afs-product-list ~ .item,
  #mainModal #baseInfo > .afs-product-list ~ .tma-hint { grid-column: 1 / -1; }
}

/* 两组分别对应处理记录与后续物流结算，文档和键盘顺序保持一致。 */
#mainModal .afs-internal-fields, #mainModal .afs-fulfilment-fields { min-width: 0; }
@media (min-width: 1100px) {
  #mainModal #legacyProcessFields { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--wb-space-5); align-items: start; }
  #mainModal #legacyProcessFields > .afs-internal-save { grid-column: 1 / -1; max-width: none; }
}

#mainModal .afs-internal-save-scope { color: var(--wb-muted); font-size: var(--wb-label); }