/* ============================================================
   MODO CLARO  -  se activa cuando body.light-mode
   El tema oscuro es el base; este solo revierte cuando el usuario
   lo solicita via DARKMODE.toggle().
   ============================================================ */

body.light-mode {
    background: #f4f6f9;
    color: #1a1f29;
    background-image:
        linear-gradient(rgba(0,0,0,.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,0,0,.04) 1px, transparent 1px);
}

body.light-mode a { color: #0066aa; }

body.light-mode .navbar {
    background: linear-gradient(180deg, #ffffff 0%, #f0f3f7 100%) !important;
    border-bottom-color: #cfd6df;
    box-shadow: 0 2px 0 rgba(0,102,170,.05), 0 4px 14px rgba(0,0,0,.06);
}
body.light-mode .navbar .nav-link,
body.light-mode .navbar .nav-item,
body.light-mode .navbar a { color: #1a1f29 !important; }
body.light-mode .navbar .nav-link:hover,
body.light-mode .navbar .nav-item:hover { background: #dde3eb; color: #0066aa !important; }
body.light-mode .navbar .dropdown-menu { background: #ffffff; border-color: #cfd6df; box-shadow: 0 8px 24px rgba(0,0,0,.1); }
body.light-mode .navbar .dropdown-item { color: #1a1f29 !important; }
body.light-mode .navbar .dropdown-item:hover { background: #dde3eb; color: #0066aa !important; }

body.light-mode .btn { background: #ffffff; border-color: #cfd6df; color: #1a1f29; }
body.light-mode .btn:hover { background: #eef2f7; border-color: #0066aa; color: #0066aa; }
body.light-mode .btn-primary {
    background: linear-gradient(180deg, #0089b8 0%, #006c95 100%);
    border-color: #0066aa;
    color: #fff;
}

body.light-mode .form-control,
body.light-mode .form-select {
    background: #ffffff; color: #1a1f29; border-color: #cfd6df;
}
body.light-mode .form-control:focus,
body.light-mode .form-select:focus {
    background: #ffffff; color: #1a1f29;
    border-color: #0066aa;
    box-shadow: 0 0 0 1px #0066aa;
}

body.light-mode .table { color: #1a1f29; --bs-table-border-color: #e1e6ed; }
body.light-mode .table thead th { background: #f0f3f7; color: #4a5568; }
body.light-mode .table tbody tr:hover { background: rgba(0,102,170,.05); color: #0066aa; }

body.light-mode .modal-content { background: #ffffff; color: #1a1f29; border-color: #cfd6df; }
body.light-mode .modal-header,
body.light-mode .modal-footer { background: #f4f6f9; border-color: #cfd6df; }

body.light-mode .patient_card,
body.light-mode .dash_item {
    background: linear-gradient(180deg, #ffffff 0%, #f4f6f9 100%);
    border-color: #cfd6df;
    box-shadow: 0 0 0 1px rgba(0,102,170,.05), 0 8px 24px rgba(0,0,0,.08);
}
body.light-mode .patient_card .btn-group .btn {
    background: transparent; border-color: #cfd6df; color: #1a1f29;
}
body.light-mode .patient_card .btn-group .btn:hover {
    background: #eef2f7; color: #0066aa; border-color: #0066aa;
}
body.light-mode ._monitor_dash_item {
    background: #f4f6f9; border-left-color: #cfd6df;
}
body.light-mode .patient_card .dash_header {
    background: linear-gradient(180deg, rgba(0,102,170,.05) 0%, transparent 100%);
    border-bottom-color: #e1e6ed;
}
body.light-mode .patient_card .dash_footer {
    background: #f4f6f9;
    border-top-color: #e1e6ed;
}

body.light-mode .dm-btn {
    background: #ffffff;
    border-color: #cfd6df;
    color: #4a5568;
}
body.light-mode .dm-btn:hover { border-color: #0066aa; color: #0066aa; }

body.light-mode .settings-sidebar {
    background: #ffffff;
    border-right-color: #cfd6df;
}
body.light-mode .settings-menu-title { color: #4a5568; border-bottom-color: #e1e6ed; }
body.light-mode .settings-menu li a { color: #4a5568; }
body.light-mode .settings-menu li a:hover { background: #f4f6f9; color: #1a1f29; }
body.light-mode .settings-menu li a.active {
    background: linear-gradient(90deg, rgba(0,102,170,.1) 0%, transparent 100%);
    color: #0066aa;
    border-left-color: #0066aa;
}
body.light-mode .settings-menu-footer { color: #4a5568; border-top-color: #e1e6ed; }
body.light-mode .hl7-log {
    background: #f4f6f9;
    color: #1a1f29;
    border-color: #cfd6df;
    box-shadow: none;
}
body.light-mode .dash_item_heart,
body.light-mode .dash_img_so2,
body.light-mode .dash_img_temp,
body.light-mode .icon24,
body.light-mode .icon16,
body.light-mode .invert { filter: none; }

body.light-mode .login-panel {
    background: linear-gradient(180deg, #ffffff 0%, #f4f6f9 100%);
    border-color: #cfd6df;
}
body.light-mode .settings-section { background: #ffffff; border-color: #cfd6df; }

body.light-mode ::-webkit-scrollbar-track { background: #f0f3f7; }
body.light-mode ::-webkit-scrollbar-thumb { background: #c5cdd7; }
body.light-mode ::-webkit-scrollbar-thumb:hover { background: #0066aa; }