/* ── NZX Multi-Theme Stylesheet ─────────────────────────────── */
@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Kameron:wght@400;700&family=Overpass+Mono:wght@300;400;600;700&display=swap");

/* ═══════════════════════════════════════════════════════════════
   1. FRYLABS THEME (Retro BBS & Hacker Dashboard)
   ═══════════════════════════════════════════════════════════════ */
html[data-theme="frylabs"] {
	--bg: #222426;
	--surface: #191919;
	--surface2: #393939;
	--border: #3f3503;
	--accent: #f2cb05;
	--accent2: #f2cb05;
	--accent-glow: rgba(242, 203, 5, 0.35);
	--accent-border: rgba(242, 203, 5, 0.4);
	--danger: #ff4d4f;
	--success: #52c41a;
	--text: #f2f2f2;
	--muted: #999999;
	--radius: 4px;
	--font-mono: 'Overpass Mono', monospace;
	--font-serif: 'Kameron', serif;
}

/* Background & Typography */
html[data-theme="frylabs"] body {
	background: #222426 !important;
	color: #999999 !important;
	font-family: 'Overpass Mono', monospace !important;
}

html[data-theme="frylabs"] body::before {
	display: none !important;
}

html[data-theme="frylabs"] h1,
html[data-theme="frylabs"] h2,
html[data-theme="frylabs"] h3,
html[data-theme="frylabs"] .admin-hero-title,
html[data-theme="frylabs"] .card-title,
html[data-theme="frylabs"] .page-title,
html[data-theme="frylabs"] .month-title {
	font-family: 'Kameron', serif !important;
	color: #f2cb05 !important;
	letter-spacing: 1px;
}

html[data-theme="frylabs"] .eyebrow,
html[data-theme="frylabs"] .q-num,
html[data-theme="frylabs"] .kpi-label,
html[data-theme="frylabs"] .meta-label {
	color: #f2cb05 !important;
	letter-spacing: 1.5px !important;
	text-transform: uppercase;
	font-weight: 600;
}

/* Navigation Bar */
html[data-theme="frylabs"] .navbar {
	background-color: #222426 !important;
	border-bottom: 1px solid #f2cb05 !important;
	box-shadow: 0 3px 3px -3px #f2cb05 !important;
}

html[data-theme="frylabs"] .navbar-brand {
	font-family: 'Overpass Mono', monospace !important;
	color: #f2f2f2 !important;
	font-weight: 700;
}

html[data-theme="frylabs"] .navbar-brand em {
	color: #f2cb05 !important;
	font-style: normal;
	text-shadow: 1px 1px 8px #000;
}

html[data-theme="frylabs"] .nav-link {
	color: #f2f2f2 !important;
	border-radius: 4px !important;
	font-weight: 600;
	transition: all 0.2s ease;
}

html[data-theme="frylabs"] .nav-link:hover,
html[data-theme="frylabs"] .nav-link.active {
	background-color: #393939 !important;
	color: #f2cb05 !important;
	border: 1px solid transparent;
}

html[data-theme="frylabs"] .nav-dropdown-menu {
	background-color: #191919 !important;
	border: 1px solid #f2cb05 !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.9) !important;
	border-radius: 4px !important;
}

html[data-theme="frylabs"] .nav-dropdown-item {
	color: #f2f2f2 !important;
}

html[data-theme="frylabs"] .nav-dropdown-item:hover {
	background-color: #f2cb05 !important;
	color: #000000 !important;
	font-weight: 700 !important;
}

/* Cards & Containers */
html[data-theme="frylabs"] .card,
html[data-theme="frylabs"] .question-card,
html[data-theme="frylabs"] .subcard,
html[data-theme="frylabs"] .admin-hero-card,
html[data-theme="frylabs"] .game-info-card,
html[data-theme="frylabs"] .course-card,
html[data-theme="frylabs"] .kpi-card,
html[data-theme="frylabs"] .board-wrapper,
html[data-theme="frylabs"] .month-progress-card,
html[data-theme="frylabs"] .game-modal {
	background-color: #191919 !important;
	border: 1px solid #3f3503 !important;
	border-radius: 4px !important;
	box-shadow: none !important;
}

html[data-theme="frylabs"] .card:hover,
html[data-theme="frylabs"] .course-card:hover {
	border-color: #f2cb05 !important;
}

/* Buttons */
html[data-theme="frylabs"] .btn-all,
html[data-theme="frylabs"] .btn-primary-action,
html[data-theme="frylabs"] .action-btn.active,
html[data-theme="frylabs"] .tool-mode-btn.active,
html[data-theme="frylabs"] .segmented__button.is-active,
html[data-theme="frylabs"] .button--primary {
	background-color: #393939 !important;
	color: #f2cb05 !important;
	font-weight: 700 !important;
	border: 1px solid transparent !important;
	border-radius: 4px !important;
	text-shadow: 1px 1px 8px #000 !important;
	cursor: pointer;
	transition: all 0.2s ease;
}

html[data-theme="frylabs"] .btn-all:hover,
html[data-theme="frylabs"] .btn-primary-action:hover,
html[data-theme="frylabs"] .button--primary:hover {
	background-color: #f2cb05 !important;
	color: #000000 !important;
	text-shadow: none !important;
}

html[data-theme="frylabs"] .btn-secondary,
html[data-theme="frylabs"] .action-btn,
html[data-theme="frylabs"] .btn-today-action,
html[data-theme="frylabs"] .tool-mode-btn,
html[data-theme="frylabs"] .segmented__button,
html[data-theme="frylabs"] .button--secondary {
	background-color: #222426 !important;
	border: 1px solid #444444 !important;
	color: #f2f2f2 !important;
	border-radius: 4px !important;
	text-shadow: 1px 1px 8px #000;
}

html[data-theme="frylabs"] .btn-secondary:hover,
html[data-theme="frylabs"] .action-btn:hover,
html[data-theme="frylabs"] .btn-today-action:hover,
html[data-theme="frylabs"] .button--secondary:hover {
	background-color: #393939 !important;
	color: #f2cb05 !important;
	border-color: #f2cb05 !important;
	box-shadow: 0 0 10px rgba(242, 203, 5, 0.4) !important;
}

html[data-theme="frylabs"] .btn-new-chat {
	background-color: #222426 !important;
	border: 1px solid #444444 !important;
	color: #f2cb05 !important;
	border-radius: 4px !important;
}

html[data-theme="frylabs"] .btn-new-chat:hover {
	background-color: #393939 !important;
	border-color: #f2cb05 !important;
	box-shadow: 0 0 10px rgba(242, 203, 5, 0.4) !important;
}

html[data-theme="frylabs"] .conv-item.active {
	background-color: rgba(242, 203, 5, 0.15) !important;
	border-color: #f2cb05 !important;
	color: #ffffff !important;
}

/* Form Inputs */
html[data-theme="frylabs"] input[type="text"],
html[data-theme="frylabs"] input[type="password"],
html[data-theme="frylabs"] input[type="number"],
html[data-theme="frylabs"] select,
html[data-theme="frylabs"] textarea {
	background-color: #1f2021 !important;
	color: #f2cb05 !important;
	border: 1px solid #444444 !important;
	border-radius: 3px !important;
	font-family: 'Overpass Mono', monospace !important;
}

html[data-theme="frylabs"] input:focus,
html[data-theme="frylabs"] select:focus,
html[data-theme="frylabs"] textarea:focus {
	border-color: #f2cb05 !important;
	outline: none !important;
}

/* Tabs & Pills */
html[data-theme="frylabs"] .tab-btn {
	border-radius: 4px !important;
	color: #999999 !important;
}

html[data-theme="frylabs"] .tab-btn.active {
	background-color: #f2cb05 !important;
	color: #000000 !important;
	font-weight: 700 !important;
	border: 1px solid #f2cb05 !important;
}

