/* ═══════════════════════════════════════════════════
   CHAPUR DESIGN SYSTEM — Multi-theme
   Default: Dark | Light | LeptonX
   ═══════════════════════════════════════════════════ */

:root {
    --chapur-orange: #ff6b35;
    --chapur-orange-light: #ff8c42;
    --transition-speed: 200ms;
}

/* ===== Custom Scrollbar ===== */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #0a0a0a; }
::-webkit-scrollbar-thumb { background: #333; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #555; }
* { scrollbar-width: thin; scrollbar-color: #333 #0a0a0a; }

/* ===== Glass Card ===== */
.glass-card {
    background: linear-gradient(135deg, rgba(26,26,26,0.5), rgba(26,26,26,0.3));
    backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);
    border: 1px solid rgba(255,107,53,0.1); border-radius: 1rem;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.3), 0 2px 4px -2px rgba(0,0,0,0.2);
}
.glass-card:hover {
    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.4);
    border-color: rgba(255,107,53,0.3);
}

/* ===== Badge / Status Pills ===== */
.badge-pill {
    display: inline-flex; align-items: center;
    padding: 0.125rem 0.625rem; font-size: 0.75rem; font-weight: 600;
    line-height: 1.25rem; border-radius: 9999px; white-space: nowrap;
    border: 1px solid transparent;
}
.badge-success { background-color: rgba(34,197,94,0.15); color: #86efac; border-color: rgba(34,197,94,0.3); }
.badge-warning { background-color: rgba(234,179,8,0.15); color: #fde68a; border-color: rgba(234,179,8,0.3); }
.badge-danger  { background-color: rgba(239,68,68,0.15); color: #fca5a5; border-color: rgba(239,68,68,0.3); }
.badge-info    { background-color: rgba(255,107,53,0.15); color: #ff8c42; border-color: rgba(255,107,53,0.3); }
.badge-neutral { background-color: rgba(156,163,175,0.15); color: #9ca3af; border-color: rgba(156,163,175,0.2); }

/* ===== Form Inputs ===== */
input, select, textarea {
    background-color: #0a0a0a !important; color: #ebebeb !important; border-color: #2a2a2a !important;
}
input:focus, select:focus, textarea:focus {
    outline: none; border-color: var(--chapur-orange) !important;
    box-shadow: 0 0 0 3px rgba(255,107,53,0.15) !important;
}
input::placeholder, textarea::placeholder { color: #555 !important; }

/* ===== Transitions ===== */
a, button, input, select, textarea { transition: all var(--transition-speed) ease; }

/* ===== Orange gradient button ===== */
.btn-primary {
    background: linear-gradient(to right, #ff6b35, #ff8c42);
    color: #fff; font-weight: 600; border-radius: 0.75rem;
    padding: 0.5rem 1.25rem; box-shadow: 0 4px 15px rgba(255,107,53,0.3);
}
.btn-primary:hover { background: linear-gradient(to right, #ff8c42, #ff6b35); }

/* ===== Icon container ===== */
.icon-box {
    width: 3rem; height: 3rem; border-radius: 1rem;
    background: linear-gradient(135deg, #ff6b35, #ff8c42);
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 4px 15px rgba(255,107,53,0.2);
}
.icon-box .material-symbols-outlined { color: #fff; }

/* ===== Table ===== */
table { width: 100%; }
thead { background-color: rgba(26,26,26,0.5); }
thead th {
    padding: 0.75rem 1.5rem; font-size: 0.75rem; font-weight: 600;
    text-transform: uppercase; letter-spacing: 0.05em; color: #9ca3af;
    text-align: left; border-bottom: 1px solid rgba(255,107,53,0.1);
}
tbody td { padding: 1rem 1.5rem; color: #d1d5db; }
tbody tr { border-bottom: 1px solid rgba(255,107,53,0.05); transition: background-color 150ms; }
tbody tr:hover { background-color: rgba(26,26,26,0.3); }

/* ===== Modal ===== */
.modal-overlay {
    position: fixed; inset: 0; background-color: rgba(0,0,0,0.7);
    backdrop-filter: blur(4px); z-index: 50;
    display: flex; align-items: center; justify-content: center;
}
.modal-content {
    background: #141414; border: 1px solid rgba(255,107,53,0.1);
    border-radius: 1.5rem; box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5);
    max-width: 32rem; width: 100%; padding: 2rem;
}

/* ===== Progress bar ===== */
.progress-bar { background-color: #1a1a1a; border-radius: 9999px; overflow: hidden; }
.progress-bar-fill {
    background: linear-gradient(to right, #ff6b35, #ff8c42);
    height: 100%; border-radius: 9999px; transition: width 500ms ease;
}

/* ===== Toggle switch ===== */
.toggle-switch {
    position: relative; width: 2.75rem; height: 1.5rem;
    background-color: #2a2a2a; border-radius: 9999px; cursor: pointer;
}
.toggle-switch.active { background-color: #ff6b35; }
.toggle-switch::after {
    content: ''; position: absolute; top: 0.125rem; left: 0.125rem;
    width: 1.25rem; height: 1.25rem; background: #fff; border-radius: 9999px;
    transition: transform 200ms;
}
.toggle-switch.active::after { transform: translateX(1.25rem); }

/* ===== Stat icon ===== */
.stat-icon {
    width: 3rem; height: 3rem; border-radius: 0.75rem;
    background: linear-gradient(135deg, #ff6b35, #ff8c42);
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 4px 10px rgba(255,107,53,0.25);
}
.stat-icon .material-symbols-outlined { color: #fff; font-size: 1.25rem; }

/* ===== Section label ===== */
.section-label {
    font-size: 0.625rem; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.1em; color: #555; padding: 1rem 0.75rem 0.25rem;
}

/* ===== Animations ===== */
@keyframes pulse-orange {
    0%, 100% { box-shadow: 0 0 0 0 rgba(255,107,53,0.4); }
    50% { box-shadow: 0 0 0 8px rgba(255,107,53,0); }
}
.animate-pulse-orange { animation: pulse-orange 2s ease-in-out infinite; }


/* ══════════════════════════════════════════════════════
   LIGHT THEME
   ══════════════════════════════════════════════════════ */

/* Body & surfaces */
[data-theme="light"] body { background-color: #f8f9fb !important; color: #191c1e !important; }
[data-theme="light"] .bg-\[\#0a0a0a\] { background-color: #f8f9fb !important; }
[data-theme="light"] [class*="bg-\[\#0a0a0a\]\/"] { background-color: #f1f5f9 !important; }
[data-theme="light"] .text-\[\#ebebeb\] { color: #191c1e !important; }

/* Navbar — dark header */
[data-theme="light"] #appNavbar {
    background-color: #1a1a1a !important;
    border-color: #333 !important;
    color: #e0e0e0 !important;
}
[data-theme="light"] #appNavbar .text-white { color: #e0e0e0 !important; }
[data-theme="light"] #appNavbar .text-sm { color: #e0e0e0 !important; }
[data-theme="light"] #appNavbar .material-symbols-outlined { color: #999 !important; }
[data-theme="light"] #appNavbar .text-\[\#9ca3af\] { color: #999 !important; }
[data-theme="light"] #appNavbar .text-\[\#ff6b35\],
[data-theme="light"] #appNavbar .text-\[\#cc0000\] { color: #cc0000 !important; }

/* Cotizacion USD en navbar — mantener legible sobre fondo oscuro */
[data-theme="light"] #appNavbar .text-white { color: #e0e0e0 !important; }
[data-theme="light"] #appNavbar .font-mono { color: #e0e0e0 !important; }
[data-theme="light"] #appNavbar .border-\[\#ff6b35\]\/20 { border-color: rgba(204,0,0,0.3) !important; }
[data-theme="light"] #appNavbar .bg-\[\#1a1a1a\]\/60 { background-color: rgba(26,26,26,0.6) !important; }

/* Cards — all dark bg patterns → white */
[data-theme="light"] [class*="from-\[\#1a1a1a\]"],
[data-theme="light"] [class*="bg-\[\#1a1a1a\]"],
[data-theme="light"] .bg-\[\#141414\] {
    background: #ffffff !important;
}
[data-theme="light"] [class*="border-\[\#ff6b35\]\/10"],
[data-theme="light"] [class*="border-\[\#2a2a2a\]"] {
    border-color: #e5e7eb !important;
}
[data-theme="light"] [class*="divide-\[\#ff6b35\]"] > * + * { border-color: #e5e7eb !important; }

/* Text */
[data-theme="light"] .text-white { color: #191c1e !important; }
[data-theme="light"] .text-gray-300, [data-theme="light"] .text-gray-400 { color: #6b7280 !important; }
[data-theme="light"] .text-\[\#9ca3af\] { color: #6b7280 !important; }
[data-theme="light"] .text-\[\#666\] { color: #9ca3af !important; }
[data-theme="light"] .text-\[\#555\] { color: #9ca3af !important; }

/* Sidebar — dark */
[data-theme="light"] #sidebarPanel {
    background: linear-gradient(180deg, #1a1a1a, #141414) !important;
    border-color: #333 !important;
    box-shadow: none !important;
}
[data-theme="light"] #sidebarPanel .text-white { color: #e0e0e0 !important; }
[data-theme="light"] #sidebarPanel .text-\[\#9ca3af\] { color: #999 !important; }
[data-theme="light"] #sidebarPanel .text-\[\#666\] { color: #666 !important; }
[data-theme="light"] .sb-section { color: #cc0000 !important; }

/* Inputs */
[data-theme="light"] input, [data-theme="light"] select, [data-theme="light"] textarea {
    background-color: #f8f9fb !important; color: #191c1e !important; border-color: #d1d5db !important;
}
[data-theme="light"] input:focus, [data-theme="light"] select:focus, [data-theme="light"] textarea:focus {
    border-color: #cc0000 !important; box-shadow: 0 0 0 3px rgba(204,0,0,0.12) !important;
}
[data-theme="light"] input::placeholder, [data-theme="light"] textarea::placeholder { color: #9ca3af !important; }

/* Checkboxes */
[data-theme="light"] input[type="checkbox"] {
    background-color: #ffffff !important;
    border-color: #9ca3af !important;
    border-width: 2px !important;
}
[data-theme="light"] input[type="checkbox"]:checked {
    background-color: #cc0000 !important;
    border-color: #cc0000 !important;
}

/* Tables */
[data-theme="light"] thead { background-color: #f1f5f9 !important; }
[data-theme="light"] thead th { color: #6b7280 !important; border-color: #e5e7eb !important; }
[data-theme="light"] tbody td { color: #374151 !important; }
[data-theme="light"] tbody tr { border-color: #f3f4f6 !important; }
[data-theme="light"] tbody tr:hover { background-color: #f9fafb !important; }

/* Badges */
[data-theme="light"] .badge-success { background-color: #dcfce7; color: #166534; border-color: #bbf7d0; }
[data-theme="light"] .badge-warning { background-color: #fef9c3; color: #854d0e; border-color: #fde68a; }
[data-theme="light"] .badge-danger  { background-color: #fee2e2; color: #991b1b; border-color: #fecaca; }
[data-theme="light"] .badge-info    { background-color: #fff1eb; color: #c2410c; border-color: #fed7aa; }
[data-theme="light"] .badge-neutral { background-color: #f1f5f9; color: #475569; border-color: #e2e8f0; }

/* Modals */
[data-theme="light"] .modal-content,
[data-theme="light"] [class*="bg-\[\#141414\]"] { background: #ffffff !important; border-color: #e5e7eb !important; }
[data-theme="light"] .modal-overlay { background-color: rgba(0,0,0,0.3) !important; }

/* Misc */
[data-theme="light"] .shadow-lg { box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important; }
[data-theme="light"] .shadow-2xl { box-shadow: 0 8px 30px rgba(0,0,0,0.1) !important; }
[data-theme="light"] .toggle-switch { background-color: #d1d5db; }
[data-theme="light"] .progress-bar { background-color: #e5e7eb; }
[data-theme="light"] ::-webkit-scrollbar-track { background: #f8f9fb; }
[data-theme="light"] ::-webkit-scrollbar-thumb { background: #cbd5e1; }
[data-theme="light"] .hover\:bg-\[\#1a1a1a\]\/30:hover { background-color: #f3f4f6 !important; }

/* ── Primary accent → Red #cc0000 (Chapur branding) ── */
[data-theme="light"] .text-\[\#ff6b35\] { color: #cc0000 !important; }
[data-theme="light"] .hover\:text-\[\#ff8c42\]:hover { color: #e60000 !important; }
[data-theme="light"] .hover\:text-\[\#ff6b35\]:hover { color: #cc0000 !important; }
[data-theme="light"] .border-\[\#ff6b35\] { border-color: #cc0000 !important; }
[data-theme="light"] .hover\:bg-\[\#ff6b35\]\/10:hover { background-color: rgba(204,0,0,0.08) !important; }
[data-theme="light"] .hover\:border-\[\#ff6b35\]\/30:hover { border-color: rgba(204,0,0,0.3) !important; }
[data-theme="light"] .bg-\[\#ff6b35\] { background-color: #cc0000 !important; }

/* Buttons & gradients → red */
[data-theme="light"] [class*="from-\[\#ff6b35\]"][class*="to-\[\#ff8c42\]"] {
    background: linear-gradient(135deg, #cc0000, #e60000) !important;
    box-shadow: 0 4px 14px rgba(204,0,0,0.2) !important;
    color: #fff !important;
}
[data-theme="light"] [class*="from-\[\#ff6b35\]"][class*="to-\[\#ff8c42\]"] * { color: #fff !important; }
[data-theme="light"] .bg-gradient-to-br.from-\[\#ff6b35\] {
    background: linear-gradient(135deg, #cc0000, #e60000) !important;
    color: #fff !important;
}
[data-theme="light"] .shadow-\[\#ff6b35\]\/20,
[data-theme="light"] .shadow-\[\#ff6b35\]\/30 {
    box-shadow: 0 4px 14px rgba(204,0,0,0.15) !important;
}
[data-theme="light"] .icon-box .material-symbols-outlined,
[data-theme="light"] .stat-icon .material-symbols-outlined { color: #fff !important; }


/* ══════════════════════════════════════════════════════
   LEPTONX THEME — Inspired by x.leptontheme.com
   Dark navy sidebar · Indigo accent · Light content
   Semi-dark enterprise style
   ══════════════════════════════════════════════════════ */

/* ── Body / Content area ── */
[data-theme="leptonx"] body { background-color: #f5f7fb !important; color: #1e293b !important; }
[data-theme="leptonx"] .bg-\[\#0a0a0a\] { background-color: #f5f7fb !important; }
[data-theme="leptonx"] [class*="bg-\[\#0a0a0a\]\/"] { background-color: #eef1f7 !important; }
[data-theme="leptonx"] .text-\[\#ebebeb\] { color: #1e293b !important; }

/* ── Navbar — white, clean, subtle bottom shadow ── */
[data-theme="leptonx"] #appNavbar {
    background-color: #ffffff !important;
    border-color: #e8edf3 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}
[data-theme="leptonx"] #appNavbar .material-symbols-outlined { color: #64748b !important; }
[data-theme="leptonx"] #appNavbar .bg-\[\#ff6b35\] { background-color: #4361ee !important; }

/* ── Sidebar — dark navy ── */
[data-theme="leptonx"] #sidebarPanel {
    background: linear-gradient(180deg, #0d1020 0%, #111631 100%) !important;
    border-color: rgba(255,255,255,0.06) !important;
    box-shadow: none !important;
}
/* Sidebar text defaults */
[data-theme="leptonx"] #sidebarPanel .text-white { color: #e2e8f0 !important; }
[data-theme="leptonx"] #sidebarPanel .text-\[\#666\] { color: #4a5578 !important; }
[data-theme="leptonx"] #sidebarPanel .text-\[\#9ca3af\] { color: #8892b0 !important; }
[data-theme="leptonx"] #sidebarPanel .border-\[\#ff6b35\]\/10 { border-color: rgba(255,255,255,0.08) !important; }
/* Logout hover */
[data-theme="leptonx"] #sidebarPanel .hover\:text-red-400:hover { color: #fb7185 !important; }
[data-theme="leptonx"] #sidebarPanel .hover\:bg-red-500\/10:hover { background-color: rgba(244,63,94,0.1) !important; }

/* Logo circle → indigo glow */
[data-theme="leptonx"] #sidebarPanel .bg-gradient-to-br.from-\[\#ff6b35\] {
    background: linear-gradient(135deg, #4361ee, #6366f1) !important;
    box-shadow: 0 0 20px rgba(67,97,238,0.35) !important;
}
/* Avatar circle → indigo */
[data-theme="leptonx"] #btnToggle,
[data-theme="leptonx"] .group .bg-gradient-to-br.from-\[\#ff6b35\] {
    background: linear-gradient(135deg, #4361ee, #6366f1) !important;
    box-shadow: 0 4px 12px rgba(67,97,238,0.3) !important;
}
/* Avatar tooltip → indigo */
[data-theme="leptonx"] #sbAvatarTip {
    background: linear-gradient(135deg, #4361ee, #6366f1) !important;
}
[data-theme="leptonx"] #sbAvatarTip div:last-child { background: #4361ee !important; }

/* Section labels in sidebar */
[data-theme="leptonx"] .sb-section { color: #4a5578 !important; }

/* ── Cards — white, border, soft shadow, 10px radius ── */
[data-theme="leptonx"] [class*="from-\[\#1a1a1a\]"],
[data-theme="leptonx"] [class*="bg-\[\#1a1a1a\]"],
[data-theme="leptonx"] .bg-\[\#141414\] {
    background: #ffffff !important;
}
[data-theme="leptonx"] [class*="border-\[\#ff6b35\]\/10"],
[data-theme="leptonx"] [class*="border-\[\#2a2a2a\]"] {
    border-color: #e8edf3 !important;
}
[data-theme="leptonx"] [class*="divide-\[\#ff6b35\]"] > * + * { border-color: #e8edf3 !important; }
[data-theme="leptonx"] .rounded-2xl {
    border-radius: 10px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04), 0 0 1px rgba(0,0,0,0.08) !important;
    border-color: #e8edf3 !important;
}

/* ── Text ── */
[data-theme="leptonx"] .text-white { color: #1e293b !important; }
[data-theme="leptonx"] .text-gray-300, [data-theme="leptonx"] .text-gray-400 { color: #64748b !important; }
[data-theme="leptonx"] .text-\[\#9ca3af\] { color: #64748b !important; }
[data-theme="leptonx"] .text-\[\#666\] { color: #94a3b8 !important; }
[data-theme="leptonx"] .text-\[\#555\] { color: #94a3b8 !important; }

/* ── Primary accent → Indigo #4361ee ── */
[data-theme="leptonx"] .text-\[\#ff6b35\] { color: #4361ee !important; }
[data-theme="leptonx"] .hover\:text-\[\#ff8c42\]:hover { color: #3651d4 !important; }
[data-theme="leptonx"] .hover\:text-\[\#ff6b35\]:hover { color: #4361ee !important; }

/* Buttons & icon boxes → indigo gradient */
[data-theme="leptonx"] [class*="from-\[\#ff6b35\]"][class*="to-\[\#ff8c42\]"] {
    background: linear-gradient(135deg, #4361ee, #5a75f5) !important;
    box-shadow: 0 4px 14px rgba(67,97,238,0.25) !important;
    color: #fff !important;
}
[data-theme="leptonx"] [class*="from-\[\#ff6b35\]"][class*="to-\[\#ff8c42\]"] * { color: #fff !important; }
[data-theme="leptonx"] .icon-box {
    background: linear-gradient(135deg, #4361ee, #5a75f5) !important;
    box-shadow: 0 4px 14px rgba(67,97,238,0.2) !important;
}
[data-theme="leptonx"] .stat-icon {
    background: linear-gradient(135deg, #4361ee, #5a75f5) !important;
    box-shadow: 0 4px 10px rgba(67,97,238,0.2) !important;
}
[data-theme="leptonx"] .icon-box .material-symbols-outlined,
[data-theme="leptonx"] .stat-icon .material-symbols-outlined { color: #fff !important; }

/* Border accent */
[data-theme="leptonx"] .border-\[\#ff6b35\] { border-color: #4361ee !important; }
[data-theme="leptonx"] .shadow-\[\#ff6b35\]\/20,
[data-theme="leptonx"] .shadow-\[\#ff6b35\]\/30 {
    box-shadow: 0 4px 14px rgba(67,97,238,0.15) !important;
}

/* ── Inputs — light bg, clean border ── */
[data-theme="leptonx"] input, [data-theme="leptonx"] select, [data-theme="leptonx"] textarea {
    background-color: #ffffff !important; color: #1e293b !important; border-color: #d5dce6 !important;
    border-radius: 8px !important;
}
[data-theme="leptonx"] input:focus, [data-theme="leptonx"] select:focus, [data-theme="leptonx"] textarea:focus {
    border-color: #4361ee !important; box-shadow: 0 0 0 3px rgba(67,97,238,0.1) !important;
}
[data-theme="leptonx"] input::placeholder, [data-theme="leptonx"] textarea::placeholder { color: #94a3b8 !important; }

/* Checkboxes */
[data-theme="leptonx"] input[type="checkbox"] {
    background-color: #ffffff !important;
    border-color: #94a3b8 !important;
    border-width: 2px !important;
}
[data-theme="leptonx"] input[type="checkbox"]:checked {
    background-color: #4361ee !important;
    border-color: #4361ee !important;
}

/* ── Tables — clean header, subtle rows ── */
[data-theme="leptonx"] thead { background-color: #f8fafd !important; }
[data-theme="leptonx"] thead th { color: #64748b !important; border-color: #e8edf3 !important; font-weight: 500 !important; }
[data-theme="leptonx"] tbody td { color: #334155 !important; }
[data-theme="leptonx"] tbody tr { border-color: #f0f3f8 !important; }
[data-theme="leptonx"] tbody tr:hover { background-color: #f8fafd !important; }

/* ── Badges — soft pastels ── */
[data-theme="leptonx"] .badge-pill { border-radius: 6px !important; }
[data-theme="leptonx"] .badge-success { background-color: #ecfdf5; color: #059669; border-color: #a7f3d0; }
[data-theme="leptonx"] .badge-warning { background-color: #fffbeb; color: #d97706; border-color: #fde68a; }
[data-theme="leptonx"] .badge-danger  { background-color: #fef2f2; color: #dc2626; border-color: #fecaca; }
[data-theme="leptonx"] .badge-info    { background-color: #eef2ff; color: #4338ca; border-color: #c7d2fe; }
[data-theme="leptonx"] .badge-neutral { background-color: #f1f5f9; color: #475569; border-color: #e2e8f0; }

/* ── Modals ── */
[data-theme="leptonx"] .modal-content,
[data-theme="leptonx"] [class*="bg-\[\#141414\]"] {
    background: #ffffff !important; border-color: #e8edf3 !important;
    border-radius: 12px !important;
}
[data-theme="leptonx"] .modal-overlay { background-color: rgba(13,16,32,0.45) !important; }

/* ── Progress & toggles ── */
[data-theme="leptonx"] .progress-bar { background-color: #e8edf3; border-radius: 6px; }
[data-theme="leptonx"] .progress-bar-fill { background: linear-gradient(to right, #4361ee, #5a75f5); }
[data-theme="leptonx"] .toggle-switch { background-color: #cbd5e1; }
[data-theme="leptonx"] .toggle-switch.active { background-color: #4361ee; }

/* ── Shadows — enterprise soft ── */
[data-theme="leptonx"] .shadow-lg { box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important; }
[data-theme="leptonx"] .shadow-2xl { box-shadow: 0 4px 16px rgba(0,0,0,0.07) !important; }

/* ── Scrollbar — light ── */
[data-theme="leptonx"] ::-webkit-scrollbar-track { background: #f5f7fb; }
[data-theme="leptonx"] ::-webkit-scrollbar-thumb { background: #c8d0dc; border-radius: 3px; }

/* ── Misc overrides ── */
[data-theme="leptonx"] .hover\:bg-\[\#1a1a1a\]\/30:hover { background-color: #f0f3f8 !important; }
[data-theme="leptonx"] .bg-\[\#ff6b35\] { background-color: #4361ee !important; }
[data-theme="leptonx"] .backdrop-blur-xl { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }


/* ══════════════════════════════════════════════════════
   CHAPUR THEME — TMC Parts branding
   Dark charcoal sidebar · Red (#cc0000) accent · Dark content
   Professional industrial/automotive style
   ══════════════════════════════════════════════════════ */

/* ── Body / Content area — dark charcoal ── */
[data-theme="chapur"] body { background-color: #111111 !important; color: #e0e0e0 !important; }
[data-theme="chapur"] .bg-\[\#0a0a0a\] { background-color: #0e0e0e !important; }
[data-theme="chapur"] [class*="bg-\[\#0a0a0a\]\/"] { background-color: #1a1a1a !important; }
[data-theme="chapur"] .text-\[\#ebebeb\] { color: #e0e0e0 !important; }

/* ── Navbar — dark with subtle gray bottom line ── */
[data-theme="chapur"] #appNavbar {
    background-color: #1a1a1a !important;
    border-bottom: 1px solid #333 !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.3) !important;
}
[data-theme="chapur"] #appNavbar .material-symbols-outlined { color: #999 !important; }
[data-theme="chapur"] #appNavbar .text-white { color: #e0e0e0 !important; }

/* ── Sidebar — dark with red accents ── */
[data-theme="chapur"] #sidebarPanel {
    background: linear-gradient(180deg, #1a1a1a 0%, #141414 100%) !important;
    border-color: #2a2a2a !important;
    border-right: 1px solid #333 !important;
    box-shadow: none !important;
}
[data-theme="chapur"] #sidebarPanel .text-white { color: #e0e0e0 !important; }
[data-theme="chapur"] #sidebarPanel .text-\[\#666\] { color: #666 !important; }
[data-theme="chapur"] #sidebarPanel .text-\[\#9ca3af\] { color: #999 !important; }

/* Logo circle → red */
[data-theme="chapur"] #sidebarPanel .bg-gradient-to-br.from-\[\#ff6b35\] {
    background: linear-gradient(135deg, #cc0000, #990000) !important;
    box-shadow: 0 0 20px rgba(204,0,0,0.3) !important;
}
[data-theme="chapur"] #btnToggle,
[data-theme="chapur"] .group .bg-gradient-to-br.from-\[\#ff6b35\] {
    background: linear-gradient(135deg, #cc0000, #990000) !important;
    box-shadow: 0 4px 12px rgba(204,0,0,0.3) !important;
}
[data-theme="chapur"] #sbAvatarTip {
    background: linear-gradient(135deg, #cc0000, #990000) !important;
}
[data-theme="chapur"] #sbAvatarTip div:last-child { background: #cc0000 !important; }
[data-theme="chapur"] .sb-section { color: #cc0000 !important; }

/* Nav states */
[data-theme="chapur"] .sb-nav-collapsed { background: rgba(255,255,255,0.04) !important; }
[data-theme="chapur"] .sb-nav-collapsed:hover { background: rgba(204,0,0,0.12) !important; color: #fff !important; }
[data-theme="chapur"] .sb-nav-collapsed.active {
    background: rgba(204,0,0,0.2) !important;
    color: #fff !important;
    border-left: 3px solid #cc0000;
}
[data-theme="chapur"] .sb-nav-collapsed.active .material-symbols-outlined { color: #fff !important; }
[data-theme="chapur"] .sb-nav-expanded { color: #999 !important; }
[data-theme="chapur"] .sb-nav-expanded:hover { background: rgba(204,0,0,0.08) !important; color: #e0e0e0 !important; }
[data-theme="chapur"] .sb-nav-expanded.active {
    background: rgba(204,0,0,0.15) !important;
    color: #fff !important;
    font-weight: 500;
    border-left: 3px solid #cc0000 !important;
}
[data-theme="chapur"] .sb-nav-expanded.active .material-symbols-outlined { color: #fff !important; }
[data-theme="chapur"] .sb-tip { background: #1a1a1a !important; box-shadow: 0 4px 12px rgba(0,0,0,0.4) !important; }

/* ── Cards — dark, red border glow ── */
[data-theme="chapur"] [class*="from-\[\#1a1a1a\]"],
[data-theme="chapur"] [class*="bg-\[\#1a1a1a\]"],
[data-theme="chapur"] .bg-\[\#141414\] {
    background: #1a1a1a !important;
}
[data-theme="chapur"] [class*="border-\[\#ff6b35\]\/10"],
[data-theme="chapur"] [class*="border-\[\#2a2a2a\]"] {
    border-color: #333 !important;
}
[data-theme="chapur"] [class*="divide-\[\#ff6b35\]"] > * + * { border-color: #333 !important; }

/* ── Text ── */
[data-theme="chapur"] .text-white { color: #e0e0e0 !important; }
[data-theme="chapur"] .text-gray-300, [data-theme="chapur"] .text-gray-400 { color: #999 !important; }
[data-theme="chapur"] .text-\[\#9ca3af\] { color: #999 !important; }
[data-theme="chapur"] .text-\[\#666\] { color: #777 !important; }
[data-theme="chapur"] .text-\[\#555\] { color: #777 !important; }

/* ── Primary accent → Red #cc0000 ── */
[data-theme="chapur"] .text-\[\#ff6b35\] { color: #cc0000 !important; }
[data-theme="chapur"] .hover\:text-\[\#ff8c42\]:hover { color: #e60000 !important; }
[data-theme="chapur"] .hover\:text-\[\#ff6b35\]:hover { color: #cc0000 !important; }

/* Buttons & icon boxes → red gradient */
[data-theme="chapur"] [class*="from-\[\#ff6b35\]"][class*="to-\[\#ff8c42\]"] {
    background: linear-gradient(135deg, #cc0000, #e60000) !important;
    box-shadow: 0 4px 14px rgba(204,0,0,0.3) !important;
    color: #fff !important;
}
[data-theme="chapur"] [class*="from-\[\#ff6b35\]"][class*="to-\[\#ff8c42\]"] * { color: #fff !important; }

/* Border accent */
[data-theme="chapur"] .border-\[\#ff6b35\] { border-color: #cc0000 !important; }
[data-theme="chapur"] .shadow-\[\#ff6b35\]\/20,
[data-theme="chapur"] .shadow-\[\#ff6b35\]\/30 {
    box-shadow: 0 4px 14px rgba(204,0,0,0.2) !important;
}

/* Hover accents */
[data-theme="chapur"] .hover\:bg-\[\#ff6b35\]\/10:hover { background-color: rgba(204,0,0,0.1) !important; }
[data-theme="chapur"] .hover\:border-\[\#ff6b35\]\/30:hover { border-color: rgba(204,0,0,0.3) !important; }

/* ── Forms ── */
[data-theme="chapur"] input, [data-theme="chapur"] select, [data-theme="chapur"] textarea {
    background-color: #0e0e0e !important; border-color: #333 !important; color: #e0e0e0 !important;
}
[data-theme="chapur"] input:focus, [data-theme="chapur"] select:focus, [data-theme="chapur"] textarea:focus {
    border-color: rgba(204,0,0,0.5) !important; box-shadow: 0 0 0 2px rgba(204,0,0,0.15) !important;
}
[data-theme="chapur"] input::placeholder, [data-theme="chapur"] textarea::placeholder { color: #666 !important; }
[data-theme="chapur"] input[type="checkbox"] {
    background-color: #0e0e0e !important; border-color: #555 !important;
}
[data-theme="chapur"] input[type="checkbox"]:checked {
    background-color: #cc0000 !important; border-color: #cc0000 !important;
}

/* ── Table ── */
[data-theme="chapur"] thead { background-color: #1a1a1a !important; }
[data-theme="chapur"] thead th { color: #999 !important; border-color: #333 !important; }
[data-theme="chapur"] tbody td { color: #ccc !important; }
[data-theme="chapur"] tbody tr { border-color: #2a2a2a !important; }
[data-theme="chapur"] tbody tr:hover { background-color: rgba(204,0,0,0.05) !important; }

/* ── Badges ── */
[data-theme="chapur"] .badge-success { background-color: rgba(34,197,94,0.1); color: #22c55e; border-color: rgba(34,197,94,0.2); }
[data-theme="chapur"] .badge-warning { background-color: rgba(234,179,8,0.1); color: #eab308; border-color: rgba(234,179,8,0.2); }
[data-theme="chapur"] .badge-danger  { background-color: rgba(239,68,68,0.1); color: #ef4444; border-color: rgba(239,68,68,0.2); }

/* ── Theme button ── */
[data-theme="chapur"] .theme-btn:hover { background-color: #2a2a2a !important; }
[data-theme="chapur"] .theme-btn.active { background-color: rgba(204,0,0,0.15) !important; }
[data-theme="chapur"] .border-\[\#2a2a2a\] { border-color: #333 !important; }

/* ── Scrollbar ── */
[data-theme="chapur"] ::-webkit-scrollbar-track { background: #111; }
[data-theme="chapur"] ::-webkit-scrollbar-thumb { background: #444; border-radius: 3px; }

/* ── Misc ── */
[data-theme="chapur"] .hover\:bg-\[\#1a1a1a\]\/30:hover { background-color: rgba(204,0,0,0.05) !important; }
[data-theme="chapur"] .bg-\[\#ff6b35\] { background-color: #cc0000 !important; }

/* ── Flatpickr dark override ── */
[data-theme="chapur"] .flatpickr-day.selected { background: #cc0000 !important; border-color: #cc0000 !important; }
[data-theme="chapur"] .flatpickr-day.today { border-color: #cc0000; }
[data-theme="chapur"] .flatpickr-day:hover { background: rgba(204,0,0,0.15); }