/*
 * MODO CLARO — LiGesIn / GesInEx
 * Paleta "Zen Tiza" — colores canónicos definidos en modo_claro.md
 * 
 * PALETA COMPLETA (no se usa ningún otro color):
 *   Zen Tiza      (fondo)      : #e6e6dc
 *   Zen Sage Green (primario)  : #7F9A8A
 *   Zen Text Dark  (texto)     : #2E322D
 *   Zen Text Muted (secundario): #6F736E
 *   Zen Border     (bordes)    : #E5E7E2
 *   Zen Pure White (tarjetas)  : #FFFFFF
 *   Zen Pink       (alertas)   : #D0A7A1
 *   Zen Light Sage (sutil)     : #F1F3F1
 *
 * TODAS las reglas usan var(--zen-*) definidas en zen-theme.css.
 * Este archivo NO hardcodea ningún color distinto a la paleta.
 */

/* ── BODY / LAYOUT ─────────────────────────────────────────────────────── */
html.theme-light body {
    background-color: var(--zen-bg) !important;
    color: var(--zen-text-main) !important;
}

html.theme-light .layout-main {
    background-color: var(--zen-bg) !important;
}

/* ── SIDEBAR IZQUIERDO ─────────────────────────────────────────────────── */
html.theme-light .sidebar-main {
    background: var(--zen-badge-bg) !important;
    border-right-color: var(--zen-border) !important;
}
html.theme-light .sidebar-section-title {
    color: var(--zen-text-muted) !important;
    opacity: 1 !important;
}
html.theme-light .sidebar-footer {
    background: rgba(127, 154, 138, 0.05) !important;
    border-top-color: var(--zen-border) !important;
}
html.theme-light .sidebar-user-name {
    color: var(--zen-text-main) !important;
}
html.theme-light .sidebar-tenant-card {
    background: rgba(127, 154, 138, 0.08) !important;
    border-color: var(--zen-border) !important;
}
html.theme-light .sidebar-nav-link,
html.theme-light .sidebar-nav-text {
    color: var(--zen-text-main) !important;
}
html.theme-light .sidebar-nav-link:hover,
html.theme-light .sidebar-nav-link.active {
    background: rgba(127, 154, 138, 0.12) !important;
    color: var(--zen-primary) !important;
}
html.theme-light .sidebar-logo-img {
    filter: none !important;
    mix-blend-mode: normal !important;
}

/* ── SIDEBAR DERECHO ───────────────────────────────────────────────────── */
html.theme-light .sidebar-right {
    background: var(--zen-badge-bg) !important;
    border-left-color: var(--zen-border) !important;
}
html.theme-light .sidebar-right-title {
    color: var(--zen-primary) !important;
}
html.theme-light .sidebar-right-section-label,
html.theme-light .sidebar-right-link,
html.theme-light .sidebar-right-role-name,
html.theme-light .sidebar-right-metric-val {
    color: var(--zen-text-main) !important;
}
html.theme-light .sidebar-right-link:hover {
    background: rgba(127, 154, 138, 0.08) !important;
    color: var(--zen-text-main) !important;
}
html.theme-light .sidebar-right-role-item {
    background: rgba(127, 154, 138, 0.05) !important;
    border-color: var(--zen-border) !important;
}
html.theme-light .sidebar-right-metric {
    color: var(--zen-card) !important;
}

/* ── NAVBAR ────────────────────────────────────────────────────────────── */
html.theme-light .navbar-main {
    background: rgba(241, 243, 241, 0.97) !important;
    border-bottom-color: var(--zen-border) !important;
}
html.theme-light .navbar-title {
    color: var(--zen-text-main) !important;
}
html.theme-light .navbar-slogan {
    color: var(--zen-text-muted) !important;
}
html.theme-light .navbar-search-input {
    background: var(--zen-card) !important;
    border-color: var(--zen-border) !important;
    color: var(--zen-text-main) !important;
}
html.theme-light .navbar-search-input::placeholder {
    color: var(--zen-text-muted) !important;
}
html.theme-light .navbar-btn,
html.theme-light .navbar-btn:hover {
    color: var(--zen-text-main) !important;
}
html.theme-light .navbar-logo-img {
    filter: none !important;
    mix-blend-mode: normal !important;
}

