/* ==========================================
   CUSTOM THEMES
   Minecraft | LEGO | Batman | Spider-Man
   ========================================== */

/* ==========================================
   THEME SLIDER SELECTOR UI
   ========================================== */
.theme-selector-section { padding: 8px 0; }
.theme-selector-title { display: block; font-size: 0.78rem; font-weight: 700; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 10px; padding: 0 16px; }

.theme-slider-wrap { position: relative; overflow: hidden; margin: 0 -8px; padding: 0 8px; }
.theme-slider {
    display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory;
    padding: 6px 8px 10px; -webkit-overflow-scrolling: touch; scrollbar-width: none;
}
.theme-slider::-webkit-scrollbar { display: none; }

.theme-slide {
    display: flex; flex-direction: column; align-items: center; gap: 6px;
    padding: 10px 8px; background: rgba(255,255,255,0.03); border: 2px solid transparent;
    border-radius: 14px; cursor: pointer; transition: all 0.25s ease;
    min-width: 72px; flex-shrink: 0; scroll-snap-align: center;
    -webkit-tap-highlight-color: transparent;
}
.theme-slide:hover { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.1); }
.theme-slide.active { border-color: var(--primary); background: rgba(14,165,233,0.1); box-shadow: 0 0 12px rgba(14,165,233,0.15); }

