/**
 * SİYOSİS MODERN GOOGLE WHITE THEME (AÇIK MOD)
 * - Header BEMBEYAZ
 * - Tüm kutular, bannerlar, filtre panelleri ve kartlar BEMBEYAZ Google kartı
 * - Sayfalama (Pagination) BEMBEYAZ şık kapsül
 * - Başlıklar ve metinler net koyu antrasit (#0f172a / #334155)
 * - Mobil bottom bar temiz beyaz, ORTASINDAKİ YUVARLAK BUTON koyu temadaki gibi MOR - BEYAZ!
 */

/* ==========================================================================
   0. PRELOADER & YÜKLENİYOR (LOADING) EKRANI
   ========================================================================== */
#preloader-active {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 99999999 !important;
}

#preloader-active[style*="display: none"],
#preloader-active.loaded,
html.white-theme #preloader-active[style*="display: none"],
html.white-theme #preloader-active.loaded,
body.white-theme #preloader-active[style*="display: none"],
body.white-theme #preloader-active.loaded {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    z-index: -9999 !important;
}

html.white-theme body .preloader,
html.white-theme .preloader,
body.white-theme .preloader {
    background: #ffffff !important;
    background-color: #ffffff !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    z-index: 99999999 !important;
}

html.white-theme body .preloader .preloader-inner img,
html.white-theme .preloader .preloader-inner img,
body.white-theme .preloader .preloader-inner img {
    content: url("../../../../../image/catalog/mini-logo.png") !important;
    width: 140px !important;
    height: 140px !important;
    max-width: 140px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 8px 24px rgba(77, 36, 116, 0.25)) !important;
}

/* ==========================================================================
   1. GLOBAL ARKA PLAN & GENEL METİNLER
   ========================================================================== */
html.white-theme,
body.white-theme,
html.white-theme body,
body.white-theme .sa4d25,
body.white-theme .wrapper,
body.white-theme .wrapper_4d25,
body.white-theme ._215b15 {
    background: #f8fafc !important;
    background-color: #f8fafc !important;
    background-image: none !important;
    color: #0f172a !important;
}

/* Scrollbar (Temiz Açık Gri Google Scrollbar - Mor/Koyu Hatları Tamamen Ez) */
html.white-theme,
html.white-theme *,
body.white-theme,
body.white-theme * {
    scrollbar-width: thin !important;
    scrollbar-color: #cbd5e1 #f8fafc !important;
}

html.white-theme ::-webkit-scrollbar,
html.white-theme body::-webkit-scrollbar,
body.white-theme ::-webkit-scrollbar {
    width: 8px !important;
    height: 8px !important;
    background-color: #f8fafc !important;
}

html.white-theme ::-webkit-scrollbar-track,
html.white-theme body::-webkit-scrollbar-track,
body.white-theme ::-webkit-scrollbar-track {
    background: #f8fafc !important;
    border-radius: 0px !important;
    border: none !important;
    border-left: 1px solid #e2e8f0 !important;
    box-shadow: none !important;
}

html.white-theme ::-webkit-scrollbar-thumb,
html.white-theme body::-webkit-scrollbar-thumb,
body.white-theme ::-webkit-scrollbar-thumb {
    background: #cbd5e1 !important;
    border-radius: 6px !important;
    border: 2px solid #f8fafc !important;
    box-shadow: none !important;
}

html.white-theme ::-webkit-scrollbar-thumb:hover,
html.white-theme body::-webkit-scrollbar-thumb:hover,
body.white-theme ::-webkit-scrollbar-thumb:hover {
    background: #94a3b8 !important;
}

/* ==========================================================================
   SLIDER & CAROUSEL SCROLLBAR GİZLEME (YATAY SCROLLBAR'LARI TAMAMEN KALDIR)
   ========================================================================== */
html.white-theme .siyo-carousel-wrap,
html.white-theme .siyo-carousel-wrap *,
html.white-theme .siyo-carousel-track,
html.white-theme .siyo-carousel-track *,
html.white-theme .owl-carousel,
html.white-theme .owl-carousel *,
html.white-theme .owl-stage-outer,
html.white-theme .swiper,
html.white-theme .swiper-wrapper,
html.white-theme .swiper-container,
html.white-theme .swiper-scrollbar,
html.white-theme .la5lo1,
html.white-theme .la5lo1 *,
body.white-theme .siyo-carousel-wrap,
body.white-theme .siyo-carousel-wrap *,
body.white-theme .siyo-carousel-track,
body.white-theme .siyo-carousel-track *,
body.white-theme .owl-carousel,
body.white-theme .owl-carousel *,
body.white-theme .owl-stage-outer,
body.white-theme .swiper,
body.white-theme .swiper-wrapper,
body.white-theme .swiper-container,
body.white-theme .swiper-scrollbar,
body.white-theme .la5lo1,
body.white-theme .la5lo1 * {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

html.white-theme .siyo-carousel-wrap::-webkit-scrollbar,
html.white-theme .siyo-carousel-wrap *::-webkit-scrollbar,
html.white-theme .siyo-carousel-track::-webkit-scrollbar,
html.white-theme .siyo-carousel-track *::-webkit-scrollbar,
html.white-theme .owl-carousel::-webkit-scrollbar,
html.white-theme .owl-carousel *::-webkit-scrollbar,
html.white-theme .owl-stage-outer::-webkit-scrollbar,
html.white-theme .swiper::-webkit-scrollbar,
html.white-theme .swiper-wrapper::-webkit-scrollbar,
html.white-theme .swiper-container::-webkit-scrollbar,
html.white-theme .swiper-scrollbar,
html.white-theme .la5lo1::-webkit-scrollbar,
html.white-theme .la5lo1 *::-webkit-scrollbar,
body.white-theme .siyo-carousel-wrap::-webkit-scrollbar,
body.white-theme .siyo-carousel-wrap *::-webkit-scrollbar,
body.white-theme .siyo-carousel-track::-webkit-scrollbar,
body.white-theme .siyo-carousel-track *::-webkit-scrollbar,
body.white-theme .owl-carousel::-webkit-scrollbar,
body.white-theme .owl-carousel *::-webkit-scrollbar,
body.white-theme .owl-stage-outer::-webkit-scrollbar,
body.white-theme .swiper::-webkit-scrollbar,
body.white-theme .swiper-wrapper::-webkit-scrollbar,
body.white-theme .swiper-container::-webkit-scrollbar,
body.white-theme .swiper-scrollbar,
body.white-theme .la5lo1::-webkit-scrollbar,
body.white-theme .la5lo1 *::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Global Başlık & Metin Renkleri */
body.white-theme h1,
body.white-theme h2,
body.white-theme h3,
body.white-theme h4,
body.white-theme h5,
body.white-theme h6,
body.white-theme .item_title,
body.white-theme .section-header-title {
    color: #0f172a !important;
}

body.white-theme p {
    color: #334155 !important;
}

body.white-theme a {
    color: #4f46e5;
}

body.white-theme hr {
    border-top: 1px solid #e2e8f0 !important;
}

/* ==========================================================================
   2. HEADER & ÜST BAR (BEMBEYAZ TEMİZ GOOGLE TASARIMI)
   ========================================================================== */
html.white-theme body header.header,
html.white-theme header.header,
body.white-theme header.header,
body.white-theme .header {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    z-index: 1000 !important;
}

/* Header Logo: Beyaz zeminde orijinal koyu renkli mor logo */
html.white-theme body .main_logo img,
html.white-theme body #logo img,
html.white-theme .main_logo img,
html.white-theme #logo img,
body.white-theme .main_logo img,
body.white-theme #logo img {
    content: url("../../../../../image/catalog/logo.png") !important;
    filter: none !important;
}

/* Hamburger Menü Butonu */
body.white-theme #collapse_menu,
body.white-theme button.collapse_menu {
    background: #f1f5f9 !important;
    border: 1.5px solid #e2e8f0 !important;
    color: #334155 !important;
    box-shadow: none !important;
}
body.white-theme #collapse_menu i,
body.white-theme button.collapse_menu i {
    color: #334155 !important;
}
body.white-theme #collapse_menu:hover {
    background: #e2e8f0 !important;
    color: #0f172a !important;
}

/* Duo Kapsül Sayaç Butonları (Ateş, Altın, Enerji) */
body.white-theme .duo-capsule,
body.white-theme a.duo-capsule {
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: none !important;
    color: #0f172a !important;
}
body.white-theme .duo-capsule span,
body.white-theme .duo-capsule .duo-cap-val {
    color: #0f172a !important;
    font-weight: 800 !important;
}

/* Header Sağ Butonlar (Bildirim, Profil vb.) */
body.white-theme .header_right .option_links,
body.white-theme header.header .option_links {
    background: #f1f5f9 !important;
    border: 1.5px solid #e2e8f0 !important;
    color: #334155 !important;
    box-shadow: none !important;
}
body.white-theme .custom-profile-dropdown #customProfileBtn {
    background: #f1f5f9 !important;
    border: 1.5px solid #cbd5e1 !important;
    box-shadow: none !important;
}

/* Header Profil Menüsü & Bildirim Menüsü (Açılır Pencereler) */
html.white-theme body #customProfileMenu,
html.white-theme body #unifiedNotiMenu,
body.white-theme #customProfileMenu,
body.white-theme #unifiedNotiMenu,
body.white-theme .custom-profile-menu,
body.white-theme .custom-noti-menu {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.12) !important;
    color: #0f172a !important;
}
body.white-theme #customProfileMenu h6 a {
    color: #0f172a !important;
}
body.white-theme #customProfileMenu span {
    color: #64748b !important;
}
body.white-theme .profile-item-link {
    color: #334155 !important;
}
body.white-theme .profile-item-link:hover {
    background: #f1f5f9 !important;
    color: #0f172a !important;
}
body.white-theme .special-tools-title {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #475569 !important;
}

/* Bildirim Menüsü (#unifiedNotiMenu) İçi Özel Renk Düzeltmeleri */
html.white-theme body #unifiedNotiMenu div[style*="border-bottom"],
body.white-theme #unifiedNotiMenu div[style*="border-bottom"] {
    color: #0f172a !important;
    border-bottom: 1px solid #e2e8f0 !important;
}
html.white-theme body #unifiedNotiMenu div[style*="border-bottom"] span,
body.white-theme #unifiedNotiMenu div[style*="border-bottom"] span {
    color: #0f172a !important;
}
html.white-theme body #unifiedNotiMenu .noti-item-link,
body.white-theme #unifiedNotiMenu .noti-item-link {
    color: #0f172a !important;
    border-radius: 12px !important;
    padding: 8px 10px !important;
    transition: background 0.2s ease !important;
}
html.white-theme body #unifiedNotiMenu .noti-item-link:hover,
body.white-theme #unifiedNotiMenu .noti-item-link:hover {
    background: #f8fafc !important;
}
html.white-theme body #unifiedNotiMenu .noti-item-link span,
body.white-theme #unifiedNotiMenu .noti-item-link span {
    color: #1e293b !important;
}
html.white-theme body #unifiedNotiMenu span[style*="rgba(255,255,255"],
body.white-theme #unifiedNotiMenu span[style*="rgba(255,255,255"],
html.white-theme body #unifiedNotiMenu span[style*="rgba(255, 255, 255"],
body.white-theme #unifiedNotiMenu span[style*="rgba(255, 255, 255"] {
    color: #64748b !important;
}

/* ==========================================================================
   3. SOL KENAR MENÜSÜ (.vertical_nav)
   ========================================================================== */
html.white-theme body .vertical_nav,
html.white-theme .vertical_nav,
body.white-theme .vertical_nav {
    background: #ffffff !important;
    border-right: 1px solid #e2e8f0 !important;
    box-shadow: 2px 0 12px rgba(0, 0, 0, 0.03) !important;
}

html.white-theme body .vertical_nav .menu--link,
html.white-theme .vertical_nav .menu--link,
body.white-theme .vertical_nav .menu--link {
    color: #475569 !important;
    border-left-color: transparent !important;
}

/* ÜZERİNE GELİNCE YAZILARIN BEYAZ KALMASINI VE GÖRÜNMEZ OLMASINI KESİN ENGELLE */
html.white-theme body .vertical_nav .menu--link:hover,
html.white-theme .vertical_nav .menu--link:hover,
body.white-theme .vertical_nav .menu--link:hover {
    background: #f1f5f9 !important;
    border-left-color: #7c3aed !important;
}

html.white-theme body .vertical_nav .menu--link:hover .menu--label,
html.white-theme .vertical_nav .menu--link:hover .menu--label,
body.white-theme .vertical_nav .menu--link:hover .menu--label,
html.white-theme body .vertical_nav .menu--link:hover span,
html.white-theme .vertical_nav .menu--link:hover span,
body.white-theme .vertical_nav .menu--link:hover span {
    color: #0f172a !important;
    background: transparent !important;
}

html.white-theme body .vertical_nav .menu--link.active,
html.white-theme .vertical_nav .menu--link.active,
body.white-theme .vertical_nav .menu--link.active {
    background: #ede9fe !important;
    color: #5b21b6 !important;
    border-left-color: #7c3aed !important;
}

html.white-theme body .vertical_nav .menu--label,
html.white-theme .vertical_nav .menu--label,
body.white-theme .vertical_nav .menu--label {
    color: #334155 !important;
}

html.white-theme body .vertical_nav .menu--link.active .menu--label,
html.white-theme .vertical_nav .menu--link.active .menu--label,
body.white-theme .vertical_nav .menu--link.active .menu--label {
    color: #5b21b6 !important;
    font-weight: 800 !important;
}

/* Sol Menü mCustomScrollbar (Mor Çubuğu Kaldır) */
html.white-theme .vertical_nav .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
body.white-theme .vertical_nav .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #cbd5e1 !important;
    border-radius: 4px !important;
    width: 6px !important;
}
html.white-theme .vertical_nav .mCSB_scrollTools .mCSB_draggerRail,
body.white-theme .vertical_nav .mCSB_scrollTools .mCSB_draggerRail {
    background-color: #f1f5f9 !important;
    border-radius: 4px !important;
    width: 6px !important;
}

/* Sol Menü İkonları - Açık Modda Çok Daha Canlı ve Doygun Renkler */
html.white-theme .vertical_nav .menu--link i.menu--icon,
body.white-theme .vertical_nav .menu--link i.menu--icon {
    font-size: 21px !important;
    opacity: 1 !important;
    filter: none !important;
    transition: transform 0.2s ease !important;
}

html.white-theme .vertical_nav .menu--link[title*="Sayfam"] i.menu--icon,
html.white-theme .vertical_nav .menu--link[href*="account/account"] i.menu--icon {
    color: #7c3aed !important;
}
html.white-theme .vertical_nav .menu--link[title*="Arkadaş"] i.menu--icon,
html.white-theme .vertical_nav .menu--link[href*="friends"] i.menu--icon {
    color: #6366f1 !important;
}
html.white-theme .vertical_nav .menu--link[title*="Sınıflarım"] i.menu--icon,
html.white-theme .vertical_nav .menu--link[href*="teacher/classroom"] i.menu--icon {
    color: #8b5cf6 !important;
}
html.white-theme .vertical_nav .menu--link[title*="Sınıf Panosu"] i.menu--icon,
html.white-theme .vertical_nav .menu--link[href*="social"] i.menu--icon {
    color: #0284c7 !important;
}
html.white-theme .vertical_nav .menu--link[title*="Okul Yolu"] i.menu--icon,
html.white-theme .vertical_nav .menu--link[href*="school"] i.menu--icon {
    color: #4f46e5 !important;
}
html.white-theme .vertical_nav .menu--link[title*="Görev"] i.menu--icon,
html.white-theme .vertical_nav .menu--link[href*="tasks"] i.menu--icon {
    color: #e11d48 !important;
}
html.white-theme .vertical_nav .menu--link[title*="Etkinlik"] i.menu--icon,
html.white-theme .vertical_nav .menu--link[href*="activity"] i.menu--icon {
    color: #d97706 !important;
}
html.white-theme .vertical_nav .menu--link[title*="Mini Oyunlar"] i.menu--icon,
html.white-theme .vertical_nav .menu--link[href*="minigames"] i.menu--icon {
    color: #ea580c !important;
}
html.white-theme .vertical_nav .menu--link[title*="Game Studio"] i.menu--icon,
html.white-theme .vertical_nav .menu--link[href*="games/games"] i.menu--icon {
    color: #9333ea !important;
}
html.white-theme .vertical_nav .menu--link[title*="Akvaryum"] i.menu--icon,
html.white-theme .vertical_nav .menu--link[href*="akvaryum"] i.menu--icon {
    color: #0284c7 !important;
}
html.white-theme .vertical_nav .menu--link[title*="Dershane"] i.menu--icon,
html.white-theme .vertical_nav .menu--link[href*="lessons"] i.menu--icon {
    color: #0d9488 !important;
}
html.white-theme .vertical_nav .menu--link[title*="BiKitap"] i.menu--icon,
html.white-theme .vertical_nav .menu--link[title*="Kütüphane"] i.menu--icon,
html.white-theme .vertical_nav .menu--link[href*="library"] i.menu--icon {
    color: #4338ca !important;
}
html.white-theme .vertical_nav .menu--link[title*="Soru"] i.menu--icon,
html.white-theme .vertical_nav .menu--link[href*="question_bank"] i.menu--icon {
    color: #0891b2 !important;
}
html.white-theme .vertical_nav .menu--link[title*="Ölçme"] i.menu--icon,
html.white-theme .vertical_nav .menu--link[href*="control"] i.menu--icon {
    color: #7c3aed !important;
}
html.white-theme .vertical_nav .menu--link[title*="Canlı Ders"] i.menu--icon,
html.white-theme .vertical_nav .menu--link[href*="live"] i.menu--icon {
    color: #dc2626 !important;
}
html.white-theme .vertical_nav .menu--link[title*="Orman"] i.menu--icon,
html.white-theme .vertical_nav .menu--link[href*="forest"] i.menu--icon {
    color: #16a34a !important;
}
html.white-theme .vertical_nav .menu--link[title*="Market"] i.menu--icon,
html.white-theme .vertical_nav .menu--link[href*="market"] i.menu--icon {
    color: #e11d48 !important;
}
html.white-theme .vertical_nav .menu--link[title*="Mesaj"] i.menu--icon,
html.white-theme .vertical_nav .menu--link[href*="message"] i.menu--icon {
    color: #0284c7 !important;
}
html.white-theme .vertical_nav .menu--link[title*="Videolar"] i.menu--icon,
html.white-theme .vertical_nav .menu--link[href*="video"] i.menu--icon {
    color: #ea580c !important;
}

/* ==========================================================================
   4. KUTULARIN TAMAMI BEMBEYAZ TEMİZ GOOGLE KARTLARI
   ========================================================================== */
/* 4.1. Üst 4'lü Stat Kartları (.card_dash) */
html.white-theme body #top_4_stat_carousel .card_dash,
html.white-theme body .card_dash,
body.white-theme #top_4_stat_carousel .card_dash,
body.white-theme .card_dash {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 18px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
}

html.white-theme body #top_4_stat_carousel .card_dash:hover,
html.white-theme body .card_dash:hover,
body.white-theme #top_4_stat_carousel .card_dash:hover,
body.white-theme .card_dash:hover {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
}

html.white-theme body .card_dash_left h5,
body.white-theme .card_dash_left h5 {
    color: #64748b !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}

html.white-theme body .card_dash_left h2,
body.white-theme .card_dash_left h2 {
    color: #0f172a !important;
    font-size: 20px !important;
    font-weight: 900 !important;
}

body.white-theme .stat-pill-info {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    color: #475569 !important;
    border-radius: 12px !important;
}

/* 4.2. 6'lı Hızlı Erişim Butonları (.stream_bg_item) */
html.white-theme body .stream_bg_item,
body.white-theme .stream_bg_item {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 20px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
}

html.white-theme body .stream_bg_item:hover,
body.white-theme .stream_bg_item:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08) !important;
    background: #ffffff !important;
}

html.white-theme body .stream_bg_item h4,
body.white-theme .stream_bg_item h4 {
    color: #0f172a !important;
    font-weight: 800 !important;
    font-size: 13px !important;
}

body.white-theme .qnav-icon-box {
    background: #f8fafc !important;
}

/* 4.3. Mini Oyunlar & Araçlar Kartları (.fcrse_1) */
html.white-theme body .fcrse_1,
html.white-theme body div.fcrse_1,
body.white-theme .fcrse_1,
body.white-theme div.fcrse_1,
html.white-theme body div[style*="rgba(20,12,45"],
body.white-theme div[style*="rgba(20,12,45"],
html.white-theme body div[style*="rgba(20, 12, 45"],
body.white-theme div[style*="rgba(20, 12, 45"] {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
}

html.white-theme body .fcrse_content,
body.white-theme .fcrse_content {
    background: #ffffff !important;
}

html.white-theme body .fcrse_content a,
html.white-theme body .fcrse_content .crse14s,
body.white-theme .fcrse_content a,
body.white-theme .fcrse_content .crse14s {
    color: #0f172a !important;
    font-weight: 800 !important;
}

html.white-theme body .fcrse_content p,
html.white-theme body .card-desc-sub,
body.white-theme .fcrse_content p,
body.white-theme .card-desc-sub {
    color: #64748b !important;
}

/* 4.4. Duyurular Panosu */
body.white-theme .home-announcement-alert {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
}
body.white-theme .announcement-alert-title {
    color: #0f172a !important;
}
body.white-theme .announcement-alert-msg {
    color: #334155 !important;
}
body.white-theme .announcement-all-btn {
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
}

/* 4.5. Dershane ve Alt Buton Kartları (.dershane-icon-card) */
body.white-theme .dershane-icon-card {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
}
body.white-theme .dershane-card-title {
    color: #0f172a !important;
}

/* 4.6. Liderlik Tablosu & Sınıfımın Yıldızları */
html.white-theme body div[style*="rgba(25, 14, 52"],
body.white-theme div[style*="rgba(25, 14, 52"],
html.white-theme body div[style*="rgba(12, 6, 30"],
body.white-theme div[style*="rgba(12, 6, 30"] {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}

html.white-theme body .leaderboard-item-row,
body.white-theme .leaderboard-item-row {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

html.white-theme body .leaderboard-item-row span,
body.white-theme .leaderboard-item-row span {
    color: #0f172a !important;
}

/* Seri / Puan tab bar arka planı */
html.white-theme body div[style*="background: rgba(255,255,255,0.06)"][style*="border: 1px solid rgba(255,255,255,0.12)"],
body.white-theme div[style*="background: rgba(255,255,255,0.06)"][style*="border: 1px solid rgba(255,255,255,0.12)"] {
    background: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
}
/* Seri/Puan "inactive" transparent button */
html.white-theme body #btnRankPuan,
body.white-theme #btnRankPuan,
html.white-theme body #btnRankStreak[style*="background: transparent"],
body.white-theme #btnRankStreak[style*="background: transparent"] {
    color: #475569 !important;
}
/* "Öğretmenler" badge */
html.white-theme body span[style*="background:rgba(162,89,255,0.18)"],
body.white-theme span[style*="background:rgba(162,89,255,0.18)"],
html.white-theme body span.badge[style*="background:rgba(162,89,255"],
body.white-theme span.badge[style*="background:rgba(162,89,255"] {
    background: rgba(77,36,116,0.08) !important;
    border-color: rgba(77,36,116,0.3) !important;
    color: #4d2474 !important;
}
/* "4-L" ve benzeri sınıf badge'leri (span inline) */
html.white-theme body span[style*="background: rgba(162, 89, 255, 0.2)"],
body.white-theme span[style*="background: rgba(162, 89, 255, 0.2)"] {
    background: rgba(77,36,116,0.1) !important;
    border-color: rgba(77,36,116,0.3) !important;
    color: #4d2474 !important;
}