/* ── FOOTER ────────────────────────────────────────────────────────────── */
html.theme-light .footer-main,
html.theme-light footer.footer-main {
    background: var(--zen-badge-bg) !important;
    border-top-color: var(--zen-border) !important;
}
html.theme-light .footer-main *,
html.theme-light footer.footer-main * {
    color: var(--zen-text-muted) !important;
}
html.theme-light .footer-text-muted {
    color: var(--zen-text-muted) !important;
}
html.theme-light .footer-status-dot {
    background: var(--zen-primary) !important;
}

/* ── BREADCRUMBS ───────────────────────────────────────────────────────── */
html.theme-light .breadcrumb-current,
html.theme-light .breadcrumb-link,
html.theme-light .breadcrumb-nav {
    color: var(--zen-text-muted) !important;
}

/* ── TEXTO GLOBAL ──────────────────────────────────────────────────────── */
html.theme-light a,
html.theme-light h1,
html.theme-light h2,
html.theme-light h3,
html.theme-light h4,
html.theme-light label,
html.theme-light li,
html.theme-light p,
html.theme-light span,
html.theme-light td,
html.theme-light th {
    color: var(--zen-text-main) !important;
}
html.theme-light .text-muted,
html.theme-light .config-label-muted,
html.theme-light .config-subtitle,
html.theme-light .dashboard-welcome-subtitle,
html.theme-light .form-subtitle,
html.theme-light .list-subtitle {
    color: var(--zen-text-muted) !important;
}

/* ── CARDS / CONTENEDORES ──────────────────────────────────────────────── */
html.theme-light .card,
html.theme-light .config-card,
html.theme-light .config-metrics-box,
html.theme-light .config-quick-card,
html.theme-light .config-version-badge,
html.theme-light .dashboard-stat-card,
html.theme-light .dashboard-welcome-card,
html.theme-light .form-card,
html.theme-light .list-card,
html.theme-light .reset-request-card,
html.theme-light .message-box {
    background-color: var(--zen-card) !important;
    border-color: var(--zen-border) !important;
    box-shadow: 0 1px 4px rgba(46, 50, 45, 0.06) !important;
}
html.theme-light .config-card-title,
html.theme-light .config-metrics-title,
html.theme-light .config-quick-title,
html.theme-light .config-section-title,
html.theme-light .config-version-title {
    color: var(--zen-text-main) !important;
}
html.theme-light .config-metric-item {
    color: var(--zen-text-muted) !important;
}

/* ── FORMULARIOS / INPUTS ──────────────────────────────────────────────── */
html.theme-light input[type=text],
html.theme-light input[type=email],
html.theme-light input[type=password],
html.theme-light input[type=number],
html.theme-light input[type=url],
html.theme-light select,
html.theme-light textarea {
    background: var(--zen-card) !important;
    border-color: var(--zen-border) !important;
    color: var(--zen-text-main) !important;
}
html.theme-light input[type=text]:focus,
html.theme-light input[type=email]:focus,
html.theme-light input[type=password]:focus,
html.theme-light input[type=number]:focus,
html.theme-light select:focus,
html.theme-light textarea:focus {
    background: var(--zen-card) !important;
    border-color: var(--zen-primary) !important;
    box-shadow: 0 0 0 1px var(--zen-primary) !important;
    outline: none !important;
}
html.theme-light input::placeholder,
html.theme-light textarea::placeholder {
    color: var(--zen-text-muted) !important;
    opacity: 0.7 !important;
}

/* ── BOTONES ───────────────────────────────────────────────────────────── */
html.theme-light .auth-btn-submit,
html.theme-light .btn-limonit,
html.theme-light .btn-list-create,
html.theme-light .form-submit-btn,
html.theme-light button[type="submit"] {
    background-color: var(--zen-primary) !important;
    color: var(--zen-card) !important;
    border-color: var(--zen-primary) !important;
}
html.theme-light .auth-btn-submit:hover,
html.theme-light .btn-limonit:hover,
html.theme-light .btn-list-create:hover,
html.theme-light .form-submit-btn:hover,
html.theme-light button[type="submit"]:hover {
    background-color: var(--zen-primary-hover) !important;
    border-color: var(--zen-primary-hover) !important;
}
html.theme-light .btn-table-extra {
    background: rgba(127, 154, 138, 0.1) !important;
    color: var(--zen-primary) !important;
    border-color: rgba(127, 154, 138, 0.3) !important;
}
html.theme-light .btn-table-edit {
    background: rgba(46, 50, 45, 0.06) !important;
    color: var(--zen-text-muted) !important;
    border-color: var(--zen-border) !important;
}
html.theme-light .btn-table-edit:hover {
    color: var(--zen-text-main) !important;
}

