/* ============================================================
   ZLETS - Custom Styles
   Glassmorphism, Antigravity design, dark theme
   ============================================================ */

/* ---- CSS Variables ---- */
:root {
    --glass-bg: rgba(15, 23, 42, 0.6);
    --glass-border: rgba(255, 255, 255, 0.06);
    --glass-blur: 20px;
    --glass-card-bg: rgba(30, 42, 58, 0.5);
    --shadow-glow: 0 0 40px rgba(61, 90, 245, 0.04);
}

/* ---- Base ---- */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ---- Glassmorphism Sidebar ---- */
.sidebar-glass {
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.95) 0%, rgba(10, 15, 30, 0.98) 100%);
    border-right: 1px solid var(--glass-border);
    backdrop-filter: blur(var(--glass-blur));
    -webkit-backdrop-filter: blur(var(--glass-blur));
}

/* ---- Glass Header ---- */
.glass-header {
    background: rgba(15, 23, 42, 0.8);
    border-bottom: 1px solid var(--glass-border);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

/* ---- Glass Cards ---- */
.glass-card {
    background: var(--glass-card-bg);
    border: 1px solid var(--glass-border);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: var(--shadow-glow);
    transition: all 0.3s ease;
}

.glass-card:hover {
    border-color: rgba(255, 255, 255, 0.1);
}

.glass-card-inner {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.04);
}

