/* V70 — Sistema visual único. El azul es la identidad de producto.
   Los colores de calendario/intensidad se conservan solo cuando tienen significado funcional. */
:root{
  --bg:#F5F8FC!important;
  --bg-tint:#EEF4FB!important;
  --bg-deep:#E6EEF8!important;
  --card:#FFFFFF!important;
  --card-alt:#F8FAFD!important;
  --border:#DCE5F0!important;
  --border-strong:#C4D2E3!important;
  --text:#142033!important;
  --text-soft:#40506A!important;
  --muted:#718096!important;
  --primary:#2F5FB3!important;
  --primary-deep:#244A8D!important;
  --primary-soft:#EAF1FB!important;
  --secondary:#142033!important;
  --accent:#3B6FB6!important;
  --accent-soft:#EAF2FC!important;
  --gold:#5B78A6!important;
  --gold-soft:#EEF3F9!important;
  --danger:#C94A57;
  --danger-soft:#FCEDEF;
  --warn:#B7832F;
  --warn-soft:#FBF4E5;
  --input:#FFFFFF!important;
  --calc:#F5F8FC!important;
  --row-stripe:#F8FAFD!important;
  --ui-bg:#F5F8FC!important;
  --ui-surface:#FFFFFF!important;
  --ui-surface2:#F8FAFD!important;
  --ui-surface3:#F1F5FA!important;
  --ui-border:#DCE5F0!important;
  --ui-border-strong:#C4D2E3!important;
  --ui-text:#142033!important;
  --ui-text-2:#40506A!important;
  --ui-muted:#718096!important;
  --ui-nav:#13233D!important;
  --ui-nav2:#1A3154!important;
  --ui-accent:#2F5FB3!important;
  --ui-accent2:#4D7CC4!important;
  --ui-cyan:#4B7DBD!important;
  --ui-green:#4E7AA8!important;
  --ui-warn:#B7832F!important;
  --ui-red:#C94A57!important;
  --ui-blue:#2F5FB3!important;
  --ui-blue-deep:#244A8D!important;
  --ui-blue-soft:#EAF1FB!important;
  --ui-blue-line:#C8D8EC!important;
  --ui-load:#2F5FB3!important;
  --ui-load-deep:#244A8D!important;
  --ui-load-soft:#EAF1FB!important;
  --ui-load-line:#C8D8EC!important;
  --ui-purple:#5576AE!important;
  --ui-purple-soft:#EDF3FA!important;
  --ui-orange:#5B78A6!important;
  --ui-orange-soft:#EEF3F9!important;
  --ui-slate:#61738E!important;
  --ui-slate-soft:#F0F4F9!important;
  --ui-radius:12px!important;
  --ui-shadow:0 1px 2px rgba(20,32,51,.03),0 7px 22px rgba(20,32,51,.05)!important;
  --shadow-sm:0 1px 2px rgba(20,32,51,.04)!important;
  --shadow:0 1px 3px rgba(20,32,51,.06)!important;
}

html,body{background:var(--ui-bg)!important;color:var(--ui-text)!important}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important}
#app-shell,main{background:var(--ui-bg)!important}

