/* =====================================================================================================
 * Legibilidad y modo claro (2026-10-26). Se carga en toda la web, después de bg-ui.css.
 *  1. Siempre: textos pequeños de los editores un poco más grandes y en letra normal (no de máquina).
 *  2. Modo claro (opcional): solo en las zonas de trabajo (editores, wiki y guías), body.bg-trabajo, cuando el
 *     visitante lo elige con el botón «Modo claro» (html[data-bg-tema="claro"], recordado en su navegador).
 *     Cabecera y pie siguen oscuros; el inventario y los mapas del juego, también.
 * Los selectores empiezan por «html» para ganar a los estilos de cada editor, que se cargan después.
 * ===================================================================================================== */

/* ---------- 1. Legibilidad (oscuro y claro) ---------- */
html .bgs-row small { font: 500 12.5px var(--s-body); letter-spacing: 0; }
html .bgs-seg small { font-size: 12px; opacity: 1; }
html .bgs-crumbs { font: 500 13px var(--s-body); letter-spacing: 0; text-transform: none; }
html .bgs-lbl { font-size: 12.5px; }
html .bgs-chip { font-size: 12.5px; }
html .bgs-empty, html .bgs-insp__none, html .bgs-list__more { color: var(--s-mute); }
/* Los botones naranjas que son <button> heredaban el texto claro (.bgs button { color: inherit }): 1,8:1 sobre naranja */
html .bgs .bgs-btn--o { color: #2a1a04; }

/* ---------- 2. Modo claro: colores ---------- */
/* Los colores claros van en toda la página (las ventanas de los editores cuelgan del body, fuera de .bgt-main)… */
html[data-bg-tema="claro"] body.bg-trabajo {
	--ink: #f3f4f7; --panel: #ffffff; --panel-2: #f0f2f6; --line: #dfe3ea; --line-hi: #c9d0dc;
	--text: #161b26; --mute: #3a4252; --dim: #555e70;
	--blue: #0b6f7a; --blue-hi: #0b6f7a; --cian: #0b6f7a; --guard: #0b6f7a;
	--orange: #a35f12; --gold: #a35f12; --exc: #167a3f; --ok: #167a3f; --hot: #c23a1c;
	--bgx-bg: #f3f4f7; --bgx-surface: #ffffff; --bgx-surface-2: #f0f2f6; --bgx-border: #dfe3ea; --bgx-border-hi: #c9d0dc;
	--bgx-text: #161b26; --bgx-muted: #3a4252; --bgx-accent: #0b6f7a; --bgx-accent-hi: #08545c; --bgx-gold: #a35f12;
	color: #161b26; background: #f3f4f7;
}
/* …menos la cabecera, el menú del móvil y el pie, que siguen oscuros */
html[data-bg-tema="claro"] body.bg-trabajo :is(.bgt-nav, .bgt-franja, .bgt-drawer, .bgt-foot, .bgw-g) {
	--ink: #0a0d14; --panel: #0e131d; --panel-2: #151b28; --line: #222b3e; --line-hi: #2f3a52;
	--text: #f2eee6; --mute: #9aa3b5; --dim: #8b93a7;
	--blue: #0f7f8c; --blue-hi: #5fe0ec; --cian: #34d1e0; --guard: #34d1e0;
	--orange: #f2a33a; --gold: #ffd27a; --exc: #5fe08a; --ok: #3ddc97; --hot: #ff6b4a;
	--bgx-bg: #0a0d14; --bgx-surface: #0e131d; --bgx-surface-2: #151b28; --bgx-border: #222b3e; --bgx-border-hi: #2f3a52;
	--bgx-text: #f2eee6; --bgx-muted: #9aa3b5; --bgx-accent: #0f7f8c; --bgx-accent-hi: #1aaebf; --bgx-gold: #f2a33a;
	color: #f2eee6;
}
html[data-bg-tema="claro"] body.bg-trabajo .bgt-main { color: #161b26; background: #f3f4f7; }
/* Editores con la base «bgs» (Shops, Event Item Bag, Spots, Diagnóstico, Códex): sus --s-* salen de las de arriba */
html[data-bg-tema="claro"] body.bg-trabajo .bgs:not(.bgw-g *) { --s-sunk: #e9ecf1; color: var(--s-text); }
html[data-bg-tema="claro"] body.bg-trabajo .bgs-btn:hover { background: #08545c; }
html[data-bg-tema="claro"] body.bg-trabajo .bgs-btn--g:hover { background: #e8ebf0; border-color: #0b6f7a; }
html[data-bg-tema="claro"] body.bg-trabajo .bgs-btn--d { color: #b3261e; border-color: #e3a49b; }
html[data-bg-tema="claro"] body.bg-trabajo .bgs-chip { background: #e6f4ec; color: #167a3f; }
html[data-bg-tema="claro"] body.bg-trabajo .bgs-card, html[data-bg-tema="claro"] body.bg-trabajo .bgs-fmt { box-shadow: 0 1px 3px rgba(20, 27, 38, .08); }
html[data-bg-tema="claro"] body.bg-trabajo :is(.bgs-title, .bgs-card__h h2, .bgs-meter b) { color: var(--s-text); }
html[data-bg-tema="claro"] body.bg-trabajo .bgs-pages .is-on { color: var(--s-text); border-color: #0b6f7a; }
html[data-bg-tema="claro"] body.bg-trabajo .bgs-detect { color: #10612f; background: #e6f4ec; border-color: #b7dfc6; }
html[data-bg-tema="claro"] body.bg-trabajo .bgs-cats .is-on { color: var(--s-text); border-color: #0b6f7a; }
html[data-bg-tema="claro"] body.bg-trabajo .bgs-bag .bgs-empty { color: #c3c9d6; }   /* el inventario sigue oscuro, como en el juego */
/* Barras comunes de los editores: guía y «Guarda directo en tus files» */
html[data-bg-tema="claro"] body.bg-trabajo .bgme-guia { color: #3a4252; }
html[data-bg-tema="claro"] body.bg-trabajo .bgme-guia b { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .bgx-fs__txt b { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .bgx-fs__txt code { color: #8a5a10; }
html[data-bg-tema="claro"] body.bg-trabajo .bgx-fs button:hover, html[data-bg-tema="claro"] body.bg-trabajo .bgx-fs button:focus-visible { color: #08545c; }
html[data-bg-tema="claro"] body.bg-trabajo .bgx-fs button.is-main, html[data-bg-tema="claro"] body.bg-trabajo .bgme-guia a { background: #0b6f7a; border-color: #0b6f7a; color: #ffffff; }
/* Editores de la otra base (Cash Shop, MAKE, Cliente, Personaje inicial, Recompensa diaria, Herramientas Pro…) */
html[data-bg-tema="claro"] body.bg-trabajo .mu-ebag-editor-v6,
html[data-bg-tema="claro"] body.bg-trabajo .mu-shop-editor-v6 {
	--bg-base: #f3f4f7; --bg-panel: #ffffff; --bg-input: #ffffff; --bg-hover: #eef1f5;
	--text-main: #161b26; --text-muted: #3a4252; --border-color: #dfe3ea;
	--primary: #0b6f7a; --primary-hover: #08545c; --accent-hover: #c47a22;
	--success: #167a3f; --success-hover: #10612f; --danger: #c23a1c; --danger-hover: #a12f16;
	color: #161b26;
}
html[data-bg-tema="claro"] body.bg-trabajo .mu-header { background: #ffffff; border-color: #dfe3ea; box-shadow: 0 1px 3px rgba(20, 27, 38, .08); }
html[data-bg-tema="claro"] body.bg-trabajo .mu-title-box h1, html[data-bg-tema="claro"] body.bg-trabajo .mu-title-box h1 > span { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .mu-title-box::before, html[data-bg-tema="claro"] body.bg-trabajo .mu-title-box em { color: #8a5a10; }
/* Cash Shop: monedas y avisos con colores pensados para fondo oscuro */
html[data-bg-tema="claro"] body.bg-trabajo .cs-coin--C { color: #8a5a10; }
html[data-bg-tema="claro"] body.bg-trabajo .cs-coin--P { color: #0b6f7a; }
html[data-bg-tema="claro"] body.bg-trabajo .cs-coin--G, html[data-bg-tema="claro"] body.bg-trabajo .cs-ok { color: #167a3f; }
html[data-bg-tema="claro"] body.bg-trabajo .cs-seg .cs-coin.is-on.cs-coin--C { color: #8a5a10; }   /* el selector de moneda (fuera de la tienda simulada) */
html[data-bg-tema="claro"] body.bg-trabajo .cs-seg .cs-coin.is-on.cs-coin--P { color: #0b6f7a; }
html[data-bg-tema="claro"] body.bg-trabajo .cs-seg .cs-coin.is-on.cs-coin--G { color: #167a3f; }/* Nombres de archivos y carpetas (code) y textos de ayuda que estaban pensados para fondo oscuro */
html[data-bg-tema="claro"] body.bg-trabajo .bgt-main :not(pre) > code { color: #0b4f57; background: #e3edf1; }
html[data-bg-tema="claro"] body.bg-trabajo .bgpl-abrir small { color: #3a4252; }
/* Event Item Bag */
html[data-bg-tema="claro"] body.bg-trabajo .bgs-seg button { color: var(--s-mute); }
html[data-bg-tema="claro"] body.bg-trabajo .bgs-seg :is(.is-on, [aria-pressed="true"]), html[data-bg-tema="claro"] body.bg-trabajo .bgs-seg :is(.is-on, [aria-pressed="true"]) small { color: #ffffff; }
html[data-bg-tema="claro"] body.bg-trabajo .bgs-detect b { color: inherit; }
/* MAKE */
html[data-bg-tema="claro"] body.bg-trabajo :is(.mk-item-name, .mk-step b, .mk-switch span) { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .mk-cl { color: #3a4252; }
html[data-bg-tema="claro"] body.bg-trabajo .mk-item-code { color: #8a5a10; }
html[data-bg-tema="claro"] body.bg-trabajo .mk-kind { color: #0b6f7a; }
html[data-bg-tema="claro"] body.bg-trabajo .mu-ebag-editor-v6 p b, html[data-bg-tema="claro"] body.bg-trabajo .mu-ebag-editor-v6 li b { color: #161b26; }
/* Reglas comunes de esa familia: títulos, etiquetas y negritas que eran blancos fijos; botones con texto legible */
html[data-bg-tema="claro"] body.bg-trabajo :is(.mu-ebag-editor-v6, .mu-shop-editor-v6) :is(h1, h2, h3, h4, h5, label) { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo :is(.mu-ebag-editor-v6, .mu-shop-editor-v6) :is(b, strong, small):not(.mu-btn *, .mu-badge-version *, .cs-coin *) { color: inherit; }
html[data-bg-tema="claro"] body.bg-trabajo .mu-btn-primary { background: #0b6f7a; border-color: #0b6f7a; color: #ffffff; }
html[data-bg-tema="claro"] body.bg-trabajo .mu-btn-outline { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .mu-btn-danger { background: #c23a1c; border-color: #c23a1c; color: #ffffff; }
html[data-bg-tema="claro"] body.bg-trabajo .bgx-editor-note span { color: #10612f; }
html[data-bg-tema="claro"] body.bg-trabajo .tx-drop small { color: #3a4252; }
html[data-bg-tema="claro"] body.bg-trabajo .mu-make .mk-modes button { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .mu-footer { color: #555e70; }
/* Editor del Cliente: los dos botones grandes de abrir */
html[data-bg-tema="claro"] body.bg-trabajo .ce-big { background: #ffffff; border-color: #dfe3ea; }
/* ===== AUTO claro (build/claro-gen.js): no editar a mano ===== */
html[data-bg-tema="claro"] body.bg-trabajo .mu-draft-title { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .as-kpi b { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .as-bar span:last-child { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .as-all-list label.is-hand input { color: #167a3f; }
html[data-bg-tema="claro"] body.bg-trabajo .as-changes td.old { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo .as-changes td.new { color: #167a3f; }
/* ↑ asistente-mspro: 6 */
html[data-bg-tema="claro"] body.bg-trabajo .bgs-title { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .bgs-detect b { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .bgs-card__h h2 { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .bgs-meter b { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .bgs-insp__t b { color: #161b26; }
/* ↑ balance: 5 */
html[data-bg-tema="claro"] body.bg-trabajo #bp-status.bad { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo #bp-status.ok { color: #167a3f; }
html[data-bg-tema="claro"] body.bg-trabajo .bp-warn { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo .bp-note { color: #9a4d0b; }
html[data-bg-tema="claro"] body.bg-trabajo .bp-kpi b { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .bp-t td.lv { color: #8a5a10; }
html[data-bg-tema="claro"] body.bg-trabajo .bp-plus { color: #8a5a10; }
html[data-bg-tema="claro"] body.bg-trabajo #bpo-status.bad { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo #bpo-status.ok { color: #167a3f; }
html[data-bg-tema="claro"] body.bg-trabajo .bpo-item b { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .bpo-warn { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo .bpo-note { color: #9a4d0b; }
html[data-bg-tema="claro"] body.bg-trabajo .bpo-stars { color: #9a4d0b; }
/* ↑ battlepass-mspro: 13 */
html[data-bg-tema="claro"] body.bg-trabajo .bgc2-ev__warn { color: #9a4d0b; }
/* ↑ cajas: 1 */
html[data-bg-tema="claro"] body.bg-trabajo .cs-ok { color: #167a3f; }
html[data-bg-tema="claro"] body.bg-trabajo .cs-bad { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo .cs-warn { color: #9a4d0b; }
html[data-bg-tema="claro"] body.bg-trabajo .cs-coinplate:hover { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .cs-plate:hover { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .cs-plate.is-missing { color: #9a4d0b; }
html[data-bg-tema="claro"] body.bg-trabajo .cs-card.is-warn .cs-card-price { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo .cs-opts-h b { color: #9a4d0b; }
html[data-bg-tema="claro"] body.bg-trabajo .cs-opt input[data-ok=price] { color: #9a4d0b; }
html[data-bg-tema="claro"] body.bg-trabajo .cs-chip--add { color: #9a4d0b; }
html[data-bg-tema="claro"] body.bg-trabajo .cs-chip--del:hover { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo .cs-prod--bad { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo .cs-link { color: #0b6f7a; }
html[data-bg-tema="claro"] body.bg-trabajo .cs-note--ok { color: #167a3f; }
html[data-bg-tema="claro"] body.bg-trabajo .cs-list--err { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo .cs-buywin-h { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .cs-bw-top b { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .cs-bw-top p { color: #161b26; }
/* ↑ cashshop-mspro: 18 */
html[data-bg-tema="claro"] body.bg-trabajo .ce-support { color: #9a4d0b; }
html[data-bg-tema="claro"] body.bg-trabajo .ce-file.err .txt small { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo .ce-filter-info .bad { color: #b3261e; }
/* ↑ cliente: 3 */
html[data-bg-tema="claro"] body.bg-trabajo .bgcx .cx-zone b { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .bgcx .cx-sum b { color: #9a4d0b; }
html[data-bg-tema="claro"] body.bg-trabajo .bgcx .cx-notes { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .bgcx .cx-notes code,
html[data-bg-tema="claro"] body.bg-trabajo .bgcx .cx-pub code { color: #0b6f7a; }
html[data-bg-tema="claro"] body.bg-trabajo .bgcx .cx-pub h3,
html[data-bg-tema="claro"] body.bg-trabajo .bgcx .cx-prev h3 { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .bgcx .cx-card > b { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .bgcx .cx-card li { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .bgcx .cx-card li em { color: #167a3f; }
/* ↑ codex: 8 */
html[data-bg-tema="claro"] body.bg-trabajo #cm-status.bad { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo #cm-status.ok { color: #167a3f; }
html[data-bg-tema="claro"] body.bg-trabajo .cm-alert b { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo .cm-name .cm-w { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo .cm-more b { color: #9a4d0b; }
html[data-bg-tema="claro"] body.bg-trabajo .cm-det h4 button { color: #0b6f7a; }
html[data-bg-tema="claro"] body.bg-trabajo #cmo-status.bad { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo #cmo-status.ok { color: #167a3f; }
html[data-bg-tema="claro"] body.bg-trabajo .cmo-warn { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo .cmo-note { color: #9a4d0b; }
/* ↑ commands-mspro: 10 */
html[data-bg-tema="claro"] body.bg-trabajo .cv-warn { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo .cv-swap:hover { color: #9a4d0b; }
/* ↑ convertidor-s6: 2 */
html[data-bg-tema="claro"] body.bg-trabajo .dx-empty--ok b { color: #167a3f; }
/* ↑ diagnostico: 1 */
html[data-bg-tema="claro"] body.bg-trabajo .ev-note { color: #9a4d0b; }
html[data-bg-tema="claro"] body.bg-trabajo .ev-ok { color: #167a3f; }
html[data-bg-tema="claro"] body.bg-trabajo #ev-status.ok { color: #167a3f; }
html[data-bg-tema="claro"] body.bg-trabajo .ev-kpi.bad b { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo .ev-kpi.ok b { color: #167a3f; }
html[data-bg-tema="claro"] body.bg-trabajo .ev-ev .n.bad { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo .ev-eye:hover { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .ev-t button:hover { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .ev-steps a { color: #0b6f7a; }
/* ↑ eventos-auto: 9 */
html[data-bg-tema="claro"] body.bg-trabajo #iv-status.bad { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo #iv-status.ok { color: #167a3f; }
html[data-bg-tema="claro"] body.bg-trabajo .iv-item b { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .iv-warn { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo .iv-note { color: #9a4d0b; }
html[data-bg-tema="claro"] body.bg-trabajo .iv-f small { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo .iv-add { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo .iv-next { color: #167a3f; }
html[data-bg-tema="claro"] body.bg-trabajo .iv-spot b { color: #9a4d0b; }
html[data-bg-tema="claro"] body.bg-trabajo .iv-nospot { color: #9a4d0b; }
/* ↑ invasiones-mspro: 10 */
html[data-bg-tema="claro"] body.bg-trabajo .mu-ssemu .sse-note code { color: #9a4d0b; }
html[data-bg-tema="claro"] body.bg-trabajo .mu-ssemu .sse-block-select { color: #0b6f7a; }
html[data-bg-tema="claro"] body.bg-trabajo .mu-ssemu .sse-subblock-head { color: #0b6f7a; }
/* ↑ itembag-ssemu: 3 */
html[data-bg-tema="claro"] body.bg-trabajo .jw-warn { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo #jw-status { color: #9a4d0b; }
html[data-bg-tema="claro"] body.bg-trabajo #jw-status.ok { color: #167a3f; }
html[data-bg-tema="claro"] body.bg-trabajo .jw-new:hover { color: #167a3f; }
html[data-bg-tema="claro"] body.bg-trabajo .jw-tabs button[aria-selected="true"] { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .jw-tag.ok { color: #167a3f; }
html[data-bg-tema="claro"] body.bg-trabajo .jw-tag.bad { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo .jw-pc em { color: #167a3f; }
html[data-bg-tema="claro"] body.bg-trabajo .jw-pc.bad em { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo .jw-live h4 { color: #9a4d0b; }
html[data-bg-tema="claro"] body.bg-trabajo .jw-savebar.dirty { color: #9a4d0b; }
html[data-bg-tema="claro"] body.bg-trabajo .jw-orph summary { color: #b3261e; }
/* ↑ joyas-alas: 12 */
html[data-bg-tema="claro"] body.bg-trabajo #lu-status.bad { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo #lu-status.ok { color: #167a3f; }
html[data-bg-tema="claro"] body.bg-trabajo .lu-mod b { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .lu-mod small.bad { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo .lu-warn { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo .lu-add { color: #0b6f7a; }
/* ↑ lua-scripts: 6 */
html[data-bg-tema="claro"] body.bg-trabajo .mu-make .mk-intro p b { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .mu-make .mk-modes button b { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .mu-make .mk-step { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .mu-make .mk-item-name { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .mu-make .mk-item-code { color: #9a4d0b; }
html[data-bg-tema="claro"] body.bg-trabajo .mu-make .mk-pieces { color: #167a3f; }
html[data-bg-tema="claro"] body.bg-trabajo .mu-make .mk-pieces--few { color: #9a4d0b; }
html[data-bg-tema="claro"] body.bg-trabajo .mu-make .mk-sel-name { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .mu-make .mk-sel-meta,
html[data-bg-tema="claro"] body.bg-trabajo .mu-make .mk-sel-pieces { color: #167a3f; }
html[data-bg-tema="claro"] body.bg-trabajo .mu-make .mk-sel-pieces .mk-miss { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo .mu-make .mk-lvl label b { color: #9a4d0b; }
html[data-bg-tema="claro"] body.bg-trabajo .mu-make .mk-switch { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .mu-make .mk-exc-head { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .mu-make .mk-chk b { color: #167a3f; }
html[data-bg-tema="claro"] body.bg-trabajo .mu-make .mk-read label { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .mu-make .mk-ok { color: #167a3f; }
html[data-bg-tema="claro"] body.bg-trabajo .mu-make .mk-bad { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo .mu-make .mk-list-head h3 { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .mu-make .mk-li-cmd code { color: #167a3f; }
/* ↑ make: 19 */
html[data-bg-tema="claro"] body.bg-trabajo #np-status.bad { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo #np-status.ok { color: #167a3f; }
html[data-bg-tema="claro"] body.bg-trabajo .np-item b { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .np-warn { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo .np-f small { color: #1d5bb8; }
html[data-bg-tema="claro"] body.bg-trabajo .np-t td.nm { color: #1d5bb8; }
html[data-bg-tema="claro"] body.bg-trabajo .np-add { color: #1d5bb8; }
html[data-bg-tema="claro"] body.bg-trabajo .np-type summary small { color: #1d5bb8; }
/* ↑ npc-mspro: 8 */
html[data-bg-tema="claro"] body.bg-trabajo .pi-warn { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo .pi-note { color: #9a4d0b; }
html[data-bg-tema="claro"] body.bg-trabajo #pi-status.bad { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo #pi-status.ok { color: #167a3f; }
html[data-bg-tema="claro"] body.bg-trabajo .pi-alert b { color: #9a4d0b; }
html[data-bg-tema="claro"] body.bg-trabajo .pi-alert b.g { color: #167a3f; }
html[data-bg-tema="claro"] body.bg-trabajo .pi-tabs button[aria-selected="true"] { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .pi-bulk > b { color: #9a4d0b; }
html[data-bg-tema="claro"] body.bg-trabajo .pi-it b.exc { color: #167a3f; }
/* ↑ personaje-inicial: 9 */
html[data-bg-tema="claro"] body.bg-trabajo #rd-status.bad { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo #rd-status.ok { color: #167a3f; }
html[data-bg-tema="claro"] body.bg-trabajo .rd-note { color: #9a4d0b; }
html[data-bg-tema="claro"] body.bg-trabajo .rd-warn { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo .rd-mt.has i { color: #167a3f; }
html[data-bg-tema="claro"] body.bg-trabajo .rd-day small { color: #9a4d0b; }
html[data-bg-tema="claro"] body.bg-trabajo .rd-more { color: #0b6f7a; }
/* ↑ recompensa-diaria: 7 */
html[data-bg-tema="claro"] body.bg-trabajo #rs-status.bad { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo #rs-status.ok { color: #167a3f; }
html[data-bg-tema="claro"] body.bg-trabajo .rs-block h4 small { color: #9a4d0b; }
html[data-bg-tema="claro"] body.bg-trabajo .rs-shared { color: #9a4d0b; }
html[data-bg-tema="claro"] body.bg-trabajo .rs-shared button { color: #0b6f7a; }
html[data-bg-tema="claro"] body.bg-trabajo .rs-gen > summary { color: #9a4d0b; }
html[data-bg-tema="claro"] body.bg-trabajo #rso-status.bad { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo #rso-status.ok { color: #167a3f; }
html[data-bg-tema="claro"] body.bg-trabajo .rso-add { color: #167a3f; }
html[data-bg-tema="claro"] body.bg-trabajo .rso-gen > summary { color: #9a4d0b; }
/* ↑ resets-mspro: 10 */
html[data-bg-tema="claro"] body.bg-trabajo #wh-status.bad { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo #wh-status.ok { color: #167a3f; }
html[data-bg-tema="claro"] body.bg-trabajo .wh-item b { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .wh-warn { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo .wh-note { color: #9a4d0b; }
html[data-bg-tema="claro"] body.bg-trabajo .wh-t .pct { color: #a3245b; }
html[data-bg-tema="claro"] body.bg-trabajo .wh-add { color: #a3245b; }
html[data-bg-tema="claro"] body.bg-trabajo .wh-filesbox p.ok { color: #167a3f; }
/* ↑ ruleta-mspro: 8 */
html[data-bg-tema="claro"] body.bg-trabajo .sp-it-t { color: #161b26; }
html[data-bg-tema="claro"] body.bg-trabajo .sp-ents button.is-bad { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo .sp-om__nota.is-bad { color: #b3261e; }
/* ↑ spots: 3 */
html[data-bg-tema="claro"] body.bg-trabajo .tx-meta .tx-alpha { color: #1d5bb8; }
html[data-bg-tema="claro"] body.bg-trabajo .tx-meta .tx-warn { color: #9a4d0b; }
html[data-bg-tema="claro"] body.bg-trabajo .tx-meta .tx-bad { color: #b3261e; }
html[data-bg-tema="claro"] body.bg-trabajo .tx-meta .tx-out { color: #167a3f; }
html[data-bg-tema="claro"] body.bg-trabajo .tx-x:hover { color: #161b26; }
/* ↑ texturas: 5 */
/* ===== /AUTO claro ===== */
/* Wiki y guías (las diapositivas de las guías, .bgw-g, siguen oscuras) */
html[data-bg-tema="claro"] body.bg-trabajo .bgw {
	--w-bg: #ffffff; --w-bg2: #f0f2f6; --w-line: #dfe3ea; --w-text: #161b26; --w-muted: #3a4252; --w-gold: #a35f12; --w-blue: #0b6f7a;
}
/* Textos de la wiki que eran blancos fijos (los colores de la wiki van dentro de la página 36) */
html[data-bg-tema="claro"] body.bg-trabajo :is(.bgw-brand b, .bgw-art h2, .bgw-art h3, .bgw-art p, .bgw-art li, .bgw-steps > li b,
	.bgw-tbl th, .bgw-tbl td, .bgw-card b, .bgw-nav a b, .bgw-note p, .bgw-note b):not(.bgw-hero *, .bgw-g *) { color: #161b26; }   /* .bgw-hero y las diapositivas siguen oscuras: sus textos, claros */
html[data-bg-tema="claro"] body.bg-trabajo .bgw-pre b { color: #9a4d0b; }
html[data-bg-tema="claro"] body.bg-trabajo .bgw-hero { --w-text: #e6e9ef; --w-muted: #b6bdcb; --w-gold: #f5b73b; color: #e6e9ef; }
/* Las guías de diapositivas (.bgw-g) son un bloque oscuro, como la cabecera de la wiki: mantienen sus colores */
html[data-bg-tema="claro"] body.bg-trabajo .bgw-g { --w-bg: #111823; --w-bg2: #18202d; --w-line: #222b3e; --w-text: #f2eee6; --w-muted: #9aa3b5; --w-gold: #f2a33a; --w-blue: #4f8dff; }
html[data-bg-tema="claro"] body.bg-trabajo .bgw nav a.on, html[data-bg-tema="claro"] body.bg-trabajo .bgw-side a.on { color: #161b26; }
/* Cabecera y pie siguen oscuros */
html[data-bg-tema="claro"] body.bg-trabajo .bgt-foot { background: #0a0d14; }

/* ---------- Botón «Modo claro / oscuro» de las zonas de trabajo ---------- */
.bg-tema-btn {
	position: fixed; z-index: 60; left: max(16px, env(safe-area-inset-left, 0px)); bottom: max(16px, env(safe-area-inset-bottom, 0px));
	display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 999px; cursor: pointer;
	font: 600 13.5px/1 var(--f-body, "Figtree", system-ui, sans-serif);
	background: #161d2a; color: #e3e7ef; border: 1px solid #2a3446; box-shadow: 0 8px 24px rgba(0, 0, 0, .35);
}
.bg-tema-btn svg { width: 16px; height: 16px; }
.bg-tema-btn:hover { border-color: #ffd27a; }
.bg-tema-btn:focus-visible { outline: 2px solid #34d1e0; outline-offset: 2px; }
html[data-bg-tema="claro"] .bg-tema-btn { background: #ffffff; color: #161b26; border-color: #c9d0dc; box-shadow: 0 6px 18px rgba(20, 27, 38, .15); }
@media print { .bg-tema-btn { display: none; } }