.theme-preview {
    width: 44px; height: 44px; border-radius: 12px; border: 2px solid rgba(255,255,255,0.1);
    transition: all 0.25s ease; box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
.theme-slide:hover .theme-preview { transform: scale(1.08); }
.theme-slide.active .theme-preview { border-color: var(--primary); box-shadow: 0 0 12px rgba(14,165,233,0.2); }

.theme-slide-name { font-size: 0.68rem; color: var(--text-secondary); font-weight: 600; white-space: nowrap; }
.theme-slide.active .theme-slide-name { color: var(--primary-light); }

/* Preview swatches */
.theme-prev-default { background: linear-gradient(135deg, #0a1628 50%, #0ea5e9 50%); }
.theme-prev-academia { background: linear-gradient(135deg, #09090b 50%, #3b82f6 50%); }
.theme-prev-minecraft { background: linear-gradient(135deg, #5d8c3e 50%, #6B4226 50%); border-radius: 2px !important; }
.theme-prev-lego { background: linear-gradient(135deg, #d01012 33%, #f6ec35 33%, #f6ec35 66%, #0057a6 66%); }
.theme-prev-batman { background: linear-gradient(135deg, #0a0a0a 50%, #ffc107 50%); }
.theme-prev-spiderman { background: linear-gradient(135deg, #e23636 50%, #1565c0 50%); }

/* Slider per-theme adjustments */
body.theme-lego .theme-slide:hover { background: rgba(0,0,0,0.04); }
body.theme-lego .theme-slide.active { border-color: #d01012; background: rgba(208,16,18,0.06); box-shadow: 0 0 12px rgba(208,16,18,0.1); }
body.theme-lego .theme-slide.active .theme-slide-name { color: #d01012; }
body.theme-lego .theme-preview { border-color: #d8d0b8; }
body.theme-lego .theme-selector-title { color: #7a7a7a; }
body.theme-lego .theme-slide { background: rgba(0,0,0,0.02); }

body.theme-batman .theme-slide.active { border-color: #ffc107; background: rgba(255,193,7,0.06); box-shadow: 0 0 12px rgba(255,193,7,0.1); }
body.theme-batman .theme-slide.active .theme-slide-name { color: #ffc107; }
body.theme-batman .theme-preview { border-color: #333; }

body.theme-spiderman .theme-slide.active { border-color: #e23636; background: rgba(226,54,54,0.06); box-shadow: 0 0 12px rgba(226,54,54,0.1); }
body.theme-spiderman .theme-slide.active .theme-slide-name { color: #ff5252; }
body.theme-spiderman .theme-preview { border-color: #1e3a6e; }

body.theme-minecraft .theme-slide.active { border-color: #5d8c3e; background: rgba(93,140,62,0.1); box-shadow: none; }
body.theme-minecraft .theme-slide.active .theme-slide-name { color: #7ec850; }
body.theme-minecraft .theme-preview { border-color: #555; }
body.theme-minecraft .theme-slide { border-radius: 0 !important; }

body.theme-academia .theme-slide.active { border-color: #6366f1; background: rgba(99,102,241,0.1); box-shadow: 0 0 12px rgba(99,102,241,0.2); }
body.theme-academia .theme-slide.active .theme-slide-name { color: #818cf8; }
body.theme-academia .theme-preview { border-color: #374151; }

/* ==========================================
   MINECRAFT THEME
   ========================================== */

/* 1. CSS Variables */
body.theme-minecraft {
    --primary: #5d8c3e;
    --primary-dark: #3b6e1f;
    --primary-light: #7ec850;
    --secondary: #8b6914;
    --secondary-dark: #6b4f0e;
    --danger: #c0392b;
    --warning: #d4a017;
    --success: #5d8c3e;

    --bg-dark: #2c2c2c;
    --bg-card: #3b3b3b;
    --bg-card-hover: #4a4a4a;
    --bg-sidebar: #333333;

    --text-primary: #e8e8e8;
    --text-secondary: #b0b0b0;
    --text-muted: #808080;
    --text-reading: #d4d4d4;

    --border-color: #555555;
    --border-radius: 2px;
    --border-radius-sm: 0px;
    --border-radius-lg: 2px;

    --shadow-sm: 2px 2px 0 rgba(0, 0, 0, 0.5);
    --shadow-md: 3px 3px 0 rgba(0, 0, 0, 0.5);
    --shadow-lg: 4px 4px 0 rgba(0, 0, 0, 0.6);
    --shadow-glow: 0 0 8px rgba(93, 140, 62, 0.5);

    --surface-1: #3b3b3b;
    --surface-2: #333333;
    --surface-border: #555555;
    --surface-shadow: 3px 3px 0 rgba(0, 0, 0, 0.4);

    font-family: 'Courier New', monospace !important;
    image-rendering: pixelated;
}

/* 2. Body background - grid pattern like Minecraft blocks */
body.theme-minecraft {
    background: #2c2c2c !important;
    background-image:
        repeating-linear-gradient(0deg, transparent, transparent 31px, rgba(0,0,0,0.15) 31px, rgba(0,0,0,0.15) 32px),
        repeating-linear-gradient(90deg, transparent, transparent 31px, rgba(0,0,0,0.15) 31px, rgba(0,0,0,0.15) 32px) !important;
    background-size: 32px 32px !important;
}

/* 3. Global font and border-radius */
body.theme-minecraft * {
    font-family: 'Courier New', monospace !important;
    border-radius: 2px !important;
}

/* 4. Top Navbar */
body.theme-minecraft .top-navbar {
    background: #4a2d10 !important;
    border-bottom: 4px solid #3b2008 !important;
    box-shadow: 0 4px 0 rgba(0,0,0,0.5) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.theme-minecraft .top-navbar::after {
    display: none !important;
}

/* 5. Navbar brand */
body.theme-minecraft .navbar-brand .logo-text {
    background: none !important;
    -webkit-text-fill-color: #7ec850 !important;
    text-shadow: 2px 2px 0 #2d5016 !important;
    font-family: 'Courier New', monospace !important;
}

body.theme-minecraft .navbar-brand .version-badge {
    background: #5d8c3e !important;
    color: #fff !important;
    border: 2px solid #3b6e1f !important;
    box-shadow: 2px 2px 0 rgba(0,0,0,0.5) !important;
    border-radius: 0px !important;
}

/* 6. Navbar nav buttons */
body.theme-minecraft .navbar-nav .nav-btn {
    background: rgba(93, 140, 62, 0.15) !important;
    border: 2px solid #555 !important;
    border-radius: 0px !important;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5) !important;
    color: #b0b0b0 !important;
}

body.theme-minecraft .navbar-nav .nav-btn:hover {
    background: rgba(93, 140, 62, 0.3) !important;
    border-color: #7ec850 !important;
    color: #7ec850 !important;
    transform: none !important;
    box-shadow: 2px 2px 0 rgba(0,0,0,0.5) !important;
}

body.theme-minecraft .navbar-nav .nav-btn.active {
    background: #5d8c3e !important;
    border-color: #7ec850 !important;
    color: white !important;
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 2px 2px 0 rgba(0,0,0,0.5) !important;
}

/* 7. Navbar search */
body.theme-minecraft .navbar-search #global-search {
    background: #333 !important;
    border: 2px solid #555 !important;
    border-radius: 0px !important;
    color: #e8e8e8 !important;
    box-shadow: inset 2px 2px 0 rgba(0,0,0,0.3) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.theme-minecraft .navbar-search #global-search:focus {
    border-color: #7ec850 !important;
    box-shadow: inset 2px 2px 0 rgba(0,0,0,0.3), 0 0 0 2px rgba(93,140,62,0.3) !important;
}

/* 8. Profile button */
body.theme-minecraft .profile-btn {
    background: #5d8c3e !important;
    border: 2px solid #3b6e1f !important;
    border-radius: 0px !important;
    box-shadow: 2px 2px 0 rgba(0,0,0,0.5) !important;
    color: white !important;
}

body.theme-minecraft .profile-btn:hover {
    background: #7ec850 !important;
}

/* 9. Sidebar */
body.theme-minecraft .sidebar {
    background: #333333 !important;
    border-right: 4px solid #555 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.theme-minecraft .lesson-selector h3 {
    color: #7ec850 !important;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5) !important;
    border-bottom: 2px solid #555 !important;
}

/* 10. Lesson items */
body.theme-minecraft .lesson-item {
    border: 2px solid transparent !important;
    border-radius: 0px !important;
    color: #b0b0b0 !important;
}

body.theme-minecraft .lesson-item:hover {
    background: rgba(93, 140, 62, 0.1) !important;
    border-color: #555 !important;
}

body.theme-minecraft .lesson-item.active {
    background: rgba(93, 140, 62, 0.25) !important;
    border-left: 4px solid #7ec850 !important;
    color: #7ec850 !important;
}

body.theme-minecraft .lesson-item.completed {
    color: #5d8c3e !important;
    border-left: 4px solid #3b6e1f !important;
}

/* 11. Mini progress */
body.theme-minecraft .mini-progress {
    background: #2c2c2c !important;
    border: 1px solid #555 !important;
    border-radius: 0px !important;
}

body.theme-minecraft .mini-progress-fill {
    background: #5d8c3e !important;
    box-shadow: none !important;
    border-radius: 0px !important;
}

/* 12. Backup controls */
body.theme-minecraft .backup-controls .icon-btn {
    background: #3b3b3b !important;
    border: 2px solid #555 !important;
    border-radius: 0px !important;
    color: #b0b0b0 !important;
    box-shadow: 2px 2px 0 rgba(0,0,0,0.4) !important;
}

body.theme-minecraft .backup-controls .icon-btn:hover {
    background: #4a4a4a !important;
    border-color: #7ec850 !important;
    color: #7ec850 !important;
}

/* 13. View header */
body.theme-minecraft .view-header h1 {
    background: none !important;
    -webkit-text-fill-color: #7ec850 !important;
    text-shadow: 2px 2px 0 rgba(0,0,0,0.5) !important;
    font-family: 'Courier New', monospace !important;
}

body.theme-minecraft .view-header p {
    color: #b0b0b0 !important;
}

/* 14. Dashboard hero compact */
body.theme-minecraft .dashboard-hero-compact {
    background: #3b3b3b !important;
    border: 3px solid #555 !important;
    box-shadow: 3px 3px 0 rgba(0,0,0,0.4) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.theme-minecraft .dashboard-hero-compact::before {
    display: none !important;
}

/* 15. Stat pills */
body.theme-minecraft .stat-pill {
    border: 2px solid #555 !important;
    background: #333 !important;
    border-radius: 0px !important;
    box-shadow: 2px 2px 0 rgba(0,0,0,0.3) !important;
    color: #e8e8e8 !important;
}

body.theme-minecraft .streak-pill {
    border: 2px solid #d4a017 !important;
    background: rgba(212, 160, 23, 0.15) !important;
    border-radius: 0px !important;
    color: #FCDB05 !important;
}

body.theme-minecraft .stat-pill .highlight,
body.theme-minecraft .highlight {
    color: #7ec850 !important;
}

/* 16. Next step card */
body.theme-minecraft .next-step-card {
    background: #3b3b3b !important;
    border: 3px solid #555 !important;
    box-shadow: 3px 3px 0 rgba(0,0,0,0.4) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.theme-minecraft .next-step-card::before {
    display: none !important;
}

body.theme-minecraft .next-step-badge {
    background: #5d8c3e !important;
    border: 2px solid #3b6e1f !important;
    border-radius: 0px !important;
    color: white !important;
    box-shadow: 2px 2px 0 rgba(0,0,0,0.4) !important;
}

/* 17. Study path hero */
body.theme-minecraft .study-path-hero {
    background: #3b3b3b !important;
    border: 3px solid #555 !important;
    box-shadow: 3px 3px 0 rgba(0,0,0,0.4) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.theme-minecraft .study-path-hero::after {
    display: none !important;
}

body.theme-minecraft .study-path-title h2 {
    color: #7ec850 !important;
    text-shadow: 2px 2px 0 rgba(0,0,0,0.5) !important;
    background: none !important;
    -webkit-text-fill-color: #7ec850 !important;
}

body.theme-minecraft .study-path-subtitle {
    color: #b0b0b0 !important;
}

/* 18. Global progress circle */
body.theme-minecraft .global-progress-circle {
    filter: none !important;
}

body.theme-minecraft .global-progress-circle .circle-bg {
    stroke: #555 !important;
}

body.theme-minecraft .global-progress-circle .path-progress {
    stroke: #5d8c3e !important;
    filter: none !important;
}

body.theme-minecraft .global-progress-circle .percentage {
    fill: #7ec850 !important;
    font-family: 'Courier New', monospace !important;
}

/* 19. Phase cards */
body.theme-minecraft .phase {
    border: 3px solid #555 !important;
    border-left: 6px solid #5d8c3e !important;
    background: #3b3b3b !important;
    border-radius: 0px !important;
    box-shadow: 3px 3px 0 rgba(0,0,0,0.3) !important;
}

body.theme-minecraft .phase.active-phase {
    border-left-color: #7ec850 !important;
    background: #3b3b3b !important;
    box-shadow: 3px 3px 0 rgba(0,0,0,0.4) !important;
}

body.theme-minecraft .phase.locked {
    opacity: 0.5 !important;
    border-left-color: #555 !important;
}

body.theme-minecraft .phase.collapsed {
    border-left-color: #555 !important;
}

/* 20. Phase info */
body.theme-minecraft .phase-info h3 {
    color: #e8e8e8 !important;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5) !important;
}

body.theme-minecraft .phase-progress-text {
    color: #7ec850 !important;
    font-family: 'Courier New', monospace !important;
}

/* 21. Steps */
body.theme-minecraft .step {
    border: 2px solid #555 !important;
    background: #333 !important;
    border-radius: 0px !important;
}

body.theme-minecraft .step:hover:not(.locked) {
    border-color: #7ec850 !important;
    background: rgba(93, 140, 62, 0.15) !important;
    box-shadow: 2px 2px 0 rgba(0,0,0,0.4) !important;
    transform: none !important;
}

body.theme-minecraft .step.completed {
    border-left: 4px solid #5d8c3e !important;
    background: rgba(93, 140, 62, 0.08) !important;
}

body.theme-minecraft .step.active {
    border-color: #7ec850 !important;
    border-left: 4px solid #7ec850 !important;
    background: rgba(93, 140, 62, 0.12) !important;
    box-shadow: 2px 2px 0 rgba(0,0,0,0.4) !important;
}

body.theme-minecraft .step.locked {
    opacity: 0.4 !important;
    border-color: #444 !important;
}

/* 22. Step details */
body.theme-minecraft .step-icon {
    background: #5d8c3e !important;
    border: 2px solid #3b6e1f !important;
    border-radius: 0px !important;
    color: white !important;
    box-shadow: 2px 2px 0 rgba(0,0,0,0.4) !important;
}

body.theme-minecraft .step-title {
    color: #e8e8e8 !important;
}

body.theme-minecraft .step-desc {
    color: #808080 !important;
}

/* 23. Phase progress bar */
body.theme-minecraft .phase-progress-bar {
    background: #2c2c2c !important;
    border: 2px solid #555 !important;
    border-radius: 0px !important;
    overflow: hidden !important;
}

body.theme-minecraft .phase-progress-bar .fill {
    background: #5d8c3e !important;
    border-radius: 0px !important;
    box-shadow: none !important;
}

/* 24. Badges */
body.theme-minecraft .domain-badge {
    background: #4a2d10 !important;
    border: 2px solid #6b4f0e !important;
    border-radius: 0px !important;
    color: #BC9862 !important;
    box-shadow: 1px 1px 0 rgba(0,0,0,0.4) !important;
}

body.theme-minecraft .step-type-badge {
    background: rgba(93, 140, 62, 0.2) !important;
    border: 2px solid #5d8c3e !important;
    border-radius: 0px !important;
    color: #7ec850 !important;
}

/* 25. Action button compact */
body.theme-minecraft .action-btn-compact {
    background: #5d8c3e !important;
    border: 3px solid #3b6e1f !important;
    border-radius: 0px !important;
    color: white !important;
    box-shadow: 3px 3px 0 #2d5016 !important;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5) !important;
}

body.theme-minecraft .action-btn-compact:hover {
    background: #7ec850 !important;
    transform: translateY(-2px) !important;
    box-shadow: 3px 5px 0 #2d5016 !important;
}

/* 26. Quick actions compact */
body.theme-minecraft .quick-actions.compact {
    background: #3b3b3b !important;
    border: 3px solid #555 !important;
    box-shadow: 3px 3px 0 rgba(0,0,0,0.4) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.theme-minecraft .quick-actions.compact::before {
    display: none !important;
}

body.theme-minecraft .quick-actions.compact h3 {
    color: #7ec850 !important;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5) !important;
}

/* 27. Exam readiness compact */
body.theme-minecraft .exam-readiness-compact {
    background: #3b3b3b !important;
    border: 3px solid #555 !important;
    box-shadow: 3px 3px 0 rgba(0,0,0,0.4) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.theme-minecraft .exam-readiness-compact::before {
    display: none !important;
}

body.theme-minecraft .exam-readiness-compact h3 {
    color: #7ec850 !important;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5) !important;
}

body.theme-minecraft .readiness-score-mini {
    background: #333 !important;
    border: 2px solid #5d8c3e !important;
    border-radius: 0px !important;
    color: #7ec850 !important;
    box-shadow: 2px 2px 0 rgba(0,0,0,0.3) !important;
}

/* 28. Badges section compact */
body.theme-minecraft .badges-section-compact {
    background: #3b3b3b !important;
    border: 3px solid #555 !important;
    box-shadow: 3px 3px 0 rgba(0,0,0,0.4) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.theme-minecraft .badges-section-compact::before {
    display: none !important;
}

body.theme-minecraft .badges-section-compact h3 {
    color: #FCDB05 !important;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5) !important;
}

/* 29. Activity compact */
body.theme-minecraft .activity-compact {
    background: #3b3b3b !important;
    border: 3px solid #555 !important;
    box-shadow: 3px 3px 0 rgba(0,0,0,0.4) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.theme-minecraft .activity-compact::before {
    display: none !important;
}

body.theme-minecraft .activity-compact h3 {
    color: #7ec850 !important;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5) !important;
}

/* 30. Badge items */
body.theme-minecraft .badge-item {
    background: #333 !important;
    border: 2px solid #555 !important;
    border-radius: 0px !important;
    box-shadow: 2px 2px 0 rgba(0,0,0,0.3) !important;
    opacity: 0.5 !important;
}

body.theme-minecraft .badge-item.unlocked {
    opacity: 1 !important;
    border-color: #FCDB05 !important;
    background: rgba(252, 219, 5, 0.1) !important;
    box-shadow: 2px 2px 0 rgba(0,0,0,0.4), 0 0 6px rgba(252, 219, 5, 0.2) !important;
}

/* 31. Dashboard card */
body.theme-minecraft .dashboard-card {
    background: #3b3b3b !important;
    border: 3px solid #555 !important;
    box-shadow: 3px 3px 0 rgba(0,0,0,0.4) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-radius: 0px !important;
}

body.theme-minecraft .dashboard-card::before {
    display: none !important;
}

/* 32. Lesson tabs */
body.theme-minecraft .lesson-tabs {
    background: #333 !important;
    border-bottom: 3px solid #555 !important;
    border-radius: 0px !important;
}

body.theme-minecraft .lesson-tab {
    background: transparent !important;
    border: 2px solid transparent !important;
    border-radius: 0px !important;
    color: #808080 !important;
    border-bottom: none !important;
}

body.theme-minecraft .lesson-tab:hover {
    background: rgba(93, 140, 62, 0.1) !important;
    color: #b0b0b0 !important;
}

body.theme-minecraft .lesson-tab.active {
    background: #3b3b3b !important;
    border-color: #555 !important;
    border-bottom-color: #3b3b3b !important;
    color: #7ec850 !important;
    box-shadow: 2px -2px 0 rgba(0,0,0,0.2) !important;
}

/* 33. Study section */
body.theme-minecraft .study-section {
    border: 2px solid #555 !important;
    background: #3b3b3b !important;
    border-radius: 0px !important;
    margin-bottom: 8px !important;
}

body.theme-minecraft .section-header {
    background: #4a2d10 !important;
    border-bottom: 3px solid #3b2008 !important;
    border-radius: 0px !important;
    color: #BC9862 !important;
}

body.theme-minecraft .section-header h3 {
    color: #BC9862 !important;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5) !important;
}

body.theme-minecraft .section-content {
    background: #3b3b3b !important;
    color: #d4d4d4 !important;
}

/* 34. Concept card */
body.theme-minecraft .concept-card {
    background: #333 !important;
    border: 2px solid #555 !important;
    border-radius: 0px !important;
    box-shadow: 2px 2px 0 rgba(0,0,0,0.3) !important;
}

body.theme-minecraft .concept-card h4 {
    color: #7ec850 !important;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.3) !important;
}

body.theme-minecraft .concept-card p {
    color: #b0b0b0 !important;
}

/* 35. Definition item */
body.theme-minecraft .definition-item {
    background: #333 !important;
    border: 2px solid #555 !important;
    border-left: 4px solid #5d8c3e !important;
    border-radius: 0px !important;
}

body.theme-minecraft .definition-item strong {
    color: #7ec850 !important;
}

body.theme-minecraft .definition-item p {
    color: #b0b0b0 !important;
}

/* 36. Exam setup */
body.theme-minecraft .exam-setup {
    background: #3b3b3b !important;
    border: 3px solid #555 !important;
    box-shadow: 3px 3px 0 rgba(0,0,0,0.4) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-radius: 0px !important;
}

body.theme-minecraft .exam-setup::after {
    display: none !important;
}

body.theme-minecraft .exam-setup h2 {
    color: #7ec850 !important;
    text-shadow: 2px 2px 0 rgba(0,0,0,0.5) !important;
}

/* 37. Exam header */
body.theme-minecraft .exam-header {
    background: #4a2d10 !important;
    border-bottom: 3px solid #3b2008 !important;
    border-radius: 0px !important;
}

body.theme-minecraft .exam-info {
    color: #BC9862 !important;
}

body.theme-minecraft .exam-progress-fill {
    background: #5d8c3e !important;
    border-radius: 0px !important;
    box-shadow: none !important;
}

/* 38. Question container */
body.theme-minecraft .question-container {
    background: #3b3b3b !important;
    border: 3px solid #555 !important;
    box-shadow: 3px 3px 0 rgba(0,0,0,0.4) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-radius: 0px !important;
}

body.theme-minecraft .question-text {
    color: #e8e8e8 !important;
    font-family: 'Courier New', monospace !important;
}

/* 39. Options */
body.theme-minecraft .option {
    border: 2px solid #555 !important;
    background: #333 !important;
    border-radius: 0px !important;
    color: #e8e8e8 !important;
}

body.theme-minecraft .option:hover:not(.disabled) {
    border-color: #7ec850 !important;
    background: rgba(93, 140, 62, 0.15) !important;
    transform: none !important;
    box-shadow: 2px 2px 0 rgba(0,0,0,0.3) !important;
}

body.theme-minecraft .option.selected {
    border-color: #7ec850 !important;
    background: rgba(93, 140, 62, 0.2) !important;
    box-shadow: inset 0 0 0 1px #7ec850, 2px 2px 0 rgba(0,0,0,0.3) !important;
}

body.theme-minecraft .option.correct {
    border-color: #5d8c3e !important;
    background: rgba(93, 140, 62, 0.25) !important;
    box-shadow: inset 0 0 0 1px #5d8c3e, 2px 2px 0 rgba(0,0,0,0.3) !important;
}

body.theme-minecraft .option.incorrect {
    border-color: #c0392b !important;
    background: rgba(192, 57, 43, 0.2) !important;
    box-shadow: inset 0 0 0 1px #c0392b, 2px 2px 0 rgba(0,0,0,0.3) !important;
}

/* 40. Option letter */
body.theme-minecraft .option-letter {
    background: #5d8c3e !important;
    border: 2px solid #3b6e1f !important;
    border-radius: 0px !important;
    color: white !important;
    box-shadow: 2px 2px 0 rgba(0,0,0,0.4) !important;
}

body.theme-minecraft .option.correct .option-letter {
    background: #3b6e1f !important;
    border-color: #2d5016 !important;
}

body.theme-minecraft .option.incorrect .option-letter {
    background: #c0392b !important;
    border-color: #922b21 !important;
}

/* 41. Difficulty badge */
body.theme-minecraft .difficulty-badge {
    border: 2px solid #555 !important;
    border-radius: 0px !important;
    background: #333 !important;
    color: #b0b0b0 !important;
    box-shadow: 1px 1px 0 rgba(0,0,0,0.3) !important;
}

body.theme-minecraft .difficulty-easy,
body.theme-minecraft .difficulty-facil {
    background: rgba(93, 140, 62, 0.2) !important;
    border-color: #5d8c3e !important;
    color: #7ec850 !important;
}

body.theme-minecraft .difficulty-medium,
body.theme-minecraft .difficulty-medio {
    background: rgba(212, 160, 23, 0.2) !important;
    border-color: #d4a017 !important;
    color: #FCDB05 !important;
}

body.theme-minecraft .difficulty-hard,
body.theme-minecraft .difficulty-dificil {
    background: rgba(192, 57, 43, 0.2) !important;
    border-color: #c0392b !important;
    color: #FF0000 !important;
}

/* 42. Explanation */
body.theme-minecraft .explanation {
    background: #333 !important;
    border: 2px solid #555 !important;
    border-left: 4px solid #55FFFF !important;
    border-radius: 0px !important;
    color: #d4d4d4 !important;
    display: none;
}

body.theme-minecraft .explanation.show {
    display: block;
}

/* 43. Results card */
body.theme-minecraft .results-card {
    background: #3b3b3b !important;
    border: 3px solid #555 !important;
    box-shadow: 3px 3px 0 rgba(0,0,0,0.4) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-radius: 0px !important;
}

body.theme-minecraft .results-card::before {
    display: none !important;
}

body.theme-minecraft .results-score {
    color: #7ec850 !important;
    text-shadow: 2px 2px 0 rgba(0,0,0,0.5) !important;
    font-family: 'Courier New', monospace !important;
}

/* 44. Exam sim */
body.theme-minecraft .exam-sim-header {
    background: #4a2d10 !important;
    border-bottom: 3px solid #3b2008 !important;
    border-radius: 0px !important;
    color: #BC9862 !important;
}

body.theme-minecraft .exam-sim-question {
    background: #3b3b3b !important;
    border: 2px solid #555 !important;
    border-radius: 0px !important;
    color: #e8e8e8 !important;
}

body.theme-minecraft .exam-sim-footer {
    background: #333 !important;
    border-top: 3px solid #555 !important;
    border-radius: 0px !important;
}

/* 45. Flashcards */
body.theme-minecraft .flashcard {
    border-radius: 0px !important;
}

body.theme-minecraft .flashcard-inner {
    border-radius: 0px !important;
}

body.theme-minecraft .flashcard-front {
    border: 3px solid #555 !important;
    background: #3b3b3b !important;
    border-radius: 0px !important;
    color: #e8e8e8 !important;
    box-shadow: 3px 3px 0 rgba(0,0,0,0.4) !important;
}

body.theme-minecraft .flashcard-back {
    border: 3px solid #5d8c3e !important;
    background: #333 !important;
    border-radius: 0px !important;
    color: #d4d4d4 !important;
    box-shadow: 3px 3px 0 rgba(0,0,0,0.4) !important;
}

/* 46. Card label and hint */
body.theme-minecraft .card-label {
    background: #5d8c3e !important;
    border: 2px solid #3b6e1f !important;
    border-radius: 0px !important;
    color: white !important;
    box-shadow: 1px 1px 0 rgba(0,0,0,0.4) !important;
}

body.theme-minecraft .card-hint {
    color: #808080 !important;
    border: 1px solid #555 !important;
    background: #2c2c2c !important;
    border-radius: 0px !important;
}

/* 47. Deck card */
body.theme-minecraft .deck-card {
    background: #3b3b3b !important;
    border: 3px solid #555 !important;
    box-shadow: 3px 3px 0 rgba(0,0,0,0.4) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-radius: 0px !important;
}

body.theme-minecraft .deck-card:hover {
    border-color: #7ec850 !important;
    background: #4a4a4a !important;
    transform: none !important;
    box-shadow: 3px 3px 0 rgba(93, 140, 62, 0.3) !important;
}

/* 48. Anki buttons */
body.theme-minecraft .anki-btn {
    border: 3px solid #555 !important;
    border-radius: 0px !important;
    color: white !important;
    font-family: 'Courier New', monospace !important;
    box-shadow: 2px 2px 0 rgba(0,0,0,0.4) !important;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5) !important;
}

body.theme-minecraft .anki-btn:hover {
    transform: translateY(-2px) !important;
}

body.theme-minecraft .anki-btn:active {
    transform: translateY(2px) !important;
    box-shadow: 0px 0px 0 rgba(0,0,0,0.4) !important;
}

body.theme-minecraft .anki-again {
    background: #c0392b !important;
    border-color: #922b21 !important;
    box-shadow: 2px 2px 0 #7b241c !important;
}

body.theme-minecraft .anki-hard {
    background: #d4a017 !important;
    border-color: #8b6914 !important;
    box-shadow: 2px 2px 0 #6b4f0e !important;
}

body.theme-minecraft .anki-good {
    background: #5d8c3e !important;
    border-color: #3b6e1f !important;
    box-shadow: 2px 2px 0 #2d5016 !important;
}

body.theme-minecraft .anki-easy {
    background: #2CB5A6 !important;
    border-color: #1e8a7e !important;
    box-shadow: 2px 2px 0 #156d63 !important;
}

/* 49. Case card */
body.theme-minecraft .case-card {
    background: #3b3b3b !important;
    border: 3px solid #555 !important;
    box-shadow: 3px 3px 0 rgba(0,0,0,0.4) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-radius: 0px !important;
}

body.theme-minecraft .case-card::before {
    display: none !important;
}

body.theme-minecraft .case-card:hover {
    border-color: #7ec850 !important;
    transform: none !important;
    box-shadow: 3px 3px 0 rgba(93, 140, 62, 0.3) !important;
}

/* 50. Cases header badge */
body.theme-minecraft .cases-header-badge {
    background: #5d8c3e !important;
    border: 2px solid #3b6e1f !important;
    border-radius: 0px !important;
    color: white !important;
    box-shadow: 2px 2px 0 rgba(0,0,0,0.4) !important;
}

/* 51. Filter controls */
body.theme-minecraft .filter-controls,
body.theme-minecraft .filter-bar {
    background: #333 !important;
    border: 2px solid #555 !important;
    border-radius: 0px !important;
}

body.theme-minecraft .filter-controls select,
body.theme-minecraft .filter-bar select {
    background: #2c2c2c !important;
    border: 2px solid #555 !important;
    border-radius: 0px !important;
    color: #e8e8e8 !important;
    box-shadow: inset 2px 2px 0 rgba(0,0,0,0.2) !important;
}

body.theme-minecraft .filter-controls select:focus,
body.theme-minecraft .filter-bar select:focus {
    border-color: #7ec850 !important;
}

/* 52. PBQ card */
body.theme-minecraft .pbq-card {
    background: #3b3b3b !important;
    border: 3px solid #555 !important;
    box-shadow: 3px 3px 0 rgba(0,0,0,0.4) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-radius: 0px !important;
}

body.theme-minecraft .pbq-card::before {
    display: none !important;
}

body.theme-minecraft .pbq-card:hover {
    border-color: #7ec850 !important;
    transform: none !important;
    box-shadow: 3px 3px 0 rgba(93, 140, 62, 0.3) !important;
}

/* 53. PBQ workspace */
body.theme-minecraft .pbq-workspace {
    background: #2c2c2c !important;
    border: 3px solid #555 !important;
    border-radius: 0px !important;
    box-shadow: inset 2px 2px 0 rgba(0,0,0,0.3) !important;
}

/* 54. Note card */
body.theme-minecraft .note-card {
    background: #3b3b3b !important;
    border: 3px solid #555 !important;
    box-shadow: 3px 3px 0 rgba(0,0,0,0.4) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-radius: 0px !important;
}

body.theme-minecraft .note-card:hover {
    border-color: #7ec850 !important;
    transform: none !important;
    box-shadow: 3px 3px 0 rgba(93, 140, 62, 0.3) !important;
}

/* 55. Notes header bar */
body.theme-minecraft .notes-header-bar {
    background: #333 !important;
    border-bottom: 3px solid #555 !important;
    border-radius: 0px !important;
}

body.theme-minecraft .notes-action-btn {
    background: #5d8c3e !important;
    border: 2px solid #3b6e1f !important;
    border-radius: 0px !important;
    color: white !important;
    box-shadow: 2px 2px 0 rgba(0,0,0,0.4) !important;
}

body.theme-minecraft .notes-action-btn:hover {
    background: #7ec850 !important;
}

/* 56. Chat panel */
body.theme-minecraft .chat-panel {
    border: 3px solid #555 !important;
    border-radius: 0px !important;
    background: #3b3b3b !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.theme-minecraft .chat-header {
    background: #4a2d10 !important;
    border-bottom: 3px solid #3b2008 !important;
    border-radius: 0px !important;
}

body.theme-minecraft .chat-title {
    color: #BC9862 !important;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5) !important;
}

body.theme-minecraft .model-indicator {
    background: #5d8c3e !important;
    border: 2px solid #3b6e1f !important;
    border-radius: 0px !important;
    color: white !important;
}

/* 57. Chat messages */
body.theme-minecraft .chat-messages {
    background: #2c2c2c !important;
    background-image:
        repeating-linear-gradient(0deg, transparent, transparent 31px, rgba(0,0,0,0.08) 31px, rgba(0,0,0,0.08) 32px),
        repeating-linear-gradient(90deg, transparent, transparent 31px, rgba(0,0,0,0.08) 31px, rgba(0,0,0,0.08) 32px) !important;
    background-size: 32px 32px !important;
}

body.theme-minecraft .chat-welcome {
    color: #808080 !important;
}

body.theme-minecraft .welcome-icon {
    background: #5d8c3e !important;
    border: 2px solid #3b6e1f !important;
    border-radius: 0px !important;
    color: white !important;
}

/* 58. Message bubbles */
body.theme-minecraft .message-bubble {
    background: #3b3b3b !important;
    border: 2px solid #555 !important;
    border-radius: 0px !important;
    color: #d4d4d4 !important;
    box-shadow: 2px 2px 0 rgba(0,0,0,0.3) !important;
}

body.theme-minecraft .user .message-bubble {
    background: #4a2d10 !important;
    border-color: #6b4f0e !important;
    color: #BC9862 !important;
}

/* 59. Chat input */
body.theme-minecraft .chat-input-container {
    background: #333 !important;
    border-top: 3px solid #555 !important;
    border-radius: 0px !important;
}

body.theme-minecraft .chat-input {
    background: #2c2c2c !important;
    border: 2px solid #555 !important;
    border-radius: 0px !important;
    color: #e8e8e8 !important;
    box-shadow: inset 2px 2px 0 rgba(0,0,0,0.3) !important;
}

body.theme-minecraft .chat-input:focus {
    border-color: #7ec850 !important;
}

body.theme-minecraft .chat-send {
    background: #5d8c3e !important;
    border: 2px solid #3b6e1f !important;
    border-radius: 0px !important;
    color: white !important;
    box-shadow: 2px 2px 0 rgba(0,0,0,0.4) !important;
}

body.theme-minecraft .chat-send:hover {
    background: #7ec850 !important;
}

/* 60. Chat welcome large */
body.theme-minecraft .chat-welcome-lg {
    color: #808080 !important;
}

body.theme-minecraft .chat-welcome-lg h1 {
    color: #7ec850 !important;
    text-shadow: 2px 2px 0 rgba(0,0,0,0.5) !important;
    background: none !important;
    -webkit-text-fill-color: #7ec850 !important;
}

/* 61. Suggestion chips */
body.theme-minecraft .suggestion-chip {
    border: 2px solid #555 !important;
    background: #333 !important;
    border-radius: 0px !important;
    color: #b0b0b0 !important;
    box-shadow: 2px 2px 0 rgba(0,0,0,0.3) !important;
}

body.theme-minecraft .suggestion-chip:hover {
    border-color: #7ec850 !important;
    background: rgba(93, 140, 62, 0.15) !important;
    color: #7ec850 !important;
    transform: none !important;
}

/* 62. Message bubble large */
body.theme-minecraft .message-bubble-lg {
    background: #3b3b3b !important;
    border: 2px solid #555 !important;
    border-radius: 0px !important;
    color: #d4d4d4 !important;
    box-shadow: 2px 2px 0 rgba(0,0,0,0.3) !important;
}

body.theme-minecraft .user .message-bubble-lg {
    background: #4a2d10 !important;
    border-color: #6b4f0e !important;
    color: #BC9862 !important;
}

/* 63. Chat input area large */
body.theme-minecraft .chat-input-area-lg {
    background: #333 !important;
    border-top: 3px solid #555 !important;
}

body.theme-minecraft .input-wrapper-lg {
    background: #2c2c2c !important;
    border: 2px solid #555 !important;
    border-radius: 0px !important;
    box-shadow: inset 2px 2px 0 rgba(0,0,0,0.3) !important;
}

body.theme-minecraft .input-wrapper-lg:focus-within {
    border-color: #7ec850 !important;
}

body.theme-minecraft #full-chat-input {
    background: transparent !important;
    color: #e8e8e8 !important;
    border: none !important;
    font-family: 'Courier New', monospace !important;
}

body.theme-minecraft .send-btn-lg {
    background: #5d8c3e !important;
    border: 2px solid #3b6e1f !important;
    border-radius: 0px !important;
    color: white !important;
    box-shadow: 2px 2px 0 rgba(0,0,0,0.4) !important;
}

body.theme-minecraft .send-btn-lg:hover {
    background: #7ec850 !important;
}

/* 64. Chat sidebar */
body.theme-minecraft .chat-sidebar {
    background: #333 !important;
    border-right: 3px solid #555 !important;
    border-radius: 0px !important;
}

body.theme-minecraft .history-item {
    border: 2px solid transparent !important;
    border-radius: 0px !important;
    color: #b0b0b0 !important;
}

body.theme-minecraft .history-item:hover {
    background: rgba(93, 140, 62, 0.1) !important;
    border-color: #555 !important;
}

body.theme-minecraft .history-item.active {
    background: rgba(93, 140, 62, 0.2) !important;
    border-color: #7ec850 !important;
    color: #7ec850 !important;
}

/* 65. Profile overlay */
body.theme-minecraft .profile-overlay {
    background: #2c2c2c !important;
    background-image:
        repeating-linear-gradient(0deg, transparent, transparent 31px, rgba(0,0,0,0.1) 31px, rgba(0,0,0,0.1) 32px),
        repeating-linear-gradient(90deg, transparent, transparent 31px, rgba(0,0,0,0.1) 31px, rgba(0,0,0,0.1) 32px) !important;
    background-size: 32px 32px !important;
}

body.theme-minecraft .profile-screen-header h1 {
    color: #7ec850 !important;
    text-shadow: 2px 2px 0 rgba(0,0,0,0.5) !important;
}

body.theme-minecraft .profile-screen-header p {
    color: #808080 !important;
}

/* 66. Profile card */
body.theme-minecraft .profile-card {
    background: #3b3b3b !important;
    border: 3px solid #555 !important;
    border-radius: 0px !important;
    box-shadow: 3px 3px 0 rgba(0,0,0,0.4) !important;
}

body.theme-minecraft .profile-card:hover {
    border-color: #7ec850 !important;
    transform: none !important;
    box-shadow: 3px 3px 0 rgba(93, 140, 62, 0.3) !important;
}

body.theme-minecraft .profile-card.selected {
    border-color: #7ec850 !important;
    background: rgba(93, 140, 62, 0.15) !important;
    box-shadow: 0 0 0 2px #7ec850, 3px 3px 0 rgba(0,0,0,0.4) !important;
}

/* 67. Profile avatar and name */
body.theme-minecraft .profile-avatar {
    background: #5d8c3e !important;
    border: 2px solid #3b6e1f !important;
    border-radius: 0px !important;
    color: white !important;
    box-shadow: 2px 2px 0 rgba(0,0,0,0.4) !important;
}

body.theme-minecraft .profile-name {
    color: #e8e8e8 !important;
}

/* 68. Profile password section */
body.theme-minecraft .profile-password-section {
    background: #333 !important;
    border: 2px solid #555 !important;
    border-radius: 0px !important;
}

body.theme-minecraft .password-input-wrap input {
    background: #2c2c2c !important;
    border: 2px solid #555 !important;
    border-radius: 0px !important;
    color: #e8e8e8 !important;
    box-shadow: inset 2px 2px 0 rgba(0,0,0,0.3) !important;
    font-family: 'Courier New', monospace !important;
}

body.theme-minecraft .password-input-wrap input:focus {
    border-color: #7ec850 !important;
    box-shadow: inset 2px 2px 0 rgba(0,0,0,0.3), 0 0 0 2px rgba(93,140,62,0.3) !important;
}

/* 69. Create profile form */
body.theme-minecraft .create-profile-form {
    background: #3b3b3b !important;
    border: 3px solid #555 !important;
    border-radius: 0px !important;
    box-shadow: 3px 3px 0 rgba(0,0,0,0.4) !important;
}

body.theme-minecraft .form-field input {
    background: #2c2c2c !important;
    border: 2px solid #555 !important;
    border-radius: 0px !important;
    color: #e8e8e8 !important;
    box-shadow: inset 2px 2px 0 rgba(0,0,0,0.3) !important;
}

body.theme-minecraft .form-field input:focus {
    border-color: #7ec850 !important;
}

body.theme-minecraft .form-field label {
    color: #7ec850 !important;
}

/* 70. Auth card */
body.theme-minecraft .auth-card {
    background: #3b3b3b !important;
    border: 3px solid #555 !important;
    border-radius: 0px !important;
    box-shadow: 4px 4px 0 rgba(0,0,0,0.5) !important;
}

body.theme-minecraft .auth-tab {
    background: #333 !important;
    border: 2px solid #555 !important;
    border-radius: 0px !important;
    color: #808080 !important;
}

body.theme-minecraft .auth-tab:hover {
    color: #b0b0b0 !important;
}

body.theme-minecraft .auth-tab.active {
    background: #5d8c3e !important;
    border-color: #3b6e1f !important;
    color: white !important;
}

body.theme-minecraft .auth-submit-btn {
    background: #5d8c3e !important;
    border: 3px solid #3b6e1f !important;
    border-radius: 0px !important;
    color: white !important;
    box-shadow: 3px 3px 0 #2d5016 !important;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5) !important;
}

body.theme-minecraft .auth-submit-btn:hover {
    background: #7ec850 !important;
}

/* 71. Profile page card */
body.theme-minecraft .profile-page-card {
    background: #3b3b3b !important;
    border: 3px solid #555 !important;
    border-radius: 0px !important;
    box-shadow: 3px 3px 0 rgba(0,0,0,0.4) !important;
}

body.theme-minecraft .profile-page-card h3 {
    color: #7ec850 !important;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.3) !important;
}

/* 72. Modal */
body.theme-minecraft .modal-content {
    background: #3b3b3b !important;
    border: 4px solid #555 !important;
    box-shadow: 4px 4px 0 rgba(0,0,0,0.6) !important;
    border-radius: 0px !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.theme-minecraft .modal-header {
    background: #4a2d10 !important;
    border-bottom: 3px solid #3b2008 !important;
    border-radius: 0px !important;
    color: #BC9862 !important;
}

body.theme-minecraft .modal-header h2,
body.theme-minecraft .modal-header h3,
body.theme-minecraft .modal-header h4 {
    color: #BC9862 !important;
}

body.theme-minecraft .modal-footer {
    background: #333 !important;
    border-top: 3px solid #555 !important;
    border-radius: 0px !important;
}

/* 73. Note modal */
body.theme-minecraft .note-modal-content {
    background: #3b3b3b !important;
    border: 4px solid #555 !important;
    border-radius: 0px !important;
    box-shadow: 4px 4px 0 rgba(0,0,0,0.6) !important;
}

/* 74. FABs */
body.theme-minecraft .fab {
    border-radius: 0px !important;
    border: 3px solid rgba(0,0,0,0.4) !important;
    box-shadow: 3px 3px 0 rgba(0,0,0,0.5) !important;
}

body.theme-minecraft .fab:hover {
    transform: translateY(-2px) !important;
    box-shadow: 3px 5px 0 rgba(0,0,0,0.5) !important;
}

body.theme-minecraft .fab-chat {
    background: #5d8c3e !important;
    border-color: #3b6e1f !important;
    color: white !important;
}

body.theme-minecraft .fab-notes {
    background: #4a2d10 !important;
    border-color: #6b4f0e !important;
    color: #BC9862 !important;
}

body.theme-minecraft .fab-chat:hover {
    background: #7ec850 !important;
}

body.theme-minecraft .fab-notes:hover {
    background: #6b4f0e !important;
}

/* 75. Mobile bottom bar */
body.theme-minecraft .mobile-bottom-bar {
    background: #4a2d10 !important;
    border-top: 3px solid #5a3a1a !important;
    box-shadow: 0 -3px 0 rgba(0,0,0,0.5) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-radius: 0px !important;
}

body.theme-minecraft .mobile-tab {
    color: #808080 !important;
    border-radius: 0px !important;
}

body.theme-minecraft .mobile-tab:hover {
    color: #b0b0b0 !important;
}

body.theme-minecraft .mobile-tab.active {
    color: #7ec850 !important;
}

body.theme-minecraft .mobile-tab.active::after {
    background: #7ec850 !important;
    border-radius: 0px !important;
}

/* 76. Mobile more menu */
body.theme-minecraft .mobile-more-menu {
    background: #3b3b3b !important;
    border: 3px solid #555 !important;
    box-shadow: 0 -4px 0 rgba(0,0,0,0.5) !important;
    border-radius: 0px !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.theme-minecraft .more-menu-item {
    color: #b0b0b0 !important;
    border-radius: 0px !important;
}

body.theme-minecraft .more-menu-item:hover {
    background: rgba(93, 140, 62, 0.15) !important;
    color: #7ec850 !important;
}

body.theme-minecraft .more-menu-item.active {
    background: rgba(93, 140, 62, 0.2) !important;
    color: #7ec850 !important;
}

/* 77. Theme toggle item */
body.theme-minecraft .theme-toggle-item {
    border: 2px solid #555 !important;
    border-radius: 0px !important;
    background: #333 !important;
    color: #b0b0b0 !important;
}

body.theme-minecraft .theme-toggle-item:hover {
    background: rgba(93, 140, 62, 0.15) !important;
    border-color: #7ec850 !important;
    color: #7ec850 !important;
}

/* 78. More menu divider */
body.theme-minecraft .more-menu-divider {
    border-color: #555 !important;
    border-style: solid !important;
}

/* 79. Buttons */
body.theme-minecraft .btn {
    border-radius: 0px !important;
    font-family: 'Courier New', monospace !important;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.4) !important;
    border-width: 3px !important;
    border-style: solid !important;
}

body.theme-minecraft .btn-primary {
    background: #5d8c3e !important;
    border-color: #3b6e1f !important;
    box-shadow: 3px 3px 0 #2d5016 !important;
    color: white !important;
}

body.theme-minecraft .btn-primary:hover:not(:disabled) {
    background: #7ec850 !important;
    transform: translateY(-2px) !important;
    box-shadow: 3px 5px 0 #2d5016 !important;
}

body.theme-minecraft .btn-primary:active {
    transform: translateY(2px) !important;
    box-shadow: 0px 0px 0 #2d5016 !important;
}

body.theme-minecraft .btn-success {
    background: #d4a017 !important;
    border-color: #8b6914 !important;
    box-shadow: 3px 3px 0 #6b4f0e !important;
    color: white !important;
}

body.theme-minecraft .btn-success:hover:not(:disabled) {
    background: #FCDB05 !important;
    color: #333 !important;
    transform: translateY(-2px) !important;
    box-shadow: 3px 5px 0 #6b4f0e !important;
}

body.theme-minecraft .btn-secondary {
    background: #555 !important;
    border-color: #3b3b3b !important;
    box-shadow: 3px 3px 0 #2c2c2c !important;
    color: #e8e8e8 !important;
}

body.theme-minecraft .btn-secondary:hover:not(:disabled) {
    background: #7f7f7f !important;
    transform: translateY(-2px) !important;
    box-shadow: 3px 5px 0 #2c2c2c !important;
}

body.theme-minecraft .btn-danger {
    background: #c0392b !important;
    border-color: #922b21 !important;
    box-shadow: 3px 3px 0 #7b241c !important;
    color: white !important;
}

body.theme-minecraft .btn-danger:hover:not(:disabled) {
    background: #e74c3c !important;
    transform: translateY(-2px) !important;
    box-shadow: 3px 5px 0 #7b241c !important;
}

/* 80. Form elements */
body.theme-minecraft select {
    background: #2c2c2c !important;
    border: 2px solid #555 !important;
    border-radius: 0px !important;
    color: #e8e8e8 !important;
    font-family: 'Courier New', monospace !important;
    box-shadow: inset 2px 2px 0 rgba(0,0,0,0.2) !important;
}

body.theme-minecraft select:focus {
    border-color: #7ec850 !important;
    outline: none !important;
    box-shadow: inset 2px 2px 0 rgba(0,0,0,0.2), 0 0 0 2px rgba(93,140,62,0.3) !important;
}

body.theme-minecraft input {
    background: #2c2c2c !important;
    border: 2px solid #555 !important;
    border-radius: 0px !important;
    color: #e8e8e8 !important;
    font-family: 'Courier New', monospace !important;
    box-shadow: inset 2px 2px 0 rgba(0,0,0,0.2) !important;
}

body.theme-minecraft input:focus {
    border-color: #7ec850 !important;
    outline: none !important;
}

body.theme-minecraft textarea {
    background: #2c2c2c !important;
    border: 2px solid #555 !important;
    border-radius: 0px !important;
    color: #e8e8e8 !important;
    font-family: 'Courier New', monospace !important;
    box-shadow: inset 2px 2px 0 rgba(0,0,0,0.2) !important;
}

body.theme-minecraft textarea:focus {
    border-color: #7ec850 !important;
    outline: none !important;
}

/* 81. Radio and checkbox options */
body.theme-minecraft .radio-option,
body.theme-minecraft .checkbox-option {
    background: #333 !important;
    border: 2px solid #555 !important;
    border-radius: 0px !important;
    color: #e8e8e8 !important;
    box-shadow: 2px 2px 0 rgba(0,0,0,0.3) !important;
}

body.theme-minecraft .radio-option:hover,
body.theme-minecraft .checkbox-option:hover {
    border-color: #7ec850 !important;
    background: rgba(93, 140, 62, 0.1) !important;
}

body.theme-minecraft .radio-option:has(input:checked),
body.theme-minecraft .checkbox-option:has(input:checked) {
    border-color: #7ec850 !important;
    background: rgba(93, 140, 62, 0.2) !important;
    box-shadow: inset 0 0 0 1px #7ec850, 2px 2px 0 rgba(0,0,0,0.3) !important;
}

/* 82. Toast container */
body.theme-minecraft #toast-container .toast {
    background: #3b3b3b !important;
    border: 3px solid #555 !important;
    border-left: 5px solid #5d8c3e !important;
    border-radius: 0px !important;
    color: #e8e8e8 !important;
    box-shadow: 3px 3px 0 rgba(0,0,0,0.5) !important;
    font-family: 'Courier New', monospace !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* 83. Highlight popup */
body.theme-minecraft .highlight-popup {
    background: #3b3b3b !important;
    border: 3px solid #555 !important;
    border-radius: 0px !important;
    box-shadow: 3px 3px 0 rgba(0,0,0,0.5) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.theme-minecraft .highlight-popup-btn {
    background: #333 !important;
    border: 2px solid #555 !important;
    border-radius: 0px !important;
    color: #b0b0b0 !important;
    box-shadow: 1px 1px 0 rgba(0,0,0,0.3) !important;
}

body.theme-minecraft .highlight-popup-btn:hover {
    background: #5d8c3e !important;
    border-color: #3b6e1f !important;
    color: white !important;
}

/* 84. Back to top */
body.theme-minecraft .back-to-top {
    background: #5d8c3e !important;
    border: 3px solid #3b6e1f !important;
    border-radius: 0px !important;
    color: white !important;
    box-shadow: 3px 3px 0 rgba(0,0,0,0.5) !important;
}

body.theme-minecraft .back-to-top:hover {
    background: #7ec850 !important;
    transform: translateY(-2px) !important;
    box-shadow: 3px 5px 0 rgba(0,0,0,0.5) !important;
}

/* 85. No activity */
body.theme-minecraft .no-activity {
    color: #808080 !important;
    background: #333 !important;
    border: 2px dashed #555 !important;
    border-radius: 0px !important;
}

/* 86. Text selection */
body.theme-minecraft ::selection {
    background: #5d8c3e !important;
    color: white !important;
}

body.theme-minecraft ::-moz-selection {
    background: #5d8c3e !important;
    color: white !important;
}

/* 87. Scrollbar */
body.theme-minecraft ::-webkit-scrollbar {
    width: 12px !important;
    height: 12px !important;
}

body.theme-minecraft ::-webkit-scrollbar-track {
    background: #2c2c2c !important;
    border: 1px solid #555 !important;
}

body.theme-minecraft ::-webkit-scrollbar-thumb {
    background: #5d8c3e !important;
    border: 2px solid #3b6e1f !important;
    border-radius: 0px !important;
}

body.theme-minecraft ::-webkit-scrollbar-thumb:hover {
    background: #7ec850 !important;
}

body.theme-minecraft ::-webkit-scrollbar-corner {
    background: #2c2c2c !important;
}

body.theme-minecraft {
    scrollbar-color: #5d8c3e #2c2c2c !important;
}

/* ==========================================
   LEGO THEME - Complete
   Aesthetic: Bright plastic bricks, chunky,
   raised surfaces, playful & bold
   ========================================== */

/* --- 1. CSS Variables Override --- */
body.theme-lego {
    --primary: #d01012;
    --primary-dark: #a00d0f;
    --primary-light: #ff2a2c;
    --secondary: #f6ec35;
    --secondary-dark: #c9c02a;
    --danger: #d01012;
    --warning: #f6a623;
    --success: #00852b;
    --info: #0057a6;

    --bg-dark: #faf6e9;
    --bg-card: #ffffff;
    --bg-card-hover: #fff8e0;
    --bg-sidebar: #f5f0dc;

    --text-primary: #1a1a1a;
    --text-secondary: #4a4a4a;
    --text-muted: #7a7a7a;
    --text-reading: #2d2d2d;

    --border-color: #e0d8c0;
    --border-radius: 16px;
    --border-radius-sm: 12px;
    --border-radius-lg: 20px;

    --shadow-sm: 0 2px 0 #d0c8a8;
    --shadow-md: 0 4px 0 #d0c8a8;
    --shadow-lg: 0 6px 0 #c0b898;
    --shadow-glow: 0 0 0 3px rgba(208, 16, 18, 0.2);

    --surface-1: #ffffff;
    --surface-2: #faf6e9;
    --surface-border: #e0d8c0;
    --surface-shadow: 0 4px 0 #d0c8a8;

    font-weight: 700 !important;
}

/* --- 2. Body background (cream + dot pattern) --- */
body.theme-lego {
    background: #faf6e9 !important;
    background-image:
        radial-gradient(circle, rgba(208, 16, 18, 0.045) 1.2px, transparent 1.2px) !important;
    background-size: 24px 24px !important;
    color: #1a1a1a !important;
}

/* --- 3. Top Navbar (red gradient) --- */
body.theme-lego .top-navbar {
    background: linear-gradient(180deg, #d01012 0%, #a00d0f 100%) !important;
    border-bottom: 4px solid #7a0a0b !important;
    box-shadow: 0 4px 0 #5a0708 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.theme-lego .top-navbar::after {
    display: none !important;
}

/* --- 4. Navbar brand --- */
body.theme-lego .navbar-brand .logo-text {
    background: none !important;
    -webkit-text-fill-color: #f6ec35 !important;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.3), 2px 2px 0 rgba(0,0,0,0.15) !important;
    font-weight: 800 !important;
}

body.theme-lego .navbar-brand .version-badge {
    background: #f6ec35 !important;
    color: #1a1a1a !important;
    border: 2px solid #c9c02a !important;
    box-shadow: 0 2px 0 #a89e20 !important;
    font-weight: 800 !important;
    border-radius: 12px !important;
}

/* --- 5. Nav buttons --- */
body.theme-lego .navbar-nav .nav-btn {
    background: rgba(255,255,255,0.15) !important;
    border: 2px solid rgba(255,255,255,0.25) !important;
    color: white !important;
    font-weight: 700 !important;
    border-radius: 12px !important;
    text-shadow: 0 1px 0 rgba(0,0,0,0.2) !important;
}

body.theme-lego .navbar-nav .nav-btn:hover {
    background: rgba(255,255,255,0.28) !important;
    border-color: rgba(255,255,255,0.45) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 0 rgba(0,0,0,0.15) !important;
}

body.theme-lego .navbar-nav .nav-btn.active {
    background: #f6ec35 !important;
    color: #1a1a1a !important;
    border-color: #c9c02a !important;
    box-shadow: 0 4px 0 #a89e20 !important;
    text-shadow: none !important;
    font-weight: 800 !important;
}

/* --- 6. Navbar search --- */
body.theme-lego .navbar-search #global-search {
    background: rgba(255,255,255,0.2) !important;
    border: 2px solid rgba(255,255,255,0.25) !important;
    color: white !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
}

body.theme-lego .navbar-search #global-search::placeholder {
    color: rgba(255,255,255,0.6) !important;
}

body.theme-lego .navbar-search #global-search:focus {
    background: rgba(255,255,255,0.3) !important;
    border-color: #f6ec35 !important;
    box-shadow: 0 0 0 3px rgba(246, 236, 53, 0.25) !important;
}

body.theme-lego .search-results-dropdown {
    background: #ffffff !important;
    border: 3px solid #e0d8c0 !important;
    box-shadow: 0 4px 0 #d0c8a8 !important;
    border-radius: 14px !important;
    color: #1a1a1a !important;
}

body.theme-lego .search-results-dropdown .search-result-item {
    color: #1a1a1a !important;
    border-bottom: 2px solid #f0e8d0 !important;
}

body.theme-lego .search-results-dropdown .search-result-item:hover {
    background: #faf6e9 !important;
}

/* --- 7. Profile button --- */
body.theme-lego .profile-btn {
    background: rgba(255,255,255,0.2) !important;
    border: 2px solid rgba(255,255,255,0.3) !important;
    color: white !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
}

body.theme-lego .profile-btn:hover {
    background: rgba(255,255,255,0.3) !important;
    border-color: #f6ec35 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 3px 0 rgba(0,0,0,0.15) !important;
}

/* --- 8. Sidebar --- */
body.theme-lego .sidebar {
    background: #f5f0dc !important;
    border-right: 3px solid #e0d8c0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.theme-lego .lesson-selector h3 {
    color: #1a1a1a !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* --- 9. Lesson items --- */
body.theme-lego .lesson-item {
    color: #1a1a1a !important;
    border-radius: 12px !important;
    border: 2px solid transparent !important;
    font-weight: 700 !important;
}

body.theme-lego .lesson-item:hover {
    background: rgba(208, 16, 18, 0.06) !important;
    border-color: #e0d8c0 !important;
}

body.theme-lego .lesson-item.active {
    background: rgba(208, 16, 18, 0.1) !important;
    border-left: 4px solid #d01012 !important;
    border-color: #d01012 !important;
    font-weight: 800 !important;
}

body.theme-lego .lesson-item.completed {
    color: #00852b !important;
}

body.theme-lego .lesson-item.completed::after {
    color: #00852b !important;
}

/* --- 10. Mini progress bar (rainbow) --- */
body.theme-lego .mini-progress {
    background: #e0d8c0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    border: 1px solid #d0c8a8 !important;
}

body.theme-lego .mini-progress-fill {
    background: linear-gradient(90deg, #d01012, #f6a623, #f6ec35, #00852b, #0057a6) !important;
    box-shadow: none !important;
    border-radius: 8px !important;
}

/* --- 11. Backup controls --- */
body.theme-lego .backup-controls .icon-btn {
    background: #ffffff !important;
    border: 2px solid #e0d8c0 !important;
    color: #4a4a4a !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 0 #d0c8a8 !important;
}

body.theme-lego .backup-controls .icon-btn:hover {
    background: #faf6e9 !important;
    border-color: #d01012 !important;
    color: #d01012 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 3px 0 #d0c8a8 !important;
}

/* --- 12. View header --- */
body.theme-lego .view-header h1 {
    background: none !important;
    -webkit-text-fill-color: #d01012 !important;
    font-weight: 800 !important;
    text-shadow: 1px 1px 0 rgba(208, 16, 18, 0.1) !important;
}

body.theme-lego .view-header p {
    color: #4a4a4a !important;
    font-weight: 600 !important;
}

/* --- 13. Dashboard hero compact --- */
body.theme-lego .dashboard-hero-compact {
    background: #ffffff !important;
    border: 3px solid #e0d8c0 !important;
    box-shadow: 0 4px 0 #d0c8a8 !important;
    border-radius: 16px !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.theme-lego .dashboard-hero-compact .hero-left h1 {
    color: #d01012 !important;
    font-weight: 800 !important;
}

body.theme-lego .dashboard-hero-compact .hero-left p {
    color: #4a4a4a !important;
}

/* --- 14. Stat pills --- */
body.theme-lego .stat-pill {
    background: #ffffff !important;
    border: 2px solid #e0d8c0 !important;
    color: #1a1a1a !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 0 #d0c8a8 !important;
    font-weight: 700 !important;
}

body.theme-lego .stat-pill:hover {
    border-color: #0057a6 !important;
    box-shadow: 0 3px 0 #d0c8a8 !important;
    transform: translateY(-1px) !important;
}

body.theme-lego .stat-pill .stat-value {
    color: #d01012 !important;
    font-weight: 800 !important;
}

body.theme-lego .stat-pill .stat-label {
    color: #4a4a4a !important;
}

/* --- 15. Next step card --- */
body.theme-lego .next-step-card {
    background: #ffffff !important;
    border: 3px solid #e0d8c0 !important;
    box-shadow: 0 4px 0 #d0c8a8 !important;
    border-radius: 16px !important;
    border-top: 4px solid #0057a6 !important;
}

body.theme-lego .next-step-card h3 {
    color: #0057a6 !important;
    font-weight: 800 !important;
}

/* --- 16. Study path hero --- */
body.theme-lego .study-path-hero {
    background: #ffffff !important;
    border: 3px solid #e0d8c0 !important;
    box-shadow: 0 4px 0 #d0c8a8 !important;
    border-radius: 16px !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.theme-lego .study-path-title h2 {
    color: #0057a6 !important;
    font-weight: 800 !important;
    -webkit-text-fill-color: #0057a6 !important;
    background: none !important;
}

body.theme-lego .study-path-title p {
    color: #4a4a4a !important;
}

/* --- 17. Phases & steps --- */
body.theme-lego .phase {
    border: 3px solid #e0d8c0 !important;
    border-left: 6px solid #d01012 !important;
    background: #ffffff !important;
    border-radius: 16px !important;
    box-shadow: 0 3px 0 #d0c8a8 !important;
}

body.theme-lego .phase-header {
    color: #1a1a1a !important;
    font-weight: 800 !important;
}

body.theme-lego .phase h3 {
    color: #d01012 !important;
    font-weight: 800 !important;
}

body.theme-lego .step {
    border: 2px solid #e0d8c0 !important;
    background: #faf6e9 !important;
    border-radius: 14px !important;
    color: #1a1a1a !important;
}

body.theme-lego .step:hover:not(.locked) {
    border-color: #d01012 !important;
    background: rgba(208, 16, 18, 0.05) !important;
    box-shadow: 0 4px 0 #d0c8a8 !important;
    transform: translateY(-2px) !important;
}

body.theme-lego .step.completed {
    border-color: #00852b !important;
    background: rgba(0, 133, 43, 0.05) !important;
}

body.theme-lego .step.locked {
    opacity: 0.5 !important;
    border-color: #e0d8c0 !important;
}

body.theme-lego .step .step-icon {
    color: #0057a6 !important;
}

body.theme-lego .step.completed .step-icon {
    color: #00852b !important;
}

/* --- 18. All dashboard cards (white, thick borders, raised) --- */
body.theme-lego .study-path-hero,
body.theme-lego .dashboard-hero-compact,
body.theme-lego .next-step-card,
body.theme-lego .quick-actions.compact,
body.theme-lego .exam-readiness-compact,
body.theme-lego .badges-section-compact,
body.theme-lego .activity-compact,
body.theme-lego .exam-setup,
body.theme-lego .question-container,
body.theme-lego .results-card,
body.theme-lego .case-card,
body.theme-lego .pbq-card,
body.theme-lego .deck-card,
body.theme-lego .note-card,
body.theme-lego .dashboard-card {
    background: #ffffff !important;
    border: 3px solid #e0d8c0 !important;
    box-shadow: 0 4px 0 #d0c8a8 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-radius: 16px !important;
    color: #1a1a1a !important;
}

body.theme-lego .dashboard-card:hover,
body.theme-lego .quick-actions.compact:hover,
body.theme-lego .exam-readiness-compact:hover,
body.theme-lego .badges-section-compact:hover,
body.theme-lego .activity-compact:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 0 #d0c8a8 !important;
    border-color: #c9c02a !important;
}

body.theme-lego .dashboard-card h3,
body.theme-lego .dashboard-card h4 {
    color: #1a1a1a !important;
    font-weight: 800 !important;
}

body.theme-lego .dashboard-card p {
    color: #4a4a4a !important;
}

/* --- 19. Badge items --- */
body.theme-lego .badge-item {
    background: #f5f0dc !important;
    border: 2px solid #e0d8c0 !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 0 #d0c8a8 !important;
    color: #7a7a7a !important;
}

body.theme-lego .badge-item.unlocked {
    background: #ffffff !important;
    border-color: #f6ec35 !important;
    box-shadow: 0 3px 0 #c9c02a !important;
    color: #1a1a1a !important;
}

body.theme-lego .badge-item .badge-icon {
    font-size: 1.5rem !important;
}

body.theme-lego .badge-item .badge-tooltip {
    background: #1a1a1a !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    border: 2px solid #4a4a4a !important;
    box-shadow: 0 3px 0 rgba(0,0,0,0.3) !important;
    font-weight: 700 !important;
}

/* --- 20. Lesson tabs --- */
body.theme-lego .lesson-tabs {
    background: #f5f0dc !important;
    border: 2px solid #e0d8c0 !important;
    border-radius: 14px !important;
    padding: 4px !important;
}

body.theme-lego .lesson-tab {
    color: #4a4a4a !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    border: 2px solid transparent !important;
}

body.theme-lego .lesson-tab:hover {
    background: rgba(0, 87, 166, 0.08) !important;
    color: #0057a6 !important;
}

body.theme-lego .lesson-tab.active {
    background: #0057a6 !important;
    color: white !important;
    border-color: #004080 !important;
    box-shadow: 0 3px 0 #003060 !important;
    font-weight: 800 !important;
}

body.theme-lego .lesson-tab .lesson-tab-code {
    font-weight: 800 !important;
}

/* --- 21. Section header (LEGO blue) --- */
body.theme-lego .section-header {
    background: linear-gradient(180deg, #0057a6, #004080) !important;
    border-bottom: 3px solid #003060 !important;
    border-radius: 14px 14px 0 0 !important;
    color: white !important;
    font-weight: 800 !important;
}

body.theme-lego .section-header h3,
body.theme-lego .section-header h4 {
    font-weight: 800 !important;
    color: white !important;
}

/* --- 22. Concept card (blue left border) --- */
body.theme-lego .concept-card {
    background: #ffffff !important;
    border: 2px solid #e0d8c0 !important;
    border-left: 5px solid #0057a6 !important;
    border-radius: 14px !important;
    box-shadow: 0 3px 0 #d0c8a8 !important;
    color: #1a1a1a !important;
}

body.theme-lego .concept-card h4 {
    color: #0057a6 !important;
    font-weight: 800 !important;
}

body.theme-lego .concept-card p {
    color: #2d2d2d !important;
    font-weight: 600 !important;
}

/* --- 23. Definition items --- */
body.theme-lego .definition-item {
    background: #faf6e9 !important;
    border: 2px solid #e0d8c0 !important;
    border-radius: 12px !important;
    color: #1a1a1a !important;
    box-shadow: 0 2px 0 #d0c8a8 !important;
}

body.theme-lego .definition-item:hover {
    border-color: #0057a6 !important;
    background: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 3px 0 #d0c8a8 !important;
}

body.theme-lego .definition-item strong {
    color: #d01012 !important;
    font-weight: 800 !important;
}

body.theme-lego .definition-item p,
body.theme-lego .definition-item span {
    color: #2d2d2d !important;
}

/* --- 24. Exam setup (red top accent) --- */
body.theme-lego .exam-setup {
    border-top: 5px solid #d01012 !important;
}

body.theme-lego .exam-setup h2,
body.theme-lego .exam-setup h3 {
    color: #d01012 !important;
    font-weight: 800 !important;
}

body.theme-lego .exam-setup label {
    color: #1a1a1a !important;
    font-weight: 700 !important;
}

/* --- 25. Options (cream bg, thick border) --- */
body.theme-lego .option {
    border: 3px solid #e0d8c0 !important;
    background: #faf6e9 !important;
    color: #1a1a1a !important;
    border-radius: 14px !important;
    font-weight: 700 !important;
}

body.theme-lego .option:hover:not(.disabled) {
    border-color: #d01012 !important;
    background: rgba(208, 16, 18, 0.05) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 0 #d0c8a8 !important;
}

body.theme-lego .option.selected {
    border-color: #0057a6 !important;
    background: rgba(0, 87, 166, 0.08) !important;
    box-shadow: 0 3px 0 rgba(0, 87, 166, 0.2) !important;
}

/* --- 26. Option letter (red bg) --- */
body.theme-lego .option-letter {
    background: #d01012 !important;
    border: 2px solid #a00d0f !important;
    color: white !important;
    border-radius: 10px !important;
    font-weight: 800 !important;
    box-shadow: 0 2px 0 #7a0a0b !important;
}

/* --- 27. Option correct (green) --- */
body.theme-lego .option.correct {
    border-color: #00852b !important;
    background: rgba(0, 133, 43, 0.08) !important;
    box-shadow: 0 3px 0 rgba(0, 133, 43, 0.3) !important;
}

body.theme-lego .option.correct .option-letter {
    background: #00852b !important;
    border-color: #005c1e !important;
    box-shadow: 0 2px 0 #003d14 !important;
}

/* --- 28. Option incorrect (red) --- */
body.theme-lego .option.incorrect {
    border-color: #d01012 !important;
    background: rgba(208, 16, 18, 0.08) !important;
    box-shadow: 0 3px 0 rgba(208, 16, 18, 0.3) !important;
}

body.theme-lego .option.incorrect .option-letter {
    background: #d01012 !important;
    border-color: #a00d0f !important;
    box-shadow: 0 2px 0 #7a0a0b !important;
}

/* --- 29. Difficulty badges --- */
body.theme-lego .difficulty-badge {
    border: 2px solid #e0d8c0 !important;
    border-radius: 10px !important;
    font-weight: 800 !important;
    box-shadow: 0 2px 0 #d0c8a8 !important;
    text-transform: uppercase !important;
    font-size: 0.7rem !important;
}

body.theme-lego .difficulty-easy,
body.theme-lego .difficulty-facil {
    background: #00852b !important;
    border-color: #005c1e !important;
    color: white !important;
    box-shadow: 0 2px 0 #003d14 !important;
}

body.theme-lego .difficulty-medium,
body.theme-lego .difficulty-medio {
    background: #f6a623 !important;
    border-color: #d48b0a !important;
    color: white !important;
    box-shadow: 0 2px 0 #b07508 !important;
}

body.theme-lego .difficulty-hard,
body.theme-lego .difficulty-dificil {
    background: #d01012 !important;
    border-color: #a00d0f !important;
    color: white !important;
    box-shadow: 0 2px 0 #7a0a0b !important;
}

/* --- 30. Results card (rainbow top bar) --- */
body.theme-lego .results-card {
    border-top: 6px solid transparent !important;
    border-image: linear-gradient(90deg, #d01012, #f6a623, #f6ec35, #00852b, #0057a6) 1 !important;
    border-image-slice: 1 !important;
}

body.theme-lego .results-card h2,
body.theme-lego .results-card h3 {
    color: #1a1a1a !important;
    font-weight: 800 !important;
}

body.theme-lego .results-card .score {
    color: #d01012 !important;
    font-weight: 800 !important;
}

body.theme-lego .results-card .pass {
    color: #00852b !important;
}

body.theme-lego .results-card .fail {
    color: #d01012 !important;
}

/* --- 31. Flashcard (white, thick border, raised) --- */
body.theme-lego .flashcard {
    border-radius: 16px !important;
}

body.theme-lego .flashcard-front,
body.theme-lego .flashcard-back {
    border: 3px solid #e0d8c0 !important;
    background: #ffffff !important;
    color: #1a1a1a !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 0 #d0c8a8 !important;
    font-weight: 700 !important;
}

body.theme-lego .flashcard-front h3,
body.theme-lego .flashcard-back h3 {
    color: #0057a6 !important;
    font-weight: 800 !important;
}

body.theme-lego .flashcard-counter {
    color: #7a7a7a !important;
    font-weight: 700 !important;
}

/* --- 32. Deck cards --- */
body.theme-lego .deck-card {
    border-top: 4px solid #0057a6 !important;
}

body.theme-lego .deck-card h3 {
    color: #1a1a1a !important;
    font-weight: 800 !important;
}

body.theme-lego .deck-card p {
    color: #4a4a4a !important;
}

body.theme-lego .deck-card:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 0 #d0c8a8 !important;
    border-color: #0057a6 !important;
}

/* --- 33. Anki buttons (colored: red, orange, green, blue) --- */
body.theme-lego .anki-btn {
    border-radius: 12px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    border-width: 3px !important;
    border-style: solid !important;
}

body.theme-lego .anki-btn.again,
body.theme-lego .anki-btn:nth-child(1) {
    background: #d01012 !important;
    border-color: #a00d0f !important;
    color: white !important;
    box-shadow: 0 4px 0 #7a0a0b !important;
}

body.theme-lego .anki-btn.hard,
body.theme-lego .anki-btn:nth-child(2) {
    background: #f6a623 !important;
    border-color: #d48b0a !important;
    color: white !important;
    box-shadow: 0 4px 0 #b07508 !important;
}

body.theme-lego .anki-btn.good,
body.theme-lego .anki-btn:nth-child(3) {
    background: #00852b !important;
    border-color: #005c1e !important;
    color: white !important;
    box-shadow: 0 4px 0 #003d14 !important;
}

body.theme-lego .anki-btn.easy,
body.theme-lego .anki-btn:nth-child(4) {
    background: #0057a6 !important;
    border-color: #004080 !important;
    color: white !important;
    box-shadow: 0 4px 0 #003060 !important;
}

body.theme-lego .anki-btn:hover {
    transform: translateY(-2px) !important;
}

body.theme-lego .anki-btn:active {
    transform: translateY(2px) !important;
    box-shadow: 0 1px 0 rgba(0,0,0,0.3) !important;
}

/* --- 34. Case & PBQ cards --- */
body.theme-lego .case-card {
    border-top: 4px solid #f6a623 !important;
}

body.theme-lego .case-card h3 {
    color: #1a1a1a !important;
    font-weight: 800 !important;
}

body.theme-lego .pbq-card {
    border-top: 4px solid #00852b !important;
}

body.theme-lego .pbq-card h3 {
    color: #1a1a1a !important;
    font-weight: 800 !important;
}

body.theme-lego .case-card:hover,
body.theme-lego .pbq-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 0 #d0c8a8 !important;
}

/* --- 35. Note cards & notes header bar --- */
body.theme-lego .note-card {
    border-top: 4px solid #f6ec35 !important;
}

body.theme-lego .note-card h3 {
    color: #1a1a1a !important;
    font-weight: 800 !important;
}

body.theme-lego .note-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 0 #d0c8a8 !important;
}

body.theme-lego .notes-header-bar {
    background: #ffffff !important;
    border: 2px solid #e0d8c0 !important;
    border-radius: 14px !important;
    box-shadow: 0 3px 0 #d0c8a8 !important;
    color: #1a1a1a !important;
}

body.theme-lego .notes-header-bar h2 {
    color: #d01012 !important;
    font-weight: 800 !important;
}

body.theme-lego .notes-header-actions .btn {
    font-weight: 700 !important;
}

/* --- 36. Chat panel & header (blue) --- */
body.theme-lego .chat-panel {
    background: #ffffff !important;
    border: 3px solid #e0d8c0 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 0 #d0c8a8 !important;
}

body.theme-lego .chat-header {
    background: linear-gradient(180deg, #0057a6, #004080) !important;
    border-bottom: 3px solid #003060 !important;
    border-radius: 14px 14px 0 0 !important;
    color: white !important;
}

body.theme-lego .chat-header h3,
body.theme-lego .chat-header h4 {
    color: white !important;
    font-weight: 800 !important;
}

body.theme-lego .chat-messages {
    background: #faf6e9 !important;
    scrollbar-color: #d01012 #e0d8c0 !important;
}

body.theme-lego .chat-messages::-webkit-scrollbar {
    width: 8px !important;
}

body.theme-lego .chat-messages::-webkit-scrollbar-track {
    background: #e0d8c0 !important;
}

body.theme-lego .chat-messages::-webkit-scrollbar-thumb {
    background: #d01012 !important;
    border-radius: 8px !important;
}

body.theme-lego .chat-input-container {
    background: #ffffff !important;
    border-top: 2px solid #e0d8c0 !important;
}

body.theme-lego .chat-input {
    background: #faf6e9 !important;
    border: 2px solid #e0d8c0 !important;
    border-radius: 12px !important;
    color: #1a1a1a !important;
    font-weight: 700 !important;
}

body.theme-lego .chat-input:focus {
    border-color: #0057a6 !important;
    box-shadow: 0 0 0 3px rgba(0, 87, 166, 0.15) !important;
}

body.theme-lego .chat-input::placeholder {
    color: #7a7a7a !important;
}

/* Chat large view */
body.theme-lego .chat-input-area-lg {
    background: #ffffff !important;
    border: 2px solid #e0d8c0 !important;
    border-radius: 14px !important;
}

body.theme-lego .chat-messages-lg {
    background: #faf6e9 !important;
}

body.theme-lego .chat-messages-lg::-webkit-scrollbar-track {
    background: #e0d8c0 !important;
}

body.theme-lego .chat-messages-lg::-webkit-scrollbar-thumb {
    background: #d01012 !important;
    border-radius: 8px !important;
}

/* --- 37. Suggestion chips --- */
body.theme-lego .suggestion-chip,
body.theme-lego .suggestion-chips button {
    background: #faf6e9 !important;
    border: 2px solid #e0d8c0 !important;
    color: #1a1a1a !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    box-shadow: 0 2px 0 #d0c8a8 !important;
}

body.theme-lego .suggestion-chip:hover,
body.theme-lego .suggestion-chips button:hover {
    border-color: #0057a6 !important;
    background: #ffffff !important;
    color: #0057a6 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 3px 0 #d0c8a8 !important;
}

/* --- 38. Message bubbles --- */
body.theme-lego .message-bubble {
    border-radius: 14px !important;
    font-weight: 600 !important;
    border: 2px solid #e0d8c0 !important;
}

body.theme-lego .chat-message.user .message-bubble {
    background: #0057a6 !important;
    color: white !important;
    border-color: #004080 !important;
    box-shadow: 0 3px 0 #003060 !important;
}

body.theme-lego .chat-message:not(.user) .message-bubble {
    background: #ffffff !important;
    color: #1a1a1a !important;
    border-color: #e0d8c0 !important;
    box-shadow: 0 2px 0 #d0c8a8 !important;
}

body.theme-lego .message-bubble-lg {
    border-radius: 14px !important;
    border: 2px solid #e0d8c0 !important;
}

body.theme-lego .chat-message-lg.user .message-bubble-lg {
    background: #0057a6 !important;
    color: white !important;
    border-color: #004080 !important;
    box-shadow: 0 3px 0 #003060 !important;
}

body.theme-lego .chat-message-lg:not(.user) .message-bubble-lg {
    background: #ffffff !important;
    color: #1a1a1a !important;
    border-color: #e0d8c0 !important;
    box-shadow: 0 2px 0 #d0c8a8 !important;
}

body.theme-lego .message-time {
    color: #7a7a7a !important;
}

body.theme-lego .chat-message.user .message-time {
    color: rgba(255,255,255,0.6) !important;
}

/* --- 39. Profile overlay --- */
body.theme-lego .profile-overlay {
    background: linear-gradient(135deg, #faf6e9, #f5f0dc, #faf6e9) !important;
}

body.theme-lego .profile-screen {
    color: #1a1a1a !important;
}

body.theme-lego .profile-screen-header h1 {
    background: none !important;
    -webkit-text-fill-color: #d01012 !important;
    font-weight: 800 !important;
}

body.theme-lego .profile-screen-header p {
    color: #4a4a4a !important;
}

body.theme-lego .profile-screen-logo {
    color: #d01012 !important;
}

/* --- 40. Profile card & avatar --- */
body.theme-lego .profile-card {
    background: #ffffff !important;
    border: 3px solid #e0d8c0 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 0 #d0c8a8 !important;
    color: #1a1a1a !important;
}

body.theme-lego .profile-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 0 #d0c8a8 !important;
    border-color: #d01012 !important;
}

body.theme-lego .profile-card.selected {
    border-color: #d01012 !important;
    box-shadow: 0 4px 0 #7a0a0b !important;
}

body.theme-lego .profile-avatar {
    background: linear-gradient(135deg, #d01012, #f6a623) !important;
    border: 3px solid #a00d0f !important;
    box-shadow: 0 3px 0 #7a0a0b !important;
    border-radius: 16px !important;
}

body.theme-lego .profile-page-actions .btn.btn-danger {
    background: #d01012 !important;
    border: 2px solid #a00d0f !important;
    box-shadow: 0 3px 0 #7a0a0b !important;
}

/* --- 41. Auth elements --- */
body.theme-lego .auth-card {
    background: #ffffff !important;
    border: 3px solid #e0d8c0 !important;
    border-radius: 16px !important;
    box-shadow: 0 6px 0 #d0c8a8 !important;
    color: #1a1a1a !important;
}

body.theme-lego .auth-tabs {
    background: #f5f0dc !important;
    border-radius: 14px !important;
    border: 2px solid #e0d8c0 !important;
    padding: 4px !important;
}

body.theme-lego .auth-tab {
    color: #4a4a4a !important;
    font-weight: 700 !important;
    border-radius: 12px !important;
}

body.theme-lego .auth-tab:hover {
    background: rgba(208, 16, 18, 0.06) !important;
}

body.theme-lego .auth-tab.active {
    background: #d01012 !important;
    color: white !important;
    box-shadow: 0 3px 0 #7a0a0b !important;
    font-weight: 800 !important;
}

body.theme-lego .auth-card input {
    background: #faf6e9 !important;
    border: 2px solid #e0d8c0 !important;
    border-radius: 12px !important;
    color: #1a1a1a !important;
    font-weight: 700 !important;
}

body.theme-lego .auth-card input:focus {
    border-color: #d01012 !important;
    box-shadow: 0 0 0 3px rgba(208, 16, 18, 0.15) !important;
}

/* --- 42. Modal content --- */
body.theme-lego .modal-content {
    background: #ffffff !important;
    border: 3px solid #e0d8c0 !important;
    box-shadow: 0 6px 0 #d0c8a8 !important;
    border-radius: 16px !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    color: #1a1a1a !important;
}

body.theme-lego .modal-content h2,
body.theme-lego .modal-content h3 {
    color: #1a1a1a !important;
    font-weight: 800 !important;
}

body.theme-lego .modal-content p {
    color: #4a4a4a !important;
}

body.theme-lego .modal-backdrop {
    background: rgba(26, 26, 26, 0.5) !important;
}

/* --- 43. FABs (red chat, orange notes) --- */
body.theme-lego .fab {
    border-radius: 16px !important;
    border: 3px solid rgba(0,0,0,0.15) !important;
    box-shadow: 0 4px 0 rgba(0,0,0,0.3) !important;
    font-weight: 800 !important;
}

body.theme-lego .fab:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 0 rgba(0,0,0,0.3) !important;
}

body.theme-lego .fab:active {
    transform: translateY(2px) !important;
    box-shadow: 0 1px 0 rgba(0,0,0,0.3) !important;
}

body.theme-lego .fab-chat {
    background: #d01012 !important;
    border-color: #a00d0f !important;
}

body.theme-lego .fab-notes {
    background: #f6a623 !important;
    border-color: #d48b0a !important;
}

/* --- 44. Mobile bottom bar (red) --- */
body.theme-lego .mobile-bottom-bar {
    background: linear-gradient(180deg, #d01012, #a00d0f) !important;
    border-top: 3px solid #7a0a0b !important;
    box-shadow: 0 -3px 0 #5a0708 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* --- 45. Mobile tabs (yellow active) --- */
body.theme-lego .mobile-tab {
    color: rgba(255,255,255,0.65) !important;
    font-weight: 700 !important;
}

body.theme-lego .mobile-tab:hover {
    color: rgba(255,255,255,0.9) !important;
}

body.theme-lego .mobile-tab.active {
    color: #f6ec35 !important;
}

body.theme-lego .mobile-tab.active::after {
    background: #f6ec35 !important;
    border-radius: 4px !important;
}

body.theme-lego .mobile-tab .tab-icon {
    font-weight: 800 !important;
}

/* --- 46. Mobile more menu (white) --- */
body.theme-lego .mobile-more-menu {
    background: #ffffff !important;
    border: 3px solid #e0d8c0 !important;
    box-shadow: 0 -4px 0 #d0c8a8 !important;
    border-radius: 16px 16px 0 0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.theme-lego .more-menu-item {
    color: #1a1a1a !important;
    font-weight: 700 !important;
    border-radius: 12px !important;
}

body.theme-lego .more-menu-item:hover {
    background: rgba(208, 16, 18, 0.08) !important;
    color: #d01012 !important;
}

body.theme-lego .more-menu-item.active {
    background: rgba(208, 16, 18, 0.12) !important;
    color: #d01012 !important;
    font-weight: 800 !important;
}

/* --- 47. ALL buttons --- */
/* Primary (red, raised plastic) */
body.theme-lego .btn-primary {
    background: #d01012 !important;
    border: 3px solid #a00d0f !important;
    box-shadow: 0 4px 0 #7a0a0b !important;
    color: white !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    border-radius: 14px !important;
    letter-spacing: 0.5px !important;
}

body.theme-lego .btn-primary:hover:not(:disabled) {
    background: #e81416 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 0 #7a0a0b !important;
}

body.theme-lego .btn-primary:active:not(:disabled) {
    transform: translateY(2px) !important;
    box-shadow: 0 1px 0 #7a0a0b !important;
}

body.theme-lego .btn-primary:disabled {
    opacity: 0.5 !important;
    box-shadow: 0 2px 0 #7a7a7a !important;
    border-color: #7a7a7a !important;
    background: #b0b0b0 !important;
}

/* Success (green) */
body.theme-lego .btn-success {
    background: #00852b !important;
    border: 3px solid #005c1e !important;
    box-shadow: 0 4px 0 #003d14 !important;
    color: white !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    border-radius: 14px !important;
}

body.theme-lego .btn-success:hover:not(:disabled) {
    background: #00a035 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 0 #003d14 !important;
}

body.theme-lego .btn-success:active:not(:disabled) {
    transform: translateY(2px) !important;
    box-shadow: 0 1px 0 #003d14 !important;
}

/* Secondary (blue) */
body.theme-lego .btn-secondary {
    background: #0057a6 !important;
    border: 3px solid #004080 !important;
    box-shadow: 0 4px 0 #003060 !important;
    color: white !important;
    font-weight: 800 !important;
    border-radius: 14px !important;
}

body.theme-lego .btn-secondary:hover:not(:disabled) {
    background: #006cc7 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 0 #003060 !important;
}

body.theme-lego .btn-secondary:active:not(:disabled) {
    transform: translateY(2px) !important;
    box-shadow: 0 1px 0 #003060 !important;
}

/* Danger button */
body.theme-lego .btn-danger {
    background: #d01012 !important;
    border: 3px solid #a00d0f !important;
    box-shadow: 0 4px 0 #7a0a0b !important;
    color: white !important;
    font-weight: 800 !important;
    border-radius: 14px !important;
}

body.theme-lego .btn-danger:hover:not(:disabled) {
    background: #e81416 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 0 #7a0a0b !important;
}

/* Outline / ghost buttons */
body.theme-lego .btn-outline,
body.theme-lego .btn-ghost {
    background: transparent !important;
    border: 2px solid #e0d8c0 !important;
    color: #1a1a1a !important;
    font-weight: 700 !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 0 #d0c8a8 !important;
}

body.theme-lego .btn-outline:hover,
body.theme-lego .btn-ghost:hover {
    background: #faf6e9 !important;
    border-color: #d01012 !important;
    color: #d01012 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 3px 0 #d0c8a8 !important;
}

/* Generic btn styling */
body.theme-lego .btn {
    border-radius: 14px !important;
    font-weight: 700 !important;
}

/* --- 48. All form elements (cream bg) --- */
body.theme-lego input,
body.theme-lego select,
body.theme-lego textarea {
    background: #faf6e9 !important;
    border: 2px solid #e0d8c0 !important;
    color: #1a1a1a !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
}

body.theme-lego input:focus,
body.theme-lego select:focus,
body.theme-lego textarea:focus {
    border-color: #0057a6 !important;
    box-shadow: 0 0 0 3px rgba(0, 87, 166, 0.15) !important;
    outline: none !important;
}

body.theme-lego input::placeholder,
body.theme-lego textarea::placeholder {
    color: #7a7a7a !important;
    font-weight: 600 !important;
}

body.theme-lego input[type="checkbox"],
body.theme-lego input[type="radio"] {
    accent-color: #d01012 !important;
}

body.theme-lego label {
    color: #1a1a1a !important;
    font-weight: 700 !important;
}

/* --- 49. Toast, highlights, back-to-top --- */
/* Toast notifications */
body.theme-lego .toast,
body.theme-lego .toast-badge {
    background: #ffffff !important;
    border: 3px solid #e0d8c0 !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 0 #d0c8a8 !important;
    color: #1a1a1a !important;
    font-weight: 700 !important;
}

body.theme-lego .toast-success {
    border-left: 5px solid #00852b !important;
}

body.theme-lego .toast-error {
    border-left: 5px solid #d01012 !important;
}

body.theme-lego .toast-warning {
    border-left: 5px solid #f6a623 !important;
}

body.theme-lego .toast-info {
    border-left: 5px solid #0057a6 !important;
}

body.theme-lego .toast-icon {
    font-weight: 800 !important;
}

body.theme-lego .toast-message {
    color: #1a1a1a !important;
    font-weight: 700 !important;
}

body.theme-lego .toast-title {
    color: #1a1a1a !important;
    font-weight: 800 !important;
}

/* Highlight popup */
body.theme-lego .highlight-popup {
    background: #ffffff !important;
    border: 3px solid #e0d8c0 !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 0 #d0c8a8 !important;
}

body.theme-lego .highlight-popup-btn {
    border-radius: 10px !important;
    font-weight: 700 !important;
    border: 2px solid transparent !important;
}

body.theme-lego .highlight-popup-btn:hover {
    transform: scale(1.1) !important;
}

body.theme-lego .highlight-popup-btn.color-yellow {
    border-color: #c9c02a !important;
}

body.theme-lego .highlight-popup-btn.color-green {
    border-color: #005c1e !important;
}

body.theme-lego .highlight-popup-btn.color-red {
    border-color: #a00d0f !important;
}

body.theme-lego .highlight-popup-btn.danger {
    background: #d01012 !important;
    color: white !important;
}

body.theme-lego .highlight-popup-sep {
    background: #e0d8c0 !important;
}

/* Highlights (visible on light bg) */
body.theme-lego .highlight-yellow {
    background: linear-gradient(180deg, rgba(246, 236, 53, 0.1) 0%, rgba(246, 236, 53, 0.3) 100%) !important;
    border-bottom-color: #c9c02a !important;
}

body.theme-lego .highlight-green {
    background: linear-gradient(180deg, rgba(0, 133, 43, 0.08) 0%, rgba(0, 133, 43, 0.2) 100%) !important;
    border-bottom-color: #00852b !important;
}

body.theme-lego .highlight-red {
    background: linear-gradient(180deg, rgba(208, 16, 18, 0.08) 0%, rgba(208, 16, 18, 0.2) 100%) !important;
    border-bottom-color: #d01012 !important;
}

/* Back to top button */
body.theme-lego .back-to-top {
    background: #d01012 !important;
    border: 3px solid #a00d0f !important;
    box-shadow: 0 4px 0 #7a0a0b !important;
    color: white !important;
    border-radius: 14px !important;
    font-weight: 800 !important;
}

body.theme-lego .back-to-top:hover {
    background: #e81416 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 0 #7a0a0b !important;
}

/* --- 50. Scrollbar & selection --- */
body.theme-lego ::-webkit-scrollbar {
    width: 10px !important;
    height: 10px !important;
}

body.theme-lego ::-webkit-scrollbar-track {
    background: #f5f0dc !important;
    border-radius: 8px !important;
}

body.theme-lego ::-webkit-scrollbar-thumb {
    background: #d01012 !important;
    border-radius: 8px !important;
    border: 2px solid #f5f0dc !important;
}

body.theme-lego ::-webkit-scrollbar-thumb:hover {
    background: #a00d0f !important;
}

body.theme-lego * {
    scrollbar-color: #d01012 #f5f0dc !important;
    scrollbar-width: thin !important;
}

body.theme-lego ::selection {
    background: rgba(208, 16, 18, 0.2) !important;
    color: #1a1a1a !important;
}

body.theme-lego ::-moz-selection {
    background: rgba(208, 16, 18, 0.2) !important;
    color: #1a1a1a !important;
}

/* --- 51. Theme selector context --- */
body.theme-lego .theme-selector-section {
    background: #f5f0dc !important;
    border-radius: 12px !important;
}

body.theme-lego .theme-selector-title {
    color: #7a7a7a !important;
    font-weight: 800 !important;
}

body.theme-lego .theme-option {
    border-radius: 12px !important;
}

body.theme-lego .theme-option:hover {
    background: rgba(0, 0, 0, 0.05) !important;
    border-color: #e0d8c0 !important;
}

body.theme-lego .theme-option.active {
    border-color: #d01012 !important;
    background: rgba(208, 16, 18, 0.08) !important;
}

body.theme-lego .theme-option.active .theme-option-name {
    color: #d01012 !important;
    font-weight: 800 !important;
}

body.theme-lego .theme-preview {
    border-color: #e0d8c0 !important;
    border-radius: 10px !important;
}

body.theme-lego .theme-option-name {
    color: #4a4a4a !important;
    font-weight: 700 !important;
}

/* --- Extra: General text overrides for light theme --- */
body.theme-lego h1, body.theme-lego h2, body.theme-lego h3,
body.theme-lego h4, body.theme-lego h5, body.theme-lego h6 {
    color: #1a1a1a !important;
    font-weight: 800 !important;
}

body.theme-lego p {
    color: #2d2d2d !important;
}

body.theme-lego a {
    color: #0057a6 !important;
}

body.theme-lego a:hover {
    color: #d01012 !important;
}

body.theme-lego .text-muted {
    color: #7a7a7a !important;
}

body.theme-lego .text-secondary {
    color: #4a4a4a !important;
}

/* --- Extra: Exam simulation containers --- */
body.theme-lego .exam-sim-container {
    background: #ffffff !important;
    border: 3px solid #e0d8c0 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 0 #d0c8a8 !important;
    color: #1a1a1a !important;
}

body.theme-lego .exam-option {
    background: #faf6e9 !important;
    border: 2px solid #e0d8c0 !important;
    border-radius: 12px !important;
    color: #1a1a1a !important;
}

body.theme-lego .exam-option:hover {
    border-color: #d01012 !important;
    background: rgba(208, 16, 18, 0.04) !important;
}

body.theme-lego .exam-results-modal {
    background: #ffffff !important;
    border: 3px solid #e0d8c0 !important;
    border-radius: 16px !important;
    box-shadow: 0 6px 0 #d0c8a8 !important;
    color: #1a1a1a !important;
}

/* --- Extra: Study section containers --- */
body.theme-lego .study-section {
    background: #ffffff !important;
    border: 2px solid #e0d8c0 !important;
    border-radius: 16px !important;
    box-shadow: 0 3px 0 #d0c8a8 !important;
}

/* --- Extra: Flashcard session & results --- */
body.theme-lego .flashcards-session,
body.theme-lego .flashcards-results,
body.theme-lego .flashcards-decks {
    color: #1a1a1a !important;
}

body.theme-lego .flashcards-session-end {
    color: #1a1a1a !important;
}

body.theme-lego .flashcards-session-end .btn {
    font-weight: 800 !important;
}

/* --- Extra: Badges scroll --- */
body.theme-lego .badges-scroll {
    scrollbar-color: #d01012 #e0d8c0 !important;
}

body.theme-lego .badges-scroll::-webkit-scrollbar-track {
    background: #e0d8c0 !important;
}

body.theme-lego .badges-scroll::-webkit-scrollbar-thumb {
    background: #d01012 !important;
    border-radius: 8px !important;
}

/* --- Extra: Progress bars --- */
body.theme-lego .progress-bar {
    background: #e0d8c0 !important;
    border-radius: 8px !important;
    border: 1px solid #d0c8a8 !important;
}

body.theme-lego .progress-fill,
body.theme-lego .progress-bar-fill {
    background: linear-gradient(90deg, #d01012, #f6a623) !important;
    border-radius: 8px !important;
}

/* --- Extra: Question container specifics --- */
body.theme-lego .question-container {
    border-top: 4px solid #d01012 !important;
}

body.theme-lego .question-container h3 {
    color: #1a1a1a !important;
    font-weight: 800 !important;
}

body.theme-lego .question-text {
    color: #2d2d2d !important;
    font-weight: 700 !important;
}

body.theme-lego .question-number {
    color: #d01012 !important;
    font-weight: 800 !important;
}

/* --- Extra: Dropdown menus --- */
body.theme-lego .dropdown-menu,
body.theme-lego [class*="dropdown"] {
    background: #ffffff !important;
    border: 2px solid #e0d8c0 !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 0 #d0c8a8 !important;
    color: #1a1a1a !important;
}

body.theme-lego .dropdown-item {
    color: #1a1a1a !important;
    font-weight: 700 !important;
}

body.theme-lego .dropdown-item:hover {
    background: #faf6e9 !important;
    color: #d01012 !important;
}

/* --- Extra: Toggle and switch elements --- */
body.theme-lego .theme-toggle-item {
    color: #1a1a1a !important;
}

body.theme-lego .theme-toggle-item:hover {
    background: rgba(208, 16, 18, 0.06) !important;
}

/* --- Extra: Ensure no glassmorphism/blur anywhere --- */
body.theme-lego .study-path-hero,
body.theme-lego .dashboard-hero-compact,
body.theme-lego .mobile-bottom-bar,
body.theme-lego .mobile-more-menu,
body.theme-lego .top-navbar,
body.theme-lego .sidebar,
body.theme-lego .modal-content,
body.theme-lego .chat-panel {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

/* ==========================================
   BATMAN THEME
   ========================================== */
body.theme-batman {
    --primary: #ffc107;
    --primary-dark: #e6ac00;
    --primary-light: #ffd54f;
    --secondary: #ffc107;
    --secondary-dark: #e6ac00;
    --danger: #d32f2f;
    --warning: #ffc107;
    --success: #ffc107;

    --bg-dark: #0a0a0a;
    --bg-card: #1a1a1a;
    --bg-card-hover: #252525;
    --bg-sidebar: #111111;

    --text-primary: #e0e0e0;
    --text-secondary: #999999;
    --text-muted: #666666;
    --text-reading: #cccccc;

    --border-color: #333333;
    --border-radius: 6px;
    --border-radius-sm: 4px;
    --border-radius-lg: 10px;

    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.5);
    --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-glow: 0 0 20px rgba(255, 193, 7, 0.3);

    --surface-1: #1a1a1a;
    --surface-2: #111111;
    --surface-border: #333333;
    --surface-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
}

body.theme-batman {
    background:
        radial-gradient(ellipse at 50% 20%, rgba(255, 193, 7, 0.03) 0%, transparent 60%),
        linear-gradient(180deg, #080808 0%, #0a0a0a 50%, #050505 100%) !important;
}

body.theme-batman .top-navbar {
    background: linear-gradient(180deg, #1a1a1a 0%, #111111 100%) !important;
    border-bottom: 2px solid #ffc107 !important;
    box-shadow: 0 2px 20px rgba(255, 193, 7, 0.15) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.theme-batman .top-navbar::after {
    content: '' !important;
    position: absolute !important;
    bottom: -2px !important;
    left: 0 !important;
    right: 0 !important;
    height: 2px !important;
    background: linear-gradient(90deg, transparent, #ffc107, #ffd54f, #ffc107, transparent) !important;
    opacity: 0.8 !important;
}

body.theme-batman .navbar-brand .logo-text {
    background: none !important;
    -webkit-text-fill-color: #ffc107 !important;
    text-shadow: 0 0 10px rgba(255, 193, 7, 0.3) !important;
}

body.theme-batman .navbar-brand .version-badge {
    background: #ffc107 !important;
    color: #0a0a0a !important;
    font-weight: 800 !important;
    box-shadow: 0 0 10px rgba(255, 193, 7, 0.3) !important;
}

body.theme-batman .navbar-nav .nav-btn {
    border: 1px solid #333 !important;
    background: rgba(255, 193, 7, 0.05) !important;
    color: #999 !important;
}

body.theme-batman .navbar-nav .nav-btn:hover {
    background: rgba(255, 193, 7, 0.1) !important;
    border-color: rgba(255, 193, 7, 0.3) !important;
    color: #ffc107 !important;
}

body.theme-batman .navbar-nav .nav-btn.active {
    background: #ffc107 !important;
    color: #0a0a0a !important;
    font-weight: 700 !important;
    border-color: #ffd54f !important;
    box-shadow: 0 0 20px rgba(255, 193, 7, 0.3) !important;
}

body.theme-batman .sidebar {
    background: #111111 !important;
    border-right: 1px solid #333 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.theme-batman .lesson-item.active {
    background: rgba(255, 193, 7, 0.1) !important;
    border-left: 3px solid #ffc107 !important;
}

body.theme-batman .btn-primary {
    background: #ffc107 !important;
    border: 2px solid #e6ac00 !important;
    color: #0a0a0a !important;
    font-weight: 800 !important;
    box-shadow: 0 0 16px rgba(255, 193, 7, 0.25) !important;
}

body.theme-batman .btn-primary:hover:not(:disabled) {
    background: #ffd54f !important;
    box-shadow: 0 0 24px rgba(255, 193, 7, 0.4) !important;
    transform: translateY(-2px) !important;
}

body.theme-batman .btn-success {
    background: #ffc107 !important;
    border: 2px solid #e6ac00 !important;
    color: #0a0a0a !important;
    box-shadow: 0 0 12px rgba(255, 193, 7, 0.2) !important;
}

body.theme-batman .study-path-hero,
body.theme-batman .dashboard-hero-compact,
body.theme-batman .next-step-card,
body.theme-batman .quick-actions.compact,
body.theme-batman .exam-readiness-compact,
body.theme-batman .badges-section-compact,
body.theme-batman .activity-compact,
body.theme-batman .exam-setup,
body.theme-batman .question-container,
body.theme-batman .results-card,
body.theme-batman .case-card,
body.theme-batman .pbq-card,
body.theme-batman .deck-card,
body.theme-batman .note-card,
body.theme-batman .dashboard-card {
    background: #1a1a1a !important;
    border: 1px solid #333 !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.4) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.theme-batman .phase {
    border: 1px solid #333 !important;
    border-left: 4px solid #ffc107 !important;
    background: #1a1a1a !important;
}

body.theme-batman .step {
    border: 1px solid #2a2a2a !important;
    background: #141414 !important;
}

body.theme-batman .step:hover:not(.locked) {
    border-color: rgba(255, 193, 7, 0.4) !important;
    background: rgba(255, 193, 7, 0.05) !important;
    box-shadow: 0 0 12px rgba(255, 193, 7, 0.1) !important;
}

body.theme-batman .option {
    border: 1px solid #333 !important;
    background: #141414 !important;
}

body.theme-batman .option:hover:not(.disabled) {
    border-color: rgba(255, 193, 7, 0.5) !important;
    background: rgba(255, 193, 7, 0.06) !important;
}

body.theme-batman .option-letter {
    background: #ffc107 !important;
    color: #0a0a0a !important;
}

body.theme-batman .section-header {
    background: linear-gradient(135deg, #1a1a1a, #252525) !important;
    border-bottom: 2px solid #ffc107 !important;
    color: #ffc107 !important;
}

body.theme-batman .section-header h3 {
    color: #ffc107 !important;
}

body.theme-batman .flashcard-front,
body.theme-batman .flashcard-back {
    border: 1px solid #333 !important;
    background: #1a1a1a !important;
}

body.theme-batman .mobile-bottom-bar {
    background: #111111 !important;
    border-top: 2px solid #ffc107 !important;
    box-shadow: 0 -2px 16px rgba(255, 193, 7, 0.1) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.theme-batman .mobile-tab.active {
    color: #ffc107 !important;
}

body.theme-batman .mobile-tab.active::after {
    background: #ffc107 !important;
}

body.theme-batman .mobile-more-menu {
    background: #1a1a1a !important;
    border: 1px solid #333 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.theme-batman .mini-progress-fill {
    background: linear-gradient(90deg, #e6ac00, #ffc107, #ffd54f) !important;
    box-shadow: 0 0 8px rgba(255, 193, 7, 0.3) !important;
}

body.theme-batman .view-header h1 {
    background: none !important;
    -webkit-text-fill-color: #ffc107 !important;
    text-shadow: 0 0 16px rgba(255, 193, 7, 0.2) !important;
}

body.theme-batman .modal-content {
    background: #1a1a1a !important;
    border: 1px solid #ffc107 !important;
    box-shadow: 0 0 30px rgba(255, 193, 7, 0.1) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.theme-batman .chat-header {
    background: linear-gradient(135deg, #1a1a1a, #252525) !important;
    border-bottom: 2px solid #ffc107 !important;
}

body.theme-batman .chat-panel {
    background: #1a1a1a !important;
    border: 1px solid #333 !important;
}

body.theme-batman .fab-chat {
    background: #ffc107 !important;
    color: #0a0a0a !important;
}

body.theme-batman .fab-notes {
    background: #333 !important;
    border: 2px solid #ffc107 !important;
}

body.theme-batman .profile-overlay {
    background: linear-gradient(135deg, #0a0a0a, #111, #0a0a0a) !important;
}

body.theme-batman .profile-avatar {
    background: #ffc107 !important;
    color: #0a0a0a !important;
}

body.theme-batman .stat-pill {
    border: 1px solid #333 !important;
    background: #141414 !important;
}

body.theme-batman .suggestion-chip {
    border: 1px solid #333 !important;
    background: #141414 !important;
    color: #ffc107 !important;
}

body.theme-batman .suggestion-chip:hover {
    border-color: #ffc107 !important;
    box-shadow: 0 0 12px rgba(255, 193, 7, 0.15) !important;
}


/* ==========================================
   SPIDER-MAN THEME - COMPLETE
   ========================================== */

/* 1. CSS CUSTOM PROPERTIES */
body.theme-spiderman {
    --primary: #E23636;
    --primary-dark: #B81C1C;
    --primary-light: #FF5252;
    --secondary: #1565C0;
    --secondary-dark: #0D47A1;
    --danger: #E23636;
    --warning: #FF8F00;
    --success: #2E7D32;
    --bg-dark: #0D1B3E;
    --bg-card: #12234D;
    --bg-card-hover: #1A2F5E;
    --bg-sidebar: #0F1F44;
    --text-primary: #F5F5F5;
    --text-secondary: #B0BEC5;
    --text-muted: #78909C;
    --text-reading: #E0E0E0;
    --border-color: #1E3A6E;
    --border-radius: 12px;
    --border-radius-sm: 8px;
    --border-radius-lg: 16px;
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.35);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.4);
    --shadow-glow: 0 0 20px rgba(226, 54, 54, 0.3);

    --surface-1: #12234D;
    --surface-2: #0F1F44;
    --surface-border: #1E3A6E;
    --surface-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

/* 2. BODY BACKGROUND */
body.theme-spiderman {
    background:
        radial-gradient(ellipse at 20% 10%, rgba(226, 54, 54, 0.1) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 90%, rgba(21, 101, 192, 0.1) 0%, transparent 50%),
        linear-gradient(180deg, #0A1530 0%, #0D1B3E 40%, #081228 100%) !important;
}

/* 3. TOP NAVBAR */
body.theme-spiderman .top-navbar {
    background: linear-gradient(180deg, #E23636 0%, #B81C1C 100%) !important;
    border-bottom: 3px solid #8B1111 !important;
    box-shadow: 0 4px 16px rgba(226, 54, 54, 0.3) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.theme-spiderman .top-navbar::after {
    content: '' !important;
    position: absolute !important;
    bottom: -3px !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: linear-gradient(90deg, #1565C0, #E23636, #1565C0, #E23636, #1565C0) !important;
    opacity: 0.8 !important;
}

/* 4. NAVBAR BRAND / LOGO */
body.theme-spiderman .navbar-brand .logo-text {
    background: none !important;
    -webkit-text-fill-color: white !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3) !important;
}

body.theme-spiderman .navbar-brand .version-badge {
    background: #1565C0 !important;
    color: #F5F5F5 !important;
    border: 2px solid #0D47A1 !important;
    box-shadow: 0 2px 8px rgba(21, 101, 192, 0.4) !important;
    font-weight: 700 !important;
}

/* 5. NAV BUTTONS */
body.theme-spiderman .navbar-nav .nav-btn {
    background: rgba(255,255,255,0.1) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    color: rgba(255,255,255,0.8) !important;
    transition: all 0.2s ease !important;
}

body.theme-spiderman .navbar-nav .nav-btn:hover {
    background: rgba(255,255,255,0.2) !important;
    border-color: rgba(255,255,255,0.3) !important;
    color: white !important;
    transform: translateY(-1px) !important;
}

body.theme-spiderman .navbar-nav .nav-btn.active {
    background: #1565C0 !important;
    color: white !important;
    border-color: #42A5F5 !important;
    box-shadow: 0 4px 16px rgba(21, 101, 192, 0.4) !important;
    font-weight: 700 !important;
}

/* 6. NAVBAR SEARCH */
body.theme-spiderman .navbar-search .search-results-dropdown {
    background: #12234D !important;
    border: 1px solid #1E3A6E !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.4) !important;
}

body.theme-spiderman .navbar-search .search-results-dropdown.active {
    border-color: #E23636 !important;
}

body.theme-spiderman .search-result-item {
    border-bottom: 1px solid rgba(30, 58, 110, 0.4) !important;
    color: #F5F5F5 !important;
}

body.theme-spiderman .search-result-item:hover {
    background: rgba(226, 54, 54, 0.08) !important;
}

body.theme-spiderman .search-result-title {
    color: #F5F5F5 !important;
}

body.theme-spiderman .search-result-context {
    color: #78909C !important;
}

body.theme-spiderman .search-container input,
body.theme-spiderman .search-input {
    background: rgba(15, 27, 62, 0.8) !important;
    border: 1px solid #1E3A6E !important;
    color: #F5F5F5 !important;
}

body.theme-spiderman .search-container input:focus,
body.theme-spiderman .search-input:focus {
    border-color: #E23636 !important;
    box-shadow: 0 0 0 3px rgba(226, 54, 54, 0.15) !important;
}

/* 7. SIDEBAR */
body.theme-spiderman .sidebar {
    background: linear-gradient(180deg, #0F1F44, #0D1B3E) !important;
    border-right: 2px solid #1E3A6E !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.theme-spiderman .sidebar-header {
    background: rgba(226, 54, 54, 0.08) !important;
    border-bottom: 1px solid #1E3A6E !important;
}

body.theme-spiderman .sidebar-footer {
    background: rgba(13, 27, 62, 0.9) !important;
    border-top: 1px solid #1E3A6E !important;
}

body.theme-spiderman .lesson-item {
    color: #B0BEC5 !important;
    border: 1px solid transparent !important;
    transition: all 0.2s ease !important;
}

body.theme-spiderman .lesson-item:hover {
    background: rgba(226, 54, 54, 0.06) !important;
    border-color: rgba(226, 54, 54, 0.15) !important;
    transform: translateX(4px) !important;
}

body.theme-spiderman .lesson-item.active {
    background: rgba(226, 54, 54, 0.15) !important;
    border-left: 4px solid #E23636 !important;
    color: #F5F5F5 !important;
    box-shadow: 0 0 12px rgba(226, 54, 54, 0.08) !important;
}

body.theme-spiderman .lesson-item.completed { color: #4CAF50 !important; }
body.theme-spiderman .menu-toggle { color: #B0BEC5 !important; }
body.theme-spiderman .menu-toggle:hover { color: #E23636 !important; }

/* 8. MINI PROGRESS BAR */
body.theme-spiderman .mini-progress { background: rgba(30, 58, 110, 0.5) !important; }

body.theme-spiderman .mini-progress-fill {
    background: linear-gradient(90deg, #E23636, #1565C0, #E23636) !important;
    background-size: 200% 100% !important;
    animation: spiderProgress 3s linear infinite !important;
    box-shadow: 0 0 8px rgba(226, 54, 54, 0.3) !important;
}

@keyframes spiderProgress {
    0% { background-position: 0% 0%; }
    100% { background-position: 200% 0%; }
}

/* 9. BUTTONS - PRIMARY */
body.theme-spiderman .btn-primary {
    background: linear-gradient(135deg, #E23636, #B81C1C) !important;
    border: 2px solid #FF5252 !important;
    box-shadow: 0 4px 16px rgba(226, 54, 54, 0.3) !important;
    color: white !important;
    font-weight: 700 !important;
    transition: all 0.2s ease !important;
}

body.theme-spiderman .btn-primary:hover:not(:disabled) {
    background: linear-gradient(135deg, #FF5252, #E23636) !important;
    box-shadow: 0 6px 24px rgba(226, 54, 54, 0.4) !important;
    transform: translateY(-2px) !important;
}

body.theme-spiderman .btn-primary:active:not(:disabled) {
    transform: translateY(0) !important;
    box-shadow: 0 2px 8px rgba(226, 54, 54, 0.3) !important;
}

body.theme-spiderman .btn-primary:disabled {
    background: linear-gradient(135deg, #5a2020, #3d1515) !important;
    border-color: #4a1a1a !important;
    color: #78909C !important;
    box-shadow: none !important;
    opacity: 0.6 !important;
}

/* 10. BUTTONS - SUCCESS / SECONDARY */
body.theme-spiderman .btn-success {
    background: linear-gradient(135deg, #1565C0, #0D47A1) !important;
    border: 2px solid #42A5F5 !important;
    box-shadow: 0 4px 12px rgba(21, 101, 192, 0.3) !important;
    color: white !important;
    font-weight: 700 !important;
}

body.theme-spiderman .btn-success:hover:not(:disabled) {
    background: linear-gradient(135deg, #42A5F5, #1565C0) !important;
    box-shadow: 0 6px 20px rgba(21, 101, 192, 0.4) !important;
    transform: translateY(-2px) !important;
}

body.theme-spiderman .btn-secondary {
    background: linear-gradient(135deg, #1A2F5E, #12234D) !important;
    border: 2px solid #1E3A6E !important;
    color: #B0BEC5 !important;
}

body.theme-spiderman .btn-secondary:hover:not(:disabled) {
    background: linear-gradient(135deg, #1E3A6E, #1A2F5E) !important;
    border-color: #42A5F5 !important;
    color: #F5F5F5 !important;
}

/* 11. BUTTONS - OUTLINE / DANGER / WARNING */
body.theme-spiderman .btn-outline { background: transparent !important; border: 2px solid #1E3A6E !important; color: #B0BEC5 !important; }
body.theme-spiderman .btn-outline:hover { border-color: #E23636 !important; color: #E23636 !important; background: rgba(226, 54, 54, 0.06) !important; }
body.theme-spiderman .btn-danger { background: linear-gradient(135deg, #E23636, #B81C1C) !important; border: 2px solid #FF5252 !important; color: white !important; }
body.theme-spiderman .btn-danger:hover:not(:disabled) { background: linear-gradient(135deg, #FF5252, #E23636) !important; }
body.theme-spiderman .btn-warning { background: linear-gradient(135deg, #FF8F00, #E65100) !important; border: 2px solid #FFB300 !important; color: white !important; }
body.theme-spiderman .btn-warning:hover:not(:disabled) { background: linear-gradient(135deg, #FFB300, #FF8F00) !important; }
body.theme-spiderman .btn-ghost { background: transparent !important; color: #B0BEC5 !important; border: none !important; }
body.theme-spiderman .btn-ghost:hover { background: rgba(226, 54, 54, 0.08) !important; color: #FF5252 !important; }

/* 12. CARDS & CONTAINERS */
body.theme-spiderman .study-path-hero,
body.theme-spiderman .dashboard-hero-compact,
body.theme-spiderman .next-step-card,
body.theme-spiderman .quick-actions.compact,
body.theme-spiderman .exam-readiness-compact,
body.theme-spiderman .badges-section-compact,
body.theme-spiderman .activity-compact,
body.theme-spiderman .exam-setup,
body.theme-spiderman .question-container,
body.theme-spiderman .results-card,
body.theme-spiderman .case-card,
body.theme-spiderman .pbq-card,
body.theme-spiderman .deck-card,
body.theme-spiderman .note-card,
body.theme-spiderman .dashboard-card,
body.theme-spiderman .profile-page-card,
body.theme-spiderman .profile-page-card-wide {
    background: linear-gradient(145deg, #12234D, #0F1D42) !important;
    border: 1px solid #1E3A6E !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.3) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.theme-spiderman .study-path-hero:hover,
body.theme-spiderman .dashboard-card:hover,
body.theme-spiderman .deck-card:hover,
body.theme-spiderman .note-card:hover {
    border-color: rgba(226, 54, 54, 0.3) !important;
    box-shadow: 0 6px 24px rgba(0,0,0,0.35) !important;
}

body.theme-spiderman .dashboard-hero-compact::before { background: linear-gradient(135deg, rgba(226, 54, 54, 0.15), rgba(21, 101, 192, 0.15)) !important; }
body.theme-spiderman .case-card::before, body.theme-spiderman .pbq-card::before { display: none !important; }
body.theme-spiderman .case-card:hover, body.theme-spiderman .pbq-card:hover { border-color: rgba(226, 54, 54, 0.4) !important; box-shadow: 0 6px 20px rgba(226, 54, 54, 0.1) !important; }

/* 13. SECTION HEADERS */
body.theme-spiderman .section-header { background: linear-gradient(135deg, #E23636, #B81C1C) !important; color: white !important; border-bottom: none !important; }
body.theme-spiderman .section-header h3 { color: white !important; }

/* 14. VIEW HEADERS & TITLES */
body.theme-spiderman .view-header h1 {
    background: linear-gradient(135deg, #FF5252, #FFFFFF, #42A5F5) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
body.theme-spiderman .view-header p { color: #B0BEC5 !important; }

/* 15. PHASES */
body.theme-spiderman .phase { border: 1px solid #1E3A6E !important; border-left: 5px solid #E23636 !important; background: #12234D !important; }
body.theme-spiderman .phase:hover { border-color: rgba(226, 54, 54, 0.4) !important; }

/* 16. STEPS */
body.theme-spiderman .step { border: 1px solid rgba(30, 58, 110, 0.6) !important; background: rgba(15, 27, 62, 0.8) !important; transition: all 0.2s ease !important; }
body.theme-spiderman .step:hover:not(.locked) { border-color: rgba(226, 54, 54, 0.4) !important; background: rgba(226, 54, 54, 0.06) !important; box-shadow: 0 4px 16px rgba(226, 54, 54, 0.1) !important; }
body.theme-spiderman .step.completed { border-color: rgba(46, 125, 50, 0.4) !important; background: rgba(46, 125, 50, 0.06) !important; }
body.theme-spiderman .step.locked { opacity: 0.5 !important; border-color: rgba(30, 58, 110, 0.3) !important; }

/* 17. EXAM OPTIONS */
body.theme-spiderman .option { border: 2px solid #1E3A6E !important; background: rgba(15, 27, 62, 0.7) !important; color: #F5F5F5 !important; transition: all 0.2s ease !important; }
body.theme-spiderman .option:hover:not(.disabled) { border-color: #E23636 !important; background: rgba(226, 54, 54, 0.08) !important; }
body.theme-spiderman .option.selected { border-color: #42A5F5 !important; background: rgba(21, 101, 192, 0.15) !important; box-shadow: 0 0 12px rgba(21, 101, 192, 0.2) !important; }
body.theme-spiderman .option.correct { border-color: #4CAF50 !important; background: rgba(46, 125, 50, 0.12) !important; box-shadow: 0 0 12px rgba(76, 175, 80, 0.15) !important; }
body.theme-spiderman .option.incorrect { border-color: #E23636 !important; background: rgba(226, 54, 54, 0.1) !important; box-shadow: 0 0 12px rgba(226, 54, 54, 0.15) !important; }
body.theme-spiderman .option.disabled { opacity: 0.6 !important; }
body.theme-spiderman .option-letter { background: #E23636 !important; color: white !important; font-weight: 700 !important; }
body.theme-spiderman .option.correct .option-letter { background: #2E7D32 !important; }
body.theme-spiderman .option.incorrect .option-letter { background: #B81C1C !important; }
body.theme-spiderman .option.selected .option-letter { background: #1565C0 !important; }

/* 18. EXAM HEADER / PROGRESS / TIMER */
body.theme-spiderman .exam-header { background: linear-gradient(145deg, #12234D, #0F1D42) !important; border-bottom: 1px solid #1E3A6E !important; }
body.theme-spiderman .exam-progress { background: rgba(30, 58, 110, 0.4) !important; }
body.theme-spiderman .exam-progress-bar { background: rgba(30, 58, 110, 0.4) !important; }
body.theme-spiderman .exam-progress-fill { background: linear-gradient(90deg, #E23636, #FF5252) !important; }
body.theme-spiderman .question-number { color: #FF5252 !important; font-weight: 700 !important; }
body.theme-spiderman .question-text { color: #F5F5F5 !important; }
body.theme-spiderman .difficulty-badge { border: 1px solid #1E3A6E !important; }
body.theme-spiderman .difficulty-easy, body.theme-spiderman .difficulty-facil { color: #4CAF50 !important; background: rgba(76, 175, 80, 0.1) !important; }
body.theme-spiderman .difficulty-medium, body.theme-spiderman .difficulty-medio { color: #FF8F00 !important; background: rgba(255, 143, 0, 0.1) !important; }
body.theme-spiderman .difficulty-hard, body.theme-spiderman .difficulty-dificil { color: #E23636 !important; background: rgba(226, 54, 54, 0.1) !important; }
body.theme-spiderman .exam-sim-timer { color: #FF5252 !important; }
body.theme-spiderman .exam-sim-timer .timer-icon { color: #E23636 !important; }
body.theme-spiderman .exam-sim-timer .timer-value { color: #FF5252 !important; }

/* 19. RESULTS */
body.theme-spiderman .results-status { color: #F5F5F5 !important; }
body.theme-spiderman .results-stats { background: rgba(15, 27, 62, 0.5) !important; border: 1px solid #1E3A6E !important; }
body.theme-spiderman .results-stat { border-right: 1px solid rgba(30, 58, 110, 0.4) !important; }
body.theme-spiderman .results-stat-value { color: #FF5252 !important; font-weight: 700 !important; }
body.theme-spiderman .results-stat-label { color: #78909C !important; }

/* 20. CASE SCENARIO */
body.theme-spiderman .case-scenario { background: rgba(15, 27, 62, 0.6) !important; border: 1px solid #1E3A6E !important; }
body.theme-spiderman .case-scenario h2 { color: #FF5252 !important; }
body.theme-spiderman .case-scenario-text { color: #E0E0E0 !important; }
body.theme-spiderman .case-scenario-text strong { color: #42A5F5 !important; }
body.theme-spiderman .case-scenario-panel { background: #12234D !important; border: 1px solid #1E3A6E !important; }
body.theme-spiderman .cases-header-badge { background: #E23636 !important; border: 2px solid #B81C1C !important; color: white !important; box-shadow: 0 2px 8px rgba(226, 54, 54, 0.3) !important; }

/* 21. FILTER CONTROLS */
body.theme-spiderman .filter-controls, body.theme-spiderman .filter-bar { background: #12234D !important; border: 1px solid #1E3A6E !important; }
body.theme-spiderman .filter-controls select, body.theme-spiderman .filter-bar select { background: rgba(15, 27, 62, 0.8) !important; border: 1px solid #1E3A6E !important; color: #F5F5F5 !important; }
body.theme-spiderman .filter-controls select:focus, body.theme-spiderman .filter-bar select:focus { border-color: #E23636 !important; }

/* 22. PBQ WORKSPACE */
body.theme-spiderman .pbq-workspace { background: rgba(13, 27, 62, 0.9) !important; border: 1px solid #1E3A6E !important; }
body.theme-spiderman .pbq-matching-container { background: rgba(15, 27, 62, 0.6) !important; }
body.theme-spiderman .pbq-matching-column h4 { color: #FF5252 !important; }
body.theme-spiderman .pbq-match-item { background: #12234D !important; border: 1px solid #1E3A6E !important; color: #F5F5F5 !important; }
body.theme-spiderman .pbq-match-item:hover { border-color: #E23636 !important; background: rgba(226, 54, 54, 0.08) !important; }
body.theme-spiderman .pbq-match-item.selected { border-color: #42A5F5 !important; background: rgba(21, 101, 192, 0.15) !important; }
body.theme-spiderman .pbq-match-item.matched { border-color: #4CAF50 !important; background: rgba(76, 175, 80, 0.1) !important; }
body.theme-spiderman .pbq-match-item.incorrect { border-color: #E23636 !important; background: rgba(226, 54, 54, 0.1) !important; }
body.theme-spiderman .pbq-match-number { background: #E23636 !important; color: white !important; }
body.theme-spiderman .pbq-log-container { background: #0D1B3E !important; border: 1px solid #1E3A6E !important; }
body.theme-spiderman .pbq-log-viewer { background: #0A1530 !important; }
body.theme-spiderman .pbq-log-header { background: linear-gradient(135deg, #12234D, #1A2F5E) !important; border-bottom: 1px solid #1E3A6E !important; }
body.theme-spiderman .pbq-log-title { color: #FF5252 !important; }
body.theme-spiderman .pbq-log-content { color: #B0BEC5 !important; }
body.theme-spiderman .pbq-log-line { border-bottom: 1px solid rgba(30, 58, 110, 0.3) !important; color: #B0BEC5 !important; }
body.theme-spiderman .pbq-log-line:hover { background: rgba(226, 54, 54, 0.06) !important; }
body.theme-spiderman .pbq-log-line.selected { background: rgba(21, 101, 192, 0.15) !important; border-color: #42A5F5 !important; }
body.theme-spiderman .pbq-network-node { background: #12234D !important; border: 2px solid #1E3A6E !important; color: #F5F5F5 !important; }
body.theme-spiderman .pbq-network-node.selected { border-color: #E23636 !important; box-shadow: 0 0 16px rgba(226, 54, 54, 0.3) !important; }
body.theme-spiderman .pbq-issue-option { background: #12234D !important; border: 1px solid #1E3A6E !important; color: #F5F5F5 !important; }
body.theme-spiderman .pbq-issue-option:hover { border-color: #E23636 !important; }
body.theme-spiderman .pbq-issue-option.selected { border-color: #42A5F5 !important; background: rgba(21, 101, 192, 0.15) !important; }
body.theme-spiderman .pbq-analysis-option { background: #12234D !important; border: 1px solid #1E3A6E !important; color: #F5F5F5 !important; }
body.theme-spiderman .pbq-analysis-option.selected { border-color: #1565C0 !important; background: rgba(21, 101, 192, 0.15) !important; }

/* 23. FLASHCARDS */
body.theme-spiderman .flashcard-container { perspective: 1000px !important; }
body.theme-spiderman .flashcard-inner { transition: transform 0.6s ease !important; }
body.theme-spiderman .flashcard-front, body.theme-spiderman .flashcard-back { border: 2px solid #1E3A6E !important; background: linear-gradient(145deg, #12234D, #0F1D42) !important; color: #F5F5F5 !important; }
body.theme-spiderman .flashcard-front { border-top: 4px solid #E23636 !important; }
body.theme-spiderman .flashcard-back { border-top: 4px solid #1565C0 !important; }
body.theme-spiderman .flashcard.flipped .flashcard-inner { transform: rotateY(180deg) !important; }

/* 24. ANKI BUTTONS */
body.theme-spiderman .anki-btn { border: 2px solid rgba(30, 58, 110, 0.6) !important; color: white !important; font-weight: 700 !important; transition: all 0.2s ease !important; }
body.theme-spiderman .anki-btn:hover { transform: translateY(-2px) !important; }
body.theme-spiderman .anki-btn:active { transform: translateY(0) !important; }
body.theme-spiderman .anki-again { background: linear-gradient(135deg, #E23636, #B81C1C) !important; border-color: #B81C1C !important; box-shadow: 0 4px 12px rgba(226, 54, 54, 0.25) !important; }
body.theme-spiderman .anki-hard { background: linear-gradient(135deg, #FF8F00, #E65100) !important; border-color: #E65100 !important; box-shadow: 0 4px 12px rgba(255, 143, 0, 0.25) !important; }
body.theme-spiderman .anki-good { background: linear-gradient(135deg, #1565C0, #0D47A1) !important; border-color: #0D47A1 !important; box-shadow: 0 4px 12px rgba(21, 101, 192, 0.25) !important; }
body.theme-spiderman .anki-easy { background: linear-gradient(135deg, #2E7D32, #1B5E20) !important; border-color: #1B5E20 !important; box-shadow: 0 4px 12px rgba(46, 125, 50, 0.25) !important; }

/* 25. DECK & NOTE CARDS */
body.theme-spiderman .deck-card h3 { color: #F5F5F5 !important; }
body.theme-spiderman .deck-card.custom { border-color: #E23636 !important; }
body.theme-spiderman .deck-stats { color: #78909C !important; }
body.theme-spiderman .note-card h3 { color: #F5F5F5 !important; }
body.theme-spiderman .notes-header-bar { background: #12234D !important; border-bottom: 1px solid #1E3A6E !important; }
body.theme-spiderman .notes-action-btn { background: linear-gradient(135deg, #E23636, #B81C1C) !important; border: 2px solid #FF5252 !important; color: white !important; }
body.theme-spiderman .notes-action-btn:hover { background: linear-gradient(135deg, #FF5252, #E23636) !important; }

/* 26. DOMAIN PROGRESS */
body.theme-spiderman .domain-name { color: #F5F5F5 !important; }
body.theme-spiderman .domain-progress-bar { background: rgba(30, 58, 110, 0.4) !important; }
body.theme-spiderman .domain-progress-fill { background: linear-gradient(90deg, #E23636, #1565C0) !important; }
body.theme-spiderman .domain-progress-text { color: #B0BEC5 !important; }
body.theme-spiderman .domain-score { color: #FF5252 !important; font-weight: 700 !important; }
body.theme-spiderman .domain-bar-compact .domain-progress { background: rgba(30, 58, 110, 0.4) !important; }

/* 27. CIRCULAR CHARTS */
body.theme-spiderman .circular-chart .circle-bg, body.theme-spiderman .circular-chart-lg .circle-bg { stroke: #1E3A6E !important; }
body.theme-spiderman .circular-chart-lg .path-progress { stroke: #E23636 !important; }
body.theme-spiderman .circular-chart-lg .percentage { fill: #F5F5F5 !important; }

/* 28. EXAM READINESS */
body.theme-spiderman .exam-readiness-panel { background: #12234D !important; border: 1px solid #1E3A6E !important; }
body.theme-spiderman .readiness-header { border-bottom: 1px solid #1E3A6E !important; }
body.theme-spiderman .readiness-header h2 { color: #F5F5F5 !important; }
body.theme-spiderman .readiness-score-badge { background: rgba(226, 54, 54, 0.15) !important; border: 1px solid #E23636 !important; }
body.theme-spiderman .readiness-score { color: #FF5252 !important; }
body.theme-spiderman .readiness-label { color: #B0BEC5 !important; }
body.theme-spiderman .readiness-status { color: #78909C !important; }
body.theme-spiderman .readiness-status.ready { color: #4CAF50 !important; }
body.theme-spiderman .readiness-status.not-ready { color: #E23636 !important; }
body.theme-spiderman .exam-readiness-compact::before { background: linear-gradient(135deg, rgba(226, 54, 54, 0.1), rgba(21, 101, 192, 0.1)) !important; }
body.theme-spiderman .exam-readiness-compact h3 { color: #F5F5F5 !important; }

/* 29. BADGES */
body.theme-spiderman .badge-item { background: #12234D !important; border: 1px solid #1E3A6E !important; }
body.theme-spiderman .badge-item.unlocked { border-color: #E23636 !important; box-shadow: 0 0 12px rgba(226, 54, 54, 0.15) !important; }
body.theme-spiderman .badge-item:hover { transform: translateY(-4px) !important; }
body.theme-spiderman .badge-item .badge-tooltip { background: #0D1B3E !important; border: 1px solid #1E3A6E !important; color: #F5F5F5 !important; }
body.theme-spiderman .badges-scroll .badge-item { background: #12234D !important; border: 1px solid #1E3A6E !important; }

/* 30. HERO STATS */
body.theme-spiderman .hero-stats { background: rgba(15, 27, 62, 0.5) !important; }
body.theme-spiderman .hero-stats-inline { background: rgba(15, 27, 62, 0.5) !important; border: 1px solid rgba(30, 58, 110, 0.4) !important; }
body.theme-spiderman .stat-value { color: #FF5252 !important; font-weight: 700 !important; }
body.theme-spiderman .stat-label { color: #78909C !important; }

/* 31. QUICK ACTIONS */
body.theme-spiderman .quick-actions h2, body.theme-spiderman .quick-actions.compact h3 { color: #F5F5F5 !important; }
body.theme-spiderman .action-btn { background: linear-gradient(145deg, #12234D, #0F1D42) !important; border: 1px solid #1E3A6E !important; color: #F5F5F5 !important; }
body.theme-spiderman .action-btn:hover { border-color: #E23636 !important; box-shadow: 0 4px 16px rgba(226, 54, 54, 0.15) !important; transform: translateY(-2px) !important; }
body.theme-spiderman .action-btn-compact { background: rgba(15, 27, 62, 0.6) !important; border: 1px solid #1E3A6E !important; color: #F5F5F5 !important; }
body.theme-spiderman .action-btn-compact:hover { border-color: #E23636 !important; background: rgba(226, 54, 54, 0.06) !important; }
body.theme-spiderman .action-btn-compact .action-icon { color: #FF5252 !important; }

/* 32. MODALS */
body.theme-spiderman .modal-content { background: #12234D !important; border: 2px solid #E23636 !important; box-shadow: 0 8px 32px rgba(226, 54, 54, 0.15) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
body.theme-spiderman .modal-content h2, body.theme-spiderman .modal-content h3 { color: #F5F5F5 !important; }
body.theme-spiderman .modal-content p { color: #B0BEC5 !important; }

/* 33. CHAT PANEL (mini) */
body.theme-spiderman .chat-panel { background: #12234D !important; border: 2px solid #1E3A6E !important; box-shadow: 0 8px 32px rgba(0,0,0,0.4) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
body.theme-spiderman .chat-panel.active { border-color: #E23636 !important; }
body.theme-spiderman .chat-header { background: linear-gradient(135deg, #E23636, #B81C1C) !important; color: white !important; }
body.theme-spiderman .chat-title { color: white !important; }
body.theme-spiderman .model-indicator { background: #1565C0 !important; border: 1px solid #42A5F5 !important; color: white !important; }
body.theme-spiderman .chat-messages { background: #0D1B3E !important; }
body.theme-spiderman .chat-messages::-webkit-scrollbar-track { background: #0D1B3E !important; }
body.theme-spiderman .chat-messages::-webkit-scrollbar-thumb { background: #1E3A6E !important; }
body.theme-spiderman .chat-welcome { color: #78909C !important; }
body.theme-spiderman .chat-welcome .welcome-icon, body.theme-spiderman .welcome-icon { color: #E23636 !important; background: rgba(226, 54, 54, 0.1) !important; }
body.theme-spiderman .chat-welcome h4 { color: #F5F5F5 !important; }
body.theme-spiderman .message-avatar { background: linear-gradient(135deg, #E23636, #1565C0) !important; }
body.theme-spiderman .message-bubble { background: #12234D !important; border: 1px solid #1E3A6E !important; color: #F5F5F5 !important; }
body.theme-spiderman .chat-message.user .message-bubble, body.theme-spiderman .user .message-bubble { background: linear-gradient(135deg, #1565C0, #0D47A1) !important; border-color: #42A5F5 !important; color: white !important; }
body.theme-spiderman .typing-indicator { background: rgba(30, 58, 110, 0.5) !important; }
body.theme-spiderman .typing-indicator span { background: #E23636 !important; }
body.theme-spiderman .chat-input-container { background: #12234D !important; border-top: 1px solid #1E3A6E !important; }
body.theme-spiderman .chat-input { background: rgba(15, 27, 62, 0.8) !important; border: 1px solid #1E3A6E !important; color: #F5F5F5 !important; }
body.theme-spiderman .chat-input:focus { border-color: #E23636 !important; box-shadow: 0 0 0 3px rgba(226, 54, 54, 0.15) !important; }
body.theme-spiderman .chat-input::placeholder { color: #78909C !important; }
body.theme-spiderman .chat-send { background: linear-gradient(135deg, #E23636, #B81C1C) !important; color: white !important; }
body.theme-spiderman .chat-send:hover { background: linear-gradient(135deg, #FF5252, #E23636) !important; }

/* 34. CHAT VIEW (full page) */
body.theme-spiderman .chat-messages-lg { background: #0D1B3E !important; }
body.theme-spiderman .chat-messages-lg::-webkit-scrollbar-track { background: #0D1B3E !important; }
body.theme-spiderman .chat-messages-lg::-webkit-scrollbar-thumb { background: #1E3A6E !important; }
body.theme-spiderman .chat-welcome-lg { color: #78909C !important; }
body.theme-spiderman .chat-welcome-lg h1 { background: linear-gradient(135deg, #FF5252, #FFFFFF) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; }
body.theme-spiderman .message-avatar-lg { background: linear-gradient(135deg, #E23636, #1565C0) !important; }
body.theme-spiderman .message-bubble-lg { background: #12234D !important; border: 1px solid #1E3A6E !important; color: #F5F5F5 !important; }
body.theme-spiderman .chat-message-lg.user .message-bubble-lg { background: linear-gradient(135deg, #1565C0, #0D47A1) !important; border-color: #42A5F5 !important; color: white !important; }
body.theme-spiderman .chat-input-area-lg { background: #12234D !important; border-top: 1px solid #1E3A6E !important; }
body.theme-spiderman #full-chat-input { background: rgba(15, 27, 62, 0.8) !important; border: 1px solid #1E3A6E !important; color: #F5F5F5 !important; }
body.theme-spiderman #full-chat-input:focus { border-color: #E23636 !important; }
body.theme-spiderman .send-btn-lg { background: linear-gradient(135deg, #E23636, #B81C1C) !important; color: white !important; }
body.theme-spiderman .send-btn-lg:hover { background: linear-gradient(135deg, #FF5252, #E23636) !important; }

/* 35. FABs */
body.theme-spiderman .fab-chat { background: linear-gradient(135deg, #E23636, #B81C1C) !important; color: white !important; box-shadow: 0 4px 16px rgba(226, 54, 54, 0.3) !important; }
body.theme-spiderman .fab-chat:hover { box-shadow: 0 6px 24px rgba(226, 54, 54, 0.4) !important; transform: scale(1.05) !important; }
body.theme-spiderman .fab-notes { background: linear-gradient(135deg, #1565C0, #0D47A1) !important; color: white !important; box-shadow: 0 4px 16px rgba(21, 101, 192, 0.3) !important; }
body.theme-spiderman .fab-notes:hover { box-shadow: 0 6px 24px rgba(21, 101, 192, 0.4) !important; transform: scale(1.05) !important; }

/* 36. MOBILE BOTTOM BAR */
body.theme-spiderman .mobile-bottom-bar { background: linear-gradient(180deg, #12234D, #0D1B3E) !important; border-top: 2px solid #E23636 !important; box-shadow: 0 -4px 16px rgba(226, 54, 54, 0.15) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
body.theme-spiderman .mobile-tab { color: #78909C !important; transition: color 0.2s ease !important; }
body.theme-spiderman .mobile-tab:hover { color: #B0BEC5 !important; }
body.theme-spiderman .mobile-tab.active { color: #FF5252 !important; }
body.theme-spiderman .mobile-tab.active::after { background: #E23636 !important; box-shadow: 0 0 8px rgba(226, 54, 54, 0.4) !important; }

/* 37. MOBILE MORE MENU */
body.theme-spiderman .mobile-more-menu { background: #12234D !important; border: 1px solid #1E3A6E !important; box-shadow: 0 -8px 32px rgba(0,0,0,0.4) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
body.theme-spiderman .more-menu-item { color: #B0BEC5 !important; border-bottom: 1px solid rgba(30, 58, 110, 0.3) !important; }
body.theme-spiderman .more-menu-item:hover { background: rgba(226, 54, 54, 0.08) !important; color: #FF5252 !important; }

/* 38. PROFILE OVERLAY / SCREEN */
body.theme-spiderman .profile-overlay { background: linear-gradient(135deg, #0A1530, #1A1040, #0D1B3E) !important; }
body.theme-spiderman .profile-screen { color: #F5F5F5 !important; }
body.theme-spiderman .profile-screen-header h1 { background: linear-gradient(135deg, #FF5252, #FFFFFF) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; }
body.theme-spiderman .profile-screen-header p { color: #B0BEC5 !important; }
body.theme-spiderman .profile-screen-logo { filter: brightness(1.2) !important; }
body.theme-spiderman .profile-avatar { background: linear-gradient(135deg, #E23636, #1565C0) !important; color: white !important; font-weight: 700 !important; }
body.theme-spiderman .profile-card { background: #12234D !important; border: 2px solid #1E3A6E !important; color: #F5F5F5 !important; }
body.theme-spiderman .profile-card:hover { border-color: rgba(226, 54, 54, 0.4) !important; box-shadow: 0 4px 16px rgba(226, 54, 54, 0.1) !important; }
body.theme-spiderman .profile-card.selected { border-color: #E23636 !important; box-shadow: 0 0 20px rgba(226, 54, 54, 0.2) !important; }
body.theme-spiderman .profile-name { color: #F5F5F5 !important; }
body.theme-spiderman .profile-password-section { background: rgba(15, 27, 62, 0.6) !important; border: 1px solid #1E3A6E !important; }
body.theme-spiderman .profile-password-section p { color: #B0BEC5 !important; }
body.theme-spiderman .profile-help { color: #78909C !important; }
body.theme-spiderman .profile-error { color: #FF5252 !important; }
body.theme-spiderman .profile-btn { background: linear-gradient(135deg, #E23636, #B81C1C) !important; color: white !important; }
body.theme-spiderman .profile-btn:hover { background: linear-gradient(135deg, #FF5252, #E23636) !important; }
body.theme-spiderman .profile-footer-actions { border-top: 1px solid #1E3A6E !important; }

/* 39. PROFILE PAGE (settings) */
body.theme-spiderman .profile-page-content { color: #F5F5F5 !important; }
body.theme-spiderman .profile-page-card h3 { color: #F5F5F5 !important; }
body.theme-spiderman .profile-page-card p { color: #B0BEC5 !important; }
body.theme-spiderman .profile-page-actions .btn { background: linear-gradient(135deg, #1565C0, #0D47A1) !important; color: white !important; }
body.theme-spiderman .profile-page-actions .btn.btn-danger { background: linear-gradient(135deg, #E23636, #B81C1C) !important; }

/* 40. STAT PILLS */
body.theme-spiderman .stat-pill { border: 1px solid #1E3A6E !important; background: rgba(18, 35, 77, 0.8) !important; color: #F5F5F5 !important; }
body.theme-spiderman .stat-pill:hover { border-color: rgba(226, 54, 54, 0.3) !important; }

/* 41. SUGGESTION CHIPS */
body.theme-spiderman .suggestion-chip { border: 1px solid rgba(226, 54, 54, 0.3) !important; background: rgba(226, 54, 54, 0.06) !important; color: #FF5252 !important; transition: all 0.2s ease !important; }
body.theme-spiderman .suggestion-chip:hover { border-color: #E23636 !important; background: rgba(226, 54, 54, 0.12) !important; box-shadow: 0 0 12px rgba(226, 54, 54, 0.1) !important; }

/* 42. TOAST / NOTIFICATIONS */
body.theme-spiderman .toast-badge { background: #12234D !important; border: 1px solid #1E3A6E !important; box-shadow: 0 4px 24px rgba(0,0,0,0.4) !important; color: #F5F5F5 !important; }
body.theme-spiderman .toast-icon { color: #E23636 !important; }
body.theme-spiderman .toast-title { color: #F5F5F5 !important; }
body.theme-spiderman .toast-message { color: #B0BEC5 !important; }
body.theme-spiderman .notification-badge { background: #E23636 !important; color: white !important; font-weight: 700 !important; }

/* 43. FORMS & INPUTS */
body.theme-spiderman input, body.theme-spiderman select, body.theme-spiderman textarea { background: rgba(15, 27, 62, 0.8) !important; border: 1px solid #1E3A6E !important; color: #F5F5F5 !important; }
body.theme-spiderman input:focus, body.theme-spiderman select:focus, body.theme-spiderman textarea:focus { border-color: #E23636 !important; box-shadow: 0 0 0 3px rgba(226, 54, 54, 0.15) !important; outline: none !important; }
body.theme-spiderman input::placeholder, body.theme-spiderman textarea::placeholder { color: #78909C !important; }
body.theme-spiderman .form-group label, body.theme-spiderman .form-label { color: #B0BEC5 !important; }
body.theme-spiderman .form-control { background: rgba(15, 27, 62, 0.8) !important; border: 1px solid #1E3A6E !important; color: #F5F5F5 !important; }
body.theme-spiderman .form-control:focus { border-color: #E23636 !important; box-shadow: 0 0 0 3px rgba(226, 54, 54, 0.15) !important; }
body.theme-spiderman .form-check, body.theme-spiderman .form-check label { color: #B0BEC5 !important; }
body.theme-spiderman .switch, body.theme-spiderman .toggle { background: #1E3A6E !important; }
body.theme-spiderman .switch.active, body.theme-spiderman .toggle.active { background: #E23636 !important; }
body.theme-spiderman .select-wrapper select { background: rgba(15, 27, 62, 0.8) !important; color: #F5F5F5 !important; }

/* 44. HIGHLIGHTS */
body.theme-spiderman .highlight-popup { background: #12234D !important; border: 1px solid #1E3A6E !important; box-shadow: 0 4px 16px rgba(0,0,0,0.4) !important; }
body.theme-spiderman .highlight-popup-btn { color: #B0BEC5 !important; }
body.theme-spiderman .highlight-popup-btn:hover { background: rgba(226, 54, 54, 0.1) !important; color: #F5F5F5 !important; }
body.theme-spiderman .highlight-popup-btn.danger { color: #E23636 !important; }
body.theme-spiderman .highlight-popup-sep { background: #1E3A6E !important; }
body.theme-spiderman .highlight-card { background: #12234D !important; border: 1px solid #1E3A6E !important; }
body.theme-spiderman .highlight-card:hover { border-color: rgba(226, 54, 54, 0.3) !important; }
body.theme-spiderman .highlight-card-header { border-bottom: 1px solid rgba(30, 58, 110, 0.4) !important; }
body.theme-spiderman .highlight-card-text { color: #E0E0E0 !important; }
body.theme-spiderman .highlight-card-note { color: #78909C !important; }
body.theme-spiderman .highlight-card-actions button { color: #78909C !important; }
body.theme-spiderman .highlight-card-actions button:hover { color: #FF5252 !important; }
body.theme-spiderman .highlight-empty { color: #78909C !important; }

/* 45. PROGRESS BARS */
body.theme-spiderman .progress-bar, body.theme-spiderman .progress-track { background: rgba(30, 58, 110, 0.4) !important; }
body.theme-spiderman .progress-fill { background: linear-gradient(90deg, #E23636, #FF5252) !important; }

/* 46. SIMULATION STATS */
body.theme-spiderman .simulation-stat .stat-value { color: #FF5252 !important; }
body.theme-spiderman .simulation-stat .stat-label { color: #78909C !important; }

/* 47. SKELETON LOADING */
body.theme-spiderman .skeleton {
    background: linear-gradient(90deg, #12234D 25%, #1A2F5E 50%, #12234D 75%) !important;
    background-size: 200% 100% !important;
    animation: spiderSkeleton 1.5s ease infinite !important;
}
@keyframes spiderSkeleton { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }

/* 48. SCROLLBARS */
body.theme-spiderman ::-webkit-scrollbar { width: 8px !important; height: 8px !important; }
body.theme-spiderman ::-webkit-scrollbar-track { background: #0D1B3E !important; }
body.theme-spiderman ::-webkit-scrollbar-thumb { background: #1E3A6E !important; border-radius: 10px !important; }
body.theme-spiderman ::-webkit-scrollbar-thumb:hover { background: #E23636 !important; }

/* 49. THEME SELECTOR */
body.theme-spiderman .theme-option:hover { background: rgba(226, 54, 54, 0.08) !important; border-color: rgba(226, 54, 54, 0.2) !important; }
body.theme-spiderman .theme-option.active { border-color: #E23636 !important; background: rgba(226, 54, 54, 0.1) !important; }
body.theme-spiderman .theme-option.active .theme-option-name { color: #FF5252 !important; }
body.theme-spiderman .theme-preview { border-color: #1E3A6E !important; }
body.theme-spiderman .theme-selector-title { color: #78909C !important; }

/* 50. EXAM OPTION (alternate) */
body.theme-spiderman .exam-option { background: rgba(15, 27, 62, 0.7) !important; border: 2px solid #1E3A6E !important; color: #F5F5F5 !important; }
body.theme-spiderman .exam-option:hover { border-color: #E23636 !important; }
body.theme-spiderman .exam-option.selected { border-color: #42A5F5 !important; background: rgba(21, 101, 192, 0.15) !important; }

/* 51. DROPDOWN */
body.theme-spiderman .dropdown-menu { background: #12234D !important; border: 1px solid #1E3A6E !important; box-shadow: 0 8px 24px rgba(0,0,0,0.4) !important; }
body.theme-spiderman .dropdown-item { color: #B0BEC5 !important; }
body.theme-spiderman .dropdown-item:hover { background: rgba(226, 54, 54, 0.08) !important; color: #FF5252 !important; }

/* 52. TOOLTIPS */
body.theme-spiderman .tooltip { background: #0D1B3E !important; border: 1px solid #1E3A6E !important; color: #F5F5F5 !important; }

/* 53. ALERTS */
body.theme-spiderman .alert { border: 1px solid #1E3A6E !important; background: #12234D !important; color: #F5F5F5 !important; }
body.theme-spiderman .alert-success { border-color: #2E7D32 !important; background: rgba(46, 125, 50, 0.1) !important; color: #4CAF50 !important; }
body.theme-spiderman .alert-warning { border-color: #FF8F00 !important; background: rgba(255, 143, 0, 0.1) !important; color: #FFB300 !important; }
body.theme-spiderman .alert-danger { border-color: #E23636 !important; background: rgba(226, 54, 54, 0.1) !important; color: #FF5252 !important; }

/* 54. READING / LESSON CONTENT */
body.theme-spiderman .reading-content, body.theme-spiderman .lesson-content { color: #E0E0E0 !important; }
body.theme-spiderman .reading-content h1, body.theme-spiderman .reading-content h2, body.theme-spiderman .reading-content h3, body.theme-spiderman .lesson-content h1, body.theme-spiderman .lesson-content h2, body.theme-spiderman .lesson-content h3 { color: #F5F5F5 !important; }
body.theme-spiderman .reading-content a, body.theme-spiderman .lesson-content a { color: #42A5F5 !important; }
body.theme-spiderman .reading-content a:hover, body.theme-spiderman .lesson-content a:hover { color: #FF5252 !important; }
body.theme-spiderman .reading-content code, body.theme-spiderman .lesson-content code { background: rgba(226, 54, 54, 0.1) !important; color: #FF5252 !important; border: 1px solid rgba(226, 54, 54, 0.2) !important; }
body.theme-spiderman .reading-content pre, body.theme-spiderman .lesson-content pre { background: #0A1530 !important; border: 1px solid #1E3A6E !important; }
body.theme-spiderman .reading-content blockquote, body.theme-spiderman .lesson-content blockquote { border-left: 4px solid #E23636 !important; background: rgba(226, 54, 54, 0.04) !important; color: #B0BEC5 !important; }
body.theme-spiderman .reading-content table, body.theme-spiderman .lesson-content table { border: 1px solid #1E3A6E !important; }
body.theme-spiderman .reading-content th, body.theme-spiderman .lesson-content th { background: #12234D !important; border: 1px solid #1E3A6E !important; color: #F5F5F5 !important; }
body.theme-spiderman .reading-content td, body.theme-spiderman .lesson-content td { border: 1px solid rgba(30, 58, 110, 0.4) !important; color: #E0E0E0 !important; }
body.theme-spiderman .reading-content hr, body.theme-spiderman .lesson-content hr { border-color: #1E3A6E !important; }
body.theme-spiderman .lesson-title { color: #F5F5F5 !important; }
body.theme-spiderman .answer-explanation { background: rgba(15, 27, 62, 0.6) !important; border: 1px solid #1E3A6E !important; border-left: 4px solid #1565C0 !important; color: #E0E0E0 !important; }

/* 55. GENERAL TEXT & LINKS */
body.theme-spiderman h1, body.theme-spiderman h2, body.theme-spiderman h3, body.theme-spiderman h4, body.theme-spiderman h5, body.theme-spiderman h6 { color: #F5F5F5 !important; }
body.theme-spiderman p { color: #B0BEC5 !important; }
body.theme-spiderman a { color: #42A5F5 !important; }
body.theme-spiderman a:hover { color: #FF5252 !important; }

/* 56. SELECTION */
body.theme-spiderman ::selection { background: rgba(226, 54, 54, 0.3) !important; color: #F5F5F5 !important; }
body.theme-spiderman ::-moz-selection { background: rgba(226, 54, 54, 0.3) !important; color: #F5F5F5 !important; }

/* 57. DOMAIN READINESS MOBILE */
body.theme-spiderman .domain-readiness-mobile .readiness-overall-mobile { background: rgba(226, 54, 54, 0.08) !important; border: 1px solid rgba(226, 54, 54, 0.2) !important; }
body.theme-spiderman .domain-readiness-mobile .readiness-overall-mobile .overall-label { color: #B0BEC5 !important; }
body.theme-spiderman .domain-readiness-mobile .readiness-overall-mobile .overall-score { color: #FF5252 !important; }

/* 58. MISC INTERACTIVE */
body.theme-spiderman .icon-btn { color: #B0BEC5 !important; }
body.theme-spiderman .icon-btn:hover { color: #E23636 !important; background: rgba(226, 54, 54, 0.08) !important; }
body.theme-spiderman .close-btn { color: #78909C !important; }
body.theme-spiderman .close-btn:hover { color: #FF5252 !important; }
body.theme-spiderman .btn-icon { color: #B0BEC5 !important; }
body.theme-spiderman .btn-icon:hover { color: #E23636 !important; }

/* 59. DIVIDERS */
body.theme-spiderman hr, body.theme-spiderman .divider { border-color: #1E3A6E !important; }

/* 60. OVERLAY / BACKDROP */
body.theme-spiderman .overlay, body.theme-spiderman .backdrop, body.theme-spiderman .overlay-backdrop { background: rgba(10, 21, 48, 0.85) !important; }

/* 61. PANELS & DRAWERS */
body.theme-spiderman .panel, body.theme-spiderman .drawer { background: #12234D !important; border: 1px solid #1E3A6E !important; }

/* 62. CARD PARTS */
body.theme-spiderman .card-header { background: rgba(226, 54, 54, 0.08) !important; border-bottom: 1px solid #1E3A6E !important; color: #F5F5F5 !important; }
body.theme-spiderman .card-body { background: transparent !important; color: #B0BEC5 !important; }
body.theme-spiderman .card-footer { background: rgba(15, 27, 62, 0.5) !important; border-top: 1px solid #1E3A6E !important; }

/* 63. LIST GROUPS */
body.theme-spiderman .list-group { border: 1px solid #1E3A6E !important; }
body.theme-spiderman .list-group-item { background: #12234D !important; border-bottom: 1px solid rgba(30, 58, 110, 0.4) !important; color: #F5F5F5 !important; }
body.theme-spiderman .list-group-item:hover { background: rgba(226, 54, 54, 0.06) !important; }

/* 64. TAGS / CHIPS / LABELS */
body.theme-spiderman .tag, body.theme-spiderman .chip { background: rgba(226, 54, 54, 0.1) !important; border: 1px solid rgba(226, 54, 54, 0.2) !important; color: #FF5252 !important; }
body.theme-spiderman .label, body.theme-spiderman .badge { background: #E23636 !important; color: white !important; }
body.theme-spiderman .caption { color: #78909C !important; }

/* 65. COUNTERS / METADATA */
body.theme-spiderman .counter, body.theme-spiderman .metric { color: #FF5252 !important; font-weight: 700 !important; }
body.theme-spiderman .timestamp, body.theme-spiderman .date, body.theme-spiderman .time, body.theme-spiderman .metadata { color: #78909C !important; }

/* 66. STATUS INDICATORS */
body.theme-spiderman .status-indicator.online, body.theme-spiderman .status-indicator.active { background: #4CAF50 !important; }
body.theme-spiderman .status-indicator.offline, body.theme-spiderman .status-indicator.inactive { background: #78909C !important; }
body.theme-spiderman .status-indicator.busy { background: #E23636 !important; }

/* 67. PAGINATION */
body.theme-spiderman .page-link { background: #12234D !important; border: 1px solid #1E3A6E !important; color: #B0BEC5 !important; }
body.theme-spiderman .page-link:hover { background: rgba(226, 54, 54, 0.1) !important; border-color: #E23636 !important; color: #FF5252 !important; }
body.theme-spiderman .page-link.active { background: #E23636 !important; border-color: #E23636 !important; color: white !important; }

/* 68. STATES */
body.theme-spiderman .empty-state { color: #78909C !important; }
body.theme-spiderman .error-state { color: #FF5252 !important; }
body.theme-spiderman .loading-spinner { border-color: rgba(30, 58, 110, 0.3) !important; border-top-color: #E23636 !important; }

/* 69. ACCORDION */
body.theme-spiderman .accordion { border: 1px solid #1E3A6E !important; }
body.theme-spiderman .accordion-header { background: #12234D !important; border-bottom: 1px solid #1E3A6E !important; color: #F5F5F5 !important; }
body.theme-spiderman .accordion-header:hover { background: rgba(226, 54, 54, 0.06) !important; }
body.theme-spiderman .accordion-body { background: rgba(15, 27, 62, 0.6) !important; color: #B0BEC5 !important; }

/* 70. TAB CONTENT */
body.theme-spiderman .tab-content, body.theme-spiderman .tab-pane { background: transparent !important; color: #F5F5F5 !important; }
body.theme-spiderman .tab-btn { color: #78909C !important; border-bottom: 2px solid transparent !important; }
body.theme-spiderman .tab-btn:hover { color: #B0BEC5 !important; }
body.theme-spiderman .tab-btn.active { color: #FF5252 !important; border-bottom-color: #E23636 !important; }

/* 71. BREADCRUMBS */
body.theme-spiderman .breadcrumb { color: #78909C !important; }
body.theme-spiderman .breadcrumb a { color: #42A5F5 !important; }
body.theme-spiderman .breadcrumb a:hover { color: #FF5252 !important; }

/* 72. BUTTON GROUP */
body.theme-spiderman .btn-group .btn { border-color: #1E3A6E !important; }

/* 73. INPUT GROUP */
body.theme-spiderman .input-group { border: 1px solid #1E3A6E !important; background: rgba(15, 27, 62, 0.8) !important; }
body.theme-spiderman .input-group input { border: none !important; }

/* 74. FOCUS OUTLINES */
body.theme-spiderman *:focus-visible { outline: 2px solid #E23636 !important; outline-offset: 2px !important; }

/* 75. ACTIVITY */
body.theme-spiderman .activity-compact { color: #F5F5F5 !important; }

/* 76. WEB DECORATIVE ACCENT */
body.theme-spiderman .dashboard-hero-compact::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 120px !important;
    height: 120px !important;
    background:
        linear-gradient(45deg, transparent 48%, rgba(245, 245, 245, 0.04) 49%, rgba(245, 245, 245, 0.04) 51%, transparent 52%),
        linear-gradient(-45deg, transparent 48%, rgba(245, 245, 245, 0.04) 49%, rgba(245, 245, 245, 0.04) 51%, transparent 52%),
        linear-gradient(0deg, transparent 48%, rgba(245, 245, 245, 0.03) 49%, rgba(245, 245, 245, 0.03) 51%, transparent 52%),
        linear-gradient(90deg, transparent 48%, rgba(245, 245, 245, 0.03) 49%, rgba(245, 245, 245, 0.03) 51%, transparent 52%) !important;
    background-size: 30px 30px !important;
    pointer-events: none !important;
    opacity: 1 !important;
    border-radius: 0 16px 0 0 !important;
}

/* ==========================================
   ACADEMIA THEME — PREMIUM
   Plataforma académica de alto nivel
   Inspirado en: Linear, Notion, GitHub, Vercel
   ========================================== */

body.theme-academia {
    --primary: #3b82f6; --primary-dark: #2563eb; --primary-light: #60a5fa;
    --secondary: #6366f1; --secondary-dark: #4f46e5;
    --danger: #ef4444; --warning: #f59e0b; --success: #10b981;
    --bg-dark: #09090b; --bg-card: #18181b; --bg-card-hover: #1f1f23; --bg-sidebar: #0e0e11;
    --text-primary: #fafafa; --text-secondary: #a1a1aa; --text-muted: #52525b; --text-reading: #d4d4d8;
    --border-color: #27272a; --border-radius: 8px; --border-radius-sm: 6px; --border-radius-lg: 12px;
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.5); --shadow-md: 0 4px 12px rgba(0,0,0,0.4); --shadow-lg: 0 8px 24px rgba(0,0,0,0.5); --shadow-glow: none;
    --surface-1: #18181b; --surface-2: #0e0e11; --surface-border: #27272a; --surface-shadow: 0 1px 3px rgba(0,0,0,0.4);
    background: #09090b !important;
    font-family: 'IBM Plex Sans', 'Inter', -apple-system, sans-serif !important;
}
body.theme-academia *, body.theme-academia *::before, body.theme-academia *::after {
    font-family: 'IBM Plex Sans', 'Inter', -apple-system, sans-serif !important;
}
body.theme-academia code, body.theme-academia pre, body.theme-academia .mono {
    font-family: 'IBM Plex Mono', 'Fira Code', monospace !important;
}
body.theme-academia ::selection { background: #3b82f6; color: #fff; }
body.theme-academia * { scrollbar-color: #27272a #09090b; }
body.theme-academia ::-webkit-scrollbar { width: 6px; }
body.theme-academia ::-webkit-scrollbar-track { background: #09090b; }
body.theme-academia ::-webkit-scrollbar-thumb { background: #27272a; border-radius: 3px; }
body.theme-academia ::-webkit-scrollbar-thumb:hover { background: #3f3f46; }

/* ── Ocultar emojis ── */
body.theme-academia .nav-icon,
body.theme-academia .navbar-brand .logo-icon {
    display: none !important;
}

/* ── Marca / Logo ── */
body.theme-academia .navbar-brand .logo-text {
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    background: none !important;
    -webkit-text-fill-color: #fafafa !important;
    color: #fafafa !important;
}
body.theme-academia .navbar-brand .version-badge {
    background: rgba(59,130,246,0.15) !important;
    color: #60a5fa !important;
    border: 1px solid rgba(59,130,246,0.25) !important;
    border-radius: 4px !important;
    font-size: 0.65rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
    box-shadow: none !important;
    padding: 2px 6px !important;
}

/* ── Navbar ── */
body.theme-academia .top-navbar {
    background: rgba(9,9,11,0.85) !important;
    border-bottom: 1px solid #27272a !important;
    box-shadow: 0 1px 0 rgba(255,255,255,0.03) !important;
    backdrop-filter: blur(12px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(180%) !important;
    height: 52px !important;
}
body.theme-academia .top-navbar::after { display: none !important; }
body.theme-academia .navbar-nav .nav-btn {
    background: transparent !important;
    border: none !important;
    border-radius: 6px !important;
    color: #71717a !important;
    font-weight: 500 !important;
    font-size: 0.82rem !important;
    letter-spacing: 0.01em !important;
    padding: 6px 12px !important;
    height: auto !important;
    margin: 0 1px !important;
    transition: color 0.15s ease, background 0.15s ease !important;
    transform: none !important;
}
body.theme-academia .navbar-nav .nav-btn:hover {
    background: rgba(255,255,255,0.06) !important;
    color: #d4d4d8 !important;
    transform: none !important;
}
body.theme-academia .navbar-nav .nav-btn.active {
    background: rgba(255,255,255,0.08) !important;
    color: #fafafa !important;
    box-shadow: none !important;
    font-weight: 600 !important;
}
body.theme-academia .navbar-search #global-search {
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid #27272a !important;
    border-radius: 6px !important;
    color: #fafafa !important;
    font-size: 0.82rem !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
}
body.theme-academia .navbar-search #global-search::placeholder { color: #52525b !important; }
body.theme-academia .navbar-search #global-search:focus { border-color: #3b82f6 !important; box-shadow: 0 0 0 3px rgba(59,130,246,0.15) !important; background: rgba(255,255,255,0.07) !important; }
body.theme-academia .profile-btn { background: rgba(255,255,255,0.05) !important; border: 1px solid #27272a !important; border-radius: 6px !important; color: #a1a1aa !important; transition: border-color 0.15s !important; }
body.theme-academia .profile-btn:hover { background: rgba(255,255,255,0.08) !important; border-color: #3f3f46 !important; color: #fafafa !important; box-shadow: none !important; }

/* ── Dropdown "Más" ── */
body.theme-academia .nav-more-trigger .nav-icon { display: none !important; }
body.theme-academia .nav-more-menu {
    background: #18181b !important;
    border: 1px solid #27272a !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 30px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.03) inset !important;
}
body.theme-academia .nav-more-item { color: #a1a1aa !important; font-size: 0.82rem !important; border-radius: 6px !important; transition: background 0.1s, color 0.1s !important; }
body.theme-academia .nav-more-item:hover { background: rgba(255,255,255,0.06) !important; color: #fafafa !important; }
body.theme-academia .nav-more-item.active { color: #60a5fa !important; background: rgba(59,130,246,0.1) !important; }
body.theme-academia .nav-more-separator { color: #52525b !important; font-size: 0.68rem !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; font-weight: 600 !important; }

/* ── Sidebar ── */
body.theme-academia .sidebar {
    background: #0e0e11 !important;
    border-right: 1px solid #27272a !important;
    backdrop-filter: none !important;
}
body.theme-academia .lesson-selector h3 {
    color: #52525b !important;
    font-size: 0.68rem !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid #1e1e21 !important;
    margin-bottom: 4px !important;
}
body.theme-academia .lesson-item {
    color: #a1a1aa !important;
    background: transparent !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 0.84rem !important;
    padding: 7px 10px !important;
    transition: background 0.12s ease, color 0.12s ease !important;
}
body.theme-academia .lesson-item:hover { background: rgba(255,255,255,0.04) !important; color: #d4d4d8 !important; transform: none !important; }
body.theme-academia .lesson-item.active {
    background: rgba(59,130,246,0.1) !important;
    color: #60a5fa !important;
    font-weight: 500 !important;
    box-shadow: none !important;
    border-left: none !important;
}
body.theme-academia .mini-progress { background: #27272a !important; border-radius: 99px !important; height: 3px !important; }
body.theme-academia .mini-progress-fill { background: #3b82f6 !important; box-shadow: none !important; border-radius: 99px !important; }
body.theme-academia .backup-controls .icon-btn { background: transparent !important; border: 1px solid #27272a !important; border-radius: 6px !important; color: #52525b !important; transition: color 0.15s, border-color 0.15s !important; }
body.theme-academia .backup-controls .icon-btn:hover { background: rgba(255,255,255,0.04) !important; color: #a1a1aa !important; border-color: #3f3f46 !important; transform: none !important; }

/* ── View headers ── */
body.theme-academia .view-header h1 {
    background: none !important;
    -webkit-text-fill-color: #fafafa !important;
    color: #fafafa !important;
    text-shadow: none !important;
    font-weight: 700 !important;
    font-size: 1.4rem !important;
    letter-spacing: -0.025em !important;
}
body.theme-academia .view-header p { color: #52525b !important; font-size: 0.88rem !important; }

/* ── Todas las cards ── */
body.theme-academia .dashboard-hero-compact, body.theme-academia .next-step-card,
body.theme-academia .study-path-hero, body.theme-academia .quick-actions.compact,
body.theme-academia .exam-readiness-compact, body.theme-academia .badges-section-compact,
body.theme-academia .activity-compact, body.theme-academia .exam-setup,
body.theme-academia .question-container, body.theme-academia .results-card,
body.theme-academia .case-card, body.theme-academia .pbq-card,
body.theme-academia .deck-card, body.theme-academia .note-card,
body.theme-academia .dashboard-card, body.theme-academia .exam-header,
body.theme-academia .flashcards-session, body.theme-academia .flashcards-results,
body.theme-academia .notes-container, body.theme-academia .notes-header-bar,
body.theme-academia .case-active, body.theme-academia .case-results,
body.theme-academia .pbq-workspace, body.theme-academia .exam-results,
body.theme-academia .profile-page-card, body.theme-academia .exam-sim-header,
body.theme-academia .exam-sim-question, body.theme-academia .exam-sim-footer {
    background: #18181b !important;
    border: 1px solid #27272a !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.02) inset !important;
    color: #fafafa !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transition: border-color 0.2s ease !important;
}
body.theme-academia .case-card:hover,
body.theme-academia .pbq-card:hover, body.theme-academia .deck-card:hover,
body.theme-academia .dashboard-card:hover, body.theme-academia .note-card:hover {
    background: #1f1f23 !important;
    transform: none !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.4) !important;
    border-color: #3f3f46 !important;
}

/* ── Eliminar pseudoelementos decorativos ── */
body.theme-academia .dashboard-hero-compact::before, body.theme-academia .dashboard-hero-compact::after,
body.theme-academia .next-step-card::before, body.theme-academia .next-step-card::after,
body.theme-academia .study-path-hero::before, body.theme-academia .study-path-hero::after,
body.theme-academia .quick-actions.compact::before, body.theme-academia .exam-readiness-compact::before,
body.theme-academia .badges-section-compact::before, body.theme-academia .activity-compact::before,
body.theme-academia .exam-setup::after, body.theme-academia .results-card::before,
body.theme-academia .dashboard-card::before, body.theme-academia .case-card::before,
body.theme-academia .pbq-card::before { display: none !important; }

/* ── Dashboard ── */
body.theme-academia .stat-pill { background: rgba(255,255,255,0.04) !important; border: 1px solid #27272a !important; border-radius: 6px !important; color: #d4d4d8 !important; transition: border-color 0.15s !important; }
body.theme-academia .stat-pill:hover { background: rgba(255,255,255,0.06) !important; border-color: #3f3f46 !important; transform: none !important; box-shadow: none !important; }
body.theme-academia .stat-pill .stat-value { color: #fafafa !important; font-weight: 700 !important; }
body.theme-academia .next-step-card { border-left: 3px solid #10b981 !important; }
body.theme-academia .next-step-badge { background: rgba(16,185,129,0.1) !important; border: 1px solid rgba(16,185,129,0.2) !important; color: #34d399 !important; border-radius: 6px !important; font-size: 0.72rem !important; font-weight: 600 !important; letter-spacing: 0.03em !important; }
body.theme-academia .study-path-title h2 { background: none !important; -webkit-text-fill-color: #fafafa !important; color: #fafafa !important; font-weight: 700 !important; letter-spacing: -0.02em !important; }
body.theme-academia .study-path-subtitle { color: #52525b !important; }
body.theme-academia .global-progress-circle { filter: none !important; }
body.theme-academia .circular-chart-lg .path-progress { stroke: #3b82f6 !important; }
body.theme-academia .percentage { fill: #fafafa !important; font-weight: 700 !important; }
body.theme-academia .circle-bg { stroke: #27272a !important; }

/* ── Fases y pasos ── */
body.theme-academia .phase { background: #18181b !important; border: 1px solid #27272a !important; border-left: 3px solid #3b82f6 !important; border-radius: 8px !important; transition: border-color 0.2s !important; }
body.theme-academia .phase:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important; border-color: #3f3f46 !important; transform: none !important; }
body.theme-academia .phase.active-phase { border-left-color: #3b82f6 !important; background: rgba(59,130,246,0.03) !important; }
body.theme-academia .phase.locked { border-left-color: #27272a !important; opacity: 0.6 !important; }
body.theme-academia .phase-info h3 { background: none !important; -webkit-text-fill-color: #fafafa !important; color: #fafafa !important; font-weight: 600 !important; letter-spacing: -0.01em !important; }
body.theme-academia .phase-progress-text { background: none !important; -webkit-text-fill-color: #34d399 !important; font-weight: 600 !important; }
body.theme-academia .step { background: rgba(255,255,255,0.02) !important; border: 1px solid #27272a !important; border-radius: 6px !important; color: #a1a1aa !important; transition: border-color 0.2s, background 0.2s !important; }
body.theme-academia .step:hover:not(.locked) { border-color: #3b82f6 !important; background: rgba(59,130,246,0.04) !important; transform: none !important; box-shadow: none !important; }
body.theme-academia .step.completed { background: rgba(16,185,129,0.04) !important; border-color: rgba(16,185,129,0.2) !important; }
body.theme-academia .step.completed .step-icon { color: #34d399 !important; }
body.theme-academia .step.active { border-color: #3b82f6 !important; background: rgba(59,130,246,0.06) !important; animation: none !important; box-shadow: 0 0 0 3px rgba(59,130,246,0.1) !important; }
body.theme-academia .step.active .step-icon { background: rgba(59,130,246,0.15) !important; box-shadow: none !important; color: #60a5fa !important; }
body.theme-academia .step-icon { background: rgba(255,255,255,0.04) !important; border-radius: 6px !important; }
body.theme-academia .step-title { color: #d4d4d8 !important; font-weight: 500 !important; }
body.theme-academia .step-desc { color: #52525b !important; font-size: 0.8rem !important; }
body.theme-academia .phase-progress-bar { background: #27272a !important; border-radius: 99px !important; }
body.theme-academia .phase-progress-bar .fill { box-shadow: none !important; background: linear-gradient(90deg, #3b82f6, #60a5fa) !important; border-radius: 99px !important; }

body.theme-academia .quick-actions.compact h3, body.theme-academia .exam-readiness-compact h3,
body.theme-academia .badges-section-compact h3, body.theme-academia .activity-compact h3 {
    background: none !important;
    -webkit-text-fill-color: #71717a !important;
    color: #71717a !important;
    font-weight: 600 !important;
    font-size: 0.7rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
}

body.theme-academia .action-btn-compact { background: rgba(255,255,255,0.03) !important; border: 1px solid #27272a !important; border-radius: 6px !important; color: #a1a1aa !important; transition: all 0.15s ease !important; }
body.theme-academia .action-btn-compact:hover { border-color: #3f3f46 !important; background: rgba(255,255,255,0.06) !important; transform: none !important; box-shadow: none !important; color: #fafafa !important; }
body.theme-academia .badge-item { border: 1px solid #27272a !important; border-radius: 6px !important; background: #18181b !important; }
body.theme-academia .badge-item.unlocked { border-color: rgba(59,130,246,0.3) !important; background: rgba(59,130,246,0.06) !important; box-shadow: none !important; }

/* ── Estudio ── */
body.theme-academia .lesson-tabs { background: #18181b !important; border: 1px solid #27272a !important; border-radius: 8px !important; padding: 3px !important; }
body.theme-academia .lesson-tab { background: transparent !important; border: none !important; border-radius: 6px !important; color: #52525b !important; font-size: 0.82rem !important; font-weight: 500 !important; transition: color 0.15s, background 0.15s !important; }
body.theme-academia .lesson-tab:hover { color: #a1a1aa !important; background: rgba(255,255,255,0.04) !important; transform: none !important; }
body.theme-academia .lesson-tab.active { background: rgba(255,255,255,0.08) !important; color: #fafafa !important; font-weight: 600 !important; box-shadow: 0 1px 2px rgba(0,0,0,0.2) !important; }
body.theme-academia .study-section { background: #18181b !important; border: 1px solid #27272a !important; border-radius: 8px !important; overflow: hidden !important; }
body.theme-academia .section-header { background: rgba(255,255,255,0.03) !important; color: #d4d4d8 !important; border-bottom: 1px solid #27272a !important; font-size: 0.78rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; }
body.theme-academia .section-content { background: #18181b !important; color: #d4d4d8 !important; line-height: 1.75 !important; font-size: 0.92rem !important; }
body.theme-academia .concept-card { background: rgba(59,130,246,0.04) !important; border: 1px solid rgba(59,130,246,0.15) !important; border-left: 3px solid #3b82f6 !important; border-radius: 6px !important; }
body.theme-academia .concept-card h4 { color: #60a5fa !important; font-weight: 600 !important; font-size: 0.88rem !important; letter-spacing: -0.01em !important; }
body.theme-academia .concept-card p { color: #a1a1aa !important; line-height: 1.6 !important; }
body.theme-academia .definition-item { background: rgba(255,255,255,0.02) !important; border: 1px solid #27272a !important; border-radius: 6px !important; transition: border-color 0.15s !important; }
body.theme-academia .definition-item:hover { border-color: #3f3f46 !important; box-shadow: none !important; transform: none !important; }
body.theme-academia .definition-item strong { color: #60a5fa !important; font-weight: 600 !important; }
body.theme-academia .definition-item p, body.theme-academia .definition-item span { color: #a1a1aa !important; }

/* ── Examen ── */
body.theme-academia .exam-setup h2 { background: none !important; -webkit-text-fill-color: #fafafa !important; font-weight: 700 !important; letter-spacing: -0.02em !important; }
body.theme-academia .exam-progress-fill { background: linear-gradient(90deg, #3b82f6, #60a5fa) !important; box-shadow: none !important; border-radius: 99px !important; }
body.theme-academia .exam-progress-bar { background: #27272a !important; border-radius: 99px !important; }
body.theme-academia .option {
    background: rgba(255,255,255,0.02) !important;
    border: 1px solid #27272a !important;
    border-radius: 8px !important;
    color: #d4d4d8 !important;
    transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease !important;
}
body.theme-academia .option:hover:not(.disabled) { border-color: #3b82f6 !important; background: rgba(59,130,246,0.04) !important; transform: none !important; box-shadow: 0 0 0 3px rgba(59,130,246,0.08) !important; color: #fafafa !important; }
body.theme-academia .option.selected { border-color: #3b82f6 !important; background: rgba(59,130,246,0.08) !important; box-shadow: 0 0 0 3px rgba(59,130,246,0.12) !important; color: #fafafa !important; }
body.theme-academia .option.correct { border-color: #10b981 !important; background: rgba(16,185,129,0.06) !important; box-shadow: 0 0 0 3px rgba(16,185,129,0.1) !important; }
body.theme-academia .option.incorrect { border-color: #ef4444 !important; background: rgba(239,68,68,0.06) !important; box-shadow: 0 0 0 3px rgba(239,68,68,0.08) !important; }
body.theme-academia .option-letter { background: #27272a !important; color: #a1a1aa !important; border: none !important; border-radius: 6px !important; box-shadow: none !important; font-family: 'IBM Plex Mono', monospace !important; font-weight: 600 !important; font-size: 0.82rem !important; width: 32px !important; height: 32px !important; }
body.theme-academia .option.selected .option-letter { background: #3b82f6 !important; color: #fff !important; }
body.theme-academia .option.correct .option-letter { background: #10b981 !important; color: #fff !important; }
body.theme-academia .option.incorrect .option-letter { background: #ef4444 !important; color: #fff !important; }
body.theme-academia .difficulty-easy, body.theme-academia .difficulty-facil { background: rgba(16,185,129,0.1) !important; color: #34d399 !important; border-radius: 99px !important; font-size: 0.72rem !important; font-weight: 600 !important; padding: 2px 10px !important; }
body.theme-academia .difficulty-medium, body.theme-academia .difficulty-medio { background: rgba(245,158,11,0.1) !important; color: #fbbf24 !important; border-radius: 99px !important; font-size: 0.72rem !important; font-weight: 600 !important; padding: 2px 10px !important; }
body.theme-academia .difficulty-hard, body.theme-academia .difficulty-dificil { background: rgba(239,68,68,0.1) !important; color: #f87171 !important; border-radius: 99px !important; font-size: 0.72rem !important; font-weight: 600 !important; padding: 2px 10px !important; }
body.theme-academia .explanation { background: rgba(59,130,246,0.04) !important; border: 1px solid rgba(59,130,246,0.15) !important; border-left: 3px solid #3b82f6 !important; border-radius: 8px !important; }
body.theme-academia .explanation h4 { color: #60a5fa !important; font-weight: 600 !important; font-size: 0.78rem !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; }
body.theme-academia .explanation p { color: #a1a1aa !important; line-height: 1.65 !important; }
body.theme-academia .results-score { background: none !important; -webkit-text-fill-color: #60a5fa !important; filter: none !important; font-weight: 800 !important; }

/* ── Flashcards ── */
body.theme-academia .flashcard-front, body.theme-academia .flashcard-back { background: #18181b !important; border: 1px solid #27272a !important; border-radius: 12px !important; color: #fafafa !important; box-shadow: 0 4px 16px rgba(0,0,0,0.3) !important; }
body.theme-academia .card-label { color: #60a5fa !important; font-size: 0.68rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; }
body.theme-academia .card-hint { color: #52525b !important; font-size: 0.82rem !important; }
body.theme-academia .anki-again { background: rgba(239,68,68,0.1) !important; color: #f87171 !important; border: 1px solid rgba(239,68,68,0.2) !important; border-radius: 6px !important; font-weight: 600 !important; font-size: 0.82rem !important; transition: background 0.15s !important; }
body.theme-academia .anki-again:hover { background: rgba(239,68,68,0.15) !important; }
body.theme-academia .anki-hard { background: rgba(245,158,11,0.1) !important; color: #fbbf24 !important; border: 1px solid rgba(245,158,11,0.2) !important; border-radius: 6px !important; font-weight: 600 !important; font-size: 0.82rem !important; transition: background 0.15s !important; }
body.theme-academia .anki-hard:hover { background: rgba(245,158,11,0.15) !important; }
body.theme-academia .anki-good { background: rgba(59,130,246,0.1) !important; color: #60a5fa !important; border: 1px solid rgba(59,130,246,0.2) !important; border-radius: 6px !important; font-weight: 600 !important; font-size: 0.82rem !important; transition: background 0.15s !important; }
body.theme-academia .anki-good:hover { background: rgba(59,130,246,0.15) !important; }
body.theme-academia .anki-easy { background: rgba(16,185,129,0.1) !important; color: #34d399 !important; border: 1px solid rgba(16,185,129,0.2) !important; border-radius: 6px !important; font-weight: 600 !important; font-size: 0.82rem !important; transition: background 0.15s !important; }
body.theme-academia .anki-easy:hover { background: rgba(16,185,129,0.15) !important; }
body.theme-academia .anki-btn:hover { transform: none !important; }
body.theme-academia .cases-header-badge { background: rgba(245,158,11,0.1) !important; border: 1px solid rgba(245,158,11,0.2) !important; color: #fbbf24 !important; border-radius: 99px !important; box-shadow: none !important; font-size: 0.72rem !important; font-weight: 600 !important; }

/* ── Chat ── */
body.theme-academia .chat-panel { background: #18181b !important; border: 1px solid #27272a !important; border-radius: 12px !important; box-shadow: 0 16px 48px rgba(0,0,0,0.5) !important; overflow: hidden !important; }
body.theme-academia .chat-header { background: rgba(255,255,255,0.03) !important; border-bottom: 1px solid #27272a !important; }
body.theme-academia .chat-title { color: #fafafa !important; font-weight: 600 !important; font-size: 0.88rem !important; letter-spacing: -0.01em !important; }
body.theme-academia .chat-messages { background: #09090b !important; }
body.theme-academia .chat-welcome h4, body.theme-academia .chat-welcome-lg h1 { color: #fafafa !important; background: none !important; -webkit-text-fill-color: #fafafa !important; font-weight: 700 !important; }
body.theme-academia .message-bubble { background: #18181b !important; border: 1px solid #27272a !important; border-radius: 8px !important; color: #d4d4d8 !important; }
body.theme-academia .chat-message.user .message-bubble, body.theme-academia .chat-message-lg.user .message-bubble-lg { background: #2563eb !important; color: #fff !important; border-color: #3b82f6 !important; border-radius: 8px !important; }
body.theme-academia .message-bubble-lg { background: #18181b !important; border: 1px solid #27272a !important; color: #d4d4d8 !important; border-radius: 8px !important; }
body.theme-academia .suggestion-chip { background: rgba(255,255,255,0.04) !important; border: 1px solid #27272a !important; border-radius: 99px !important; color: #60a5fa !important; font-weight: 500 !important; font-size: 0.8rem !important; transition: border-color 0.15s, background 0.15s !important; }
body.theme-academia .suggestion-chip:hover { border-color: #3b82f6 !important; background: rgba(59,130,246,0.08) !important; transform: none !important; box-shadow: none !important; }
body.theme-academia .chat-input-container, body.theme-academia .chat-input-area-lg { background: #18181b !important; border-top: 1px solid #27272a !important; }
body.theme-academia .chat-input, body.theme-academia #full-chat-input { background: rgba(255,255,255,0.04) !important; border: 1px solid #27272a !important; border-radius: 8px !important; color: #fafafa !important; font-size: 0.875rem !important; transition: border-color 0.2s !important; }
body.theme-academia .chat-input:focus, body.theme-academia #full-chat-input:focus { border-color: #3b82f6 !important; box-shadow: 0 0 0 3px rgba(59,130,246,0.12) !important; }
body.theme-academia .chat-send, body.theme-academia .send-btn-lg { background: #3b82f6 !important; color: #fff !important; border-radius: 8px !important; border: none !important; box-shadow: none !important; transition: background 0.15s !important; }
body.theme-academia .chat-send:hover, body.theme-academia .send-btn-lg:hover { background: #2563eb !important; }
body.theme-academia .chat-sidebar { background: #0e0e11 !important; border-right: 1px solid #27272a !important; }
body.theme-academia .history-item { border: 1px solid transparent !important; border-radius: 6px !important; color: #71717a !important; transition: all 0.12s !important; }
body.theme-academia .history-item:hover { background: rgba(255,255,255,0.04) !important; border-color: #27272a !important; color: #a1a1aa !important; }
body.theme-academia .history-item.active { background: rgba(59,130,246,0.08) !important; border-color: rgba(59,130,246,0.2) !important; color: #60a5fa !important; }
body.theme-academia .input-wrapper-lg { border: 1px solid #27272a !important; border-radius: 12px !important; background: rgba(255,255,255,0.02) !important; }
body.theme-academia .disclaimer { color: #3f3f46 !important; font-size: 0.72rem !important; }

/* ── Perfil ── */
body.theme-academia .profile-overlay { background: #09090b !important; }
body.theme-academia .profile-screen-header h1 { background: none !important; -webkit-text-fill-color: #fafafa !important; font-weight: 700 !important; letter-spacing: -0.02em !important; }
body.theme-academia .profile-screen-header p { color: #52525b !important; }
body.theme-academia .profile-card { background: #18181b !important; border: 1px solid #27272a !important; border-radius: 8px !important; color: #fafafa !important; transition: border-color 0.2s !important; }
body.theme-academia .profile-card:hover { border-color: #3f3f46 !important; box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important; transform: none !important; }
body.theme-academia .profile-card.selected { border-color: #3b82f6 !important; box-shadow: 0 0 0 3px rgba(59,130,246,0.15) !important; }
body.theme-academia .profile-avatar { background: rgba(59,130,246,0.15) !important; color: #60a5fa !important; box-shadow: none !important; border-radius: 8px !important; font-weight: 700 !important; }
body.theme-academia .profile-name { color: #fafafa !important; font-weight: 600 !important; }
body.theme-academia .profile-password-section { background: rgba(255,255,255,0.02) !important; border: 1px solid #27272a !important; border-radius: 8px !important; }
body.theme-academia .profile-password-section p { color: #52525b !important; }
body.theme-academia .profile-help { color: #60a5fa !important; }
body.theme-academia .password-input-wrap input { background: rgba(255,255,255,0.04) !important; border: 1px solid #27272a !important; border-radius: 6px !important; color: #fafafa !important; }
body.theme-academia .password-input-wrap input:focus { border-color: #3b82f6 !important; box-shadow: 0 0 0 3px rgba(59,130,246,0.15) !important; }
body.theme-academia .profile-error { color: #f87171 !important; font-size: 0.82rem !important; }
body.theme-academia .create-profile-form { background: rgba(255,255,255,0.02) !important; border: 1px solid #27272a !important; border-radius: 8px !important; }
body.theme-academia .form-field label { color: #52525b !important; font-size: 0.75rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; }
body.theme-academia .form-field input { background: rgba(255,255,255,0.04) !important; border: 1px solid #27272a !important; border-radius: 6px !important; color: #fafafa !important; transition: border-color 0.2s !important; }
body.theme-academia .form-field input:focus { border-color: #3b82f6 !important; box-shadow: 0 0 0 3px rgba(59,130,246,0.15) !important; }
body.theme-academia .auth-card { background: #18181b !important; border: 1px solid #27272a !important; border-radius: 12px !important; box-shadow: 0 16px 48px rgba(0,0,0,0.5) !important; }
body.theme-academia .auth-tab { background: rgba(255,255,255,0.03) !important; border: 1px solid #27272a !important; border-radius: 6px !important; color: #52525b !important; font-size: 0.82rem !important; font-weight: 500 !important; transition: all 0.15s !important; }
body.theme-academia .auth-tab:hover { color: #a1a1aa !important; background: rgba(255,255,255,0.06) !important; }
body.theme-academia .auth-tab.active { background: #3b82f6 !important; border-color: #3b82f6 !important; color: #fff !important; font-weight: 600 !important; }
body.theme-academia .auth-link-btn { color: #60a5fa !important; font-weight: 500 !important; }

/* ── Modales ── */
body.theme-academia .modal-content { background: #18181b !important; border: 1px solid #27272a !important; border-radius: 12px !important; box-shadow: 0 24px 64px rgba(0,0,0,0.7), 0 0 0 1px rgba(255,255,255,0.04) inset !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
body.theme-academia .note-modal-content { background: #18181b !important; border-radius: 12px !important; }

/* ── FABs ── */
body.theme-academia .fab { box-shadow: 0 4px 16px rgba(0,0,0,0.4) !important; border-radius: 10px !important; border: 1px solid rgba(255,255,255,0.1) !important; transition: box-shadow 0.2s, transform 0.2s !important; }
body.theme-academia .fab:hover { transform: translateY(-1px) !important; box-shadow: 0 6px 20px rgba(0,0,0,0.5) !important; }
body.theme-academia .fab-chat { background: #3b82f6 !important; }
body.theme-academia .fab-notes { background: #f59e0b !important; }

/* ── Mobile nav ── */
body.theme-academia .mobile-bottom-bar { background: rgba(9,9,11,0.9) !important; border-top: 1px solid #27272a !important; box-shadow: none !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; }
body.theme-academia .mobile-tab { color: #52525b !important; transition: color 0.15s !important; }
body.theme-academia .mobile-tab.active { color: #60a5fa !important; }
body.theme-academia .mobile-tab.active .tab-icon { filter: none !important; }
body.theme-academia .mobile-tab.active::after { background: #3b82f6 !important; height: 2px !important; border-radius: 99px !important; }
body.theme-academia .mobile-more-menu { background: #18181b !important; border: 1px solid #27272a !important; border-radius: 16px 16px 0 0 !important; box-shadow: 0 -8px 32px rgba(0,0,0,0.5) !important; backdrop-filter: none !important; }
body.theme-academia .more-menu-item { color: #a1a1aa !important; font-size: 0.84rem !important; border-radius: 6px !important; transition: background 0.12s, color 0.12s !important; }
body.theme-academia .more-menu-item:hover { background: rgba(255,255,255,0.06) !important; color: #fafafa !important; }
body.theme-academia .more-menu-item.active { background: rgba(59,130,246,0.1) !important; color: #60a5fa !important; }
body.theme-academia .more-menu-divider { background: #27272a !important; }
body.theme-academia .theme-toggle-item { color: #52525b !important; font-size: 0.84rem !important; border-radius: 6px !important; }
body.theme-academia .theme-toggle-item:hover { background: rgba(255,255,255,0.04) !important; color: #a1a1aa !important; }
body.theme-academia .theme-selector-title { color: #3f3f46 !important; font-size: 0.68rem !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; font-weight: 600 !important; }

/* ── Botones ── */
body.theme-academia .btn { font-weight: 500 !important; letter-spacing: 0.01em !important; border-radius: 6px !important; font-size: 0.85rem !important; transition: background 0.15s, border-color 0.15s, box-shadow 0.15s !important; }
body.theme-academia .btn-primary { background: #3b82f6 !important; border: 1px solid #3b82f6 !important; color: #fff !important; box-shadow: 0 1px 2px rgba(0,0,0,0.3) !important; }
body.theme-academia .btn-primary:hover:not(:disabled) { background: #2563eb !important; border-color: #2563eb !important; transform: none !important; box-shadow: 0 2px 6px rgba(59,130,246,0.25) !important; }
body.theme-academia .btn-success { background: #10b981 !important; border: 1px solid #10b981 !important; color: #fff !important; box-shadow: 0 1px 2px rgba(0,0,0,0.3) !important; }
body.theme-academia .btn-success:hover:not(:disabled) { background: #059669 !important; border-color: #059669 !important; transform: none !important; }
body.theme-academia .btn-secondary { background: rgba(255,255,255,0.05) !important; border: 1px solid #27272a !important; color: #a1a1aa !important; }
body.theme-academia .btn-secondary:hover:not(:disabled) { background: rgba(255,255,255,0.08) !important; border-color: #3f3f46 !important; color: #fafafa !important; transform: none !important; }
body.theme-academia .btn-danger, body.theme-academia .profile-page-actions .btn.btn-danger { background: rgba(239,68,68,0.1) !important; border: 1px solid rgba(239,68,68,0.2) !important; color: #f87171 !important; }
body.theme-academia .btn-danger:hover, body.theme-academia .profile-page-actions .btn.btn-danger:hover { background: rgba(239,68,68,0.15) !important; border-color: rgba(239,68,68,0.3) !important; }
body.theme-academia .btn:disabled, body.theme-academia .btn[disabled] { opacity: 0.4 !important; cursor: not-allowed !important; }

/* ── Formularios ── */
body.theme-academia select { background: rgba(255,255,255,0.04) !important; border: 1px solid #27272a !important; border-radius: 6px !important; color: #fafafa !important; transition: border-color 0.2s !important; }
body.theme-academia select:focus { border-color: #3b82f6 !important; box-shadow: 0 0 0 3px rgba(59,130,246,0.15) !important; }
body.theme-academia input, body.theme-academia textarea { background: rgba(255,255,255,0.04) !important; border: 1px solid #27272a !important; border-radius: 6px !important; color: #fafafa !important; transition: border-color 0.2s !important; }
body.theme-academia input:focus, body.theme-academia textarea:focus { border-color: #3b82f6 !important; box-shadow: 0 0 0 3px rgba(59,130,246,0.15) !important; outline: none !important; }
body.theme-academia .radio-option, body.theme-academia .checkbox-option { background: rgba(255,255,255,0.02) !important; border: 1px solid #27272a !important; border-radius: 6px !important; color: #a1a1aa !important; transition: border-color 0.15s, background 0.15s !important; }
body.theme-academia .radio-option:hover, body.theme-academia .checkbox-option:hover { border-color: #3f3f46 !important; transform: none !important; color: #d4d4d8 !important; }
body.theme-academia .radio-option:has(input:checked), body.theme-academia .checkbox-option:has(input:checked) { border-color: #3b82f6 !important; background: rgba(59,130,246,0.06) !important; box-shadow: 0 0 0 3px rgba(59,130,246,0.1) !important; color: #fafafa !important; }

/* ── Misc ── */
body.theme-academia #toast-container .toast { background: #18181b !important; border: 1px solid #27272a !important; border-radius: 8px !important; color: #fafafa !important; box-shadow: 0 8px 24px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.04) inset !important; backdrop-filter: none !important; }
body.theme-academia .highlight-popup { background: #18181b !important; border: 1px solid #27272a !important; border-radius: 8px !important; box-shadow: 0 8px 24px rgba(0,0,0,0.5) !important; backdrop-filter: none !important; }
body.theme-academia .back-to-top { background: #18181b !important; border: 1px solid #27272a !important; border-radius: 8px !important; color: #60a5fa !important; backdrop-filter: none !important; transition: background 0.15s, border-color 0.15s !important; }
body.theme-academia .back-to-top:hover { background: #3b82f6 !important; color: #fff !important; border-color: #3b82f6 !important; }
body.theme-academia .no-activity { background: rgba(255,255,255,0.02) !important; border: 1px dashed #27272a !important; border-radius: 8px !important; color: #3f3f46 !important; }
body.theme-academia .notes-action-btn { color: #52525b !important; transition: color 0.15s !important; }
body.theme-academia .notes-action-btn:hover { color: #a1a1aa !important; }
body.theme-academia .exam-sim-header { border-bottom: 1px solid #27272a !important; }

/* ── Theme selector ── */
body.theme-academia .theme-slide { border-radius: 6px !important; transition: border-color 0.15s !important; }
body.theme-academia .theme-slide.active { border-color: #3b82f6 !important; box-shadow: 0 0 0 3px rgba(59,130,246,0.15) !important; }
body.theme-academia .theme-slide-name { font-size: 0.78rem !important; font-weight: 500 !important; }

/* ==========================================
   ACADEMIA THEME — LIGHT MODE
   Estética limpia, papel blanco, tinta oscura
   ========================================== */
body.theme-academia.theme-light {
    --primary: #2563eb; --primary-dark: #1d4ed8; --primary-light: #3b82f6;
    --secondary: #4f46e5; --secondary-dark: #4338ca;
    --danger: #dc2626; --warning: #d97706; --success: #059669;
    --bg-dark: #f8fafc; --bg-card: #ffffff; --bg-card-hover: #f1f5f9; --bg-sidebar: #f1f5f9;
    --text-primary: #0f172a; --text-secondary: #475569; --text-muted: #94a3b8; --text-reading: #1e293b;
    --border-color: #e2e8f0; --border-radius: 8px; --border-radius-sm: 6px; --border-radius-lg: 12px;
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.05); --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.07); --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.08); --shadow-glow: none;
    --surface-1: #ffffff; --surface-2: #f8fafc; --surface-border: #e2e8f0; --surface-shadow: 0 1px 3px rgba(0,0,0,0.06);
    background: #f8fafc !important;
    font-family: 'IBM Plex Sans', 'Inter', -apple-system, sans-serif !important;
}
body.theme-academia.theme-light ::selection { background: #2563eb; color: #fff; }
body.theme-academia.theme-light * { scrollbar-color: #cbd5e1 #f8fafc; }
body.theme-academia.theme-light ::-webkit-scrollbar { width: 6px; }
body.theme-academia.theme-light ::-webkit-scrollbar-track { background: #f8fafc; }
body.theme-academia.theme-light ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
body.theme-academia.theme-light ::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* Navbar */
body.theme-academia.theme-light .top-navbar { background: rgba(255,255,255,0.85) !important; border-bottom: 1px solid #e2e8f0 !important; box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important; backdrop-filter: blur(12px) saturate(180%) !important; -webkit-backdrop-filter: blur(12px) saturate(180%) !important; height: 52px !important; }
body.theme-academia.theme-light .top-navbar::after { display: none !important; }
body.theme-academia.theme-light .navbar-brand .logo-text { background: none !important; -webkit-text-fill-color: #0f172a !important; font-weight: 700 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; font-size: 0.9rem !important; }
body.theme-academia.theme-light .navbar-brand .version-badge { background: rgba(37,99,235,0.1) !important; color: #2563eb !important; border: 1px solid rgba(37,99,235,0.2) !important; border-radius: 4px !important; font-size: 0.65rem !important; }
body.theme-academia.theme-light .navbar-nav .nav-btn { background: transparent !important; border: none !important; border-radius: 6px !important; color: #94a3b8 !important; height: auto !important; padding: 6px 12px !important; transform: none !important; font-size: 0.82rem !important; font-weight: 500 !important; transition: color 0.15s, background 0.15s !important; }
body.theme-academia.theme-light .navbar-nav .nav-btn:hover { color: #475569 !important; background: rgba(0,0,0,0.04) !important; transform: none !important; }
body.theme-academia.theme-light .navbar-nav .nav-btn.active { color: #0f172a !important; font-weight: 600 !important; background: rgba(0,0,0,0.06) !important; box-shadow: none !important; }
body.theme-academia.theme-light .navbar-search #global-search { background: #f1f5f9 !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important; color: #0f172a !important; font-size: 0.82rem !important; }
body.theme-academia.theme-light .navbar-search #global-search::placeholder { color: #94a3b8 !important; }
body.theme-academia.theme-light .navbar-search #global-search:focus { border-color: #2563eb !important; box-shadow: 0 0 0 3px rgba(37,99,235,0.1) !important; }
body.theme-academia.theme-light .profile-btn { background: #f1f5f9 !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important; color: #475569 !important; }
body.theme-academia.theme-light .profile-btn:hover { background: #e2e8f0 !important; color: #0f172a !important; }

/* Sidebar */
body.theme-academia.theme-light .sidebar { background: #f1f5f9 !important; border-right: 1px solid #e2e8f0 !important; }
body.theme-academia.theme-light .lesson-selector h3 { color: #94a3b8 !important; font-size: 0.68rem !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; font-weight: 600 !important; padding-bottom: 8px !important; border-bottom: 1px solid #e2e8f0 !important; }
body.theme-academia.theme-light .lesson-item { color: #475569 !important; background: transparent !important; border-radius: 6px !important; font-size: 0.84rem !important; transition: background 0.12s, color 0.12s !important; }
body.theme-academia.theme-light .lesson-item:hover { background: rgba(0,0,0,0.04) !important; color: #0f172a !important; transform: none !important; }
body.theme-academia.theme-light .lesson-item.active { background: rgba(37,99,235,0.08) !important; color: #2563eb !important; font-weight: 500 !important; border-left: none !important; }
body.theme-academia.theme-light .mini-progress { background: #e2e8f0 !important; border-radius: 99px !important; height: 3px !important; }
body.theme-academia.theme-light .mini-progress-fill { background: #2563eb !important; box-shadow: none !important; border-radius: 99px !important; }
body.theme-academia.theme-light .backup-controls .icon-btn { background: transparent !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important; color: #94a3b8 !important; }
body.theme-academia.theme-light .backup-controls .icon-btn:hover { background: rgba(0,0,0,0.04) !important; color: #475569 !important; transform: none !important; }

/* View headers */
body.theme-academia.theme-light .view-header h1 { background: none !important; -webkit-text-fill-color: #0f172a !important; text-shadow: none !important; font-weight: 700 !important; letter-spacing: -0.025em !important; }
body.theme-academia.theme-light .view-header p { color: #94a3b8 !important; }

/* ALL cards */
body.theme-academia.theme-light .dashboard-hero-compact, body.theme-academia.theme-light .next-step-card,
body.theme-academia.theme-light .study-path-hero, body.theme-academia.theme-light .quick-actions.compact,
body.theme-academia.theme-light .exam-readiness-compact, body.theme-academia.theme-light .badges-section-compact,
body.theme-academia.theme-light .activity-compact, body.theme-academia.theme-light .exam-setup,
body.theme-academia.theme-light .question-container, body.theme-academia.theme-light .results-card,
body.theme-academia.theme-light .case-card, body.theme-academia.theme-light .pbq-card,
body.theme-academia.theme-light .deck-card, body.theme-academia.theme-light .note-card,
body.theme-academia.theme-light .dashboard-card, body.theme-academia.theme-light .exam-header,
body.theme-academia.theme-light .flashcards-session, body.theme-academia.theme-light .flashcards-results,
body.theme-academia.theme-light .notes-container, body.theme-academia.theme-light .notes-header-bar,
body.theme-academia.theme-light .case-active, body.theme-academia.theme-light .case-results,
body.theme-academia.theme-light .pbq-workspace, body.theme-academia.theme-light .exam-results,
body.theme-academia.theme-light .profile-page-card, body.theme-academia.theme-light .exam-sim-header,
body.theme-academia.theme-light .exam-sim-question, body.theme-academia.theme-light .exam-sim-footer {
    background: #ffffff !important; border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important; box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 1px 2px rgba(0,0,0,0.02) !important;
    color: #0f172a !important; backdrop-filter: none !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
}
body.theme-academia.theme-light .case-card:hover,
body.theme-academia.theme-light .pbq-card:hover, body.theme-academia.theme-light .deck-card:hover,
body.theme-academia.theme-light .dashboard-card:hover, body.theme-academia.theme-light .note-card:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.06) !important;
    transform: none !important;
}

body.theme-academia.theme-light .dashboard-hero-compact::before, body.theme-academia.theme-light .dashboard-hero-compact::after,
body.theme-academia.theme-light .next-step-card::before, body.theme-academia.theme-light .study-path-hero::after,
body.theme-academia.theme-light .study-path-hero::before, body.theme-academia.theme-light .quick-actions.compact::before,
body.theme-academia.theme-light .exam-readiness-compact::before, body.theme-academia.theme-light .badges-section-compact::before,
body.theme-academia.theme-light .activity-compact::before, body.theme-academia.theme-light .exam-setup::after,
body.theme-academia.theme-light .results-card::before, body.theme-academia.theme-light .dashboard-card::before,
body.theme-academia.theme-light .case-card::before, body.theme-academia.theme-light .pbq-card::before { display: none !important; }

body.theme-academia.theme-light .stat-pill { background: #f1f5f9 !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important; color: #475569 !important; }
body.theme-academia.theme-light .stat-pill:hover { border-color: #cbd5e1 !important; }
body.theme-academia.theme-light .stat-pill .stat-value { color: #0f172a !important; font-weight: 700 !important; }
body.theme-academia.theme-light .next-step-card { border-left: 3px solid #059669 !important; }
body.theme-academia.theme-light .next-step-badge { background: rgba(5,150,105,0.08) !important; border: 1px solid rgba(5,150,105,0.15) !important; color: #047857 !important; border-radius: 6px !important; font-size: 0.72rem !important; font-weight: 600 !important; }
body.theme-academia.theme-light .study-path-title h2 { background: none !important; -webkit-text-fill-color: #0f172a !important; color: #0f172a !important; letter-spacing: -0.02em !important; }
body.theme-academia.theme-light .study-path-subtitle { color: #94a3b8 !important; }
body.theme-academia.theme-light .circular-chart-lg .path-progress { stroke: #2563eb !important; }
body.theme-academia.theme-light .percentage { fill: #0f172a !important; font-weight: 700 !important; }
body.theme-academia.theme-light .circle-bg { stroke: #e2e8f0 !important; }

/* Steps */
body.theme-academia.theme-light .phase { background: #fff !important; border: 1px solid #e2e8f0 !important; border-left: 3px solid #2563eb !important; border-radius: 8px !important; transition: border-color 0.2s !important; }
body.theme-academia.theme-light .phase:hover { border-color: #cbd5e1 !important; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05) !important; transform: none !important; }
body.theme-academia.theme-light .phase.active-phase { background: rgba(37,99,235,0.02) !important; }
body.theme-academia.theme-light .phase-info h3 { -webkit-text-fill-color: #0f172a !important; color: #0f172a !important; font-weight: 600 !important; }
body.theme-academia.theme-light .phase-progress-text { -webkit-text-fill-color: #059669 !important; font-weight: 600 !important; }
body.theme-academia.theme-light .step { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important; color: #475569 !important; transition: border-color 0.2s, background 0.2s !important; }
body.theme-academia.theme-light .step:hover:not(.locked) { border-color: #2563eb !important; background: rgba(37,99,235,0.03) !important; transform: none !important; }
body.theme-academia.theme-light .step.completed { background: rgba(5,150,105,0.03) !important; border-color: rgba(5,150,105,0.2) !important; }
body.theme-academia.theme-light .step.active { border-color: #2563eb !important; background: rgba(37,99,235,0.04) !important; animation: none !important; box-shadow: 0 0 0 3px rgba(37,99,235,0.08) !important; }
body.theme-academia.theme-light .step-icon { background: #e2e8f0 !important; border-radius: 6px !important; }
body.theme-academia.theme-light .step-title { color: #0f172a !important; font-weight: 500 !important; }
body.theme-academia.theme-light .step-desc { color: #94a3b8 !important; }
body.theme-academia.theme-light .phase-progress-bar { background: #e2e8f0 !important; border-radius: 99px !important; }
body.theme-academia.theme-light .phase-progress-bar .fill { background: linear-gradient(90deg, #2563eb, #3b82f6) !important; box-shadow: none !important; border-radius: 99px !important; }

body.theme-academia.theme-light .quick-actions.compact h3, body.theme-academia.theme-light .exam-readiness-compact h3,
body.theme-academia.theme-light .badges-section-compact h3, body.theme-academia.theme-light .activity-compact h3 {
    background: none !important; -webkit-text-fill-color: #94a3b8 !important; color: #94a3b8 !important;
    font-weight: 600 !important; font-size: 0.7rem !important; text-transform: uppercase !important; letter-spacing: 0.1em !important;
}

body.theme-academia.theme-light .action-btn-compact { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important; color: #475569 !important; transition: all 0.15s !important; }
body.theme-academia.theme-light .action-btn-compact:hover { border-color: #cbd5e1 !important; background: #f1f5f9 !important; transform: none !important; color: #0f172a !important; }
body.theme-academia.theme-light .badge-item { border: 1px solid #e2e8f0 !important; border-radius: 6px !important; }
body.theme-academia.theme-light .badge-item.unlocked { border-color: rgba(37,99,235,0.3) !important; background: rgba(37,99,235,0.04) !important; }

/* Study */
body.theme-academia.theme-light .lesson-tabs { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; padding: 3px !important; }
body.theme-academia.theme-light .lesson-tab { background: transparent !important; border: none !important; border-radius: 6px !important; color: #94a3b8 !important; font-size: 0.82rem !important; font-weight: 500 !important; }
body.theme-academia.theme-light .lesson-tab:hover { color: #475569 !important; background: rgba(0,0,0,0.03) !important; transform: none !important; }
body.theme-academia.theme-light .lesson-tab.active { background: rgba(0,0,0,0.05) !important; color: #0f172a !important; font-weight: 600 !important; box-shadow: 0 1px 2px rgba(0,0,0,0.06) !important; }
body.theme-academia.theme-light .study-section { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; overflow: hidden !important; }
body.theme-academia.theme-light .section-header { background: #f8fafc !important; color: #0f172a !important; border-bottom: 1px solid #e2e8f0 !important; font-size: 0.78rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; }
body.theme-academia.theme-light .section-content { background: #fff !important; color: #1e293b !important; line-height: 1.75 !important; font-size: 0.92rem !important; }
body.theme-academia.theme-light .concept-card { background: rgba(37,99,235,0.03) !important; border: 1px solid rgba(37,99,235,0.12) !important; border-left: 3px solid #2563eb !important; border-radius: 6px !important; }
body.theme-academia.theme-light .concept-card h4 { color: #1d4ed8 !important; font-weight: 600 !important; }
body.theme-academia.theme-light .concept-card p { color: #475569 !important; }
body.theme-academia.theme-light .definition-item { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important; transition: border-color 0.15s !important; }
body.theme-academia.theme-light .definition-item:hover { border-color: #cbd5e1 !important; transform: none !important; }
body.theme-academia.theme-light .definition-item strong { color: #1d4ed8 !important; }
body.theme-academia.theme-light .definition-item p, body.theme-academia.theme-light .definition-item span { color: #475569 !important; }

/* Exam */
body.theme-academia.theme-light .exam-setup h2 { background: none !important; -webkit-text-fill-color: #0f172a !important; font-weight: 700 !important; }
body.theme-academia.theme-light .exam-progress-fill { background: linear-gradient(90deg, #2563eb, #3b82f6) !important; box-shadow: none !important; border-radius: 99px !important; }
body.theme-academia.theme-light .exam-progress-bar { background: #e2e8f0 !important; border-radius: 99px !important; }
body.theme-academia.theme-light .option { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; color: #475569 !important; transition: border-color 0.2s, background 0.2s, box-shadow 0.2s !important; }
body.theme-academia.theme-light .option:hover:not(.disabled) { border-color: #2563eb !important; background: rgba(37,99,235,0.03) !important; transform: none !important; box-shadow: 0 0 0 3px rgba(37,99,235,0.06) !important; color: #0f172a !important; }
body.theme-academia.theme-light .option.selected { border-color: #2563eb !important; background: rgba(37,99,235,0.06) !important; box-shadow: 0 0 0 3px rgba(37,99,235,0.1) !important; color: #0f172a !important; }
body.theme-academia.theme-light .option.correct { border-color: #059669 !important; background: rgba(5,150,105,0.05) !important; box-shadow: 0 0 0 3px rgba(5,150,105,0.08) !important; }
body.theme-academia.theme-light .option.incorrect { border-color: #dc2626 !important; background: rgba(220,38,38,0.04) !important; box-shadow: 0 0 0 3px rgba(220,38,38,0.06) !important; }
body.theme-academia.theme-light .option-letter { background: #e2e8f0 !important; color: #475569 !important; border: none !important; border-radius: 6px !important; font-family: 'IBM Plex Mono', monospace !important; font-weight: 600 !important; font-size: 0.82rem !important; }
body.theme-academia.theme-light .option.selected .option-letter { background: #2563eb !important; color: #fff !important; }
body.theme-academia.theme-light .option.correct .option-letter { background: #059669 !important; color: #fff !important; }
body.theme-academia.theme-light .option.incorrect .option-letter { background: #dc2626 !important; color: #fff !important; }
body.theme-academia.theme-light .difficulty-easy, body.theme-academia.theme-light .difficulty-facil { background: rgba(5,150,105,0.08) !important; color: #047857 !important; border-radius: 99px !important; font-size: 0.72rem !important; font-weight: 600 !important; }
body.theme-academia.theme-light .difficulty-medium, body.theme-academia.theme-light .difficulty-medio { background: rgba(217,119,6,0.08) !important; color: #b45309 !important; border-radius: 99px !important; font-size: 0.72rem !important; font-weight: 600 !important; }
body.theme-academia.theme-light .difficulty-hard, body.theme-academia.theme-light .difficulty-dificil { background: rgba(220,38,38,0.08) !important; color: #b91c1c !important; border-radius: 99px !important; font-size: 0.72rem !important; font-weight: 600 !important; }
body.theme-academia.theme-light .explanation { background: rgba(37,99,235,0.03) !important; border: 1px solid rgba(37,99,235,0.12) !important; border-left: 3px solid #2563eb !important; border-radius: 8px !important; }
body.theme-academia.theme-light .explanation h4 { color: #1d4ed8 !important; font-size: 0.78rem !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; font-weight: 600 !important; }
body.theme-academia.theme-light .explanation p { color: #475569 !important; line-height: 1.65 !important; }
body.theme-academia.theme-light .results-score { -webkit-text-fill-color: #2563eb !important; font-weight: 800 !important; }

/* Flashcards */
body.theme-academia.theme-light .flashcard-front, body.theme-academia.theme-light .flashcard-back { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; color: #0f172a !important; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05) !important; }
body.theme-academia.theme-light .card-label { color: #2563eb !important; font-size: 0.68rem !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; font-weight: 600 !important; }
body.theme-academia.theme-light .card-hint { color: #94a3b8 !important; }
body.theme-academia.theme-light .anki-again { background: rgba(220,38,38,0.06) !important; color: #dc2626 !important; border: 1px solid rgba(220,38,38,0.15) !important; border-radius: 6px !important; font-weight: 600 !important; transition: background 0.15s !important; }
body.theme-academia.theme-light .anki-again:hover { background: rgba(220,38,38,0.1) !important; }
body.theme-academia.theme-light .anki-hard { background: rgba(217,119,6,0.06) !important; color: #d97706 !important; border: 1px solid rgba(217,119,6,0.15) !important; border-radius: 6px !important; font-weight: 600 !important; transition: background 0.15s !important; }
body.theme-academia.theme-light .anki-hard:hover { background: rgba(217,119,6,0.1) !important; }
body.theme-academia.theme-light .anki-good { background: rgba(37,99,235,0.06) !important; color: #2563eb !important; border: 1px solid rgba(37,99,235,0.15) !important; border-radius: 6px !important; font-weight: 600 !important; transition: background 0.15s !important; }
body.theme-academia.theme-light .anki-good:hover { background: rgba(37,99,235,0.1) !important; }
body.theme-academia.theme-light .anki-easy { background: rgba(5,150,105,0.06) !important; color: #059669 !important; border: 1px solid rgba(5,150,105,0.15) !important; border-radius: 6px !important; font-weight: 600 !important; transition: background 0.15s !important; }
body.theme-academia.theme-light .anki-easy:hover { background: rgba(5,150,105,0.1) !important; }
body.theme-academia.theme-light .anki-btn:hover { transform: none !important; }
body.theme-academia.theme-light .cases-header-badge { background: rgba(217,119,6,0.08) !important; border: 1px solid rgba(217,119,6,0.15) !important; color: #b45309 !important; border-radius: 99px !important; }

/* Chat */
body.theme-academia.theme-light .chat-panel { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; box-shadow: 0 16px 48px rgba(0,0,0,0.1) !important; }
body.theme-academia.theme-light .chat-header { background: #f8fafc !important; border-bottom: 1px solid #e2e8f0 !important; }
body.theme-academia.theme-light .chat-title { color: #0f172a !important; font-weight: 600 !important; letter-spacing: -0.01em !important; }
body.theme-academia.theme-light .chat-messages { background: #f8fafc !important; }
body.theme-academia.theme-light .chat-welcome h4, body.theme-academia.theme-light .chat-welcome-lg h1 { color: #0f172a !important; background: none !important; -webkit-text-fill-color: #0f172a !important; }
body.theme-academia.theme-light .message-bubble { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; color: #475569 !important; }
body.theme-academia.theme-light .chat-message.user .message-bubble, body.theme-academia.theme-light .chat-message-lg.user .message-bubble-lg { background: #2563eb !important; color: #fff !important; border-color: #2563eb !important; border-radius: 8px !important; }
body.theme-academia.theme-light .message-bubble-lg { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #475569 !important; border-radius: 8px !important; }
body.theme-academia.theme-light .chat-input-container, body.theme-academia.theme-light .chat-input-area-lg { background: #fff !important; border-top: 1px solid #e2e8f0 !important; }
body.theme-academia.theme-light .chat-input, body.theme-academia.theme-light #full-chat-input { background: #f1f5f9 !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; color: #0f172a !important; }
body.theme-academia.theme-light .chat-input:focus, body.theme-academia.theme-light #full-chat-input:focus { border-color: #2563eb !important; box-shadow: 0 0 0 3px rgba(37,99,235,0.1) !important; }
body.theme-academia.theme-light .chat-send, body.theme-academia.theme-light .send-btn-lg { background: #2563eb !important; color: #fff !important; border-radius: 8px !important; }
body.theme-academia.theme-light .chat-send:hover, body.theme-academia.theme-light .send-btn-lg:hover { background: #1d4ed8 !important; }
body.theme-academia.theme-light .suggestion-chip { background: #f1f5f9 !important; border: 1px solid #e2e8f0 !important; border-radius: 99px !important; color: #2563eb !important; font-size: 0.8rem !important; font-weight: 500 !important; transition: border-color 0.15s !important; }
body.theme-academia.theme-light .suggestion-chip:hover { border-color: #2563eb !important; background: rgba(37,99,235,0.04) !important; }
body.theme-academia.theme-light .chat-sidebar { background: #f1f5f9 !important; border-right: 1px solid #e2e8f0 !important; }
body.theme-academia.theme-light .history-item { border: 1px solid transparent !important; border-radius: 6px !important; color: #94a3b8 !important; }
body.theme-academia.theme-light .history-item:hover { background: rgba(0,0,0,0.03) !important; color: #475569 !important; }
body.theme-academia.theme-light .history-item.active { background: rgba(37,99,235,0.06) !important; border-color: rgba(37,99,235,0.15) !important; color: #2563eb !important; }
body.theme-academia.theme-light .input-wrapper-lg { border: 1px solid #e2e8f0 !important; border-radius: 12px !important; background: #f8fafc !important; }
body.theme-academia.theme-light .disclaimer { color: #94a3b8 !important; font-size: 0.72rem !important; }

/* Profile */
body.theme-academia.theme-light .profile-overlay { background: #f8fafc !important; }
body.theme-academia.theme-light .profile-screen-header h1 { background: none !important; -webkit-text-fill-color: #0f172a !important; font-weight: 700 !important; }
body.theme-academia.theme-light .profile-screen-header p { color: #94a3b8 !important; }
body.theme-academia.theme-light .profile-card { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; color: #0f172a !important; transition: border-color 0.2s !important; }
body.theme-academia.theme-light .profile-card:hover { border-color: #cbd5e1 !important; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05) !important; transform: none !important; }
body.theme-academia.theme-light .profile-card.selected { border-color: #2563eb !important; box-shadow: 0 0 0 3px rgba(37,99,235,0.1) !important; }
body.theme-academia.theme-light .profile-avatar { background: rgba(37,99,235,0.1) !important; color: #2563eb !important; border-radius: 8px !important; font-weight: 700 !important; }
body.theme-academia.theme-light .profile-name { color: #0f172a !important; font-weight: 600 !important; }
body.theme-academia.theme-light .profile-password-section { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }
body.theme-academia.theme-light .profile-password-section p { color: #94a3b8 !important; }
body.theme-academia.theme-light .password-input-wrap input { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important; color: #0f172a !important; }
body.theme-academia.theme-light .password-input-wrap input:focus { border-color: #2563eb !important; box-shadow: 0 0 0 3px rgba(37,99,235,0.1) !important; }
body.theme-academia.theme-light .auth-card { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; box-shadow: 0 16px 48px rgba(0,0,0,0.08) !important; }
body.theme-academia.theme-light .auth-tab { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important; color: #94a3b8 !important; font-weight: 500 !important; }
body.theme-academia.theme-light .auth-tab:hover { color: #475569 !important; }
body.theme-academia.theme-light .auth-tab.active { background: #2563eb !important; border-color: #2563eb !important; color: #fff !important; font-weight: 600 !important; }
body.theme-academia.theme-light .create-profile-form { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }
body.theme-academia.theme-light .form-field label { color: #94a3b8 !important; font-size: 0.75rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; }
body.theme-academia.theme-light .form-field input { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important; color: #0f172a !important; }
body.theme-academia.theme-light .form-field input:focus { border-color: #2563eb !important; box-shadow: 0 0 0 3px rgba(37,99,235,0.1) !important; }

/* Modals */
body.theme-academia.theme-light .modal-content { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; box-shadow: 0 24px 64px rgba(0,0,0,0.12) !important; }
body.theme-academia.theme-light .note-modal-content { background: #fff !important; }

/* Mobile */
body.theme-academia.theme-light .mobile-bottom-bar { background: rgba(255,255,255,0.9) !important; border-top: 1px solid #e2e8f0 !important; box-shadow: none !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; }
body.theme-academia.theme-light .mobile-tab { color: #94a3b8 !important; transition: color 0.15s !important; }
body.theme-academia.theme-light .mobile-tab.active { color: #2563eb !important; }
body.theme-academia.theme-light .mobile-tab.active::after { background: #2563eb !important; height: 2px !important; border-radius: 99px !important; }
body.theme-academia.theme-light .mobile-more-menu { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 16px 16px 0 0 !important; box-shadow: 0 -8px 32px rgba(0,0,0,0.08) !important; }
body.theme-academia.theme-light .more-menu-item { color: #475569 !important; font-size: 0.84rem !important; border-radius: 6px !important; }
body.theme-academia.theme-light .more-menu-item:hover { background: #f1f5f9 !important; color: #0f172a !important; }
body.theme-academia.theme-light .more-menu-item.active { background: rgba(37,99,235,0.06) !important; color: #2563eb !important; }
body.theme-academia.theme-light .more-menu-divider { background: #f1f5f9 !important; }
body.theme-academia.theme-light .theme-toggle-item { color: #94a3b8 !important; border-radius: 6px !important; }
body.theme-academia.theme-light .theme-toggle-item:hover { background: #f1f5f9 !important; color: #475569 !important; }

/* Buttons */
body.theme-academia.theme-light .btn { border-radius: 6px !important; font-weight: 500 !important; font-size: 0.85rem !important; transition: background 0.15s, border-color 0.15s, box-shadow 0.15s !important; }
body.theme-academia.theme-light .btn-primary { background: #2563eb !important; border: 1px solid #2563eb !important; color: #fff !important; box-shadow: 0 1px 2px rgba(37,99,235,0.15) !important; }
body.theme-academia.theme-light .btn-primary:hover:not(:disabled) { background: #1d4ed8 !important; border-color: #1d4ed8 !important; transform: none !important; box-shadow: 0 2px 4px rgba(37,99,235,0.2) !important; }
body.theme-academia.theme-light .btn-success { background: #059669 !important; border: 1px solid #059669 !important; color: #fff !important; }
body.theme-academia.theme-light .btn-success:hover:not(:disabled) { background: #047857 !important; transform: none !important; }
body.theme-academia.theme-light .btn-secondary { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #475569 !important; }
body.theme-academia.theme-light .btn-secondary:hover:not(:disabled) { background: #f1f5f9 !important; border-color: #cbd5e1 !important; color: #0f172a !important; transform: none !important; }
body.theme-academia.theme-light .btn-danger, body.theme-academia.theme-light .profile-page-actions .btn.btn-danger { background: rgba(220,38,38,0.06) !important; border: 1px solid rgba(220,38,38,0.15) !important; color: #dc2626 !important; }
body.theme-academia.theme-light .btn-danger:hover, body.theme-academia.theme-light .profile-page-actions .btn.btn-danger:hover { background: rgba(220,38,38,0.1) !important; }
body.theme-academia.theme-light .btn:disabled { opacity: 0.4 !important; cursor: not-allowed !important; }

/* Forms */
body.theme-academia.theme-light select, body.theme-academia.theme-light input, body.theme-academia.theme-light textarea { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important; color: #0f172a !important; transition: border-color 0.2s !important; }
body.theme-academia.theme-light select:focus, body.theme-academia.theme-light input:focus, body.theme-academia.theme-light textarea:focus { border-color: #2563eb !important; box-shadow: 0 0 0 3px rgba(37,99,235,0.1) !important; }
body.theme-academia.theme-light .radio-option, body.theme-academia.theme-light .checkbox-option { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important; color: #475569 !important; transition: border-color 0.15s !important; }
body.theme-academia.theme-light .radio-option:hover, body.theme-academia.theme-light .checkbox-option:hover { border-color: #cbd5e1 !important; transform: none !important; }
body.theme-academia.theme-light .radio-option:has(input:checked), body.theme-academia.theme-light .checkbox-option:has(input:checked) { border-color: #2563eb !important; background: rgba(37,99,235,0.04) !important; box-shadow: 0 0 0 3px rgba(37,99,235,0.08) !important; }

/* Misc */
body.theme-academia.theme-light #toast-container .toast { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; color: #0f172a !important; box-shadow: 0 8px 24px rgba(0,0,0,0.08) !important; }
body.theme-academia.theme-light .highlight-popup { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; box-shadow: 0 8px 24px rgba(0,0,0,0.08) !important; }
body.theme-academia.theme-light .back-to-top { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; color: #2563eb !important; }
body.theme-academia.theme-light .back-to-top:hover { background: #2563eb !important; color: #fff !important; border-color: #2563eb !important; }
body.theme-academia.theme-light .no-activity { background: #f8fafc !important; border: 1px dashed #e2e8f0 !important; border-radius: 8px !important; color: #94a3b8 !important; }
body.theme-academia.theme-light .notes-action-btn { color: #94a3b8 !important; }
body.theme-academia.theme-light .notes-action-btn:hover { color: #475569 !important; }
body.theme-academia.theme-light .theme-selector-title { color: #94a3b8 !important; font-size: 0.68rem !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; font-weight: 600 !important; }
body.theme-academia.theme-light .theme-slide { background: rgba(0,0,0,0.02) !important; border-radius: 6px !important; }
body.theme-academia.theme-light .theme-slide.active { border-color: #2563eb !important; box-shadow: 0 0 0 3px rgba(37,99,235,0.1) !important; }
body.theme-academia.theme-light .fab { border: 1px solid rgba(0,0,0,0.08) !important; }
body.theme-academia.theme-light .fab-chat { background: #2563eb !important; }
body.theme-academia.theme-light .fab-notes { background: #f59e0b !important; }