html[data-theme="frylabs"] .badge-admin,
html[data-theme="frylabs"] .status-pill,
html[data-theme="frylabs"] .stat-pill,
html[data-theme="frylabs"] .points-badge,
html[data-theme="frylabs"] .live-indicator {
	border: 1px solid #f2cb05 !important;
	color: #f2cb05 !important;
	background: rgba(242, 203, 5, 0.1) !important;
	border-radius: 4px !important;
}

html[data-theme="frylabs"] .progress-bar-track {
	background: #141414 !important;
	border: 1px solid #3f3503 !important;
	border-radius: 3px !important;
}

html[data-theme="frylabs"] .progress-bar-fill {
	background: #f2cb05 !important;
	box-shadow: 0 0 10px rgba(242, 203, 5, 0.5) !important;
	border-radius: 2px !important;
}

/* Léna AI Specifics */
html[data-theme="frylabs"] .chat-sidebar {
	background: #191919 !important;
	border-right: 1px solid #3f3503 !important;
}

html[data-theme="frylabs"] .chat-convo-item.active {
	background: #393939 !important;
	color: #f2cb05 !important;
	border: 1px solid #f2cb05 !important;
}

html[data-theme="frylabs"] .chat-bubble.bot {
	background: #191919 !important;
	border: 1px solid #3f3503 !important;
	color: #f2f2f2 !important;
}

html[data-theme="frylabs"] .chat-bubble.user {
	background: #393939 !important;
	border: 1px solid #f2cb05 !important;
	color: #f2cb05 !important;
}

/* Games Grids (Sudoku, Meowdoku, Minesweeper) */
html[data-theme="frylabs"] .sudoku-grid,
html[data-theme="frylabs"] .minesweeper-grid,
html[data-theme="frylabs"] .meowdoku-grid {
	background: #191919 !important;
	border-color: #f2cb05 !important;
}

html[data-theme="frylabs"] .sudoku-cell,
html[data-theme="frylabs"] .ms-cell {
	background: #222426 !important;
	color: #f2cb05 !important;
	border-color: #393939 !important;
}

html[data-theme="frylabs"] .ms-cell.revealed {
	background: #141414 !important;
}

html[data-theme="frylabs"] .keypad-btn {
	background: #393939 !important;
	color: #f2cb05 !important;
	border: 1px solid #444444 !important;
	border-radius: 4px !important;
}

html[data-theme="frylabs"] .keypad-btn:hover {
	background: #f2cb05 !important;
	color: #000000 !important;
}

/* FryLabs Nav Profile Button */
html[data-theme="frylabs"] .nav-profile-btn {
	border-color: rgba(242, 203, 5, 0.4) !important;
	color: #f2cb05 !important;
}
html[data-theme="frylabs"] .nav-profile-btn svg {
	stroke: #f2cb05 !important;
}
html[data-theme="frylabs"] .nav-profile-btn:hover {
	border-color: #f2cb05 !important;
	background: rgba(242, 203, 5, 0.15) !important;
	box-shadow: 0 0 12px rgba(242, 203, 5, 0.35) !important;
}

/* FryLabs Badges */
html[data-theme="frylabs"] .perm-badge.star {
	border-color: rgba(242, 203, 5, 0.4) !important;
	background: rgba(242, 203, 5, 0.12) !important;
	color: #f2cb05 !important;
}

/* FryLabs Sudoku Grid Highlighting */
html[data-theme="frylabs"] .sudoku-cell.cross-highlight {
	background: rgba(242, 203, 5, 0.08) !important;
}
html[data-theme="frylabs"] .sudoku-cell.same-num-highlight {
	background: rgba(242, 203, 5, 0.22) !important;
	color: #ffffff !important;
	font-weight: 700 !important;
}
html[data-theme="frylabs"] .sudoku-cell.selected {
	background: rgba(242, 203, 5, 0.25) !important;
	outline: 2px solid #f2cb05 !important;
	outline-offset: -2px;
	z-index: 2;
}

/* FryLabs Calendar Modal */
html[data-theme="frylabs"] .cal-day-cell.cal-gray {
	background: #191919 !important;
	border: 1px solid #3f3503 !important;
	color: #999999 !important;
}
html[data-theme="frylabs"] .cal-day-cell.cal-gray:hover:not(.cal-disabled) {
	border-color: #f2cb05 !important;
	background: #393939 !important;
	color: #f2cb05 !important;
}
html[data-theme="frylabs"] .cal-day-cell.cal-current {
	outline: 2px solid #f2cb05 !important;
	box-shadow: 0 0 10px rgba(242, 203, 5, 0.4) !important;
}
html[data-theme="frylabs"] .cal-nav-btn,
html[data-theme="frylabs"] .cal-today-btn {
	background: #191919 !important;
	border: 1px solid #3f3503 !important;
	color: #f2f2f2 !important;
	font-family: 'Overpass Mono', monospace !important;
}
html[data-theme="frylabs"] .cal-nav-btn:hover,
html[data-theme="frylabs"] .cal-today-btn:hover {
	border-color: #f2cb05 !important;
	color: #f2cb05 !important;
}
html[data-theme="frylabs"] .swatch-uncompleted {
	background: #393939 !important;
	border: 1px solid #3f3503 !important;
}
html[data-theme="frylabs"] .swatch-current {
	background: #f2cb05 !important;
	box-shadow: 0 0 6px rgba(242, 203, 5, 0.5) !important;
}

html[data-theme="frylabs"] .badge-today-pill,
html[data-theme="frylabs"] .btn-jump-today {
	background-color: rgba(242, 203, 5, 0.15) !important;
	border: 1px solid rgba(242, 203, 5, 0.4) !important;
	color: #f2cb05 !important;
}

html[data-theme="frylabs"] .btn-jump-today:hover {
	background-color: rgba(242, 203, 5, 0.25) !important;
	border-color: #f2cb05 !important;
	box-shadow: 0 0 10px rgba(242, 203, 5, 0.35) !important;
}

html[data-theme="frylabs"] .user-avatar-mini,
html[data-theme="frylabs"] .avatar,
html[data-theme="frylabs"] .admin-user-avatar {
	background-color: rgba(242, 203, 5, 0.15) !important;
	border: 1px solid rgba(242, 203, 5, 0.4) !important;
	color: #f2cb05 !important;
	box-shadow: none !important;
}

/* Courses Cards */
html[data-theme="frylabs"] .courses-header h2 {
	font-family: 'Kameron', serif !important;
	color: #f2cb05 !important;
}

html[data-theme="frylabs"] .course-card {
	background: #191919 !important;
	border: 1px solid #3f3503 !important;
	border-top: 4px solid #f2cb05 !important;
	border-radius: 6px !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.7) !important;
	color: #f2f2f2 !important;
	transition: all 0.2s ease !important;
}

html[data-theme="frylabs"] .course-card:hover {
	border-color: #f2cb05 !important;
	box-shadow: 0 8px 28px rgba(242, 203, 5, 0.25) !important;
	transform: translateY(-4px) !important;
}

html[data-theme="frylabs"] .course-title {
	font-family: 'Kameron', serif !important;
	color: #f2cb05 !important;
	font-weight: 700 !important;
}

html[data-theme="frylabs"] .course-meta {
	font-family: 'Overpass Mono', monospace !important;
	color: #999999 !important;
}

html[data-theme="frylabs"] .course-code {
	background: #393939 !important;
	color: #f2cb05 !important;
	border: 1px solid #3f3503 !important;
	border-radius: 4px !important;
	font-family: 'Overpass Mono', monospace !important;
}

html[data-theme="frylabs"] .course-delete-btn {
	background: rgba(57, 57, 57, 0.7) !important;
	color: #f2f2f2 !important;
}

