/* ============================================================
   LEMU — Tema CLARO (fondo blanco, letras oscuras)
   Se activa/desactiva con el toggle (id="theme-light-css").
   Mapea la paleta oscura a una clara. Cubre reglas del <style>
   y colores inline (selectores de atributo [style*=...]).
   ============================================================ */

/* 1. Variables base a claro (para lo que sí usa var()) */
:root{
  --bg:#ffffff; --bg-2:#f1f3f1; --bg-3:#e7ebe8;
  --surface:rgba(0,0,0,0.02); --surface-hover:rgba(0,0,0,0.04);
  --border:rgba(0,0,0,0.12); --border-hover:rgba(201,160,64,0.55);
  --gold:#9c7b1e; --gold-bright:#8a6b12; --gold-glow:rgba(201,160,64,0.16);
  --green:#1f9d63; --green-bg:rgba(31,157,99,0.10);
  --red:#d63a3f; --red-bg:rgba(214,58,63,0.08);
  --amber:#b9791a; --amber-bg:rgba(245,166,35,0.12);
  --blue:#2f6fd6; --purple:#6d28c9;
  --text:#16211b; --text-dim:#3f4f46; --text-mute:#5c6d63; --text-faint:#8a978f;
}

/* 2. Superficie principal */
html, body{ background:#f6f7f6 !important; color:#16211b !important; }
#auth-gate{ background:#f6f7f6 !important; }
.auth-box{ background:#ffffff !important; box-shadow:0 6px 24px rgba(0,0,0,.10) !important; }

/* 3. Contenedores/paneles/tarjetas oscuros -> claros */
.panel, .card, .stat-card, .modal, .modal-body, #modal-body, .lm-body,
.sidebar, .sb, .topbar, .header, .toolbar, .drawer, .popover, .menu,
.matrix-wrap, .cal-wrap, .list, .row, .item, .tile, .box, .section{
  background:#ffffff !important; color:#16211b !important;
  border-color:rgba(0,0,0,.10) !important;
}

/* 4. Cabeceras de tabla y celdas (usaban #0D1B14 con texto #7A9B85) */
.matrix-table th, table.data-table th, .cal-cell, .matrix-table td, table.data-table td{
  background:#f4f6f4 !important; color:#38473e !important;
  border-color:rgba(0,0,0,.08) !important;
}
.cal-cell{ background:#ffffff !important; }
tr:hover td{ background:#eef2ef !important; }

/* 5. Inputs / búsqueda / selects */
input, textarea, select, .search-input, .auth-box input{
  background:#ffffff !important; color:#16211b !important;
  border:1px solid rgba(0,0,0,.18) !important;
}
input::placeholder, textarea::placeholder{ color:#8a978f !important; }

/* 6. Botones dorados: el dorado sobre blanco se mantiene, texto oscuro */
.btn-new-res, .auth-box button, .sb-item .badge{ color:#1a1207 !important; }

/* 7. Barra lateral / navegación */
.sb-item{ color:#2a3a32 !important; }
.sb-item.active, .sb-item:hover{ background:rgba(201,160,64,.14) !important; color:#0f1a14 !important; }

/* ============================================================
   8. OVERRIDES POR COLOR INLINE (los que pinta el JS con style="")
   Selectores de atributo: pillan cualquier elemento cuyo style
   inline contenga ese hex, sin editar el JS.
   ============================================================ */
/* Fondos oscuros -> blanco/gris claro */
[style*="#0D1B14"], [style*="#0d1b14"]{ background-color:#ffffff !important; }
[style*="#152218"], [style*="#1a2c20"], [style*="#2a3a32"], [style*="#17221a"]{ background-color:#f1f3f1 !important; }
/* Textos claros -> oscuros */
[style*="#E8F0EB"], [style*="#e8f0eb"], [style*="#F5EFE0"], [style*="#f5efe0"]{ color:#16211b !important; }
[style*="#A0C0AB"], [style*="#a0c0ab"], [style*="#C7D6CC"], [style*="#c7d6cc"]{ color:#3f4f46 !important; }
[style*="#7A9B85"], [style*="#7a9b85"]{ color:#5c6d63 !important; }
[style*="#4A6B55"], [style*="#4a6b55"]{ color:#8a978f !important; }
/* Borde translúcido claro sobre oscuro -> borde oscuro tenue */
[style*="rgba(255,255,255,0.05)"], [style*="rgba(255,255,255,0.07)"],
[style*="rgba(255,255,255,0.1)"], [style*="rgba(255,255,255,0.12)"]{ border-color:rgba(0,0,0,.12) !important; }

/* 9. Barras de scroll claras */
::-webkit-scrollbar-thumb{ background:rgba(0,0,0,.22) !important; }
::-webkit-scrollbar-track{ background:rgba(0,0,0,.05) !important; }

/* 10. Texto por defecto que quedó claro en reglas sueltas */
.lm-body{ color:#16211b !important; }
h1,h2,h3,h4,label,.form-label,p,span,td,th,div{ }

/* 9. Dashboard de inicio (fecha, ocupación y Actividad) — claro y legible · 2026-10-09 */
.cb-date-card, .cb-tabs-card{ background:#ffffff !important; border:1px solid rgba(0,0,0,.10) !important; box-shadow:0 2px 12px rgba(0,0,0,.05) !important; color:#16211b !important; }
.cb-tabs-head{ border-bottom-color:rgba(0,0,0,.08) !important; }
.cb-tabs-head h3{ color:#16211b !important; }
.cb-day-label{ color:#5c6d63 !important; }
.cb-day-num{ color:#9c7b1e !important; }
.cb-day-month{ color:#16211b !important; }
.cb-occ-num{ color:#16211b !important; }
.cb-occ-label{ color:#5c6d63 !important; }
.cb-occ-ring .bg{ stroke:rgba(0,0,0,.08) !important; }
.cb-occ-ring .fg{ stroke:#1f9d63 !important; }
.cb-units-mini .row{ background:transparent !important; border:0 !important; padding:3px 0 !important; }
.cb-units-mini .lbl{ color:#3f4f46 !important; }
.cb-units-mini .num{ color:#16211b !important; }
.cb-units-mini .lbl.avail::before{ background:#1f9d63 !important; }
.cb-tabs-row{ border-bottom-color:rgba(0,0,0,.08) !important; }
.cb-tab{ border-right-color:rgba(0,0,0,.08) !important; background:#ffffff !important; }
.cb-tab:hover{ background:#f8f4ea !important; }
.cb-tab.active{ background:#fbf6e8 !important; border-bottom-color:#C9A040 !important; }
.cb-tab-label{ color:#16211b !important; }
.cb-tab-num{ background:rgba(31,157,99,.14) !important; color:#1f7a4d !important; }
.cb-tab.zero .cb-tab-num{ background:#eef0ee !important; color:#8a978f !important; }
.cb-tab.warn .cb-tab-num{ background:rgba(214,58,63,.12) !important; color:#c22f34 !important; }
.cb-list-table th{ background:#f4f6f4 !important; color:#5c6d63 !important; border-bottom-color:rgba(0,0,0,.08) !important; }
.cb-list-table td{ background:#ffffff !important; color:#16211b !important; border-bottom-color:rgba(0,0,0,.06) !important; }
.cb-list-table tr:hover td{ background:#faf7ef !important; }
.cb-guest-name, .cb-unit-pill{ color:#16211b !important; }
.cb-guest-id, .cb-stay-meta{ color:#5c6d63 !important; }
.cb-status-pill.dirty{ background:rgba(214,58,63,.10) !important; color:#c22f34 !important; }
.cb-status-pill.clean{ background:rgba(31,157,99,.12) !important; color:#1f7a4d !important; }
.cb-checkout-btn{ background:#fbf6e8 !important; color:#8a6b12 !important; border-color:#C9A040 !important; }
.cb-empty-state{ color:#5c6d63 !important; }