/* ===================================
   KhongGianAI — Light Mode Override
   Scoped under [data-theme="light"]
   Loaded AFTER all other CSS files.
   =================================== */

/* === GLOBAL === */
[data-theme="light"] body,
[data-theme="light"] .wp-site-blocks {
    background: #FAFBFE !important;
    color: #1A1D26 !important;
}

[data-theme="light"] .kgai-main-content {
    background-image: none !important;
}

/* === SIDEBAR === */
[data-theme="light"] .kgai-sidebar {
    background: rgba(255, 255, 255, 0.98) !important;
    border-right: 1px solid rgba(0, 0, 0, 0.06) !important;
    backdrop-filter: blur(24px) !important;
    box-shadow: 1px 0 8px rgba(0, 0, 0, 0.03) !important;
}

[data-theme="light"] .kgai-logo-text {
    color: #1A1D26 !important;
}

[data-theme="light"] .kgai-logo-text em {
    color: #2563EB !important;
}

[data-theme="light"] .kgai-sidebar-item {
    color: #374151 !important;
}

[data-theme="light"] .kgai-sidebar-item svg {
    color: #4A5568 !important;
}

[data-theme="light"] .kgai-sidebar-item:hover {
    background: rgba(37, 99, 235, 0.06) !important;
    color: #1A1D26 !important;
}

[data-theme="light"] .kgai-sidebar-item:hover svg {
    color: #2563EB !important;
}

[data-theme="light"] .kgai-sidebar-item.active {
    background: rgba(37, 99, 235, 0.08) !important;
    color: #1A1D26 !important;
    box-shadow: none !important;
    border-left: 3px solid #2563EB !important;
}

[data-theme="light"] .kgai-sidebar-item.active svg {
    color: #2563EB !important;
}