/* 4.7. Hızlı Bağlantılar Kutusu */
html.white-theme body .siyosis-guide-card,
body.white-theme .siyosis-guide-card {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
}
html.white-theme body .siyosis-guide-card h4,
body.white-theme .siyosis-guide-card h4 {
    color: #0f172a !important;
}
html.white-theme body .siyosis-guide-card .siyosis-sidebar-menu-list a,
body.white-theme .siyosis-guide-card .siyosis-sidebar-menu-list a {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #334155 !important;
}
html.white-theme body .siyosis-guide-card .siyosis-sidebar-menu-list a:hover,
body.white-theme .siyosis-guide-card .siyosis-sidebar-menu-list a:hover {
    background: #eef2ff !important;
    color: #4f46e5 !important;
}
html.white-theme body .siyosis-guide-card .siyosis-sidebar-menu-list a span,
body.white-theme .siyosis-guide-card .siyosis-sidebar-menu-list a span {
    color: #334155 !important;
}

/* 4.8. Etkinlikler Sayfası Panelleri (act-header-banner & act-filter-card) */
html.white-theme body .act-header-banner,
body.white-theme .act-header-banner {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    color: #0f172a !important;
}
html.white-theme body .act-header-banner h1,
html.white-theme body .act-header-banner h2,
html.white-theme body .act-header-banner h3,
html.white-theme body .act-header-banner h4,
body.white-theme .act-header-banner h1,
body.white-theme .act-header-banner h2,
body.white-theme .act-header-banner h3,
body.white-theme .act-header-banner h4 {
    color: #0f172a !important;
}
html.white-theme body .act-header-banner p,
body.white-theme .act-header-banner p {
    color: #475569 !important;
}

html.white-theme body .act-filter-card,
html.white-theme body div.act-filter-card,
body.white-theme .act-filter-card,
body.white-theme div.act-filter-card {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}
html.white-theme body .act-filter-card h4,
html.white-theme body .act-filter-card label,
body.white-theme .act-filter-card h4,
body.white-theme .act-filter-card label {
    color: #0f172a !important;
}
html.white-theme body .act-filter-card .form-control,
body.white-theme .act-filter-card .form-control {
    background: #f8fafc !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #0f172a !important;
}

/* 4.9. Mini Oyunlar Sayfası Banner'ı (.minigames-banner-card) & Tab Switcher */
html.white-theme body .minigames-banner-card,
html.white-theme body div.minigames-banner-card,
body.white-theme .minigames-banner-card,
body.white-theme div.minigames-banner-card {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    color: #0f172a !important;
}
html.white-theme body .minigames-banner-card h1,
html.white-theme body .minigames-banner-card h2,
html.white-theme body .minigames-banner-card h3,
html.white-theme body .minigames-banner-card h4,
body.white-theme .minigames-banner-card h1,
body.white-theme .minigames-banner-card h2,
body.white-theme .minigames-banner-card h3,
body.white-theme .minigames-banner-card h4 {
    color: #0f172a !important;
}
html.white-theme body .minigames-banner-card p,
body.white-theme .minigames-banner-card p {
    color: #475569 !important;
}
html.white-theme body .siyo-tab-group,
body.white-theme .siyo-tab-group {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
}
html.white-theme body .siyo-tab-btn,
body.white-theme .siyo-tab-btn {
    color: #475569 !important;
    background: transparent !important;
}
html.white-theme body .siyo-tab-btn.active,
body.white-theme .siyo-tab-btn.active {
    background: #7c3aed !important;
    color: #ffffff !important;
}
html.white-theme body .minigames-banner-card span.badge,
html.white-theme body .minigames-banner-card .badge,
body.white-theme .minigames-banner-card span.badge,
body.white-theme .minigames-banner-card .badge {
    background: #f1f5f9 !important;
    color: #475569 !important;
    border: 1px solid #e2e8f0 !important;
}

/* 4.10. Etkinlik Kartları (.siyo-minigame-card, .card-item-glass, .siyo-video-card) */
html.white-theme body .siyo-minigame-card,
html.white-theme body .card-item-glass,
html.white-theme body .siyo-video-card,
body.white-theme .siyo-minigame-card,
body.white-theme .card-item-glass,
body.white-theme .siyo-video-card {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
}
body.white-theme .minigame-media-wrapper,
body.white-theme .siyo-video-media-wrapper {
    background: #f8fafc !important;
}
body.white-theme .minigame-overlay-gradient,
body.white-theme .siyo-video-overlay-gradient {
    display: none !important;
}
body.white-theme .minigame-card-body,
body.white-theme .card-body-content,
body.white-theme .siyo-video-body {
    background: #ffffff !important;
}
html.white-theme body .minigame-title,
html.white-theme body .card-body-content h4,
html.white-theme body .card-body-content h4 a,
html.white-theme body .siyo-video-title,
html.white-theme body .siyo-video-title a,
body.white-theme .minigame-title,
body.white-theme .card-body-content h4,
body.white-theme .card-body-content h4 a,
body.white-theme .siyo-video-title,
body.white-theme .siyo-video-title a {
    color: #0f172a !important;
}
html.white-theme body .minigame-desc,
html.white-theme body .card-body-content p,
body.white-theme .minigame-desc,
body.white-theme .card-body-content p {
    color: #475569 !important;
}

/* 4.10.1. Oyunlar & 3D Dünyalar Ek Alanları (games/games) */
html.white-theme body .act-header-banner,
body.white-theme .act-header-banner {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    color: #0f172a !important;
}
html.white-theme body .act-header-banner h1,
html.white-theme body .act-header-banner h2,
html.white-theme body .act-header-banner h3,
body.white-theme .act-header-banner h1,
body.white-theme .act-header-banner h2,
body.white-theme .act-header-banner h3 {
    color: #0f172a !important;
}
html.white-theme body .act-header-banner p,
body.white-theme .act-header-banner p {
    color: #475569 !important;
}

/* 3 Hero Kart (Katalog/Savatar, Kasaba, Kendi Oyununu Oluştur) */
html.white-theme body .hero-card-custom,
body.white-theme .hero-card-custom {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}
html.white-theme body .hero-card-custom:hover,
body.white-theme .hero-card-custom:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
}
html.white-theme body .hero-img-wrap,
body.white-theme .hero-img-wrap {
    background: #f8fafc !important;
}
html.white-theme body .hero-overlay-gradient,
body.white-theme .hero-overlay-gradient {
    display: none !important;
}
html.white-theme body .hero-savatar-box,
body.white-theme .hero-savatar-box {
    background: radial-gradient(circle at 50% 45%, rgba(162, 89, 255, 0.12) 0%, rgba(248, 250, 252, 0.8) 75%, #ffffff 100%) !important;
}
html.white-theme body .hero-card-custom h3,
body.white-theme .hero-card-custom h3 {
    color: #0f172a !important;
}
html.white-theme body .hero-card-custom p,
body.white-theme .hero-card-custom p {
    color: #475569 !important;
}

/* Oyundaki Arkadaşlarım Kartı */
html.white-theme body .act-friends-card,
body.white-theme .act-friends-card {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    color: #0f172a !important;
}
html.white-theme body .act-friends-header,
body.white-theme .act-friends-header {
    border-bottom: 1.5px solid #e2e8f0 !important;
}
html.white-theme body .act-friends-title,
body.white-theme .act-friends-title {
    color: #0f172a !important;
}
html.white-theme body .act-friend-chip,
body.white-theme .act-friend-chip {
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
}
html.white-theme body .act-friend-chip span,
body.white-theme .act-friend-chip span {
    color: #0f172a !important;
}

/* Oyunlar Kategori ve Arama */
html.white-theme body .gs-cat-header,
body.white-theme .gs-cat-header {
    border-bottom: 1.5px solid #e2e8f0 !important;
}
html.white-theme body .gs-cat-title,
body.white-theme .gs-cat-title {
    color: #0f172a !important;
}
html.white-theme body .gs-see-all,
body.white-theme .gs-see-all {
    background: #f1f5f9 !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #6366f1 !important;
}
html.white-theme body #gs-search,
body.white-theme #gs-search {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #0f172a !important;
}
html.white-theme body #gs-search::placeholder,
body.white-theme #gs-search::placeholder {
    color: #94a3b8 !important;
}
html.white-theme body .btn-minigame-room,
body.white-theme .btn-minigame-room {
    background: #ecfdf5 !important;
    border: 1.5px solid #10b981 !important;
    color: #059669 !important;
}
html.white-theme body .modal-room-content,
body.white-theme .modal-room-content {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    color: #0f172a !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15) !important;
}
html.white-theme body .modal-room-header,
body.white-theme .modal-room-header {
    border-bottom: 1.5px solid #e2e8f0 !important;
}
html.white-theme body .room-card-item,
body.white-theme .room-card-item {
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    color: #0f172a !important;
}
html.white-theme body .room-input-styled,
body.white-theme .room-input-styled {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #0f172a !important;
}

/* 4.10.2. BİKİTAP DİJİTAL KİTAPLIK (bikitap/bikitap) */
html.white-theme body .bk-page-wrapper,
body.white-theme .bk-page-wrapper {
    background-color: #f8fafc !important;
    background-image: none !important;
    color: #0f172a !important;
}
html.white-theme body .bk-page-wrapper div[style*="linear-gradient(135deg, rgba(20, 11, 42"],
body.white-theme .bk-page-wrapper div[style*="linear-gradient(135deg, rgba(20, 11, 42"] {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    color: #0f172a !important;
}
html.white-theme body .bk-page-wrapper h1,
body.white-theme .bk-page-wrapper h1 {
    color: #0f172a !important;
}
html.white-theme body .bk-page-wrapper div[style*="color: #c4b5fd"],
body.white-theme .bk-page-wrapper div[style*="color: #c4b5fd"] {
    color: #64748b !important;
}
html.white-theme body .bk-filter-bar,
body.white-theme .bk-filter-bar {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}
html.white-theme body .bk-tab-btn,
body.white-theme .bk-tab-btn {
    color: #475569 !important;
}
html.white-theme body .bk-tab-btn:hover,
body.white-theme .bk-tab-btn:hover {
    background: #f1f5f9 !important;
    color: #0f172a !important;
}
html.white-theme body .bk-tab-btn.active,
body.white-theme .bk-tab-btn.active {
    background: linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%) !important;
    color: #ffffff !important;
}
html.white-theme body .bk-search-input,
body.white-theme .bk-search-input {
    background: #f8fafc !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #0f172a !important;
}
html.white-theme body .bk-search-input::placeholder,
body.white-theme .bk-search-input::placeholder {
    color: #94a3b8 !important;
}
html.white-theme body .bk-book-card,
body.white-theme .bk-book-card {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
}
html.white-theme body .bk-book-card:hover,
body.white-theme .bk-book-card:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
}
html.white-theme body .bk-cover-box,
body.white-theme .bk-cover-box {
    background: #f1f5f9 !important;
}
html.white-theme body .bk-card-info,
body.white-theme .bk-card-info {
    background: #ffffff !important;
}
html.white-theme body .bk-book-title,
body.white-theme .bk-book-title {
    color: #0f172a !important;
    font-weight: 800 !important;
}
html.white-theme body .bk-book-meta,
body.white-theme .bk-book-meta {
    color: #64748b !important;
}
html.white-theme body .bk-progress-box,
body.white-theme .bk-progress-box {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}
html.white-theme body #no-bound-books-guide > div,
body.white-theme #no-bound-books-guide > div {
    background: #ffffff !important;
    border: 2px dashed #cbd5e1 !important;
    color: #0f172a !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}
html.white-theme body #no-bound-books-guide h3,
body.white-theme #no-bound-books-guide h3 {
    color: #0f172a !important;
}
html.white-theme body #no-bound-books-guide p,
body.white-theme #no-bound-books-guide p {
    color: #475569 !important;
}
html.white-theme body .bk-modal-card,
body.white-theme .bk-modal-card {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    color: #0f172a !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15) !important;
}
html.white-theme body .bk-modal-header,
body.white-theme .bk-modal-header {
    border-bottom: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
}
html.white-theme body .bk-form-control,
body.white-theme .bk-form-control {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #0f172a !important;
}
html.white-theme body .bk-form-label,
body.white-theme .bk-form-label {
    color: #475569 !important;
}
html.white-theme body .bk-menu-dropdown,
body.white-theme .bk-menu-dropdown {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.12) !important;
}
html.white-theme body .bk-menu-item,
body.white-theme .bk-menu-item {
    color: #0f172a !important;
}
html.white-theme body .bk-menu-item:hover,
body.white-theme .bk-menu-item:hover {
    background: #f1f5f9 !important;
}

/* 4.10.3. BİLDİRİM SAYFALARI (notification/notification/incoming_notifications vb.) */
html.white-theme body .notif-glass-card,
body.white-theme .notif-glass-card {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    color: #0f172a !important;
}
html.white-theme body .notif-header-box,
body.white-theme .notif-header-box {
    border-bottom: 1px solid #e2e8f0 !important;
}
html.white-theme body .notif-header-box h1,
body.white-theme .notif-header-box h1 {
    color: #0f172a !important;
}
html.white-theme body .notif-header-box p,
body.white-theme .notif-header-box p {
    color: #64748b !important;
}
html.white-theme body .notif-item-card,
body.white-theme .notif-item-card {
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
}
html.white-theme body .notif-item-card:hover,
body.white-theme .notif-item-card:hover {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06) !important;
}
html.white-theme body .notif-item-title,
body.white-theme .notif-item-title {
    color: #0f172a !important;
}
html.white-theme body .notif-item-message,
body.white-theme .notif-item-message {
    color: #334155 !important;
}
html.white-theme body .notif-time-tag,
body.white-theme .notif-time-tag {
    background: #e2e8f0 !important;
    color: #64748b !important;
}
html.white-theme body .info-alert-box,
body.white-theme .info-alert-box {
    background: #f8fafc !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #334155 !important;
}
html.white-theme body .section-title,
body.white-theme .section-title {
    color: #0f172a !important;
}

/* 4.10.4. AKTİVİTE & DETAY PANELİ (activity/main, activity/activity) */
html.white-theme body .act-filter-card,
body.white-theme .act-filter-card {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}
html.white-theme body .act-filter-card label,
body.white-theme .act-filter-card label {
    color: #334155 !important;
}
html.white-theme body .report-header-row,
body.white-theme .report-header-row {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    color: #475569 !important;
}
html.white-theme body .student-list-item,
body.white-theme .student-list-item {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
}
html.white-theme body .student-list-item:hover,
body.white-theme .student-list-item:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06) !important;
}
html.white-theme body .lb-col-user,
body.white-theme .lb-col-user {
    color: #0f172a !important;
}
html.white-theme body .lb-col-time,
body.white-theme .lb-col-time {
    color: #64748b !important;
}
html.white-theme body .player-card-container,
body.white-theme .player-card-container {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}
html.white-theme body .siyosis-rating-box,
body.white-theme .siyosis-rating-box {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
}
html.white-theme body .comment-textarea,
html.white-theme body textarea#postReplyContent,
body.white-theme .comment-textarea,
body.white-theme textarea#postReplyContent {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #0f172a !important;
}

/* 4.10.5. AKVARYUM & KOLEKSİYON (akvaryum/main) */
html.white-theme body .akv-top-bar,
body.white-theme .akv-top-bar {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}
html.white-theme body .akv-top-title,
body.white-theme .akv-top-title {
    color: #0f172a !important;
}

/* 4.11. Sınıf Panosu & Ajanda */
body.white-theme .home-social-post-card,
html.white-theme body .home-social-post-card,
body.white-theme .agenda-calendar-container {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
}
body.white-theme .home-social-post-card h4,
html.white-theme body .home-social-post-card h4,
body.white-theme .home-social-post-card h5,
body.white-theme .post-author-name {
    color: #0f172a !important;
}
body.white-theme .home-social-post-card p,
html.white-theme body .home-social-post-card p {
    color: #334155 !important;
}
/* Kullanıcı adı (home-post-user-name) */
body.white-theme .home-post-user-name,
html.white-theme body .home-post-user-name {
    color: #0f172a !important;
}
/* Paylaşım zamanı (home-post-time) */
body.white-theme .home-post-time,
html.white-theme body .home-post-time {
    color: #64748b !important;
}
/* Post metin içeriği (home-post-content) */
body.white-theme .home-post-content,
html.white-theme body .home-post-content {
    color: #1e293b !important;
}
/* Beğen / Yorum Yap butonları (home-action-btn) */
body.white-theme .home-action-btn,
html.white-theme body .home-action-btn {
    background: #f1f5f9 !important;
    color: #475569 !important;
    border: 1px solid #e2e8f0 !important;
}
body.white-theme .home-action-btn:hover,
html.white-theme body .home-action-btn:hover {
    background: #e2e8f0 !important;
    color: #0f172a !important;
}
/* Beğen/Yorum ikon renklerini koru */
body.white-theme .home-action-btn i,
html.white-theme body .home-action-btn i {
    /* icon renkleri inline style ile verilmiş, dokunmuyoruz */
}
/* post-actions border (rgba beyaz → gri) */
body.white-theme .home-post-actions,
html.white-theme body .home-post-actions {
    border-top-color: #e2e8f0 !important;
}
/* "Tüm Paylaşımlar" butonu */
body.white-theme a[style*="background:rgba(162,89,255,0.15)"],
html.white-theme body a[style*="background:rgba(162,89,255,0.15)"] {
    background: rgba(77,36,116,0.08) !important;
    border-color: rgba(77,36,116,0.25) !important;
    color: #4d2474 !important;
}
/* "Tümünü Gör" bağlantıları (.see150) */
body.white-theme .see150,
html.white-theme body .see150 {
    color: #4d2474 !important;
}
body.white-theme .see150:hover,
html.white-theme body .see150:hover {
    color: #7c3aed !important;
}
/* Sınıf Panosu başlık h4 (inline color:#fff) */
body.white-theme h4[style*="color:#fff"],
html.white-theme body h4[style*="color:#fff"] {
    color: #0f172a !important;
}
/* "Sınıf Panosu yok" boş durum kartı */
body.white-theme div[style*="background: rgba(20, 12, 45, 0.75)"],
html.white-theme body div[style*="background: rgba(20, 12, 45, 0.75)"] {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
    color: #64748b !important;
}
body.white-theme div[style*="background: rgba(20, 12, 45, 0.75)"] p,
html.white-theme body div[style*="background: rgba(20, 12, 45, 0.75)"] p {
    color: #64748b !important;
}

/* ==========================================================================
   5. MOBİL BOTTOM MENÜ (BAR BEYAZ, ORTASINDAKİ YUVARLAK BUTON SİYOSİS MORU)
   ========================================================================== */
/* Bar gövdesi: Temiz beyaz */
body.white-theme .nav-container,
html.white-theme .nav-container {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08) !important;
}

/* Renkli İkonlar (Sağındaki ve Solundaki İkonlar) */
body.white-theme .nav-link,
html.white-theme .nav-link {
    color: #64748b !important;
}
body.white-theme .nav-link i.nav-icon,
html.white-theme .nav-link i.nav-icon {
    filter: none !important;
    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), filter 0.2s ease !important;
}

/* Görevler (Mavi) */
body.white-theme .nav-link i.uil-clipboard-notes,
html.white-theme .nav-link i.uil-clipboard-notes {
    color: #2563eb !important;
    filter: drop-shadow(0 2px 5px rgba(37, 99, 235, 0.25)) !important;
}

/* Sınıf Ekranı / Yıldız (Altın/Amber) */
body.white-theme .nav-link i.uil-star,
html.white-theme .nav-link i.uil-star {
    color: #d97706 !important;
    filter: drop-shadow(0 2px 5px rgba(217, 119, 6, 0.25)) !important;
}

/* Etkinlikler / Şimşek (Siyosis Moru) */
body.white-theme .nav-link i.uil-bolt,
html.white-theme .nav-link i.uil-bolt {
    color: #7c3aed !important;
    filter: drop-shadow(0 2px 5px rgba(124, 58, 237, 0.25)) !important;
}

/* Mini Oyunlar / Kupa (Canlı Turuncu) */
body.white-theme .nav-link i.uil-trophy,
html.white-theme .nav-link i.uil-trophy {
    color: #ea580c !important;
    filter: drop-shadow(0 2px 5px rgba(234, 88, 12, 0.25)) !important;
}

/* Game Studio / Küp (Menekşe/Mor) */
body.white-theme .nav-link i.uil-cube,
html.white-theme .nav-link i.uil-cube {
    color: #9333ea !important;
    filter: drop-shadow(0 2px 5px rgba(147, 51, 234, 0.25)) !important;
}

body.white-theme .nav-link:hover i.nav-icon,
html.white-theme .nav-link:hover i.nav-icon {
    transform: scale(1.22) !important;
}

body.white-theme .nav-name,
html.white-theme .nav-name {
    background: #0f172a !important;
    border: none !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    font-weight: 700 !important;
}
body.white-theme .nav-name::after,
html.white-theme .nav-name::after {
    border-top-color: #0f172a !important;
}

/* ORTADAKİ YUVARLAK KISIM: SİYOSİS LOGOSUNUN BİREBİR ORİJİNAL MORU (#4d2474) VE KOYU MOD BOYUTU (68px / İkon 50px) */
body.white-theme .nav-toggle,
html.white-theme .nav-toggle,
html.white-theme body .nav-toggle {
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    min-height: 68px !important;
    max-width: 68px !important;
    max-height: 68px !important;
    background: #4d2474 !important;
    background-color: #4d2474 !important;
    border: 2.5px solid #ffffff !important;
    box-shadow: 0 8px 24px rgba(77, 36, 116, 0.45), 0 0 20px rgba(77, 36, 116, 0.3), inset 0 1px 2px rgba(255, 255, 255, 0.5) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
}
body.white-theme .nav-toggle:hover,
html.white-theme .nav-toggle:hover,
html.white-theme body .nav-toggle:hover {
    background: #3c1a5b !important;
    background-color: #3c1a5b !important;
    border-color: #ffffff !important;
    transform: scale(1.08) rotate(90deg) !important;
    box-shadow: 0 12px 30px rgba(77, 36, 116, 0.6) !important;
}
body.white-theme .nav-toggle .nav-toggle-icon,
html.white-theme .nav-toggle .nav-toggle-icon,
html.white-theme body .nav-toggle .nav-toggle-icon {
    width: 50px !important;
    height: 50px !important;
    max-width: 50px !important;
    max-height: 50px !important;
    object-fit: contain !important;
    color: #ffffff !important;
    filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.85)) !important;
}

/* Bottom Bar Açılır Menüsü */
body.white-theme .nav-menu,
html.white-theme .nav-menu {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15) !important;
}
body.white-theme .nav-menu-item,
html.white-theme .nav-menu-item {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
}
body.white-theme .nav-menu-item:hover,
html.white-theme .nav-menu-item:hover {
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06) !important;
}
body.white-theme .nav-menu-name,
html.white-theme .nav-menu-name {
    color: #0f172a !important;
    font-weight: 700 !important;
}
body.white-theme .nav-menu::before,
html.white-theme .nav-menu::before {
    border-top-color: #e2e8f0 !important;
}

