/* Full-window, equal halves; the source host is the existing original viewer. */
.comparison-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 8px 0; }
.comparison-toolbar[hidden], #comparison-tools[hidden], #comparison-form[hidden],
#review-legacy-fields[hidden], #comparison-divider[hidden] { display: none; }
#comparison-tools { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.comparison-legend { font-size: 13px; color: var(--ink-2); }
body.comparison-open { overflow: hidden; }
#review-panel.comparison-active { position: fixed; inset: 0; z-index: 100; width: 100%; max-width: none; margin: 0; padding: 0; overflow: auto; background: var(--surface, white); }
#review-panel.comparison-active > .card { border: 0; border-radius: 0; margin: 0; padding: 12px; box-shadow: none; }
.comparison-active .review-body { display: grid; grid-template-columns: minmax(0, calc(var(--comparison-left, 50%) - 4px)) 8px minmax(0, 1fr); gap: 0; align-items: start; }
.comparison-active .review-main { min-width: 0; width: auto; }
.comparison-active .review-side { position: static; width: auto; min-width: 0; max-width: none; border-radius: 0; margin: 0; transition: none; }
.comparison-active .review-body:has(> .review-side.collapsed) { grid-template-columns: minmax(0, 1fr) 0 42px; }
.comparison-active .review-side.collapsed { min-width: 0; }
.comparison-active .source-viewport { max-height: none; height: 65vh; overflow: auto; }
#comparison-grid { height: 65vh; overflow: auto; padding: 4px; }
#comparison-grid table { min-width: 600px; width: 100%; }
.comparison-toolbar [hidden], #comparison-form [hidden] { display: none !important; }
.comparison-active .source-viewport { border-radius: 0; }
#comparison-grid[aria-busy="true"] .comparison-marks { visibility: hidden; }
.comparison-status-row { display: flex; align-items: center; gap: 8px; min-height: 40px; font-size: 13px; }
#comparison-field-choice { padding: 8px 0; display: flex; gap: 6px; flex-wrap: wrap; }
#comparison-field-choice[hidden] { display: none; }
#comparison-field-choice button[aria-pressed="true"] { outline: 2px solid var(--accent); }
#comparison-grid td { word-break: normal; overflow-wrap: normal; }
#comparison-grid td.comparison-business-cell { cursor: pointer; }
#comparison-grid td.comparison-business-cell:focus-visible,
#comparison-grid td.comparison-selected { outline: 2px solid var(--accent); outline-offset: -2px; }
.comparison-marks { display: inline-flex; gap: 2px; margin-right: 3px; }
#comparison-divider { background: var(--hairline); cursor: col-resize; min-height: 65vh; touch-action: none; }
#comparison-divider:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.comparison-active .review-action-row { flex-wrap: wrap; }
@media (max-width: 760px) {
  .comparison-active .review-body,
  .comparison-active .review-body:has(> .review-side.collapsed) { display: flex; flex-direction: column; }
  .comparison-active .review-main, .comparison-active .review-side { width: 100%; }
  #comparison-divider { display: none; }
  .comparison-active .source-viewport, #comparison-grid { height: 55vh; }
}

.comparison-inline-editor { box-sizing: border-box; width: 100%; min-width: 110px; min-height: 36px; font: inherit; font-size: 14px; resize: vertical; }

#review-goods-controls { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
#review-goods-selection { max-width: 240px; }

/* #1554：成品报关单网格里商品编号格的预填标记（与商品表同一套词与色块）。 */
.comparison-marks .hs-prefill-tag { display: inline; font-size: 13px; line-height: 16px; }