/* EGStrategy · tema claro (09-oct-2026). Se activa con <html data-tema="claro"> (Ajustes → Apariencia, o el botón
   sol/luna de la barra lateral). Las hojas usan variables con el valor oscuro por defecto: aquí solo se redefinen.
   Las cabeceras con ilustración, el login y los avisos fijos siguen oscuros a propósito (texto blanco sobre imagen). */
:root[data-tema="claro"]{
  color-scheme:light;
  --bg:#f2f5f4;
  --side:#ffffff;
  --side-2:#eef3f2;
  --main:#f2f5f4;
  --surface:#ffffff;
  --surface-2:#eef3f2;
  --ink:#15282c;
  --muted:#5b6d70;
  --line:#d7e0de;
  --accent:#1fa897;
  --accent-2:#0d8a7b;
  --accent-soft:rgba(31,168,151,.12);
  --gold:#9a6408;
  --shadow:0 1px 3px rgba(16,40,44,.08),0 8px 24px rgba(16,40,44,.06);
  /* tintes translúcidos (en oscuro: blanco y verdes muy oscuros) */
  --tinte:20 45 50;
  --hondo-1:255 255 255;
  --hondo-2:255 255 255;
  --hondo-3:255 255 255;
  --hondo-4:255 255 255;
  --panel:#ffffff;
  --panel-2:#eef3f2;
  --ink-fuerte:#0d1f22;
  --ink-suave:#3b5054;
  --ink-2:#22363a;
  --rojo-txt:#bf2f35;
  --oro-txt:#865700;
  --menta-txt:#0d7c6e;
}

