html[data-ui="v2"] #view-documents {
  min-width: 0;
  color: var(--v2-color-foreground);
  font-family: var(--v2-font-interface);
}

html[data-ui="v2"] #view-documents > .section-toolbar {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) auto;
  gap: var(--v2-space-5);
  align-items: end;
  margin-bottom: var(--v2-space-6);
  padding: 0;
  background: transparent;
  border: 0;
}

html[data-ui="v2"] #view-documents .toolbar-copy { display: none; }
html[data-ui="v2"] .v2-documents-heading p {
  margin: 0 0 var(--v2-space-1);
  color: var(--v2-color-gold);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .13em;
  text-transform: uppercase;
}
html[data-ui="v2"] .v2-documents-heading h2 {
  margin: 0;
  color: var(--v2-color-foreground);
  font: 600 clamp(28px, 2.3vw, 38px)/1.06 var(--v2-font-editorial);
  letter-spacing: -.025em;
}
html[data-ui="v2"] .v2-documents-heading small {
  display: block;
  max-width: 620px;
  margin-top: var(--v2-space-2);
  color: var(--v2-color-muted-foreground);
  font-size: 12px;
}
html[data-ui="v2"] #view-documents .toolbar-actions .button { min-height: 42px; }

html[data-ui="v2"] #documentsTemplateGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--v2-space-4);
  min-width: 0;
}

html[data-ui="v2"] #documentsTemplateGrid .document-template-card {
  position: relative;
  min-width: 0;
  min-height: 230px;
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: var(--v2-space-4);
  margin: 0;
  padding: var(--v2-space-5) !important;
  overflow: hidden;
  color: var(--v2-color-foreground);
  background: var(--v2-color-surface);
  border: 1px solid var(--v2-color-border);
  border-radius: var(--v2-radius-xl);
  box-shadow: var(--v2-shadow-card);
  transition: border-color var(--v2-duration-fast) var(--v2-ease-standard), box-shadow var(--v2-duration-fast) var(--v2-ease-standard), background-color var(--v2-duration-fast) var(--v2-ease-standard);
}
html[data-ui="v2"] #documentsTemplateGrid .document-template-card::after {
  content: "";
  position: absolute;
  inset: auto -38px -48px auto;
  width: 130px;
  height: 130px;
  border: 1px solid color-mix(in srgb, var(--v2-color-gold) 18%, transparent);
  border-radius: 50%;
  pointer-events: none;
}
html[data-ui="v2"] #documentsTemplateGrid .document-template-card:hover {
  border-color: var(--v2-color-border-strong);
  background: var(--v2-color-surface-elevated);
  box-shadow: var(--v2-shadow-card);
}
html[data-ui="v2"] #documentsTemplateGrid .prompt-card-header {
  display: flex;
  gap: var(--v2-space-2);
  align-items: center;
  min-width: 0;
}
html[data-ui="v2"] .document-template-index {
  color: var(--v2-color-gold);
  font: 800 11px/1 var(--v2-font-interface);
  font-variant-numeric: tabular-nums;
}
html[data-ui="v2"] #documentsTemplateGrid .prompt-category-badge {
  min-width: 0;
  overflow: hidden;
  color: var(--v2-color-foreground-secondary);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .06em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
