.evidence_task_detail_view {
  flex: 1;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  background: #f5f7fb;
}

.content_view.evidence_task_detail_view:not(.active) {
  display: none;
}

.etd_root {
  flex: 1;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 10px;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  padding: 12px 16px 16px;
  color: #111827;
  overflow: hidden;
}

.etd_header_area,
.etd_operation_area,
.etd_empty {
  border: 1px solid #dfe5ee;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

.etd_header_area {
  display: grid;
  gap: 6px;
  padding: 10px 14px;
}

.etd_specialist_header {
  gap: 12px;
  padding: 14px 16px;
  border-color: #bfdbfe;
  background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
}

.etd_specialist_flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.etd_specialist_flow > div {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 2px 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #dbe4ef;
  border-radius: 8px;
  background: #fff;
}

.etd_specialist_flow strong {
  grid-row: 1 / span 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #e2e8f0;
  color: #475569;
  font-size: 13px;
}

.etd_specialist_flow span,
.etd_specialist_flow small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.etd_specialist_flow span {
  color: #0f172a;
  font-size: 13px;
  font-weight: 800;
}

.etd_specialist_flow small {
  color: #64748b;
  font-size: 11px;
}

.etd_specialist_flow > .is-complete {
  border-color: #bbf7d0;
  background: #f0fdf4;
}

.etd_specialist_flow > .is-complete strong {
  background: #16a34a;
  color: #fff;
}

.etd_specialist_flow > .is-active {
  border-color: #93c5fd;
  background: #eff6ff;
}

.etd_specialist_flow > .is-active strong {
  background: #2563eb;
  color: #fff;
}

.etd_specialist_operation_area .etd_operation_grid {
  height: 100%;
}

.etd_title_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.etd_eyebrow {
  margin: 0 0 2px;
  color: #c0392b;
  font-size: 12px;
  font-weight: 700;
}

.etd_title_row h1,
.etd_header_summary h2,
.etd_column_head h2,
.etd_review_info h2 {
  margin: 0;
  color: #111827;
  line-height: 1.3;
  letter-spacing: 0;
}

.etd_title_row h1 {
  font-size: 20px;
}

.etd_role_hint {
  margin: 4px 0 0;
  color: #64748b;
  font-size: 13px;
  line-height: 1.45;
}

.etd_head_actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.etd_batch_review_nav {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 6px;
  border: 1px solid #bfdbfe;
  border-radius: 10px;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 700;
}

.etd_batch_review_nav .etd_btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.etd_dockbar_action_source {
  display: none !important;
}

.etd_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 6px 11px;
  border: 1px solid #d7dee8;
  border-radius: 8px;
  background: #fff;
  color: #1f2937;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}

.etd_btn:hover {
  border-color: #2f6bff;
  color: #1d4ed8;
}

.etd_btn:disabled {
  cursor: not-allowed;
  opacity: 0.58;
}

.etd_btn_small {
  min-height: 28px;
  padding: 4px 9px;
  font-size: 12px;
}

.etd_btn_primary {
  border-color: #2563eb;
  background: #2563eb;
  color: #fff;
}

.etd_empty_picker {
  align-content: start;
  gap: 12px;
}

.etd_recent_jobs_panel {
  display: grid;
  gap: 8px;
  min-width: 0;
  width: min(720px, 100%);
  margin-top: 4px;
}

.etd_recent_jobs_panel h2 {
  margin: 0;
  color: #111827;
  font-size: 15px;
}

.etd_recent_jobs,
.etd_recent_jobs_hint {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.etd_recent_jobs_hint {
  padding: 10px;
  border: 1px solid #dbe4ef;
  border-radius: 8px;
  background: #f8fafc;
  color: #64748b;
  font-size: 13px;
}

.etd_recent_jobs_hint.is-error {
  border-color: #fecaca;
  background: #fff7ed;
  color: #b91c1c;
}

.etd_recent_job {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #dbe4ef;
  border-radius: 8px;
  background: #fff;
  color: #111827;
  text-align: left;
  cursor: pointer;
}

.etd_recent_job:hover,
.etd_recent_job:focus-visible {
  border-color: #93c5fd;
  background: #eff6ff;
  outline: none;
}

.etd_recent_job span {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.etd_recent_job strong,
.etd_recent_job small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.etd_recent_job strong {
  font-size: 14px;
}

.etd_recent_job small,
.etd_recent_job em {
  color: #64748b;
  font-size: 12px;
  font-style: normal;
}

.etd_btn.is-active {
  border-color: #2563eb;
  background: #eff6ff;
  color: #1d4ed8;
}

.etd_btn_primary:hover {
  color: #fff;
  background: #1d4ed8;
}

.etd_btn_danger {
  border-color: #fecaca;
  background: #fff1f2;
  color: #be123c;
}

.etd_btn_danger:hover {
  border-color: #fb7185;
  color: #be123c;
}

.etd_btn_warn {
  border-color: #fed7aa;
  background: #fff7ed;
  color: #c2410c;
}

.etd_btn_warn:hover {
  border-color: #fb923c;
  color: #c2410c;
}

.etd_external_ai_toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 4px 8px;
  border: 1px solid #fed7aa;
  border-radius: 6px;
  background: #fffaf0;
  color: #9a3412;
  font-size: 12px;
  cursor: pointer;
  user-select: none;
}

.etd_external_ai_toggle input {
  margin: 0;
  accent-color: #c2410c;
}

.ert_toggle.etd_external_ai_toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--etd-muted, #64748b);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
}

.etd_task_tag,
.etd_badge {
  display: inline-flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  min-height: 26px;
  padding: 4px 9px;
  border-radius: 999px;
  background: #eef4ff;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 700;
}

.etd_badge {
  background: #fff7ed;
  color: #c2410c;
}

.etd_badge.is-ok {
  background: #dcfce7;
  color: #047857;
}

.etd_task_tag.is-ok {
  background: #dcfce7;
  color: #047857;
}

.etd_task_tag.is-warn {
  background: #fff7ed;
  color: #c2410c;
}

.etd_task_tag.is-test {
  background: #fef3c7;
  color: #92400e;
}

.etd_task_tag.is-danger,
.etd_badge.is-danger {
  border-color: #fecaca;
  background: #fef2f2;
  color: #b91c1c;
}

.etd_badge.is-blue {
  background: #dbeafe;
  color: #1d4ed8;
}

.etd_raw_assets_panel {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #dbe7f5;
  border-radius: 8px;
  background: #f8fbff;
}

.etd_raw_assets_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.etd_raw_assets_head strong {
  color: #111827;
  font-size: 13px;
}

.etd_raw_assets_head span {
  min-width: 0;
  overflow: hidden;
  color: #64748b;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.etd_raw_assets_grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 8px;
  max-height: 148px;
  overflow: auto;
  scrollbar-gutter: stable;
}

.etd_raw_asset_card {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 9px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #ffffff;
}

.etd_raw_asset_card span {
  width: max-content;
  max-width: 100%;
  padding: 2px 7px;
  border-radius: 999px;
  background: #eef4ff;
  color: #1d4ed8;
  font-size: 11px;
  font-weight: 800;
}

.etd_raw_asset_card strong,
.etd_raw_asset_card small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.etd_raw_asset_card strong {
  color: #111827;
  font-size: 12px;
}

.etd_raw_asset_card small {
  color: #64748b;
  font-size: 11px;
}

.etd_header_summary span,
.etd_group_card span,
.etd_group_card small {
  color: #64748b;
  font-size: 11px;
  line-height: 1.35;
}

.etd_operation_area {
  display: grid;
  grid-template-rows: minmax(0, 1fr);
  gap: 8px;
  min-height: 0;
  padding: 8px 10px;
  overflow: hidden;
}

.etd_failed_layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(260px, 0.95fr);
  gap: 12px;
  min-width: 0;
  min-height: 0;
  overflow: auto;
}