/* ── TABLAS ────────────────────────────────────────────────────────────── */
html.theme-light .table-header {
    background: rgba(127, 154, 138, 0.08) !important;
}
html.theme-light .table-header-cell {
    color: var(--zen-text-muted) !important;
}
html.theme-light .table-row:hover {
    background: rgba(127, 154, 138, 0.05) !important;
}
html.theme-light .table-cell-title,
html.theme-light .table-mono-text {
    color: var(--zen-text-main) !important;
}
html.theme-light .table-cell-id {
    color: var(--zen-text-muted) !important;
    opacity: 0.6;
}
html.theme-light .list-footer {
    color: var(--zen-text-muted) !important;
    opacity: 0.6;
}
html.theme-light .avatar-circle {
    background: linear-gradient(135deg, rgba(127, 154, 138, 0.15), transparent) !important;
    color: var(--zen-text-main) !important;
}

/* ── SCROLLBARS ────────────────────────────────────────────────────────── */
html.theme-light ::-webkit-scrollbar-track {
    background: var(--zen-badge-bg) !important;
}
html.theme-light ::-webkit-scrollbar-thumb {
    background: var(--zen-border) !important;
}
html.theme-light ::-webkit-scrollbar-thumb:hover {
    background: var(--zen-primary) !important;
}

/* ── LOCK SCREEN ───────────────────────────────────────────────────────── */
html.theme-light .lock-screen {
    background-color: var(--zen-bg) !important;
}
html.theme-light .lock-card {
    background: var(--zen-card) !important;
    border-color: var(--zen-border) !important;
}
html.theme-light .lock-title,
html.theme-light .lock-subtitle {
    color: var(--zen-text-main) !important;
}
html.theme-light .lock-input {
    background: var(--zen-badge-bg) !important;
    border-color: var(--zen-border) !important;
    color: var(--zen-text-main) !important;
}
html.theme-light .lock-screen .text-white {
    color: var(--zen-text-main) !important;
}
html.theme-light .lock-screen .text-accent-yellow {
    color: var(--zen-primary) !important;
}

/* ── ACCESIBILIDAD FAB ─────────────────────────────────────────────────── */
html.theme-light .a11y-fab-panel {
    background: var(--zen-card) !important;
    border-color: var(--zen-border) !important;
    box-shadow: 0 8px 32px rgba(46, 50, 45, 0.12) !important;
}
html.theme-light .a11y-fab-label {
    color: var(--zen-text-muted) !important;
}
html.theme-light .a11y-theme-btn {
    background: rgba(127, 154, 138, 0.06) !important;
    border-color: var(--zen-border) !important;
    color: var(--zen-text-muted) !important;
}
html.theme-light .font-btn {
    color: var(--zen-text-muted) !important;
}
html.theme-light .font-btn:hover {
    color: var(--zen-text-main) !important;
    background: rgba(127, 154, 138, 0.1) !important;
}

/* ── PROFILE SWITCHER ──────────────────────────────────────────────────── */
html.theme-light .profile-switcher-bar {
    background: rgba(127, 154, 138, 0.08) !important;
    border-color: rgba(127, 154, 138, 0.2) !important;
}
html.theme-light .profile-switcher-title {
    color: var(--zen-text-main) !important;
}
html.theme-light .profile-switcher-subtitle {
    color: var(--zen-text-muted) !important;
}
html.theme-light .profile-btn {
    background: var(--zen-card) !important;
    border-color: var(--zen-border) !important;
    color: var(--zen-text-main) !important;
}
html.theme-light .profile-btn:hover {
    background: rgba(127, 154, 138, 0.08) !important;
    color: var(--zen-primary) !important;
}

/* ── LOGOS: TEMA CLARO VS OSCURO ───────────────────────────────────────── */
html.theme-light .logo-img-dark {
    display: none !important;
}
html.theme-light .logo-img-light {
    display: inline-block !important;
}