[data-theme="light"] .kgai-sidebar-divider {
    color: #718096 !important;
    border-top-color: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .kgai-sidebar-badge {
    background: rgba(0, 0, 0, 0.04) !important;
    color: #718096 !important;
}

[data-theme="light"] .kgai-sidebar-submenu a {
    color: #374151 !important;
}

[data-theme="light"] .kgai-sidebar-submenu a:hover {
    background: rgba(0, 0, 0, 0.04) !important;
    color: #1A1D26 !important;
}

[data-theme="light"] .kgai-sidebar-cta {
    background: rgba(37, 99, 235, 0.04) !important;
    border-color: rgba(37, 99, 235, 0.12) !important;
    color: #374151 !important;
}

[data-theme="light"] .kgai-sidebar-cta:hover {
    background: rgba(37, 99, 235, 0.08) !important;
}

/* === TOPBAR === */
[data-theme="light"] .kgai-topbar {
    background: rgba(255, 255, 255, 0.85) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
    backdrop-filter: blur(24px) !important;
}

[data-theme="light"] .kgai-topbar-links a {
    color: #374151 !important;
}

[data-theme="light"] .kgai-topbar-links a:hover {
    background: rgba(0, 0, 0, 0.04) !important;
    color: #1A1D26 !important;
}

[data-theme="light"] .kgai-topbar-link-active {
    background: rgba(37, 99, 235, 0.06) !important;
    color: #1A1D26 !important;
}

[data-theme="light"] .kgai-search-trigger {
    background: #F3F4F8 !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    color: #4A5568 !important;
}

[data-theme="light"] .kgai-search-trigger:hover {
    border-color: rgba(37, 99, 235, 0.3) !important;
    background: #EEEEF5 !important;
}

[data-theme="light"] .kgai-search-placeholder {
    color: #718096 !important;
}

[data-theme="light"] .kgai-search-trigger kbd {
    background: rgba(0, 0, 0, 0.05) !important;
    color: #718096 !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}

/* === USER MENU === */
[data-theme="light"] .kgai-user-trigger {
    background: rgba(0, 0, 0, 0.04) !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: #1A1D26 !important;
}

[data-theme="light"] .kgai-user-trigger:hover {
    background: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .kgai-user-dropdown {
    background: rgba(255, 255, 255, 0.97) !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.12) !important;
}

[data-theme="light"] .kgai-user-dropdown-header strong {
    color: #1A1D26 !important;
}

[data-theme="light"] .kgai-user-dropdown-header span {
    color: #4A5568 !important;
}

[data-theme="light"] .kgai-user-dropdown-divider {
    background: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .kgai-user-dropdown-item {
    color: #374151 !important;
}

[data-theme="light"] .kgai-user-dropdown-item:hover {
    background: rgba(0, 0, 0, 0.04) !important;
    color: #1A1D26 !important;
}

/* === SEARCH MODAL === */
[data-theme="light"] .kgai-search-modal {
    background: rgba(0, 0, 0, 0.3) !important;
}

[data-theme="light"] .kgai-search-box {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.15) !important;
}

[data-theme="light"] .kgai-search-input-row {
    border-bottom-color: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .kgai-search-input-row input {
    color: #1A1D26 !important;
}

[data-theme="light"] .kgai-search-quick-item {
    background: rgba(0, 0, 0, 0.02) !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
    color: #374151 !important;
}

[data-theme="light"] .kgai-search-quick-item:hover {
    background: rgba(0, 0, 0, 0.05) !important;
    color: #1A1D26 !important;
}

[data-theme="light"] .kgai-search-result-title {
    color: #1A1D26 !important;
}

[data-theme="light"] .kgai-search-result-icon {
    background: rgba(37, 99, 235, 0.06) !important;
}

/* === DASHBOARD === */
[data-theme="light"] .mcb-dash-header {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .mcb-dash-welcome h1 {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-dash-welcome p {
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-dash-stat-card {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .mcb-dash-stat-value {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-dash-stat-progress {
    background: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .mcb-dash-stat-tag {
    background: rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .mcb-dash-section {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .mcb-dash-section-header h2 {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-dash-course-card {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .mcb-dash-course-card:hover {
    background: #fff !important;
    border-color: rgba(37, 99, 235, 0.2) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .mcb-course-info h4 {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-course-progress-bar {
    background: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .mcb-prog-bar-wrap {
    background: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .mcb-prog-label {
    color: #374151 !important;
}

[data-theme="light"] .mcb-ring-value {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-badges-row {
    border-top-color: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .mcb-badge-item {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .mcb-pcat-btn {
    border-color: rgba(0, 0, 0, 0.08) !important;
    background: rgba(0, 0, 0, 0.02) !important;
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-locked-overlay {
    background: rgba(255, 255, 255, 0.6) !important;
}

/* Prompts */
[data-theme="light"] .mcb-prompt-card {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .mcb-prompt-card:hover {
    background: #fff !important;
    border-color: rgba(37, 99, 235, 0.2) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .mcb-prompt-card h4 {
    color: #1A1D26 !important;
}

/* News Feed */
[data-theme="light"] .mcb-news-card {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .mcb-news-card:hover {
    background: #fff !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .mcb-news-card h4 {
    color: #1A1D26 !important;
}

/* Activity */
[data-theme="light"] .mcb-activity-item {
    border-bottom-color: rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .mcb-activity-title {
    color: #1A1D26 !important;
}

/* === PAGE HERO === */
[data-theme="light"] .kgai-page-hero {
    background: linear-gradient(180deg, rgba(37, 99, 235, 0.04) 0%, transparent 100%) !important;
}

[data-theme="light"] .kgai-page-title {
    color: #1A1D26 !important;
}

[data-theme="light"] .kgai-page-subtitle {
    color: #4A5568 !important;
}

/* === CARDS & SECTIONS (Pages) === */
[data-theme="light"] .mcb-session-card {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .mcb-session-card h2,
[data-theme="light"] .mcb-session-card h3 {
    color: #1A1D26 !important;
}

/* === TẠP HÓA / MARKETPLACE — Light Mode === */
[data-theme="light"] .cho-section {
    background: transparent !important;
}

[data-theme="light"] .cho-cat-btn {
    background: rgba(0, 0, 0, 0.03) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: #64748b !important;
    backdrop-filter: none !important;
}

[data-theme="light"] .cho-cat-btn:hover {
    background: rgba(0, 0, 0, 0.06) !important;
    color: #374151 !important;
}

[data-theme="light"] .cho-cat-btn.active {
    background: linear-gradient(135deg, #2563EB, #3b82f6) !important;
    color: #fff !important;
    border-color: transparent !important;
}

[data-theme="light"] .cho-product-card {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    backdrop-filter: none !important;
}

[data-theme="light"] .cho-product-card::before {
    background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.2), transparent) !important;
}

[data-theme="light"] .cho-product-card:hover {
    border-color: rgba(37, 99, 235, 0.15) !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08), 0 0 20px rgba(37, 99, 235, 0.03) !important;
}

[data-theme="light"] .cho-product-featured {
    background-image: linear-gradient(#ffffff, #ffffff),
        linear-gradient(135deg, #4285f4, #34a853, #fbbc05, #ea4335) !important;
    box-shadow: 0 4px 16px rgba(66, 133, 244, 0.1) !important;
}

[data-theme="light"] .cho-product-featured:hover {
    box-shadow: 0 12px 40px rgba(66, 133, 244, 0.15) !important;
}

[data-theme="light"] .cho-product-coming::after {
    background: rgba(255, 255, 255, 0.4) !important;
}

[data-theme="light"] .cho-product-coming:hover::after {
    background: rgba(255, 255, 255, 0.25) !important;
}

[data-theme="light"] .cho-product-name {
    color: #1A1D26 !important;
}

[data-theme="light"] .cho-product-subtitle {
    color: #4A5568 !important;
}

[data-theme="light"] .cho-product-features li {
    color: #374151 !important;
}

[data-theme="light"] .cho-price-current {
    background: linear-gradient(135deg, #1A1D26, #374151) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

[data-theme="light"] .cho-price-current span {
    -webkit-text-fill-color: #4A5568 !important;
}

[data-theme="light"] .cho-price-tba {
    color: #4A5568 !important;
    -webkit-text-fill-color: #4A5568 !important;
}

[data-theme="light"] .cho-price-original {
    color: #718096 !important;
}

[data-theme="light"] .cho-product-note {
    color: #718096 !important;
}

[data-theme="light"] .cho-share-row {
    border-top-color: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .cho-share-label {
    color: rgba(0, 0, 0, 0.35) !important;
}

[data-theme="light"] .cho-share-btn {
    border-color: rgba(0, 0, 0, 0.1) !important;
    background: rgba(0, 0, 0, 0.03) !important;
    color: rgba(0, 0, 0, 0.4) !important;
}

[data-theme="light"] .cho-share-btn:hover {
    background: rgba(0, 0, 0, 0.06) !important;
    color: #1A1D26 !important;
}

[data-theme="light"] .cho-badge-soon {
    background: rgba(100, 116, 139, 0.1) !important;
    color: #4A5568 !important;
    border-color: rgba(100, 116, 139, 0.15) !important;
}

[data-theme="light"] .cho-btn-disabled {
    background: rgba(0, 0, 0, 0.04) !important;
    color: #718096 !important;
}

[data-theme="light"] .cho-trust-item {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .cho-trust-item:hover {
    border-color: rgba(37, 99, 235, 0.12) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .cho-trust-item strong {
    color: #1A1D26 !important;
}

[data-theme="light"] .cho-trust-item p {
    color: #4A5568 !important;
}

[data-theme="light"] .cho-trust-section {
    border-top-color: rgba(0, 0, 0, 0.06) !important;
}

/* Dealer Section — Light Mode */
[data-theme="light"] .cho-dealer-title {
    color: #1A1D26 !important;
}

[data-theme="light"] .cho-dealer-subtitle {
    color: #4A5568 !important;
}

[data-theme="light"] .cho-dealer-cta {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.06), rgba(59, 130, 246, 0.06)) !important;
    border-color: rgba(37, 99, 235, 0.12) !important;
}

[data-theme="light"] .cho-dealer-cta-title {
    color: #1A1D26 !important;
}

[data-theme="light"] .cho-dealer-cta-desc {
    color: #4A5568 !important;
}

[data-theme="light"] .cho-badge-dealer {
    background: rgba(37, 99, 235, 0.1) !important;
    color: #2563EB !important;
}

[data-theme="light"] .cho-in-stock {
    background: rgba(16, 185, 129, 0.06) !important;
}

[data-theme="light"] .cho-out-stock {
    background: rgba(239, 68, 68, 0.06) !important;
}

[data-theme="light"] .cho-more-features {
    color: #2563EB !important;
}

[data-theme="light"] .mcb-static-btn {
    background: #2563EB !important;
    color: #fff !important;
    border-color: #2563EB !important;
}

[data-theme="light"] .mcb-static-btn:hover {
    background: #2563EB !important;
}

/* === HERO SECTIONS === */
[data-theme="light"] .mcb-hero-name {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-hero-desc {
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-btn-primary,
[data-theme="light"] .mcb-btn-secondary {
    background: #F3F4F6 !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    color: #1A1D26 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .mcb-btn-primary:hover,
[data-theme="light"] .mcb-btn-secondary:hover {
    background: #E5E7EB !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .mcb-hero-trust {
    color: #718096 !important;
}

/* === CARDS (Sections) === */
[data-theme="light"] .mcb-card {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .mcb-card:hover {
    background: #fff !important;
    border-color: rgba(37, 99, 235, 0.2) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1) !important;
    transform: translateY(-1px) !important;
}

[data-theme="light"] .mcb-card h3 {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-card p {
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-stat-card {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .mcb-stat-number {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-mission-card {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .mcb-skills-card,
[data-theme="light"] .mcb-achievements-card {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .mcb-skills-header h3 {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-skill-name {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-skill-bar {
    background: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .mcb-achieve-item {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .mcb-achieve-number {
    color: #1A1D26 !important;
}

/* --- Homepage Missing Light Mode Overrides --- */

/* Section headers / titles */
[data-theme="light"] .mcb-section-title {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-section-tag {
    background: rgba(250, 204, 21, 0.1) !important;
    border-color: rgba(250, 204, 21, 0.3) !important;
    color: #b45309 !important;
}

/* Stat labels */
[data-theme="light"] .mcb-stat-label {
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-stat-card-icon {
    background: rgba(37, 99, 235, 0.08) !important;
}

/* Mission card text */
[data-theme="light"] .mcb-mission-card h3,
[data-theme="light"] .mcb-mission-card strong {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-mission-card p,
[data-theme="light"] .mcb-mission-card span {
    color: #374151 !important;
}

[data-theme="light"] .mcb-mission-tag {
    background: rgba(37, 99, 235, 0.06) !important;
    border-color: rgba(37, 99, 235, 0.15) !important;
    color: #2563EB !important;
}

[data-theme="light"] .mcb-mission-icon {
    color: #374151 !important;
}

/* Skills section */
[data-theme="light"] .mcb-skill-percent {
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-skills-header-icon {
    background: rgba(37, 99, 235, 0.08) !important;
}

/* Achieve labels */
[data-theme="light"] .mcb-achieve-label {
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-achieve-icon {
    color: #374151 !important;
}

/* Card icon bg */
[data-theme="light"] .mcb-card-icon {
    background: rgba(37, 99, 235, 0.08) !important;
}

/* Hero image */
[data-theme="light"] .mcb-hero-image {
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12) !important;
}

/* Login page separator */
[data-theme="light"] .mcb-login-separator,
[data-theme="light"] .mcb-separator {
    background: #e5e7eb !important;
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-login-separator span,
[data-theme="light"] .mcb-separator span {
    background: #FAFBFE !important;
    color: #4A5568 !important;
}

/* Membership pricing */
[data-theme="light"] .mcb-pricing-card,
[data-theme="light"] .mcb-plan-card {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .mcb-pricing-card h3,
[data-theme="light"] .mcb-plan-card h3,
[data-theme="light"] .mcb-pricing-card h2,
[data-theme="light"] .mcb-plan-card h2 {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-pricing-price,
[data-theme="light"] .mcb-plan-price {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-pricing-card p,
[data-theme="light"] .mcb-plan-card p,
[data-theme="light"] .mcb-pricing-card li,
[data-theme="light"] .mcb-plan-card li {
    color: #374151 !important;
}

/* Tạp hóa product cards */
[data-theme="light"] .sp-card,
[data-theme="light"] .sp-item {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .sp-card h3,
[data-theme="light"] .sp-item h3,
[data-theme="light"] .sp-card h4,
[data-theme="light"] .sp-item h4 {
    color: #1A1D26 !important;
}

[data-theme="light"] .sp-card p,
[data-theme="light"] .sp-item p {
    color: #374151 !important;
}

[data-theme="light"] .sp-price {
    color: #1A1D26 !important;
}

[data-theme="light"] .sp-price-old {
    color: #718096 !important;
}

/* General text catch-all fallbacks */
[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3 {
    color: #1A1D26;
}

[data-theme="light"] p {
    color: #374151;
}

/* === SOCIAL DOCK === */
[data-theme="light"] .mcb-social-dock {
    background: rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .mcb-social-dock a {
    background: rgba(0, 0, 0, 0.04) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-social-dock a:hover {
    background: rgba(37, 99, 235, 0.1) !important;
    border-color: rgba(37, 99, 235, 0.3) !important;
    color: #2563EB !important;
}

/* === REGISTER === */
[data-theme="light"] .mcb-register-benefits h2 {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-perk h4 {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-perk-icon {
    background: rgba(0, 0, 0, 0.03) !important;
}

[data-theme="light"] .mcb-register-stats {
    background: rgba(0, 0, 0, 0.02) !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .mcb-stat strong {
    color: #1A1D26 !important;
}

/* === FORM ELEMENTS === */
[data-theme="light"] input[type="text"],
[data-theme="light"] input[type="email"],
[data-theme="light"] input[type="password"],
[data-theme="light"] input[type="search"],
[data-theme="light"] input[type="number"],
[data-theme="light"] input[type="tel"],
[data-theme="light"] input[type="url"],
[data-theme="light"] textarea,
[data-theme="light"] select {
    background: #fff !important;
    color: #1A1D26 !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
}

[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder {
    color: #718096 !important;
}

/* === ARTICLE === */
[data-theme="light"] .mcb-article-title {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-article-content {
    color: #374151 !important;
}

[data-theme="light"] .mcb-article-content h2,
[data-theme="light"] .mcb-article-content h3,
[data-theme="light"] .mcb-article-content h4 {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-article-sidebar-card {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

/* === GUIDE === */
[data-theme="light"] .mcb-guide-card {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .mcb-guide-card:hover {
    border-color: rgba(37, 99, 235, 0.2) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .mcb-guide-card h3 {
    color: #1A1D26 !important;
}

/* === OPENCLAW GUIDE — Light Mode === */

/* Hero */
[data-theme="light"] .oc-guide-hero-glow {
    background: radial-gradient(ellipse, rgba(37, 99, 235, 0.06) 0%, rgba(59, 130, 246, 0.03) 40%, transparent 70%) !important;
}

[data-theme="light"] .oc-guide-breadcrumb {
    color: #718096 !important;
}

[data-theme="light"] .oc-guide-breadcrumb a {
    color: #718096 !important;
}

[data-theme="light"] .oc-guide-breadcrumb a:hover {
    color: #2563EB !important;
}

[data-theme="light"] .oc-guide-badge {
    background: rgba(37, 99, 235, 0.06) !important;
    border-color: rgba(37, 99, 235, 0.2) !important;
    color: #2563EB !important;
}

[data-theme="light"] .oc-badge-dot {
    background: #2563EB !important;
}

[data-theme="light"] .oc-guide-title {
    color: #1A1D26 !important;
}

[data-theme="light"] .oc-guide-subtitle {
    color: #4A5568 !important;
}

[data-theme="light"] .oc-guide-meta {
    color: #718096 !important;
}

/* Buttons — Fixing invisible text */
[data-theme="light"] .oc-btn-primary {
    background: #2563EB !important;
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.25) !important;
}

[data-theme="light"] .oc-btn-primary:hover {
    background: #5B21B6 !important;
    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.35) !important;
}

[data-theme="light"] .oc-btn-secondary {
    background: #F3F4F6 !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    color: #1A1D26 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .oc-btn-secondary:hover {
    background: #E5E7EB !important;
    border-color: rgba(0, 0, 0, 0.18) !important;
    color: #1A1D26 !important;
}

/* Info Cards */
[data-theme="light"] .oc-info-card {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .oc-info-card:hover {
    border-color: rgba(37, 99, 235, 0.2) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .oc-info-card h3 {
    color: #1A1D26 !important;
}

[data-theme="light"] .oc-info-card li {
    color: #4A5568 !important;
}

/* TOC */
[data-theme="light"] .oc-toc {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .oc-toc-title {
    color: #1A1D26 !important;
}

[data-theme="light"] .oc-toc-item {
    color: #4A5568 !important;
}

[data-theme="light"] .oc-toc-item:hover {
    background: rgba(37, 99, 235, 0.04) !important;
    color: #2563EB !important;
}

[data-theme="light"] .oc-toc-num {
    background: rgba(37, 99, 235, 0.06) !important;
    color: #2563EB !important;
}

/* Steps */
[data-theme="light"] .oc-step {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .oc-step-header {
    border-bottom-color: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .oc-step-num {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.1), rgba(6, 182, 212, 0.08)) !important;
    color: #2563EB !important;
}

[data-theme="light"] .oc-step-header h2 {
    color: #1A1D26 !important;
}

[data-theme="light"] .oc-step-time {
    color: #718096 !important;
}

[data-theme="light"] .oc-step-body p {
    color: #374151 !important;
}

[data-theme="light"] .oc-step-body h3 {
    color: #1A1D26 !important;
}

[data-theme="light"] .oc-step-list li {
    color: #374151 !important;
}

[data-theme="light"] .oc-step-list li strong {
    color: #1A1D26 !important;
}

[data-theme="light"] .oc-step-body a {
    color: #2563EB !important;
}

[data-theme="light"] .oc-step-body a:hover {
    color: #5B21B6 !important;
}

/* Code Blocks */
[data-theme="light"] .oc-code-block {
    border-color: rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .oc-code-header {
    background: #F3F4F6 !important;
    color: #718096 !important;
}

[data-theme="light"] .oc-copy-btn {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    color: #4A5568 !important;
}

[data-theme="light"] .oc-copy-btn:hover {
    background: rgba(37, 99, 235, 0.06) !important;
    color: #2563EB !important;
}

[data-theme="light"] .oc-code-block pre {
    background: #1e293b !important;
}

/* Tips & Warnings */
[data-theme="light"] .oc-tip {
    background: rgba(250, 204, 21, 0.06) !important;
    color: #374151 !important;
}

[data-theme="light"] .oc-warning {
    background: rgba(239, 68, 68, 0.04) !important;
    color: #374151 !important;
}

/* Chat Demo */
[data-theme="light"] .oc-chat-demo {
    border-color: rgba(0, 0, 0, 0.08) !important;
    background: #F8FAFC !important;
}

[data-theme="light"] .oc-chat-msg {
    border-bottom-color: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .oc-chat-user {
    background: rgba(37, 99, 235, 0.03) !important;
    color: #374151 !important;
}

[data-theme="light"] .oc-chat-bot {
    color: #374151 !important;
}

/* Tables */
[data-theme="light"] .oc-cmd-table th {
    background: #F3F4F6 !important;
    color: #4A5568 !important;
}

[data-theme="light"] .oc-cmd-table td {
    border-bottom-color: rgba(0, 0, 0, 0.06) !important;
    color: #374151 !important;
}

[data-theme="light"] .oc-cmd-table code {
    background: rgba(37, 99, 235, 0.06) !important;
    color: #2563EB !important;
}

/* Tips Grid */
[data-theme="light"] .oc-tips-item {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .oc-tips-item strong {
    color: #1A1D26 !important;
}

[data-theme="light"] .oc-tips-item p {
    color: #4A5568 !important;
}

/* Section Title */
[data-theme="light"] .oc-section-title {
    color: #1A1D26 !important;
}

/* Error Items */
[data-theme="light"] .oc-error-item {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .oc-error-fix {
    color: #374151 !important;
}

/* Next Steps */
[data-theme="light"] .oc-next-card {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .oc-next-card:hover {
    border-color: rgba(37, 99, 235, 0.2) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .oc-next-card h3 {
    color: #1A1D26 !important;
}

[data-theme="light"] .oc-next-card p {
    color: #4A5568 !important;
}

/* Download CTA */
[data-theme="light"] .oc-download-cta {
    background: rgba(37, 99, 235, 0.03) !important;
    border-color: rgba(37, 99, 235, 0.1) !important;
}

[data-theme="light"] .oc-download-cta h2 {
    color: #1A1D26 !important;
}

[data-theme="light"] .oc-download-cta p {
    color: #4A5568 !important;
}

/* Navigation */
[data-theme="light"] .oc-nav-item {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .oc-nav-item:hover {
    border-color: rgba(37, 99, 235, 0.2) !important;
    background: rgba(37, 99, 235, 0.02) !important;
}

[data-theme="light"] .oc-nav-label {
    color: #718096 !important;
}

[data-theme="light"] .oc-nav-title {
    color: #1A1D26 !important;
}

/* Output blocks */
[data-theme="light"] .oc-output {
    border-color: rgba(16, 185, 129, 0.2) !important;
}

[data-theme="light"] .oc-output pre {
    background: #1e293b !important;
}

/* === PRODUCT PAGES === */
[data-theme="light"] .sp-detail-main {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .sp-detail-title {
    color: #1A1D26 !important;
}

[data-theme="light"] .sp-detail-desc {
    color: #374151 !important;
}

/* === KG CHAT — Light Mode === */
[data-theme="light"] .kgchat {
    background: #fafafa !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .kgchat-login-card {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .kgchat-login-glow {
    background: radial-gradient(circle, rgba(37, 99, 235, 0.06), transparent 70%) !important;
}

[data-theme="light"] .kgchat-login-card h2 {
    color: #1e293b !important;
}

[data-theme="light"] .kgchat-login-card p {
    color: #64748b !important;
}

[data-theme="light"] .kgchat-login-features span {
    background: rgba(37, 99, 235, 0.04) !important;
    color: #2563EB !important;
    border-color: rgba(37, 99, 235, 0.1) !important;
}

[data-theme="light"] .kgchat-login-icon svg {
    color: #2563EB !important;
}

[data-theme="light"] .kgchat-panel {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .kgchat-brand-text {
    color: #1e293b !important;
}

[data-theme="light"] .kgchat-tabs {
    background: #f1f5f9 !important;
}

[data-theme="light"] .kgchat-tab {
    color: #64748b !important;
}

[data-theme="light"] .kgchat-tab.active {
    background: #fff !important;
    color: #2563EB !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .kgchat-room:hover {
    background: rgba(37, 99, 235, 0.03) !important;
}

[data-theme="light"] .kgchat-room.active {
    background: rgba(37, 99, 235, 0.06) !important;
}

[data-theme="light"] .kgchat-room-name {
    color: #1e293b !important;
}

[data-theme="light"] .kgchat-room-desc {
    color: #94a3b8 !important;
}

[data-theme="light"] .kgchat-chat {
    background: #f8f9fa !important;
}

[data-theme="light"] .kgchat-welcome h3 {
    color: #334155 !important;
}

[data-theme="light"] .kgchat-msg-body {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .kgchat-msg--me .kgchat-msg-body {
    background: rgba(37, 99, 235, 0.06) !important;
    border-color: rgba(37, 99, 235, 0.1) !important;
}

[data-theme="light"] .kgchat-msg-text {
    color: #1e293b !important;
}

[data-theme="light"] .kgchat-msg-name {
    color: #2563EB !important;
}

[data-theme="light"] .kgchat-input-wrap input {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: #1e293b !important;
}

[data-theme="light"] .kgchat-input-row {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .kgchat-room-bar {
    background: rgba(37, 99, 235, 0.02) !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .kgchat-profile-header {
    background: linear-gradient(180deg, rgba(37, 99, 235, 0.05) 0%, transparent 100%) !important;
}

[data-theme="light"] .kgchat-profile-name {
    color: #1e293b !important;
}

[data-theme="light"] .kgchat-profile-avatar {
    border-color: rgba(37, 99, 235, 0.15) !important;
}

[data-theme="light"] .kgchat-profile-online {
    border-color: #fff !important;
}

[data-theme="light"] .kgchat-friend-name {
    color: #1e293b !important;
}

[data-theme="light"] .kgchat-modal-content {
    background: #fff !important;
}

[data-theme="light"] .kgchat-modal-header h3 {
    color: #1e293b !important;
}

[data-theme="light"] .kgchat-room-bar-info .rb-name {
    color: #1e293b !important;
}

[data-theme="light"] .kgchat-msg-time {
    color: #94a3b8 !important;
}

[data-theme="light"] .kgchat-room-time {
    color: #94a3b8 !important;
}

[data-theme="light"] .kgchat-room-last {
    color: #64748b !important;
}

[data-theme="light"] .kgchat-empty-icon {
    color: #cbd5e1 !important;
}

[data-theme="light"] .kgchat-empty-text {
    color: #94a3b8 !important;
}

/* === AI VIDEO / AI STUDIO — Comprehensive Light Mode === */

/* Hero */
[data-theme="light"] .vidai-hero-title {
    color: #1A1D26 !important;
}

[data-theme="light"] .vidai-hero-desc {
    color: #4A5568 !important;
}

/* Tabs — text was invisible in light mode */
[data-theme="light"] .vidai-tabs {
    background: rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .vidai-tab {
    color: #4A5568 !important;
}

[data-theme="light"] .vidai-tab:hover {
    background: rgba(0, 0, 0, 0.04) !important;
    color: #374151 !important;
}

[data-theme="light"] .vidai-tab.active {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(59, 130, 246, 0.08)) !important;
    color: #2563EB !important;
    box-shadow: 0 0 12px rgba(59, 130, 246, 0.08) !important;
}

/* Panels */
[data-theme="light"] .vidai-panel {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

[data-theme="light"] .vidai-panel-header h2 {
    color: #1A1D26 !important;
}

[data-theme="light"] .vidai-panel-header p {
    color: #4A5568 !important;
}

[data-theme="light"] .vidai-form-group label {
    color: #4A5568 !important;
}

/* Prompt textarea */
[data-theme="light"] .vidai-prompt {
    background: #f9fafb !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: #1A1D26 !important;
}

[data-theme="light"] .vidai-prompt::placeholder {
    color: #718096 !important;
}

/* Select dropdown */
[data-theme="light"] .vidai-select {
    background: #f9fafb !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: #1A1D26 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E") !important;
}

[data-theme="light"] .vidai-select option {
    background: #fff !important;
    color: #374151 !important;
}

/* Ratio buttons */
[data-theme="light"] .vidai-ratio {
    background: rgba(0, 0, 0, 0.03) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: #4A5568 !important;
}

[data-theme="light"] .vidai-ratio.active {
    background: rgba(59, 130, 246, 0.06) !important;
    border-color: rgba(59, 130, 246, 0.3) !important;
    color: #2563EB !important;
}

/* Veo3 options */
[data-theme="light"] .vidai-veo3-opts {
    background: rgba(59, 130, 246, 0.03) !important;
    border-color: rgba(59, 130, 246, 0.08) !important;
}

/* Upload zones */
[data-theme="light"] .vidai-upload-zone {
    border-color: rgba(0, 0, 0, 0.12) !important;
    background: rgba(0, 0, 0, 0.02) !important;
}

[data-theme="light"] .vidai-upload-text {
    color: #374151 !important;
}

[data-theme="light"] .vidai-upload-hint {
    color: #718096 !important;
}

[data-theme="light"] .vidai-upload-arrow {
    color: #718096 !important;
}

[data-theme="light"] .vidai-audio-name {
    color: #374151 !important;
}

/* Active Jobs */
[data-theme="light"] .vidai-active-section h3 {
    color: #1A1D26 !important;
}

[data-theme="light"] .vidai-active-job {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .vidai-job-mode {
    color: #374151 !important;
}

[data-theme="light"] .vidai-job-cancel {
    background: rgba(0, 0, 0, 0.03) !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
    color: #718096 !important;
}

[data-theme="light"] .vidai-progress {
    background: rgba(0, 0, 0, 0.06) !important;
}

/* Gallery */
[data-theme="light"] .vidai-gallery-header h3 {
    color: #1A1D26 !important;
}

[data-theme="light"] .vidai-daily-count {
    background: rgba(0, 0, 0, 0.04) !important;
    color: #4A5568 !important;
}

[data-theme="light"] .vidai-gallery-item {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

[data-theme="light"] .vidai-gallery-item:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .vidai-gallery-prompt {
    color: #4A5568 !important;
}

[data-theme="light"] .vidai-gallery-action {
    background: rgba(0, 0, 0, 0.03) !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .vidai-gallery-action:hover {
    background: rgba(0, 0, 0, 0.06) !important;
}

/* Modal */
[data-theme="light"] .vidai-modal {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .vidai-modal-header h3 {
    color: #1A1D26 !important;
}

[data-theme="light"] .vidai-modal-prompt {
    color: #4A5568 !important;
    background: rgba(0, 0, 0, 0.02) !important;
}

[data-theme="light"] .vidai-modal-nav-btn {
    background: rgba(0, 0, 0, 0.04) !important;
    color: #374151 !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

/* VIP Gate */
[data-theme="light"] .vidai-vip-gate-inner {
    background: #fff !important;
    border-color: rgba(59, 130, 246, 0.12) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

[data-theme="light"] .vidai-vip-gate-inner h2 {
    color: #1A1D26 !important;
}

[data-theme="light"] .vidai-vip-gate-inner p {
    color: #4A5568 !important;
}

/* === TOAST NOTIFICATIONS === */
[data-theme="light"] .kgai-toast {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: #1A1D26 !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12) !important;
}

/* === TIER BANNER === */
[data-theme="light"] .mcb-tier-banner {
    background: linear-gradient(135deg, rgba(250, 204, 21, 0.06), rgba(124, 92, 255, 0.06)) !important;
    border-color: rgba(250, 204, 21, 0.15) !important;
}

[data-theme="light"] .mcb-tier-banner h3 {
    color: #1A1D26 !important;
}

/* === BOOKING === */
[data-theme="light"] .booking-card,
[data-theme="light"] .booking-section {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

/* === DEALER PAGES === */
[data-theme="light"] .dealer-card {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

/* === SCROLLBAR === */
[data-theme="light"] ::-webkit-scrollbar-track {
    background: #FAFBFE !important;
}

[data-theme="light"] ::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.15) !important;
}

[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.25) !important;
}

/* === SIDEBAR UTILITY BUTTONS (Theme Toggle + Download App) === */
.kgai-sidebar-utils {
    display: flex;
    gap: 6px;
    margin-top: 12px;
    padding: 0 2px;
}

.kgai-sidebar-util-btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 8px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.06);
    cursor: pointer;
    transition: all 0.2s;
    color: #718096;
    font-family: 'Inter', sans-serif !important;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none !important;
}

.kgai-sidebar-util-btn:hover {
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    border-color: rgba(255, 255, 255, 0.12);
}

.kgai-sidebar-util-btn svg {
    flex-shrink: 0;
    color: inherit;
}

[data-theme="light"] .kgai-sidebar-utils .kgai-sidebar-util-btn {
    background: rgba(0, 0, 0, 0.03) !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
    color: #4A5568 !important;
}

[data-theme="light"] .kgai-sidebar-utils .kgai-sidebar-util-btn:hover {
    background: rgba(0, 0, 0, 0.06) !important;
    color: #1A1D26 !important;
}

/* === MOBILE SIDEBAR === */
[data-theme="light"] .kgai-sidebar-overlay {
    background: rgba(0, 0, 0, 0.3) !important;
}

/* === FOOTER === */
[data-theme="light"] footer,
[data-theme="light"] .wp-block-template-part footer {
    background: #fff !important;
    border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
    color: #374151 !important;
    margin-top: 0 !important;
}

[data-theme="light"] footer a {
    color: #4A5568 !important;
}

[data-theme="light"] footer a:hover {
    color: #2563EB !important;
}

/* === MISC FIXES === */
[data-theme="light"] .mcb-hero-avatars span {
    border-color: #FAFBFE !important;
}

[data-theme="light"] strong,
[data-theme="light"] b {
    color: inherit;
}

[data-theme="light"] .mcb-dash-plan-badge {
    background: rgba(37, 99, 235, 0.06) !important;
    border-color: rgba(37, 99, 235, 0.12) !important;
}

/* === HEADER LOGIN BUTTON === */
[data-theme="light"] .kgai-topbar-btn {
    background: rgba(37, 99, 235, 0.08) !important;
    border-color: rgba(37, 99, 235, 0.2) !important;
    color: #2563EB !important;
}

[data-theme="light"] .kgai-topbar-btn:hover {
    background: rgba(37, 99, 235, 0.15) !important;
    border-color: rgba(37, 99, 235, 0.3) !important;
}

/* === MEMBERSHIP PAGE — Full Light Mode === */

/* Hero section */
[data-theme="light"] .mcb-membership-heading {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-membership-sub {
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-membership-badge {
    background: rgba(16, 185, 129, 0.08) !important;
    border-color: rgba(16, 185, 129, 0.2) !important;
}

/* Plan radio buttons */
[data-theme="light"] .mcb-plan-radio {
    border-color: rgba(0, 0, 0, 0.2) !important;
    background: #fff !important;
}

[data-theme="light"] .mcb-plan-active .mcb-plan-radio {
    border-color: #2563EB !important;
    background: #2563EB !important;
    box-shadow: inset 0 0 0 4px #fff !important;
}

/* Plan cards */
[data-theme="light"] .mcb-plan-card:hover,
[data-theme="light"] .mcb-plan-card.mcb-plan-active {
    border-color: rgba(37, 99, 235, 0.3) !important;
    background: rgba(37, 99, 235, 0.03) !important;
    box-shadow: 0 4px 16px rgba(37, 99, 235, 0.08) !important;
}

[data-theme="light"] .mcb-plan-header h3 {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-plan-duration {
    color: #2563EB !important;
    background: rgba(37, 99, 235, 0.1) !important;
}

[data-theme="light"] .mcb-plan-desc {
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-plan-price {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-plan-save {
    background: rgba(16, 185, 129, 0.1) !important;
    color: #059669 !important;
}

[data-theme="light"] .mcb-plan-popular {
    background: rgba(250, 204, 21, 0.12) !important;
    border-color: rgba(250, 204, 21, 0.3) !important;
    color: #d97706 !important;
}

/* Benefits section */
[data-theme="light"] .mcb-benefits-section {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .mcb-benefits-section h4 {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-benefit-item {
    color: #374151 !important;
}

[data-theme="light"] .mcb-vip-tag {
    background: rgba(250, 204, 21, 0.12) !important;
    color: #d97706 !important;
}

/* Payment card sidebar */
[data-theme="light"] .mcb-payment-card {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .mcb-payment-title {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-payment-row {
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-payment-row span {
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-payment-row strong {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-payment-divider {
    border-color: rgba(0, 0, 0, 0.06) !important;
    background: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .mcb-payment-total {
    border-color: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .mcb-payment-note {
    color: #718096 !important;
}

/* Payment method tabs */
[data-theme="light"] .mcb-pm-tab {
    background: #f9fafb !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-pm-tab:hover:not(:disabled) {
    background: #f3f4f6 !important;
    color: #374151 !important;
}

[data-theme="light"] .mcb-pm-active {
    background: rgba(37, 99, 235, 0.08) !important;
    border-color: rgba(37, 99, 235, 0.3) !important;
    color: #2563EB !important;
}

[data-theme="light"] .mcb-pm-soon {
    background: rgba(0, 0, 0, 0.06) !important;
    color: #718096 !important;
}

/* Payment button */
[data-theme="light"] .mcb-payment-btn {
    background: linear-gradient(135deg, #2563EB, #60a5fa) !important;
    color: #fff !important;
    border: none !important;
}

[data-theme="light"] .mcb-payment-btn:hover {
    background: linear-gradient(135deg, #2563EB, #2563EB) !important;
}

/* === LOGIN PAGE === */
[data-theme="light"] .mcb-login-or {
    color: #718096 !important;
}

[data-theme="light"] .mcb-login-or::before,
[data-theme="light"] .mcb-login-or::after {
    background: #e5e7eb !important;
}

[data-theme="light"] .mcb-login-social-btn {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-login-social-btn:hover {
    background: #f9fafb !important;
    border-color: rgba(0, 0, 0, 0.15) !important;
}

[data-theme="light"] .mcb-login-social-btn svg {
    color: #374151 !important;
}

[data-theme="light"] .mcb-login-banner {
    background: rgba(37, 99, 235, 0.06) !important;
    color: #374151 !important;
}

[data-theme="light"] .mcb-login-banner h2,
[data-theme="light"] .mcb-login-banner strong {
    color: #1A1D26 !important;
}

/* === SERVICES (kgai-pricing) PAGE === */
[data-theme="light"] .kgai-pricing-card {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .kgai-pricing-card.featured {
    border-color: rgba(37, 99, 235, 0.3) !important;
}

[data-theme="light"] .kgai-pricing-name {
    color: #1A1D26 !important;
}

[data-theme="light"] .kgai-pricing-price {
    color: #1A1D26 !important;
}

[data-theme="light"] .kgai-pricing-period {
    color: #4A5568 !important;
}

[data-theme="light"] .kgai-pricing-features li {
    color: #374151 !important;
}

/* === GF (Google Family) PRICING === */
[data-theme="light"] .gf-pricing-card {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .gf-pricing-card h3,
[data-theme="light"] .gf-pricing-amount {
    color: #1A1D26 !important;
}

[data-theme="light"] .gf-pricing-desc,
[data-theme="light"] .gf-pricing-note {
    color: #4A5568 !important;
}

[data-theme="light"] .gf-pricing-features li {
    color: #374151 !important;
}

/* === FINAL FIXES — Membership Payment Button === */
[data-theme="light"] .mcb-payment-btn {
    background: linear-gradient(135deg, #2563EB, #60a5fa) !important;
    color: #fff !important;
    border: none !important;
}

[data-theme="light"] .mcb-payment-btn:hover {
    background: linear-gradient(135deg, #2563EB, #2563EB) !important;
}

[data-theme="light"] .mcb-payment-card {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .mcb-payment-title {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-payment-row {
    color: #374151 !important;
}

[data-theme="light"] .mcb-payment-row span,
[data-theme="light"] .mcb-payment-row strong {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-payment-total {
    border-color: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .mcb-payment-note {
    color: #718096 !important;
}

[data-theme="light"] .mcb-payment-methods label {
    color: #374151 !important;
}

/* === LOGIN PAGE — Divider "hoặc" === */
[data-theme="light"] .mcb-login-divider {
    color: #718096 !important;
}

[data-theme="light"] .mcb-login-divider::before,
[data-theme="light"] .mcb-login-divider::after {
    background: #e5e7eb !important;
}

[data-theme="light"] .mcb-login-divider span {
    background: #FAFBFE !important;
    color: #718096 !important;
}

/* Login Tabs — Light Mode */
[data-theme="light"] .mcb-login-tabs {
    background: rgba(0, 0, 0, 0.02) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .mcb-login-tab {
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-login-tab:hover {
    color: #374151 !important;
    background: rgba(0, 0, 0, 0.03) !important;
}

[data-theme="light"] .mcb-login-tab.active {
    background: rgba(37, 99, 235, 0.08) !important;
    color: #2563EB !important;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.1) !important;
}

/* OTP — Light Mode */
[data-theme="light"] .mcb-otp-input {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-otp-input:focus {
    border-color: rgba(37, 99, 235, 0.4) !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.08) !important;
    background: rgba(37, 99, 235, 0.02) !important;
}

[data-theme="light"] .mcb-otp-input.filled {
    border-color: rgba(37, 99, 235, 0.25) !important;
    background: rgba(37, 99, 235, 0.02) !important;
}

/* Magic Link — Light Mode */
[data-theme="light"] .mcb-magic-desc {
    background: rgba(37, 99, 235, 0.04) !important;
    border-color: rgba(37, 99, 235, 0.1) !important;
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-magic-resend-btn,
[data-theme="light"] .mcb-magic-change-btn {
    background: rgba(0, 0, 0, 0.03) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-magic-resend-btn:hover,
[data-theme="light"] .mcb-magic-change-btn:hover {
    background: rgba(0, 0, 0, 0.06) !important;
    color: #374151 !important;
}

/* Passkey — Light Mode */
[data-theme="light"] .mcb-passkey-icon-wrap {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.08), rgba(59, 130, 246, 0.06)) !important;
    border-color: rgba(37, 99, 235, 0.12) !important;
    color: #2563EB !important;
}

[data-theme="light"] .mcb-passkey-section h3 {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-passkey-section p {
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-passkey-btn {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-passkey-btn:hover {
    background: rgba(37, 99, 235, 0.04) !important;
    border-color: rgba(37, 99, 235, 0.25) !important;
    box-shadow: 0 4px 16px rgba(37, 99, 235, 0.1) !important;
}

[data-theme="light"] .mcb-passkey-note {
    background: rgba(59, 130, 246, 0.04) !important;
    border-color: rgba(59, 130, 246, 0.1) !important;
    color: #374151 !important;
}

[data-theme="light"] .mcb-passkey-unsupported {
    background: rgba(239, 68, 68, 0.04) !important;
    border-color: rgba(239, 68, 68, 0.1) !important;
    color: #dc2626 !important;
}

/* Survey — Light Mode */
[data-theme="light"] .mcb-survey-overlay {
    background: rgba(0, 0, 0, 0.4) !important;
}

[data-theme="light"] .mcb-survey-modal {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.15) !important;
}

[data-theme="light"] .mcb-survey-header h2 {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-survey-header p {
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-survey-icon {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.08), rgba(236, 72, 153, 0.06)) !important;
    border-color: rgba(37, 99, 235, 0.12) !important;
}

[data-theme="light"] .mcb-survey-step {
    background: rgba(0, 0, 0, 0.06) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .mcb-survey-question h3 {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-survey-question>p {
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-survey-chip {
    background: #f9fafb !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: #374151 !important;
}

[data-theme="light"] .mcb-survey-chip:hover {
    background: #f3f4f6 !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-survey-chip.selected {
    background: rgba(37, 99, 235, 0.06) !important;
    border-color: rgba(37, 99, 235, 0.25) !important;
    color: #2563EB !important;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.08) !important;
}

[data-theme="light"] .mcb-survey-chip .chip-check {
    background: #2563EB !important;
}

[data-theme="light"] .mcb-survey-btn-back {
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-survey-btn-back:hover {
    background: rgba(0, 0, 0, 0.03) !important;
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-survey-skip-btn {
    color: #718096 !important;
}

[data-theme="light"] .mcb-survey-skip-btn:hover {
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-survey-card-chip {
    background: rgba(37, 99, 235, 0.06) !important;
    border-color: rgba(37, 99, 235, 0.12) !important;
    color: #2563EB !important;
}

[data-theme="light"] .mcb-survey-card-label {
    color: #718096 !important;
}

[data-theme="light"] .mcb-survey-edit-btn {
    background: rgba(0, 0, 0, 0.02) !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-survey-edit-btn:hover {
    background: rgba(37, 99, 235, 0.04) !important;
    border-color: rgba(37, 99, 235, 0.15) !important;
    color: #2563EB !important;
}

/* === Membership features list === */
[data-theme="light"] .mcb-features-list li,
[data-theme="light"] .mcb-membership-features li {
    color: #374151 !important;
}

/* =============================================
   GHI CHÚ (Notes) — Light Mode
   ============================================= */
[data-theme="light"] .mcb-notes-search-wrap {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-notes-search-wrap input {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-notes-search-wrap input::placeholder {
    color: #718096 !important;
}

[data-theme="light"] .mcb-note-card {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .mcb-note-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .mcb-note-card-title {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-note-card-text {
    color: #374151 !important;
}

[data-theme="light"] .mcb-note-card-foot>span {
    color: #718096 !important;
}

[data-theme="light"] .mcb-note-card-actions button {
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-note-card-actions button:hover {
    color: #2563EB !important;
    background: rgba(37, 99, 235, 0.06) !important;
}

[data-theme="light"] .mcb-notes-filter {
    background: rgba(0, 0, 0, 0.03) !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-notes-filter.active {
    background: rgba(59, 130, 246, 0.08) !important;
    border-color: rgba(59, 130, 246, 0.2) !important;
    color: #2563EB !important;
}

/* =============================================
   KHÓA HỌC (Courses) — Light Mode
   ============================================= */
[data-theme="light"] .kh-card {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .kh-card:hover {
    background: #fff !important;
    border-color: rgba(37, 99, 235, 0.2) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .kh-card-icon {
    background: rgba(37, 99, 235, 0.08) !important;
}

[data-theme="light"] .kh-card-title {
    color: #1A1D26 !important;
}

[data-theme="light"] .kh-card-desc {
    color: #4A5568 !important;
}

[data-theme="light"] .kh-card-footer span {
    color: #718096 !important;
}

[data-theme="light"] .kh-card-tag {
    background: rgba(37, 99, 235, 0.06) !important;
    color: #2563EB !important;
}

[data-theme="light"] .kh-why-title {
    color: #1A1D26 !important;
}

[data-theme="light"] .kh-why-card {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .kh-why-card h3 {
    color: #1A1D26 !important;
}

[data-theme="light"] .kh-why-card p {
    color: #4A5568 !important;
}

[data-theme="light"] .kh-hero-title {
    color: #1A1D26 !important;
}

[data-theme="light"] .kh-hero-sub {
    color: #4A5568 !important;
}

[data-theme="light"] .kh-stat-num {
    color: #1A1D26 !important;
}

[data-theme="light"] .kh-stat-label {
    color: #4A5568 !important;
}

[data-theme="light"] .kh-courses-header h2 {
    color: #1A1D26 !important;
}

/* =============================================
   PROMPT LIBRARY — Light Mode
   ============================================= */
[data-theme="light"] .pl-filter {
    background: rgba(0, 0, 0, 0.03) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: #4A5568 !important;
}

[data-theme="light"] .pl-filter:hover {
    background: rgba(0, 0, 0, 0.06) !important;
    color: #374151 !important;
}

[data-theme="light"] .pl-filter.active {
    background: rgba(59, 130, 246, 0.08) !important;
    border-color: rgba(59, 130, 246, 0.2) !important;
    color: #2563EB !important;
}

[data-theme="light"] .pl-card {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .pl-card:hover {
    border-color: rgba(37, 99, 235, 0.15) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .pl-card-title {
    color: #1A1D26 !important;
}

[data-theme="light"] .pl-card-desc {
    color: #374151 !important;
}

[data-theme="light"] .pl-count {
    color: #718096 !important;
}

[data-theme="light"] .pl-btn-expand {
    background: rgba(37, 99, 235, 0.06) !important;
    color: #2563EB !important;
    border-color: rgba(37, 99, 235, 0.15) !important;
}

[data-theme="light"] .pl-btn-expand:hover {
    background: rgba(37, 99, 235, 0.12) !important;
}

[data-theme="light"] .pl-btn-copy {
    color: #2563EB !important;
}

[data-theme="light"] .pl-btn-copy:hover {
    background: rgba(37, 99, 235, 0.06) !important;
}

[data-theme="light"] .pl-card-prompt {
    background: #f8f9fb !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .pl-prompt-text {
    color: #374151 !important;
}

[data-theme="light"] .pl-search {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: #1A1D26 !important;
}

[data-theme="light"] .pl-search::placeholder {
    color: #718096 !important;
}

[data-theme="light"] .pl-hero-glow {
    display: none !important;
}

/* =============================================
   N8N LIBRARY — Light Mode
   ============================================= */

/* Filter bar container — was invisible in light mode */
[data-theme="light"] .n8nlib-filter-bar {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

[data-theme="light"] .n8nlib-card {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .n8nlib-card:hover {
    border-color: rgba(234, 88, 12, 0.2) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .n8nlib-card-title {
    color: #1A1D26 !important;
}

[data-theme="light"] .n8nlib-card-desc {
    color: #374151 !important;
}

[data-theme="light"] .n8nlib-rating-badge {
    background: rgba(234, 88, 12, 0.08) !important;
    color: #ea580c !important;
}

/* Search wrap — needs visible border + background */
[data-theme="light"] .n8nlib-search-wrap {
    color: #4A5568 !important;
}

[data-theme="light"] .n8nlib-search {
    color: #1A1D26 !important;
}

[data-theme="light"] .n8nlib-search::placeholder {
    color: #718096 !important;
}

[data-theme="light"] .n8nlib-stats {
    color: #4A5568 !important;
}

[data-theme="light"] .n8nlib-filter-label {
    color: #4A5568 !important;
}

[data-theme="light"] .n8nlib-select {
    background: #f9fafb !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    color: #374151 !important;
}

[data-theme="light"] .n8nlib-select option {
    background: #fff !important;
    color: #374151 !important;
}

[data-theme="light"] .n8nlib-btn-copy,
[data-theme="light"] .n8nlib-btn-download {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: #374151 !important;
}

[data-theme="light"] .n8nlib-btn-copy:hover {
    background: rgba(234, 88, 12, 0.06) !important;
    color: #ea580c !important;
}

[data-theme="light"] .n8nlib-empty h3 {
    color: #1A1D26 !important;
}

[data-theme="light"] .n8nlib-card-cats span {
    background: rgba(234, 88, 12, 0.06) !important;
    color: #ea580c !important;
}

[data-theme="light"] .n8nlib-card-tags span {
    background: rgba(0, 0, 0, 0.03) !important;
    color: #4A5568 !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .n8nlib-card-actions button {
    background: rgba(0, 0, 0, 0.03) !important;
    color: #4A5568 !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .n8nlib-card-actions button:hover {
    background: rgba(234, 88, 12, 0.06) !important;
    color: #ea580c !important;
}

/* Button card styles — light mode */
[data-theme="light"] .n8nlib-btn-card-copy {
    background: rgba(234, 88, 12, 0.06) !important;
    color: #ea580c !important;
    border-color: rgba(234, 88, 12, 0.15) !important;
}

[data-theme="light"] .n8nlib-btn-card-dl {
    background: #f9fafb !important;
    color: #374151 !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .n8nlib-btn-card-dl:hover {
    background: rgba(0, 0, 0, 0.04) !important;
}

/* Chip tag — light mode */
[data-theme="light"] .n8nlib-chip-tag {
    background: rgba(0, 0, 0, 0.03) !important;
    color: #4A5568 !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .n8nlib-chip-more {
    background: rgba(0, 0, 0, 0.02) !important;
    color: #718096 !important;
    border-color: rgba(0, 0, 0, 0.04) !important;
}

/* =============================================
   VIBE CODING KITS — Light Mode
   ============================================= */
[data-theme="light"] .vc-card {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .vc-card:hover {
    border-color: rgba(37, 99, 235, 0.2) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .vc-card h3 {
    color: #1A1D26 !important;
}

[data-theme="light"] .vc-card p {
    color: #374151 !important;
}

[data-theme="light"] .vc-tech {
    background: rgba(37, 99, 235, 0.06) !important;
    color: #2563EB !important;
}

[data-theme="light"] .vc-btn-github {
    background: #f3f4f6 !important;
    color: #1A1D26 !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .vc-btn-github:hover {
    background: #e5e7eb !important;
}

[data-theme="light"] .vc-btn-docs {
    background: rgba(59, 130, 246, 0.06) !important;
    color: #3b82f6 !important;
    border-color: rgba(59, 130, 246, 0.15) !important;
}

[data-theme="light"] .vc-btn-docs:hover {
    background: rgba(59, 130, 246, 0.12) !important;
}

[data-theme="light"] .vc-stars {
    color: #f59e0b !important;
}

/* =============================================
   SHARED LIGHT MODE — kh-badge, kh-gradient, hero
   ============================================= */
[data-theme="light"] .kh-badge {
    background: rgba(37, 99, 235, 0.06) !important;
    color: #2563EB !important;
    border-color: rgba(37, 99, 235, 0.12) !important;
}

[data-theme="light"] .kh-badge-dot {
    background: #2563EB !important;
}

[data-theme="light"] .kh-gradient {
    background: linear-gradient(135deg, #2563EB, #3b82f6) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

[data-theme="light"] .kh-hero-sub,
[data-theme="light"] .pl-hero p {
    color: #4A5568 !important;
}

/* =============================================
   ĐIỂM THƯỞNG (POINTS) — Light Mode
   ============================================= */
[data-theme="light"] .mcb-points-stat-card {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .mcb-points-stat-value {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-points-stat-label {
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-session-card {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .mcb-session-card h2 {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-session-gate {
    background: #f8fafc !important;
}

[data-theme="light"] .mcb-session-badge {
    background: rgba(37, 99, 235, 0.06) !important;
    color: #2563EB !important;
    border-color: rgba(37, 99, 235, 0.12) !important;
}

[data-theme="light"] .mcb-session-title {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-session-subtitle {
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-points-checkin-card h2 {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-points-streak-bar {
    background: rgba(0, 0, 0, 0.04) !important;
}

/* =============================================
   KHÓA HỌC DETAIL — Light Mode
   ============================================= */
[data-theme="light"] .mcb-khoahoc-back {
    color: #2563EB !important;
}

[data-theme="light"] .mcb-khoahoc-back:hover {
    color: #2563EB !important;
}

[data-theme="light"] .mcb-khoahoc-header h1 {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-khoahoc-desc {
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-khoahoc-icon {
    background: rgba(37, 99, 235, 0.08) !important;
}

[data-theme="light"] .mcb-khoahoc-lessons-header h2 {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-khoahoc-progress-label {
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-khoahoc-lesson-item {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .mcb-khoahoc-lesson-item:hover {
    border-color: rgba(37, 99, 235, 0.25) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .mcb-khoahoc-lesson-item.is-trial {
    border-left-color: #10b981 !important;
}

[data-theme="light"] .mcb-khoahoc-lesson-row:hover {
    background: rgba(37, 99, 235, 0.03) !important;
}

[data-theme="light"] .mcb-khoahoc-lesson-num {
    background: rgba(37, 99, 235, 0.08) !important;
    color: #2563EB !important;
}

[data-theme="light"] .mcb-khoahoc-lesson-info h4 {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-khoahoc-lesson-info p {
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-khoahoc-badge-trial {
    background: rgba(16, 185, 129, 0.1) !important;
    color: #059669 !important;
}

[data-theme="light"] .mcb-khoahoc-badge-locked {
    background: rgba(239, 68, 68, 0.08) !important;
    color: #dc2626 !important;
}

[data-theme="light"] .mcb-khoahoc-lesson-duration {
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-khoahoc-lesson-play {
    background: rgba(37, 99, 235, 0.08) !important;
    color: #2563EB !important;
}

/* VIP Gate Modal — Light Mode */
[data-theme="light"] .mcb-khoahoc-vip-gate {
    background: rgba(0, 0, 0, 0.4) !important;
}

[data-theme="light"] .mcb-khoahoc-vip-gate-inner {
    background: linear-gradient(135deg, #f5f3ff, #ede9fe) !important;
    border-color: rgba(59, 130, 246, 0.25) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15) !important;
}

[data-theme="light"] .mcb-khoahoc-vip-gate-inner h3 {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-khoahoc-vip-gate-inner p {
    color: #374151 !important;
}

[data-theme="light"] .mcb-khoahoc-vip-gate-close {
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-khoahoc-vip-gate-close:hover {
    color: #374151 !important;
}

/* Video AI VIP Gate — Light Mode */
[data-theme="light"] .vidai-vip-gate {
    background: rgba(0, 0, 0, 0.4) !important;
}

[data-theme="light"] .vidai-vip-gate-inner {
    background: linear-gradient(135deg, #f5f3ff, #ede9fe) !important;
    border-color: rgba(59, 130, 246, 0.25) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15) !important;
}

[data-theme="light"] .vidai-vip-gate-inner h2 {
    color: #1A1D26 !important;
}

[data-theme="light"] .vidai-vip-gate-inner p {
    color: #374151 !important;
}

/* =============================================
   PROMPT LIBRARY — Expanded Prompt Light Mode
   ============================================= */
[data-theme="light"] .pl-prompt-text {
    background: #f3f4f6 !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: #374151 !important;
}

[data-theme="light"] .pl-card-prompt {
    border-color: rgba(0, 0, 0, 0.06) !important;
}

/* =============================================
   N8N LIBRARY MODAL — Canvas Light Mode
   ============================================= */
[data-theme="light"] .n8nlib-canvas-wrap {
    background: #f9fafb !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .n8nlib-canvas-loading {
    color: #4A5568 !important;
}

[data-theme="light"] .n8nlib-fallback-node {
    background: rgba(37, 99, 235, 0.06) !important;
    border-color: rgba(37, 99, 235, 0.15) !important;
    color: #374151 !important;
}

[data-theme="light"] .n8nlib-fallback-num {
    background: #2563EB !important;
}

[data-theme="light"] .n8nlib-modal {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .n8nlib-modal-title-row h2 {
    color: #1A1D26 !important;
}

[data-theme="light"] .n8nlib-modal-desc {
    color: #4A5568 !important;
}

[data-theme="light"] .n8nlib-howto {
    background: rgba(37, 99, 235, 0.04) !important;
    border-color: rgba(37, 99, 235, 0.1) !important;
}

[data-theme="light"] .n8nlib-howto h4 {
    color: #2563EB !important;
}

[data-theme="light"] .n8nlib-howto li {
    color: #374151 !important;
}

[data-theme="light"] .n8nlib-tab {
    background: rgba(0, 0, 0, 0.03) !important;
    color: #4A5568 !important;
}

[data-theme="light"] .n8nlib-tab.active {
    background: rgba(234, 88, 12, 0.08) !important;
    color: #ea580c !important;
}

[data-theme="light"] .n8nlib-json-code {
    background: #f3f4f6 !important;
    color: #374151 !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .n8nlib-btn-copy,
[data-theme="light"] .n8nlib-btn-download {
    border-color: rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .n8nlib-modal-close {
    color: #4A5568 !important;
}

/* =============================================
   SESSION SHARE — Light Mode
   ============================================= */
[data-theme="light"] .mcb-session-step strong {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-session-step p {
    color: #374151 !important;
}

[data-theme="light"] .mcb-session-step code {
    background: rgba(37, 99, 235, 0.08) !important;
    color: #2563EB !important;
}

[data-theme="light"] .mcb-session-step-num {
    background: rgba(37, 99, 235, 0.1) !important;
    color: #2563EB !important;
}

/* Override inline color:#d1d5db on detailed guide ol elements */
[data-theme="light"] .mcb-session-card ol {
    color: #374151 !important;
}

[data-theme="light"] .mcb-session-card ol li {
    color: #374151 !important;
}

[data-theme="light"] .mcb-session-card ol strong {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-session-card ol code {
    background: rgba(37, 99, 235, 0.08) !important;
    color: #2563EB !important;
}

[data-theme="light"] .mcb-session-card p {
    color: #374151 !important;
}

[data-theme="light"] .mcb-session-dl-card h3 {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-session-dl-card p {
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-session-warning ul li {
    color: #374151 !important;
}

[data-theme="light"] .mcb-session-warning ul strong {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-session-loading {
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-session-empty p {
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-session-item {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .mcb-session-item strong {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-session-item span {
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-session-item-meta span {
    color: #4A5568 !important;
}

/* Passkey — Light Mode */
[data-theme="light"] .mcb-passkey-item {
    background: rgba(0, 0, 0, 0.02) !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .mcb-passkey-item-icon {
    background: rgba(37, 99, 235, 0.06) !important;
    border-color: rgba(37, 99, 235, 0.1) !important;
    color: #2563EB !important;
}

[data-theme="light"] .mcb-passkey-item-name {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-passkey-item-date {
    color: #718096 !important;
}

[data-theme="light"] .mcb-passkey-delete-btn {
    border-color: rgba(239, 68, 68, 0.1) !important;
    color: #718096 !important;
}

[data-theme="light"] .mcb-passkey-delete-btn:hover {
    background: rgba(239, 68, 68, 0.04) !important;
    border-color: rgba(239, 68, 68, 0.2) !important;
    color: #ef4444 !important;
}

[data-theme="light"] .mcb-passkey-empty {
    color: #718096 !important;
}

[data-theme="light"] .mcb-passkey-register-btn {
    background: rgba(37, 99, 235, 0.03) !important;
    border-color: rgba(37, 99, 235, 0.15) !important;
    color: #2563EB !important;
}

[data-theme="light"] .mcb-passkey-register-btn:hover {
    background: rgba(37, 99, 235, 0.06) !important;
    border-color: rgba(37, 99, 235, 0.25) !important;
}

[data-theme="light"] .mcb-passkey-note {
    background: rgba(37, 99, 235, 0.03) !important;
    border-color: rgba(37, 99, 235, 0.06) !important;
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-passkey-note svg {
    color: #2563EB !important;
}

/* =============================================
   PROFILE / DASHBOARD PAGE — Light Mode (全面)
   ============================================= */
/* Dashboard sections */
[data-theme="light"] .mcb-dash-section {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .mcb-dash-section-header h2 {
    color: #1A1D26 !important;
}

/* Avatar placeholder — light purple instead of dark gradient */
[data-theme="light"] .mcb-profile-avatar-placeholder {
    background: linear-gradient(135deg, #f3f0ff, #ede9fe) !important;
    color: #2563EB !important;
}

[data-theme="light"] .mcb-avatar-overlay {
    background: rgba(0, 0, 0, 0.45) !important;
}

/* Dashboard sidebar cards */
[data-theme="light"] .mcb-dash-card {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .mcb-dash-card h3 {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-dash-card p {
    color: #4A5568 !important;
}

/* Membership info rows */
[data-theme="light"] .mcb-dash-info-row {
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-dash-info-row strong {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-member-type-badge {
    background: rgba(107, 114, 128, 0.1) !important;
    color: #4A5568 !important;
}

/* "Nâng cấp gói →" button */
[data-theme="light"] .mcb-dash-card-btn {
    background: rgba(37, 99, 235, 0.06) !important;
    border-color: rgba(37, 99, 235, 0.2) !important;
    color: #2563EB !important;
}

[data-theme="light"] .mcb-dash-card-btn:hover {
    background: rgba(37, 99, 235, 0.12) !important;
    color: #2563EB !important;
}

/* Quick Links items */
[data-theme="light"] .mcb-support-item {
    color: #374151 !important;
}

[data-theme="light"] .mcb-support-item:hover {
    background: rgba(0, 0, 0, 0.04) !important;
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-support-item svg {
    color: #4A5568 !important;
}

/* Profile form styles */
[data-theme="light"] .mcb-form-group label {
    color: #374151 !important;
}

[data-theme="light"] .mcb-form-input {
    background: #f9fafb !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-form-input::placeholder {
    color: #718096 !important;
}

[data-theme="light"] .mcb-form-input:focus {
    border-color: rgba(37, 99, 235, 0.4) !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.08) !important;
}

[data-theme="light"] .mcb-form-hint {
    color: #718096 !important;
}

/* Save button */
[data-theme="light"] .mcb-btn-primary {
    background: linear-gradient(135deg, #2563EB, #2563EB) !important;
    color: #fff !important;
}

/* Breadcrumb */
[data-theme="light"] .mcb-profile-breadcrumb a {
    color: #2563EB !important;
}

[data-theme="light"] .mcb-profile-breadcrumb span {
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-profile-breadcrumb svg {
    color: #718096 !important;
}

/* Page header */
[data-theme="light"] .mcb-dash-header {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .mcb-dash-header h1 {
    color: #1A1D26 !important;
}

[data-theme="light"] .mcb-dash-header p {
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-dash-avatar {
    background: linear-gradient(135deg, #f3f0ff, #ede9fe) !important;
    color: #2563EB !important;
}

/* Avatar upload buttons */
[data-theme="light"] .mcb-avatar-cancel-btn {
    background: rgba(0, 0, 0, 0.04) !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: #4A5568 !important;
}

[data-theme="light"] .mcb-avatar-cancel-btn:hover {
    background: rgba(0, 0, 0, 0.08) !important;
    color: #374151 !important;
}

/* Support options */
[data-theme="light"] .mcb-support-options {
    border-color: rgba(0, 0, 0, 0.06) !important;
}

/* N8N Search — ensure search icon visible */
[data-theme="light"] .n8nlib-search-icon {
    color: #718096 !important;
}

/* =============================================
   PRODUCT DETAIL PAGE — Light Mode
   ============================================= */

[data-theme="light"] .sp-product-main {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .sp-product-header {
    border-bottom-color: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .sp-product-title {
    color: #1A1D26 !important;
}

[data-theme="light"] .sp-product-type {
    color: #4A5568 !important;
}

[data-theme="light"] .sp-section-title {
    color: #1A1D26 !important;
}

[data-theme="light"] .sp-description {
    color: #374151 !important;
}

[data-theme="light"] .sp-features-list li {
    color: #374151 !important;
    background: rgba(0, 0, 0, 0.02) !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .sp-meta {
    color: #4A5568 !important;
    border-top-color: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .sp-error h2 {
    color: #1A1D26 !important;
}

[data-theme="light"] .sp-breadcrumb-current {
    color: #4A5568 !important;
}

/* Sidebar — Light Mode */
[data-theme="light"] .sp-price-card {
    background: #fff !important;
    border-color: rgba(37, 99, 235, 0.15) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .sp-price-label {
    color: #4A5568 !important;
}

[data-theme="light"] .sp-dealer-card {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .sp-dealer-title {
    color: #1A1D26 !important;
}

[data-theme="light"] .sp-dealer-info strong {
    color: #1A1D26 !important;
}

/* Chat Widget — Light Mode */
[data-theme="light"] .sp-chat-widget {
    background: #fff !important;
    border-color: rgba(37, 99, 235, 0.2) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15) !important;
}

[data-theme="light"] .sp-chat-header {
    background: rgba(37, 99, 235, 0.05) !important;
    border-bottom-color: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .sp-chat-header-info strong {
    color: #1A1D26 !important;
}

[data-theme="light"] .sp-msg-other {
    background: rgba(0, 0, 0, 0.04) !important;
    color: #374151 !important;
}

[data-theme="light"] .sp-chat-empty {
    color: #718096 !important;
}

[data-theme="light"] .sp-chat-input-wrap {
    background: rgba(0, 0, 0, 0.02) !important;
    border-top-color: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .sp-chat-input {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    color: #1A1D26 !important;
}

[data-theme="light"] .sp-chat-trigger-btn {
    background: rgba(37, 99, 235, 0.05) !important;
    border-color: rgba(37, 99, 235, 0.2) !important;
    color: #2563EB !important;
}

/* ============================================================
   MV CREATOR — Light Mode Overrides
   ============================================================ */
[data-theme="light"] .mv-hero-title {
    color: #1e293b !important;
}

[data-theme="light"] .mv-hero-desc {
    color: #64748b !important;
}

[data-theme="light"] .mv-vip-gate-inner {
    background: rgba(37, 99, 235, 0.04) !important;
    border-color: rgba(37, 99, 235, 0.12) !important;
}

[data-theme="light"] .mv-vip-gate-inner h2 {
    color: #1e293b !important;
}

[data-theme="light"] .mv-vip-gate-inner p {
    color: #64748b !important;
}

[data-theme="light"] .mv-panel {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .mv-label {
    color: #374151 !important;
}

[data-theme="light"] .mv-textarea,
[data-theme="light"] .mv-input {
    background: #f9fafb !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: #1e293b !important;
}

[data-theme="light"] .mv-mode-btn {
    background: rgba(0, 0, 0, 0.02) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: #64748b !important;
}

[data-theme="light"] .mv-mode-btn.active {
    background: rgba(37, 99, 235, 0.08) !important;
    border-color: rgba(37, 99, 235, 0.3) !important;
    color: #2563EB !important;
}

[data-theme="light"] .mv-radio {
    color: #374151 !important;
}

[data-theme="light"] .mv-style-card {
    background: rgba(0, 0, 0, 0.02) !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
    color: #64748b !important;
}

[data-theme="light"] .mv-style-card.active {
    background: rgba(37, 99, 235, 0.08) !important;
    border-color: rgba(37, 99, 235, 0.4) !important;
    color: #2563EB !important;
}

[data-theme="light"] .mv-actions {
    border-top-color: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .mv-btn-ghost {
    color: #64748b !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .mv-step-label {
    color: #64748b !important;
}

[data-theme="light"] .mv-step-indicator.active .mv-step-label {
    color: #1e293b !important;
}

[data-theme="light"] .mv-step-connector {
    background: rgba(0, 0, 0, 0.08) !important;
}

/* Preview */
[data-theme="light"] .mv-preview-title {
    color: #1e293b !important;
}

/* Processing */
[data-theme="light"] .mv-processing-title {
    color: #1e293b !important;
}

[data-theme="light"] .mv-processing-status {
    color: #64748b !important;
}

[data-theme="light"] .mv-progress-bar-wrap {
    background: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .mv-stage {
    color: #94a3b8 !important;
}

[data-theme="light"] .mv-stage.active {
    color: #2563EB !important;
    background: rgba(37, 99, 235, 0.06) !important;
}

[data-theme="light"] .mv-stage.done {
    color: #10b981 !important;
}

/* Result */
[data-theme="light"] .mv-result-title {
    color: #1e293b !important;
}

[data-theme="light"] .mv-player {
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .mv-player-time {
    color: #64748b !important;
}

[data-theme="light"] .mv-player-progress {
    background: rgba(0, 0, 0, 0.06) !important;
}

/* History */
[data-theme="light"] .mv-section-header h2 {
    color: #1e293b !important;
}

[data-theme="light"] .mv-history-card {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .mv-history-title {
    color: #1e293b !important;
}

[data-theme="light"] .mv-history-meta {
    color: #94a3b8 !important;
}

[data-theme="light"] .mv-action-btn {
    border-color: rgba(0, 0, 0, 0.06) !important;
    background: rgba(0, 0, 0, 0.02) !important;
}

/* Lyrics Preview */
[data-theme="light"] .mv-lyrics-preview {
    background: rgba(37, 99, 235, 0.03) !important;
    border-color: rgba(37, 99, 235, 0.1) !important;
}

[data-theme="light"] .mv-lyrics-pre {
    color: #374151 !important;
}
}