html[data-ui="v2"] .document-template-origin {
  margin-left: auto;
  color: var(--v2-color-muted-foreground);
  font-size: 9px;
  white-space: nowrap;
}
html[data-ui="v2"] .document-template-copy { align-self: center; max-width: 92%; }
html[data-ui="v2"] #documentsTemplateGrid h4 {
  margin: 0;
  color: var(--v2-color-foreground);
  font: 600 clamp(19px, 1.5vw, 24px)/1.18 var(--v2-font-editorial);
  letter-spacing: -.015em;
}
html[data-ui="v2"] #documentsTemplateGrid p {
  margin: var(--v2-space-3) 0 0;
  color: var(--v2-color-foreground-secondary);
  font-size: 12px;
  line-height: 1.6;
}
html[data-ui="v2"] #documentsTemplateGrid .prompt-card-actions {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: var(--v2-space-3) 0 0;
  border-top: 1px solid var(--v2-color-border-subtle);
}
html[data-ui="v2"] #documentsTemplateGrid .prompt-card-actions .button {
  width: 100%;
  min-height: 40px;
  display: flex;
  justify-content: space-between;
  color: var(--v2-color-foreground);
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
html[data-ui="v2"] #documentsTemplateGrid .prompt-card-actions .button:hover { color: var(--v2-color-gold); background: var(--v2-color-surface-secondary); }
html[data-ui="v2"] #documentsTemplateGrid .document-template-card:last-child { grid-column: 1 / -1; min-height: 200px; }
html[data-ui="v2"] #documentsTemplateGrid .document-template-card:last-child .document-template-copy { max-width: 68%; }