/* Bottom Bar "Anasayfam" Butonu (Mükemmel Netlik & Kontrast) */
body.white-theme .nav-menu-home,
html.white-theme .nav-menu-home {
    background: linear-gradient(135deg, #7c3aed 0%, #6366f1 100%) !important;
    border: none !important;
    border-radius: 20px !important;
    box-shadow: 0 6px 20px rgba(124, 58, 237, 0.4) !important;
    color: #ffffff !important;
}
body.white-theme .nav-menu-home:hover,
html.white-theme .nav-menu-home:hover {
    background: linear-gradient(135deg, #8b5cf6 0%, #4f46e5 100%) !important;
    box-shadow: 0 8px 25px rgba(124, 58, 237, 0.55) !important;
}
body.white-theme .nav-menu-home span,
html.white-theme .nav-menu-home span {
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    letter-spacing: -0.2px !important;
}
body.white-theme .nav-menu-home .nav-menu-home-icon,
html.white-theme .nav-menu-home .nav-menu-home-icon {
    background: rgba(255, 255, 255, 0.25) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    color: #ffffff !important;
}

/* ==========================================================================
   6. GLOBAL SAYFALAMA (PAGINATION) BEMBEYAZ KAPSÜL
   ========================================================================== */
html.white-theme body ul.pagination,
html.white-theme body .pagination,
html.white-theme body .pagination-wrapper .pagination,
html.white-theme body div.pagination,
html.white-theme body nav[aria-label="Page navigation"] .pagination,
body.white-theme ul.pagination,
body.white-theme .pagination {
    background: #ffffff !important;
    background-image: none !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06) !important;
}
html.white-theme body .pagination li > a,
html.white-theme body .pagination li > span,
body.white-theme .pagination li > a,
body.white-theme .pagination li > span {
    background: #f8fafc !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #0f172a !important;
    box-shadow: none !important;
}
html.white-theme body .pagination li > a:hover,
body.white-theme .pagination li > a:hover {
    background: #eef2ff !important;
    border-color: #7c3aed !important;
    color: #7c3aed !important;
}
html.white-theme body .pagination li.active > a,
html.white-theme body .pagination li.active > span,
body.white-theme .pagination li.active > a,
body.white-theme .pagination li.active > span {
    background: #7c3aed !important;
    border-color: #7c3aed !important;
    color: #ffffff !important;
}

/* ==========================================================================
   7. MODALLAR, FORMLAR, TABLOLAR & FOOTER
   ========================================================================== */
body.white-theme .modal-content {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15) !important;
    color: #0f172a !important;
}
body.white-theme .modal-header {
    background: #f8fafc !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
}
body.white-theme .modal-header .modal-title,
body.white-theme .modal-header h4,
body.white-theme .modal-header h5 {
    color: #0f172a !important;
}
body.white-theme .modal-body {
    color: #0f172a !important;
}
body.white-theme .modal-footer {
    background: #f8fafc !important;
    border-top: 1px solid #e2e8f0 !important;
}

/* Form Kontrolleri */
body.white-theme .form-control,
body.white-theme input[type="text"],
body.white-theme input[type="password"],
body.white-theme input[type="email"],
body.white-theme select,
body.white-theme textarea {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #0f172a !important;
}

/* Tablolar */
body.white-theme .table {
    color: #0f172a !important;
    border-color: #e2e8f0 !important;
}
body.white-theme .table thead th {
    background: #f1f5f9 !important;
    color: #0f172a !important;
    border-bottom: 2px solid #e2e8f0 !important;
}
body.white-theme .table tbody td {
    background: #ffffff !important;
    color: #334155 !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

/* Footer */
body.white-theme .footer,
body.white-theme footer {
    background: #ffffff !important;
    border-top: 1px solid #e2e8f0 !important;
    color: #64748b !important;
}
body.white-theme .footer a,
body.white-theme footer a {
    color: #475569 !important;
}

/* ==========================================================================
   8. TAKVİM & AJANDA BİLEŞENİ (agenda-calendar-container, #home_calendar_grid)
   ========================================================================== */
html.white-theme body .agenda-calendar-container,
html.white-theme body div.agenda-calendar-container,
html.white-theme .agenda-calendar-container,
body.white-theme .agenda-calendar-container {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 20px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}
html.white-theme body #agendaMonthYear,
html.white-theme body .agenda-month-title,
html.white-theme body #agenda_month_title,
html.white-theme body #home_agenda_month_title,
html.white-theme .agenda-month-title,
body.white-theme .agenda-month-title {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    font-weight: 800 !important;
}
html.white-theme body .agenda-nav-btn,
body.white-theme .agenda-nav-btn,
html.white-theme body .agenda-calendar-container button.btn-dark,
body.white-theme .agenda-calendar-container button.btn-dark {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
}
html.white-theme body .agenda-nav-btn i,
body.white-theme .agenda-nav-btn i,
html.white-theme body .agenda-calendar-container button.btn-dark i,
body.white-theme .agenda-calendar-container button.btn-dark i {
    color: #334155 !important;
}
html.white-theme body .agenda-nav-btn:hover,
body.white-theme .agenda-nav-btn:hover,
html.white-theme body .agenda-calendar-container button.btn-dark:hover,
body.white-theme .agenda-calendar-container button.btn-dark:hover {
    background: #e2e8f0 !important;
    color: #0f172a !important;
}
html.white-theme body .agenda-today-btn,
body.white-theme .agenda-today-btn,
html.white-theme body button.agenda-today-btn,
body.white-theme button.agenda-today-btn {
    background: #f5f3ff !important;
    border: 1px solid rgba(124, 58, 237, 0.3) !important;
    color: #4d2474 !important;
    -webkit-text-fill-color: #4d2474 !important;
    font-weight: 700 !important;
}
html.white-theme body .agenda-weekdays,
body.white-theme .agenda-weekdays {
    color: #475569 !important;
    border-bottom: 1px solid #e2e8f0 !important;
}
html.white-theme body .agenda-weekdays div,
body.white-theme .agenda-weekdays div {
    color: #475569 !important;
    -webkit-text-fill-color: #475569 !important;
    font-weight: 700 !important;
}
html.white-theme body .agenda-weekdays div[style*="color:#f472b6"],
html.white-theme body .agenda-weekdays .weekend,
body.white-theme .agenda-weekdays .weekend {
    color: #e11d48 !important;
    -webkit-text-fill-color: #e11d48 !important;
    font-weight: 800 !important;
}
html.white-theme body #home_calendar_grid .agenda-day-cell,
html.white-theme body .agenda-calendar-container .agenda-day-cell,
html.white-theme body .agenda-days-grid .agenda-day-cell,
html.white-theme body .agenda-day-cell,
body.white-theme .agenda-day-cell {
    background: #f8fafc !important;
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
}
html.white-theme body #home_calendar_grid .agenda-day-cell:hover,
html.white-theme body .agenda-calendar-container .agenda-day-cell:hover,
html.white-theme body .agenda-days-grid .agenda-day-cell:hover,
html.white-theme body .agenda-day-cell:hover,
body.white-theme .agenda-day-cell:hover {
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
}
html.white-theme body #home_calendar_grid .agenda-day-cell.today,
html.white-theme body .agenda-calendar-container .agenda-day-cell.today,
html.white-theme body .agenda-days-grid .agenda-day-cell.today,
html.white-theme body .agenda-day-cell.today,
body.white-theme .agenda-day-cell.today {
    background: #f5f3ff !important;
    background-color: #f5f3ff !important;
    border: 2px solid #7c3aed !important;
    box-shadow: 0 0 12px rgba(124, 58, 237, 0.25) !important;
}
html.white-theme body #home_calendar_grid .agenda-day-cell.empty,
html.white-theme body .agenda-calendar-container .agenda-day-cell.empty,
html.white-theme body .agenda-days-grid .agenda-day-cell.empty {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
html.white-theme body #home_calendar_grid .agenda-day-cell .day-number,
html.white-theme body #home_calendar_grid .day-number,
html.white-theme body .agenda-calendar-container .agenda-day-cell .day-number,
html.white-theme body .agenda-calendar-container .day-number,
html.white-theme body .agenda-days-grid .agenda-day-cell .day-number,
html.white-theme body .agenda-days-grid .day-number,
html.white-theme body .agenda-day-cell .day-number,
html.white-theme body .day-number,
html.white-theme .day-number,
body.white-theme .day-number {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    font-weight: 800 !important;
}
html.white-theme body #home_calendar_grid .agenda-day-cell.today .day-number,
html.white-theme body .agenda-calendar-container .agenda-day-cell.today .day-number,
html.white-theme body .agenda-days-grid .agenda-day-cell.today .day-number,
html.white-theme body .agenda-day-cell.today .day-number,
body.white-theme .agenda-day-cell.today .day-number {
    color: #4d2474 !important;
    -webkit-text-fill-color: #4d2474 !important;
    font-weight: 900 !important;
}

/* ==========================================================================
   9. SINIF PANOSU / TAHTA EKRANI (teacher/board)
   ========================================================================== */
html.white-theme body {
    background: #f8fafc !important;
    background-color: #f8fafc !important;
    color: #0f172a !important;
}
html.white-theme body .timer-main-container,
body.white-theme .timer-main-container {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    color: #0f172a !important;
}
html.white-theme body .period-name,
body.white-theme .period-name {
    color: #7c3aed !important;
}
html.white-theme body .time-display,
body.white-theme .time-display {
    color: #0f172a !important;
}
html.white-theme body .modern-progress,
body.white-theme .modern-progress {
    background: #f1f5f9 !important;
    border: 1.5px solid #cbd5e1 !important;
}
html.white-theme body .time-info,
body.white-theme .time-info {
    color: #64748b !important;
}
html.white-theme body .curriculum-add-item,
body.white-theme .curriculum-add-item {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: -4px 0 25px rgba(0, 0, 0, 0.08) !important;
}
html.white-theme body div.item div.fcrse_1,
html.white-theme body .my_courses_tabs div.item div.fcrse_1,
html.white-theme body .fcrse_1,
body.white-theme div.item div.fcrse_1,
body.white-theme .my_courses_tabs div.item div.fcrse_1,
body.white-theme .fcrse_1 {
    background: #ffffff !important;
    border: 2px solid #e2e8f0 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
}
html.white-theme body div.item div.fcrse_1:hover,
html.white-theme body .my_courses_tabs div.item div.fcrse_1:hover,
html.white-theme body .fcrse_1:hover,
body.white-theme div.item div.fcrse_1:hover,
body.white-theme .my_courses_tabs div.item div.fcrse_1:hover,
body.white-theme .fcrse_1:hover {
    border-color: #7c3aed !important;
    box-shadow: 0 10px 25px rgba(124, 58, 237, 0.2) !important;
}
html.white-theme body .fcrse_img,
body.white-theme .fcrse_img {
    background: #f8fafc !important;
}
html.white-theme body .fcrse_content,
html.white-theme body .fcrse_content.boardbox,
body.white-theme .fcrse_content,
body.white-theme .fcrse_content.boardbox {
    background: #ffffff !important;
    border-top: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
    text-shadow: none !important;
}
html.white-theme body .vtt_sen,
html.white-theme body .auth_br,
body.white-theme .vtt_sen,
body.white-theme .auth_br {
    color: #0f172a !important;
}
html.white-theme body .active-teacher-dropdown-menu,
body.white-theme .active-teacher-dropdown-menu {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    color: #0f172a !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.12) !important;
}
html.white-theme body .at-header,
body.white-theme .at-header {
    border-bottom: 1px solid #e2e8f0 !important;
}
html.white-theme body .at-name,
body.white-theme .at-name {
    color: #0f172a !important;
}
html.white-theme body .at-role,
body.white-theme .at-role {
    color: #64748b !important;
}
html.white-theme body .at-item:hover,
body.white-theme .at-item:hover {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}
html.white-theme body .at-item.active,
body.white-theme .at-item.active {
    background: #f3e8ff !important;
    border-color: #7c3aed !important;
}

/* ==========================================================================
   10. GENEL BAŞLIK BANNERLARI (.t-header-banner) & KARTLAR (.t-card)
   ========================================================================== */
html.white-theme body .t-header-banner,
html.white-theme body div.t-header-banner,
body.white-theme .t-header-banner,
body.white-theme div.t-header-banner {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    color: #0f172a !important;
}
html.white-theme body .t-header-banner h1,
html.white-theme body .t-header-banner h2,
html.white-theme body .t-header-banner h3,
body.white-theme .t-header-banner h1,
body.white-theme .t-header-banner h2,
body.white-theme .t-header-banner h3 {
    color: #0f172a !important;
}
html.white-theme body .t-header-banner p,
body.white-theme .t-header-banner p {
    color: #64748b !important;
}

html.white-theme body .t-card,
body.white-theme .t-card {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    color: #0f172a !important;
}

/* ==========================================================================
   11. AYARLAR & PROFİL SAYFALARI (account/settings, superuser/setting)
   ========================================================================== */
html.white-theme body .siyo-setting-card,
body.white-theme .siyo-setting-card {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
}
html.white-theme body .siyo-setting-card:hover,
body.white-theme .siyo-setting-card:hover {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
}
html.white-theme body .siyo-setting-card h3,
body.white-theme .siyo-setting-card h3 {
    color: #0f172a !important;
}
html.white-theme body .siyo-setting-card p,
body.white-theme .siyo-setting-card p {
    color: #64748b !important;
}

/* Superuser Settings Modules */
html.white-theme body .su-compact-card,
body.white-theme .su-compact-card {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
}
html.white-theme body .su-compact-card:hover,
body.white-theme .su-compact-card:hover {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
}
html.white-theme body .su-c-title,
body.white-theme .su-c-title {
    color: #0f172a !important;
}
html.white-theme body .su-c-desc,
body.white-theme .su-c-desc {
    color: #64748b !important;
}
html.white-theme body .su-stat-item,
body.white-theme .su-stat-item {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
}
html.white-theme body .su-stat-name,
body.white-theme .su-stat-name {
    color: #334155 !important;
}
html.white-theme body .su-stat-val,
body.white-theme .su-stat-val {
    color: #0f172a !important;
}
html.white-theme body .t-container .col-lg-4 > div[style*="border-radius:20px"],
body.white-theme .t-container .col-lg-4 > div[style*="border-radius:20px"] {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    color: #0f172a !important;
}

/* ==========================================================================
   12. SINIF YÖNETİMİ & DETAYI (teacher/classroom)
   ========================================================================== */
html.white-theme body .classroom-header-banner,
body.white-theme .classroom-header-banner {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    color: #0f172a !important;
}
html.white-theme body .classroom-header-title,
body.white-theme .classroom-header-title {
    color: #0f172a !important;
}
html.white-theme body .classroom-header-subtitle,
body.white-theme .classroom-header-subtitle {
    color: #64748b !important;
}
html.white-theme body .classroom-stat-card,
body.white-theme .classroom-stat-card {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02) !important;
}
html.white-theme body .stat-val,
body.white-theme .stat-val {
    color: #0f172a !important;
}
html.white-theme body .stat-lbl,
body.white-theme .stat-lbl {
    color: #64748b !important;
}
html.white-theme body .classroom-card,
body.white-theme .classroom-card {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
}
html.white-theme body .classroom-card:hover,
body.white-theme .classroom-card:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
}
html.white-theme body .classroom-card-media,
body.white-theme .classroom-card-media {
    background: #f8fafc !important;
}
html.white-theme body .classroom-card-body,
body.white-theme .classroom-card-body {
    background: #ffffff !important;
}
html.white-theme body .classroom-title,
html.white-theme body .classroom-title *,
body.white-theme .classroom-title,
body.white-theme .classroom-title * {
    color: #0f172a !important;
}
html.white-theme body .classroom-teacher,
html.white-theme body .classroom-teacher span,
body.white-theme .classroom-teacher,
body.white-theme .classroom-teacher span {
    color: #475569 !important;
}
html.white-theme body .classroom-teacher strong,
html.white-theme body .classroom-teacher strong[style],
body.white-theme .classroom-teacher strong,
body.white-theme .classroom-teacher strong[style] {
    color: #0f172a !important;
}
html.white-theme body .btn-act-sub,
body.white-theme .btn-act-sub {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
}
html.white-theme body .custom-modal-overlay,
body.white-theme .custom-modal-overlay {
    background: rgba(15, 23, 42, 0.7) !important;
}
html.white-theme body .custom-modal-card,
body.white-theme .custom-modal-card {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15) !important;
    color: #0f172a !important;
}
html.white-theme body .custom-modal-card h5,
html.white-theme body .custom-modal-card .text-white,
body.white-theme .custom-modal-card h5,
body.white-theme .custom-modal-card .text-white {
    color: #0f172a !important;
}
html.white-theme body .custom-modal-card p,
html.white-theme body .custom-modal-card .text-white-50,
body.white-theme .custom-modal-card p,
body.white-theme .custom-modal-card .text-white-50 {
    color: #64748b !important;
}
html.white-theme body .custom-modal-card input.form-control,
body.white-theme .custom-modal-card input.form-control {
    background: #f8fafc !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #0f172a !important;
}

/* ==========================================================================
   13. DERSLER & BRANŞLAR (teacher/lessons)
   ========================================================================== */
html.white-theme body div[style*="linear-gradient(145deg, rgba(28, 16, 60"],
body.white-theme div[style*="linear-gradient(145deg, rgba(28, 16, 60"] {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    color: #0f172a !important;
}
html.white-theme body div[style*="linear-gradient(145deg, rgba(28, 16, 60"] h3,
body.white-theme div[style*="linear-gradient(145deg, rgba(28, 16, 60"] h3 {
    color: #0f172a !important;
}
html.white-theme body div[style*="linear-gradient(145deg, rgba(22, 12, 45"],
body.white-theme div[style*="linear-gradient(145deg, rgba(22, 12, 45"] {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
    color: #0f172a !important;
}
html.white-theme body div[style*="linear-gradient(145deg, rgba(22, 12, 45"] h3,
body.white-theme div[style*="linear-gradient(145deg, rgba(22, 12, 45"] h3 {
    color: #0f172a !important;
}
html.white-theme body div[style*="linear-gradient(145deg, rgba(22, 12, 45"] span.badge,
body.white-theme div[style*="linear-gradient(145deg, rgba(22, 12, 45"] span.badge {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #475569 !important;
}

/* ==========================================================================
   14. VİDEO YÜKLEME & OYUN OYNAMA EKRANLARI (video/submit, minigames/games/play)
   ========================================================================== */
html.white-theme body .video-submit-wrapper,
body.white-theme .video-submit-wrapper {
    color: #0f172a !important;
}
html.white-theme body .siyo-glass-card,
body.white-theme .siyo-glass-card {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
    color: #0f172a !important;
}
html.white-theme body .siyo-glass-card::before,
body.white-theme .siyo-glass-card::before {
    display: none !important;
}
html.white-theme body .video-header-banner,
body.white-theme .video-header-banner {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    color: #0f172a !important;
}
html.white-theme body .video-header-banner h1,
html.white-theme body .video-header-banner h2,
body.white-theme .video-header-banner h1,
body.white-theme .video-header-banner h2 {
    color: #0f172a !important;
}
html.white-theme body .video-header-banner p,
body.white-theme .video-header-banner p {
    color: #64748b !important;
}
html.white-theme body .submit-input-glass,
body.white-theme .submit-input-glass {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #0f172a !important;
}
html.white-theme body .submit-input-glass::placeholder,
body.white-theme .submit-input-glass::placeholder {
    color: #94a3b8 !important;
}
html.white-theme body .cat-choice-item,
body.white-theme .cat-choice-item {
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    color: #0f172a !important;
}
html.white-theme body .btn-purple-ghost,
body.white-theme .btn-purple-ghost {
    background: #f1f5f9 !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #334155 !important;
}
html.white-theme body .siyosis-menu-item,
body.white-theme .siyosis-menu-item {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
}
html.white-theme body .siyosis-menu-item:hover,
body.white-theme .siyosis-menu-item:hover {
    background: #eef2ff !important;
    color: #4f46e5 !important;
}
html.white-theme body .siyosis-menu-item span,
body.white-theme .siyosis-menu-item span {
    color: #0f172a !important;
}

/* ==========================================================================
   15. AKVARYUM VE KOLEKSİYON MERKEZİ (akvaryum/main)
   ========================================================================== */