html[data-theme="frylabs"] .course-delete-btn:hover {
	background: #ff4757 !important;
	color: #ffffff !important;
}

html[data-theme="frylabs"] .course-card-add {
	background: #191919 !important;
	border: 2px dashed #3f3503 !important;
	border-radius: 6px !important;
	color: #999999 !important;
	font-family: 'Overpass Mono', monospace !important;
}

html[data-theme="frylabs"] .course-card-add:hover {
	border-color: #f2cb05 !important;
	color: #f2cb05 !important;
	background: rgba(242, 203, 5, 0.05) !important;
}



/* ═══════════════════════════════════════════════════════════════
   2. LÉNA THEME (Warm Botanical & Organic Elegance)
   ═══════════════════════════════════════════════════════════════ */
html[data-theme="lena"] {
	--bg: #EDE8E0;
	--surface: #F7F4EF;
	--surface2: #FFFFFF;
	--border: #DDD5C8;
	--accent: #9A7B5A;
	--accent2: #7A9E8E;
	--accent-glow: rgba(154, 123, 90, 0.28);
	--accent-border: rgba(154, 123, 90, 0.4);
	--danger: #d9534f;
	--success: #7A9E8E;
	--text: #2E2925;
	--muted: #8A7E74;
	--radius: 12px;
	--font-mono: 'Jost', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--font-serif: 'Jost', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

html[data-theme="lena"] body {
	background-color: #EDE8E0 !important;
	background-image:
		radial-gradient(ellipse at 10% 20%, rgba(154, 123, 90, 0.12) 0%, transparent 55%),
		radial-gradient(ellipse at 90% 80%, rgba(122, 158, 142, 0.10) 0%, transparent 55%) !important;
	color: #2E2925 !important;
	font-family: 'Jost', sans-serif !important;
}

html[data-theme="lena"] body::before {
	display: none !important;
}

/* Headings */
html[data-theme="lena"] h1,
html[data-theme="lena"] h2,
html[data-theme="lena"] h3,
html[data-theme="lena"] .admin-hero-title,
html[data-theme="lena"] .card-title,
html[data-theme="lena"] .page-title,
html[data-theme="lena"] .month-title {
	font-family: 'Jost', sans-serif !important;
	color: #2E2925 !important;
	font-weight: 600;
}

html[data-theme="lena"] h1 em,
html[data-theme="lena"] h2 em,
html[data-theme="lena"] .month-title em {
	color: #9A7B5A !important;
}

/* Navbar */
html[data-theme="lena"] .navbar {
	background-color: #F7F4EF !important;
	border-bottom: 1px solid #DDD5C8 !important;
	box-shadow: 0 4px 20px rgba(46, 41, 37, 0.05) !important;
}

html[data-theme="lena"] .navbar-brand {
	font-family: 'Jost', sans-serif !important;
	color: #2E2925 !important;
	font-weight: 700;
}

html[data-theme="lena"] .navbar-brand em {
	color: #9A7B5A !important;
}

html[data-theme="lena"] .nav-link {
	color: #2E2925 !important;
	font-family: 'Jost', sans-serif !important;
}

html[data-theme="lena"] .nav-link:hover,
html[data-theme="lena"] .nav-link.active {
	background-color: rgba(154, 123, 90, 0.12) !important;
	color: #9A7B5A !important;
}

html[data-theme="lena"] .nav-dropdown-menu {
	background-color: #FFFFFF !important;
	border: 1px solid #DDD5C8 !important;
	box-shadow: 0 10px 30px rgba(46, 41, 37, 0.12) !important;
	border-radius: 12px !important;
}

html[data-theme="lena"] .nav-dropdown-item {
	color: #2E2925 !important;
	font-family: 'Jost', sans-serif !important;
}

html[data-theme="lena"] .nav-dropdown-item:hover {
	background-color: rgba(154, 123, 90, 0.12) !important;
	color: #9A7B5A !important;
}

/* Léna Nav Profile Button */
html[data-theme="lena"] .nav-profile-btn {
	border-color: rgba(154, 123, 90, 0.4) !important;
	color: #9A7B5A !important;
}
html[data-theme="lena"] .nav-profile-btn svg {
	stroke: #9A7B5A !important;
}
html[data-theme="lena"] .nav-profile-btn:hover {
	border-color: #9A7B5A !important;
	background: rgba(154, 123, 90, 0.15) !important;
	box-shadow: 0 0 12px rgba(154, 123, 90, 0.25) !important;
}

/* Léna Badges */
html[data-theme="lena"] .perm-badge.star {
	border-color: rgba(154, 123, 90, 0.4) !important;
	background: rgba(154, 123, 90, 0.12) !important;
	color: #9A7B5A !important;
}

/* Cards & Containers */
html[data-theme="lena"] .card,
html[data-theme="lena"] .month-progress-card,
html[data-theme="lena"] .admin-hero-card,
html[data-theme="lena"] .game-info-card,
html[data-theme="lena"] .course-card,
html[data-theme="lena"] .kpi-card,
html[data-theme="lena"] .board-wrapper,
html[data-theme="lena"] .game-modal {
	background-color: #F7F4EF !important;
	border: 1px solid #DDD5C8 !important;
	border-radius: 16px !important;
	box-shadow: 0 4px 24px rgba(46, 41, 37, 0.07) !important;
	color: #2E2925 !important;
}

html[data-theme="lena"] .card:hover,
html[data-theme="lena"] .course-card:hover {
	border-color: #9A7B5A !important;
	box-shadow: 0 8px 30px rgba(154, 123, 90, 0.14) !important;
}

/* Buttons */
html[data-theme="lena"] .btn-primary-action,
html[data-theme="lena"] .btn-all,
html[data-theme="lena"] .button--primary,
html[data-theme="lena"] .tool-mode-btn.active {
	background: linear-gradient(135deg, #9A7B5A 0%, #C4A882 100%) !important;
	color: #FFFFFF !important;
	border: none !important;
	box-shadow: 0 4px 14px rgba(154, 123, 90, 0.28) !important;
	border-radius: 50px !important;
	font-family: 'Jost', sans-serif !important;
	font-weight: 600;
}

html[data-theme="lena"] .btn-secondary,
html[data-theme="lena"] .action-btn,
html[data-theme="lena"] .btn-today-action,
html[data-theme="lena"] .tool-mode-btn {
	background-color: #FFFFFF !important;
	border: 1px solid #DDD5C8 !important;
	color: #2E2925 !important;
	border-radius: 10px !important;
	font-family: 'Jost', sans-serif !important;
}

html[data-theme="lena"] .action-btn:hover,
html[data-theme="lena"] .btn-today-action:hover {
	border-color: #9A7B5A !important;
	color: #9A7B5A !important;
	background-color: rgba(154, 123, 90, 0.08) !important;
	box-shadow: 0 0 12px rgba(154, 123, 90, 0.28) !important;
}

html[data-theme="lena"] .btn-new-chat {
	background-color: #FFFFFF !important;
	border: 1px solid #DDD5C8 !important;
	color: #9A7B5A !important;
	border-radius: 10px !important;
	font-family: 'Jost', sans-serif !important;
	box-shadow: none !important;
}

html[data-theme="lena"] .btn-new-chat:hover {
	border-color: #9A7B5A !important;
	background-color: rgba(154, 123, 90, 0.08) !important;
	color: #9A7B5A !important;
	box-shadow: 0 0 12px rgba(154, 123, 90, 0.25) !important;
}

html[data-theme="lena"] .conv-item.active {
	background-color: rgba(154, 123, 90, 0.12) !important;
	border-color: rgba(154, 123, 90, 0.4) !important;
	color: #2E2925 !important;
	box-shadow: none !important;
}

/* Inputs */
html[data-theme="lena"] input,
html[data-theme="lena"] select,
html[data-theme="lena"] textarea {
	background-color: #FFFFFF !important;
	border: 1.5px solid #DDD5C8 !important;
	color: #2E2925 !important;
	border-radius: 8px !important;
	font-family: 'Jost', sans-serif !important;
}

html[data-theme="lena"] input:focus,
html[data-theme="lena"] textarea:focus {
	border-color: #9A7B5A !important;
	box-shadow: 0 0 0 3px rgba(154, 123, 90, 0.12) !important;
}

/* Tables */
html[data-theme="lena"] .data-table {
	background: #FFFFFF !important;
	border-color: #DDD5C8 !important;
}

html[data-theme="lena"] .data-table th {
	background: rgba(154, 123, 90, 0.08) !important;
	color: #2E2925 !important;
	border-bottom: 1px solid #DDD5C8 !important;
}

html[data-theme="lena"] .data-table td {
	border-bottom: 1px solid #EFEAE2 !important;
	color: #2E2925 !important;
}

/* Badges & Progress bar */
html[data-theme="lena"] .points-badge,
html[data-theme="lena"] .stat-pill {
	background: rgba(154, 123, 90, 0.1) !important;
	border: 1px solid rgba(154, 123, 90, 0.3) !important;
	color: #9A7B5A !important;
}

html[data-theme="lena"] .progress-bar-track {
	background: #E5DFC8 !important;
}

html[data-theme="lena"] .progress-bar-fill {
	background: linear-gradient(90deg, #9A7B5A, #C4A882) !important;
	box-shadow: 0 0 10px rgba(154, 123, 90, 0.3) !important;
}

/* Games Grids */
html[data-theme="lena"] .sudoku-grid,
html[data-theme="lena"] .minesweeper-grid,
html[data-theme="lena"] .meowdoku-grid {
	background: #DDD5C8 !important;
}

html[data-theme="lena"] .sudoku-cell,
html[data-theme="lena"] .ms-cell {
	background: #FFFFFF !important;
	color: #2E2925 !important;
	border-color: #E8E2D8 !important;
}

html[data-theme="lena"] .ms-cell.revealed {
	background: #F0EAE1 !important;
}

html[data-theme="lena"] .sudoku-cell.user-filled {
	color: #9A7B5A !important;
	font-weight: 700;
}

html[data-theme="lena"] .sudoku-cell.cross-highlight {
	background: rgba(154, 123, 90, 0.10) !important;
}

html[data-theme="lena"] .sudoku-cell.same-num-highlight {
	background: rgba(154, 123, 90, 0.22) !important;
	color: #2E2925 !important;
	font-weight: 700 !important;
}

html[data-theme="lena"] .sudoku-cell.selected {
	background: rgba(154, 123, 90, 0.25) !important;
	outline: 2px solid #9A7B5A !important;
	outline-offset: -2px;
	z-index: 2;
}

/* Léna Calendar Modal (Light Mode Fix) */
html[data-theme="lena"] .cal-day-cell.cal-gray {
	background: #FFFFFF !important;
	border: 1.5px solid #DDD5C8 !important;
	color: #6E6258 !important;
}
html[data-theme="lena"] .cal-day-cell.cal-gray:hover:not(.cal-disabled) {
	background: #F0EAE1 !important;
	border-color: #9A7B5A !important;
	color: #2E2925 !important;
	transform: translateY(-1px);
}
html[data-theme="lena"] .cal-day-cell.cal-green {
	background: #EAF3EE !important;
	border: 1.5px solid #7A9E8E !important;
	color: #3A6953 !important;
	box-shadow: 0 0 8px rgba(122, 158, 142, 0.15) !important;
}
html[data-theme="lena"] .cal-day-cell.cal-green:hover:not(.cal-disabled) {
	background: #D8EADB !important;
	border-color: #588771 !important;
	box-shadow: 0 0 10px rgba(122, 158, 142, 0.3) !important;
}
html[data-theme="lena"] .cal-day-cell.cal-current {
	outline: 2px solid #9A7B5A !important;
	outline-offset: -1px;
	box-shadow: 0 0 10px rgba(154, 123, 90, 0.35) !important;
}
html[data-theme="lena"] .cal-nav-btn {
	background: #FFFFFF !important;
	border: 1px solid #DDD5C8 !important;
	color: #2E2925 !important;
	border-radius: 8px !important;
}
html[data-theme="lena"] .cal-nav-btn:hover {
	border-color: #9A7B5A !important;
	background: #F0EAE1 !important;
	color: #9A7B5A !important;
}
html[data-theme="lena"] .cal-today-btn {
	background: #FFFFFF !important;
	border: 1px solid #DDD5C8 !important;
	color: #2E2925 !important;
	border-radius: 8px !important;
}
html[data-theme="lena"] .cal-today-btn:hover {
	border-color: #9A7B5A !important;
	background: #9A7B5A !important;
	color: #FFFFFF !important;
}
html[data-theme="lena"] .cal-day-cell.cal-disabled {
	color: #B5ACA2 !important;
	opacity: 0.35 !important;
}
html[data-theme="lena"] .swatch-uncompleted {
	background: #DDD5C8 !important;
	border: 1px solid #C4B9AA !important;
}
html[data-theme="lena"] .swatch-completed {
	background: #7A9E8E !important;
	box-shadow: 0 0 6px rgba(122, 158, 142, 0.4) !important;
}
html[data-theme="lena"] .swatch-current {
	background: #9A7B5A !important;
	box-shadow: 0 0 6px rgba(154, 123, 90, 0.4) !important;
}

html[data-theme="lena"] .badge-today-pill,
html[data-theme="lena"] .btn-jump-today {
	background-color: rgba(154, 123, 90, 0.12) !important;
	border: 1px solid rgba(154, 123, 90, 0.35) !important;
	color: #9A7B5A !important;
}

html[data-theme="lena"] .btn-jump-today:hover {
	background-color: rgba(154, 123, 90, 0.22) !important;
	border-color: #9A7B5A !important;
	box-shadow: 0 0 10px rgba(154, 123, 90, 0.3) !important;
}

html[data-theme="lena"] .user-avatar-mini,
html[data-theme="lena"] .avatar,
html[data-theme="lena"] .admin-user-avatar {
	background-color: rgba(154, 123, 90, 0.12) !important;
	border: 1px solid rgba(154, 123, 90, 0.35) !important;
	color: #9A7B5A !important;
	box-shadow: none !important;
}

/* Léna Chat */
html[data-theme="lena"] .chat-container {
	background: #F7F4EF !important;
	border-color: #DDD5C8 !important;
}

html[data-theme="lena"] .chat-sidebar {
	background: #EFEAE2 !important;
	border-right: 1px solid #DDD5C8 !important;
}

html[data-theme="lena"] .chat-convo-item.active {
	background: #FFFFFF !important;
	border: 1px solid #DDD5C8 !important;
	color: #9A7B5A !important;
}

html[data-theme="lena"] .chat-bubble.bot {
	background: #FFFFFF !important;
	border: 1px solid #DDD5C8 !important;
	color: #2E2925 !important;
}

html[data-theme="lena"] .chat-bubble.user {
	background: #2E2925 !important;
	color: #F7F4EF !important;
}

html[data-theme="lena"] .input-area {
	background: #F7F4EF !important;
	border-top: 1px solid #DDD5C8 !important;
}

/* Dark mode override for Léna theme if preferred */
@media (prefers-color-scheme: dark) {
	html[data-theme="lena"] {
		--bg: #18140F;
		--surface: #211C16;
		--surface2: #29231C;
		--border: #38312A;
		--accent: #C4A882;
		--accent2: #8AB5A0;
		--accent-glow: rgba(196, 168, 130, 0.3);
		--accent-border: rgba(196, 168, 130, 0.4);
		--text: #EAE0D2;
		--muted: #9A8E82;
	}
	html[data-theme="lena"] body {
		background-color: #18140F !important;
		background-image:
			radial-gradient(ellipse at 10% 20%, rgba(196, 168, 130, 0.07) 0%, transparent 55%),
			radial-gradient(ellipse at 90% 80%, rgba(138, 181, 160, 0.06) 0%, transparent 55%) !important;
		color: #EAE0D2 !important;
	}
	html[data-theme="lena"] .navbar {
		background-color: #211C16 !important;
		border-bottom: 1px solid #38312A !important;
	}
	html[data-theme="lena"] .card,
	html[data-theme="lena"] .month-progress-card,
	html[data-theme="lena"] .admin-hero-card,
	html[data-theme="lena"] .game-info-card,
	html[data-theme="lena"] .course-card,
	html[data-theme="lena"] .kpi-card,
	html[data-theme="lena"] .board-wrapper,
	html[data-theme="lena"] .game-modal {
		background-color: #211C16 !important;
		border-color: #38312A !important;
		color: #EAE0D2 !important;
	}
	html[data-theme="lena"] h1,
	html[data-theme="lena"] h2,
	html[data-theme="lena"] h3,
	html[data-theme="lena"] .admin-hero-title,
	html[data-theme="lena"] .card-title,
	html[data-theme="lena"] .page-title,
	html[data-theme="lena"] .month-title {
		color: #EAE0D2 !important;
	}
	html[data-theme="lena"] .nav-link,
	html[data-theme="lena"] .navbar-brand {
		color: #EAE0D2 !important;
	}
	html[data-theme="lena"] .nav-dropdown-menu {
		background-color: #211C16 !important;
		border-color: #38312A !important;
	}
	html[data-theme="lena"] .nav-dropdown-item {
		color: #EAE0D2 !important;
	}
	html[data-theme="lena"] input,
	html[data-theme="lena"] select,
	html[data-theme="lena"] textarea {
		background-color: #1E1912 !important;
		border-color: #38312A !important;
		color: #EAE0D2 !important;
	}
	html[data-theme="lena"] .btn-secondary,
	html[data-theme="lena"] .action-btn,
	html[data-theme="lena"] .btn-today-action,
	html[data-theme="lena"] .tool-mode-btn {
		background-color: #29231C !important;
		border-color: #38312A !important;
		color: #EAE0D2 !important;
	}
	html[data-theme="lena"] .btn-today-action:hover,
	html[data-theme="lena"] .action-btn:hover {
		border-color: #C4A482 !important;
		color: #C4A482 !important;
		background-color: rgba(196, 164, 130, 0.15) !important;
		box-shadow: 0 0 12px rgba(196, 164, 130, 0.3) !important;
	}
	html[data-theme="lena"] .btn-new-chat {
		background-color: #29231C !important;
		border-color: #38312A !important;
		color: #C4A482 !important;
	}
	html[data-theme="lena"] .btn-new-chat:hover {
		border-color: #C4A482 !important;
		background-color: rgba(196, 164, 130, 0.15) !important;
		box-shadow: 0 0 12px rgba(196, 164, 130, 0.3) !important;
	}
	html[data-theme="lena"] .conv-item.active {
		background-color: rgba(196, 164, 130, 0.15) !important;
		border-color: #C4A482 !important;
		color: #EAE0D2 !important;
	}
	html[data-theme="lena"] .data-table {
		background: #211C16 !important;
		border-color: #38312A !important;
	}
	html[data-theme="lena"] .data-table th {
		background: rgba(196, 168, 130, 0.09) !important;
		color: #EAE0D2 !important;
		border-bottom: 1px solid #38312A !important;
	}
	html[data-theme="lena"] .data-table td {
		border-bottom: 1px solid #2B241C !important;
		color: #EAE0D2 !important;
	}
	html[data-theme="lena"] .sudoku-grid,
	html[data-theme="lena"] .minesweeper-grid,
	html[data-theme="lena"] .meowdoku-grid {
		background: #14100C !important;
	}
	html[data-theme="lena"] .sudoku-cell,
	html[data-theme="lena"] .ms-cell {
		background: #211C16 !important;
		color: #EAE0D2 !important;
		border-color: #2E261E !important;
	}
	html[data-theme="lena"] .nav-profile-btn {
		border-color: rgba(196, 168, 130, 0.4) !important;
		color: #C4A882 !important;
	}
	html[data-theme="lena"] .nav-profile-btn svg {
		stroke: #C4A882 !important;
	}
	html[data-theme="lena"] .nav-profile-btn:hover {
		border-color: #C4A882 !important;
		background: rgba(196, 168, 130, 0.15) !important;
		box-shadow: 0 0 12px rgba(196, 168, 130, 0.3) !important;
	}
	html[data-theme="lena"] .perm-badge.star {
		border-color: rgba(196, 168, 130, 0.4) !important;
		background: rgba(196, 168, 130, 0.12) !important;
		color: #C4A882 !important;
	}
	html[data-theme="lena"] .sudoku-cell.cross-highlight {
		background: rgba(196, 168, 130, 0.12) !important;
	}
	html[data-theme="lena"] .sudoku-cell.same-num-highlight {
		background: rgba(196, 168, 130, 0.25) !important;
		color: #ffffff !important;
		font-weight: 700 !important;
	}
	html[data-theme="lena"] .sudoku-cell.selected {
		background: rgba(196, 168, 130, 0.28) !important;
		outline: 2px solid #C4A882 !important;
		outline-offset: -2px;
		z-index: 2;
	}
	html[data-theme="lena"] .cal-day-cell.cal-gray {
		background: #29231C !important;
		border-color: #38312A !important;
		color: #9A8E82 !important;
	}
	html[data-theme="lena"] .cal-day-cell.cal-gray:hover:not(.cal-disabled) {
		background: #332B22 !important;
		border-color: #C4A882 !important;
		color: #EAE0D2 !important;
	}
	html[data-theme="lena"] .cal-day-cell.cal-green {
		background: rgba(138, 181, 160, 0.2) !important;
		border-color: #8AB5A0 !important;
		color: #8AB5A0 !important;
	}
	html[data-theme="lena"] .cal-day-cell.cal-current {
		outline-color: #C4A882 !important;
		box-shadow: 0 0 10px rgba(196, 168, 130, 0.4) !important;
	}
	html[data-theme="lena"] .cal-nav-btn,
	html[data-theme="lena"] .cal-today-btn {
		background: #211C16 !important;
		border-color: #38312A !important;
		color: #EAE0D2 !important;
	}
	html[data-theme="lena"] .cal-nav-btn:hover,
	html[data-theme="lena"] .cal-today-btn:hover {
		border-color: #C4A882 !important;
		color: #C4A882 !important;
	}
	html[data-theme="lena"] .swatch-uncompleted {
		background: #38312A !important;
		border-color: #4A4037 !important;
	}
	html[data-theme="lena"] .swatch-current {
		background: #C4A882 !important;
		box-shadow: 0 0 6px rgba(196, 168, 130, 0.5) !important;
	}
	html[data-theme="lena"] .badge-today-pill,
	html[data-theme="lena"] .btn-jump-today {
		background-color: rgba(196, 168, 130, 0.15) !important;
		border: 1px solid rgba(196, 168, 130, 0.4) !important;
		color: #C4A882 !important;
	}
	html[data-theme="lena"] .btn-jump-today:hover {
		background-color: rgba(196, 168, 130, 0.25) !important;
		border-color: #C4A882 !important;
		box-shadow: 0 0 10px rgba(196, 168, 130, 0.35) !important;
	}
	html[data-theme="lena"] .user-avatar-mini,
	html[data-theme="lena"] .avatar,
	html[data-theme="lena"] .admin-user-avatar {
		background-color: rgba(196, 168, 130, 0.15) !important;
		border: 1px solid rgba(196, 168, 130, 0.4) !important;
		color: #C4A882 !important;
		box-shadow: none !important;
	}
	html[data-theme="lena"] .ms-cell.revealed {
		background: #18140F !important;
	}
	html[data-theme="lena"] .chat-container {
		background: #211C16 !important;
		border-color: #38312A !important;
	}
	html[data-theme="lena"] .chat-sidebar {
		background: #18140F !important;
		border-right: 1px solid #38312A !important;
	}
	html[data-theme="lena"] .chat-convo-item.active {
		background: #29231C !important;
		border: 1px solid #C4A882 !important;
		color: #C4A882 !important;
	}
	html[data-theme="lena"] .chat-bubble.bot {
		background: #29231C !important;
		border: 1px solid #38312A !important;
		color: #EAE0D2 !important;
	}
	html[data-theme="lena"] .chat-bubble.user {
		background: #3A2F22 !important;
		color: #EDE3D4 !important;
	}
}

/* Courses Cards */
html[data-theme="lena"] .courses-header h2 {
	font-family: 'Jost', sans-serif !important;
	color: #2E2925 !important;
}

html[data-theme="lena"] .course-card {
	background: #FFFFFF !important;
	border: 1px solid #DDD5C8 !important;
	border-radius: 16px !important;
	box-shadow: 0 6px 22px rgba(46, 41, 37, 0.08) !important;
	color: #2E2925 !important;
	transition: all 0.25s ease !important;
}

html[data-theme="lena"] .course-card:hover {
	border-color: #9A7B5A !important;
	box-shadow: 0 10px 30px rgba(154, 123, 90, 0.18) !important;
	transform: translateY(-4px) !important;
}

html[data-theme="lena"] .course-title {
	font-family: 'Jost', sans-serif !important;
	color: #2E2925 !important;
	font-weight: 600 !important;
}

html[data-theme="lena"] .course-meta {
	font-family: 'Jost', sans-serif !important;
	color: #8A7E74 !important;
}

html[data-theme="lena"] .course-code {
	background: rgba(154, 123, 90, 0.1) !important;
	color: #9A7B5A !important;
	border-radius: 6px !important;
	font-weight: 600 !important;
}

html[data-theme="lena"] .course-delete-btn {
	background: rgba(221, 213, 200, 0.6) !important;
	color: #2E2925 !important;
}

html[data-theme="lena"] .course-delete-btn:hover {
	background: #D9534F !important;
	color: #ffffff !important;
}

html[data-theme="lena"] .course-card-add {
	background: rgba(255, 255, 255, 0.6) !important;
	border: 2px dashed #DDD5C8 !important;
	border-radius: 16px !important;
	color: #8A7E74 !important;
	font-family: 'Jost', sans-serif !important;
}

html[data-theme="lena"] .course-card-add:hover {
	border-color: #9A7B5A !important;
	color: #9A7B5A !important;
	background: rgba(154, 123, 90, 0.06) !important;
}

@media (prefers-color-scheme: dark) {
	html[data-theme="lena"] .courses-header h2 {
		color: #EAE0D2 !important;
	}
	html[data-theme="lena"] .course-card {
		background: #211C16 !important;
		border-color: #3A3127 !important;
		box-shadow: 0 6px 22px rgba(0, 0, 0, 0.4) !important;
		color: #EAE0D2 !important;
	}
	html[data-theme="lena"] .course-card:hover {
		border-color: #C4A882 !important;
		box-shadow: 0 10px 30px rgba(196, 168, 130, 0.2) !important;
	}
	html[data-theme="lena"] .course-title {
		color: #EAE0D2 !important;
	}
	html[data-theme="lena"] .course-meta {
		color: #A89B8C !important;
	}
	html[data-theme="lena"] .course-code {
		background: rgba(196, 168, 130, 0.15) !important;
		color: #C4A882 !important;
	}
	html[data-theme="lena"] .course-card-add {
		background: #18140F !important;
		border-color: #3A3127 !important;
		color: #A89B8C !important;
	}
	html[data-theme="lena"] .course-card-add:hover {
		border-color: #C4A882 !important;
		color: #C4A882 !important;
	}
}


/* ═══════════════════════════════════════════════════════════════
   3. LH NOVA THEME (Terminal Hacker & Rust Orange)
   ═══════════════════════════════════════════════════════════════ */
html[data-theme="lhnova"] {
	--bg: #0d1117;
	--surface: #161b22;
	--surface2: #21262d;
	--border: #30363d;
	--accent: #f78166;
	--accent2: #f78166;
	--accent-glow: rgba(247, 129, 102, 0.35);
	--accent-border: rgba(247, 129, 102, 0.4);
	--danger: #ff7b72;
	--success: #7ee787;
	--text: #c9d1d9;
	--muted: #8b949e;
	--radius: 6px;
	--code-bg: #010409;
	--font-mono: 'Courier New', Courier, monospace;
	--font-serif: 'Courier New', Courier, monospace;
}

html[data-theme="lhnova"] body {
	background-color: #0d1117 !important;
	color: #c9d1d9 !important;
	font-family: 'Courier New', Courier, monospace !important;
}

html[data-theme="lhnova"] body::before {
	display: none !important;
}

/* Custom Scrollbars */
html[data-theme="lhnova"] ::-webkit-scrollbar-track {
	background: #0d1117 !important;
}
html[data-theme="lhnova"] ::-webkit-scrollbar-thumb {
	background: #30363d !important;
	border-radius: 4px !important;
}
html[data-theme="lhnova"] ::-webkit-scrollbar-thumb:hover {
	background: #f78166 !important;
}

/* Headings */
html[data-theme="lhnova"] h1,
html[data-theme="lhnova"] h2,
html[data-theme="lhnova"] h3,
html[data-theme="lhnova"] .admin-hero-title,
html[data-theme="lhnova"] .card-title,
html[data-theme="lhnova"] .page-title,
html[data-theme="lhnova"] .month-title {
	font-family: 'Courier New', Courier, monospace !important;
	color: #f78166 !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
}

html[data-theme="lhnova"] h1 em,
html[data-theme="lhnova"] h2 em,
html[data-theme="lhnova"] .month-title em {
	color: #f78166 !important;
	font-style: normal !important;
}

/* Navbar */
html[data-theme="lhnova"] .navbar {
	background-color: #010409 !important;
	border-bottom: 2px solid #30363d !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.6) !important;
}

html[data-theme="lhnova"] .navbar-brand {
	font-family: 'Courier New', Courier, monospace !important;
	color: #c9d1d9 !important;
	letter-spacing: 2px !important;
	font-weight: 700;
}

html[data-theme="lhnova"] .navbar-brand em {
	color: #f78166 !important;
	font-style: normal;
}

html[data-theme="lhnova"] .nav-link {
	color: #8b949e !important;
	font-family: 'Courier New', Courier, monospace !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	font-size: 13px !important;
}

html[data-theme="lhnova"] .nav-link:hover,
html[data-theme="lhnova"] .nav-link.active {
	color: #f78166 !important;
	background-color: #161b22 !important;
	border: 1px solid #30363d !important;
}

html[data-theme="lhnova"] .nav-dropdown-menu {
	background-color: #161b22 !important;
	border: 2px solid #30363d !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.7) !important;
	border-radius: 6px !important;
}

html[data-theme="lhnova"] .nav-dropdown-item {
	color: #c9d1d9 !important;
	font-family: 'Courier New', Courier, monospace !important;
}

html[data-theme="lhnova"] .nav-dropdown-item:hover {
	background-color: #21262d !important;
	color: #f78166 !important;
}

/* LH Nova Nav Profile Button */
html[data-theme="lhnova"] .nav-profile-btn {
	border-color: rgba(247, 129, 102, 0.4) !important;
	color: #f78166 !important;
}
html[data-theme="lhnova"] .nav-profile-btn svg {
	stroke: #f78166 !important;
}
html[data-theme="lhnova"] .nav-profile-btn:hover {
	border-color: #f78166 !important;
	background: rgba(247, 129, 102, 0.15) !important;
	box-shadow: 0 0 12px rgba(247, 129, 102, 0.35) !important;
}

/* LH Nova Badges */
html[data-theme="lhnova"] .perm-badge.star {
	border-color: rgba(247, 129, 102, 0.4) !important;
	background: rgba(247, 129, 102, 0.12) !important;
	color: #f78166 !important;
}

/* Cards & Containers */
html[data-theme="lhnova"] .card,
html[data-theme="lhnova"] .month-progress-card,
html[data-theme="lhnova"] .admin-hero-card,
html[data-theme="lhnova"] .game-info-card,
html[data-theme="lhnova"] .course-card,
html[data-theme="lhnova"] .kpi-card,
html[data-theme="lhnova"] .board-wrapper,
html[data-theme="lhnova"] .game-modal {
	background-color: #161b22 !important;
	border: 2px solid #30363d !important;
	border-radius: 8px !important;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) !important;
	color: #c9d1d9 !important;
}

html[data-theme="lhnova"] .card:hover,
html[data-theme="lhnova"] .course-card:hover {
	border-color: #f78166 !important;
}

/* Buttons */
html[data-theme="lhnova"] .btn-primary-action,
html[data-theme="lhnova"] .btn-all,
html[data-theme="lhnova"] .button--primary,
html[data-theme="lhnova"] .tool-mode-btn.active {
	background-color: #f78166 !important;
	color: #000000 !important;
	border: none !important;
	border-radius: 4px !important;
	font-weight: bold !important;
	font-family: 'Courier New', Courier, monospace !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	box-shadow: 0 2px 8px rgba(247, 129, 102, 0.4) !important;
	transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

html[data-theme="lhnova"] .btn-primary-action:hover,
html[data-theme="lhnova"] .btn-all:hover,
html[data-theme="lhnova"] .button--primary:hover,
html[data-theme="lhnova"] button:hover {
	background-color: #e66b50 !important;
}

html[data-theme="lhnova"] .btn-secondary,
html[data-theme="lhnova"] .action-btn,
html[data-theme="lhnova"] .btn-today-action,
html[data-theme="lhnova"] .tool-mode-btn {
	background-color: #21262d !important;
	border: 1px solid #30363d !important;
	color: #c9d1d9 !important;
	border-radius: 4px !important;
	font-family: 'Courier New', Courier, monospace !important;
}

html[data-theme="lhnova"] .action-btn:hover,
html[data-theme="lhnova"] .btn-today-action:hover {
	border-color: #f78166 !important;
	color: #f78166 !important;
	background-color: rgba(247, 129, 102, 0.1) !important;
	box-shadow: 0 0 12px rgba(247, 129, 102, 0.35) !important;
}

html[data-theme="lhnova"] .btn-new-chat {
	background-color: #21262d !important;
	border: 1px solid #30363d !important;
	color: #f78166 !important;
	border-radius: 4px !important;
	font-family: 'Courier New', Courier, monospace !important;
	box-shadow: none !important;
}

html[data-theme="lhnova"] .btn-new-chat:hover {
	background-color: rgba(247, 129, 102, 0.15) !important;
	border-color: #f78166 !important;
	color: #f78166 !important;
	box-shadow: 0 0 12px rgba(247, 129, 102, 0.35) !important;
}

html[data-theme="lhnova"] .conv-item.active {
	background-color: rgba(247, 129, 102, 0.12) !important;
	border-color: rgba(247, 129, 102, 0.45) !important;
	color: #c9d1d9 !important;
	box-shadow: none !important;
}

/* Inputs */
html[data-theme="lhnova"] input,
html[data-theme="lhnova"] select,
html[data-theme="lhnova"] textarea {
	background-color: #0d1117 !important;
	border: 1px solid #30363d !important;
	color: #c9d1d9 !important;
	border-radius: 4px !important;
	font-family: 'Courier New', Courier, monospace !important;
}

html[data-theme="lhnova"] input:focus,
html[data-theme="lhnova"] textarea:focus {
	border-color: #f78166 !important;
}

/* Tables */
html[data-theme="lhnova"] .data-table {
	background: #161b22 !important;
	border: 1px solid #30363d !important;
}

html[data-theme="lhnova"] .data-table th {
	background-color: #010409 !important;
	color: #8b949e !important;
	border-bottom: 1px solid #30363d !important;
	font-family: 'Courier New', Courier, monospace !important;
}

html[data-theme="lhnova"] .data-table td {
	border-bottom: 1px solid #30363d !important;
	color: #c9d1d9 !important;
}

/* Badges & Progress bar */
html[data-theme="lhnova"] .points-badge,
html[data-theme="lhnova"] .stat-pill {
	background: rgba(247, 129, 102, 0.12) !important;
	border: 1px solid rgba(247, 129, 102, 0.4) !important;
	color: #f78166 !important;
	font-family: 'Courier New', Courier, monospace !important;
}

html[data-theme="lhnova"] .progress-bar-track {
	background: #010409 !important;
	border: 1px solid #30363d !important;
}

html[data-theme="lhnova"] .progress-bar-fill {
	background: #f78166 !important;
	box-shadow: 0 0 10px rgba(247, 129, 102, 0.4) !important;
}

/* Games Grids */
html[data-theme="lhnova"] .sudoku-grid,
html[data-theme="lhnova"] .minesweeper-grid,
html[data-theme="lhnova"] .meowdoku-grid {
	background: #010409 !important;
	border-color: #30363d !important;
}

html[data-theme="lhnova"] .sudoku-cell,
html[data-theme="lhnova"] .ms-cell {
	background: #161b22 !important;
	color: #c9d1d9 !important;
	border-color: #30363d !important;
	font-family: 'Courier New', Courier, monospace !important;
}

html[data-theme="lhnova"] .ms-cell.revealed {
	background: #0d1117 !important;
}

html[data-theme="lhnova"] .sudoku-cell.user-filled {
	color: #f78166 !important;
}

html[data-theme="lhnova"] .sudoku-cell.cross-highlight {
	background: rgba(247, 129, 102, 0.09) !important;
}

html[data-theme="lhnova"] .sudoku-cell.same-num-highlight {
	background: rgba(247, 129, 102, 0.25) !important;
	color: #ffffff !important;
	font-weight: 700 !important;
}

html[data-theme="lhnova"] .sudoku-cell.selected {
	background: rgba(247, 129, 102, 0.25) !important;
	outline: 2px solid #f78166 !important;
	outline-offset: -2px;
	z-index: 2;
}

/* LH Nova Calendar Modal */
html[data-theme="lhnova"] .cal-day-cell.cal-gray {
	background: #161b22 !important;
	border: 1px solid #30363d !important;
	color: #8b949e !important;
	font-family: 'Courier New', Courier, monospace !important;
}
html[data-theme="lhnova"] .cal-day-cell.cal-gray:hover:not(.cal-disabled) {
	border-color: #f78166 !important;
	background: #21262d !important;
	color: #f78166 !important;
}
html[data-theme="lhnova"] .cal-day-cell.cal-current {
	outline: 2px solid #f78166 !important;
	box-shadow: 0 0 10px rgba(247, 129, 102, 0.4) !important;
}
html[data-theme="lhnova"] .cal-nav-btn,
html[data-theme="lhnova"] .cal-today-btn {
	background: #161b22 !important;
	border: 1px solid #30363d !important;
	color: #c9d1d9 !important;
	font-family: 'Courier New', Courier, monospace !important;
}
html[data-theme="lhnova"] .cal-nav-btn:hover,
html[data-theme="lhnova"] .cal-today-btn:hover {
	border-color: #f78166 !important;
	color: #f78166 !important;
}
html[data-theme="lhnova"] .swatch-uncompleted {
	background: #21262d !important;
	border: 1px solid #30363d !important;
}
html[data-theme="lhnova"] .swatch-current {
	background: #f78166 !important;
	box-shadow: 0 0 6px rgba(247, 129, 102, 0.5) !important;
}

html[data-theme="lhnova"] .badge-today-pill,
html[data-theme="lhnova"] .btn-jump-today {
	background-color: rgba(247, 129, 102, 0.15) !important;
	border: 1px solid rgba(247, 129, 102, 0.4) !important;
	color: #f78166 !important;
}

html[data-theme="lhnova"] .btn-jump-today:hover {
	background-color: rgba(247, 129, 102, 0.25) !important;
	border-color: #f78166 !important;
	box-shadow: 0 0 10px rgba(247, 129, 102, 0.35) !important;
}

html[data-theme="lhnova"] .user-avatar-mini,
html[data-theme="lhnova"] .avatar,
html[data-theme="lhnova"] .admin-user-avatar {
	background-color: rgba(247, 129, 102, 0.15) !important;
	border: 1px solid rgba(247, 129, 102, 0.4) !important;
	color: #f78166 !important;
	box-shadow: none !important;
}

html[data-theme="lhnova"] .keypad-btn {
	background: #21262d !important;
	color: #f78166 !important;
	border: 1px solid #30363d !important;
	font-family: 'Courier New', Courier, monospace !important;
}

/* Léna Chat */
html[data-theme="lhnova"] .chat-container {
	background-color: #161b22 !important;
	border: 2px solid #30363d !important;
}

html[data-theme="lhnova"] .chat-sidebar {
	background: #010409 !important;
	border-right: 2px solid #30363d !important;
}

html[data-theme="lhnova"] .chat-convo-item.active {
	background: #21262d !important;
	border: 1px solid #f78166 !important;
	color: #f78166 !important;
}

html[data-theme="lhnova"] .chat-bubble.bot {
	background-color: #21262d !important;
	border: 1px solid #30363d !important;
	color: #e6edf3 !important;
}

html[data-theme="lhnova"] .chat-bubble.user {
	background-color: #1f6feb !important;
	color: #ffffff !important;
}

html[data-theme="lhnova"] .input-area {
	background-color: #010409 !important;
	border-top: 2px solid #30363d !important;
}

/* Courses Cards */
html[data-theme="lhnova"] .courses-header h2 {
	font-family: 'Courier New', Courier, monospace !important;
	color: #f78166 !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
}

html[data-theme="lhnova"] .course-card {
	background: #161b22 !important;
	border: 1px solid #30363d !important;
	border-radius: 6px !important;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.6) !important;
	color: #c9d1d9 !important;
	transition: all 0.2s ease !important;
}

html[data-theme="lhnova"] .course-card:hover {
	border-color: #f78166 !important;
	box-shadow: 0 8px 26px rgba(247, 129, 102, 0.22) !important;
	transform: translateY(-4px) !important;
}

html[data-theme="lhnova"] .course-title {
	font-family: 'Courier New', Courier, monospace !important;
	color: #f78166 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	font-weight: 700 !important;
}

html[data-theme="lhnova"] .course-meta {
	font-family: 'Courier New', Courier, monospace !important;
	color: #8b949e !important;
}

html[data-theme="lhnova"] .course-code {
	background: #010409 !important;
	color: #c9d1d9 !important;
	border: 1px solid #30363d !important;
	border-radius: 4px !important;
	font-family: 'Courier New', Courier, monospace !important;
}

html[data-theme="lhnova"] .course-delete-btn {
	background: rgba(48, 54, 61, 0.7) !important;
	color: #c9d1d9 !important;
}

html[data-theme="lhnova"] .course-delete-btn:hover {
	background: #ff7b72 !important;
	color: #ffffff !important;
}

html[data-theme="lhnova"] .course-card-add {
	background: #0d1117 !important;
	border: 2px dashed #30363d !important;
	border-radius: 6px !important;
	color: #8b949e !important;
	font-family: 'Courier New', Courier, monospace !important;
}

html[data-theme="lhnova"] .course-card-add:hover {
	border-color: #f78166 !important;
	color: #f78166 !important;
	background: rgba(247, 129, 102, 0.05) !important;
}

@media (max-width: 768px) {
	.nav-dropdown-menu {
		display: contents !important;
		background: transparent !important;
		border: none !important;
		box-shadow: none !important;
	}

	html[data-theme="frylabs"] .nav-dropdown-item {
		color: #f2f2f2 !important;
		border-radius: 4px !important;
		font-weight: 600 !important;
	}

	html[data-theme="frylabs"] .nav-dropdown-item:hover,
	html[data-theme="frylabs"] .nav-dropdown-item.active {
		background-color: #393939 !important;
		color: #f2cb05 !important;
		border: 1px solid transparent !important;
	}

	html[data-theme="lena"] .nav-dropdown-item {
		color: #2E2925 !important;
		font-family: 'Jost', sans-serif !important;
	}

	html[data-theme="lena"] .nav-dropdown-item:hover,
	html[data-theme="lena"] .nav-dropdown-item.active {
		background-color: rgba(154, 123, 90, 0.12) !important;
		color: #9A7B5A !important;
	}

	html[data-theme="lhnova"] .nav-dropdown-item {
		color: #8b949e !important;
		font-family: 'Courier New', Courier, monospace !important;
		text-transform: uppercase !important;
		letter-spacing: 1px !important;
		font-size: 11px !important;
	}

	html[data-theme="lhnova"] .nav-dropdown-item:hover,
	html[data-theme="lhnova"] .nav-dropdown-item.active {
		color: #f78166 !important;
		background-color: #161b22 !important;
		border: 1px solid #30363d !important;
	}
}

/* ═══════════════════════════════════════════════════════════════
   Custom Theme Scrollbars
   ═══════════════════════════════════════════════════════════════ */
html[data-theme="frylabs"] ::-webkit-scrollbar-track {
	background: #191919;
}
html[data-theme="frylabs"] ::-webkit-scrollbar-thumb {
	background: #393939;
	border-color: rgba(242, 203, 5, 0.2);
}
html[data-theme="frylabs"] ::-webkit-scrollbar-thumb:hover {
	background: #4f4f4f;
}
html[data-theme="frylabs"] pre::-webkit-scrollbar-thumb {
	background: rgba(242, 203, 5, 0.4);
}
html[data-theme="frylabs"] * {
	scrollbar-color: #393939 #191919;
}

html[data-theme="lena"] ::-webkit-scrollbar-track {
	background: #f1f3f5;
}
html[data-theme="lena"] ::-webkit-scrollbar-thumb {
	background: #ced4da;
	border-color: rgba(0, 0, 0, 0.05);
}
html[data-theme="lena"] ::-webkit-scrollbar-thumb:hover {
	background: #adb5bd;
}
html[data-theme="lena"] pre::-webkit-scrollbar-thumb {
	background: rgba(154, 123, 90, 0.4);
}
html[data-theme="lena"] * {
	scrollbar-color: #ced4da #f1f3f5;
}

html[data-theme="lhnova"] ::-webkit-scrollbar-track {
	background: #0b0f19;
}
html[data-theme="lhnova"] ::-webkit-scrollbar-thumb {
	background: #1e293b;
	border-color: rgba(96, 165, 250, 0.2);
}
html[data-theme="lhnova"] ::-webkit-scrollbar-thumb:hover {
	background: #334155;
}
html[data-theme="lhnova"] pre::-webkit-scrollbar-thumb {
	background: rgba(96, 165, 250, 0.4);
}
html[data-theme="lhnova"] * {
	scrollbar-color: #1e293b #0b0f19;
}