html[data-ui="v2"] .document-archive {
  margin-top: var(--v2-space-8);
  border: 1px solid var(--v2-color-border);
  border-radius: var(--v2-radius-lg);
  background: var(--v2-color-surface);
  overflow: hidden;
}
html[data-ui="v2"] .document-archive-header {
  display: flex; align-items: flex-end; justify-content: space-between; gap: var(--v2-space-5);
  padding: var(--v2-space-6); border-bottom: 1px solid var(--v2-color-border);
  background: var(--v2-color-surface-elevated);
}
html[data-ui="v2"] .document-archive-header .eyebrow { margin: 0 0 5px; color: var(--v2-color-gold); }
html[data-ui="v2"] .document-archive-header h3 { margin: 0; color: var(--v2-color-foreground); font: 600 25px/1.15 var(--v2-font-editorial); }
html[data-ui="v2"] .document-archive-header > div > span { display: block; margin-top: 6px; color: var(--v2-color-foreground-secondary); font-size: 13px; }
html[data-ui="v2"] .document-archive-tabs { display: flex; gap: var(--v2-space-2); }
html[data-ui="v2"] .document-archive-tabs .is-active { color: var(--v2-color-gold); border-color: var(--v2-color-gold); }
html[data-ui="v2"] .document-archive-layout { display: grid; grid-template-columns: minmax(260px, .72fr) minmax(0, 1.55fr); }
html[data-ui="v2"] .document-upload-panel { display: flex; flex-direction: column; gap: var(--v2-space-4); padding: var(--v2-space-6); border-right: 1px solid var(--v2-color-border); background: var(--v2-color-surface-secondary); }
html[data-ui="v2"] .document-upload-panel h4 { margin: 0; color: var(--v2-color-foreground); font-size: 15px; }
html[data-ui="v2"] .document-upload-panel label,
html[data-ui="v2"] .document-library-toolbar label { display: flex; flex-direction: column; gap: 6px; min-width: 0; color: var(--v2-color-foreground-secondary); font-size: 11px; font-weight: 750; }
html[data-ui="v2"] .document-upload-panel input,
html[data-ui="v2"] .document-upload-panel select,
html[data-ui="v2"] .document-library-toolbar input { width: 100%; min-height: 42px; padding: 9px 11px; border: 1px solid var(--v2-color-border); border-radius: var(--v2-radius-sm); color: var(--v2-color-foreground); background: var(--v2-color-surface-secondary); font: 500 13px/1.3 var(--v2-font-interface); }
html[data-ui="v2"] .document-upload-panel small,
html[data-ui="v2"] .document-library-toolbar small { color: var(--v2-color-foreground-muted); font-size: 10px; line-height: 1.4; font-weight: 500; }
html[data-ui="v2"] .document-upload-row { display: grid; grid-template-columns: 1fr 140px; gap: var(--v2-space-3); }
html[data-ui="v2"] .document-file-field { padding: var(--v2-space-3); border: 1px dashed var(--v2-color-border-strong); border-radius: var(--v2-radius-sm); }
html[data-ui="v2"] .document-library-panel { min-width: 0; padding: var(--v2-space-6); }
html[data-ui="v2"] .document-library-toolbar { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: var(--v2-space-3); padding-bottom: var(--v2-space-5); border-bottom: 1px solid var(--v2-color-border); }
html[data-ui="v2"] .document-archive-status { padding: var(--v2-space-4) 0; color: var(--v2-color-foreground-secondary); font-size: 12px; }
html[data-ui="v2"] .document-archive-list { display: flex; flex-direction: column; gap: 8px; }
html[data-ui="v2"] .document-record { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: var(--v2-space-3); padding: 12px; border: 1px solid var(--v2-color-border); border-radius: var(--v2-radius-sm); background: var(--v2-color-surface-elevated); }
html[data-ui="v2"] .document-record.is-search-match { border-color: var(--v2-color-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--v2-color-primary) 18%, transparent); }
html[data-ui="v2"] .document-record.is-deleted { opacity: .8; }
html[data-ui="v2"] .document-record-icon { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid var(--v2-color-border); border-radius: var(--v2-radius-sm); color: var(--v2-color-gold); }
html[data-ui="v2"] .document-record-copy { min-width: 0; }
html[data-ui="v2"] .document-record-copy strong,
html[data-ui="v2"] .document-record-copy span,
html[data-ui="v2"] .document-record-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-ui="v2"] .document-record-copy strong { color: var(--v2-color-foreground); font-size: 13px; }
html[data-ui="v2"] .document-record-copy span { margin-top: 3px; color: var(--v2-color-foreground-secondary); font-size: 11px; }
html[data-ui="v2"] .document-record-copy small { margin-top: 2px; color: var(--v2-color-foreground-muted); font-size: 10px; }
html[data-ui="v2"] .document-record-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; max-width: 390px; }
html[data-ui="v2"] .document-record-actions .button { min-height: 36px; padding-inline: 10px; font-size: 11px; }
html[data-ui="v2"] .document-intelligence-status { color: var(--v2-color-success) !important; font-weight: 700; }
html[data-ui="v2"] .document-metadata-tags { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; }
html[data-ui="v2"] .document-metadata-tags > span { display: inline-flex; width: auto; padding: 3px 7px; overflow: visible; color: var(--v2-color-primary); background: var(--v2-color-primary-subtle); border: 1px solid color-mix(in srgb, var(--v2-color-primary) 24%, var(--v2-color-border)); border-radius: var(--v2-radius-round); font-size: 9px; font-weight: 750; white-space: normal; }
html[data-ui="v2"] .document-record-copy .document-metadata-summary { display: -webkit-box; margin: 6px 0 0; overflow: hidden; color: var(--v2-color-foreground-secondary); font-size: 10px; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
html[data-ui="v2"] .document-empty-state { display: grid; place-items: center; min-height: 180px; padding: var(--v2-space-6); border: 1px dashed var(--v2-color-border); border-radius: var(--v2-radius-sm); text-align: center; }
html[data-ui="v2"] .document-empty-state strong { color: var(--v2-color-foreground); }
html[data-ui="v2"] .document-empty-state span { color: var(--v2-color-foreground-secondary); font-size: 12px; }
html[data-ui="v2"] .document-intelligence-panel {
  margin-top: var(--v2-space-5);
  overflow: hidden;
  border: 1px solid var(--v2-color-border-strong);
  border-radius: var(--v2-radius-md);
  background: var(--v2-color-surface-inset);
  box-shadow: var(--v2-shadow-card);
}
html[data-ui="v2"] .document-intelligence-panel:focus { outline: 3px solid color-mix(in srgb, var(--v2-color-focus) 28%, transparent); outline-offset: 2px; }
html[data-ui="v2"] .document-intelligence-panel > header { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--v2-space-4); padding: var(--v2-space-4); border-bottom: 1px solid var(--v2-color-border); background: var(--v2-color-surface-elevated); }
html[data-ui="v2"] .document-intelligence-panel > header .eyebrow { margin: 0; color: var(--v2-color-gold); }
html[data-ui="v2"] .document-intelligence-panel > header h4 { margin: 4px 0 0; color: var(--v2-color-foreground); font: 650 20px/1.2 var(--v2-font-editorial); }
html[data-ui="v2"] .document-intelligence-panel > header span { display: block; margin-top: 5px; color: var(--v2-color-foreground-secondary); font-size: 11px; }
html[data-ui="v2"] .document-intelligence-body { display: grid; place-items: start center; min-height: 220px; max-height: 560px; padding: var(--v2-space-5); overflow: auto; overscroll-behavior: contain; }
html[data-ui="v2"] .document-intelligence-body img { display: block; max-width: 100%; height: auto; border: 1px solid var(--v2-color-border); background: #fff; box-shadow: 0 12px 28px rgba(14, 19, 18, .12); }
html[data-ui="v2"] .document-intelligence-body pre { width: 100%; min-height: 180px; margin: 0; padding: var(--v2-space-5); overflow-wrap: anywhere; white-space: pre-wrap; color: var(--v2-color-foreground); background: var(--v2-color-surface-secondary); border: 1px solid var(--v2-color-border); border-radius: var(--v2-radius-sm); font: 500 12px/1.65 var(--v2-font-interface); }
html[data-ui="v2"] .document-intelligence-loading { margin: auto; color: var(--v2-color-foreground-secondary); font-size: 12px; }
html[data-ui="v2"] .document-intelligence-panel > footer { padding: 10px var(--v2-space-4); color: var(--v2-color-foreground-muted); background: var(--v2-color-surface-secondary); border-top: 1px solid var(--v2-color-border); font-size: 10px; line-height: 1.45; }
html[data-ui="v2"] .document-metadata-form { width: min(100%, 760px); display: grid; gap: var(--v2-space-4); margin: 0 auto; }
html[data-ui="v2"] .document-metadata-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--v2-space-3); }
html[data-ui="v2"] .document-metadata-form label { min-width: 0; display: grid; gap: 6px; color: var(--v2-color-foreground-secondary); font-size: 10px; font-weight: 750; }
html[data-ui="v2"] .document-metadata-form :where(input, textarea, select) { width: 100%; min-width: 0; padding: 10px 12px; color: var(--v2-color-foreground); background: var(--v2-color-surface-elevated); border: 1px solid var(--v2-color-border); border-radius: var(--v2-radius-sm); font: 500 12px/1.45 var(--v2-font-interface); }
html[data-ui="v2"] .document-metadata-form textarea { resize: vertical; }
html[data-ui="v2"] .document-metadata-form select[multiple] { min-height: 88px; }
html[data-ui="v2"] .document-metadata-form label > small { color: var(--v2-color-muted-foreground); font-size: 9px; font-weight: 500; line-height: 1.4; }
html[data-ui="v2"] .document-metadata-form :where(input, textarea, select):focus { outline: 0; border-color: var(--v2-color-focus); box-shadow: 0 0 0 3px color-mix(in srgb, var(--v2-color-focus) 20%, transparent); }
html[data-ui="v2"] .document-metadata-form-actions { display: flex; justify-content: flex-end; gap: var(--v2-space-2); padding-top: var(--v2-space-2); border-top: 1px solid var(--v2-color-border-subtle); }