html.white-theme body .akvaryum-wrapper,
body.white-theme .akvaryum-wrapper {
    background: #f8fafc !important;
    background-image: none !important;
    color: #0f172a !important;
}
html.white-theme body .akv-top-bar,
body.white-theme .akv-top-bar {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
html.white-theme body .akv-top-title,
body.white-theme .akv-top-title {
    color: #0f172a !important;
}
html.white-theme body .akv-top-badge,
body.white-theme .akv-top-badge {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
}
html.white-theme body .akv-top-badge span,
body.white-theme .akv-top-badge span {
    color: #0f172a !important;
}
html.white-theme body .akv-section-head,
body.white-theme .akv-section-head {
    border-bottom: 1.5px solid #e2e8f0 !important;
}
html.white-theme body .akv-section-title,
html.white-theme body .akv-section-title *,
body.white-theme .akv-section-title,
body.white-theme .akv-section-title * {
    color: #0f172a !important;
}
html.white-theme body .akv-section-subtitle,
body.white-theme .akv-section-subtitle {
    color: #64748b !important;
}
html.white-theme body .akv-tabs-wrap,
body.white-theme .akv-tabs-wrap {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;
}
html.white-theme body .akv-tab-btn,
body.white-theme .akv-tab-btn {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #475569 !important;
}
html.white-theme body .akv-tab-btn:hover,
body.white-theme .akv-tab-btn:hover {
    background: #e2e8f0 !important;
    color: #0f172a !important;
}
html.white-theme body .akv-tab-btn .tab-count,
body.white-theme .akv-tab-btn .tab-count {
    background: rgba(0, 0, 0, 0.08) !important;
    color: inherit !important;
}
html.white-theme body .akv-fish-card,
body.white-theme .akv-fish-card {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
html.white-theme body .akv-fish-card:hover,
body.white-theme .akv-fish-card:hover {
    border-color: #a855f7 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
}
html.white-theme body .akv-fish-card.unowned-card,
body.white-theme .akv-fish-card.unowned-card {
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
}
html.white-theme body .akv-fish-name,
body.white-theme .akv-fish-name {
    color: #0f172a !important;
}
html.white-theme body .akv-fish-quantity,
body.white-theme .akv-fish-quantity {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
}
html.white-theme body .akv-btn-card-fav,
body.white-theme .akv-btn-card-fav {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #64748b !important;
}
html.white-theme body .akv-tier-badge,
body.white-theme .akv-tier-badge {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
}
html.white-theme body .akv-score-badge,
body.white-theme .akv-score-badge {
    background: #fef3c7 !important;
    border: 1px solid #fde047 !important;
    color: #b45309 !important;
}
html.white-theme body .akv-btn-send,
body.white-theme .akv-btn-send {
    background: #f3e8ff !important;
    border: 1.5px solid #a855f7 !important;
    color: #7c3aed !important;
}
html.white-theme body .akv-btn-send:hover,
body.white-theme .akv-btn-send:hover {
    background: #a855f7 !important;
    color: #ffffff !important;
}
html.white-theme body .akv-status-badge,
body.white-theme .akv-status-badge {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #64748b !important;
}
html.white-theme body .badge-catchable,
body.white-theme .badge-catchable {
    background: #e0f2fe !important;
    border: 1.5px dashed #0284c7 !important;
    color: #0284c7 !important;
}
html.white-theme body .akv-catchable-hint,
body.white-theme .akv-catchable-hint {
    color: #0284c7 !important;
}
html.white-theme body .akv-bg-card,
body.white-theme .akv-bg-card {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
html.white-theme body .akv-bg-card:hover,
body.white-theme .akv-bg-card:hover {
    border-color: #38bdf8 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
}
html.white-theme body .akv-bg-body,
body.white-theme .akv-bg-body {
    background: #ffffff !important;
}
html.white-theme body .akv-bg-name,
body.white-theme .akv-bg-name {
    color: #0f172a !important;
}
html.white-theme body .btn-bg-current,
body.white-theme .btn-bg-current {
    background: #e0f2fe !important;
    border: 1.5px solid #38bdf8 !important;
    color: #0284c7 !important;
}

/* ==========================================================================
   16. ÖĞRENCİ LİSTESİ VE TABLOLAR (teacher/students, teacher/students/edit)
   ========================================================================== */
html.white-theme body .t-table,
body.white-theme .t-table {
    border-collapse: separate !important;
}
html.white-theme body .t-table tbody tr,
body.white-theme .t-table tbody tr {
    background: #ffffff !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
}
html.white-theme body .t-table tbody tr td,
body.white-theme .t-table tbody tr td {
    color: #0f172a !important;
    border-top: 1px solid #e2e8f0 !important;
    border-bottom: 1px solid #e2e8f0 !important;
}
html.white-theme body .t-table tbody tr td:first-child,
body.white-theme .t-table tbody tr td:first-child {
    border-left: 1px solid #e2e8f0 !important;
}
html.white-theme body .t-table tbody tr td:last-child,
body.white-theme .t-table tbody tr td:last-child {
    border-right: 1px solid #e2e8f0 !important;
}
html.white-theme body .t-table tbody tr:hover,
body.white-theme .t-table tbody tr:hover {
    background: #f8fafc !important;
}
html.white-theme body .t-table tbody tr:hover td,
body.white-theme .t-table tbody tr:hover td {
    border-color: #cbd5e1 !important;
}
html.white-theme body .t-table tbody tr td a,
body.white-theme .t-table tbody tr td a {
    color: #0f172a !important;
}
html.white-theme body .st-badge-time,
body.white-theme .st-badge-time {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #64748b !important;
}

/* ==========================================================================
   17. ÖDEV & GÖREV LİSTESİ (teacher/tasks)
   ========================================================================== */
html.white-theme body .t-header-banner,
html.white-theme body div.t-header-banner,
body.white-theme .t-header-banner {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
    color: #0f172a !important;
}

html.white-theme body .t-card,
html.white-theme body div.t-card,
body.white-theme .t-card {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
    color: #0f172a !important;
}

/* Görevler Sayfası Alt Bilgi Kutusu (.t-info-box: "Görev Sistemi Hakkında") */
html.white-theme body .t-info-box,
html.white-theme body div.t-info-box,
body.white-theme .t-info-box {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    color: #0f172a !important;
}
html.white-theme body .t-info-box h1,
html.white-theme body .t-info-box h2,
html.white-theme body .t-info-box h3,
html.white-theme body .t-info-box h4,
body.white-theme .t-info-box h3 {
    color: #0f172a !important;
    font-weight: 800 !important;
}
html.white-theme body .t-info-box p,
html.white-theme body .t-info-box span,
body.white-theme .t-info-box p {
    color: #475569 !important;
}
html.white-theme body .t-info-box .info-icon,
body.white-theme .t-info-box .info-icon {
    background: #f3e8ff !important;
    border: 1.5px solid #d8b4fe !important;
    color: #7c3aed !important;
}

/* Görevler Arama Çubuğu */
html.white-theme body .search-filter-box input.search-filter-input,
html.white-theme body .t-card .search-filter-box input.search-filter-input,
html.white-theme body div.search-filter-box input[type="text"].search-filter-input,
body.white-theme .search-filter-box input.search-filter-input {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02) !important;
}
html.white-theme body .search-filter-box input.search-filter-input:focus {
    border-color: #7c3aed !important;
    box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.15) !important;
}
html.white-theme body .search-filter-box input.search-filter-input::placeholder {
    color: #94a3b8 !important;
    -webkit-text-fill-color: #94a3b8 !important;
}
html.white-theme body .search-filter-icon {
    color: #7c3aed !important;
}
html.white-theme body .search-clear-btn {
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
    color: #64748b !important;
}

/* Görevler Sekmeleri (Tüm Görevler, Aktif, Tamamlanan) */
html.white-theme body .t-tabs,
body.white-theme .t-tabs {
    border-bottom: 1.5px solid #e2e8f0 !important;
}
html.white-theme body .t-tabs a,
html.white-theme .t-tabs a,
body.white-theme .t-tabs a {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    color: #475569 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02) !important;
}
html.white-theme body .t-tabs a:hover,
html.white-theme body .t-tabs a.active,
body.white-theme .t-tabs a:hover,
body.white-theme .t-tabs a.active {
    background: #f3e8ff !important;
    background-color: #f3e8ff !important;
    border-color: #c084fc !important;
    color: #4d2474 !important;
    font-weight: 800 !important;
}

/* Görev Liste Satırları */
html.white-theme body .task-list-item,
body.white-theme .task-list-item {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
}
html.white-theme body .task-list-item:hover,
body.white-theme .task-list-item:hover {
    background: #f8fafc !important;
    background-color: #f8fafc !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06) !important;
}
html.white-theme body .task-title-text,
body.white-theme .task-title-text {
    color: #0f172a !important;
}
html.white-theme body .task-meta-glass-box,
body.white-theme .task-meta-glass-box {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #475569 !important;
}
html.white-theme body .task-meta-glass-box span,
body.white-theme .task-meta-glass-box span,
html.white-theme body .task-meta-item-date,
html.white-theme body .task-meta-item-time {
    color: #475569 !important;
}
html.white-theme body .task-date-strip,
body.white-theme .task-date-strip {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #64748b !important;
}
html.white-theme body .task-date-strip span {
    color: #64748b !important;
}

/* Görev Rozetleri */
html.white-theme body .td-badge-class,
body.white-theme .td-badge-class {
    background: #f3e8ff !important;
    border: 1px solid #d8b4fe !important;
    color: #6b21a8 !important;
    font-weight: 700 !important;
}
html.white-theme body .td-badge-type,
body.white-theme .td-badge-type {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #475569 !important;
    font-weight: 700 !important;
}

/* Görev Butonları */
html.white-theme body .btn-ta-purple,
body.white-theme .btn-ta-purple {
    background: #f3e8ff !important;
    border: 1.5px solid #d8b4fe !important;
    color: #4d2474 !important;
    font-weight: 700 !important;
}
html.white-theme body .btn-ta-purple:hover,
body.white-theme .btn-ta-purple:hover {
    background: linear-gradient(135deg, #a259ff, #7c3aed) !important;
    color: #ffffff !important;
    border-color: transparent !important;
}
html.white-theme body .btn-ta-cyan,
body.white-theme .btn-ta-cyan {
    background: #e0f2fe !important;
    border: 1.5px solid #7dd3fc !important;
    color: #0369a1 !important;
    font-weight: 700 !important;
}
html.white-theme body .btn-ta-ghost,
body.white-theme .btn-ta-ghost,
html.white-theme body .btn-act-detail,
body.white-theme .btn-act-detail {
    background: #f1f5f9 !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #334155 !important;
    font-weight: 700 !important;
}
html.white-theme body .btn-icon-square.ghost,
body.white-theme .btn-icon-square.ghost,
html.white-theme body .btn-header-action.ghost,
body.white-theme .btn-header-action.ghost {
    background: #f1f5f9 !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #334155 !important;
}

/* ==========================================================================
   18. AKADEMİK & DENEME SINAVLARI (teacher/exam)
   ========================================================================== */
html.white-theme body .academic-wrapper,
body.white-theme .academic-wrapper {
    background: #f8fafc !important;
    color: #0f172a !important;
}
html.white-theme body .academic-header-card,
body.white-theme .academic-header-card {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    color: #0f172a !important;
}
html.white-theme body .header-left h1,
body.white-theme .header-left h1 {
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: #0f172a !important;
    color: #0f172a !important;
}
html.white-theme body .header-left p,
body.white-theme .header-left p {
    color: #64748b !important;
}
html.white-theme body .exam-card,
body.white-theme .exam-card {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
    color: #0f172a !important;
}
html.white-theme body .exam-card:hover,
body.white-theme .exam-card:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
}
html.white-theme body .exam-title,
body.white-theme .exam-title {
    color: #0f172a !important;
}
html.white-theme body .exam-meta p,
body.white-theme .exam-meta p {
    color: #475569 !important;
}
html.white-theme body .exam-meta p strong,
body.white-theme .exam-meta p strong {
    color: #0f172a !important;
}
html.white-theme body .student-count,
body.white-theme .student-count {
    color: #475569 !important;
}

/* ==========================================================================
   19. DERS DEFTERİ & HAFTALIK PROGRAM (teacher/schedule)
   ========================================================================== */
html.white-theme body div[style*="linear-gradient(145deg, rgba(26, 14, 52"],
body.white-theme div[style*="linear-gradient(145deg, rgba(26, 14, 52"] {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
    color: #0f172a !important;
}
html.white-theme body div[style*="background: rgba(10, 5, 25, 0.75)"],
body.white-theme div[style*="background: rgba(10, 5, 25, 0.75)"] {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
    color: #0f172a !important;
}
/* "1. Ders" etiketi — rgba(255,255,255,0.5) beyaz */
html.white-theme body div[style*="background: rgba(10, 5, 25, 0.75)"] span[style*="color: rgba(255, 255, 255, 0.5)"],
body.white-theme div[style*="background: rgba(10, 5, 25, 0.75)"] span[style*="color: rgba(255, 255, 255, 0.5)"] {
    color: #64748b !important;
}
/* "Ders Boş" placeholder — rgba(255,255,255,0.35) */
html.white-theme body div[style*="background: rgba(10, 5, 25, 0.75)"] div[style*="color: rgba(255,255,255,0.35)"],
body.white-theme div[style*="background: rgba(10, 5, 25, 0.75)"] div[style*="color: rgba(255,255,255,0.35)"] {
    color: #94a3b8 !important;
    background: rgba(0,0,0,0.04) !important;
}
/* Kazanım metni — rgba(255,255,255,0.85) */
html.white-theme body div[style*="background: rgba(10, 5, 25, 0.75)"] div[style*="color: rgba(255, 255, 255, 0.85)"],
body.white-theme div[style*="background: rgba(10, 5, 25, 0.75)"] div[style*="color: rgba(255, 255, 255, 0.85)"] {
    color: #1e293b !important;
}
/* "Kazanım eklenmemiş" italik yazı */
html.white-theme body div[style*="background: rgba(10, 5, 25, 0.75)"] span[style*="opacity:0.4"],
body.white-theme div[style*="background: rgba(10, 5, 25, 0.75)"] span[style*="opacity:0.4"] {
    color: #94a3b8 !important;
    opacity: 0.85 !important;
}
/* Gün başlığı — text-white class override */
html.white-theme body div[style*="linear-gradient(145deg, rgba(26, 14, 52"] .text-white,
body.white-theme div[style*="linear-gradient(145deg, rgba(26, 14, 52"] .text-white {
    color: #1e293b !important;
}
html.white-theme body div[style*="linear-gradient(145deg, rgba(26, 14, 52"] span[style*="color: #ffffff"],
body.white-theme div[style*="linear-gradient(145deg, rgba(26, 14, 52"] span[style*="color: #ffffff"] {
    color: #475569 !important;
}
html.white-theme body div[style*="linear-gradient(145deg, rgba(26, 14, 52"] span[style*="background: rgba(255, 255, 255, 0.1)"],
body.white-theme div[style*="linear-gradient(145deg, rgba(26, 14, 52"] span[style*="background: rgba(255, 255, 255, 0.1)"] {
    background: rgba(0,0,0,0.05) !important;
    border-color: #cbd5e1 !important;
}
/* Bugün (today) gün başlığı — farklı gradient */
html.white-theme body div[style*="linear-gradient(135deg, rgba(162, 89, 255, 0.25)"] .text-white,
body.white-theme div[style*="linear-gradient(135deg, rgba(162, 89, 255, 0.25)"] .text-white {
    color: #4d2474 !important;
}
html.white-theme body div[style*="linear-gradient(135deg, rgba(162, 89, 255, 0.25)"] span[style*="color: #ffffff"],
body.white-theme div[style*="linear-gradient(135deg, rgba(162, 89, 255, 0.25)"] span[style*="color: #ffffff"] {
    color: #4d2474 !important;
}
html.white-theme body div[style*="linear-gradient(135deg, rgba(162, 89, 255, 0.25)"] span[style*="background: rgba(255, 255, 255, 0.1)"],
body.white-theme div[style*="linear-gradient(135deg, rgba(162, 89, 255, 0.25)"] span[style*="background: rgba(255, 255, 255, 0.1)"] {
    background: rgba(77,36,116,0.08) !important;
    border-color: rgba(77,36,116,0.25) !important;
}
/* Bilgi aleti (info alert) içindeki metin */
html.white-theme body div[style*="background: rgba(162, 89, 255, 0.12)"] span,
body.white-theme div[style*="background: rgba(162, 89, 255, 0.12)"] span {
    color: #3b0764 !important;
}
html.white-theme body div[style*="background: rgba(162, 89, 255, 0.12)"],
body.white-theme div[style*="background: rgba(162, 89, 255, 0.12)"] {
    background: rgba(77,36,116,0.07) !important;
    border-color: rgba(77,36,116,0.2) !important;
    color: #3b0764 !important;
}

/* ==========================================================================
   20. AJANDAM & TAKVİM (teacher/agenda)
   ========================================================================== */
html.white-theme body .agenda-nav-card,
html.white-theme body .agenda-calendar-container .agenda-nav-card,
body.white-theme .agenda-calendar-container .agenda-nav-card,
body.white-theme .agenda-nav-card {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 2px 0 10px 0 !important;
    color: #0f172a !important;
}
html.white-theme body .agenda-month-title,
body.white-theme .agenda-month-title {
    color: #0f172a !important;
}
html.white-theme body .agenda-nav-btn,
body.white-theme .agenda-nav-btn {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
}
html.white-theme body .agenda-nav-btn:hover,
body.white-theme .agenda-nav-btn:hover {
    background: #e2e8f0 !important;
    color: #0f172a !important;
}
html.white-theme body .agenda-calendar-container,
body.white-theme .agenda-calendar-container {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}
html.white-theme body .agenda-weekdays,
body.white-theme .agenda-weekdays {
    color: #64748b !important;
}
html.white-theme body .agenda-day-cell,
body.white-theme .agenda-day-cell {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}
html.white-theme body .agenda-day-cell:hover,
body.white-theme .agenda-day-cell:hover {
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
}
html.white-theme body .day-number,
body.white-theme .day-number {
    color: #0f172a !important;
}
html.white-theme body .agenda-sidebar-card,
body.white-theme .agenda-sidebar-card {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}
html.white-theme body .agenda-sidebar-item,
body.white-theme .agenda-sidebar-item {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}
html.white-theme body .event-item-title,
body.white-theme .event-item-title {
    color: #0f172a !important;
}
html.white-theme body .event-item-meta,
body.white-theme .event-item-meta {
    color: #64748b !important;
}
html.white-theme body .event-item-desc,
body.white-theme .event-item-desc {
    color: #475569 !important;
}

/* ==========================================================================
   21. AYARLAR & PROFİL (account/settings, superuser/setting)
   ========================================================================== */
html.white-theme body .siyo-setting-card,
body.white-theme .siyo-setting-card {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
}
html.white-theme body .siyo-setting-card:hover,
body.white-theme .siyo-setting-card:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
}
html.white-theme body .siyo-setting-card h3,
body.white-theme .siyo-setting-card h3 {
    color: #0f172a !important;
}
html.white-theme body .siyo-setting-card p,
body.white-theme .siyo-setting-card p {
    color: #64748b !important;
}
html.white-theme body .siyo-arrow,
body.white-theme .siyo-arrow {
    color: #94a3b8 !important;
}

/* ==========================================================================
   22. EVRENSEL KONTRAST VE GÖRÜNÜRLÜK KORUYUCU (GLOBAL TEXT-WHITE OVERRIDES)
   Beyaz kartlar üzerindeki .text-white sınıflı veya inline beyaz renkli metinleri
   kesinlikle görünür kılmak için genel kurallar.
   ========================================================================== */
html.white-theme body .t-header-banner .text-white,
html.white-theme body .t-card .text-white,
html.white-theme body .classroom-card .text-white,
html.white-theme body .siyo-setting-card .text-white,
html.white-theme body .academic-wrapper .text-white,
html.white-theme body .academic-header-card .text-white,
html.white-theme body .exam-card .text-white,
html.white-theme body .modal-content .text-white,
html.white-theme body .table .text-white,
html.white-theme body .t-table .text-white,
body.white-theme .t-header-banner .text-white,
body.white-theme .t-card .text-white,
body.white-theme .classroom-card .text-white,
body.white-theme .siyo-setting-card .text-white,
body.white-theme .academic-wrapper .text-white,
body.white-theme .academic-header-card .text-white,
body.white-theme .exam-card .text-white,
body.white-theme .modal-content .text-white,
body.white-theme .table .text-white,
body.white-theme .t-table .text-white {
    color: #0f172a !important;
}

html.white-theme body .t-header-banner .text-white-50,
html.white-theme body .t-card .text-white-50,
html.white-theme body .classroom-card .text-white-50,
html.white-theme body .siyo-setting-card .text-white-50,
html.white-theme body .academic-wrapper .text-white-50,
html.white-theme body .academic-header-card .text-white-50,
html.white-theme body .exam-card .text-white-50,
html.white-theme body .modal-content .text-white-50,
body.white-theme .t-header-banner .text-white-50,
body.white-theme .t-card .text-white-50,
body.white-theme .classroom-card .text-white-50,
body.white-theme .siyo-setting-card .text-white-50,
body.white-theme .academic-wrapper .text-white-50,
body.white-theme .academic-header-card .text-white-50,
body.white-theme .exam-card .text-white-50,
body.white-theme .modal-content .text-white-50 {
    color: #64748b !important;
}

/* Başlık elementlerinde inline color:#fff / #ffffff olanları beyaz zeminlerde antrasite çevir */
html.white-theme body .t-header-banner h1[style*="color"],
html.white-theme body .t-header-banner h2[style*="color"],
html.white-theme body .t-header-banner h3[style*="color"],
html.white-theme body .t-card h1[style*="color"],
html.white-theme body .t-card h2[style*="color"],
html.white-theme body .t-card h3[style*="color"],
body.white-theme .t-header-banner h1[style*="color"],
body.white-theme .t-header-banner h2[style*="color"],
body.white-theme .t-header-banner h3[style*="color"],
body.white-theme .t-card h1[style*="color"],
body.white-theme .t-card h2[style*="color"],
body.white-theme .t-card h3[style*="color"] {
    color: #0f172a !important;
}

/* ==========================================================================
   23. MİNİ OYUNLAR VE ETKİNLİK OYNATMA EKRANI (minigames/games/play)
   ========================================================================== */
html.white-theme body .player-card-container,
body.white-theme .player-card-container {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}

/* Oyun ve Etkinlik altındaki yatay bilgi/tam ekran çubuğu */
html.white-theme body div[style*="background: rgba(162, 89, 255, 0.12)"],
html.white-theme body div[style*="background:rgba(162,89,255,0.12)"],
body.white-theme div[style*="background: rgba(162, 89, 255, 0.12)"],
body.white-theme div[style*="background:rgba(162,89,255,0.12)"] {
    background: #f8fafc !important;
    background-color: #f8fafc !important;
    border-top: 1.5px solid #e2e8f0 !important;
    color: #334155 !important;
}
html.white-theme body div[style*="background: rgba(162, 89, 255, 0.12)"] span,
html.white-theme body div[style*="background: rgba(162, 89, 255, 0.12)"] div,
html.white-theme body div[style*="background:rgba(162,89,255,0.12)"] span,
body.white-theme div[style*="background: rgba(162, 89, 255, 0.12)"] span,
body.white-theme div[style*="background: rgba(162, 89, 255, 0.12)"] div {
    color: #334155 !important;
    -webkit-text-fill-color: #334155 !important;
    font-size: 13px !important;
}
html.white-theme body div[style*="background: rgba(162, 89, 255, 0.12)"] strong,
html.white-theme body div[style*="background:rgba(162,89,255,0.12)"] strong,
body.white-theme div[style*="background: rgba(162, 89, 255, 0.12)"] strong {
    color: #4d2474 !important;
    -webkit-text-fill-color: #4d2474 !important;
    font-weight: 800 !important;
}
html.white-theme body div[style*="background: rgba(162, 89, 255, 0.12)"] button,
html.white-theme body div[style*="background:rgba(162,89,255,0.12)"] button,
body.white-theme div[style*="background: rgba(162, 89, 255, 0.12)"] button {
    background: #f3e8ff !important;
    background-color: #f3e8ff !important;
    border: 1.5px solid #d8b4fe !important;
    color: #4d2474 !important;
    -webkit-text-fill-color: #4d2474 !important;
    font-weight: 700 !important;
    box-shadow: 0 2px 6px rgba(77, 36, 116, 0.08) !important;
}
html.white-theme body div[style*="background: rgba(162, 89, 255, 0.12)"] button:hover,
body.white-theme div[style*="background: rgba(162, 89, 255, 0.12)"] button:hover {
    background: #e9d5ff !important;
    border-color: #c084fc !important;
    color: #3b0764 !important;
}

/* "Geri Dön" butonu */
html.white-theme body a.btn.btn-outline-light.rounded-pill[style*="background: rgba(255,255,255,0.08)"],
body.white-theme a.btn.btn-outline-light.rounded-pill[style*="background: rgba(255,255,255,0.08)"] {
    background: #f1f5f9 !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #334155 !important;
}
html.white-theme body a.btn.btn-outline-light.rounded-pill[style*="background: rgba(255,255,255,0.08)"]:hover,
body.white-theme a.btn.btn-outline-light.rounded-pill[style*="background: rgba(255,255,255,0.08)"]:hover {
    background: #e2e8f0 !important;
    color: #0f172a !important;
}

