/* ================== LIGHT OVERRIDE ================== */
body[data-theme="light"]{
  --qhse-bg: #caeaae;
  --qhse-surface: #a3b18a;
  --qhse-surface-soft: #b7c3a3;
  --qhse-surface-strong: #a3b18a;

  --qhse-primary: #344e41;
  --qhse-primary-strong: #3a5a40;
  --qhse-accent-blue: #344e41;

  --qhse-border: rgba(52, 78, 65, 0.22);
  --qhse-border-soft: rgba(52, 78, 65, 0.14);

  --qhse-text-main: #1f2a21;
  --qhse-text-muted: #3f5145;

  --qhse-input-bg: rgba(255,255,255,0.72);

  --qhse-panel-shadow: 0 12px 28px rgba(52, 78, 65, 0.12);
  --qhse-panel-bg: linear-gradient(145deg, #a3b18a 0%, #b7c3a3 100%);
  --qhse-comment-bg: rgba(255, 255, 255, 0.897);

  --qhse-calendar-bg: rgba(255,255,255,0.72);
  --qhse-calendar-head-bg: rgba(163, 177, 138, 0.70);
  --qhse-calendar-cell-bg: rgba(255,255,255,0.60);

  --qhse-chart-bg: rgba(255,255,255,0.92);
  --qhse-chart-shadow: 0 12px 26px rgba(52, 78, 65, 0.10);
  --qhse-chart-grid: rgba(52, 78, 65, 0.40);
  --qhse-chart-ticks: #344e41;
  --qhse-chart-tooltip-bg: rgba(255,255,255,0.96);
  --qhse-chart-tooltip-text: #1f2a21;

  --qhse-card-bg: linear-gradient(145deg, #a3b18a 0%, #b7c3a3 100%);
  --qhse-card-border: rgba(52, 78, 65, 0.12);
  --qhse-card-shadow: 0 10px 24px rgba(52, 78, 65, 0.10);
  --qhse-card-hover-shadow: 0 16px 32px rgba(52, 78, 65, 0.18);

  --qhse-marked: rgba(58, 90, 64, 0.28);
  --qhse-tarea: rgba(52, 78, 65, 0.22);
  --qhse-nok: rgba(225, 29, 72, 0.20);

  --qhse-legend-border: rgba(52, 78, 65, 0.16);

  --qhse-btn-bg: #3a5a40;
  --qhse-btn-shadow: 0 6px 14px rgba(52, 78, 65, 0.18);
  --qhse-btn-shadow-hover: 0 10px 22px rgba(52, 78, 65, 0.22);
  --qhse-btn-shadow-active: 0 3px 8px rgba(52, 78, 65, 0.16);
  /*-------------tabla---------------------------*/
  --qhse-table-bg: linear-gradient(145deg, #ffffff 0%, #f4f6f1 100%);
--qhse-table-border: rgba(52, 78, 65, 0.14);
--qhse-table-text: #1f2a21;
--qhse-table-shadow: 0 14px 30px rgba(52, 78, 65, 0.10);

--qhse-table-cell-border: rgba(52, 78, 65, 0.10);

--qhse-table-head-bg: linear-gradient(135deg, #3a5a40 0%, #588157 100%);
--qhse-table-head-text: #ffffff;

--qhse-table-row-even: rgba(58, 90, 64, 0.08);
--qhse-table-row-odd: rgba(255,255,255,0.88);
--qhse-table-row-hover: rgba(52, 78, 65, 0.14);
--qhse-table-row-hover-shadow: inset 0 0 0 9999px rgba(52, 78, 65, 0.03);

--qhse-table-btn-edit-bg: linear-gradient(135deg, #7bc96f 0%, #4caf50 100%);
--qhse-table-btn-edit-text: #0d1c10;
--qhse-table-btn-edit-shadow: 0 8px 18px rgba(76,175,80,0.28);

--qhse-table-btn-delete-bg: linear-gradient(135deg, #ef5350 0%, #d32f2f 100%);
--qhse-table-btn-delete-text: #ffffff;
--qhse-table-btn-delete-shadow: 0 0 8px rgba(211, 47, 47, 0.25);
--qhse-table-btn-delete-bg-hover: linear-gradient(135deg, #f0625f 0%, #c62828 100%);
--qhse-table-btn-delete-shadow-hover: 0 0 12px rgba(211, 47, 47, 0.35);

--qhse-table-btn-print-bg: linear-gradient(135deg, #6ea8fe 0%, #3d7be0 100%);
--qhse-table-btn-print-text: #ffffff;
--qhse-table-btn-print-shadow: 0 8px 18px rgba(61,123,224,0.24);

--qhse-table-btn-csv-bg: linear-gradient(135deg, #7bc96f 0%, #4caf50 100%);
--qhse-table-btn-csv-text: #0d1c10;
--qhse-table-btn-csv-shadow: 0 10px 22px rgba(76,175,80,0.24);

--qhse-table-empty-text: #3f5145;
--qhse-table-empty-bg: rgba(255,255,255,0.70);

--qhse-table-mobile-row-bg: rgba(255,255,255,0.90);
--qhse-table-mobile-row-shadow: 0 6px 16px rgba(52, 78, 65, 0.10);
--qhse-table-mobile-cell-border: rgba(52, 78, 65, 0.08);
--qhse-table-mobile-label: #344e41;

--qhse-badge-bg: rgba(52,78,65,.08);
--qhse-badge-none-bg: rgba(52,78,65,.05);
--qhse-badge-v1-bg: rgba(52,78,65,.08);
--qhse-badge-v1-shadow: rgba(52,78,65,.10);
--qhse-badge-v5-bg: rgba(242,201,76,.22);
--qhse-badge-v5-border: rgba(242,201,76,.42);
--qhse-badge-v10-bg: rgba(68,226,124,.18);
--qhse-badge-v10-border: rgba(68,226,124,.36);

--qhse-btn-valorar-bg: linear-gradient(135deg, #3a5a40, #588157);
--qhse-btn-valorar-border: rgba(52,78,65,.12);
--qhse-btn-valorar-shadow: 0 0 12px rgba(52,78,65,.18);

--qhse-btn-revalorar-bg: rgba(52,78,65,.08);
--qhse-btn-revalorar-shadow: 0 0 10px rgba(52,78,65,.14);

--qhse-kpi-bg: #ffffff;
--qhse-kpi-border: rgba(52, 78, 65, 0.10);
--qhse-kpi-label: #5a6b5f;
--qhse-kpi-value: #1f2a21;
--qhse-kpi-shadow: 0 6px 14px rgba(52, 78, 65, 0.08);
}

/* ================== NAVBAR LIGHT ================== */

body[data-theme="light"] .header {
  background: linear-gradient(
    90deg,
    #344e41 0%,
    #3a5a40 40%,
    #344e41 100%
  ) !important;
  border-bottom: 1px solid rgba(218, 215, 205, 0.22) !important;
  box-shadow: 0 8px 22px rgba(52, 78, 65, 0.18) !important;
}

body[data-theme="light"] .header .navigation ul li a {
  color: #f5f3ed !important;
}

body[data-theme="light"] .header .navigation ul li a:hover {
  background-color: rgba(255,255,255,0.12) !important;
  color: #ffffff !important;
}

/* Submenús escritorio */
body[data-theme="light"] .header .navigation ul li ul {
  background-color: #3a5a40 !important;
  border: 1px solid rgba(218, 215, 205, 0.14) !important;
  box-shadow: 0 16px 40px rgba(52, 78, 65, 0.22) !important;
}

body[data-theme="light"] .header .navigation ul li ul li a {
  color: #f5f3ed !important;
}

body[data-theme="light"] .header .navigation ul li ul li a:hover {
  background-color: rgba(255,255,255,0.10) !important;
  color: #ffffff !important;
}

body[data-theme="light"] .header .navigation ul li ul li ul {
  background-color: #3a5a40 !important;
}

body[data-theme="light"] .header .navigation ul li ul li ul li ul {
  background-color: #344e41 !important;
}

/* Menú móvil */
body[data-theme="light"] .nav-mobile {
  background: #344e41 !important;
  border-top: 1px solid rgba(218, 215, 205, 0.16) !important;
  box-shadow: 0 8px 22px rgba(52, 78, 65, 0.18) !important;
}

body[data-theme="light"] .menu-item {
  border-bottom: 1px solid rgba(218, 215, 205, 0.10) !important;
}

body[data-theme="light"] .menu-item > a {
  color: #f5f3ed !important;
}

body[data-theme="light"] .menu-item > a:hover {
  background-color: rgba(255,255,255,0.10) !important;
  color: #ffffff !important;
}

body[data-theme="light"] .mobile-menu ul ul {
  border-left: 2px solid rgba(218, 215, 205, 0.16) !important;
}

/* ================== DASHBOARD LIGHT OVERRIDES ================== */

/* Paneles principales */
body[data-theme="light"] .ventana1,
body[data-theme="light"] .ventana3,
body[data-theme="light"] #calendarSection{
  background: var(--qhse-panel-bg) !important;
  border: 1px solid var(--qhse-border-soft) !important;
  box-shadow: 0 14px 30px rgba(52, 78, 65, 0.12) !important;
  color: var(--qhse-text-main) !important;
}

/* Barra y títulos */
body[data-theme="light"] .barra{
  border-bottom: 2px solid rgba(52, 78, 65, 0.16) !important;
}

body[data-theme="light"] .texto,
body[data-theme="light"] #currentMonth,
body[data-theme="light"] span{
  color: #344e41 !important;
  text-shadow: none !important;
}

/* Área de gráficos */
body[data-theme="light"] .chart-area{
  background: rgba(255,255,255,0.60) !important;
  border: 1px solid rgba(52, 78, 65, 0.12) !important;
  box-shadow: 0 12px 26px rgba(52, 78, 65, 0.10) !important;
}

/* Cards */
body[data-theme="light"] .card{
  background: linear-gradient(145deg, #a3b18a 0%, #b7c3a3 100%) !important;
  border: 1px solid rgba(52, 78, 65, 0.12) !important;
  box-shadow: 0 10px 24px rgba(52, 78, 65, 0.10) !important;
  color: var(--qhse-text-main) !important;
}

body[data-theme="light"] .card:hover{
  box-shadow: 0 16px 32px rgba(52, 78, 65, 0.18) !important;
}

body[data-theme="light"] .card h2{
  color: #344e41 !important;
}

body[data-theme="light"] .card h4{
  color: var(--qhse-text-main) !important;
}

body[data-theme="light"] .card p{
  color: var(--qhse-text-muted) !important;
}

/* Calendario */
body[data-theme="light"] #calendario{
  background: var(--qhse-calendar-bg) !important;
  color: var(--qhse-text-main) !important;
}

body[data-theme="light"] #calendario th{
  background: rgba(163, 177, 138, 0.70) !important;
  color: var(--qhse-text-main) !important;
  border-bottom: 1px solid rgba(52, 78, 65, 0.12) !important;
}

body[data-theme="light"] #calendario td{
  background: rgba(255,255,255,0.60) !important;
  border: 1px solid rgba(52, 78, 65, 0.12) !important;
  color: var(--qhse-text-main) !important;
}

/* Marcadores */
body[data-theme="light"] #calendario td.marked{
  background-color: rgba(58, 90, 64, 0.28) !important;
}

body[data-theme="light"] #calendario td.tarea{
  background-color: rgba(52, 78, 65, 0.22) !important;
}

body[data-theme="light"] #calendario td.nok{
  background-color: rgba(225, 29, 72, 0.20) !important;
}

/* Leyenda */
body[data-theme="light"] .color-item{
  color: var(--qhse-text-main) !important;
}

body[data-theme="light"] .color-box{
  border: 1px solid rgba(52, 78, 65, 0.16) !important;
}

/* Tablas */
body[data-theme="light"] tbody tr:hover {
  background: rgba(52, 78, 65, 0.12);
}

/* Ventanas genéricas */
body[data-theme="light"] .ventana,
body[data-theme="light"] .ventana2 {
  background: var(--qhse-panel-bg) !important;
  border: 1px solid var(--qhse-border) !important;
  box-shadow: var(--qhse-panel-shadow) !important;
  color: var(--qhse-text-main) !important;
}

/* Bloque info */
body[data-theme="light"] #info {
  color: var(--qhse-text-main) !important;
  background: rgba(255,255,255,0.65) !important;
  border: 1px solid rgba(52, 78, 65, 0.14) !important;
  box-shadow: 0 10px 24px rgba(52, 78, 65, 0.10) !important;
}
/*test.css*/
body[data-theme="light"] input,
body[data-theme="light"] select,
body[data-theme="light"] textarea {
  background: var(--qhse-input-bg) !important;
  color: var(--qhse-text-main) !important;
  border: 1px solid var(--qhse-border) !important;
}

body[data-theme="light"] input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(0) !important;
}

/* Responsive header letras calendario */
@media (max-width: 768px){
  body[data-theme="light"] #calendario thead th::after{
    color: var(--qhse-text-main) !important;
  }
}

/* Fórmulas / imágenes oscuras */
body[data-theme="light"] img.formula,
body[data-theme="light"] img[src*="formula"],
body[data-theme="light"] .formula {
  filter: brightness(0) !important;
}

body[data-theme="light"] input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(0) !important;
}