.etd_failed_panel {
  display: grid;
  align-content: start;
  gap: 12px;
  min-width: 0;
  border: 1px solid #dbe4ef;
  border-radius: 8px;
  padding: 14px;
  background: #fff;
}

.etd_failure_reason {
  display: grid;
  gap: 8px;
  border: 1px solid #fed7aa;
  border-radius: 8px;
  padding: 12px;
  background: #fff7ed;
}

.etd_failure_reason strong {
  color: #9a3412;
  font-size: 14px;
  line-height: 1.45;
}

.etd_failure_reason p {
  margin: 0;
  color: #7c2d12;
  font-size: 13px;
  line-height: 1.55;
}

.etd_failed_actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.etd_failed_raw_assets {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.etd_failed_raw_assets article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 8px;
  min-width: 0;
  border: 1px solid #dbe4ef;
  border-radius: 8px;
  padding: 10px;
  background: #f8fafc;
}

.etd_failed_raw_assets strong,
.etd_failed_raw_assets small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.etd_failed_raw_assets strong {
  color: #111827;
  font-size: 13px;
}

.etd_failed_raw_assets span {
  border-radius: 999px;
  padding: 2px 8px;
  background: #e0f2fe;
  color: #075985;
  font-size: 11px;
  font-weight: 700;
}

.etd_failed_raw_assets small {
  grid-column: 1 / -1;
  color: #64748b;
  font-size: 12px;
}

.etd_header_summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "summary metrics";
  gap: 4px 12px;
  align-items: center;
  min-width: 0;
}

.etd_header_summary.is-failed {
  border: 1px solid #fed7aa;
  border-radius: 8px;
  padding: 8px;
  background: #fff7ed;
}

.etd_header_summary_main {
  grid-area: summary;
  min-width: 0;
}

.etd_header_summary h2 {
  color: #334155;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
  white-space: normal;
}

.etd_summary_metrics {
  grid-area: metrics;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  min-width: 0;
}

.etd_summary_metrics div {
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  gap: 4px;
  min-width: 0;
  min-height: 24px;
  padding: 2px 7px;
  border: 1px solid #dbe5f2;
  border-radius: 999px;
  background: #f8fafc;
}

.etd_summary_metrics strong {
  color: #0f172a;
  font-size: 13px;
  line-height: 1;
}

.etd_summary_metrics span {
  margin: 0;
  color: #64748b;
  font-size: 10px;
  white-space: nowrap;
}

.etd_runtime_panel {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 8px 10px;
  border: 1px solid #dbe5f2;
  border-radius: 8px;
  background: #f8fbff;
}

.etd_runtime_main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.etd_runtime_main h3 {
  margin: 0;
  color: #111827;
  font-size: 13px;
  line-height: 1.25;
}

.etd_runtime_main span {
  display: block;
  margin-top: 2px;
  overflow: hidden;
  color: #64748b;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.etd_runtime_main strong {
  flex: 0 0 auto;
  color: #1d4ed8;
  font-size: 18px;
}

.etd_runtime_bar {
  height: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: #e5edf7;
}

.etd_runtime_bar span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #2563eb;
}

.etd_runtime_groups {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  overflow-x: auto;
}

.etd_runtime_chip {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 6px;
  max-width: 220px;
  min-height: 24px;
  padding: 3px 8px;
  border: 1px solid #dbe5f2;
  border-radius: 999px;
  background: #fff;
  color: #334155;
  font-size: 11px;
  font-weight: 700;
}

.etd_runtime_chip em {
  color: #64748b;
  font-style: normal;
  font-weight: 700;
}

.etd_runtime_chip.is-running {
  border-color: #bfdbfe;
  background: #eff6ff;
  color: #1d4ed8;
}

.etd_runtime_chip.is-success {
  border-color: #bbf7d0;
  background: #f0fdf4;
  color: #047857;
}

.etd_runtime_chip.is-failed,
.etd_runtime_chip.is-timeout,
.etd_runtime_chip.is-cancelled {
  border-color: #fecaca;
  background: #fff1f2;
  color: #be123c;
}

.etd_runtime_chip.is-fallback,
.etd_runtime_chip.is-partial {
  border-color: #fed7aa;
  background: #fff7ed;
  color: #c2410c;
}

.etd_operation_grid {
  display: grid;
  grid-template-columns: minmax(300px, 340px) minmax(420px, 1.25fr) minmax(340px, 1fr);
  gap: 12px;
  width: 100%;
  min-width: 0;
  min-height: 0;
}

.etd_preprocess_panel {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.etd_preprocess_summary {
  display: grid;
  grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.2fr);
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 12px;
  border: 1px solid #dfe5ee;
  border-radius: 8px;
  background: #fff;
}

.etd_preprocess_summary h2 {
  margin: 0;
  color: #111827;
  font-size: 16px;
  line-height: 1.35;
}

.etd_preprocess_summary span {
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
}