/* Değerlendirme / Puan Özeti Kutusu (5.0 ve yıldız barları) */
html.white-theme body div[style*="background: rgba(10, 5, 25, 0.6)"],
body.white-theme div[style*="background: rgba(10, 5, 25, 0.6)"] {
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    color: #0f172a !important;
}
html.white-theme body div[style*="background: rgba(10, 5, 25, 0.6)"] div,
html.white-theme body div[style*="background: rgba(10, 5, 25, 0.6)"] span,
html.white-theme body div[style*="background: rgba(10, 5, 25, 0.6)"] strong,
html.white-theme body div[style*="background: rgba(10, 5, 25, 0.6)"] .display-4,
body.white-theme div[style*="background: rgba(10, 5, 25, 0.6)"] div,
body.white-theme div[style*="background: rgba(10, 5, 25, 0.6)"] span,
body.white-theme div[style*="background: rgba(10, 5, 25, 0.6)"] strong,
body.white-theme div[style*="background: rgba(10, 5, 25, 0.6)"] .display-4 {
    color: #0f172a !important;
}
html.white-theme body div[style*="background: rgba(10, 5, 25, 0.6)"] .display-4,
body.white-theme div[style*="background: rgba(10, 5, 25, 0.6)"] .display-4 {
    color: #d97706 !important;
}
html.white-theme body div[style*="background: rgba(10, 5, 25, 0.6)"] .small,
html.white-theme body div[style*="background: rgba(10, 5, 25, 0.6)"] small,
body.white-theme div[style*="background: rgba(10, 5, 25, 0.6)"] .small,
body.white-theme div[style*="background: rgba(10, 5, 25, 0.6)"] small {
    color: #64748b !important;
}
html.white-theme body .rating-bars .progress,
body.white-theme .rating-bars .progress {
    background: #e2e8f0 !important;
}

/* Henüz Yorum Yapılmamış Kutusu */
html.white-theme body div[style*="background: rgba(10, 5, 25, 0.4)"],
body.white-theme div[style*="background: rgba(10, 5, 25, 0.4)"] {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #64748b !important;
}

/* Sağ Kolon: Oyun Bilgileri Üst Kutusu */
html.white-theme body div[style*="gap: 12px; background: rgba(10, 5, 25, 0.6)"],
body.white-theme div[style*="gap: 12px; background: rgba(10, 5, 25, 0.6)"] {
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
}
html.white-theme body div[style*="gap: 12px; background: rgba(10, 5, 25, 0.6)"] h6,
body.white-theme div[style*="gap: 12px; background: rgba(10, 5, 25, 0.6)"] h6 {
    color: #0f172a !important;
}
html.white-theme body div[style*="gap: 12px; background: rgba(10, 5, 25, 0.6)"] p,
body.white-theme div[style*="gap: 12px; background: rgba(10, 5, 25, 0.6)"] p {
    color: #64748b !important;
}

/* Sağ Kolon: 3'lü İstatistik Kutuları (Oyun, Oynanma, Puan) */
html.white-theme body div[style*="background: rgba(10, 5, 25, 0.5)"],
body.white-theme div[style*="background: rgba(10, 5, 25, 0.5)"] {
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
}
html.white-theme body div[style*="background: rgba(10, 5, 25, 0.5)"] .small,
body.white-theme div[style*="background: rgba(10, 5, 25, 0.5)"] .small {
    color: #475569 !important;
    font-weight: 700 !important;
}

/* Sağ Kolon: Bunları Da Beğenebilirsiniz Kartları */
html.white-theme body .list-group-item[style*="background: rgba(10, 5, 25"],
body.white-theme .list-group-item[style*="background: rgba(10, 5, 25"] {
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    color: #0f172a !important;
}
html.white-theme body .list-group-item[style*="background: rgba(10, 5, 25"]:hover,
body.white-theme .list-group-item[style*="background: rgba(10, 5, 25"]:hover {
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
}
html.white-theme body .list-group-item[style*="background: rgba(10, 5, 25"] .font-weight-bold,
body.white-theme .list-group-item[style*="background: rgba(10, 5, 25"] .font-weight-bold {
    color: #0f172a !important;
}
html.white-theme body .list-group-item[style*="background: rgba(10, 5, 25"] small,
body.white-theme .list-group-item[style*="background: rgba(10, 5, 25"] small {
    color: #64748b !important;
}

/* Sağ Kolon: Paylaşmak Güzeldir Bağlantı Input Kutuları */
html.white-theme body input[style*="background: rgba(10, 5, 25"],
body.white-theme input[style*="background: rgba(10, 5, 25"] {
    background: #f8fafc !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #0f172a !important;
}

/* Yorum Yazma Formu */
html.white-theme body div[style*="background: rgba(10, 5, 25, 0.75)"],
body.white-theme div[style*="background: rgba(10, 5, 25, 0.75)"] {
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
}
html.white-theme body .siyosis-rating-box,
body.white-theme .siyosis-rating-box {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
}
html.white-theme body .comment-textarea,
body.white-theme .comment-textarea {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #0f172a !important;
}

/* ==========================================================================
   24. GAMIFICATION MODALLARI VE AÇILIR PENCERELER (Ateş Yolu, Enerji, Sandık vb.)
   ========================================================================== */
html.white-theme body .gamification-modal,
html.white-theme .gamification-modal {
    background: rgba(15, 23, 42, 0.45) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}
html.white-theme body .modal-backdrop,
html.white-theme .modal-backdrop {
    background-color: #0f172a !important;
    opacity: 0.4 !important;
}
html.white-theme body .modal-backdrop.show,
html.white-theme body .modal-backdrop.in {
    opacity: 0.4 !important;
}

/* Tüm Gamification Modal Kartları Bembeyaz Google Kartı */
html.white-theme body .gam-modal-content,
html.white-theme body .gam-streak-info-content,
html.white-theme body .gam-ignite-content,
html.white-theme body .gam-broken-content,
html.white-theme body .gam-chest-modal-box,
html.white-theme body .gam-badge-unlock-box,
html.white-theme body .gam-gold-modal-box,
html.white-theme body .gam-badges-modal-box,
html.white-theme body .gam-earning-guide-box,
html.white-theme body .gamification-modal .modal-content,
body.white-theme .gam-modal-content,
body.white-theme .gam-streak-info-content,
body.white-theme .gam-ignite-content,
body.white-theme .gam-broken-content,
body.white-theme .gam-chest-modal-box,
body.white-theme .gam-badge-unlock-box,
body.white-theme .gam-gold-modal-box,
body.white-theme .gam-badges-modal-box,
body.white-theme .gam-earning-guide-box,
body.white-theme .gamification-modal .modal-content {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15) !important;
    color: #0f172a !important;
}

/* Modal Başlıkları ve Başlık Barları */
html.white-theme body .gam-modal-header,
html.white-theme body .gamification-modal .modal-header,
body.white-theme .gam-modal-header,
body.white-theme .gamification-modal .modal-header {
    background: #ffffff !important;
    border-bottom: 1px solid #f1f5f9 !important;
}
html.white-theme body .gam-modal-title,
html.white-theme body .gamification-modal .modal-title,
body.white-theme .gam-modal-title,
body.white-theme .gamification-modal .modal-title {
    color: #0f172a !important;
    text-shadow: none !important;
}
html.white-theme body .gamification-modal .modal-header span,
body.white-theme .gamification-modal .modal-header span {
    color: #64748b !important;
}
html.white-theme body .gamification-modal .close,
html.white-theme body .gam-modal-close-btn,
body.white-theme .gamification-modal .close,
body.white-theme .gam-modal-close-btn {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #475569 !important;
    text-shadow: none !important;
}
html.white-theme body .gamification-modal .close:hover,
html.white-theme body .gam-modal-close-btn:hover,
body.white-theme .gamification-modal .close:hover,
body.white-theme .gam-modal-close-btn:hover {
    background: #fee2e2 !important;
    border-color: #fca5a5 !important;
    color: #ef4444 !important;
}

/* Ateş Yolu (#gamStreakInfoModal) İç Kartları */
html.white-theme body #gamStreakInfoModal .modal-body > div[style*="background: linear-gradient(135deg, rgba(255, 120, 0"],
body.white-theme #gamStreakInfoModal .modal-body > div[style*="background: linear-gradient(135deg, rgba(255, 120, 0"] {
    background: #fff7ed !important;
    border: 1.5px solid #fdba74 !important;
    color: #0f172a !important;
}
html.white-theme body #gamStreakInfoModal .modal-body > div[style*="background: linear-gradient(135deg, rgba(255, 120, 0"] h4,
body.white-theme #gamStreakInfoModal .modal-body > div[style*="background: linear-gradient(135deg, rgba(255, 120, 0"] h4 {
    color: #ea580c !important;
}
html.white-theme body #gamStreakInfoModal .modal-body > div[style*="background: linear-gradient(135deg, rgba(255, 120, 0"] span,
body.white-theme #gamStreakInfoModal .modal-body > div[style*="background: linear-gradient(135deg, rgba(255, 120, 0"] span {
    color: #475569 !important;
}
html.white-theme body #gamStreakInfoModal div[style*="background: rgba(250, 204, 21, 0.15)"],
body.white-theme #gamStreakInfoModal div[style*="background: rgba(250, 204, 21, 0.15)"] {
    background: #fef3c7 !important;
    border: 1px solid #fde047 !important;
}
html.white-theme body #gamStreakInfoModal div[style*="background: rgba(250, 204, 21, 0.15)"] strong,
body.white-theme #gamStreakInfoModal div[style*="background: rgba(250, 204, 21, 0.15)"] strong {
    color: #0f172a !important;
}
html.white-theme body #gamStreakInfoModal div[style*="background: rgba(250, 204, 21, 0.15)"] span,
body.white-theme #gamStreakInfoModal div[style*="background: rgba(250, 204, 21, 0.15)"] span {
    color: #b45309 !important;
}
html.white-theme body #gamStreakInfoModal div[style*="border: 1px dashed"],
body.white-theme #gamStreakInfoModal div[style*="border: 1px dashed"] {
    background: #f8fafc !important;
    border: 1px dashed #cbd5e1 !important;
}
html.white-theme body #gamStreakInfoModal div[style*="border: 1px dashed"] span,
body.white-theme #gamStreakInfoModal div[style*="border: 1px dashed"] span {
    color: #475569 !important;
}
html.white-theme body #gamStreakInfoModal .progress,
body.white-theme #gamStreakInfoModal .progress {
    background: #fed7aa !important;
}

/* Günlük Giriş Sandığı (#gamDailyStreakModal) */
html.white-theme body .gam-odds-chips > div,
body.white-theme .gam-odds-chips > div {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}
html.white-theme body .gam-next-target-box,
body.white-theme .gam-next-target-box {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 10px 14px !important;
}
html.white-theme body .gam-next-target-box span,
body.white-theme .gam-next-target-box span {
    color: #475569 !important;
}
html.white-theme body .gam-next-target-box .progress,
body.white-theme .gam-next-target-box .progress {
    background: #e2e8f0 !important;
}

/* Enerji Paketleri (#gamEnergyModal) */
html.white-theme body .gam-energy-circle-box,
body.white-theme .gam-energy-circle-box {
    background: #fdf2f8 !important;
    border: 1.5px solid #fbcfe8 !important;
}
html.white-theme body .gam-energy-desc,
body.white-theme .gam-energy-desc {
    color: #475569 !important;
}
html.white-theme body .gam-package-section-title,
body.white-theme .gam-package-section-title {
    color: #0f172a !important;
}
html.white-theme body .gam-pkg-card,
body.white-theme .gam-pkg-card {
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    color: #0f172a !important;
}
html.white-theme body .gam-pkg-card:hover,
body.white-theme .gam-pkg-card:hover {
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
}
html.white-theme body .gam-pkg-info strong,
body.white-theme .gam-pkg-info strong {
    color: #0f172a !important;
}
html.white-theme body .gam-pkg-info span,
body.white-theme .gam-pkg-info span {
    color: #64748b !important;
}
html.white-theme body .gam-pkg-btn,
body.white-theme .gam-pkg-btn {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
}

/* Tüm Başarı Rozetleri (#gamAllBadgesModal) */
html.white-theme body #gamAllBadgesModal div[style*="padding: 14px 18px"],
body.white-theme #gamAllBadgesModal div[style*="padding: 14px 18px"] {
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
}
html.white-theme body #gamAllBadgesModal h6,
body.white-theme #gamAllBadgesModal h6 {
    color: #0f172a !important;
}
html.white-theme body #gamAllBadgesModal p,
body.white-theme #gamAllBadgesModal p {
    color: #64748b !important;
}

/* Hızlı Puan & Altın Rehberi (#gamEarningGuideModal) */
html.white-theme body #gamEarningGuideModal div[style*="border-radius: 14px"],
body.white-theme #gamEarningGuideModal div[style*="border-radius: 14px"] {
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
}
html.white-theme body #gamEarningGuideModal div[style*="border-radius: 14px"] div[style*="color: rgba(255,255,255"],
body.white-theme #gamEarningGuideModal div[style*="border-radius: 14px"] div[style*="color: rgba(255,255,255"] {
    color: #334155 !important;
}

/* ==========================================================================
   25. SWEETALERT2 VE GENEL MODALLAR (Açık Tema Popupları)
   ========================================================================== */
html.white-theme .swal2-popup,
body.white-theme .swal2-popup {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15) !important;
    color: #0f172a !important;
}
html.white-theme .swal2-title,
body.white-theme .swal2-title {
    color: #0f172a !important;
}
html.white-theme .swal2-html-container,
body.white-theme .swal2-html-container {
    color: #475569 !important;
}

/* ==========================================================================
   26. EVRENSEL DÜĞMELER, GHOST BUTONLAR VE İÇ KUTULAR
   ========================================================================== */
/* Ghost / Yarı Saydam Beyaz Butonları Açık Modda Temiz Buton Yap */
html.white-theme body .btn[style*="rgba(255, 255, 255"],
html.white-theme body .btn[style*="rgba(255,255,255"],
html.white-theme body a.btn[style*="rgba(255, 255, 255"],
html.white-theme body a.btn[style*="rgba(255,255,255"],
html.white-theme body button[style*="rgba(255, 255, 255"],
html.white-theme body button[style*="rgba(255,255,255"],
html.white-theme body .btn-header-action.ghost,
html.white-theme body .btn-back-nav,
body.white-theme .btn[style*="rgba(255, 255, 255"],
body.white-theme .btn[style*="rgba(255,255,255"],
body.white-theme a.btn[style*="rgba(255, 255, 255"],
body.white-theme a.btn[style*="rgba(255,255,255"],
body.white-theme button[style*="rgba(255, 255, 255"],
body.white-theme button[style*="rgba(255,255,255"],
body.white-theme .btn-header-action.ghost,
body.white-theme .btn-back-nav {
    background: #f1f5f9 !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #334155 !important;
    box-shadow: none !important;
}
html.white-theme body .btn[style*="rgba(255, 255, 255"]:hover,
html.white-theme body .btn[style*="rgba(255,255,255"]:hover,
html.white-theme body a.btn[style*="rgba(255, 255, 255"]:hover,
html.white-theme body a.btn[style*="rgba(255,255,255"]:hover,
html.white-theme body button[style*="rgba(255, 255, 255"]:hover,
html.white-theme body button[style*="rgba(255,255,255"]:hover,
html.white-theme body .btn-header-action.ghost:hover,
html.white-theme body .btn-back-nav:hover,
body.white-theme .btn[style*="rgba(255, 255, 255"]:hover,
body.white-theme .btn[style*="rgba(255,255,255"]:hover,
body.white-theme a.btn[style*="rgba(255, 255, 255"]:hover,
body.white-theme a.btn[style*="rgba(255,255,255"]:hover,
body.white-theme button[style*="rgba(255, 255, 255"]:hover,
body.white-theme button[style*="rgba(255,255,255"]:hover,
body.white-theme .btn-header-action.ghost:hover,
body.white-theme .btn-back-nav:hover {
    background: #e2e8f0 !important;
    border-color: #94a3b8 !important;
    color: #0f172a !important;
}
html.white-theme body .btn-outline-light,
body.white-theme .btn-outline-light {
    background: #f1f5f9 !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #334155 !important;
}
html.white-theme body .btn-outline-light:hover,
body.white-theme .btn-outline-light:hover {
    background: #e2e8f0 !important;
    border-color: #94a3b8 !important;
    color: #0f172a !important;
}

/* Şablonlarda Koyu Kalan İç Kutuları (rgba arka planlar ve koyu linear-gradient) Açık Kutuya Dönüştür */
html.white-theme body div[style*="rgba(10, 5, 25"],
html.white-theme body div[style*="rgba(10,5,25"],
html.white-theme body div[style*="rgba(20, 10, 42"],
html.white-theme body div[style*="rgba(20, 10, 45"],
html.white-theme body div[style*="rgba(20, 12, 45"],
html.white-theme body div[style*="rgba(14, 8, 30"],
html.white-theme body div[style*="rgba(22, 11, 46"],
html.white-theme body div[style*="rgba(28, 16, 60"],
html.white-theme body div[style*="rgba(26, 14, 52"],
html.white-theme body div[style*="rgba(12, 6, 28"],
html.white-theme body div[style*="rgba(12, 6, 30"],
html.white-theme body div[style*="rgba(12, 6, 32"],
html.white-theme body div[style*="rgba(14, 7, 34"],
html.white-theme body div[style*="rgba(18, 10, 42"],
html.white-theme body div[style*="rgba(18, 11, 40"],
html.white-theme body div[style*="rgba(22, 12, 50"],
html.white-theme body div[style*="rgba(10, 5, 20"],
html.white-theme body div[style*="rgba(10, 5, 26"],
html.white-theme body div[style*="rgba(10, 5, 28"],
html.white-theme body div[style*="rgba(15, 8, 38"],
html.white-theme body div[style*="rgba(25, 14, 52"],
html.white-theme body div[style*="rgba(38, 20, 78"],
html.white-theme body div[style*="linear-gradient(135deg, rgba(28, 16, 60"],
html.white-theme body div[style*="linear-gradient(145deg, rgba(26, 14, 52"],
html.white-theme body div[style*="linear-gradient(145deg, rgba(22, 11, 46"],
html.white-theme body div[style*="linear-gradient(135deg, rgba(30, 18, 65"],
html.white-theme body div[style*="linear-gradient(145deg, rgba(22, 12, 52"],
html.white-theme body div[style*="#140a2"],
html.white-theme body div[style*="#12082"],
html.white-theme body div[style*="#12092"],
html.white-theme body div[style*="rgba(255, 255, 255, 0.03)"],
html.white-theme body div[style*="rgba(255, 255, 255, 0.04)"],
html.white-theme body div[style*="rgba(255, 255, 255, 0.05)"],
html.white-theme body div[style*="rgba(255,255,255,0.03)"],
html.white-theme body div[style*="rgba(255,255,255,0.04)"],
html.white-theme body div[style*="rgba(255,255,255,0.05)"],
body.white-theme div[style*="rgba(10, 5, 25"],
body.white-theme div[style*="rgba(10,5,25"],
body.white-theme div[style*="rgba(20, 10, 42"],
body.white-theme div[style*="rgba(20, 10, 45"],
body.white-theme div[style*="rgba(20, 12, 45"],
body.white-theme div[style*="rgba(14, 8, 30"],
body.white-theme div[style*="rgba(22, 11, 46"],
body.white-theme div[style*="rgba(28, 16, 60"],
body.white-theme div[style*="rgba(26, 14, 52"],
body.white-theme div[style*="rgba(12, 6, 28"],
body.white-theme div[style*="rgba(12, 6, 30"],
body.white-theme div[style*="rgba(12, 6, 32"],
body.white-theme div[style*="rgba(14, 7, 34"],
body.white-theme div[style*="rgba(18, 10, 42"],
body.white-theme div[style*="rgba(18, 11, 40"],
body.white-theme div[style*="rgba(22, 12, 50"],
body.white-theme div[style*="rgba(10, 5, 20"],
body.white-theme div[style*="rgba(10, 5, 26"],
body.white-theme div[style*="rgba(10, 5, 28"],
body.white-theme div[style*="rgba(15, 8, 38"],
body.white-theme div[style*="rgba(25, 14, 52"],
body.white-theme div[style*="rgba(38, 20, 78"],
body.white-theme div[style*="linear-gradient(135deg, rgba(28, 16, 60"],
body.white-theme div[style*="linear-gradient(145deg, rgba(26, 14, 52"],
body.white-theme div[style*="linear-gradient(145deg, rgba(22, 11, 46"],
body.white-theme div[style*="linear-gradient(135deg, rgba(30, 18, 65"],
body.white-theme div[style*="linear-gradient(145deg, rgba(22, 12, 52"],
body.white-theme div[style*="#140a2"],
body.white-theme div[style*="#12082"],
body.white-theme div[style*="#12092"],
body.white-theme div[style*="rgba(255, 255, 255, 0.03)"],
body.white-theme div[style*="rgba(255, 255, 255, 0.04)"],
body.white-theme div[style*="rgba(255, 255, 255, 0.05)"],
body.white-theme div[style*="rgba(255,255,255,0.03)"],
body.white-theme div[style*="rgba(255,255,255,0.04)"],
body.white-theme div[style*="rgba(255,255,255,0.05)"] {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    color: #0f172a !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04) !important;
}

/* Bu Kutuların İçindeki Başlık ve Metin Renkleri */
html.white-theme body div[style*="rgba(10, 5, 25"] h1,
html.white-theme body div[style*="rgba(10, 5, 25"] h2,
html.white-theme body div[style*="rgba(10, 5, 25"] h3,
html.white-theme body div[style*="rgba(10, 5, 25"] h4,
html.white-theme body div[style*="rgba(10, 5, 25"] h5,
html.white-theme body div[style*="rgba(10, 5, 25"] h6,
html.white-theme body div[style*="rgba(10, 5, 25"] strong,
html.white-theme body div[style*="rgba(10, 5, 25"] p,
html.white-theme body div[style*="rgba(10, 5, 25"] span,
html.white-theme body div[style*="rgba(20, 10, 42"] h1,
html.white-theme body div[style*="rgba(20, 10, 42"] h2,
html.white-theme body div[style*="rgba(20, 10, 42"] h3,
html.white-theme body div[style*="rgba(20, 10, 42"] h4,
html.white-theme body div[style*="rgba(20, 10, 42"] h5,
html.white-theme body div[style*="rgba(20, 10, 42"] h6,
html.white-theme body div[style*="rgba(20, 10, 42"] strong,
html.white-theme body div[style*="rgba(20, 10, 42"] p,
html.white-theme body div[style*="rgba(20, 10, 42"] span,
html.white-theme body div[style*="rgba(14, 8, 30"] h1,
html.white-theme body div[style*="rgba(14, 8, 30"] h2,
html.white-theme body div[style*="rgba(14, 8, 30"] h3,
html.white-theme body div[style*="rgba(14, 8, 30"] h4,
html.white-theme body div[style*="rgba(14, 8, 30"] h5,
html.white-theme body div[style*="rgba(14, 8, 30"] h6,
html.white-theme body div[style*="rgba(14, 8, 30"] strong,
html.white-theme body div[style*="rgba(14, 8, 30"] p,
html.white-theme body div[style*="rgba(14, 8, 30"] span,
html.white-theme body div[style*="rgba(26, 14, 52"] h1,
html.white-theme body div[style*="rgba(26, 14, 52"] h2,
html.white-theme body div[style*="rgba(26, 14, 52"] h3,
html.white-theme body div[style*="rgba(26, 14, 52"] h4,
html.white-theme body div[style*="rgba(26, 14, 52"] h5,
html.white-theme body div[style*="rgba(26, 14, 52"] h6,
html.white-theme body div[style*="rgba(26, 14, 52"] strong,
html.white-theme body div[style*="rgba(26, 14, 52"] p,
html.white-theme body div[style*="rgba(26, 14, 52"] span,
html.white-theme body div[style*="rgba(28, 16, 60"] h1,
html.white-theme body div[style*="rgba(28, 16, 60"] h2,
html.white-theme body div[style*="rgba(28, 16, 60"] h3,
html.white-theme body div[style*="rgba(28, 16, 60"] h4,
html.white-theme body div[style*="rgba(28, 16, 60"] h5,
html.white-theme body div[style*="rgba(28, 16, 60"] h6,
html.white-theme body div[style*="rgba(28, 16, 60"] strong,
html.white-theme body div[style*="rgba(28, 16, 60"] p,
html.white-theme body div[style*="rgba(28, 16, 60"] span {
    color: #0f172a !important;
}

