.active-order-finalize-slot {
  min-width: 0;
  padding-top: var(--space-5);
  border-top: 1px solid var(--dvs-line);
}
.active-order-finalize-slot > dvs-widget,
.archive-detail-slot > dvs-widget,
.import-preview-slot > dvs-widget,
.export-preview-slot > dvs-widget,
.quick-preset-slot > dvs-widget { width: 100%; }

.finalize-widget { max-width: 980px; }
.finalize-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  border: 1px solid var(--dvs-line);
  background: var(--dvs-line);
}
.finalize-summary > div {
  min-width: 0;
  padding: var(--space-3);
  background: var(--dvs-surface);
}
.finalize-summary .ui-value {
  margin-top: 4px;
  font-size: clamp(22px, 6cqi, 32px);
}
.finalize-widget .ui-textarea { min-height: 92px; }
.finalize-widget > .ui-button--primary {
  justify-self: start;
  min-width: min(100%, 260px);
}

.archive-focus { gap: var(--space-3); }
.archive-focus__nav { min-height: 44px; }
.archive-detail-slot {
  min-width: 0;
  padding-top: var(--space-4);
  border-top: 1px solid var(--dvs-line);
}
.archived-order-detail { gap: var(--space-4); }
.archived-order-meta {
  display: grid;
  grid-template-columns: minmax(180px, 1.4fr) minmax(130px, .8fr) minmax(130px, .8fr);
  gap: var(--space-4);
  padding-bottom: var(--space-3);
  border-bottom: 1px solid var(--dvs-line);
}
.archived-order-reference {
  margin-top: 4px;
  font-size: clamp(20px, 5cqi, 30px);
  font-weight: 620;
  letter-spacing: -.03em;
  overflow-wrap: anywhere;
}
.archived-order-lines {
  display: grid;
  border-top: 1px solid var(--dvs-line);
}
.archived-order-line {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: var(--space-3);
  min-height: 54px;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid var(--dvs-line);
}
.archived-order-line__index {
  color: var(--dvs-ink-faint);
  font-variant-numeric: tabular-nums;
  text-align: center;
}
.archived-order-line__main { min-width: 0; }
.archived-order-line__title {
  font-weight: 590;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.archived-order-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.import-preview-slot,
.export-preview-slot {
  min-width: 0;
  margin-top: var(--space-2);
  padding-top: var(--space-4);
  border-top: 1px solid var(--dvs-line);
}
.import-preview { gap: var(--space-4); }
.import-preview-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  border: 1px solid var(--dvs-line);
  background: var(--dvs-line);
}
.import-preview-metrics > div {
  min-width: 0;
  padding: var(--space-3);
  background: var(--dvs-surface);
}
.import-preview-metrics .ui-value {
  margin-top: 4px;
  font-size: clamp(20px, 5cqi, 30px);
}
.import-preview-list {
  display: grid;
  border-top: 1px solid var(--dvs-line);
}
.import-preview-row {
  min-width: 0;
  padding: 9px 0;
  border-bottom: 1px solid var(--dvs-line);
}
.import-preview-row[data-kind="warning"] {
  padding-left: var(--space-3);
  border-left: 2px solid var(--dvs-warning);
}
.import-preview-row__title {
  font-weight: 570;
  overflow-wrap: anywhere;
}
.import-preview-actions {
  padding-top: var(--space-2);
  border-top: 1px solid var(--dvs-line);
}

.export-workflow { gap: var(--space-4); }
.export-settings {
  display: grid;
  grid-template-columns: minmax(180px, 280px) minmax(0, 1fr);
  gap: var(--space-4);
  align-items: end;
}
.export-settings__toggles {
  display: flex;
  flex-wrap: wrap;
  gap: 8px var(--space-4);
  min-height: var(--touch-min);
  align-items: center;
}
.export-setting-toggle { cursor: pointer; }
.export-setting-toggle input { width: 18px; height: 18px; }
.export-preview { gap: var(--space-3); }
.export-preview__meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  color: var(--dvs-ink-soft);
  font-size: var(--text-sm);
}
.export-preview__text {
  min-height: clamp(240px, 48vh, 560px);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  line-height: 1.45;
  white-space: pre;
}
.export-preview__actions {
  padding-top: var(--space-2);
  border-top: 1px solid var(--dvs-line);
}

.quick-select-focus { gap: var(--space-4); }
.quick-preset-builder {
  display: grid;
  gap: var(--space-3);
  padding-bottom: var(--space-4);
  border-bottom: 1px solid var(--dvs-line);
}
.quick-preset-builder > .ui-button--primary { justify-self: start; }
.quick-preset-list {
  display: grid;
  gap: var(--space-2);
}
.quick-preset-slot {
  min-width: 0;
  padding: var(--space-3);
  border: 1px solid var(--dvs-line);
  border-radius: var(--radius-sm);
  background: var(--dvs-surface-raised);
}
.quick-preset {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--space-3) var(--space-4);
  align-items: center;
}
.quick-preset__identity { min-width: 0; }
.quick-preset__name {
  font-size: var(--text-lg);
  font-weight: 610;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.quick-preset__preview {
  margin-top: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.quick-preset > .ui-note { grid-column: 1 / -1; }
.quick-preset__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  justify-content: flex-end;
}
.quick-select-summary .ui-value { margin-block: 3px; }

@container (max-width: 980px) {
  .archived-order-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .archived-order-meta > :first-child { grid-column: 1 / -1; }
  .export-settings { grid-template-columns: 1fr; align-items: stretch; }
}

@container (max-width: 620px) {
  .finalize-summary,
  .import-preview-metrics { grid-template-columns: 1fr; }
  .finalize-widget > .ui-button--primary,
  .quick-preset-builder > .ui-button--primary { width: 100%; }
  .archived-order-meta { grid-template-columns: 1fr; }
  .archived-order-meta > :first-child { grid-column: 1; }
  .archived-order-actions,
  .import-preview-actions,
  .export-preview__actions,
  .quick-preset__actions { display: grid; grid-template-columns: 1fr; }
  .archived-order-actions .ui-button,
  .import-preview-actions .ui-button,
  .export-preview__actions .ui-button,
  .quick-preset__actions .ui-button { width: 100%; }
  .quick-preset { grid-template-columns: 1fr; }
  .quick-preset__actions { justify-content: stretch; }
}