/* ESAR · Capa compartida de idioma y tema.
   No modifica el modo claro ni reemplaza la estética de las plantillas. */

html.dark { color-scheme: dark; }
html:not(.dark) { color-scheme: light; }

.esar-i18n-token {
  display: inline-grid;
  max-width: 100%;
  min-width: 0;
  vertical-align: baseline;
  white-space: inherit;
}

.esar-i18n-token > .esar-i18n-source,
.esar-i18n-token::after {
  grid-area: 1 / 1;
  min-width: 0;
  overflow-wrap: inherit;
  white-space: inherit;
}

.esar-i18n-token::after {
  content: '';
  visibility: hidden;
}

html[lang="en"] .esar-i18n-token > .esar-i18n-source {
  opacity: 0;
}

html[lang="en"] .esar-i18n-token::after {
  content: attr(data-esar-en);
  visibility: visible;
}

/* Correcciones únicamente oscuras para controles de Documentos que no
   traen variantes dark:* en la plantilla original. */
.dark #mainDropZone button.bg-white,
.dark #driveModal button.border-slate-200,
.dark #uploadModal button.border-transparent {
  background-color: #1F2937 !important;
  border-color: #475569 !important;
  color: #E2E8F0 !important;
  box-shadow: none !important;
}

.dark #mainDropZone button.bg-white:hover,
.dark #driveModal button.border-slate-200:hover,
.dark #uploadModal button.border-transparent:hover {
  background-color: #273449 !important;
  border-color: #1A56DB !important;
}

.dark #uploadDocsContainer input.bg-slate-50,
.dark #uploadDocsContainer select.bg-slate-50 {
  background-color: #18181B !important;
  border-color: #3F3F46 !important;
  color: #E2E8F0 !important;
}

.dark #docsPager button:hover {
  background-color: #273449 !important;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
  }
}