/* ==========================================================================
   27. ETKİNLİK OLUŞTURMA & DÜZENLEME (ACTIVITY FORM & COMPONENTS)
   ========================================================================== */
html.white-theme body .form-section-card,
html.white-theme .form-section-card,
body.white-theme .form-section-card {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 24px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
}

html.white-theme body .form-section-header,
html.white-theme .form-section-header,
body.white-theme .form-section-header {
    color: #0f172a !important;
    border-bottom: 1px solid #e2e8f0 !important;
    font-weight: 800 !important;
}

html.white-theme body .create-top-label b,
html.white-theme body .create-top-label b[style*="color"],
html.white-theme .create-top-label b,
body.white-theme .create-top-label b,
html.white-theme body label,
html.white-theme label,
body.white-theme label {
    color: #334155 !important;
    font-weight: 700 !important;
}

/* ==========================================================================
   FORM ELEMANLARI, SELECTBOX VE INPUT ALANLARI
   ========================================================================== */
html.white-theme body .item-input,
html.white-theme body .form-select,
html.white-theme body input[type="text"],
html.white-theme body input[type="password"],
html.white-theme body input[type="email"],
html.white-theme body input[type="number"],
html.white-theme body select,
html.white-theme body select.form-control,
html.white-theme body select.form-select,
html.white-theme body textarea,
html.white-theme .item-input,
html.white-theme .form-select,
html.white-theme input[type="text"],
html.white-theme input[type="password"],
html.white-theme input[type="email"],
html.white-theme input[type="number"],
html.white-theme select,
html.white-theme select.form-control,
html.white-theme select.form-select,
html.white-theme textarea,
body.white-theme .item-input,
body.white-theme .form-select,
body.white-theme select,
body.white-theme select.form-control,
body.white-theme select.form-select {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 14px !important;
    color: #0f172a !important;
    font-weight: 600 !important;
}

/* Açılır Menü (Select) Oku - Mor Siyosis İkonu */
html.white-theme body select,
html.white-theme body select.form-control,
html.white-theme body select.form-select,
html.white-theme select,
html.white-theme select.form-control,
html.white-theme select.form-select,
body.white-theme select,
body.white-theme select.form-control,
body.white-theme select.form-select {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234d2474' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    padding-right: 40px !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

html.white-theme body .item-input:focus,
html.white-theme body .form-select:focus,
html.white-theme body input[type="text"]:focus,
html.white-theme body input[type="password"]:focus,
html.white-theme body input[type="email"]:focus,
html.white-theme body input[type="number"]:focus,
html.white-theme body select:focus,
html.white-theme body textarea:focus,
html.white-theme select:focus,
body.white-theme select:focus {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #7c3aed !important;
    box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.15) !important;
    color: #0f172a !important;
}

/* Tüm Select Option Öğeleri - Beyaz Zemin, Koyu Net Yazı */
html.white-theme body select option,
html.white-theme body option,
html.white-theme select option,
html.white-theme option,
body.white-theme select option,
body.white-theme option,
html.white-theme body select option[style],
html.white-theme body option[style],
html.white-theme select option[style],
body.white-theme select option[style],
body.white-theme option[style] {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #0f172a !important;
    font-weight: 500 !important;
}

/* Placeholder Metinleri - Yüksek Kontrast */
html.white-theme input::placeholder,
html.white-theme textarea::placeholder,
body.white-theme input::placeholder,
body.white-theme textarea::placeholder,
html.white-theme .form-control::placeholder,
body.white-theme .form-control::placeholder,
html.white-theme .item-input::placeholder,
body.white-theme .item-input::placeholder {
    color: #64748b !important;
    opacity: 1 !important;
}

/* ==========================================================================
   ALERTLER & BİLDİRİM KUTULARI (AÇIK MOD BEYAZ ARKAPLAN + RENKLİ ÇERÇEVELER)
   ========================================================================== */
html.white-theme body .alert,
html.white-theme .alert,
body.white-theme .alert,
html.white-theme body .alert-dismissible,
html.white-theme .alert-dismissible,
html.white-theme body .home-announcement-alert,
body.white-theme .home-announcement-alert {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #0f172a !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04) !important;
    border-radius: 16px !important;
    border: 1.5px solid #a855f7 !important; /* Varsayılan Mor Çerçeve */
}

/* Alert Tiplerine Göre Özel Renkli Çerçeveler */
html.white-theme body .alert-primary,
html.white-theme .alert-primary,
body.white-theme .alert-primary,
html.white-theme body .home-announcement-alert,
body.white-theme .home-announcement-alert {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1.5px solid #8b5cf6 !important; /* Mor / Duyuru Çerçevesi */
}

html.white-theme body .alert-success,
html.white-theme .alert-success,
body.white-theme .alert-success {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1.5px solid #10b981 !important; /* Başarı: Canlı Yeşil Çerçeve */
}

html.white-theme body .alert-danger,
html.white-theme .alert-danger,
body.white-theme .alert-danger {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1.5px solid #ef4444 !important; /* Hata: Canlı Kırmızı Çerçeve */
}

html.white-theme body .alert-warning,
html.white-theme .alert-warning,
body.white-theme .alert-warning {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1.5px solid #f59e0b !important; /* Uyarı: Canlı Amber/Sarı Çerçeve */
}

html.white-theme body .alert-info,
html.white-theme .alert-info,
body.white-theme .alert-info {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1.5px solid #0ea5e9 !important; /* Bilgi: Canlı Gök Mavisi Çerçeve */
}

html.white-theme body .alert-secondary,
html.white-theme .alert-secondary,
body.white-theme .alert-secondary,
html.white-theme body .alert-light,
html.white-theme .alert-light,
body.white-theme .alert-light,
html.white-theme body .alert-dark,
html.white-theme .alert-dark,
body.white-theme .alert-dark {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1.5px solid #94a3b8 !important; /* Nötr Gri Çerçeve */
}

/* Duyuru Bannerı İkon Kutusu ve İçerik */
html.white-theme body .announcement-icon-box,
body.white-theme .announcement-icon-box {
    background: #f3e8ff !important;
    border: 1.5px solid #d8b4fe !important;
    color: #7c3aed !important;
}

html.white-theme body .announcement-alert-title,
body.white-theme .announcement-alert-title {
    color: #0f172a !important;
    font-weight: 800 !important;
}

html.white-theme body .announcement-alert-msg,
body.white-theme .announcement-alert-msg {
    color: #334155 !important;
}

html.white-theme body .announcement-all-btn,
body.white-theme .announcement-all-btn {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #0f172a !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}

html.white-theme body .announcement-all-btn:hover,
body.white-theme .announcement-all-btn:hover {
    background: #f8fafc !important;
    border-color: #8b5cf6 !important;
    color: #7c3aed !important;
}

/* Alert Metinleri ve Kapatma Butonu */
html.white-theme body .alert strong,
html.white-theme body .alert b,
html.white-theme .alert strong,
html.white-theme .alert b {
    color: #0f172a !important;
}

html.white-theme body .alert p,
html.white-theme body .alert span:not([aria-hidden="true"]),
html.white-theme .alert p {
    color: #334155 !important;
}

html.white-theme body .alert .close,
html.white-theme body .alert .close span,
html.white-theme .alert .close,
html.white-theme .alert .close span,
html.white-theme body .announcement-close-btn,
body.white-theme .announcement-close-btn {
    color: #64748b !important;
    opacity: 0.8 !important;
    text-shadow: none !important;
}

html.white-theme body .alert.text-white,
html.white-theme .alert.text-white {
    color: #0f172a !important;
}

/* ==========================================================================
   ETKİNLİK FİLTRELEME & FORM AYARLARI
   ========================================================================== */
html.white-theme body .act-filter-wrapper,
html.white-theme .act-filter-wrapper,
body.white-theme .act-filter-wrapper {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 24px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
}

html.white-theme body .act-filter-wrapper h5,
html.white-theme .act-filter-wrapper h5 {
    color: #0f172a !important;
}

html.white-theme body .act-filter-wrapper label,
html.white-theme .act-filter-wrapper label {
    color: #334155 !important;
    font-weight: 700 !important;
}

html.white-theme body .act-filter-wrapper input,
html.white-theme body .act-filter-wrapper select,
html.white-theme .act-filter-wrapper input,
html.white-theme .act-filter-wrapper select {
    background-color: #f8fafc !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #0f172a !important;
}

/* Activity Form Test & Detail Box */
html.white-theme body #selected-activity-desc-box,
html.white-theme #selected-activity-desc-box,
body.white-theme #selected-activity-desc-box {
    background: #f8fafc !important;
    background-color: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    border-radius: 18px !important;
}

html.white-theme body #selected-activity-desc-box div[style*="width: 70px"],
html.white-theme #selected-activity-desc-box div[style*="width: 70px"] {
    background: #ffffff !important;
    border: 2px solid #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

html.white-theme body #selected-activity-name-heading,
html.white-theme #selected-activity-name-heading {
    color: #4d2474 !important;
}

html.white-theme body #selected-activity-desc-text,
html.white-theme #selected-activity-desc-text {
    color: #334155 !important;
}

/* Diğer Ayarlar Akordiyon Butonu & Paneli */
html.white-theme body div[onclick*="other-settings-collapse"],
html.white-theme div[onclick*="other-settings-collapse"] {
    background: #f5f3ff !important;
    background-color: #f5f3ff !important;
    border: 1.5px solid rgba(124, 58, 237, 0.25) !important;
    color: #4d2474 !important;
}

html.white-theme body div[onclick*="other-settings-collapse"] span,
html.white-theme div[onclick*="other-settings-collapse"] span,
html.white-theme body div[onclick*="other-settings-collapse"] i,
html.white-theme div[onclick*="other-settings-collapse"] i {
    color: #4d2474 !important;
}

html.white-theme body #other-settings-collapse,
html.white-theme #other-settings-collapse {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
}

html.white-theme body .quiz-item,
html.white-theme body div[id^="question_"],
html.white-theme .quiz-item,
html.white-theme div[id^="question_"],
body.white-theme .quiz-item,
body.white-theme div[id^="question_"] {
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 20px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
}

html.white-theme body .question-item,
html.white-theme .question-item,
body.white-theme .question-item {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #0f172a !important;
}

html.white-theme body .answer-item,
html.white-theme body div[id^="answer_"],
html.white-theme .answer-item,
html.white-theme div[id^="answer_"],
body.white-theme .answer-item,
body.white-theme div[id^="answer_"] {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 14px !important;
}

html.white-theme body .activity-type-desc-box,
html.white-theme .activity-type-desc-box,
body.white-theme .activity-type-desc-box {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    color: #334155 !important;
}

html.white-theme body .activity-type-card,
html.white-theme .activity-type-card,
body.white-theme .activity-type-card {
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    color: #0f172a !important;
}

html.white-theme body .activity-type-card:hover,
html.white-theme body .activity-type-card.active {
    background: #ede9fe !important;
    border-color: #7c3aed !important;
}

/* ==========================================================================
   28. EVRENSEL MODAL & DIALOG AÇIK TEMA SİSTEMİ
   ========================================================================== */
html.white-theme body .modal-backdrop,
html.white-theme .modal-backdrop,
html.white-theme #gamCustomBackdrop,
body.white-theme #gamCustomBackdrop,
html.white-theme .gam-custom-backdrop,
body.white-theme .gam-custom-backdrop {
    background: rgba(15, 23, 42, 0.45) !important;
    background-color: rgba(15, 23, 42, 0.45) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    z-index: 100000 !important;
}

html.white-theme body .modal,
html.white-theme .modal,
body.white-theme .modal,
html.white-theme body .gamification-modal,
html.white-theme .gamification-modal,
body.white-theme .gamification-modal {
    background-color: transparent !important;
    z-index: 100010 !important;
}

html.white-theme body .modal-dialog,
html.white-theme .modal-dialog,
body.white-theme .modal-dialog,
html.white-theme body .gamification-modal .modal-dialog,
html.white-theme .gamification-modal .modal-dialog,
html.white-theme body .modal-content,
html.white-theme .modal-content,
body.white-theme .modal-content,
html.white-theme body .gam-modal-content,
html.white-theme .gam-modal-content {
    z-index: 100020 !important;
    position: relative !important;
}

html.white-theme body .modal-content,
html.white-theme .modal-content,
body.white-theme .modal-content,
html.white-theme body .gam-modal-content,
html.white-theme .gam-modal-content {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 24px !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15) !important;
    color: #0f172a !important;
}

html.white-theme body .modal-header,
html.white-theme .modal-header,
body.white-theme .modal-header {
    background: #f8fafc !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
}

html.white-theme body .modal-header .modal-title,
html.white-theme body .modal-header h4,
html.white-theme body .modal-header h5,
html.white-theme .modal-header .modal-title,
html.white-theme .modal-header h4,
html.white-theme .modal-header h5,
body.white-theme .modal-header .modal-title,
body.white-theme .modal-header h4,
body.white-theme .modal-header h5 {
    color: #0f172a !important;
    font-weight: 800 !important;
}

html.white-theme body .modal-header .close,
html.white-theme body .modal-header .btn-close,
html.white-theme .modal-header .close,
html.white-theme .modal-header .btn-close,
body.white-theme .modal-header .close,
body.white-theme .modal-header .btn-close {
    background: #f1f5f9 !important;
    color: #475569 !important;
    border-radius: 50% !important;
    opacity: 1 !important;
}

html.white-theme body .modal-header .close:hover,
html.white-theme body .modal-header .btn-close:hover,
html.white-theme .modal-header .close:hover,
html.white-theme .modal-header .btn-close:hover {
    background: #fee2e2 !important;
    color: #ef4444 !important;
}

html.white-theme body .modal-body,
html.white-theme .modal-body,
body.white-theme .modal-body {
    background: #ffffff !important;
    color: #1e293b !important;
}

html.white-theme body .modal-body p,
html.white-theme body .modal-body span:not(.badge):not(.btn):not([class*="badge"]):not([class*="icon"]),
html.white-theme body .modal-body label,
html.white-theme body .modal-body b,
html.white-theme body .modal-body strong,
html.white-theme body .modal-body h1,
html.white-theme body .modal-body h2,
html.white-theme body .modal-body h3,
html.white-theme body .modal-body h4,
html.white-theme body .modal-body h5,
html.white-theme body .modal-body h6,
html.white-theme .modal-body p,
html.white-theme .modal-body label,
html.white-theme .modal-body b,
html.white-theme .modal-body strong {
    color: #0f172a !important;
}

html.white-theme body .modal-footer,
html.white-theme .modal-footer,
body.white-theme .modal-footer {
    background: #f8fafc !important;
    border-top: 1px solid #e2e8f0 !important;
    color: #334155 !important;
}

/* ==========================================================================
   29. ANASAYFA (COMMON/HOME) AÇIK TEMA SİSTEMİ
   ========================================================================== */
html.white-theme body,
body.white-theme .sa4d25 {
    background: #f8fafc !important;
    color: #0f172a !important;
}

/* Hero Brand Logo (Ortadaki Beyaz Logo Yerine Mor Kurumsal Logo) */
html.white-theme body .hero-brand-logo-img,
html.white-theme .hero-brand-logo-img,
body.white-theme .hero-brand-logo-img {
    content: url("../../../../../image/catalog/logo.png") !important;
    filter: drop-shadow(0 6px 20px rgba(77, 36, 116, 0.2)) !important;
}

/* Hero Başlıkları ve Açıklamaları */
html.white-theme body .hero-heading,
html.white-theme .hero-heading {
    color: #0f172a !important;
}
html.white-theme body .hero-heading .gradient-txt,
html.white-theme .hero-heading .gradient-txt {
    background: linear-gradient(135deg, #7c3aed 0%, #4d2474 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: #7c3aed !important;
}
html.white-theme body .hero-paragraph,
html.white-theme .hero-paragraph {
    color: #475569 !important;
}
html.white-theme body .hero-badge-pill,
html.white-theme .hero-badge-pill {
    background: #f5f3ff !important;
    border: 1.5px solid rgba(124, 58, 237, 0.25) !important;
    color: #4d2474 !important;
}
html.white-theme body .hero-trust-pill,
html.white-theme .hero-trust-pill {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #334155 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.04) !important;
}

/* Evrak Dolabı (Document Glass Card & Items) */
html.white-theme body .document-glass-card,
html.white-theme .document-glass-card,
body.white-theme .document-glass-card {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 20px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
}
html.white-theme body .document-glass-card h4,
html.white-theme .document-glass-card h4 {
    color: #0f172a !important;
    border-bottom: 1px solid #e2e8f0 !important;
}
html.white-theme body .document-glass-card h4 i,
html.white-theme .document-glass-card h4 i {
    color: #4d2474 !important;
}
html.white-theme body .document-glass-item,
html.white-theme .document-glass-item,
body.white-theme .document-glass-item {
    background: #f8fafc !important;
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    color: #0f172a !important;
}
html.white-theme body .document-glass-item:hover,
html.white-theme .document-glass-item:hover {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06) !important;
}
html.white-theme body .doc-info h5,
html.white-theme .doc-info h5 {
    color: #0f172a !important;
    font-weight: 700 !important;
}
html.white-theme body .doc-info p,
html.white-theme .doc-info p {
    color: #64748b !important;
}
html.white-theme body .doc-icon-wrap,
html.white-theme .doc-icon-wrap {
    background: #f5f3ff !important;
    color: #4d2474 !important;
}

/* Siyosis Ekosistemi & Bento Modül Kartları */
html.white-theme body .bento-card,
html.white-theme .bento-card,
body.white-theme .bento-card {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 20px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
}
html.white-theme body .bento-card:hover,
html.white-theme .bento-card:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08) !important;
}
html.white-theme body .bento-card h3,
html.white-theme .bento-card h3 {
    color: #0f172a !important;
    font-weight: 800 !important;
}
html.white-theme body .bento-card p,
html.white-theme .bento-card p {
    color: #475569 !important;
}
html.white-theme body .bento-tag,
html.white-theme .bento-tag {
    background: #f5f3ff !important;
    border: 1px solid rgba(124, 58, 237, 0.25) !important;
    color: #4d2474 !important;
    font-weight: 700 !important;
}

/* Siyosis Hakkında Kartı (About Saas Card) */
html.white-theme body .about-saas-card,
html.white-theme .about-saas-card,
body.white-theme .about-saas-card {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 24px !important;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.04) !important;
}
html.white-theme body .about-saas-card p,
html.white-theme .about-saas-card p {
    color: #334155 !important;
}

/* Siyosis 101 Rehber & Adım Kartları */
html.white-theme body .siyosis-101-card,
html.white-theme .siyosis-101-card,
body.white-theme .siyosis-101-card,
html.white-theme body .guide-step-card,
html.white-theme .guide-step-card,
body.white-theme .guide-step-card {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 20px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}
html.white-theme body .guide-step-card h4,
html.white-theme .guide-step-card h4 {
    color: #0f172a !important;
}
html.white-theme body .guide-step-card p,
html.white-theme .guide-step-card p {
    color: #475569 !important;
}

/* ==========================================================================
   30. SIYOSIS-INPUT & QUESTION BANK (SORU HAVUZU) AÇIK TEMA SİSTEMİ
   ========================================================================== */
html.white-theme body .siyosis-input,
html.white-theme body .siyosis-desc-input,
html.white-theme body select.siyosis-input,
html.white-theme body input.siyosis-input,
html.white-theme body textarea.siyosis-input,
html.white-theme .siyosis-input,
html.white-theme .siyosis-desc-input,
html.white-theme select.siyosis-input,
html.white-theme input.siyosis-input,
html.white-theme textarea.siyosis-input,
body.white-theme .siyosis-input,
body.white-theme select.siyosis-input,
body.white-theme input.siyosis-input,
body.white-theme textarea.siyosis-input {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 12px !important;
    color: #0f172a !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
}

html.white-theme body select.siyosis-input option,
html.white-theme select.siyosis-input option,
body.white-theme select.siyosis-input option {
    background-color: #ffffff !important;
    color: #0f172a !important;
    font-weight: 500 !important;
}

/* Filtre Paneli Açık Zemin ve Etiket Renkleri */
html.white-theme body #filter-form,
html.white-theme body div[style*="rgba(22, 12, 45"],
html.white-theme div[style*="rgba(22, 12, 45"],
body.white-theme div[style*="rgba(22, 12, 45"] {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 20px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}

html.white-theme body label[style*="color: #e9d5ff"],
html.white-theme body label[style*="color:#e9d5ff"],
html.white-theme label[style*="color: #e9d5ff"],
html.white-theme label[style*="color:#e9d5ff"] {
    color: #334155 !important;
    font-weight: 700 !important;
}

/* Soru Havuzu Kartları (Question Cards) */
html.white-theme body .question-card,
html.white-theme .question-card,
body.white-theme .question-card {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 20px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    color: #0f172a !important;
}
html.white-theme body .card-header-meta,
html.white-theme .card-header-meta {
    border-bottom: 1px solid #f1f5f9 !important;
}
html.white-theme body .question-card .class-badge,
html.white-theme body .question-card .topic-kazanim-badge {
    color: #4d2474 !important;
    background: #f5f3ff !important;
    border: 1px solid rgba(124, 58, 237, 0.3) !important;
}

/* ==========================================================================
   31. SINIF PANOSU (SOCIAL FEED & WIDGETS) AÇIK TEMA SİSTEMİ
   ========================================================================== */
/* Header Banner */
html.white-theme body .social-header-banner,
html.white-theme .social-header-banner,
body.white-theme .social-header-banner {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 16px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
}
html.white-theme body .social-header-banner h4,
html.white-theme .social-header-banner h4 {
    color: #0f172a !important;
    font-weight: 800 !important;
}
html.white-theme body .social-header-banner .reload-btn,
html.white-theme .social-header-banner .reload-btn {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    color: #4d2474 !important;
}

/* Paylaşım Oluşturma Kartı (Social Create Card) */
html.white-theme body .social-create-card,
html.white-theme .social-create-card,
body.white-theme .social-create-card {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 20px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
}
html.white-theme body .social-create-card textarea,
html.white-theme .social-create-card textarea {
    background: #f8fafc !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #0f172a !important;
}
html.white-theme body .social-opt-btn,
html.white-theme .social-opt-btn {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #334155 !important;
}
html.white-theme body .social-opt-btn:hover,
html.white-theme .social-opt-btn:hover {
    background: #f1f5f9 !important;
    color: #4d2474 !important;
}

