/* Оформление значков PDF/SVG (порт local_lab/file-icons.css из FOXY). */

.fx-document-icon { width: 32px; height: 38px; display: block; flex: none; color: var(--fx-accent-ink, #a84400); }
.fx-document-paper { fill: var(--fx-tint, #fff1e5); stroke: currentColor; stroke-width: 1.5; stroke-linejoin: round; }
.fx-document-lines { fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.fx-document-badge { fill: var(--fx-surface, #fff); stroke: currentColor; stroke-width: 1.2; }
.fx-document-icon text { fill: currentColor; font: 700 9px "Segoe UI", Arial, sans-serif; letter-spacing: .3px; }
.fx-document-art { display: inline-flex; align-items: center; justify-content: center; flex: none; vertical-align: middle; pointer-events: none; }
html body .fx-document-replaced { display: none !important; }
.fx-document-pair { display: inline-flex; align-items: center; gap: 4px; flex: none; vertical-align: middle; pointer-events: none; }

.fx-file-generator .spoiler-title,
.redirect-info[data-file-artwork] .redirect-info-comment {
  display: flex !important;
  align-items: center;
  gap: 12px;
  min-width: 0;
  overflow-wrap: anywhere;
}

.fx-file-generator form button:has(> .fx-document-art),
.redirect-info button.svg-token:has(> .fx-document-art) {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  white-space: normal;
  min-width: 0;
}

.fx-file-generator label:has(> .fx-document-art) { display: flex !important; align-items: center; gap: 10px; }

.fx-file-generator form button .fx-document-icon,
.redirect-info button.svg-token .fx-document-icon { width: 25px; height: 30px; color: inherit; }

.fx-file-generator form button .fx-document-paper,
.redirect-info button.svg-token .fx-document-paper { fill: none; }

.fx-file-generator form button .fx-document-badge,
.redirect-info button.svg-token .fx-document-badge { fill: var(--fx-surface, #fff); color: var(--fx-accent-ink, #a84400); }

.fx-file-generator form button .fx-document-icon text,
.redirect-info button.svg-token .fx-document-icon text { fill: var(--fx-accent-ink, #a84400); }

@media (max-width: 600px) {
  .fx-document-icon { width: 28px; height: 34px; }
  .fx-document-pair .fx-document-icon { width: 24px; height: 29px; }
  .fx-file-generator .spoiler-title,
  .redirect-info[data-file-artwork] .redirect-info-comment { gap: 8px; }
  .fx-file-generator form button:has(> .fx-document-art) { flex: 1 1 180px; }
}

/* В списке файлов плашка-логотип FOXY с бейджем PDF/SVG лишняя:
   тип файла уже показывает собственный значок .fx-document-art. */
.redirect-info[data-fx-file-kind] .fx-file-brand,
.fx-file-card .fx-file-brand { display: none !important; }