/* Tema del dueño. La sesión controla esta clase; no sigue al usuario al impersonar.
   Cargar después de los estilos de vistas. Las etapas logísticas conservan --est-*.
   Las superficies se tiñen, sin invertir imágenes, alterar gráficos ni crear gradientes. */
body.superadmin-oscuro {
  color-scheme: dark;
  --color-fondo: #171b1e;
  --color-superficie: #242a2e;
  --color-superficie-2: #30373c;
  --color-superficie-oscura: #171b1e;
  --color-texto: #f0eee7;
  --color-texto-2: #d9dddd;
  --color-texto-suave: #bcc3c4;
  --color-texto-inverso: #f0eee7;
  --color-borde: #53616a;
  --color-borde-fuerte: #7e8b92;
  --borde-suave: #53616a;
  --filete: #53616a;
  --crema: #1c2226;
  --crema-media: #30373c;
  --arena-clara: #293138;
  --gris-velo: #30373c;
  --papel-panel: #171b1e;
  --dorado-arena: #877a5c;
  --dorado-bronce: #d9bd83;
  --dorado-texto: #e2c894;
  --dorado-velo: #373125;
  --color-acento: #dfbd72;
  --color-acento-texto: #e2c894;
  --color-icono: #d9bd83;
  --color-foco: #eccb8b;
  --color-excepcion: #f0b1a9;
  --color-excepcion-oscuro: #f0b1a9;
  --color-excepcion-velo: #402b2d;
  --color-exito: #b7d4bb;
  --color-exito-velo: #243a2f;
  --accion-ok-velo: #243a2f;
  --accion-no-velo: #402b2d;
  --accion-info-velo: #263945;
  --accion-lila-velo: #352f40;
  --filtro-acento: #875675;
  --filtro-acento-oscuro: #e4b9d2;
  --filtro-acento-velo: #392d36;
  --filtro-superficie: #2c242b;
  --filtro-borde: #9c7a91;
  --sombra-1: 0 1px 2px #0005;
  --sombra-2: 0 3px 12px #0003;
  --sombra-3: 0 12px 40px #0008;
  background: var(--color-fondo);
  color: var(--color-texto);
}
body.superadmin-oscuro ::selection { background: #d9bd83; color: #191c1d; }
body.superadmin-oscuro :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible { outline-color: #eccb8b; }
body.superadmin-oscuro :is(.admin-fondo,.asesor-shell--dueno,.pie-institucional) { background-color: #171b1e; }
body.superadmin-oscuro :is(.admin-fondo.fondo-kraft,.asesor-shell--dueno,.pie-institucional)::before {
  background-image: var(--textura-carton); background-size: cover;
  background-position: center; filter: grayscale(1); opacity: .075;
}

/* Cinco destinos constantes: misma geometría, tinta de color sobre cartón oscuro. */
body.superadmin-oscuro .admin-nav__ir { --nav-tinta: #a2c8e6; --nav-papel: #23343f; --nav-sello: #304958; --nav-borde: #68899e; }
body.superadmin-oscuro .admin-nav__ir--clientes { --nav-tinta: #b3d5b3; --nav-papel: #29382d; --nav-sello: #3b4f3d; --nav-borde: #7c9476; }
body.superadmin-oscuro .admin-nav__ir--cambios { --nav-tinta: #ccb6e8; --nav-papel: #342c3e; --nav-sello: #493b57; --nav-borde: #937caa; }
body.superadmin-oscuro .admin-nav__ir--analytics { --nav-tinta: #f1c677; --nav-papel: #3a3224; --nav-sello: #51452d; --nav-borde: #a18b5c; }
body.superadmin-oscuro .admin-nav__ir--bodega { --nav-tinta: #edb18d; --nav-papel: #3d3027; --nav-sello: #584132; --nav-borde: #a68670; }

/* Menú: se conservan las familias de color, sustituyendo sus papeles claros. */
body.superadmin-oscuro .admin-fondo--menu { --menu-tinta: #f0eee7; --menu-suave: #c1c8c9; --menu-papel: #242a2e; --menu-borde: #637079; }
body.superadmin-oscuro .admin-fondo--menu :is(#admin-vistas,.admin-indice a[href='#admin-vistas']) { --seccion-tono: #a2c8e6; --menu-bloque-papel: #25343d; --menu-bloque-borde: #678495; }
body.superadmin-oscuro .admin-fondo--menu :is(#admin-equipo,.admin-indice a[href='#admin-equipo']) { --seccion-tono: #c5d2a8; --menu-bloque-papel: #2d3628; --menu-bloque-borde: #7b8869; }
body.superadmin-oscuro .admin-fondo--menu :is(#admin-hoja-problemas,.admin-indice a[href='#admin-hoja-problemas']) { --seccion-tono: #e1c58d; --menu-bloque-papel: #3a3426; --menu-bloque-borde: #97875f; }
body.superadmin-oscuro .admin-fondo--menu :is(#admin-sincronizacion,.admin-indice a[href='#admin-sincronizacion']) { --seccion-tono: #e2b694; --menu-bloque-papel: #3a2f29; --menu-bloque-borde: #957860; }
body.superadmin-oscuro .admin-fondo--menu :is(#admin-reglas,.admin-indice a[href='#admin-reglas']) { --seccion-tono: #bfcae2; --menu-bloque-papel: #2c323e; --menu-bloque-borde: #7c879e; }
body.superadmin-oscuro .admin-fondo--menu :is(#admin-faq,.admin-indice a[href='#admin-faq']) { --seccion-tono: #b1d5ca; --menu-bloque-papel: #253831; --menu-bloque-borde: #719689; }
body.superadmin-oscuro .admin-fondo--menu :is(#admin-apariencia,.admin-indice a[href='#admin-apariencia']) { --seccion-tono: #d2b9e4; --menu-bloque-papel: #352d3b; --menu-bloque-borde: #947fa0; }
body.superadmin-oscuro .admin-fondo--menu :is(.admin-seccion,#admin-hoja-problemas) {
  --menu-suave: #c1c8c9; --color-texto-suave: #c1c8c9; --color-texto-2: #d9dddd;
  background-color: var(--menu-bloque-papel,var(--menu-papel));
  border-color: var(--menu-bloque-borde,var(--menu-borde)); box-shadow: none;
}
body.superadmin-oscuro .admin-fondo--menu :is(.admin-seccion,#admin-hoja-problemas)::before { opacity: .07; filter: grayscale(1); }
body.superadmin-oscuro .admin-fondo--menu .admin-indice { background: #22282c; border-color: #6c7880; box-shadow: 0 2px 0 #0004; }
body.superadmin-oscuro .admin-fondo--menu .admin-indice a { color: #dde2e0; }
body.superadmin-oscuro .admin-fondo--menu .admin-indice a.es-actual { background-color: var(--menu-bloque-papel); color: var(--seccion-tono); }
body.superadmin-oscuro .admin-fondo--menu :is(.admin-seccion > h2,#admin-hoja-problemas > h2,.admin-seccion-cabecera h2) > .icono {
  width: 26px; height: 26px; padding: 0; border: 0; background: none; color: var(--seccion-tono);
}
body.superadmin-oscuro .admin-fondo--menu .admin-menu__rotulo { color: #d9bd83; }
body.superadmin-oscuro .admin-fondo--menu .admin-cabecera { border-color: #637079; }
body.superadmin-oscuro .admin-fondo--menu .admin-cabecera .boton-icono { background-color: #30373c; border-color: #7e8b92; }
body.superadmin-oscuro .admin-fondo--menu .admin-vista { --vista-tinta: #a2c8e6; --vista-papel: #26363f; }
body.superadmin-oscuro .admin-fondo--menu .admin-vista[data-vista-rol='campo'] { --vista-tinta: #c5d2a8; --vista-papel: #303a2b; }
body.superadmin-oscuro .admin-fondo--menu .admin-vista[data-vista-rol='logistica'] { --vista-tinta: #e2b694; --vista-papel: #3b3029; }
body.superadmin-oscuro .admin-fondo--menu .admin-vista[data-vista-rol='cliente'] { --vista-tinta: #d2b9e4; --vista-papel: #362e3e; }
body.superadmin-oscuro .admin-fondo--menu .admin-seccion .admin-vistas .admin-vista { background-color: var(--vista-papel); border-color: color-mix(in srgb,var(--vista-tinta) 48%,#242a2e); }
body.superadmin-oscuro .admin-fondo--menu .admin-vista__icono { background-color: #242a2e; border-color: var(--vista-tinta); }
body.superadmin-oscuro .admin-fondo--menu .admin-vista__accion { background-color: #242a2e; color: var(--vista-tinta); }
body.superadmin-oscuro .admin-fondo--menu .admin-equipo .admin-ficha[data-rol='superadmin'] { background-color: #383224; border-color: #93825e; }
body.superadmin-oscuro .admin-fondo--menu .admin-equipo .admin-ficha[data-rol='asesor'] { background-color: #293943; border-color: #718c9a; }
body.superadmin-oscuro .admin-fondo--menu .admin-equipo .admin-ficha[data-rol='campo'] { background-color: #303a2b; border-color: #80916e; }
body.superadmin-oscuro .admin-rol-chip[data-rol='asesor'] { background: #243844; color: #a2c8e6; border-color: #718c9a; }
body.superadmin-oscuro .admin-rol-chip[data-rol='campo'] { background: #293923; color: #c5d2a8; border-color: #80916e; }

/* Paneles secundarios, formularios y superficies compartidas. */
body.superadmin-oscuro :is(.tarjeta,.tabla-envoltura,.plegable,.ficha-pedido,.admin-ficha-todo__parte,.bodega-panel) {
  background-color: var(--color-superficie); background-image: none; color: var(--color-texto); border-color: var(--color-borde);
}
body.superadmin-oscuro .admin-fondo--menu .admin-seccion .admin-config,
body.superadmin-oscuro .admin-fondo--menu .admin-seccion > .tarjeta.admin-config {
  background-color: #242a2e; border-color: #637079;
}
body.superadmin-oscuro .admin-fondo--menu :is(.admin-eta__formula,.admin-como__paso,.admin-pollito__vista) { background-color: #2c3236; border-color: #637079; }
body.superadmin-oscuro .admin-fondo--menu :is(.admin-faq__fila,.admin-comunidad__acciones,.admin-faq__acciones,.admin-como__acciones,.admin-promociones__acciones) { border-color: #637079; }
body.superadmin-oscuro .admin-fondo--menu .admin-hojas__marco { border-color: #637079; }
body.superadmin-oscuro .admin-fondo--menu .admin-hojas__tabla th { background-color: #30373c; color: #d9dddd; }
body.superadmin-oscuro :is(.admin-hoja-panel__tabla,.admin-columnas__tabla,.tabla,.bodega-tabla) { color: var(--color-texto); }
body.superadmin-oscuro :is(.admin-columnas__tabla,.tabla,.bodega-tabla) thead th { background-color: #30373c; color: #d9dddd; }
body.superadmin-oscuro .admin-hoja-prob__cinta { color: var(--seccion-tono,#e1c58d); background-color: #2c3236; }
body.superadmin-oscuro .admin-hoja-prob__tarjeta[data-nivel='error'] .admin-hoja-prob__cinta { color: #f0b1a9; background-color: #402b2d; }
body.superadmin-oscuro .admin-hoja-prob__ventas-lista :is(a,span) { color: #e1c58d; background-color: #303027; }
body.superadmin-oscuro :is(.admin-columnas__calculado,.admin-eta__estado,.admin-hoja-prueba[data-tono='ok'],.admin-hoja__paso[data-estado='ok'] .icono,.admin-conexion[data-tono='ok'] > .icono) { color: #b7d4bb; }
body.superadmin-oscuro .admin-columnas__resultado[data-ok='1'] { background: #243a2f; color: #b7d4bb; }
body.superadmin-oscuro .admin-hoja__paso[data-estado='falla'] .icono { color: #f0b1a9; }
body.superadmin-oscuro .admin-plazos__resumen { color: #f0eee7; }
body.superadmin-oscuro .admin-plazos__etapa legend .icono { color: color-mix(in srgb,var(--plazo-color) 50%,#f0eee7); }
body.superadmin-oscuro .admin-fondo--menu .campo__control,
body.superadmin-oscuro :is(.campo__control,.ffecha__dia,.desplegable__panel,.fmenu__panel) {
  color-scheme: dark; background-color: #1b2227; background-image: none;
  color: #f0eee7; border-color: #7e8b92; box-shadow: none;
}
body.superadmin-oscuro select.campo__control option { background: #1b2227; color: #f0eee7; }
body.superadmin-oscuro .admin-fondo--menu .campo__control::placeholder,
body.superadmin-oscuro .campo__control::placeholder { color: #abb7bb; opacity: 1; }
body.superadmin-oscuro .campo__control:focus,
body.superadmin-oscuro .admin-fondo--menu .campo__control:focus { border-color: #eccb8b; outline-color: #eccb8b; }
body.superadmin-oscuro .campo--error .campo__control,
body.superadmin-oscuro .admin-fondo--menu .campo__control[aria-invalid='true'] { border-color: #f0b1a9; }
body.superadmin-oscuro :is(input[type='checkbox'],input[type='radio'],input[type='range']) { accent-color: #dfbd72; }
body.superadmin-oscuro .desplegable__opcion[aria-selected='true'],
body.superadmin-oscuro .fmenu__opcion[aria-pressed='true'] { background: #d9bd83; color: #191c1d; }
body.superadmin-oscuro .fmenu__opcion[aria-pressed='true'] .fmenu__n { color: #333c40; }
body.superadmin-oscuro .chip[aria-pressed='true'] { color: #e2c894; background: #373125; border-color: #d9bd83; }

/* Las acciones no cambian de sitio ni de tamaño al cambiar de tema. */
body.superadmin-oscuro .boton { background-image: none; }
body.superadmin-oscuro .boton--secundario,
body.superadmin-oscuro .admin-seccion .boton--secundario { background-color: #30373c; color: #e2e4de; border-color: #7e8b92; }
body.superadmin-oscuro .boton--secundario:hover:not(:disabled),
body.superadmin-oscuro .admin-seccion .boton--secundario:hover:not(:disabled) { background-color: #414a50; color: #fff7e7; border-color: #a8b4ba; }
body.superadmin-oscuro .boton--primario,
body.superadmin-oscuro .admin-fondo--menu .boton--primario { background-color: #dfbd72; border-color: #dfbd72; color: #201d15; }
body.superadmin-oscuro .boton--primario:hover:not(:disabled),
body.superadmin-oscuro .admin-fondo--menu .boton--primario:hover:not(:disabled) { background-color: #edd098; border-color: #edd098; color: #201d15; }
body.superadmin-oscuro .boton--no { background-color: #402b2d; border-color: #bf8983; color: #f0b1a9; }
body.superadmin-oscuro .boton--no:hover:not(:disabled),
body.superadmin-oscuro .boton--peligro { background-color: #713c38; border-color: #c8948c; color: #fff0e8; }
body.superadmin-oscuro .boton--peligro:hover:not(:disabled) { background-color: #834943; color: #fff0e8; }
body.superadmin-oscuro .boton--ok { background-color: #315c43; border-color: #93b5a0; color: #f1f4ec; }
body.superadmin-oscuro .boton--info { background-color: #304f64; border-color: #92b2c7; color: #f1f4ec; }
body.superadmin-oscuro .boton-icono:hover { background-color: #414a50; color: #f0eee7; }
body.superadmin-oscuro .admin-fondo--menu .boton:focus-visible { outline-color: #eccb8b; }

/* Ficha de cliente sin el degradado claro. Las insignias de logística no se tocan. */
body.superadmin-oscuro .clientes-ficha { background: #242a2e; }
body.superadmin-oscuro .clientes-emblema { background: #344636; color: #c5d2a8; border-color: #80916e; }
body.superadmin-oscuro :is(.clientes-ultimo,.clientes-historial,.clientes-busqueda,.clientes-resultado,.clientes-vacio) { background-color: #242a2e; }
body.superadmin-oscuro .clientes-resultado:hover,
body.superadmin-oscuro .clientes-resultado[aria-pressed='true'] { background-color: #343b35; border-color: #b3d5b3; }
body.superadmin-oscuro .clientes-ultimo > header { background-color: #373125; }

/* Capas que ui.js monta directamente en body también reciben el tema. */
body.superadmin-oscuro .modal { background: #06090bbb; }
body.superadmin-oscuro .modal__caja { background: #242a2e; color: #f0eee7; border: 1px solid #7e8b92; }
body.superadmin-oscuro :is(.toast,[role='tooltip']) { background-color: #30373c; color: #f0eee7; border: 1px solid #7e8b92; }
body.superadmin-oscuro .aviso { background: #373125; color: #e2c894; }
body.superadmin-oscuro .aviso[data-tono='excepcion'] { background: #402b2d; color: #f0b1a9; }
body.superadmin-oscuro .aviso[data-tono='neutro'] { background: #30373c; color: #d9dddd; }
body.superadmin-oscuro .pie-institucional { --pie-tinta: #f0eee7; --pie-secundario: #bcc3c4; --pie-acento: #d9bd83; --pie-borde: #637079; --pie-velo: #30373c; }
@media (forced-colors: active) {
  body.superadmin-oscuro { color-scheme: light dark; }
  body.superadmin-oscuro :is(.admin-nav__ir,.boton,.campo__control,.modal__caja) { border-color: ButtonText; }
}

/* Los encabezados comparten las mismas cinco tintas que sus destinos. */
body.superadmin-oscuro .dueno-pagina-cabecera[data-destino="inicio"] { --dueno-acento: #a2c8e6; }
body.superadmin-oscuro .dueno-pagina-cabecera[data-destino="clientes"] { --dueno-acento: #b3d5b3; }
body.superadmin-oscuro .dueno-pagina-cabecera[data-destino="cambios"] { --dueno-acento: #ccb6e8; }
body.superadmin-oscuro .dueno-pagina-cabecera[data-destino="analytics"] { --dueno-acento: #f1c677; }
body.superadmin-oscuro .dueno-pagina-cabecera[data-destino="bodega"] { --dueno-acento: #edb18d; }
/* Iluminar datos, sin redefinir la paleta categórica de la que dependen etapas. */
body.superadmin-oscuro .clientes-metricas > div { --cliente-tono: #a2c8e6; }
body.superadmin-oscuro .clientes-metricas > div:nth-child(2) { --cliente-tono: #a9ceca; }
body.superadmin-oscuro .clientes-historial { border-top-color: #a9ceca; }
body.superadmin-oscuro .clientes-historial h3,
body.superadmin-oscuro .clientes-historial h3 > svg,
body.superadmin-oscuro .clientes-productos .clientes-producto__entrega { color: #a9ceca; }
body.superadmin-oscuro .admin-cambio__quien[data-origen='app'] .icono { color: #a2c8e6; }

body.superadmin-oscuro .admin-fondo--menu :is(.admin-seccion > h2,#admin-hoja-problemas > h2,.admin-seccion-cabecera h2) { font-size: 24px; }

/* La ficha de pedido también se usa dentro de Historial y Bodega. */
body.superadmin-oscuro .enlace-vista { background:#30373c; color:#f0eee7; border-color:#7e8b92; }
body.superadmin-oscuro .enlace-vista::before { background-image:none; }
body.superadmin-oscuro .ficha-pedido__par dt { color:#a2c8e6; }
body.superadmin-oscuro :is(.ficha-pedido__saldo,.historial-control [data-error='1']) { color:#f0b1a9; }
body.superadmin-oscuro :is(.pago-bono__descuento,.pago-bono__total) .pago-bono__valor { color:#b7d4bb; }