/* Sınıf Panosu Gönderi Kartları (Social Post Cards) */
html.white-theme body .social-post-card,
html.white-theme .social-post-card,
body.white-theme .social-post-card {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 18px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    color: #0f172a !important;
}
html.white-theme body .social-post-user-name,
html.white-theme .social-post-user-name {
    color: #0f172a !important;
    font-weight: 700 !important;
}
html.white-theme body .social-post-time,
html.white-theme .social-post-time {
    color: #64748b !important;
}
html.white-theme body .social-post-content,
html.white-theme .social-post-content {
    color: #334155 !important;
    font-size: 14.5px !important;
}
html.white-theme body .social-action-btn,
html.white-theme body .social-action-link,
html.white-theme .social-action-btn,
html.white-theme .social-action-link {
    color: #64748b !important;
}
html.white-theme body .social-action-btn:hover,
html.white-theme .social-action-btn:hover {
    color: #4d2474 !important;
}

/* Yorum & Yanıt Kartları (Replies & Inputs) */
html.white-theme body .social-reply-card,
html.white-theme .social-reply-card {
    background: #f8fafc !important;
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
}
html.white-theme body .social-reply-card .social-post-content,
html.white-theme .social-reply-card .social-post-content {
    color: #334155 !important;
}
html.white-theme body .social-inline-input-wrapper .input-container,
html.white-theme .social-inline-input-wrapper .input-container {
    background: #f8fafc !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 12px !important;
}
html.white-theme body .social-inline-input-wrapper .comment-input,
html.white-theme body .social-inline-input-wrapper .question-answer-input,
html.white-theme .social-inline-input-wrapper .comment-input,
html.white-theme .social-inline-input-wrapper .question-answer-input {
    background: transparent !important;
    color: #0f172a !important;
}
html.white-theme body .social-question-hint-box,
html.white-theme .social-question-hint-box {
    background: #f5f3ff !important;
    border: 1px dashed rgba(124, 58, 237, 0.35) !important;
    color: #4d2474 !important;
}

/* Öğretmen ve Öğrenci Paneli Anasayfa Sınıf Panosu Widget'ı */
html.white-theme body div[style*="rgba(20, 12, 45"],
html.white-theme div[style*="rgba(20, 12, 45"],
body.white-theme div[style*="rgba(20, 12, 45"] {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #64748b !important;
}

/* ==========================================================================
   32. ANASAYFA (COMMON/HOME) AÇIK TEMA KAPSAMLI SİSTEMİ
   ========================================================================== */
/* 1. Hero Landing & Sayaç Alanları */
html.white-theme body .siyosis-hero-text .hero-heading,
html.white-theme body .hero-heading {
    color: #0f172a !important;
}
html.white-theme body .siyosis-hero-text .hero-heading .gradient-txt,
html.white-theme body .hero-heading .gradient-txt {
    background: linear-gradient(135deg, #0f172a 0%, #4d2474 50%, #7c3aed 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
html.white-theme body .siyosis-hero-text .hero-paragraph,
html.white-theme body .hero-paragraph {
    color: #475569 !important;
}
html.white-theme body .hero-badge-pill,
html.white-theme .hero-badge-pill,
body.white-theme .hero-badge-pill {
    background: #f5f3ff !important;
    border: 1.5px solid rgba(124, 58, 237, 0.3) !important;
    color: #4d2474 !important;
    -webkit-text-fill-color: #4d2474 !important;
    box-shadow: 0 4px 15px rgba(124, 58, 237, 0.1) !important;
}
html.white-theme body .hero-badge-pill *,
html.white-theme body .hero-badge-pill span,
html.white-theme body .hero-badge-pill i,
html.white-theme .hero-badge-pill *,
html.white-theme .hero-badge-pill span,
html.white-theme .hero-badge-pill i,
body.white-theme .hero-badge-pill *,
body.white-theme .hero-badge-pill span,
body.white-theme .hero-badge-pill i {
    color: #4d2474 !important;
    -webkit-text-fill-color: #4d2474 !important;
}
html.white-theme body .btn-hero-secondary {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #0f172a !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}
html.white-theme body .btn-hero-secondary:hover {
    background: #f8fafc !important;
    border-color: #94a3b8 !important;
    color: #4d2474 !important;
}
html.white-theme body .hero-counters {
    border-top: 1px solid #e2e8f0 !important;
}
html.white-theme body .counter-card i {
    color: #4d2474 !important;
}
html.white-theme body .counter-card .num {
    color: #0f172a !important;
    font-weight: 900 !important;
}
html.white-theme body .counter-card .lbl {
    color: #64748b !important;
    font-weight: 600 !important;
}
html.white-theme body div[style*="background: rgba(16, 185, 129, 0.12)"] {
    background: #ecfdf5 !important;
    border: 1px solid #a7f3d0 !important;
    box-shadow: 0 4px 15px rgba(16, 185, 129, 0.12) !important;
}
html.white-theme body div[style*="background: rgba(16, 185, 129, 0.12)"] span,
html.white-theme body div[style*="background: rgba(16, 185, 129, 0.12)"] strong,
html.white-theme body div[style*="background: rgba(16, 185, 129, 0.12)"] u,
html.white-theme body div[style*="background: rgba(16, 185, 129, 0.12)"] i {
    color: #065f46 !important;
}

/* 2. Bölüm Başlıkları & "Tümünü Gör" Pill Butonları */
html.white-theme body .section-header-title,
html.white-theme body .section-top-bar .section-header-title,
html.white-theme .section-header-title {
    color: #0f172a !important;
    font-weight: 900 !important;
}
html.white-theme body .section-header-title i,
html.white-theme body .section-top-bar .section-header-title i,
html.white-theme .section-header-title i {
    color: #4d2474 !important;
}
html.white-theme body .view-all-pill-btn,
html.white-theme body .section-top-bar .view-all-pill-btn,
html.white-theme body .card-body-content .view-all-pill-btn,
html.white-theme .view-all-pill-btn,
body.white-theme .view-all-pill-btn {
    background: #f5f3ff !important;
    background-color: #f5f3ff !important;
    border: 1.5px solid rgba(124, 58, 237, 0.25) !important;
    color: #4d2474 !important;
    font-weight: 700 !important;
    box-shadow: 0 2px 8px rgba(124, 58, 237, 0.08) !important;
}
html.white-theme body .view-all-pill-btn:hover,
html.white-theme body .section-top-bar .view-all-pill-btn:hover,
html.white-theme body .card-body-content .view-all-pill-btn:hover,
html.white-theme .view-all-pill-btn:hover,
body.white-theme .view-all-pill-btn:hover {
    background: #7c3aed !important;
    background-color: #7c3aed !important;
    border-color: #7c3aed !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(124, 58, 237, 0.3) !important;
}

/* 3. Etkinlik, Video, Oyun ve Blog Kartları (.card-item-glass) */
html.white-theme body .card-item-glass,
html.white-theme body .custom-cards-grid .card-item-glass,
html.white-theme body .sa4d25 .card-item-glass,
html.white-theme .card-item-glass,
body.white-theme .card-item-glass {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 18px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}
html.white-theme body .card-item-glass:hover,
html.white-theme body .custom-cards-grid .card-item-glass:hover,
html.white-theme body .sa4d25 .card-item-glass:hover,
html.white-theme .card-item-glass:hover,
body.white-theme .card-item-glass:hover {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
    transform: translateY(-4px) !important;
}
html.white-theme body .card-body-content {
    background: #ffffff !important;
}
html.white-theme body .card-body-content h4,
html.white-theme body .card-body-content h4 a,
html.white-theme .card-body-content h4,
html.white-theme .card-body-content h4 a,
body.white-theme .card-body-content h4,
body.white-theme .card-body-content h4 a {
    color: #0f172a !important;
    font-weight: 800 !important;
}
html.white-theme body .card-body-content h4 a:hover,
html.white-theme .card-body-content h4 a:hover,
body.white-theme .card-body-content h4 a:hover {
    color: #4d2474 !important;
}
html.white-theme body .card-body-content p,
html.white-theme .card-body-content p,
body.white-theme .card-body-content p {
    color: #475569 !important;
}

/* 4. Siyosis 101 Rehber & Eğitici Materyaller Kartları */
html.white-theme body .siyosis-101-responsive-grid .card-item-glass,
html.white-theme .siyosis-101-responsive-grid .card-item-glass,
body.white-theme .siyosis-101-responsive-grid .card-item-glass {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 20px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}
html.white-theme body .siyosis-101-responsive-grid .card-item-glass:hover,
html.white-theme .siyosis-101-responsive-grid .card-item-glass:hover,
body.white-theme .siyosis-101-responsive-grid .card-item-glass:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
}
html.white-theme body .siyosis-101-responsive-grid .card-item-glass h4,
html.white-theme .siyosis-101-responsive-grid .card-item-glass h4,
body.white-theme .siyosis-101-responsive-grid .card-item-glass h4 {
    color: #0f172a !important;
    font-weight: 800 !important;
}
html.white-theme body .siyosis-101-responsive-grid .card-item-glass p,
html.white-theme .siyosis-101-responsive-grid .card-item-glass p,
body.white-theme .siyosis-101-responsive-grid .card-item-glass p {
    color: #475569 !important;
}

/* 5. Türkiye Okul Rehberi Banner & Sağ Kolon Özellik Kartı */
html.white-theme body .about-saas-card span[style*="color: #fbbf24"],
html.white-theme .about-saas-card span[style*="color: #fbbf24"] {
    background: #fef3c7 !important;
    border-color: #fde047 !important;
    color: #b45309 !important;
}
html.white-theme body .about-saas-card .about-grid > div:last-child > div,
html.white-theme .about-saas-card .about-grid > div:last-child > div,
body.white-theme .about-saas-card .about-grid > div:last-child > div,
html.white-theme body div[style*="background: rgba(35, 20, 68"],
html.white-theme div[style*="background: rgba(35, 20, 68"],
body.white-theme div[style*="background: rgba(35, 20, 68"] {
    background: #f8fafc !important;
    background-color: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 20px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    color: #0f172a !important;
}
html.white-theme body .about-saas-card .about-grid > div:last-child h4,
html.white-theme .about-saas-card .about-grid > div:last-child h4,
body.white-theme .about-saas-card .about-grid > div:last-child h4,
html.white-theme body div[style*="background: rgba(35, 20, 68"] h4,
html.white-theme div[style*="background: rgba(35, 20, 68"] h4,
body.white-theme div[style*="background: rgba(35, 20, 68"] h4 {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    border-bottom: 1px solid #e2e8f0 !important;
}
html.white-theme body .about-saas-card .about-grid > div:last-child div,
html.white-theme body .about-saas-card .about-grid > div:last-child span,
html.white-theme .about-saas-card .about-grid > div:last-child div,
html.white-theme .about-saas-card .about-grid > div:last-child span,
body.white-theme .about-saas-card .about-grid > div:last-child div,
body.white-theme .about-saas-card .about-grid > div:last-child span,
html.white-theme body div[style*="background: rgba(35, 20, 68"] div,
html.white-theme div[style*="background: rgba(35, 20, 68"] div,
body.white-theme div[style*="background: rgba(35, 20, 68"] div {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    font-weight: 700 !important;
}

/* 6. "Ne Dediler?" Testimonials (Kullanıcı Yorumları) Kartları */
html.white-theme body .testimonials-section-wrapper .testimonial-card-glass,
html.white-theme body .testimonial-card-glass,
html.white-theme .testimonial-card-glass,
body.white-theme .testimonial-card-glass {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 20px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}
html.white-theme body .testimonials-section-wrapper .testimonial-card-glass:hover,
html.white-theme body .testimonial-card-glass:hover,
html.white-theme .testimonial-card-glass:hover,
body.white-theme .testimonial-card-glass:hover {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
    transform: translateY(-4px) !important;
}
html.white-theme body .testimonial-quote,
html.white-theme .testimonial-quote,
body.white-theme .testimonial-quote {
    color: #334155 !important;
    font-style: italic !important;
}
html.white-theme body .testimonial-user h5,
html.white-theme .testimonial-user h5,
body.white-theme .testimonial-user h5 {
    color: #0f172a !important;
    font-weight: 700 !important;
}
html.white-theme body .testimonial-user h5 small,
html.white-theme .testimonial-user h5 small,
body.white-theme .testimonial-user h5 small {
    color: #64748b !important;
}

/* 7. Simo Konuşma Balonu Açık Mod */
html.white-theme body .hero-simo-bubble,
html.white-theme .hero-simo-bubble {
    background: #ffffff !important;
    border: 2px solid #7c3aed !important;
    color: #0f172a !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12), 0 0 20px rgba(124, 58, 237, 0.2) !important;
}

/* ==========================================================================
   MASTER AJAX & BOOTSTRAP MODALS OVERRIDE (FOOTER.TPL KURALLARINI EZER)
   ========================================================================== */
html.white-theme #large-modal,
html.white-theme #scrollable-modal,
html.white-theme .modal,
body.white-theme #large-modal,
body.white-theme #scrollable-modal,
body.white-theme .modal {
    color: #0f172a !important;
}

html.white-theme .modal-backdrop,
body.white-theme .modal-backdrop {
    background-color: rgba(15, 23, 42, 0.6) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
}

html.white-theme #large-modal .modal-content,
html.white-theme #scrollable-modal .modal-content,
html.white-theme body #large-modal .modal-content,
html.white-theme body #scrollable-modal .modal-content,
html.white-theme .modal-dialog .modal-content,
html.white-theme body .modal-content,
body.white-theme #large-modal .modal-content,
body.white-theme #scrollable-modal .modal-content,
body.white-theme .modal-content {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 24px !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.2), 0 0 20px rgba(124, 58, 237, 0.1) !important;
    color: #0f172a !important;
}

html.white-theme #large-modal .modal-header,
html.white-theme #scrollable-modal .modal-header,
html.white-theme body #large-modal .modal-header,
html.white-theme body #scrollable-modal .modal-header,
html.white-theme body .modal-header,
body.white-theme .modal-header {
    background: #f8fafc !important;
    background-color: #f8fafc !important;
    border-bottom: 1.5px solid #e2e8f0 !important;
    padding: 18px 24px !important;
    color: #0f172a !important;
}

html.white-theme #large-modal .modal-title,
html.white-theme #scrollable-modal .modal-title,
html.white-theme body #large-modal .modal-title,
html.white-theme body #scrollable-modal .modal-title,
html.white-theme body .modal-title,
body.white-theme .modal-title {
    color: #0f172a !important;
    font-weight: 800 !important;
    font-size: 18px !important;
}

html.white-theme #large-modal .modal-header .close,
html.white-theme #scrollable-modal .modal-header .close,
html.white-theme body #large-modal .modal-header .close,
html.white-theme body #scrollable-modal .modal-header .close,
html.white-theme body .modal-header .close,
body.white-theme .modal-header .close {
    color: #64748b !important;
    text-shadow: none !important;
    opacity: 1 !important;
}
html.white-theme #large-modal .modal-header .close:hover,
html.white-theme #scrollable-modal .modal-header .close:hover,
html.white-theme body .modal-header .close:hover {
    color: #ef4444 !important;
}

html.white-theme #large-modal .modal-body,
html.white-theme #scrollable-modal .modal-body,
html.white-theme body #large-modal .modal-body,
html.white-theme body #scrollable-modal .modal-body,
html.white-theme body .modal-body,
body.white-theme .modal-body {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #0f172a !important;
}

html.white-theme #large-modal .modal-footer,
html.white-theme #scrollable-modal .modal-footer,
html.white-theme body #large-modal .modal-footer,
html.white-theme body #scrollable-modal .modal-footer,
html.white-theme body .modal-footer,
body.white-theme .modal-footer {
    background: #f8fafc !important;
    background-color: #f8fafc !important;
    border-top: 1.5px solid #e2e8f0 !important;
}

html.white-theme .modal label,
html.white-theme .modal-body label,
html.white-theme #scrollable-modal label,
html.white-theme #large-modal label {
    color: #1e293b !important;
    font-weight: 700 !important;
}

html.white-theme .modal small,
html.white-theme .modal-body small,
html.white-theme #scrollable-modal small,
html.white-theme #large-modal small {
    color: #64748b !important;
}

/* Modal Özel Input ve Textarea Öğeleri */
html.white-theme body .modal-input-fix,
html.white-theme .modal-dialog .modal-input-fix,
html.white-theme #scrollable-modal .modal-input-fix,
html.white-theme body .modal-textarea-fix,
html.white-theme .modal-dialog .modal-textarea-fix,
html.white-theme #scrollable-modal .modal-textarea-fix,
body.white-theme .modal-input-fix,
body.white-theme .modal-textarea-fix {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 12px !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
}
html.white-theme body .modal-input-fix:focus,
html.white-theme body .modal-textarea-fix:focus {
    border-color: #7c3aed !important;
    box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.15) !important;
}

/* Modal Dosya Yükleme Kutusu */
html.white-theme body .file-custom-label,
html.white-theme .modal-dialog .file-custom-label,
html.white-theme #scrollable-modal .file-custom-label,
body.white-theme .file-custom-label {
    background: #f8fafc !important;
    border: 1.5px dashed #cbd5e1 !important;
    color: #475569 !important;
}
html.white-theme body .file-custom-label:hover,
html.white-theme .modal-dialog .file-custom-label:hover {
    background: #f1f5f9 !important;
    border-color: #7c3aed !important;
    color: #0f172a !important;
}
html.white-theme body .file-custom-label .file-name-text {
    color: #475569 !important;
}

/* Modal Footer Kapat/İptal Butonları */
html.white-theme .modal-footer button[data-dismiss="modal"],
html.white-theme .modal-footer .btn-secondary,
html.white-theme .modal-footer .btn-default,
html.white-theme .modal-footer .ghost {
    background: #f1f5f9 !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #334155 !important;
}

/* ==========================================================================
   TÜM SİSTEMDEKİ AÇIK MOR / LİLA DÜĞMELER VE FİLTRELE BUTONLARI
   ========================================================================== */
html.white-theme .social-opt-btn,
html.white-theme #more-button,
html.white-theme .social-more-btn,
html.white-theme .btn-ta-purple,
html.white-theme button[style*="background: rgba(162, 89, 255"],
html.white-theme button[style*="background:rgba(162,89,255"],
html.white-theme button[style*="background: rgba(162,89,255"],
html.white-theme a.btn[style*="background: rgba(162, 89, 255"],
html.white-theme a.btn[style*="background:rgba(162,89,255"],
html.white-theme a.btn[style*="background: rgba(162,89,255"],
html.white-theme .btn[style*="background: rgba(162, 89, 255"],
html.white-theme .btn[style*="background:rgba(162,89,255"],
html.white-theme .btn[style*="background: rgba(162,89,255"],
html.white-theme button.text-white[style*="background: rgba(162"],
html.white-theme a.btn.text-white[style*="background: rgba(162"],
html.white-theme .btn.text-white[style*="background: rgba(162"],
html.white-theme .btn.text-white[style*="background:rgba(162"],
body.white-theme .social-opt-btn,
body.white-theme #more-button,
body.white-theme .social-more-btn,
body.white-theme .btn-ta-purple,
body.white-theme button[style*="background: rgba(162, 89, 255"],
body.white-theme button[style*="background:rgba(162,89,255"],
body.white-theme a.btn[style*="background: rgba(162, 89, 255"],
body.white-theme a.btn[style*="background:rgba(162,89,255"],
body.white-theme .btn[style*="background: rgba(162, 89, 255"],
body.white-theme .btn[style*="background:rgba(162,89,255"],
body.white-theme button.text-white[style*="background: rgba(162"],
body.white-theme a.btn.text-white[style*="background: rgba(162"],
body.white-theme .btn.text-white[style*="background: rgba(162"],
body.white-theme .btn.text-white[style*="background:rgba(162"] {
    background: #f3e8ff !important;
    background-color: #f3e8ff !important;
    border: 1.5px solid #d8b4fe !important;
    color: #4d2474 !important;
    -webkit-text-fill-color: #4d2474 !important;
    font-weight: 700 !important;
    box-shadow: 0 2px 8px rgba(77, 36, 116, 0.08) !important;
}

/* Sağ Kolon ve Kart Başlıkları (Oyun Bilgileri, Bunları Da Beğenebilirsiniz, Paylaşmak Güzeldir) */
html.white-theme body .t-card h5,
html.white-theme body .t-card h5.text-white,
html.white-theme body .t-card h5.border-purple,
html.white-theme body .t-card h5.border-bottom,
html.white-theme body h5.border-purple,
body.white-theme .t-card h5,
body.white-theme .t-card h5.text-white,
body.white-theme .t-card h5.border-purple {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1.5px solid #e2e8f0 !important;
    box-shadow: none !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    border-radius: 0 !important;
    padding: 0 0 12px 0 !important;
    margin-bottom: 16px !important;
    width: 100% !important;
}

html.white-theme .social-opt-btn span,
html.white-theme .social-opt-btn i,
html.white-theme #more-button span,
html.white-theme #more-button i,
html.white-theme .social-more-btn span,
html.white-theme .social-more-btn i,
html.white-theme button[style*="rgba(162, 89, 255"] span,
html.white-theme button[style*="rgba(162, 89, 255"] i,
html.white-theme button[style*="rgba(162,89,255"] span,
html.white-theme button[style*="rgba(162,89,255"] i,
html.white-theme a[style*="rgba(162, 89, 255"] span,
html.white-theme a[style*="rgba(162, 89, 255"] i,
html.white-theme a[style*="rgba(162,89,255"] span,
html.white-theme a[style*="rgba(162,89,255"] i,
html.white-theme .btn[style*="rgba(162, 89, 255"] span,
html.white-theme .btn[style*="rgba(162, 89, 255"] i,
html.white-theme .btn[style*="rgba(162,89,255"] span,
html.white-theme .btn[style*="rgba(162,89,255"] i,
html.white-theme .btn.text-white[style*="rgba(162"] span,
html.white-theme .btn.text-white[style*="rgba(162"] i,
body.white-theme .social-opt-btn span,
body.white-theme #more-button span,
body.white-theme .social-more-btn span,
body.white-theme .btn-ta-purple span {
    color: #4d2474 !important;
    -webkit-text-fill-color: #4d2474 !important;
    font-weight: 700 !important;
}

/* Hover Efekti */
html.white-theme .social-opt-btn:hover,
html.white-theme #more-button:hover,
html.white-theme .social-more-btn:hover,
html.white-theme .btn-ta-purple:hover,
html.white-theme button[style*="rgba(162, 89, 255"]:hover,
html.white-theme button[style*="rgba(162,89,255"]:hover,
html.white-theme a[style*="rgba(162, 89, 255"]:hover,
html.white-theme a[style*="rgba(162,89,255"]:hover,
html.white-theme .btn[style*="rgba(162, 89, 255"]:hover,
html.white-theme .btn[style*="rgba(162,89,255"]:hover,
html.white-theme .btn.text-white[style*="rgba(162"]:hover,
body.white-theme .social-opt-btn:hover,
body.white-theme #more-button:hover,
body.white-theme .social-more-btn:hover,
body.white-theme .btn-ta-purple:hover {
    background: #e9d5ff !important;
    background-color: #e9d5ff !important;
    border-color: #c084fc !important;
    color: #3b0764 !important;
    -webkit-text-fill-color: #3b0764 !important;
    box-shadow: 0 4px 12px rgba(77, 36, 116, 0.15) !important;
}