/* Chrome global: siempre azul, independientemente del módulo */
.app-sidebar,aside.app-sidebar{background:linear-gradient(180deg,#13233D 0%,#0F1D33 100%)!important}
.brand-mark,.app-sidebar .brand-mark{background:linear-gradient(135deg,#3F73C0,#244A8D)!important;box-shadow:0 7px 20px rgba(47,95,179,.25)!important}
.app-nav .nav-main.active,.app-nav .nav-group.active>.nav-group-toggle,.app-nav .nav-group.open>.nav-group-toggle,
.nav-group-items button.active{background:linear-gradient(90deg,rgba(47,95,179,.22),rgba(47,95,179,.07))!important;border-color:rgba(112,151,204,.22)!important;box-shadow:inset 3px 0 0 #4D7CC4!important}
.app-nav .active .tab-icon,.app-nav .nav-group.active .tab-icon,.nav-group-items button.active .dot{color:#8FB2DF!important;background:#8FB2DF!important}
.app-header{background:rgba(255,255,255,.96)!important;border-bottom-color:var(--ui-border)!important}
.app-header .ah-search,.header-actions button,.header-equipo-select,.header-equipo-gestionar{border-color:var(--ui-border)!important;background:#fff!important}
.header-actions button.primary,.btn-primary,.primary-btn,button.btn-primary{background:var(--ui-accent)!important;border-color:var(--ui-accent)!important;color:#fff!important;box-shadow:0 6px 15px rgba(47,95,179,.16)!important}
.header-actions button.primary:hover,.btn-primary:hover,.primary-btn:hover,button.btn-primary:hover{background:var(--ui-accent-deep,#244A8D)!important;border-color:#244A8D!important}

/* Componentes: misma geometría y mismo lenguaje */
.card,.panel,.kpi-card,.section-card,.table-wrap,.chart-card,.inicio-card,.inicio-quick-card,.inicio-hero,.modal-content,.profile-card,.wellness-question,.task-card{
 background:var(--ui-surface)!important;border:1px solid var(--ui-border)!important;border-radius:12px!important;box-shadow:var(--ui-shadow)!important;
}
.card-title,.panel-header h2,.section-title{color:var(--ui-text)!important}
.muted{color:var(--ui-muted)!important}
.btn{border:1px solid var(--ui-border)!important;background:#fff!important;color:var(--ui-text)!important;border-radius:9px!important}
.btn:hover{border-color:#B9CAE1!important;background:#F8FAFD!important}
input,select,textarea{border-color:#D5DFEC!important;border-radius:9px!important;background:#fff!important;color:var(--ui-text)!important}
input:focus,select:focus,textarea:focus{border-color:var(--ui-accent)!important;box-shadow:0 0 0 3px rgba(47,95,179,.10)!important}
th{background:#F3F6FA!important;color:#64748B!important;border-bottom-color:var(--ui-border)!important}
td{border-bottom-color:#E9EEF5!important}
tr:hover td{background:#F8FAFD!important}
.badge,.chip,.pill,.status-badge{border-radius:999px!important}

/* No usar rojo/verde/naranja como identidad de módulo */
body[data-module="carga"] .section-title,
body[data-module="carga"] .kpi-value,
body[data-module="carga"] .metric-value,
body[data-module="wellness"] .section-title,
body[data-module="wellness"] .kpi-value,
body[data-module="planificacion"] .section-title,
body[data-module="partidos"] .section-title{color:var(--ui-accent)!important}
body[data-module="carga"] .btn-primary,
body[data-module="carga"] .primary-btn,
body[data-module="carga"] .action-primary{background:var(--ui-accent)!important;border-color:var(--ui-accent)!important}
body[data-module="carga"] .btn-primary:hover,body[data-module="carga"] .primary-btn:hover{background:var(--ui-blue-deep)!important}
body[data-module="carga"] .panel-accent,body[data-module="carga"] .section-card.accent,body[data-module="carga"] .kpi-card.accent{border-top-color:var(--ui-accent)!important}

/* Sustituye las variables de módulo que introducía V69 por tonos azules */
body[data-module="carga"],body[data-module="wellness"],body[data-module="planificacion"],body[data-module="partidos"]{--accent:var(--ui-accent)!important;--accent-soft:var(--ui-accent-soft)!important;--primary:var(--ui-accent)!important;--primary-deep:var(--ui-blue-deep)!important;--primary-soft:var(--ui-blue-soft)!important}

/* Dashboard: mismo azul, sin otro estilo cromático */
.inicio-hero{background:linear-gradient(135deg,#172A49 0%,#244A8D 58%,#3F73C0 100%)!important}
.inicio-hero *{color:inherit}
.landing{background:#F5F8FC!important}.landing-nav{background:rgba(245,248,252,.94)!important;border-bottom-color:var(--ui-border)!important}
.ln-mark{background:linear-gradient(135deg,#3F73C0,#244A8D)!important}.hl-primary{color:var(--ui-accent)!important}

/* Mantener colores funcionales SOLO donde codifican información: calendario/intensidad/C1-C5/estado */
.day.has-type,.day.intensity-1,.day.intensity-2,.day.intensity-3,.day.intensity-4,.day.intensity-5,
.session-pista,.session-gym,.session-pista-gym,.session-partido,.session-recovery,.session-amistoso,
.c1,.c2,.c3,.c4,.c5,.intensity-1,.intensity-2,.intensity-3,.intensity-4,.intensity-5{ }

/* Dark: misma familia azul */
[data-theme="dark"]{
 --ui-bg:#0C1628!important;--ui-surface:#111E31!important;--ui-surface2:#16243A!important;--ui-surface3:#1C2C44!important;
 --ui-border:#293B55!important;--ui-border-strong:#3A4E6B!important;--ui-text:#F2F6FC!important;--ui-text-2:#D2DCEA!important;--ui-muted:#94A5BC!important;
 --ui-primary:#6F98D4!important;--ui-primary-2:#8AADE0!important;--ui-primary-soft:#1A2B45!important;--ui-accent:#6F98D4!important;
 --primary:#6F98D4!important;--primary-deep:#527DBE!important;--primary-soft:#1A2B45!important;--accent:#78A1D8!important;--accent-soft:#1A2B45!important;
 --bg:#0C1628!important;--card:#111E31!important;--card-alt:#16243A!important;--border:#293B55!important;--text:#F2F6FC!important;--muted:#94A5BC!important;
}
[data-theme="dark"] main{background:var(--ui-bg)!important}
[data-theme="dark"] .app-header{background:rgba(12,22,40,.94)!important;border-bottom-color:var(--ui-border)!important}
[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea,[data-theme="dark"] .btn,[data-theme="dark"] .header-actions button{background:var(--ui-surface)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}

/* Responsive */
@media(max-width:900px){.tab-panel{padding:20px 14px 40px!important}.app-header{padding:0 12px!important}}