/* ── CLASES TAILWIND → VARIABLES ZEN ──────────────────────────────────── */
/* Fondos */
html.theme-light .bg-slate-900,
html.theme-light .bg-slate-900\/80,
html.theme-light .bg-slate-900\/50,
html.theme-light .bg-slate-900\/30,
html.theme-light .bg-black\/30,
html.theme-light .bg-black\/20 {
    background-color: var(--zen-bg) !important;
}
html.theme-light .bg-slate-800,
html.theme-light .bg-slate-800\/90,
html.theme-light .bg-slate-800\/80,
html.theme-light .bg-slate-800\/50 {
    background-color: var(--zen-card) !important;
}
html.theme-light .bg-slate-700 {
    background-color: var(--zen-primary) !important;
    color: var(--zen-card) !important;
}

/* Bordes */
html.theme-light .border-slate-900,
html.theme-light .border-slate-800,
html.theme-light .border-slate-700,
html.theme-light .border-slate-700\/50,
html.theme-light .border-slate-700\/30,
html.theme-light .border-slate-600,
html.theme-light .border-blue-900\/50,
html.theme-light .border-blue-500\/50,
html.theme-light .border-blue-400 {
    border-color: var(--zen-border) !important;
}

/* Textos */
html.theme-light .text-slate-100,
html.theme-light .text-slate-200,
html.theme-light .text-slate-300,
html.theme-light .text-white {
    color: var(--zen-text-main) !important;
}
html.theme-light .text-slate-400,
html.theme-light .text-slate-500,
html.theme-light .text-slate-600 {
    color: var(--zen-text-muted) !important;
}

/* Acentos — usan el primario Zen Sage Green */
html.theme-light .text-teal-400,
html.theme-light .text-emerald-400,
html.theme-light .text-blue-400,
html.theme-light .text-blue-300 {
    color: var(--zen-primary) !important;
}

/* Amarillos/dorados → primario Zen (no usar amarillo en modo claro) */
html.theme-light .text-yellow-400,
html.theme-light .text-amber-400,
html.theme-light .text-purple-400,
html.theme-light .text-indigo-400 {
    color: var(--zen-primary) !important;
}

/* Badges sutiles */
html.theme-light .bg-teal-950,
html.theme-light .bg-emerald-950,
html.theme-light .bg-orange-950,
html.theme-light .bg-green-950\/50,
html.theme-light .bg-amber-950\/50,
html.theme-light .bg-orange-950\/50 {
    background-color: var(--zen-badge-bg) !important;
    border-color: var(--zen-border) !important;
}
html.theme-light .text-teal-300,
html.theme-light .text-emerald-300,
html.theme-light .text-orange-300,
html.theme-light .text-green-300,
html.theme-light .text-amber-300 {
    color: var(--zen-badge-text) !important;
}

/* Botones Tailwind primarios */
html.theme-light .bg-teal-600,
html.theme-light .bg-blue-600 {
    background-color: var(--zen-primary) !important;
    border-color: var(--zen-primary) !important;
    color: var(--zen-card) !important;
}
html.theme-light .hover\:bg-teal-500:hover,
html.theme-light .hover\:bg-teal-600:hover,
html.theme-light .hover\:bg-blue-500:hover,
html.theme-light .hover\:bg-blue-700:hover,
html.theme-light .hover\:bg-slate-600:hover,
html.theme-light .hover\:bg-slate-700:hover {
    background-color: var(--zen-primary-hover) !important;
    border-color: var(--zen-primary-hover) !important;
    color: var(--zen-card) !important;
}
html.theme-light .border-blue-500,
html.theme-light .border-teal-500 {
    border-color: var(--zen-primary) !important;
}

/* Hover de filas de lista */
html.theme-light .hover\:border-teal-500\/50:hover {
    border-color: rgba(127, 154, 138, 0.5) !important;
}
html.theme-light .group:hover .group-hover\:text-teal-400 {
    color: var(--zen-primary) !important;
}
html.theme-light .group:hover .group-hover\:border-teal-500\/50 {
    border-color: rgba(127, 154, 138, 0.5) !important;
}

/* Alertas Zen Pink */
html.theme-light .bg-red-500\/10,
html.theme-light .border-red-500\/30 {
    background-color: rgba(208, 167, 161, 0.15) !important;
    border-color: var(--zen-alert) !important;
}
html.theme-light .text-red-400 {
    color: var(--zen-alert) !important;
}