html[data-ui="v2"] #docGeneratorBackdrop {
  align-items: center;
  justify-content: center;
  padding: var(--v2-space-4);
}
html[data-ui="v2"] #docGeneratorBackdrop .doc-generator-modal {
  width: min(1280px, 96vw);
  max-width: none;
  height: min(900px, 94vh);
  max-height: 94vh;
  margin: 0;
  overflow: hidden;
  background: var(--v2-color-surface);
  border: 1px solid var(--v2-color-border-strong);
  border-radius: var(--v2-radius-xl);
  box-shadow: var(--v2-shadow-overlay);
  animation: documents-workspace-in 240ms var(--v2-ease-standard) both;
}
html[data-ui="v2"] #docGeneratorBackdrop .doc-generator-modal > header {
  flex: 0 0 auto;
  align-items: flex-start;
  padding: var(--v2-space-4) var(--v2-space-5);
  background: var(--v2-color-surface-elevated);
  border-bottom: 1px solid var(--v2-color-border);
}
html[data-ui="v2"] #docGeneratorBackdrop .doc-generator-modal > header h2 {
  margin: 2px 0 0;
  color: var(--v2-color-foreground);
  font: 600 24px/1.15 var(--v2-font-editorial);
}
html[data-ui="v2"] .doc-generator-context {
  display: flex;
  flex-wrap: wrap;
  gap: 5px var(--v2-space-3);
  margin-top: var(--v2-space-2);
  color: var(--v2-color-muted-foreground);
  font: 500 10px/1.35 var(--v2-font-interface);
}
html[data-ui="v2"] .doc-generator-context strong { color: var(--v2-color-foreground-secondary); font-weight: 750; }
html[data-ui="v2"] .doc-generator-context span::before { content: "·"; margin-right: var(--v2-space-3); color: var(--v2-color-gold); }
html[data-ui="v2"] #docGeneratorBackdrop .doc-gen-body {
  flex: 1 1 auto;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(300px, 38%) minmax(0, 62%);
  gap: 0;
  padding: 0;
  overflow: hidden;
}
html[data-ui="v2"] #docGeneratorBackdrop .doc-gen-controls {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--v2-space-4);
  padding: var(--v2-space-5);
  overflow-y: auto;
  background: var(--v2-color-surface-secondary);
  border-right: 1px solid var(--v2-color-border);
}
html[data-ui="v2"] .doc-gen-panel-heading {
  display: block;
  padding-bottom: var(--v2-space-4);
  border-bottom: 1px solid var(--v2-color-border-subtle);
}
html[data-ui="v2"] .doc-gen-panel-heading p { margin: 0; color: var(--v2-color-gold); font-size: 10px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
html[data-ui="v2"] .doc-gen-panel-heading span { display: block; margin-top: var(--v2-space-2); color: var(--v2-color-muted-foreground); font-size: 11px; line-height: 1.45; }
html[data-ui="v2"] #docGeneratorBackdrop .doc-gen-controls label { display: flex; flex-direction: column; gap: var(--v2-space-2); color: var(--v2-color-foreground-secondary); font-size: 11px; font-weight: 750; }
html[data-ui="v2"] #docGeneratorBackdrop select {
  width: 100%;
  min-height: 44px;
  padding: 0 var(--v2-space-3);
  overflow: hidden;
  color: var(--v2-color-foreground);
  background: var(--v2-color-surface-inset);
  border: 1px solid var(--v2-color-border);
  border-radius: var(--v2-radius-md);
  font: 500 12px/1 var(--v2-font-interface);
  text-overflow: ellipsis;
}
html[data-ui="v2"] #docGeneratorBackdrop select:focus,
html[data-ui="v2"] #docGeneratorBackdrop textarea:focus {
  outline: 0;
  border-color: var(--v2-color-focus);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--v2-color-focus) 20%, transparent);
}
html[data-ui="v2"] #docGeneratorBackdrop .doc-preview-wrap {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: var(--v2-space-3);
  padding: var(--v2-space-4) var(--v2-space-5) var(--v2-space-5);
  overflow: hidden;
  background: color-mix(in srgb, var(--v2-color-surface-inset) 78%, var(--v2-color-surface));
}
html[data-ui="v2"] #docGeneratorBackdrop .doc-preview-header { flex: 0 0 auto; display: flex; gap: var(--v2-space-4); align-items: center; justify-content: space-between; }
html[data-ui="v2"] #docGeneratorBackdrop .doc-preview-header > div:first-child strong { display: block; color: var(--v2-color-foreground); font: 750 13px/1.3 var(--v2-font-interface); }
html[data-ui="v2"] #docGeneratorBackdrop .doc-preview-header > div:first-child > span { display: block; margin-top: 2px; color: var(--v2-color-warning); font-size: 9px; font-weight: 750; letter-spacing: .04em; text-transform: uppercase; }
html[data-ui="v2"] #docGeneratorBackdrop .doc-preview-actions { display: flex; gap: var(--v2-space-2); }
html[data-ui="v2"] #docGeneratorBackdrop .doc-preview-actions .button { min-height: 40px; }
html[data-ui="v2"] .doc-preview-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
html[data-ui="v2"] #docGeneratorBackdrop .doc-preview-textarea {
  flex: 1 1 auto;
  min-height: 0;
  width: min(100%, 760px);
  margin: 0 auto;
  padding: clamp(24px, 4vw, 54px);
  resize: none;
  color: #242725;
  background: #f7f4ed;
  border: 1px solid #d8d2c5;
  border-radius: 3px;
  box-shadow: 0 16px 36px rgba(19, 24, 22, .12);
  font: 400 13px/1.75 Georgia, "Times New Roman", serif;
  text-align: left;
  white-space: pre-wrap;
}
html[data-ui="v2"]:not([data-theme="light"]) #docGeneratorBackdrop .doc-preview-textarea {
  color: #e8e5dc;
  background: #171a19;
  border-color: #393d39;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .3);
}
html[data-ui="v2"] #docGeneratorBackdrop .doc-generator-modal > footer { flex: 0 0 auto; padding: var(--v2-space-3) var(--v2-space-5); background: var(--v2-color-surface-elevated); border-top: 1px solid var(--v2-color-border); }
html[data-ui="v2"] #docGeneratorBackdrop .doc-generator-modal > footer .button { min-height: 40px; }