.etd_preprocess_metrics {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

.etd_preprocess_metrics div {
  display: grid;
  place-items: center;
  min-width: 0;
  min-height: 58px;
  padding: 8px;
  border: 1px solid #dbe5f2;
  border-radius: 8px;
  background: #f8fafc;
}

.etd_preprocess_metrics strong {
  color: #0f172a;
  font-size: 20px;
  line-height: 1;
}

.etd_preprocess_metrics span {
  color: #64748b;
  font-size: 11px;
  white-space: nowrap;
}

.etd_preprocess_grid {
  display: grid;
  grid-template-columns: minmax(260px, 0.8fr) minmax(420px, 1.2fr);
  gap: 12px;
  min-width: 0;
  min-height: 0;
  overflow: auto;
}

.etd_preprocess_section {
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
  min-height: 0;
  padding: 12px;
  border: 1px solid #dfe5ee;
  border-radius: 8px;
  background: #fff;
}

.etd_preprocess_kind_list,
.etd_preprocess_conversation_list,
.etd_preprocess_candidate_list,
.etd_preprocess_merge_list {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.etd_preprocess_kind_list article,
.etd_preprocess_conversation_list article,
.etd_preprocess_candidate_list article,
.etd_preprocess_merge_list article {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #dbe5f2;
  border-radius: 8px;
  background: #fbfdff;
}

.etd_preprocess_conversation_list article.needs-review {
  border-color: #fed7aa;
  background: #fff7ed;
}

.etd_preprocess_candidate_list article.is-chat {
  border-color: #bfdbfe;
  background: #eff6ff;
}

.etd_preprocess_conversation_list article > div,
.etd_preprocess_merge_list article > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}

.etd_preprocess_kind_list strong,
.etd_preprocess_conversation_list strong,
.etd_preprocess_candidate_list strong,
.etd_preprocess_merge_list strong {
  min-width: 0;
  overflow: hidden;
  color: #111827;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.etd_preprocess_kind_list span,
.etd_preprocess_conversation_list span,
.etd_preprocess_candidate_list span,
.etd_preprocess_merge_list span,
.etd_preprocess_conversation_list em {
  flex: 0 0 auto;
  width: max-content;
  max-width: 100%;
  padding: 3px 8px;
  border-radius: 999px;
  background: #eef4ff;
  color: #1d4ed8;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}

.etd_preprocess_conversation_list em {
  background: #fff7ed;
  color: #c2410c;
}

.etd_preprocess_kind_list p,
.etd_preprocess_conversation_list p,
.etd_preprocess_candidate_list p,
.etd_preprocess_merge_list p,
.etd_preprocess_conversation_list small,
.etd_preprocess_merge_list small {
  margin: 0;
  color: #475569;
  font-size: 12px;
  line-height: 1.45;
  word-break: break-word;
}

.etd_file_column,
.etd_preview_column,
.etd_review_column {
  min-width: 0;
  min-height: 0;
  border: 1px solid #dfe5ee;
  border-radius: 8px;
  background: #fff;
}

.etd_file_column {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
}

.etd_column_head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
  padding: 12px;
  border-bottom: 1px solid #e5eaf2;
}

.etd_column_head h2 {
  overflow: hidden;
  font-size: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.etd_column_head h2,
.etd_column_head h3 {
  margin: 0;
}

.etd_column_head > span {
  flex: 0 0 auto;
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
}

.etd_group_list {
  display: grid;
  align-content: start;
  gap: 8px;
  min-height: 0;
  padding: 10px;
  overflow: auto;
}

.etd_group_list_with_proof {
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
}

.etd_group_file_grid .mfm_file_card.is-selected .mfm_file_delete,
.etd_group_file_grid .mfm_file_card.is-selected:focus-within .mfm_file_delete {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
}

.etd_group_card_wrap {
  position: relative;
  min-width: 0;
}

.etd_group_card {
  display: grid;
  gap: 6px;
  width: 100%;
  min-width: 0;
  padding: 10px;
  border: 1px solid #dfe7f3;
  border-radius: 8px;
  background: #fff;
  color: #111827;
  text-align: left;
  cursor: pointer;
}

.etd_group_card.is-active {
  border-color: #2563eb;
  background: #eff6ff;
}

.etd_card_delete {
  position: absolute;
  top: -7px;
  right: -7px;
  z-index: 3;
  display: grid;
  width: 22px;
  height: 22px;
  place-items: center;
  border: 0;
  border-radius: 999px;
  padding: 0;
  background: #fff;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.18);
  color: #ef4444;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transform: scale(0.92);
  transition: opacity 0.14s ease, transform 0.14s ease, box-shadow 0.14s ease;
}

.etd_group_card_wrap:hover .etd_card_delete,
.etd_group_card_wrap:focus-within .etd_card_delete,
.etd_group_card_wrap.is-active .etd_card_delete {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
}

.etd_card_delete:hover {
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.28);
}

.etd_card_delete:disabled {
  cursor: progress;
  opacity: 0.55;
}

.etd_card_delete svg {
  width: 20px;
  height: 20px;
  fill: #fff;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
}

.etd_group_card_top {
  display: grid;
  gap: 6px;
}

.etd_group_runtime {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding-top: 2px;
}

.etd_group_runtime_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}

.etd_group_runtime_head .etd_runtime_chip {
  max-width: 100%;
  min-height: 22px;
  padding: 2px 7px;
}

.etd_group_runtime_head small {
  flex: 0 0 auto;
  color: #2563eb;
  font-size: 11px;
  font-weight: 800;
}

.etd_group_runtime_bar {
  display: block;
  height: 4px;
  overflow: hidden;
  border-radius: 999px;
  background: #e5edf7;
}

.etd_group_runtime_bar i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #2563eb;
}

.etd_group_card strong {
  min-width: 0;
  color: #111827;
  font-size: 13px;
  line-height: 1.35;
}

.etd_preview_column {
  display: grid;
  grid-template-rows: minmax(0, 1fr);
  overflow: hidden;
}

.etd_preview_module,
.etd_public_preview_box {
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
}

.etd_preview_module {
  display: grid;
}

.etd_preview_column .etd_public_preview_box.pmt_file_preview[data-pmt-public-preview] {
  min-height: 0;
  border: 0;
  border-radius: 0 0 8px 8px;
}

.etd_preview_column .etd_public_preview_box.pmt_file_preview[data-pmt-public-preview] .pmt_preview_surface,
.etd_preview_column .etd_public_preview_box.pmt_file_preview[data-pmt-public-preview] .pmt_pdf_viewer {
  inset: 0;
  height: auto;
}

.etd_preview_column .etd_public_preview_box.pmt_file_preview[data-pmt-public-preview] .pmt_preview_toolbar {
  left: auto;
  right: 10px;
  bottom: auto;
  top: 10px;
  width: auto;
  min-height: 34px;
  border: 1px solid rgba(148, 163, 184, 0.45);
  border-radius: 8px;
  grid-template-columns: repeat(6, 38px);
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
}

.etd_preview_column .etd_public_preview_box.pmt_file_preview[data-pmt-public-preview] .pmt_icon_btn {
  min-width: 38px;
  min-height: 34px;
}

.etd_preview_column .etd_public_preview_box.pmt_file_preview[data-pmt-public-preview] [data-pmt-preview-zoom-label] {
  min-width: 38px;
  font-size: 12px;
}

.etd_preview_surface,
.etd_preview_placeholder {
  min-height: 0;
  height: 100%;
  border: 0;
  border-radius: 0 0 8px 8px;
  background: #f8fafc;
}

.etd_preview_placeholder {
  display: grid;
  place-items: center;
  padding: 24px;
  color: #64748b;
  text-align: center;
}

.etd_text_preview {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  min-width: 0;
  min-height: 0;
  height: 100%;
  overflow: hidden;
  border: 1px solid #dbe4f0;
  border-radius: 8px;
  background: #fff;
}

.etd_text_preview_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  padding: 10px 12px;
  border-bottom: 1px solid #e5edf7;
  background: #f8fafc;
}

.etd_text_preview_head > div {
  min-width: 0;
}