/* Activity / Main Bilgi Alert Paneli */
html.white-theme body .alert[style*="rgba(162, 89, 255"],
body.white-theme .alert[style*="rgba(162, 89, 255"] {
    background: #f5f3ff !important;
    border: 1.5px solid #d8b4fe !important;
    color: #334155 !important;
}
html.white-theme body .alert[style*="rgba(162, 89, 255"] strong,
html.white-theme body .alert[style*="rgba(162, 89, 255"] strong[style*="color"],
body.white-theme .alert[style*="rgba(162, 89, 255"] strong {
    color: #6b21a8 !important;
}
html.white-theme body .alert[style*="rgba(162, 89, 255"] .close,
body.white-theme .alert[style*="rgba(162, 89, 255"] .close {
    color: #64748b !important;
    text-shadow: none !important;
}

/* ==========================================================================
   SINIF PANOSU DETAYLI AÇIK TEMA SİSTEMİ (teacher/social)
   ========================================================================== */
html.white-theme body .social-create-card,
html.white-theme .social-create-card,
body.white-theme .social-create-card {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
    border-radius: 20px !important;
}
html.white-theme body .social-create-textarea,
html.white-theme .social-create-textarea,
body.white-theme .social-create-textarea {
    background: #f8fafc !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
}
html.white-theme body .social-create-textarea::placeholder,
html.white-theme .social-create-textarea::placeholder {
    color: #94a3b8 !important;
    -webkit-text-fill-color: #94a3b8 !important;
}

/* Post Gövdesi ve Başlığı */
html.white-theme body .social-post-card,
html.white-theme .social-post-card,
body.white-theme .social-post-card {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    border-radius: 18px !important;
    color: #0f172a !important;
}
html.white-theme body .social-post-user-name,
html.white-theme .social-post-user-name,
body.white-theme .social-post-user-name {
    color: #0f172a !important;
    font-weight: 800 !important;
}
html.white-theme body .social-post-time,
html.white-theme .social-post-time,
body.white-theme .social-post-time {
    color: #64748b !important;
}
html.white-theme body .social-post-content,
html.white-theme .social-post-content,
body.white-theme .social-post-content {
    color: #1e293b !important;
    line-height: 1.6 !important;
}
html.white-theme body .social-delete-btn,
html.white-theme body .social-delete-btn-sm {
    color: #94a3b8 !important;
}
html.white-theme body .social-delete-btn:hover,
html.white-theme body .social-delete-btn-sm:hover {
    color: #ef4444 !important;
}

/* Post Beğeni ve Yorum Butonları */
html.white-theme body .social-post-actions,
html.white-theme .social-post-actions {
    border-top: 1px solid #e2e8f0 !important;
}
html.white-theme body .social-action-link,
html.white-theme .social-action-link,
body.white-theme .social-action-link {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #475569 !important;
    font-weight: 700 !important;
}
html.white-theme body .social-action-link:hover,
html.white-theme .social-action-link:hover {
    background: #e2e8f0 !important;
    color: #0f172a !important;
}

/* Post İçi Yorum Kutuları */
html.white-theme body .social-reply-card,
html.white-theme .social-reply-card,
body.white-theme .social-reply-card {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}
html.white-theme body .social-reply-card .social-post-user-name {
    color: #0f172a !important;
    font-weight: 700 !important;
}
html.white-theme body .social-reply-card .social-post-content {
    color: #334155 !important;
}
html.white-theme body .social-inline-input-wrapper .input-container {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 24px !important;
}
html.white-theme body .social-inline-input-wrapper .comment-input,
html.white-theme .social-inline-input-wrapper .comment-input {
    background: transparent !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
}
html.white-theme body .social-inline-input-wrapper .comment-input::placeholder {
    color: #94a3b8 !important;
    -webkit-text-fill-color: #94a3b8 !important;
}

/* Post İçi Oylama (Polls) Kutuları */
html.white-theme body .custom-control.custom-radio,
html.white-theme .custom-control.custom-radio {
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 12px !important;
}
html.white-theme body .custom-control-label,
html.white-theme body .custom-control-label[style*="color"],
html.white-theme .custom-control-label {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    font-weight: 700 !important;
}
html.white-theme body .social-post-card div[style*="rgba(251,191,36"],
html.white-theme body .social-post-card div[style*="rgba(251, 191, 36"] {
    background: #fef3c7 !important;
    border: 1.5px solid #fde68a !important;
    color: #92400e !important;
}
html.white-theme body .social-post-card div[style*="rgba(255,255,255,0.05)"],
html.white-theme body .social-post-card div[style*="rgba(255, 255, 255, 0.05)"] {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
}

/* Post İçi Soru (Question) Kutuları */
html.white-theme body .social-question-hint-box,
html.white-theme .social-question-hint-box {
    background: #f5f3ff !important;
    border: 1px dashed #d8b4fe !important;
    color: #4d2474 !important;
}
html.white-theme body .social-question-input-wrapper .question-answer-input,
html.white-theme .social-question-input-wrapper .question-answer-input {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
}

/* ==========================================================================
   MASTER SELECTBOX & OPTION OVERRIDES (ETKİNLİK, FİLTRE VE TÜM FORMLAR)
   ========================================================================== */
html.white-theme body select,
html.white-theme select,
body.white-theme select,
html.white-theme body select.form-control,
html.white-theme body .custom-select,
html.white-theme body select[name],
html.white-theme body .act-filter-wrapper select,
html.white-theme body #filterForm select,
html.white-theme body select[style*="background"],
body.white-theme select[style*="background"] {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    font-weight: 600 !important;
}

html.white-theme body select option,
html.white-theme select option,
body.white-theme select option,
html.white-theme body select option[style],
html.white-theme select option[style],
body.white-theme select option[style],
html.white-theme body .act-filter-wrapper select option,
html.white-theme body #filterForm select option {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    font-weight: 500 !important;
}

/* ==========================================================================
   DERS LİSTESİ İÇERİK KARTLARI (TEACHER & STUDENT LESSONS LIST)
   ========================================================================== */
html.white-theme body .t-header-banner,
html.white-theme .t-header-banner,
body.white-theme .t-header-banner {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
}

html.white-theme body .t-header-banner h1,
html.white-theme .t-header-banner h1,
body.white-theme .t-header-banner h1 {
    color: #0f172a !important;
}

html.white-theme body .lesson-card,
html.white-theme .lesson-card,
body.white-theme .lesson-card {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06) !important;
}

html.white-theme body .lesson-card:hover,
html.white-theme .lesson-card:hover,
body.white-theme .lesson-card:hover {
    box-shadow: 0 12px 30px rgba(77, 36, 116, 0.15) !important;
}

html.white-theme body .lesson-card .lesson-overlay-gradient,
html.white-theme .lesson-card .lesson-overlay-gradient,
body.white-theme .lesson-card .lesson-overlay-gradient {
    background: linear-gradient(180deg, 
        rgba(255, 255, 255, 0) 0%, 
        rgba(255, 255, 255, 0.25) 40%, 
        rgba(255, 255, 255, 0.75) 70%, 
        rgba(255, 255, 255, 0.95) 90%, 
        #ffffff 100%) !important;
}

html.white-theme body .lesson-card h4,
html.white-theme body .lesson-card h4 a,
html.white-theme body .lesson-card .title-link,
html.white-theme .lesson-card h4,
html.white-theme .lesson-card h4 a,
html.white-theme .lesson-card .title-link,
body.white-theme .lesson-card h4,
body.white-theme .lesson-card h4 a,
body.white-theme .lesson-card .title-link {
    color: #0f172a !important;
}

html.white-theme body .lesson-card h4 a:hover,
html.white-theme .lesson-card h4 a:hover,
body.white-theme .lesson-card h4 a:hover {
    color: #4d2474 !important;
}

html.white-theme body .lesson-card small,
html.white-theme .lesson-card small,
body.white-theme .lesson-card small {
    color: #64748b !important;
}

html.white-theme body .lesson-dropdown button,
html.white-theme .lesson-dropdown button,
body.white-theme .lesson-dropdown button {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #475569 !important;
}

html.white-theme body .lesson-dropdown .dropdown-menu,
html.white-theme .lesson-dropdown .dropdown-menu,
body.white-theme .lesson-dropdown .dropdown-menu {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
}

html.white-theme body .lesson-dropdown .dropdown-item,
html.white-theme .lesson-dropdown .dropdown-item,
body.white-theme .lesson-dropdown .dropdown-item {
    color: #0f172a !important;
}

html.white-theme body .lesson-dropdown .dropdown-item:hover,
html.white-theme .lesson-dropdown .dropdown-item:hover,
body.white-theme .lesson-dropdown .dropdown-item:hover {
    background: #f8fafc !important;
    color: #4d2474 !important;
}

/* ==========================================================================
   DERS İZLEME VE TEST OYNATICI (VIEW LESSON & VIEW TEST EKRANLARI)
   ========================================================================== */
html.white-theme body,
body.white-theme {
    background-color: #f8fafc !important;
    color: #0f172a !important;
}

/* Header */
html.white-theme .lecture-header,
body.white-theme .lecture-header {
    background: #ffffff !important;
    border-bottom: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
}

html.white-theme .lecture-header a img,
body.white-theme .lecture-header a img {
    content: url("../../../../../image/catalog/logo.png") !important;
}

html.white-theme .lecture-header .header-title,
body.white-theme .lecture-header .header-title {
    color: #0f172a !important;
}

html.white-theme .lecture-header .header-btn,
body.white-theme .lecture-header .header-btn {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
}

html.white-theme .lecture-header .header-btn:hover,
body.white-theme .lecture-header .header-btn:hover {
    background: #e2e8f0 !important;
    color: #4d2474 !important;
}

html.white-theme .lecture-header a[style*="background: rgba(162, 89, 255"],
body.white-theme .lecture-header a[style*="background: rgba(162, 89, 255"],
html.white-theme .lecture-header a[style*="background: rgba(255, 255, 255"],
body.white-theme .lecture-header a[style*="background: rgba(255, 255, 255"] {
    background: #f1f5f9 !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #334155 !important;
}

/* Sidebar */
html.white-theme .lecture-sidebar,
body.white-theme .lecture-sidebar {
    background: #ffffff !important;
    border-right: 1.5px solid #e2e8f0 !important;
    box-shadow: 4px 0 20px rgba(0, 0, 0, 0.03) !important;
}

html.white-theme .lecture-sidebar-header,
body.white-theme .lecture-sidebar-header {
    background: #f8fafc !important;
    border-bottom: 1.5px solid #e2e8f0 !important;
}

html.white-theme .lecture-sidebar-header h3,
body.white-theme .lecture-sidebar-header h3 {
    color: #0f172a !important;
}

html.white-theme .course-section-title,
body.white-theme .course-section-title {
    background: #f1f5f9 !important;
    border-left: 3.5px solid #4d2474 !important;
    color: #4d2474 !important;
    font-weight: 700 !important;
}

html.white-theme .sidebar-section-item a,
body.white-theme .sidebar-section-item a {
    color: #334155 !important;
    background: #ffffff !important;
    border: 1px solid #f1f5f9 !important;
}

html.white-theme .sidebar-section-item a:hover,
body.white-theme .sidebar-section-item a:hover {
    background: #f8fafc !important;
    color: #4d2474 !important;
    border-color: #cbd5e1 !important;
}

html.white-theme .sidebar-section-item.active a,
html.white-theme .sidebar-section-item a.openq,
body.white-theme .sidebar-section-item.active a,
body.white-theme .sidebar-section-item a.openq {
    background: #f3e8ff !important;
    border: 1.5px solid #d8b4fe !important;
    color: #4d2474 !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 12px rgba(77, 36, 116, 0.1) !important;
}

/* Lecture Container & Video Area */
html.white-theme .lecture-container,
body.white-theme .lecture-container {
    background: #f8fafc !important;
}

html.white-theme .video-responsive-wrapper,
body.white-theme .video-responsive-wrapper {
    border: 2px solid #e2e8f0 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
    background: #000000 !important;
}

html.white-theme .mobile-nav-fab,
body.white-theme .mobile-nav-fab {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12) !important;
}

html.white-theme #landscapeTipBanner,
body.white-theme #landscapeTipBanner {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08) !important;
}

html.white-theme #landscapeTipBanner div,
html.white-theme #landscapeTipBanner span,
body.white-theme #landscapeTipBanner div,
body.white-theme #landscapeTipBanner span {
    color: #334155 !important;
}

html.white-theme #landscapeTipBanner button,
body.white-theme #landscapeTipBanner button {
    color: #64748b !important;
}

/* Test (Quiz) Ekranı */
html.white-theme .tutor_img_card,
body.white-theme .tutor_img_card {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06) !important;
}

html.white-theme .tutor_img_card h2,
html.white-theme .tutor_img_card h3,
html.white-theme .tutor_img_card p,
body.white-theme .tutor_img_card h2,
body.white-theme .tutor_img_card h3,
body.white-theme .tutor_img_card p {
    color: #0f172a !important;
}

html.white-theme .quiz-card,
body.white-theme .quiz-card {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06) !important;
}

html.white-theme .quiz-card-header,
body.white-theme .quiz-card-header {
    background: #f8fafc !important;
    border-bottom: 1.5px solid #e2e8f0 !important;
}

html.white-theme .question-text-content,
body.white-theme .question-text-content {
    color: #0f172a !important;
}

html.white-theme .option-label-card,
body.white-theme .option-label-card {
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
}

html.white-theme .option-label-card:hover,
body.white-theme .option-label-card:hover {
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
}

html.white-theme .option-text-span,
body.white-theme .option-text-span {
    color: #1e293b !important;
}

html.white-theme .custom-radios input[type=radio]:checked + .option-label-card,
body.white-theme .custom-radios input[type=radio]:checked + .option-label-card {
    background: #f3e8ff !important;
    border-color: #a855f7 !important;
}

html.white-theme .custom-radios input[type=radio]:checked + .option-label-card .option-text-span,
body.white-theme .custom-radios input[type=radio]:checked + .option-label-card .option-text-span {
    color: #4d2474 !important;
    font-weight: 700 !important;
}

/* ==========================================================================
   31. INFORMATION SAYFASI — Sidebar Kartları, Yorum Formu, Review Kartları
   ========================================================================== */

/* Sidebar ve yorum kutusu dark gradient kartları */
html.white-theme body .t-card[style*="linear-gradient(145deg, rgba(26, 14, 52"],
body.white-theme .t-card[style*="linear-gradient(145deg, rgba(26, 14, 52"],
html.white-theme body .t-card[style*="linear-gradient(145deg, rgba(28, 16, 60"],
body.white-theme .t-card[style*="linear-gradient(145deg, rgba(28, 16, 60"] {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.05) !important;
}

/* Sidebar kart başlıkları (text-white + h5) */
html.white-theme body .t-card h5.text-white,
body.white-theme .t-card h5.text-white,
html.white-theme body .t-card h5[style*="font-size: 15px"],
body.white-theme .t-card h5[style*="font-size: 15px"] {
    color: #0f172a !important;
    border-bottom-color: #e2e8f0 !important;
}

/* Sidebar kart border-bottom divider */
html.white-theme body .t-card .border-bottom,
body.white-theme .t-card .border-bottom {
    border-bottom-color: #e2e8f0 !important;
}

/* Hızlı Bağlantılar menü item'ları (.siyosis-menu-item) — information sidebar */
html.white-theme body .siyosis-menu-item,
body.white-theme .siyosis-menu-item {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
    color: #334155 !important;
}
html.white-theme body .siyosis-menu-item:hover,
body.white-theme .siyosis-menu-item:hover {
    background: #eef2ff !important;
    color: #4d2474 !important;
}
html.white-theme body .siyosis-menu-item span,
body.white-theme .siyosis-menu-item span {
    color: #334155 !important;
}
html.white-theme body .siyosis-menu-item .arrow-icon,
body.white-theme .siyosis-menu-item .arrow-icon {
    color: #94a3b8 !important;
}

/* Son Yazılar — her post linki */
html.white-theme body a[style*="background: rgba(10, 5, 25, 0.6)"],
body.white-theme a[style*="background: rgba(10, 5, 25, 0.6)"] {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}
html.white-theme body a[style*="background: rgba(10, 5, 25, 0.6)"] .text-white,
body.white-theme a[style*="background: rgba(10, 5, 25, 0.6)"] .text-white,
html.white-theme body a[style*="background: rgba(10, 5, 25, 0.6)"] span,
body.white-theme a[style*="background: rgba(10, 5, 25, 0.6)"] span {
    color: #1e293b !important;
}
html.white-theme body a[style*="background: rgba(10, 5, 25, 0.6)"] span[style*="opacity: 0.55"],
body.white-theme a[style*="background: rgba(10, 5, 25, 0.6)"] span[style*="opacity: 0.55"] {
    color: #64748b !important;
    opacity: 1 !important;
}

/* Bizi Takip Edin — sosyal butonlar */
html.white-theme body button[style*="linear-gradient(135deg, rgba(225, 48, 108"],
body.white-theme button[style*="linear-gradient(135deg, rgba(225, 48, 108"] {
    background: rgba(225,48,108,0.08) !important;
    border-color: rgba(225,48,108,0.35) !important;
    color: #be185d !important;
}
html.white-theme body button[style*="linear-gradient(135deg, rgba(0, 119, 181"],
body.white-theme button[style*="linear-gradient(135deg, rgba(0, 119, 181"] {
    background: rgba(0,119,181,0.08) !important;
    border-color: rgba(0,119,181,0.3) !important;
    color: #0369a1 !important;
}
html.white-theme body button[style*="linear-gradient(135deg, rgba(255, 0, 0"],
body.white-theme button[style*="linear-gradient(135deg, rgba(255, 0, 0"] {
    background: rgba(239,68,68,0.08) !important;
    border-color: rgba(239,68,68,0.3) !important;
    color: #dc2626 !important;
}
html.white-theme body button[style*="linear-gradient(135deg, rgba(36, 161, 72"],
body.white-theme button[style*="linear-gradient(135deg, rgba(36, 161, 72"] {
    background: rgba(36,161,72,0.08) !important;
    border-color: rgba(36,161,72,0.3) !important;
    color: #15803d !important;
}

/* Sosyal buton içindeki span yazı */
html.white-theme body .t-card button span,
body.white-theme .t-card button span {
    color: inherit !important;
}

/* Yorum / İnceleme Formu — koyu kartı beyaza çevir */
html.white-theme body .t-card[style*="linear-gradient(145deg, rgba(28, 16, 60"],
body.white-theme .t-card[style*="linear-gradient(145deg, rgba(28, 16, 60"] {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.05) !important;
}
html.white-theme body form#postReplyForm,
body.white-theme form#postReplyForm {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}
html.white-theme body form#postReplyForm label.text-white,
body.white-theme form#postReplyForm label.text-white,
html.white-theme body form#postReplyForm h6.text-white,
body.white-theme form#postReplyForm h6.text-white {
    color: #0f172a !important;
}
html.white-theme body form#postReplyForm input.form-control,
body.white-theme form#postReplyForm input.form-control,
html.white-theme body form#postReplyForm textarea.form-control,
body.white-theme form#postReplyForm textarea.form-control {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
}
html.white-theme body form#postReplyForm input::placeholder,
body.white-theme form#postReplyForm input::placeholder,
html.white-theme body form#postReplyForm textarea::placeholder,
body.white-theme form#postReplyForm textarea::placeholder {
    color: #94a3b8 !important;
}

/* Okul Değerlendirmeleri / Yorum Formu (review.tpl) — dark bg form kartı */
html.white-theme body div[style*="background: rgba(10, 5, 25, 0.75)"][style*="border-radius: 18px"],
body.white-theme div[style*="background: rgba(10, 5, 25, 0.75)"][style*="border-radius: 18px"] {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}
html.white-theme body div[style*="background: rgba(10, 5, 25, 0.75)"] input.form-control,
body.white-theme div[style*="background: rgba(10, 5, 25, 0.75)"] input.form-control,
html.white-theme body div[style*="background: rgba(10, 5, 25, 0.75)"] textarea.form-control,
body.white-theme div[style*="background: rgba(10, 5, 25, 0.75)"] textarea.form-control {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
}
html.white-theme body div[style*="background: rgba(10, 5, 25, 0.75)"] label,
body.white-theme div[style*="background: rgba(10, 5, 25, 0.75)"] label,
html.white-theme body div[style*="background: rgba(10, 5, 25, 0.75)"] h6,
body.white-theme div[style*="background: rgba(10, 5, 25, 0.75)"] h6 {
    color: #0f172a !important;
}

/* Review kart itemları (review.tpl) */
html.white-theme body div[style*="background: rgba(10, 5, 25, 0.6)"][style*="border-radius: 16px"],
body.white-theme div[style*="background: rgba(10, 5, 25, 0.6)"][style*="border-radius: 16px"] {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}
html.white-theme body div[style*="background: rgba(10, 5, 25, 0.6)"] .text-white,
body.white-theme div[style*="background: rgba(10, 5, 25, 0.6)"] .text-white {
    color: #0f172a !important;
}
html.white-theme body div[style*="background: rgba(10, 5, 25, 0.6)"] p,
body.white-theme div[style*="background: rgba(10, 5, 25, 0.6)"] p {
    color: #334155 !important;
}
html.white-theme body div[style*="background: rgba(10, 5, 25, 0.6)"] div[style*="color: rgba(233, 213, 255"],
body.white-theme div[style*="background: rgba(10, 5, 25, 0.6)"] div[style*="color: rgba(233, 213, 255"] {
    color: #64748b !important;
}

/* Boş yorum durumu (rgba(10, 5, 25, 0.4)) */
html.white-theme body div[style*="background: rgba(10, 5, 25, 0.4)"],
body.white-theme div[style*="background: rgba(10, 5, 25, 0.4)"] {
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
}
html.white-theme body div[style*="background: rgba(10, 5, 25, 0.4)"] .text-white-50,
body.white-theme div[style*="background: rgba(10, 5, 25, 0.4)"] .text-white-50,
html.white-theme body div[style*="background: rgba(10, 5, 25, 0.4)"] p,
body.white-theme div[style*="background: rgba(10, 5, 25, 0.4)"] p {
    color: #64748b !important;
}

/* Etiketler (tag badges) */
html.white-theme body a.badge[style*="background: rgba(162,89,255,0.2)"],
body.white-theme a.badge[style*="background: rgba(162,89,255,0.2)"] {
    background: rgba(77,36,116,0.08) !important;
    border-color: rgba(77,36,116,0.25) !important;
    color: #4d2474 !important;
}

/* Etiketler bölümü border-top */
html.white-theme body div[style*="border-top: 1px solid rgba(162,89,255,0.2)"],
body.white-theme div[style*="border-top: 1px solid rgba(162,89,255,0.2)"] {
    border-top-color: #e2e8f0 !important;
}
html.white-theme body div[style*="border-top: 1px solid rgba(162,89,255,0.2)"] span.text-white,
body.white-theme div[style*="border-top: 1px solid rgba(162,89,255,0.2)"] span.text-white {
    color: #475569 !important;
}

/* Giriş yapmadan yorum — koyu card */
html.white-theme body div[style*="background: rgba(10, 5, 25, 0.65)"],
body.white-theme div[style*="background: rgba(10, 5, 25, 0.65)"] {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}
html.white-theme body div[style*="background: rgba(10, 5, 25, 0.65)"] h6,
body.white-theme div[style*="background: rgba(10, 5, 25, 0.65)"] h6 {
    color: #0f172a !important;
}
html.white-theme body div[style*="background: rgba(10, 5, 25, 0.65)"] p,
body.white-theme div[style*="background: rgba(10, 5, 25, 0.65)"] p {
    color: #64748b !important;
}