/* ---- Buttons ---- */
.btn-primary {
    background: linear-gradient(135deg, #3d5af5 0%, #2a3dea 100%);
    color: white;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(61, 90, 245, 0.25);
}

.btn-primary:hover {
    background: linear-gradient(135deg, #4d6af6 0%, #3a4df5 100%);
    box-shadow: 0 6px 20px rgba(61, 90, 245, 0.35);
    transform: translateY(-1px);
}

.btn-primary:active {
    transform: translateY(0);
}

.btn-glass {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #94a3b8;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-glass:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.15);
    color: white;
}

/* ---- Form Inputs ---- */
.input-glass {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 0.75rem;
    padding: 0.625rem 0.875rem;
    color: white;
    font-size: 0.875rem;
    font-family: 'Inter', sans-serif;
    transition: all 0.2s ease;
    outline: none;
}

.input-glass:focus {
    border-color: rgba(61, 90, 245, 0.5);
    box-shadow: 0 0 0 3px rgba(61, 90, 245, 0.1);
    background: rgba(255, 255, 255, 0.06);
}

.input-glass::placeholder {
    color: rgba(148, 163, 184, 0.4);
}

.input-glass option {
    background: #1e2a3a;
    color: white;
}

/* ---- Tom Select overrides ---- */
.ts-wrapper {
    position: relative;
    z-index: 100;
}
.ts-wrapper.input-glass {
    padding: 0;
    border: none;
    background: transparent;
}
.ts-wrapper.single .ts-control,
.ts-wrapper.multi .ts-control,
.ts-control {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 0.75rem !important;
    padding: 0.625rem 0.875rem !important;
    color: white !important;
    font-size: 0.875rem;
    font-family: 'Inter', sans-serif;
    transition: all 0.2s ease;
    min-height: 42px;
}
.ts-wrapper.focus .ts-control {
    border-color: rgba(61, 90, 245, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(61, 90, 245, 0.1) !important;
    background: rgba(255, 255, 255, 0.06) !important;
}
.ts-control input {
    color: white !important;
}
.ts-control input::placeholder {
    color: rgba(148, 163, 184, 0.5) !important;
}
/* Single-select selected item */
.ts-wrapper.single .ts-control .item {
    color: white !important;
}
/* Multi-select chips/tags */
.ts-wrapper.multi .ts-control .item {
    background: linear-gradient(135deg, rgba(61, 90, 245, 0.25) 0%, rgba(42, 61, 234, 0.2) 100%) !important;
    border: 1px solid rgba(61, 90, 245, 0.35) !important;
    border-radius: 0.5rem !important;
    color: white !important;
    padding: 0.2rem 0.5rem !important;
    margin: 0.15rem 0.25rem 0.15rem 0 !important;
    font-size: 0.75rem !important;
    font-weight: 500;
    line-height: 1.4;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    transition: all 0.15s ease;
}
.ts-wrapper.multi .ts-control .item:hover {
    background: linear-gradient(135deg, rgba(61, 90, 245, 0.35) 0%, rgba(42, 61, 234, 0.3) 100%) !important;
    border-color: rgba(61, 90, 245, 0.5) !important;
}
.ts-wrapper.multi .ts-control .item .remove {
    color: rgba(255, 255, 255, 0.5) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
    margin-left: 0.25rem;
    padding-left: 0.35rem;
    font-size: 14px;
    line-height: 1;
    transition: color 0.15s ease;
}
.ts-wrapper.multi .ts-control .item .remove:hover {
    color: #ef4444 !important;
}
/* Dropdown */
.ts-dropdown {
    background: #1e2a3a !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 0.75rem !important;
    color: white !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.05) !important;
    z-index: 10000 !important;
    margin-top: 4px !important;
    overflow: hidden;
}
.ts-dropdown .ts-dropdown-content {
    max-height: 250px;
    padding: 0.25rem;
}
.ts-dropdown .option {
    padding: 0.5rem 0.75rem !important;
    color: rgba(255, 255, 255, 0.8) !important;
    border-radius: 0.5rem;
    margin: 1px 0;
    font-size: 0.8125rem;
    transition: all 0.15s ease;
}
.ts-dropdown .active,
.ts-dropdown .option:hover {
    background: rgba(61, 90, 245, 0.25) !important;
    color: white !important;
}
.ts-dropdown .option.selected {
    background: rgba(61, 90, 245, 0.15) !important;
    color: rgba(61, 90, 245, 1) !important;
    font-weight: 600;
}
/* Clear button */
.ts-control .clear-button {
    color: rgba(255, 255, 255, 0.4) !important;
}
.ts-control .clear-button:hover {
    color: white !important;
}

/* ---- Table inputs (compact) ---- */
.input-table {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 0.5rem;
    padding: 0.375rem 0.5rem;
    color: white;
    font-size: 0.75rem;
    font-family: 'Inter', sans-serif;
    transition: all 0.2s ease;
    outline: none;
    width: 100%;
}

.input-table:focus {
    border-color: rgba(61, 90, 245, 0.4);
    box-shadow: 0 0 0 2px rgba(61, 90, 245, 0.08);
}

.input-table option {
    background: #1e2a3a;
    color: white;
}

/* ---- Custom Scrollbar ---- */
.custom-scrollbar::-webkit-scrollbar {
    width: 4px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.2);
}

/* ---- Animations ---- */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes slideInLeft {
    from { opacity: 0; transform: translateX(-12px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes pulseGlow {
    0%, 100% { box-shadow: 0 0 5px rgba(239, 68, 68, 0.3); }
    50% { box-shadow: 0 0 15px rgba(239, 68, 68, 0.5); }
}

.animate-fade-in {
    animation: fadeIn 0.3s ease-out;
}

.animate-slide-in {
    animation: slideInLeft 0.3s ease-out;
}

.animate-pulse-glow {
    animation: pulseGlow 2s ease-in-out infinite;
}

/* Nav items stagger animation */
.nav-item {
    animation: slideInLeft 0.3s ease-out;
}

.nav-item:nth-child(1) { animation-delay: 0.05s; }
.nav-item:nth-child(2) { animation-delay: 0.1s; }
.nav-item:nth-child(3) { animation-delay: 0.15s; }
.nav-item:nth-child(4) { animation-delay: 0.2s; }

/* Glass cards stagger */
.glass-card {
    animation: fadeIn 0.4s ease-out;
}

/* ---- Print Styles ---- */
@media print {
    body {
        background: white !important;
        color: #333 !important;
    }

    .sidebar-glass,
    #sidebar,
    .glass-header,
    header,
    .btn-primary,
    .btn-glass,
    #btn-alertas,
    #sidebar-overlay {
        display: none !important;
    }

    main {
        margin-left: 0 !important;
    }

    .glass-card {
        background: white !important;
        border: 1px solid #ddd !important;
        box-shadow: none !important;
    }

    .text-white, .text-gray-200 {
        color: #333 !important;
    }

    .text-gray-400, .text-gray-500 {
        color: #666 !important;
    }

    .font-bold {
        font-weight: bold !important;
    }

    table {
        font-size: 10px !important;
    }

    th {
        background: #f0f0f0 !important;
        color: #333 !important;
    }

    .print-header {
        border-bottom: 2px solid #333 !important;
    }
}

/* ---- Responsive ---- */
@media (max-width: 1024px) {
    #sidebar.open {
        transform: translateX(0) !important;
    }
}

/* ---- SweetAlert2 Dark Theme ---- */
.swal2-popup.swal2-toast {
    background: rgba(30, 42, 58, 0.95) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(20px) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
}

.swal2-popup.swal2-toast .swal2-title {
    color: white !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
}

.swal2-popup.swal2-toast .swal2-html-container {
    color: #94a3b8 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
}

/* Modal del Dashboard por encima de los Toasts */
.swal-glass {
    z-index: 100000 !important;
}

/* ============================================================
   LIGHT THEME OVERRIDES
   Se aplican sobrescribiendo estilos de Tailwind hardcodeados
   ============================================================ */
html.light-theme body {
    /* Fondo principal claro */
    background-color: #f1f5f9 !important;
    color: #1e293b !important;
    
    /* Redefinir variables glassmorphism para tema claro */
    --glass-bg: rgba(255, 255, 255, 0.75);
    --glass-border: rgba(0, 0, 0, 0.08);
    --glass-card-bg: rgba(255, 255, 255, 0.65);
    --shadow-glow: 0 4px 20px rgba(0, 0, 0, 0.03);
}

/* Forzar sobreescritura de utilidades de color en Light Mode */
html.light-theme .text-white { color: #0f172a !important; }
html.light-theme .text-gray-200 { color: #1e293b !important; }
html.light-theme .text-gray-400 { color: #475569 !important; }
html.light-theme .text-gray-500 { color: #64748b !important; }
html.light-theme .text-gray-600 { color: #94a3b8 !important; }

/* Mantener el texto blanco solo en los botones primarios */
html.light-theme .btn-primary, 
html.light-theme .btn-primary .text-white,
html.light-theme .badge-alertas { 
    color: white !important; 
}

/* Fondos y bordes */
html.light-theme .bg-surface-950 { background-color: #f1f5f9 !important; }
html.light-theme .bg-white\/5 { background-color: rgba(0, 0, 0, 0.03) !important; }
html.light-theme .hover\:bg-white\/5:hover { background-color: rgba(0, 0, 0, 0.06) !important; }
html.light-theme .hover\:bg-white\/3:hover { background-color: rgba(0, 0, 0, 0.04) !important; }
html.light-theme .border-white\/5 { border-color: rgba(0, 0, 0, 0.05) !important; }
html.light-theme .border-white\/10 { border-color: rgba(0, 0, 0, 0.08) !important; }
html.light-theme .divide-white\/5 > :not([hidden]) ~ :not([hidden]) { border-color: rgba(0, 0, 0, 0.05) !important; }

/* Cabecera y Menú Lateral */
html.light-theme .sidebar-glass {
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.95) 0%, rgba(241, 245, 249, 0.98) 100%) !important;
}
html.light-theme .glass-header {
    background: rgba(255, 255, 255, 0.8) !important;
}
html.light-theme .nav-item { color: #475569 !important; }
html.light-theme .nav-item:hover { color: #0f172a !important; background: rgba(0, 0, 0, 0.04) !important; }
html.light-theme .nav-item.bg-primary-600\/20 { 
    background: rgba(61, 90, 245, 0.1) !important; 
    color: #3d5af5 !important;
    border-color: rgba(61, 90, 245, 0.2) !important;
}

/* Inputs y Formularios */
html.light-theme .input-glass,
html.light-theme .input-table {
    background: rgba(255, 255, 255, 0.8) !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    color: #0f172a !important;
}
html.light-theme .input-glass:focus,
html.light-theme .input-table:focus {
    border-color: rgba(61, 90, 245, 0.5) !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(61, 90, 245, 0.1) !important;
}
html.light-theme .input-glass::placeholder,
html.light-theme .input-table::placeholder { color: rgba(100, 116, 139, 0.6) !important; }
html.light-theme .input-glass option,
html.light-theme .input-table option { background: #ffffff !important; color: #0f172a !important; }

/* Tom Select Light Mode */
html.light-theme .ts-wrapper.single .ts-control,
html.light-theme .ts-wrapper.multi .ts-control,
html.light-theme .ts-control {
    background: rgba(255, 255, 255, 0.8) !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    color: #0f172a !important;
}
html.light-theme .ts-control input { color: #0f172a !important; }
html.light-theme .ts-dropdown {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
    color: #0f172a !important;
}
html.light-theme .ts-dropdown .option { color: #334155 !important; }
html.light-theme .ts-dropdown .active,
html.light-theme .ts-dropdown .option:hover {
    background: rgba(61, 90, 245, 0.1) !important;
    color: #0f172a !important;
}

/* SweetAlert2 Light Mode */
html.light-theme .swal2-popup.swal2-toast {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1) !important;
}
html.light-theme .swal2-popup.swal2-toast .swal2-title { color: #0f172a !important; }
html.light-theme .swal2-popup.swal2-toast .swal2-html-container { color: #475569 !important; }
html.light-theme .swal-glass {
    background: rgba(255, 255, 255, 0.98) !important;
    color: #0f172a !important;
}
html.light-theme .swal2-html-container label { color: #475569 !important; }
html.light-theme .swal2-html-container span { color: #0f172a !important; }
html.light-theme .swal2-html-container p { color: #64748b !important; }
html.light-theme .swal2-html-container div[style*="background:rgba(255,255,255,0.05)"] {
    background: rgba(0,0,0,0.03) !important;
    border-color: rgba(0,0,0,0.06) !important;
}
html.light-theme .swal2-html-container input,
html.light-theme .swal2-html-container select {
    background: #ffffff !important;
    border-color: rgba(0,0,0,0.15) !important;
    color: #0f172a !important;
}

/* ============================================================
   DataTables - Dark Theme Override
   ============================================================ */

/* Base table */
table.dataTable {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}

table.dataTable thead th,
table.dataTable thead td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: transparent !important;
    color: #94a3b8 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    padding: 12px !important;
}

table.dataTable tbody td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
    background: transparent !important;
    color: #e2e8f0 !important;
    padding: 10px 12px !important;
    font-size: 13px !important;
}

table.dataTable tbody tr:hover td {
    background: rgba(255, 255, 255, 0.03) !important;
}

table.dataTable tbody tr.odd {
    background: transparent !important;
}

table.dataTable tbody tr.even {
    background: rgba(255, 255, 255, 0.01) !important;
}

/* Sorting arrows */
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    background-image: none !important;
    position: relative;
}

table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after,
table.dataTable thead .sorting_desc::after {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 9px;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.3;
}

table.dataTable thead .sorting::after {
    content: '\f0dc';
}

table.dataTable thead .sorting_asc::after {
    content: '\f0de';
    opacity: 0.8;
    color: #3d5af5;
}

table.dataTable thead .sorting_desc::after {
    content: '\f0dd';
    opacity: 0.8;
    color: #3d5af5;
}

/* Wrapper */
.dataTables_wrapper {
    color: #94a3b8 !important;
}

/* Search input */
.dataTables_wrapper .dataTables_filter input {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 10px !important;
    color: #e2e8f0 !important;
    padding: 8px 14px !important;
    font-size: 13px !important;
    font-family: 'Inter', sans-serif !important;
    outline: none !important;
    transition: all 0.2s ease !important;
}

.dataTables_wrapper .dataTables_filter input:focus {
    border-color: rgba(61, 90, 245, 0.4) !important;
    box-shadow: 0 0 0 3px rgba(61, 90, 245, 0.1) !important;
}

.dataTables_wrapper .dataTables_filter input::placeholder {
    color: #64748b !important;
}

.dataTables_wrapper .dataTables_filter label {
    color: #94a3b8 !important;
    font-size: 13px !important;
}

/* Length select */
.dataTables_wrapper .dataTables_length select {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 8px !important;
    color: #e2e8f0 !important;
    padding: 6px 28px 6px 10px !important;
    font-size: 13px !important;
    font-family: 'Inter', sans-serif !important;
    outline: none !important;
    cursor: pointer;
}

.dataTables_wrapper .dataTables_length label {
    color: #94a3b8 !important;
    font-size: 13px !important;
}

/* Info text */
.dataTables_wrapper .dataTables_info {
    color: #64748b !important;
    font-size: 12px !important;
}

/* Pagination */
.dataTables_wrapper .dataTables_paginate {
    padding: 0 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 8px !important;
    color: #94a3b8 !important;
    padding: 6px 12px !important;
    margin: 0 2px !important;
    font-size: 12px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: rgba(61, 90, 245, 0.15) !important;
    border-color: rgba(61, 90, 245, 0.3) !important;
    color: #6384fc !important;
    box-shadow: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: rgba(61, 90, 245, 0.2) !important;
    border-color: rgba(61, 90, 245, 0.4) !important;
    color: #6384fc !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: rgba(61, 90, 245, 0.3) !important;
    color: #93aeff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    opacity: 0.3 !important;
    cursor: default !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #94a3b8 !important;
}

/* No footer border on last row */
table.dataTable.no-footer {
    border-bottom: none !important;
}

/* ---- DataTables Light Theme ---- */
html.light-theme .dataTables_wrapper .dataTables_filter input {
    background: rgba(0, 0, 0, 0.03) !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    color: #0f172a !important;
}

html.light-theme .dataTables_wrapper .dataTables_length select {
    background: rgba(0, 0, 0, 0.03) !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    color: #0f172a !important;
}

html.light-theme table.dataTable thead th {
    color: #64748b !important;
    border-bottom-color: rgba(0, 0, 0, 0.08) !important;
}

html.light-theme table.dataTable tbody td {
    color: #334155 !important;
    border-bottom-color: rgba(0, 0, 0, 0.05) !important;
}

html.light-theme table.dataTable tbody tr:hover td {
    background: rgba(0, 0, 0, 0.02) !important;
}

html.light-theme table.dataTable tbody tr.even {
    background: rgba(0, 0, 0, 0.01) !important;
}

html.light-theme .dataTables_wrapper .dataTables_info {
    color: #94a3b8 !important;
}

html.light-theme .dataTables_wrapper .dataTables_paginate .paginate_button {
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: #64748b !important;
}

html.light-theme .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: rgba(61, 90, 245, 0.08) !important;
    border-color: rgba(61, 90, 245, 0.2) !important;
    color: #3d5af5 !important;
}

html.light-theme .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: rgba(61, 90, 245, 0.1) !important;
    border-color: rgba(61, 90, 245, 0.3) !important;
    color: #3d5af5 !important;
}

/* ---- Light Theme: Logo JW & Sidebar Brand ---- */
html.light-theme .sidebar-glass {
    border-right: 1px solid rgba(0, 0, 0, 0.08) !important;
}
html.light-theme .sidebar-glass .border-b.border-white\/5 {
    border-color: rgba(0, 0, 0, 0.06) !important;
}

/* Logo JW box: white bg with blue border, blue text */
html.light-theme .sidebar-glass .bg-gradient-to-br.from-primary-500.to-primary-700 {
    background: rgba(61, 90, 245, 0.08) !important;
    border: 1.5px solid rgba(61, 90, 245, 0.3) !important;
    box-shadow: 0 2px 8px rgba(61, 90, 245, 0.1) !important;
}
html.light-theme .sidebar-glass .bg-gradient-to-br.from-primary-500.to-primary-700 span {
    color: #3d5af5 !important;
}

/* ZLETS title in sidebar */
html.light-theme .sidebar-glass h1.font-sora {
    color: #0f172a !important;
}
html.light-theme .sidebar-glass .text-gray-400.uppercase {
    color: #64748b !important;
}

/* Bottom card in sidebar */
html.light-theme .sidebar-glass .glass-card {
    background: rgba(0, 0, 0, 0.03) !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}

/* ---- Light Theme: Tom Select selected item fix ---- */
html.light-theme .ts-wrapper.single .ts-control .item {
    color: #0f172a !important;
}
html.light-theme .ts-control input {
    color: #0f172a !important;
}
html.light-theme .ts-control input::placeholder {
    color: rgba(100, 116, 139, 0.6) !important;
}

/* ---- Light Theme: Glass card inner ---- */
html.light-theme .glass-card-inner {
    background: rgba(0, 0, 0, 0.02) !important;
    border-color: rgba(0, 0, 0, 0.04) !important;
}