.etd_text_preview_head strong {
  display: block;
  min-width: 0;
  overflow: hidden;
  color: #111827;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.etd_text_preview_head a {
  flex: 0 0 auto;
  min-height: 30px;
  padding: 5px 10px;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.etd_text_preview pre {
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 16px;
  overflow: auto;
  color: #1f2937;
  font: 13px/1.7 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  white-space: pre-wrap;
  word-break: break-word;
  background: #ffffff;
}

.etd_review_column {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
}

.etd_review_info {
  display: grid;
  align-content: start;
  gap: 12px;
  min-height: 0;
  padding: 12px;
  overflow: auto;
}

.etd_section_title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.etd_section_title h2 {
  margin: 2px 0 0;
  color: #111827;
  font-size: 16px;
  line-height: 1.35;
}

.etd_original_output_name {
  display: block;
  margin-top: 4px;
  color: #64748b;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.etd_section_title > span {
  flex: 0 0 auto;
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

.etd_section_title_meta {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  max-width: 56%;
  flex-wrap: wrap;
}

.etd_content_summary,
.etd_field_audit,
.etd_problem_tools,
.etd_inline_clean_chat,
.etd_inline_file_intro {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.etd_inline_clean_chat {
  min-height: 0;
}

.etd_inline_clean_chat .etd_clean_chat_panel {
  padding: 0;
  background: transparent;
}

.etd_inline_clean_chat .etd_chat_meta {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.etd_inline_clean_chat .etd_identity_list {
  grid-template-columns: 1fr;
}

.etd_summary_block,
.etd_summary_grid > div {
  display: grid;
  gap: 6px;
  padding: 11px;
  border: 1px solid #dbe5f2;
  border-radius: 8px;
  background: #f8fafc;
}

.etd_content_review_alert {
  display: grid;
  gap: 4px;
  padding: 10px 12px;
  border: 1px solid #fecaca;
  border-radius: 8px;
  background: #fff1f2;
  color: #991b1b;
}

.etd_content_review_alert.is-warn {
  border-color: #fed7aa;
  background: #fff7ed;
  color: #9a3412;
}

.etd_content_review_alert strong {
  font-size: 13px;
}

.etd_content_review_alert span,
.etd_content_review_alert small {
  color: inherit;
  font-size: 12px;
  line-height: 1.5;
}

.etd_content_review_alert small {
  opacity: 0.82;
}

.etd_summary_block strong,
.etd_summary_grid strong {
  color: #111827;
  font-size: 13px;
}

.etd_summary_block p,
.etd_summary_grid p {
  margin: 0;
  color: #334155;
  font-size: 13px;
  line-height: 1.55;
}

.etd_summary_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.etd_proof_panel {
  display: grid;
  gap: 8px;
  padding: 14px;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  background: #f8fbff;
}

.etd_proof_panel strong,
.etd_case_data_panel > .etd_field_group_head strong,
.etd_source_snippets > .etd_field_group_head strong,
.etd_source_snippets > summary strong,
.etd_review_issues strong {
  color: #b91c1c;
  font-size: 13px;
  font-weight: 900;
}

.etd_proof_panel p {
  margin: 0;
  color: #111827;
  font-size: 15px;
  font-weight: 750;
  line-height: 1.65;
  white-space: pre-line;
}

.etd_content_digest {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid #c7d2fe;
  border-radius: 10px;
  background: #f8faff;
}

.etd_digest_heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 4px;
}

.etd_digest_heading > div {
  display: grid;
  gap: 4px;
}

.etd_digest_heading strong {
  color: #1e3a8a;
  font-size: 14px;
  font-weight: 900;
}

.etd_digest_heading small {
  color: #64748b;
  font-size: 12px;
  line-height: 1.5;
}

.etd_digest_status {
  color: #92400e;
  font-size: 12px;
  font-weight: 800;
}

.etd_digest_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.etd_digest_notice {
  margin-top: 8px;
  line-height: 1.55;
}

.etd_proof_editor {
  display: grid;
  gap: 12px;
}

.etd_proof_editor label {
  display: grid;
  gap: 6px;
  color: #1e3a8a;
  font-size: 13px;
}

.etd_proof_editor textarea {
  width: 100%;
  min-height: 120px;
  box-sizing: border-box;
  resize: vertical;
  padding: 10px 12px;
  border: 1px solid #93c5fd;
  border-radius: 8px;
  background: #fff;
  color: #0f172a;
  font: inherit;
  line-height: 1.65;
}

.etd_proof_editor textarea:focus {
  border-color: #2563eb;
  outline: 3px solid rgba(37, 99, 235, 0.14);
}

.etd_proof_editor_actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.etd_audit_switch {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 6px 12px;
  border: 1px solid #93c5fd;
  border-radius: 999px;
  background: #eff6ff;
  color: #1d4ed8;
  font-weight: 800;
  cursor: pointer;
}

.etd_audit_switch input {
  width: 34px;
  height: 20px;
  accent-color: #16a34a;
}

.etd_audit_switch.is-audited {
  border-color: #86efac;
  background: #ecfdf5;
  color: #15803d;
}

@media (max-width: 860px) {
  .etd_digest_grid {
    grid-template-columns: 1fr;
  }
}

.etd_material_summary_panel {
  border-color: #c7d2fe;
  background: #f8faff;
}

.etd_material_summary_panel strong {
  color: #1d4ed8;
}

.etd_proof_purpose_panel {
  border-color: #bfdbfe;
  background: #eff6ff;
}

.etd_proof_purpose_panel strong {
  color: #1e40af;
}

.etd_proof_candidate_selector {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 12px;
  border: 2px solid #2563eb;
  border-radius: 10px;
  background: #eff6ff;
  box-shadow: 0 3px 10px rgba(37, 99, 235, 0.08);
}

.etd_proof_candidate_selector > strong {
  color: #1e3a8a;
  font-size: 14px;
  font-weight: 900;
}

.etd_proof_candidate_heading {
  display: grid;
  gap: 4px;
}

.etd_review_context_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.etd_review_context_card {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #fff;
}

.etd_review_context_card strong {
  color: #334155;
  font-size: 12px;
  font-weight: 900;
}

.etd_review_context_card p {
  margin: 0;
  color: #334155;
  font-size: 12px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.etd_review_context_summary {
  border-color: #a5b4fc;
  background: #f8faff;
}

.etd_review_context_summary strong {
  color: #3730a3;
}

.etd_review_context_purpose {
  border-color: #bfdbfe;
  background: #eff6ff;
}

.etd_review_context_purpose strong {
  color: #1e40af;
}

.etd_proof_candidate_prompt {
  color: #334155;
  font-size: 12px;
  font-weight: 800;
}

.etd_proof_candidate_options {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.etd_proof_candidate_option {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: start;
  gap: 8px;
  width: 100%;
  min-width: 0;
  padding: 10px;
  border: 1px solid #93c5fd;
  border-radius: 8px;
  background: #fff;
  color: #0f172a;
  text-align: left;
  cursor: pointer;
}

.etd_proof_candidate_option:hover,
.etd_proof_candidate_option:focus-visible {
  border-color: #2563eb;
  background: #f8fbff;
  outline: 3px solid rgba(37, 99, 235, 0.16);
}

.etd_proof_candidate_option.is-selected {
  border-color: #1d4ed8;
  background: #dbeafe;
  box-shadow: inset 0 0 0 1px #2563eb;
}

.etd_proof_candidate_option_mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border: 1px solid #93c5fd;
  border-radius: 999px;
  background: #fff;
  color: #1d4ed8;
  font-size: 14px;
  font-weight: 900;
}

.etd_proof_candidate_option.is-selected .etd_proof_candidate_option_mark {
  border-color: #1d4ed8;
  background: #1d4ed8;
  color: #fff;
}

.etd_proof_candidate_option_body {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.etd_proof_candidate_option_body strong {
  min-width: 0;
  color: #0f172a;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.etd_proof_candidate_option_body small {
  color: #1d4ed8;
  font-size: 11px;
  font-weight: 800;
}

.etd_proof_candidate_selector small {
  color: #475569;
  font-size: 11px;
  line-height: 1.5;
}

.etd_review_action_group {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.etd_review_action_group .etd_btn_primary {
  min-width: 126px;
}

.etd_case_data_panel,
.etd_fact_review_panel,
.etd_source_snippets,
.etd_review_issues {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.etd_source_snippets {
  padding: 10px 12px;
  border: 1px solid #dbe5f2;
  border-radius: 8px;
  background: #ffffff;
}

.etd_source_snippets > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  cursor: pointer;
  list-style: none;
}

.etd_source_snippets > summary::-webkit-details-marker {
  display: none;
}

.etd_source_snippets > summary::after {
  content: "展开";
  flex: 0 0 auto;
  color: #2563eb;
  font-size: 12px;
  font-weight: 800;
}

.etd_source_snippets[open] > summary::after {
  content: "收起";
}

.etd_source_snippets > summary span {
  min-width: 0;
  color: #64748b;
  font-size: 12px;
  line-height: 1.4;
  text-align: right;
}

.etd_source_snippet_list {
  display: grid;
  gap: 8px;
  min-width: 0;
  margin-top: 10px;
}

.etd_fact_review_panel {
  padding: 12px;
  border: 1px solid #dbeafe;
  border-radius: 8px;
  background: #f8fbff;
}

.etd_fact_review_panel > .etd_field_group_head strong,
.etd_fact_category_head strong {
  color: #b91c1c;
  font-size: 13px;
  font-weight: 900;
}

.etd_fact_category_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.etd_fact_category_card {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #d8e3f2;
  border-radius: 8px;
  background: #ffffff;
}

.etd_fact_category_head {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.etd_fact_category_head span {
  color: #64748b;
  font-size: 12px;
  line-height: 1.35;
}

.etd_fact_items {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.etd_fact_item {
  display: grid;
  gap: 4px;
  width: 100%;
  min-width: 0;
  padding: 8px 9px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #f8fafc;
  color: #111827;
  text-align: left;
}

button.etd_fact_item {
  cursor: pointer;
}

button.etd_fact_item:hover {
  border-color: #93c5fd;
  background: #eff6ff;
}

.etd_fact_item.is-selected {
  border-color: #2563eb;
  background: #eff6ff;
  box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.18);
}

.etd_fact_item strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.35;
}

.etd_fact_item span {
  color: #334155;
  font-size: 12px;
  line-height: 1.55;
}

.etd_fact_item.is-warning {
  border-color: #fed7aa;
  background: #fff7ed;
}

.etd_fact_item.is-warning strong,
.etd_fact_item.is-warning span {
  color: #9a3412;
}

.etd_case_data_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.etd_case_data_card,
.etd_source_snippet {
  display: grid;
  gap: 6px;
  min-width: 0;
  width: 100%;
  padding: 11px;
  border: 1px solid #dbe5f2;
  border-radius: 8px;
  background: #ffffff;
  color: #111827;
  text-align: left;
  cursor: pointer;
}

.etd_case_data_card:hover,
.etd_source_snippet:hover {
  border-color: #93c5fd;
  background: #f8fbff;
}

.etd_case_data_card span,
.etd_source_snippet strong {
  color: #334155;
  font-size: 12px;
  font-weight: 900;
}

.etd_case_data_card strong {
  color: #0f172a;
  font-size: 18px;
  line-height: 1.2;
}

.etd_case_data_card em {
  color: #64748b;
  font-size: 12px;
  font-style: normal;
}

.etd_source_snippet span {
  color: #334155;
  font-size: 12px;
  line-height: 1.55;
}

.etd_review_issues {
  padding: 10px 12px;
  border: 1px solid #fed7aa;
  border-radius: 8px;
  background: #fff7ed;
  color: #9a3412;
}

.etd_review_issues span {
  color: inherit;
  font-size: 12px;
  line-height: 1.5;
}

.etd_field_group {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.etd_field_match_summary {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.etd_field_match_summary span {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
}

.etd_field_match_summary .is-system { background: #ecfdf5; color: #047857; }
.etd_field_match_summary .is-manual { background: #eff6ff; color: #1d4ed8; }
.etd_field_match_summary .is-internal { background: #f1f5f9; color: #475569; }
.etd_field_match_summary .is-new { background: #fff7ed; color: #c2410c; }

.etd_field_group_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: #111827;
  font-size: 13px;
  font-weight: 800;
}

.etd_field_group_head span {
  color: #64748b;
  font-size: 12px;
}

.etd_field_card_grid {
  display: grid;
  gap: 8px;
}

.etd_empty_block {
  display: grid;
  gap: 6px;
  padding: 12px;
  border: 1px dashed #cbd5e1;
  border-radius: 8px;
  background: #f8fafc;
  color: #64748b;
}

.etd_empty_block strong {
  color: #334155;
  font-size: 13px;
}

.etd_empty_block span {
  font-size: 12px;
  line-height: 1.5;
}

.etd_unmapped_facts {
  display: grid;
  gap: 8px;
  padding-top: 4px;
}

.etd_unmapped_fact_list {
  display: grid;
  gap: 8px;
}

.etd_unmapped_fact {
  display: grid;
  gap: 7px;
  padding: 10px;
  border: 1px dashed #cbd5e1;
  border-radius: 8px;
  background: #f8fafc;
  color: #475569;
}

.etd_unmapped_fact > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.etd_unmapped_fact strong {
  color: #111827;
  font-size: 13px;
}

.etd_unmapped_fact span {
  color: #334155;
  font-size: 13px;
  font-weight: 800;
  text-align: right;
  word-break: break-word;
}

.etd_unmapped_fact p {
  margin: 0;
  color: #64748b;
  font-size: 12px;
  line-height: 1.45;
  word-break: break-word;
}

.etd_unmapped_fact em {
  color: #b45309;
  font-size: 12px;
  font-style: normal;
  line-height: 1.45;
}

.etd_field_card {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #dbe5f2;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
}

.etd_field_card.is-selected {
  border-color: #2563eb;
  background: #eff6ff;
  box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.14);
}

.etd_field_card.has-conflict {
  border-color: #f59e0b;
  background: #fffbeb;
}

.etd_field_card.is-candidate {
  border-color: #bfdbfe;
  background: #f8fbff;
}

.etd_field_card.is-manual {
  border-color: #bfdbfe;
  background: #f8fbff;
}

.etd_field_card.is-internal {
  border-color: #d8dee8;
  background: #f8fafc;
}

.etd_field_card_head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto auto auto;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.etd_field_card .fc_card_head {
  grid-template-columns: minmax(0, 1fr) auto auto auto;
  align-items: center;
  gap: 6px;
}

.etd_field_card_head strong {
  overflow: hidden;
  color: #111827;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.etd_field_card .fc_title {
  overflow: hidden;
  color: #111827;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.etd_field_card .fc_badges {
  flex-wrap: wrap;
}

.etd_field_detail_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #111827;
  cursor: pointer;
}

.etd_field_detail_btn:hover {
  background: #f1f5f9;
  color: #020617;
}

.etd_field_detail_btn svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.etd_field_carrier {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 850;
  white-space: nowrap;
}

.etd_field_carrier.is-system {
  background: #ecfdf5;
  color: #047857;
}

.etd_field_carrier.is-candidate {
  background: #fff7ed;
  color: #c2410c;
}

.etd_field_carrier.is-manual {
  background: #eff6ff;
  color: #1d4ed8;
}

.etd_field_carrier.is-internal {
  background: #e2e8f0;
  color: #475569;
}

.etd_tab_pill {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.etd_ingest_toggle {
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  background: #fff;
  color: #2563eb;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.etd_ingest_toggle.is-on {
  border-color: #a7f3d0;
  background: #ecfdf5;
  color: #047857;
}

.etd_ingest_toggle.is-conflict {
  border-color: #fed7aa;
  background: #fff7ed;
  color: #c2410c;
}

.etd_ingest_toggle:disabled {
  cursor: not-allowed;
  opacity: 0.72;
}

.etd_field_value {
  min-height: 36px;
  padding: 9px 10px;
  border: 1px solid #d6e1ef;
  border-radius: 8px;
  background: #f8fafc;
  color: #111827;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  word-break: break-word;
}

.etd_field_db_state {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 8px;
  border-radius: 8px;
  background: #f1f5f9;
  color: #475569;
  font-size: 12px;
}

.etd_field_db_state strong {
  color: #334155;
}

.etd_field_db_state span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.etd_field_db_state.is-same {
  background: #ecfdf5;
  color: #047857;
}

.etd_field_db_state.is-same strong {
  color: #047857;
}

.etd_field_db_state.is-conflict {
  background: #fff7ed;
  color: #c2410c;
}

.etd_field_db_state.is-conflict strong {
  color: #c2410c;
}

.etd_field_db_state.is-candidate {
  background: #fff7ed;
  color: #9a3412;
}

.etd_field_db_state.is-candidate strong {
  color: #9a3412;
}

.etd_field_db_state.is-manual {
  background: #eff6ff;
  color: #1d4ed8;
}

.etd_field_db_state.is-manual strong {
  color: #1d4ed8;
}

.etd_field_db_state.is-internal {
  background: #f1f5f9;
  color: #475569;
}

.etd_field_db_state.is-internal strong {
  color: #475569;
}

.etd_field_match_reason {
  padding: 7px 9px;
  border-radius: 7px;
  background: #f8fafc;
  color: #64748b;
  font-size: 12px;
  line-height: 1.45;
}

.etd_field_meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
  color: #64748b;
  font-size: 12px;
}

.etd_field_meta span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.etd_field_meta em {
  flex: 0 0 auto;
  color: #64748b;
  font-style: normal;
  font-weight: 800;
}

.etd_field_meta em.is-danger {
  color: #b45309;
}

.etd_evidence_notes_panel {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.etd_note_card {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  background: #f8fbff;
}

.etd_note_card label {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.etd_note_card label span {
  color: #334155;
  font-size: 12px;
  font-weight: 900;
}

.etd_note_card input,
.etd_note_card textarea {
  width: 100%;
  min-width: 0;
  border: 1px solid #d7e2f0;
  border-radius: 8px;
  background: #fff;
  color: #111827;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
}

.etd_note_card input {
  min-height: 34px;
  padding: 7px 9px;
}

.etd_note_card textarea {
  min-height: 86px;
  padding: 8px 9px;
  resize: vertical;
  line-height: 1.5;
}

.etd_note_card p {
  margin: 0;
  padding: 9px 10px;
  border-radius: 8px;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

.etd_field_detail_dialog {
  grid-template-rows: auto auto;
  width: min(560px, calc(100vw - 56px));
  height: auto;
  max-height: min(520px, calc(100vh - 56px));
}

.etd_field_detail_dialog .etd_dialog_head {
  align-items: center;
  padding: 14px 16px 12px;
}

.etd_field_detail_dialog .etd_dialog_head > div {
  min-width: 0;
}

.etd_field_detail_dialog .etd_dialog_head h2 {
  overflow: hidden;
  max-width: 100%;
  font-size: 17px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.etd_field_detail_dialog .etd_dialog_body {
  min-height: 0;
  max-height: 420px;
  overflow: auto;
  padding: 10px 12px 12px;
}

.etd_field_detail_list {
  display: grid;
  gap: 7px;
  margin: 0;
}

.etd_field_detail_list div {
  display: grid;
  grid-template-columns: 80px minmax(0, 1fr);
  gap: 8px;
  padding: 8px 9px;
  border: 1px solid #dbe5f2;
  border-radius: 8px;
  background: #f8fafc;
}

.etd_field_detail_list dt {
  color: #475569;
  font-size: 12px;
  font-weight: 900;
}

.etd_field_detail_list dd {
  min-width: 0;
  margin: 0;
  color: #111827;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
  word-break: break-word;
}

.etd_field_existing {
  display: grid;
  gap: 4px;
  padding: 8px;
  border: 1px dashed #f59e0b;
  border-radius: 8px;
  background: #fff;
}

.etd_field_existing strong,
.etd_field_existing span {
  color: #92400e;
  font-size: 12px;
}

.etd_field_existing p {
  margin: 0;
  color: #111827;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
  word-break: break-word;
}

.etd_field_conflict_actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.etd_conflict_action {
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid #d6e1ef;
  border-radius: 8px;
  background: #fff;
  color: #334155;
  font-size: 12px;
  font-weight: 850;
  cursor: pointer;
}

.etd_conflict_action:hover {
  border-color: #2563eb;
  color: #1d4ed8;
}

.etd_conflict_action.is-danger {
  border-color: #fed7aa;
  background: #fff7ed;
  color: #c2410c;
}

.etd_conflict_action:disabled {
  cursor: not-allowed;
  opacity: 0.65;
}

.etd_field_decision {
  padding: 8px;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 850;
}

.etd_tool_button_grid {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.etd_info_title {
  display: grid;
  gap: 8px;
}

.etd_info_title h2 {
  font-size: 18px;
}

.etd_info_list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.etd_info_list div {
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #f8fafc;
}

.etd_info_list dt {
  margin: 0 0 5px;
  color: #64748b;
  font-size: 12px;
}

.etd_info_list dd {
  margin: 0;
  overflow: hidden;
  color: #111827;
  font-size: 13px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.etd_source_box,
.etd_reason_box {
  display: grid;
  gap: 7px;
  padding: 11px;
  border: 1px dashed #cbd5e1;
  border-radius: 8px;
  background: #fbfdff;
}

.etd_source_box strong,
.etd_reason_box strong {
  color: #111827;
  font-size: 13px;
}

.etd_source_box p,
.etd_reason_box p {
  margin: 0;
  color: #334155;
  font-size: 13px;
  line-height: 1.55;
  word-break: break-word;
}

.etd_notice {
  margin: 0 12px 12px;
  padding: 11px;
  border-radius: 8px;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
}

.etd_warning {
  padding: 10px;
  border-radius: 8px;
  background: #fff7ed;
  color: #b45309;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
}

.etd_preprocess_hint {
  padding: 10px;
  border-radius: 8px;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
}

.etd_dialog_overlay {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: grid;
  place-items: center;
  padding: 28px;
  background: rgba(15, 23, 42, 0.38);
}

.etd_dialog {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  width: min(960px, calc(100vw - 56px));
  height: min(720px, calc(100vh - 56px));
  min-width: 0;
  min-height: 0;
  border: 1px solid #dbe5f2;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 24px 80px rgba(15, 23, 42, 0.22);
}

.etd_dialog_head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid #e5eaf2;
}

.etd_dialog_head h2 {
  margin: 0;
  color: #111827;
  font-size: 18px;
  line-height: 1.35;
}

.etd_dialog_close {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid #d7dee8;
  border-radius: 8px;
  background: #fff;
  color: #64748b;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
}

.etd_dialog_close:hover {
  border-color: #2563eb;
  color: #1d4ed8;
}

.etd_field_detail_close {
  border: 0;
  background: transparent;
  font-size: 0;
  font-weight: 400;
}

.etd_field_detail_close svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.etd_field_detail_close:hover {
  border-color: transparent;
  background: #eff6ff;
  color: #1d4ed8;
}

.etd_dialog_tabs {
  display: flex;
  gap: 8px;
  padding: 10px 18px;
  border-bottom: 1px solid #e5eaf2;
  background: #fff;
}

.etd_dialog_tabs button {
  height: 34px;
  padding: 0 14px;
  border: 1px solid #d8e1ee;
  border-radius: 8px;
  background: #fff;
  color: #475569;
  font-weight: 800;
  cursor: pointer;
}

.etd_dialog_tabs button.is-active {
  border-color: #2563eb;
  background: #eff6ff;
  color: #1d4ed8;
}

.etd_raw_ocr_text {
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  padding: 18px;
  border: 0;
  resize: none;
  outline: none;
  background: #f8fafc;
  color: #111827;
  font: 13px/1.65 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  white-space: pre-wrap;
}

.etd_inline_raw_ocr {
  display: flex;
  flex-direction: column;
  min-height: 420px;
  gap: 12px;
}

.etd_inline_file_intro .etd_inline_ocr_block {
  display: grid;
  gap: 8px;
  min-height: 0;
}

.etd_raw_ocr_text.is-inline {
  height: 520px;
  border: 1px solid #dbe5f2;
  border-radius: 8px;
}

.etd_clean_chat_panel {
  min-height: 0;
  overflow: auto;
  padding: 18px;
  background: #f8fafc;
}

.etd_chat_meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.etd_chat_meta div,
.etd_chat_meta label,
.etd_identity_map,
.etd_clean_message {
  border: 1px solid #dbe5f2;
  border-radius: 8px;
  background: #fff;
}

.etd_chat_meta div,
.etd_chat_meta label {
  padding: 12px;
}

.etd_chat_meta span,
.etd_identity_map strong {
  display: block;
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

.etd_chat_meta strong {
  display: block;
  margin-top: 4px;
  color: #111827;
  font-size: 16px;
}

.etd_chat_meta input {
  width: 100%;
  min-height: 32px;
  margin-top: 6px;
  padding: 5px 8px;
  border: 1px solid #cbd7e6;
  border-radius: 7px;
  color: #111827;
  font-weight: 800;
}

.etd_identity_map {
  margin-bottom: 14px;
  padding: 12px;
}

.etd_identity_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.etd_identity_list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 8px;
  margin-top: 10px;
}

.etd_identity_row {
  display: grid;
  grid-template-columns: minmax(90px, 0.8fr) minmax(120px, 1.2fr);
  gap: 8px;
  align-items: center;
  min-width: 0;
  padding: 8px;
  border: 1px solid #dbe5f2;
  border-radius: 8px;
  background: #f8fafc;
}

.etd_identity_row span {
  min-width: 0;
  overflow: hidden;
  color: #475569;
  font-size: 12px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.etd_identity_row input {
  width: 100%;
  min-width: 0;
  min-height: 32px;
  padding: 5px 8px;
  border: 1px solid #cbd7e6;
  border-radius: 7px;
  background: #fff;
  color: #111827;
  font-size: 13px;
  font-weight: 800;
}

.etd_clean_messages {
  display: grid;
  gap: 16px;
  padding: 4px 0;
}

.etd_clean_conversation {
  display: grid;
  gap: 10px;
  padding: 10px;
  border: 1px solid #dbe5f2;
  border-radius: 8px;
  background: #f8fafc;
}

.etd_clean_conversation_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 2px 8px;
  border-bottom: 1px solid #e2e8f0;
}

.etd_clean_conversation_head strong {
  min-width: 0;
  color: #0f172a;
  font-size: 14px;
  font-weight: 900;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.etd_clean_conversation_head span {
  flex: 0 0 auto;
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

.etd_clean_conversation_messages {
  display: grid;
  gap: 12px;
}

.etd_clean_message {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-items: start;
  gap: 6px;
  padding: 0;
}

.etd_clean_message.is-self {
  justify-items: end;
}

.etd_clean_message time {
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

.etd_clean_message_body {
  display: block;
  width: fit-content;
  max-width: min(72%, 680px);
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid #dbe5f2;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 3px 10px rgba(15, 23, 42, 0.04);
}

.etd_clean_message.is-self .etd_clean_message_body {
  border-color: #86efac;
  background: #dcfce7;
}

.etd_clean_message_body strong {
  display: inline-block;
  margin: 0 8px 5px 0;
  color: #111827;
  font-weight: 900;
}

.etd_clean_message.is-self .etd_clean_message_body strong {
  color: #047857;
}

.etd_clean_message_body em {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  margin-right: 6px;
  padding: 0 8px;
  border-radius: 999px;
  background: #ecfdf5;
  color: #047857;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.etd_clean_message_body p {
  margin: 0;
  color: #1f2937;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.65;
  overflow-wrap: anywhere;
}

.etd_clean_message.is-self .etd_clean_message_body p {
  color: #065f46;
}

.etd_clean_attachment_card {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 10px;
  min-width: min(360px, 100%);
  padding: 10px;
  border: 1px solid #cbd7e6;
  border-radius: 8px;
  background: #f8fafc;
}

.etd_clean_message.is-self .etd_clean_attachment_card {
  border-color: #86efac;
  background: rgba(255, 255, 255, 0.72);
}

.etd_clean_attachment_icon {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border: 1px solid #cbd7e6;
  border-radius: 8px;
  background: #fff;
  color: #64748b;
  font-size: 12px;
  font-weight: 900;
}

.etd_clean_attachment_main {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.etd_clean_attachment_main b {
  color: #111827;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.etd_clean_message.is-self .etd_clean_attachment_main b {
  color: #065f46;
}

.etd_clean_attachment_main span {
  color: #64748b;
  font-size: 12px;
  font-weight: 750;
  overflow-wrap: anywhere;
}

.etd_clean_voice_card {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 190px;
}

.etd_clean_voice_icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  background: #e2e8f0;
  color: #475569;
  font-size: 11px;
  font-weight: 950;
}

.etd_clean_message.is-self .etd_clean_voice_icon {
  background: #bbf7d0;
  color: #047857;
}

.etd_clean_voice_main {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.etd_clean_voice_main b {
  color: #111827;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.35;
}

.etd_clean_message.is-self .etd_clean_voice_main b {
  color: #065f46;
}

.etd_clean_voice_main span {
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

.etd_clean_message_quote {
  display: grid;
  gap: 3px;
  margin-top: 8px;
  padding: 7px 9px;
  border-left: 3px solid #22c55e;
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.62);
}

.etd_clean_message_quote span {
  color: #047857;
  font-size: 12px;
  font-weight: 900;
}

.etd_clean_message_quote p {
  margin: 0;
  color: #166534;
  font-size: 13px;
  line-height: 1.45;
}

.etd_clean_chat_empty {
  padding: 28px;
  border: 1px dashed #cbd7e6;
  border-radius: 8px;
  background: #f8fafc;
  color: #64748b;
  font-size: 15px;
  font-weight: 800;
  text-align: center;
}

.etd_empty {
  display: grid;
  gap: 6px;
  align-content: center;
  min-height: 220px;
  padding: 28px;
  text-align: center;
}

.etd_empty.is-compact {
  min-height: 120px;
  box-shadow: none;
}

.etd_empty strong {
  color: #111827;
  font-size: 18px;
}

.etd_empty span {
  color: #64748b;
  font-size: 13px;
}

.etd_joint_review {
  display: grid;
  gap: 14px;
  margin-top: 16px;
  padding: 16px;
  border: 1px solid #b9d2fb;
  border-radius: 14px;
  background: #f8fbff;
}

.etd_joint_review_head,
.etd_joint_fact > div,
.etd_joint_submit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.etd_joint_metrics,
.etd_joint_field_list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.etd_joint_metrics span {
  padding: 5px 9px;
  border-radius: 999px;
  background: #e8f1ff;
  color: #1d4ed8;
  font-size: 12px;
}

.etd_joint_blockers {
  padding: 12px;
  border: 1px solid #fdba74;
  border-radius: 10px;
  background: #fff7ed;
  color: #9a3412;
}

.etd_joint_blockers p { margin: 4px 0; }
.etd_joint_blockers strong { margin-right: 8px; }
.etd_joint_section { display: grid; gap: 10px; }
.etd_joint_section h3 { margin: 0; color: #172554; }
.etd_joint_section label { display: grid; gap: 6px; }
.etd_joint_section select,
.etd_joint_section textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  padding: 9px 10px;
  background: #fff;
}

.etd_joint_fact_list { display: grid; gap: 10px; }
.etd_joint_fact {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid #dbeafe;
  border-radius: 10px;
  background: #fff;
}
.etd_joint_fact span,
.etd_joint_readonly_summary { color: #64748b; font-size: 12px; }
.etd_joint_field_list label {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  min-width: 220px;
  padding: 9px;
  border: 1px solid #dbeafe;
  border-radius: 8px;
  background: #fff;
}
.etd_joint_field_list label span { display: grid; gap: 3px; }

@media (max-width: 1180px) {
  .etd_operation_grid {
    grid-template-columns: 1fr;
  }

  .etd_failed_layout {
    grid-template-columns: 1fr;
  }

  .etd_root {
    overflow: auto;
  }

  .etd_operation_area,
  .etd_operation_grid,
  .etd_file_column,
  .etd_preview_column,
  .etd_review_column {
    min-height: auto;
  }

  .etd_preview_surface,
  .etd_preview_placeholder,
  .etd_preview_module,
  .etd_public_preview_box {
    min-height: 520px;
  }
}

@media (max-width: 860px) {
  .etd_header_summary {
    grid-template-columns: 1fr;
    grid-template-areas:
      "summary"
      "metrics";
  }

  .etd_summary_metrics {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .etd_header_summary h2 {
    white-space: normal;
  }
}
.etd_classification_actions label{display:inline-flex;align-items:center;gap:5px;color:#64748b;font-size:10px}.etd_classification_actions select{max-width:140px;padding:4px 6px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#334155;font-size:10px}.etd_classification_item small.is-risk{color:#a15c00}
.etd_specialist_steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.etd_specialist_steps article{display:grid;gap:5px;padding:14px;border:1px solid #dbe4ee;border-radius:10px;background:#f8fafc}.etd_specialist_steps strong{color:#0f172a;font-size:12px}.etd_specialist_steps span{color:#64748b;font-size:11px;line-height:1.5}@media (max-width:900px){.etd_specialist_steps{grid-template-columns:1fr}}

/* Responsive task-detail shell: keep the review path usable on narrow windows. */
.etd_root {
  display: flex;
  flex-direction: column;
  gap: 12px;
  overflow: auto;
  overscroll-behavior: contain;
}

.etd_header_area,
.etd_classification_panel,
.etd_operation_area {
  flex: 0 0 auto;
  min-width: 0;
}

.etd_head_actions {
  max-width: min(620px, 100%);
}

.etd_head_actions .etd_dockbar_action_source {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.etd_operation_area {
  min-height: min(680px, calc(100vh - 260px));
  overflow: visible;
}

.etd_operation_grid {
  min-height: min(640px, calc(100vh - 300px));
}

.etd_classification_panel {
  margin: 0;
  overflow: hidden;
}

.etd_classification_list {
  min-width: 0;
  max-height: 260px;
  overflow: auto;
  scrollbar-gutter: stable;
}

@media (max-width: 1180px) {
  .etd_root {
    padding: 10px;
  }

  .etd_header_area {
    padding: 12px;
  }

  .etd_title_row {
    align-items: flex-start;
    flex-direction: column;
  }

  .etd_head_actions {
    width: 100%;
    max-width: none;
  }

  .etd_specialist_flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .etd_operation_area {
    min-height: 0;
  }

  .etd_operation_grid {
    min-height: 0;
  }

  .etd_file_column,
  .etd_preview_column,
  .etd_review_column {
    min-height: 360px;
  }

  .etd_preview_column {
    height: min(62vh, 620px);
  }
}

@media (max-width: 760px) {
  .etd_root {
    gap: 8px;
    padding: 8px;
  }

  .etd_header_area,
  .etd_operation_area,
  .etd_classification_panel,
  .etd_file_column,
  .etd_preview_column,
  .etd_review_column,
  .etd_preprocess_section,
  .etd_preprocess_summary {
    border-radius: 10px;
  }

  .etd_title_row h1 {
    max-width: 100%;
    font-size: 17px;
    overflow-wrap: anywhere;
  }

  .etd_role_hint {
    font-size: 12px;
  }

  .etd_head_actions .etd_dockbar_action_source {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  .etd_head_actions .etd_dockbar_action_source .etd_btn {
    width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .etd_header_summary {
    grid-template-columns: 1fr;
    grid-template-areas: "summary" "metrics";
    align-items: start;
  }

  .etd_summary_metrics {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .etd_summary_metrics div {
    flex: 1 1 82px;
  }

  .etd_classification_panel {
    padding: 12px;
  }

  .etd_classification_panel > header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
  }

  .etd_classification_panel h2 {
    font-size: 16px;
  }

  .etd_classification_item {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 7px;
  }

  .etd_classification_item > div:first-child,
  .etd_classification_actions {
    grid-column: 1 / -1;
  }

  .etd_classification_actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
  }

  .etd_classification_actions button {
    min-height: 32px;
  }

  .etd_file_column,
  .etd_preview_column,
  .etd_review_column {
    min-height: 320px;
  }

  .etd_preview_column {
    height: 52vh;
    min-height: 340px;
  }

  .etd_review_info {
    padding: 10px;
  }

  .etd_preprocess_summary,
  .etd_preprocess_grid {
    grid-template-columns: 1fr;
  }

  .etd_preprocess_metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 480px) {
  .etd_root {
    padding: 6px;
  }

  .etd_header_area,
  .etd_classification_panel,
  .etd_operation_area {
    padding: 10px;
  }

  .etd_task_tag {
    min-height: 24px;
    padding: 3px 7px;
    font-size: 11px;
  }

  .etd_head_actions .etd_dockbar_action_source {
    grid-template-columns: 1fr;
  }

  .etd_specialist_flow {
    grid-template-columns: 1fr;
  }

  .etd_summary_metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  .etd_summary_metrics div {
    width: 100%;
  }

  .etd_classification_panel > header {
    grid-template-columns: 1fr;
  }

  .etd_classification_panel header > strong {
    justify-self: start;
  }

  .etd_classification_item {
    grid-template-columns: 1fr;
  }

  .etd_classification_item > span {
    justify-self: start;
  }

  .etd_classification_actions {
    grid-template-columns: 1fr;
  }

  .etd_preview_column {
    height: 46vh;
    min-height: 300px;
  }

  .etd_preprocess_metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}