body.light{
    --bg: #e7ebf0;
    --bg-2: #e1e6ec;
    --bg-3: #d9e0e8;
    --bg-4: #d2dae3;
    --panel: #e9edf2;
    --panel-2: #e3e8ee;
    --panel-3: #dde3ea;
    --stroke: rgba(20,30,60,.08);
    --stroke-strong: rgba(20,30,60,.16);
    --text: #1f2937;
    --text-soft: #556070;
    --text-muted: #7b8794;
    --shadow-1: 0 8px 22px rgba(20,30,60,.05);
    --shadow-2: 0 14px 32px rgba(20,30,60,.07);
    --shadow-3: 0 24px 56px rgba(20,30,60,.10);
}

body.light{
    background:
        radial-gradient(800px 400px at 10% -10%, rgba(52,120,199,.06), transparent 60%),
        radial-gradient(700px 400px at 90% 0%, rgba(24,76,145,.05), transparent 60%),
        linear-gradient(180deg, var(--bg), var(--bg-2));
    color:var(--text);
}

body.light .sidebar{ background:linear-gradient(180deg, #eef2f6, #e6ebf1); border-right:1px solid var(--stroke); box-shadow:inset -1px 0 0 rgba(255,255,255,.4); }
body.light .brand{ background:linear-gradient(135deg, rgba(24,76,145,.07), rgba(10,38,84,.05), rgba(52,120,199,.04)); border-color:var(--stroke); }
body.light .brand-logo{ background:url('../images/favicon.png') no-repeat center; background-size:contain; }
body.light .topbar{ background:rgba(232,236,241,.92); border-bottom:1px solid var(--stroke); }
body.light .topbar.is-scrolled{ background:rgba(232,236,241,.98); border-bottom-color:var(--stroke-strong); }

body.light .btn,
body.light .icon-btn,
body.light .profile-btn,
body.light .theme-switch-ui,
body.light .sidebar-login-btn{
    background:#e4e8ed;
    border-color:rgba(20,30,60,.08);
    color:var(--text);
    box-shadow:none;
}
body.light .btn:hover,
body.light .icon-btn:hover,
body.light .profile-btn:hover{ background:#dce2e8; border-color:rgba(20,30,60,.12); }
body.light .btn.primary,
body.light .btn.btn-primary{ color:#fff; background:linear-gradient(135deg, var(--brand-pink), var(--brand-purple)); border-color:transparent; }
body.light .btn.ghost,
body.light .btn.btn-ghost{ background:transparent; }
body.light .btn.btn-danger{ background:rgba(184,107,75,.12); border-color:rgba(184,107,75,.22); }

body.light .panel,
body.light .metric-card,
body.light .modal-card,
body.light .pastor-view-item,
body.light .dashboard-summary-item,
body.light .dashboard-alert-box,
body.light .data-table tbody tr{ background:var(--panel); border-color:var(--stroke); box-shadow:var(--shadow-1); }
body.light .metric-card.highlight{
    background:radial-gradient(320px 120px at 0% 0%, rgba(24,76,145,.08), transparent 58%), linear-gradient(135deg, rgba(53,95,150,.10), rgba(185,194,204,.12), #e9edf2 80%);
    border-color:rgba(24,76,145,.12);
}
body.light .panel-head,
body.light .modal-head{ border-bottom-color:rgba(20,30,60,.06); }
body.light .panel-head p,
body.light .metric-card p,
body.light .modal-head p,
body.light .modal-body,
body.light .page-heading p,
body.light .entry-content,
body.light .page-content{ color:var(--text-soft); }

body.light input,
body.light select,
body.light textarea,
body.light .textarea-lg,
body.light #caso_descripcion,
body.light #atencion_notas,
body.light #cierre_observaciones{ background:rgba(20,30,60,.03); border-color:rgba(20,30,60,.08); color:var(--text); }
body.light input:focus,
body.light select:focus,
body.light textarea:focus,
body.light .textarea-lg:focus,
body.light #caso_descripcion:focus,
body.light #atencion_notas:focus,
body.light #cierre_observaciones:focus{ background:rgba(20,30,60,.05); box-shadow:0 0 0 3px rgba(20,30,60,.05); }

body.light .data-table thead th{ border-bottom-color:rgba(20,30,60,.08); }
body.light .data-table tbody td{ border-bottom-color:rgba(20,30,60,.06); }
body.light .data-table tbody tr:hover td,
body.light .table-row:hover{ background:rgba(20,30,60,.03); }
body.light .table-empty{ background:rgba(20,30,60,.02); }
body.light .table-wrap{ scrollbar-color:rgba(24,76,145,.52) rgba(20,30,60,.08); }
body.light .table-wrap::-webkit-scrollbar-thumb{ border-color:rgba(20,30,60,.04); }
body.light .table-wrap::-webkit-scrollbar-track{ background:rgba(20,30,60,.08); }

/* BURBUJAS / BADGES EN LIGHT */
body.light .status-pill,
body.light .badge-success,
body.light .badge-warning,
body.light .badge-info,
body.light .badge-review,
body.light .badge-muted,
body.light .badge-danger{
    font-weight:700;
    box-shadow:none;
}

body.light .badge-success{
    color:#21563d;
    background:#dff3e8;
    border-color:#a7d4b8;
}

body.light .badge-warning{
    color:#7a5a12;
    background:#f7ebc8;
    border-color:#dbc07a;
}

body.light .badge-info{
    color:#184f87;
    background:#dbeafe;
    border-color:#a9c4ea;
}

body.light .badge-review{
    color:#425f8d;
    background:#dfe7f5;
    border-color:#afbdd9;
}

body.light .badge-muted{
    color:#556070;
    background:#e6ebf1;
    border-color:#c6d0db;
}

body.light .badge-danger{
    color:#8a3d2f;
    background:#f7e2dd;
    border-color:#d9b0a6;
}

/* =========================================
   LIGHT MODE - UNIFICACION CONSERVADORA
========================================= */

body.light .panel,
body.light .modal-card,
body.light .metric-card,
body.light .pastor-view-item{
    background:var(--panel);
    border-color:var(--stroke);
    box-shadow:var(--shadow-1);
}

body.light .filter-card{
    background:var(--panel-2);
    border-color:var(--stroke);
    box-shadow:0 1px 0 rgba(255,255,255,.7) inset;
}

body.light .dashboard-dist-card,
body.light .dashboard-activity-card,
body.light .dashboard-summary-item,
body.light .dashboard-alert-box,
body.light .case-view-card,
body.light .case-view-top{
    background:var(--panel-2);
    border-color:var(--stroke);
    box-shadow:none;
}

body.light .dashboard-mini-table .data-table-head,
body.light .dashboard-mini-table .data-table-body,
body.light .dashboard-mini-table .data-row,
body.light .data-table.data-table-div .data-table-head,
body.light .data-table.data-table-div .data-table-body,
body.light .data-table.data-table-div .data-row,
body.light .data-table.data-table-div .data-cell{
    background:transparent;
}

body.light .data-table.data-table-div .data-row{
    border-bottom:1px solid rgba(20,30,60,.06);
}

body.light .data-table.data-table-div .data-row:hover{
    background:rgba(20,30,60,.025);
}

body.light .dashboard-mini-table .data-table-body .data-row:hover{
    background:rgba(20,30,60,.025);
}

body.light .dashboard-mini-table .data-cell-empty{
    background:rgba(20,30,60,.02);
    border-color:rgba(20,30,60,.10);
}

body.light .case-view-card-full{
    background:var(--panel-3);
}