/* Universal thin scrollbar for all pages */
html {
    scrollbar-width: thin; /* Firefox */
    scrollbar-color: #b30000 #23272f; /* Thumb and track color */
}

/* WebKit browsers */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #ff4d4d, #b30000);
    border-radius: 10px;
}
::-webkit-scrollbar-track {
    background: #23272f !important;
    border-radius: 10px;
}

/* Thin scrollbar for dashboard sidebar */
.sidebar {
    scrollbar-width: thin;
    scrollbar-color: #b30000 #23272f;
}
.sidebar::-webkit-scrollbar {
    width: 6px;
}
.sidebar::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #ff4d4d, #b30000);
    border-radius: 10px;
}
.sidebar::-webkit-scrollbar-track {
    background: #23272f !important;
    border-radius: 10px;
}

/* Dashboard and Website Theme CSS extracted from dashboard.php */
:root {
    --primary-color: #6366f1;
    --secondary-color: #4f46e5;
    --accent-color: #ff0080;
    --background-dark: #0f0f23;
    --background-card: #1a1a2e;
    --text-primary: #ffffff;
    --text-secondary: #a0a0a0;
    --border-color: #2d3748;
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.15);
    --shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.website-theme-light, .dashboard-theme-light {
    --primary-color: #6366f1;
    --secondary-color: #4f46e5;
    --accent-color: #ff0080;
    --background-dark: #f4f6fa;
    --background-card: #ffffff;
    --text-primary: #000000 !important;
    --text-secondary: #333333 !important;
    --border-color: #e5e7eb;
}

/* Strongest override: force all text to black in light theme, even for headings, nav, sidebar, and icons */
.website-theme-light *,
.dashboard-theme-light * {
    color: #000 !important;
    text-shadow: none !important;
    -webkit-text-fill-color: #000 !important;
}

/* Override SVG and icon colors for light theme */
.website-theme-light svg,
.dashboard-theme-light svg,
.website-theme-light i,
.dashboard-theme-light i {
    color: #000 !important;
    fill: #000 !important;
    stroke: #000 !important;
}

/* For text-gradient and bg-clip-text, remove transparency in light theme */
.website-theme-light .text-gradient,
.dashboard-theme-light .text-gradient,
.website-theme-light .bg-clip-text,
.dashboard-theme-light .bg-clip-text {
    background: none !important;
    -webkit-background-clip: initial !important;
    -webkit-text-fill-color: #000 !important;
    color: #000 !important;
}

/* Optionally, override specific Tailwind classes for extra safety */
.website-theme-light .text-white,
.dashboard-theme-light .text-white,
.website-theme-light .text-gray-50,
.dashboard-theme-light .text-gray-50,
.website-theme-light .text-gray-100,
.dashboard-theme-light .text-gray-100,
.website-theme-light .text-gray-200,
.dashboard-theme-light .text-gray-200,
.website-theme-light .text-gray-300,
.dashboard-theme-light .text-gray-300,
.website-theme-light .text-gray-400,
.dashboard-theme-light .text-gray-400,
.website-theme-light .text-gray-500,
.dashboard-theme-light .text-gray-500,
.website-theme-light .text-gray-600,
.dashboard-theme-light .text-gray-600,
.website-theme-light .text-gray-700,
.dashboard-theme-light .text-gray-700,
.website-theme-light .text-gray-800,
.dashboard-theme-light .text-gray-800,
.website-theme-light .text-gray-900,
.dashboard-theme-light .text-gray-900,
.website-theme-light .text-slate-50,
.dashboard-theme-light .text-slate-50,
.website-theme-light .text-slate-100,
.dashboard-theme-light .text-slate-100,
.website-theme-light .text-slate-200,
.dashboard-theme-light .text-slate-200,
.website-theme-light .text-slate-300,
.dashboard-theme-light .text-slate-300,
.website-theme-light .text-slate-400,
.dashboard-theme-light .text-slate-400,
.website-theme-light .text-slate-500,
.dashboard-theme-light .text-slate-500,
.website-theme-light .text-slate-600,
.dashboard-theme-light .text-slate-600,
.website-theme-light .text-slate-700,
.dashboard-theme-light .text-slate-700,
.website-theme-light .text-slate-800,
.dashboard-theme-light .text-slate-800,
.website-theme-light .text-slate-900,
.dashboard-theme-light .text-slate-900,
.website-theme-light .text-neutral-50,
.dashboard-theme-light .text-neutral-50,
.website-theme-light .text-neutral-100,
.dashboard-theme-light .text-neutral-100,
.website-theme-light .text-neutral-200,
.dashboard-theme-light .text-neutral-200,
.website-theme-light .text-neutral-300,
.dashboard-theme-light .text-neutral-300,
.website-theme-light .text-neutral-400,
.dashboard-theme-light .text-neutral-400,
.website-theme-light .text-neutral-500,
.dashboard-theme-light .text-neutral-500,
.website-theme-light .text-neutral-600,
.dashboard-theme-light .text-neutral-600,
.website-theme-light .text-neutral-700,
.dashboard-theme-light .text-neutral-700,
.website-theme-light .text-neutral-800,
.dashboard-theme-light .text-neutral-800,
.website-theme-light .text-neutral-900,
.dashboard-theme-light .text-neutral-900,
.website-theme-light .text-black,
.dashboard-theme-light .text-black {
    color: #000 !important;
}

.website-theme-light body,
.website-theme-light .main-content,
.website-theme-light .content-area,
.dashboard-theme-light body,
.dashboard-theme-light .main-content,
.dashboard-theme-light .content-area {
    color: var(--text-primary) !important;
    background: var(--background-dark) !important;
}
/* ... (rest of the CSS from the dashboard.php <style> block, as extracted above) ... */