@keyframes documents-workspace-in {
  from { opacity: 0; transform: translateY(12px) scale(.995); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 760px) {
  html[data-ui="v2"] #view-documents > .section-toolbar { grid-template-columns: 1fr; align-items: stretch; }
  html[data-ui="v2"] #view-documents .toolbar-actions .button { width: 100%; min-height: 44px; }
  html[data-ui="v2"] #documentsTemplateGrid { grid-template-columns: 1fr; }
  html[data-ui="v2"] #documentsTemplateGrid .document-template-card,
  html[data-ui="v2"] #documentsTemplateGrid .document-template-card:last-child { grid-column: 1; min-height: 220px; }
  html[data-ui="v2"] #documentsTemplateGrid .document-template-card:last-child .document-template-copy { max-width: 92%; }
  html[data-ui="v2"] #documentsTemplateGrid .prompt-card-actions .button { min-height: 44px; }
  html[data-ui="v2"] #docGeneratorBackdrop { align-items: stretch; padding: 0; }
  html[data-ui="v2"] #docGeneratorBackdrop .doc-generator-modal { width: 100%; height: 100%; max-height: none; border: 0; border-radius: 0; }
  html[data-ui="v2"] #docGeneratorBackdrop .doc-generator-modal > header { padding: var(--v2-space-4); }
  html[data-ui="v2"] #docGeneratorBackdrop .doc-generator-modal > header h2 { font-size: 20px; }
  html[data-ui="v2"] .doc-generator-context { display: none; }
  html[data-ui="v2"] #docGeneratorBackdrop .doc-gen-body { display: block; overflow-y: auto; }
  html[data-ui="v2"] #docGeneratorBackdrop .doc-gen-controls { overflow: visible; padding: var(--v2-space-4); border-right: 0; border-bottom: 1px solid var(--v2-color-border); }
  html[data-ui="v2"] #docGeneratorBackdrop .doc-preview-wrap { min-height: 620px; overflow: visible; padding: var(--v2-space-4); }
  html[data-ui="v2"] #docGeneratorBackdrop .doc-preview-header { align-items: flex-start; flex-direction: column; }
  html[data-ui="v2"] #docGeneratorBackdrop .doc-preview-actions { width: 100%; }
  html[data-ui="v2"] #docGeneratorBackdrop .doc-preview-actions .button { flex: 1; min-height: 44px; }
  html[data-ui="v2"] #docGeneratorBackdrop .doc-preview-textarea { flex: none; width: 100%; min-height: 500px; padding: var(--v2-space-5); }
  html[data-ui="v2"] #docGeneratorBackdrop .doc-generator-modal > footer { padding: var(--v2-space-3) var(--v2-space-4); }
  html[data-ui="v2"] #docGeneratorBackdrop .doc-generator-modal > footer .button,
  html[data-ui="v2"] #docGeneratorBackdrop .icon-button { min-width: 44px; min-height: 44px; }
  html[data-ui="v2"] .document-archive-header { align-items: stretch; flex-direction: column; padding: var(--v2-space-4); }
  html[data-ui="v2"] .document-archive-tabs .button { flex: 1; min-height: 44px; }
  html[data-ui="v2"] .document-archive-layout { grid-template-columns: 1fr; }
  html[data-ui="v2"] .document-upload-panel { padding: var(--v2-space-4); border-right: 0; border-bottom: 1px solid var(--v2-color-border); }
  html[data-ui="v2"] .document-upload-row,
  html[data-ui="v2"] .document-library-toolbar { grid-template-columns: 1fr; }
  html[data-ui="v2"] .document-library-panel { padding: var(--v2-space-4); }
  html[data-ui="v2"] .document-library-toolbar .button,
  html[data-ui="v2"] .document-upload-panel .button { min-height: 44px; }
  html[data-ui="v2"] .document-record { grid-template-columns: 36px minmax(0, 1fr); }
  html[data-ui="v2"] .document-record-actions { grid-column: 1 / -1; }
  html[data-ui="v2"] .document-record-actions .button { flex: 1; min-height: 44px; }
  html[data-ui="v2"] .document-intelligence-panel > header { padding: var(--v2-space-3); }
  html[data-ui="v2"] .document-intelligence-panel > header .icon-button { min-width: 44px; min-height: 44px; }
  html[data-ui="v2"] .document-intelligence-body { max-height: 520px; padding: var(--v2-space-3); }
  html[data-ui="v2"] .document-intelligence-body pre { padding: var(--v2-space-4); }
  html[data-ui="v2"] .document-metadata-grid { grid-template-columns: 1fr; }
  html[data-ui="v2"] .document-metadata-form-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-ui="v2"] .document-metadata-form-actions .button { min-width: 0; min-height: 44px; }
}

@media (prefers-reduced-motion: reduce) {
  html[data-ui="v2"] #documentsTemplateGrid .document-template-card,
  html[data-ui="v2"] #docGeneratorBackdrop .doc-generator-modal { transition: none; animation: none; }
}
html[data-ui="v2"] #documentFileInput::file-selector-button {
  padding: 9px 12px;
  margin-right: 10px;
  border: 1px solid var(--v2-color-border);
  border-radius: var(--v2-radius-md);
  background: var(--v2-color-primary-soft);
  color: var(--v2-color-foreground);
  font: 700 12px var(--v2-font-interface);
  cursor: pointer;
}
html[data-ui="v2"] #documentNamingPreview {
  display: block; margin-top: 8px; font-size: 12px;
  color: var(--v2-color-foreground-secondary);
}