/* Fondos que en oscuro eran translúcidos y en claro deben ser blancos sólidos */
[data-tema="claro"] body{background:var(--bg)}
[data-tema="claro"] .tool-view{background:var(--bg)}
[data-tema="claro"] .side{background:#fff;border-right:1px solid var(--line)}
[data-tema="claro"] .main__head{background:rgba(255,255,255,.92);border-bottom:1px solid var(--line)}
[data-tema="claro"] :is(.pj-tabla,.pj-tc,.pj-files,.pj-kb__col,.pj-add,.pj-ev,.ac-lista,.ac-panel,.cal2__lado,.ch-lista,.ch-panel,.tarea,.pe-card,.card,.pe-kpi,.pjc,.file-card,.tf__msg,.ed-fila,.ia-prop){background:#fff;border-color:var(--line)}
[data-tema="claro"] :is(.pj-row--head,.ac-fila--head,.pj-tabs,.pj-seg){background:#eef3f2}
[data-tema="claro"] :is(.pj-sel,.pj-add input,.pj-campo input,.pj-search input,.pj-edit-inp,.pj-kb__add input,.tf__area,.ia-texto,.comp-modo,.comp-persona,.tf__coment-form textarea,.ch-comp__caja,.ch-edit textarea,input.search,.chip,.frm input,.frm select){background:#fff;border-color:#cdd8d5;color:var(--ink)}
[data-tema="claro"] .tarea:hover{background:#f7faf9;border-color:rgba(31,168,151,.4)}
[data-tema="claro"] .tarea.is-late{background:linear-gradient(90deg,rgba(229,72,77,.07),#fff 40%)}
[data-tema="claro"] .pj-row:hover{background:#f7faf9}
[data-tema="claro"] .side__me{background:#f6f9f8}
[data-tema="claro"] .chan:hover{background:#eef5f3}
[data-tema="claro"] .chan.is-active{background:rgba(31,168,151,.12);color:#0b5f55}
[data-tema="claro"] .side-ic{filter:none}
[data-tema="claro"] .pill--amb{background:#eef3f2;color:var(--ink-2)}
[data-tema="claro"] .txt-mal{color:var(--rojo-txt)}
[data-tema="claro"] .tarea__chk{border-color:#9fb0ad}
[data-tema="claro"] .cmdk__caja{background:#fff}
[data-tema="claro"] .bell-panel,[data-tema="claro"] .brief-pop{background:#fff;color:var(--ink);border-color:var(--line)}
[data-tema="claro"] .toast{background:#15282c;color:#fff}
[data-tema="claro"] ::-webkit-scrollbar-thumb{background:#c6d2cf}
[data-tema="claro"] .pj-crono .gantt .grid-row{fill:#fff}
[data-tema="claro"] .pj-crono .gantt .row-line,[data-tema="claro"] .pj-crono .gantt .tick{stroke:#e2e9e7}
[data-tema="claro"] .cal2__fc{background:#fff;border-color:var(--line);
  --fc-border-color:#dde5e3;--fc-page-bg-color:#fff;--fc-neutral-bg-color:#f2f5f4;--fc-neutral-text-color:#5b6d70;--fc-today-bg-color:rgba(224,164,59,.1);
  --fc-button-bg-color:#fff;--fc-button-border-color:#cdd8d5;--fc-button-hover-bg-color:#eef3f2;--fc-button-hover-border-color:#b9c7c4;
  --fc-button-active-bg-color:#d9f0ec;--fc-button-active-border-color:#1fa897;--fc-button-text-color:#15282c}
[data-tema="claro"] .pj-crono .gantt-container{--g-bar-color:#c9dcd8;--g-tick-color:#edf2f1;--g-tick-color-thick:#dbe4e2;--g-arrow-color:#7a8b8e;--g-border-color:#dde5e3;
  --g-header-background:#f2f5f4;--g-row-color:#fff;--g-row-border-color:#edf2f1;--g-text-dark:#15282c;--g-text-light:#fff;--g-text-muted:#5b6d70;
  --g-weekend-highlight-color:#f6f8f8;--g-weekend-label-color:#7a8b8e;--g-actions-background:#eef3f2;--g-popup-actions:#eef3f2;--g-expected-progress:rgba(20,45,50,.08)}
[data-tema="claro"] .pj-card{background:#fff;box-shadow:0 1px 3px rgba(16,40,44,.08)}
[data-tema="claro"] .file-thumb{background:linear-gradient(135deg,#eef3f2,#e3ebe9)}
[data-tema="claro"] .pj-bulk{background:#e3f4f1}
[data-tema="claro"] .ch-peg{background:#fff}
.txt-mal{color:#f3a3a3}

/* Botón de tema en la barra lateral */
.tema-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:8px;background:none;color:var(--muted);cursor:pointer}
.tema-btn:hover{background:rgb(var(--tinte,255 255 255) / .08);color:var(--ink)}
.tema-btn .tema-sol{display:none}
[data-tema="claro"] .tema-btn .tema-sol{display:block}
[data-tema="claro"] .tema-btn .tema-luna{display:none}

/* El login y los bloques del Panel EGS TeK siguen oscuros: dentro de ellos se recuperan los colores del tema oscuro. */
[data-tema="claro"] :is(.auth,.egstek-launch__hero,.egstek-emergencia){
  --ink:#e7eeec;--muted:#9aaaab;--line:#28393f;--accent-2:#2bc4b2;--surface:#16262c;--surface-2:#1e2f36;
  --tinte:255 255 255;--hondo-1:8 16 19;--hondo-2:9 19 22;--hondo-3:14 26 30;--hondo-4:22 38 44;
  --panel:#101e22;--panel-2:#1b2e34;--ink-fuerte:#fff;--ink-suave:#c9d6d3;--ink-2:#dfe7e5;--rojo-txt:#f3a3a3;--oro-txt:#f1c473;--menta-txt:#7fd8c8;
  color:var(--ink)}

/* Barra lateral legible sobre blanco */
[data-tema="claro"] .chan{color:var(--ink-2)}
[data-tema="claro"] .chan .side-ic{opacity:1}
[data-tema="claro"] .side__sectitle{color:#6f8285}
[data-tema="claro"] .msg__t{color:var(--ink)}
[data-tema="claro"] .pjc__stats{color:var(--ink-suave)}
[data-tema="claro"] .pj-ext--doc{color:#2d63b8}
[data-tema="claro"] .pj-ext--xls{color:#1f8a4c}
[data-tema="claro"] .pj-ext--img{color:#6b46c1}
[data-tema="claro"] .pj-btn--ia{color:#5b3fb0}
[data-tema="claro"] .pj-crono .gantt .bar-wrapper[class*="g-blocker"] .bar{fill:#f3c6c8}
[data-tema="claro"] .pj-crono .gantt .bar-wrapper[class*="g-alta"] .bar{fill:#f5d3bd}
[data-tema="claro"] .pj-crono .gantt .bar-wrapper[class*="g-media"] .bar{fill:#efe2b8}
[data-tema="claro"] .pj-crono .gantt .bar-wrapper[class*="g-baja"] .bar{fill:#c6e8e2}
[data-tema="claro"] .pj-crono .gantt .bar-label{fill:#15282c}

/* Cabeceras con ilustración en claro: la misma imagen bajo un velo claro (más tupido a la izquierda, donde va el texto). */
[data-tema="claro"] :is(.pe-hero,.tool-banner,.doc-hero,.ia-hero,.inf-hero){position:relative;isolation:isolate;color:var(--ink);border-color:var(--line);box-shadow:var(--shadow)}
[data-tema="claro"] :is(.pe-hero,.tool-banner,.doc-hero,.ia-hero,.inf-hero)::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
  background:linear-gradient(90deg,rgba(248,251,250,.97) 0%,rgba(246,250,249,.92) 45%,rgba(240,248,246,.74) 100%)}
[data-tema="claro"] :is(.pe-hero h2,.tool-banner h2,.doc-hero h2,.ia-hero h2,.inf-hero h2){color:var(--ink-fuerte)}
[data-tema="claro"] :is(.pe-hero__frase,.tool-banner p,.doc-hero p,.ia-hero p,.inf-hero p){color:var(--ink-suave)}
[data-tema="claro"] .pe-hero__kicker{color:var(--accent-2)}
[data-tema="claro"] .pe-hero__ring,[data-tema="claro"] .doc-hero__stats div{background:rgba(255,255,255,.85);border-color:var(--line);color:var(--ink-fuerte);box-shadow:0 4px 18px rgba(16,40,44,.08)}
[data-tema="claro"] .pe-hero__avatares .pe-av{box-shadow:0 0 0 2px #fff}
[data-tema="claro"] .tool-banner__ic{background:rgba(31,168,151,.12);border-color:rgba(31,168,151,.25);box-shadow:none}
[data-tema="claro"] :is(.doc-card,.proj-card,.inf-card,.pj-panel){background:#fff;border-color:var(--line)}
[data-tema="claro"] .composer input{background:#fff}

/* Cabecera: el botón «Ir a…» nunca se parte; la descripción se recorta antes */
.cmdk-btn{flex:0 0 auto;white-space:nowrap}
.chan-desc{min-width:0;flex:0 1 auto}