:root {
            --primary-blue: #1a237e;
            --dark-navy: #05103a;
            --accent-orange: #ff6d00;
            --light-blue: #2aa8ff;
            --bg-dark: #020617;
            --primary-glow: #0ea5e9;
            --accent-green: #10b981;
            --gold: #f59e0b;
        }

        .hero-banner .banner,
        .hero-branding {
            width: 100%;
            max-width: none;
            background: transparent;
            border: none;
            box-shadow: none;
            padding: 0;
        }
        .banner::after {
            content: '';
            position: absolute;
            width: 300px;
            height: 300px;
            background: var(--primary-glow);
            filter: blur(120px);
            opacity: 0.15;
            top: 10%;
            left: 5%;
            z-index: 1;
        }
        .visual-container {
            position: relative;
            z-index: 2;
            width: 300px;
            height: 250px;
            display: flex;
            align-items: flex-end;
            gap: 12px;
        }
        .base-platform {
            position: absolute;
            bottom: -10px;
            width: 110%;
            height: 20px;
            background: rgba(14, 165, 233, 0.2);
            filter: blur(15px);
            border-radius: 50%;
        }
        .bar {
            width: 35px;
            background: linear-gradient(to top, var(--primary-glow), #38bdf8);
            border-radius: 8px 8px 2px 2px;
            box-shadow: 0 0 20px rgba(14, 165, 233, 0.3);
            transition: all 0.3s ease;
        }
        .bar-1 { height: 60px; animation: grow 1.5s ease-out; }
        .bar-2 { height: 100px; animation: grow 1.8s ease-out; }
        .bar-3 { height: 140px; animation: grow 2.1s ease-out; background: linear-gradient(to top, var(--accent-green), #34d399); box-shadow: 0 0 20px rgba(16, 185, 129, 0.3); }
        .floating-assets {
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
        }
        .crypto-coin {
            position: absolute;
            width: 50px;
            height: 50px;
            background: linear-gradient(135deg, #fbbf24, #d97706);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-weight: bold;
            font-size: 24px;
            box-shadow: 0 10px 20px rgba(0,0,0,0.3);
            animation: float 4s ease-in-out infinite;
        }
        .crypto-coin.btc { top: 20px; left: 110px; animation-delay: 0.5s; }
        .crypto-coin.eth { top: 60px; left: 200px; width: 40px; height: 40px; background: #6366f1; font-size: 18px; }
        .gold-bar {
            position: absolute;
            top: 100px;
            left: 10px;
            width: 60px;
            height: 30px;
            background: linear-gradient(to bottom right, #fde047, #ca8a04);
            border-radius: 4px;
            transform: skewX(-20deg);
            box-shadow: 5px 5px 15px rgba(0,0,0,0.4);
        }
        .brand-content {
            z-index: 2;
            margin-left: 60px;
        }
        .brand-name {
            font-size: 72px;
            font-weight: 800;
            color: #ffffff;
            margin: 0;
            line-height: 1;
            letter-spacing: -3px;
        }
        .brand-name span {
            color: var(--primary-glow);
            text-shadow: 0 0 30px rgba(14, 165, 233, 0.5);
        }
        .tagline {
            font-size: 22px;
            color: #94a3b8;
            margin-top: 15px;
            letter-spacing: 2px;
            text-transform: uppercase;
        }
        @keyframes float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-15px); }
        }
        @keyframes grow {
            from { height: 0; opacity: 0; }
        }
        @media (max-width: 900px) {
            .banner { width: 90%; flex-direction: column; height: auto; padding: 40px 20px; }
            .brand-content { margin-left: 0; text-align: center; margin-top: 40px; }
            .brand-name { font-size: 48px; }
        }

        * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
        body { font-family: 'Inter', sans-serif; margin: 0; background-color: #f4f7f9; overflow-x: hidden; width: 100%; }

        /* İnce beyaz fon — canlı kayan fiyat şeridi (yazılar lacivert) */
        .live-ticker-bar {
            background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
            height: 36px;
            display: flex;
            align-items: center;
            overflow: hidden;
            white-space: nowrap;
            border-bottom: 1px solid rgba(26,35,126,0.25);
            font-size: 11px;
            font-weight: 800;
            z-index: 50;
            position: relative;
            box-shadow: 0 1px 3px rgba(0,0,0,0.06);
        }
        .ticker-wrapper { display: inline-flex; align-items: center; animation: ticker-move 15s linear infinite; padding-left: 100%; }
        .ticker-item { display: inline-flex; align-items: center; padding: 0 16px; border-right: 1px solid rgba(26,35,126,0.2); color: #1a237e; white-space: nowrap; }
        .ticker-item .ticker-label { color: #1a237e; margin-right: 4px; }
        .ticker-price { color: #0d1335; margin-left: 4px; font-weight: 800; }
        .ticker-up { color: #16a34a; } .ticker-down { color: #dc2626; }
        @keyframes ticker-move { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

        /* Lacivert üst şerit: uyarı tek satır, sitenin tam ortasında; sağda tarih/saat */
        .top-info-bar {
            position: relative;
            background: #0d1b4d;
            padding: 10px 15px;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            color: #ffffff;
            font-size: 12px;
            font-weight: 600;
        }
        .top-info-bar-disclaimer {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            white-space: nowrap;
            font-family: Arial, sans-serif;
            font-style: italic;
            font-size: 12px;
            font-weight: 600;
            color: #ffffff !important;
        }
        .top-info-bar-right { display: flex; gap: 15px; color: #ffffff; }
        /* Mobil: uyarı metni ile tarih/saat iç içe girmesin – alt alta, uyarı satır kırsın */
        @media (max-width: 768px) {
            .top-info-bar {
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 8px;
                padding: 10px 12px;
                text-align: center;
            }
            .top-info-bar-disclaimer {
                position: static;
                transform: none;
                white-space: normal;
                font-size: 11px;
                line-height: 1.35;
                max-width: 100%;
            }
            .top-info-bar-right {
                flex-shrink: 0;
                font-size: 11px;
            }
        }
        /* Hero: parlament mavisi arka fon, sadece finanssepeti.net yazısı, beyaz Arial italik */
        .hero-banner { width: 100%; max-width: 100vw; min-height: 108px; padding: 0; display: flex; align-items: center; justify-content: center; position: relative; background: #0d1b4d; border-bottom: 1px solid rgba(255,255,255,0.15); overflow: hidden; box-sizing: border-box; box-shadow: inset 0 2px 0 rgba(255,255,255,0.08); z-index: 100; isolation: isolate; }
        .hero-banner .logo-wrapper { display: flex; align-items: center; justify-content: center; z-index: 10; position: absolute; left: 200px; top: 0; bottom: 0; right: 200px; min-height: 80px; padding: 0 20px; box-sizing: border-box; pointer-events: none; }
        .hero-banner .logo-wrapper .brand-logo-link { pointer-events: auto; }
        .hero-banner .brand-logo-link { display: inline-flex; align-items: center; justify-content: center; gap: 14px; text-decoration: none; cursor: pointer; padding: 10px 20px; box-sizing: border-box; border-radius: 12px; transition: transform 0.2s ease, opacity 0.2s ease; }
        .hero-banner .brand-logo-link:hover { opacity: 0.95; transform: scale(1.02); }
        .hero-banner .site-logo-wrap { flex-shrink: 0; display: flex; align-items: center; justify-content: center; height: 48px; width: 48px; min-width: 48px; overflow: visible; }
        .hero-banner .site-logo { display: block; height: 100%; width: auto; max-width: 56px; max-height: 48px; object-fit: contain; filter: drop-shadow(0 2px 6px rgba(0,0,0,0.3)); vertical-align: middle; }
        .hero-banner .brand-logo-svg-wrap { flex-shrink: 0; height: 76px; width: 220px; display: flex; align-items: center; justify-content: center; filter: drop-shadow(0 2px 8px rgba(0,0,0,0.35)); }
        .hero-banner .brand-logo-svg { height: 100%; width: auto; max-width: 100%; object-fit: contain; }
        .hero-banner .brand-name-text { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; font-size: 30px; font-weight: 800; color: #ffffff; line-height: 1.1; text-transform: lowercase; letter-spacing: 0.02em; text-shadow: 0 2px 4px rgba(0,0,0,0.4), 0 0 24px rgba(255,255,255,0.08); }
        .hero-banner .brand-name-dot { color: #ff8c42; text-shadow: 0 0 16px rgba(255,140,66,0.7), 0 2px 4px rgba(0,0,0,0.3); font-weight: 800; }
        .hero-banner .brand-name { font-family: Arial, sans-serif; font-size: 32px; font-style: italic; font-weight: 700; color: #ffffff; margin: 0; line-height: 1.1; text-transform: lowercase; }
        .hero-banner .brand-name a { color: #ffffff; text-decoration: none; cursor: pointer; }
        .hero-banner .brand-name a:hover { opacity: 0.9; }
        .hero-banner .brand-name span { color: #ffffff; }
        @media (max-width: 768px) {
            .hero-banner { min-height: 100px; }
            .hero-banner .brand-name { font-size: 26px; }
            .hero-banner .logo-wrapper { left: 58px; right: 100px; padding: 0 12px; z-index: 10; }
            .hero-banner .brand-logo-svg-wrap { height: 60px; width: 170px; }
            .hero-banner .brand-name-text { font-size: 22px; }
            .hero-banner .site-logo-wrap { height: 40px; width: 40px; }
            .hero-banner .site-logo { max-width: 44px; }
            .hero-banner .brand-logo-link { gap: 12px; padding: 8px 12px; }
            .auth-btns-right { flex-direction: column; align-items: flex-end; gap: 6px; right: 10px; transform: translateY(-50%); }
        }
        @media (max-width: 700px) {
            .hero-banner .brand-name { font-size: 20px; }
            .hero-banner .logo-wrapper { left: 58px; right: 92px; padding: 0 8px; }
            .hero-banner .brand-logo-svg-wrap { height: 54px; width: 150px; }
            .hero-banner .brand-name-text { font-size: 18px; }
            .hero-banner .site-logo-wrap { height: 34px; width: 34px; }
            .hero-banner .site-logo { max-width: 38px; }
            .hero-banner .brand-logo-link { gap: 8px; padding: 6px 10px; }
            .auth-btns-right { right: 8px; gap: 5px; }
            .btn-orange-3d { padding: 8px 14px; font-size: 11px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
        }
        .logo-combo { display: flex; align-items: center; justify-content: center; gap: 22px; flex-wrap: wrap; }
        /* —— İlk logo: altın/gümüş/bitcoin/euro + grafik çubukları + yeşil ok —— */
        .logo-graphic { position: relative; width: 95px; height: 90px; flex-shrink: 0; filter: drop-shadow(0 4px 12px rgba(0,0,0,0.5)); }
        .logo-coin { position: absolute; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 900; box-shadow: 3px 3px 6px rgba(0,0,0,0.6), -1px -1px 3px rgba(255,255,255,0.25), inset 2px 2px 5px rgba(255,255,255,0.35), inset -2px -2px 4px rgba(0,0,0,0.2); text-shadow: 0 1px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.4); }
        .logo-coin.gold { width: 34px; height: 34px; background: linear-gradient(155deg, #ffe066 0%, #f0c030 25%, #d4a017 60%, #996600 100%); color: #3d3008; font-size: 16px; top: 2px; left: 2px; z-index: 5; }
        .logo-coin.silver { width: 28px; height: 28px; background: linear-gradient(155deg, #f5f5f5 0%, #c0c0c0 30%, #a0a0a0 60%, #606060 100%); color: #2a2a2a; font-size: 13px; top: 20px; left: 24px; z-index: 4; }
        .logo-coin.btc { width: 26px; height: 26px; background: linear-gradient(155deg, #f7931a 0%, #e68a00 40%, #b36b00 100%); color: #1a0d00; font-size: 12px; top: 32px; left: 4px; z-index: 3; }
        .logo-coin.euro { width: 20px; height: 20px; background: linear-gradient(155deg, #ffd700 0%, #c9a227 50%, #8b7355 100%); color: #3d2c0a; font-size: 10px; top: 38px; left: 32px; z-index: 2; }
        .logo-bars { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); height: 26px; display: flex; align-items: flex-end; justify-content: center; gap: 4px; z-index: 1; }
        .logo-bar { width: 7px; border-radius: 3px 3px 0 0; box-shadow: 2px 2px 4px rgba(0,0,0,0.4), inset 1px 0 0 rgba(255,255,255,0.2); }
        .logo-bar:nth-child(1) { height: 10px; background: linear-gradient(180deg, #ffe066 0%, #d4a017 100%); }
        .logo-bar:nth-child(2) { height: 16px; background: linear-gradient(180deg, #c0c0c0 0%, #808080 100%); }
        .logo-bar:nth-child(3) { height: 22px; background: linear-gradient(180deg, #f7931a 0%, #b36b00 100%); }
        .logo-bar:nth-child(4) { height: 14px; background: linear-gradient(180deg, #67e8f9 0%, #0e7490 100%); }
        .logo-bar:nth-child(5) { height: 24px; background: linear-gradient(180deg, #22c55e 0%, #15803d 100%); }
        .logo-arrow { position: absolute; bottom: 22px; right: -8px; width: 0; height: 0; border-left: 16px solid transparent; border-right: 16px solid transparent; border-bottom: 24px solid #22c55e; transform: rotate(-32deg); filter: drop-shadow(3px 3px 4px rgba(0,0,0,0.5)); z-index: 6; }
        /* —— Kabartmalı + hafif eğik yazı stili (şok edici 3D) —— */
        .logo-text-3d { font-family: inherit; font-size: 42px; font-weight: 900; letter-spacing: -0.5px; line-height: 1.1; font-style: italic; transform: skew(-8deg); display: inline-block; position: relative; }
        .logo-text-3d .finans-part { color: #3b82f6; text-shadow: 1px 1px 0 rgba(255,255,255,0.5), 2px 2px 0 rgba(255,255,255,0.3), -1px -1px 0 rgba(0,0,0,0.5), -2px -2px 0 rgba(0,0,0,0.3), 3px 3px 0 #2563eb, 4px 4px 0 #3b82f6, 5px 5px 0 #2563eb, 6px 6px 0 #2563eb, 7px 7px 0 #2563eb, 8px 8px 16px rgba(0,0,0,0.8); filter: drop-shadow(0 0 6px rgba(59,130,246,0.6)); }
        .logo-text-3d .sepeti-part { color: #f8fafc; text-shadow: 1px 1px 0 rgba(255,255,255,0.5), 2px 2px 0 rgba(255,255,255,0.25), -1px -1px 0 rgba(0,0,0,0.3), -2px -2px 0 rgba(0,0,0,0.15), 3px 3px 0 #1e293b, 4px 4px 0 #0f172a, 5px 5px 0 #020617, 6px 6px 12px rgba(0,0,0,0.7); filter: drop-shadow(0 0 4px rgba(255,255,255,0.2)); }
        .logo-text-3d .net-part { color: #ffd700; text-shadow: 1px 1px 0 rgba(255,255,255,0.6), 2px 2px 0 rgba(255,255,255,0.4), -1px -1px 0 rgba(0,0,0,0.4), -2px -2px 0 rgba(0,0,0,0.3), 3px 3px 0 #b8860b, 4px 4px 0 #daa520, 5px 5px 0 #b8860b, 6px 6px 0 #b8860b, 7px 7px 0 #b8860b, 8px 8px 16px rgba(0,0,0,0.8); filter: drop-shadow(0 0 6px rgba(255,215,0,0.7)); }
        .logo-fallback { display: none; }
        .logo-graphics { position: relative; width: 64px; height: 64px; }
        .coins-icon { font-size: 48px; color: #ffd700; text-shadow: 2px 4px 10px rgba(0,0,0,0.5); }
        .trend-up-arrow { position: absolute; top: -4px; right: -4px; font-size: 36px; color: #22c55e; filter: drop-shadow(0 0 10px #22c55e); }

        /* Header: sadece 6 küçük bayrak, en sola, tıklanınca doğrudan dil değişir (pencere yok) */
        .header-lang-wrap {
            position: absolute;
            top: 50%;
            left: 12px;
            transform: translateY(-50%);
            z-index: 10002;
            pointer-events: auto;
        }
        .header-lang-flags {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 2px 3px;
            width: min-content;
        }
        .header-lang-flag-item {
            display: block;
            cursor: pointer;
            padding: 2px;
            border-radius: 3px;
            transition: background 0.15s;
        }
        .header-lang-flag-item:hover {
            background: rgba(42,168,255,0.3);
        }
        .header-lang-flag-item.selected {
            outline: 2px solid rgba(255,255,255,0.8);
            outline-offset: 1px;
        }
        .header-lang-flag-item img,
        .header-lang-flag {
            width: 18px;
            height: 14px;
            object-fit: cover;
            border-radius: 2px;
            display: block;
            vertical-align: middle;
        }
        @media (max-width: 768px) {
            .header-lang-wrap { left: 6px; padding: 4px; box-sizing: border-box; max-width: 44px; z-index: 5; }
            .header-lang-flag-item { padding: 1px; }
            .header-lang-flag-item img,
            .header-lang-flag { width: 10px; height: 7px; }
            .header-lang-flags { gap: 1px 2px; width: 100%; max-width: 44px; }
        }
        @media (max-width: 480px) {
            .header-lang-wrap { left: 4px; padding: 3px; max-width: 40px; }
            .header-lang-flag-item img,
            .header-lang-flag { width: 9px; height: 6px; }
            .header-lang-flags { gap: 1px 2px; max-width: 40px; }
        }

        /* Giriş/Üye Ol: hero sağda, her zaman tıklanabilir */
        .auth-btns-right {
            position: absolute;
            top: 50%;
            right: 16px;
            transform: translateY(-50%);
            display: flex;
            gap: 8px;
            flex-shrink: 0;
            z-index: 9999;
            pointer-events: auto;
        }
        .auth-btns-right .btn-orange-3d {
            pointer-events: auto;
            cursor: pointer;
            position: relative;
            z-index: 1;
        }
        /* Üye ol başlığı: tıklanınca kurumsal/bireysel penceresini açar */
        .header-uye-ol-baslik {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 8px 16px;
            background: #ff6d00;
            color: #fff !important;
            font-weight: 800;
            font-size: 14px;
            text-decoration: none;
            border-radius: 6px;
            cursor: pointer;
            pointer-events: auto;
            position: relative;
            z-index: 1;
            box-shadow: 0 3px #b34d00;
            white-space: nowrap;
            border: none;
        }
        .header-uye-ol-baslik:hover {
            background: #e65a00;
            color: #fff !important;
        }
        .btn-orange-3d { background: #ff6d00 !important; color: white !important; border: none; padding: 8px 16px; border-radius: 6px; font-weight: 800; font-size: 11px; cursor: pointer; box-shadow: 0 3px #b34d00; text-transform: uppercase; white-space: nowrap; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0.2); }
        .auth-btns-right .btn-orange-3d { -webkit-tap-highlight-color: rgba(255,255,255,0.2); }

        nav { background: white; padding: 12px 5px; display: flex; justify-content: flex-start; gap: 10px; border-bottom: 1px solid #ddd; overflow-x: auto; width: 100%; position: relative; z-index: 100; }
        .nav-btn-3d { background: #ffffff; color: #1a237e; border: 1px solid #d1d9e6; padding: 12px 18px; border-radius: 12px; font-size: 11px; font-weight: 800; text-decoration: none; display: inline-flex; flex-direction: column; align-items: center; box-shadow: 2px 2px 4px #b8b9be; min-width: 100px; flex-shrink: 0; transition: background 0.2s ease, color 0.2s ease; }
        nav .nav-btn-3d:hover { background: var(--accent-orange); color: #fff; }

        /* Masaüstünde (geniş ekran) nav başlıkları ekranı tam dolduracak şekilde ölçeklensin */
        @media (min-width: 1024px) {
            nav { justify-content: center; overflow-x: visible; }
            nav .nav-btn-3d {
                flex: 1 1 0;
                min-width: 0;
                max-width: none;
                padding: 10px 12px;
                font-size: 10px;
            }
        }

        /* Telefon görünümü: kayan ticker kapalı, başlıklar 2 sütun (sol 6 / sağ 5) */
        @media (max-width: 900px) {
            .live-ticker-bar { display: none !important; }
            nav {
                display: grid;
                grid-template-columns: 1fr 1fr;
                grid-template-rows: repeat(6, auto);
                gap: 8px;
                padding: 10px 8px;
                overflow: visible;
            }
            nav .nav-btn-3d {
                width: 100%;
                min-width: 0;
                max-width: none;
                flex-shrink: 1;
                background: #0d1b4d;
                color: #ffffff;
                border: 1px solid rgba(143,211,255,0.4);
            }
            body:not(.theme-light) nav .nav-btn-3d:hover { background: #1a2d73; color: #ffffff; }
            body.theme-light nav .nav-btn-3d {
                background: #ffffff;
                color: #1a237e;
                border: 1px solid #1e3a5f;
            }
            body.theme-light nav .nav-btn-3d:hover { background: #eef2ff; color: #1a237e; }
            nav .nav-btn-3d:nth-child(1) { grid-column: 1; grid-row: 1; }
            nav .nav-btn-3d:nth-child(2) { grid-column: 1; grid-row: 2; }
            nav .nav-btn-3d:nth-child(3) { grid-column: 1; grid-row: 3; }
            nav .nav-btn-3d:nth-child(4) { grid-column: 1; grid-row: 4; }
            nav .nav-btn-3d:nth-child(5) { grid-column: 1; grid-row: 5; }
            nav .nav-btn-3d:nth-child(6) { grid-column: 1; grid-row: 6; }
            nav .nav-btn-3d:nth-child(7) { grid-column: 2; grid-row: 1; }
            nav .nav-btn-3d:nth-child(8) { grid-column: 2; grid-row: 2; }
            nav .nav-btn-3d:nth-child(9) { grid-column: 2; grid-row: 3; }
            nav .nav-btn-3d:nth-child(10) { grid-column: 2; grid-row: 4; }
            nav .nav-btn-3d:nth-child(11) { grid-column: 2; grid-row: 5; }
        }

        /* Kıyasla stilleri `kiyasla.css` içine taşındı. */

        .info-slider-container { width: 100%; background: #000; position: relative; height: 450px; overflow: hidden; display: flex; align-items: center; border-bottom: 4px solid var(--light-blue); }
        .slider-wrapper { display: flex; transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1); width: 100%; height: 100%; }
        .slide-item { min-width: 100%; height: 100%; display: flex; align-items: flex-start; justify-content: center; padding: 32px 80px 40px; text-align: center; position: relative; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; cursor: pointer; }
        .slide-item::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 1; }
        .slide-content { position: relative; z-index: 2; color: white; width: 100%; max-width: 900px; display: flex; flex-direction: column; align-items: center; }
        .slide-heading { display: flex; align-items: center; justify-content: center; gap: 12px; margin-bottom: 16px; }
        .slide-heading strong { color: #2aa8ff; font-size: 25.6px; text-transform: uppercase; margin: 0; letter-spacing: 0.5px; }
        .slide-content i { font-size: 48px; color: #ffd700; display: block; }
        .text-group strong { color: #2aa8ff; font-size: 25.6px; text-transform: uppercase; margin: 0; display: block; letter-spacing: 0.5px; }
        .text-group p { font-size: 15px; line-height: 1.65; font-weight: 500; margin: 0; max-width: 720px; }
        .slider-btn { position: absolute; top: 0; height: 100%; width: 60px; background: rgba(0,0,0,0.5); border: none; color: white; z-index: 10; font-size: 30px; cursor: pointer; }
        .prev { left: 0; } .next { right: 0; }

        .market-modal { display: none; position: fixed; z-index: 9000; inset: 0; background: rgba(3, 10, 37, 0.98); align-items: center; justify-content: center; padding: 10px; }
        .modal-inner { width: 100%; max-width: 1200px; background: #05103a; border-radius: 15px; padding: 30px; border: 1px solid var(--light-blue); position: relative; max-height: 90vh; overflow-y: auto; }
        .analizler-modal { z-index: 11005; }
        .analizler-modal .analizler-modal-inner { max-width: 460px; padding: 18px; border-radius: 14px; }
        .grid-container { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 20px; }
        @media (min-width: 600px) { .grid-container { grid-template-columns: repeat(auto-fill, minmax(135px, 1fr)); } }
        .card-item { background: #0d1b4d; padding: 18px; border-radius: 8px; text-align: center; cursor: pointer; border: 1px solid rgba(42,168,255,0.2); color: white; font-weight: 800; font-size: 11px; transition: 0.3s; }
        .card-item:hover { background: var(--light-blue); color: #030a25; transform: translateY(-3px); }
        .market-ana-baslik { color: #fff !important; text-align: center; font-size: 20px; margin: 0 0 20px 0; }
        .market-kategori-grid .market-alt-baslik { font-size: 18px; font-weight: 700; color: #fff !important; padding: 20px 16px; letter-spacing: 0.02em; }
        .market-kategori-grid .market-alt-baslik:hover { color: #030a25 !important; }
        .market-modal-baslik { margin: 0 0 20px 0; font-size: 22px; font-weight: 700; color: #fff !important; text-align: left; padding-left: 0; }
        #emtiaModal .market-modal-baslik, #kriptoModal .market-modal-baslik, #dovizModal .market-modal-baslik, #hisseModal .market-modal-baslik { color: #fff !important; }

        /* ANA KATEGORILER: alt alta liste ve dar pencere */
        #categoryModal .modal-inner {
            max-width: 460px;
            padding: 22px 18px;
            border-radius: 14px;
        }
        #categoryModal .grid-container.market-kategori-grid {
            grid-template-columns: 1fr !important;
            gap: 8px;
            margin-top: 12px;
        }
        #categoryModal .grid-container.market-kategori-grid .card-item.market-alt-baslik {
            width: 100%;
            text-align: left;
            padding: 12px 14px;
            font-size: 15px;
            border-radius: 10px;
            min-height: 46px;
            display: flex;
            align-items: center;
            justify-content: flex-start;
        }
        .social-network-list { display: flex; flex-direction: column; gap: 8px; }
        .krediler-popup { display: none !important; position: fixed !important; z-index: 10010; inset: 0; background: rgba(0,0,0,0.5); align-items: center; justify-content: center; padding: 20px; }
        .krediler-popup.open { display: flex !important; visibility: visible !important; }
        .krediler-popup-inner { background: #05103a; border: 2px solid var(--light-blue); border-radius: 14px; min-width: 280px; max-width: 360px; box-shadow: 0 12px 40px rgba(0,0,0,0.5); overflow: hidden; }
        .krediler-popup-header { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; border-bottom: 1px solid rgba(42,168,255,0.3); }
        .krediler-popup-title { color: #fff; font-size: 18px; font-weight: 800; }
        .krediler-popup-close { width: 36px; height: 36px; border: none; border-radius: 8px; background: #0d1b4d; color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 18px; transition: 0.2s; }
        .krediler-popup-close:hover { background: var(--accent-orange); color: #fff; }
        .krediler-popup-body { padding: 12px 18px 18px; display: flex; flex-direction: column; gap: 10px; }
        .krediler-popup-item { display: flex; align-items: center; gap: 14px; padding: 14px 16px; background: #0d1b4d; border: 1px solid rgba(42,168,255,0.2); border-radius: 10px; color: #fff; font-size: 14px; font-weight: 700; cursor: pointer; transition: 0.2s; }
        .krediler-popup-item:hover { background: rgba(42,168,255,0.15); border-color: var(--light-blue); }
        .krediler-popup-icon { color: var(--accent-orange); font-size: 22px; width: 28px; text-align: center; }
        .menu-popup { display: none !important; position: fixed !important; z-index: 99999 !important; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); align-items: center; justify-content: center; padding: 20px; box-sizing: border-box; }
        .menu-popup.open { display: flex !important; visibility: visible !important; opacity: 1 !important; }
        .menu-popup-inner { background: #05103a; border: 2px solid var(--light-blue); border-radius: 14px; min-width: 300px; max-width: 380px; box-shadow: 0 12px 40px rgba(0,0,0,0.5); overflow: hidden; }
        .menu-popup-header { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; border-bottom: 1px solid rgba(42,168,255,0.3); }
        .menu-popup-title { color: #fff; font-size: 18px; font-weight: 800; }
        .menu-popup-close { width: 36px; height: 36px; border: none; border-radius: 8px; background: #0d1b4d; color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 18px; transition: 0.2s; }
        .menu-popup-close:hover { background: var(--accent-orange); color: #fff; }
        .menu-popup-body { padding: 12px 18px 18px; display: flex; flex-direction: column; gap: 8px; }
        .menu-popup-item { display: flex; align-items: center; gap: 14px; padding: 14px 16px; background: #0d1b4d; border: 1px solid rgba(42,168,255,0.2); border-radius: 10px; color: #fff; font-size: 14px; font-weight: 700; cursor: pointer; transition: 0.2s; }
        .menu-popup-item:hover { background: rgba(42,168,255,0.15); border-color: var(--light-blue); }
        .menu-popup-icon { color: var(--accent-orange); font-size: 20px; width: 26px; text-align: center; }
        .menu-content-modal { display: none; position: fixed; z-index: 100000; inset: 0; background: rgba(0,0,0,0.6); align-items: center; justify-content: center; padding: 20px; overflow: auto; }
        .menu-content-modal.open { display: flex !important; visibility: visible !important; opacity: 1 !important; }
        .menu-content-inner { background: #05103a; border: 2px solid var(--light-blue); border-radius: 14px; max-width: 640px; width: 100%; max-height: 85vh; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 16px 48px rgba(0,0,0,0.5); }
        .menu-content-header { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid rgba(42,168,255,0.3); flex-shrink: 0; background: #05103a; }
        .menu-content-title { margin: 0; color: #fff; font-size: 20px; font-weight: 800; }
        .menu-content-close { width: 40px; height: 40px; border: none; border-radius: 10px; background: #0d1b4d; color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 20px; transition: 0.2s; }
        .menu-content-close:hover { background: var(--accent-orange); color: #fff; }
        .menu-content-body { padding: 20px 24px 24px; overflow-y: auto; background: #05103a; color: #e2e8f0; font-size: 15px; line-height: 1.65; }
        .menu-content-body h4 { color: #fff; font-size: 16px; margin: 16px 0 8px; font-weight: 800; }
        .menu-content-body h4:first-child { margin-top: 0; }
        .menu-content-body p { margin: 0 0 12px; color: #e2e8f0; }
        .menu-content-body ul { margin: 0 0 12px; padding-left: 22px; color: #e2e8f0; }
        .menu-content-body a { color: var(--light-blue); text-decoration: none; }
        .menu-content-body a:hover { color: var(--accent-orange); text-decoration: underline; }
        .menu-content-contact { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; margin-top: 20px; }
        .menu-content-contact a.menu-contact-logo-link { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 12px; background: #0d1b4d; text-decoration: none; transition: background 0.2s, opacity 0.2s; border: 1px solid rgba(42,168,255,0.3); padding: 0; }
        .menu-content-contact a.menu-contact-logo-link:hover { background: rgba(42,168,255,0.25); opacity: 1; }
        .menu-content-contact .menu-contact-logo { width: 26px; height: 26px; display: block; object-fit: contain; }
        @media (max-width: 768px) {
            .menu-popup.open { padding: 0 !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; min-height: 100vh !important; min-height: 100dvh !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; display: flex !important; visibility: visible !important; opacity: 1 !important; z-index: 99999 !important; }
            .menu-popup-inner { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: calc(100vw - 24px) !important; max-width: calc(100vw - 24px) !important; min-width: 0 !important; margin: 0 !important; max-height: 85vh !important; overflow-y: auto !important; border-radius: 16px; box-sizing: border-box; background: #05103a; border: 2px solid var(--light-blue); box-shadow: 0 12px 40px rgba(0,0,0,0.5); -webkit-overflow-scrolling: touch; }
            .menu-popup-header { padding: 14px 18px; background: #05103a; border-bottom: 1px solid rgba(42,168,255,0.3); }
            .menu-popup-title { color: #fff; font-size: 18px; font-weight: 800; }
            .menu-popup-close { width: 44px; height: 44px; min-width: 44px; min-height: 44px; -webkit-tap-highlight-color: transparent; background: #0d1b4d; color: #fff; border-radius: 10px; }
            .menu-popup-body { padding: 14px 18px 20px; gap: 10px; background: #05103a; }
            .menu-popup-item { padding: 16px 18px; font-size: 15px; min-height: 52px; -webkit-tap-highlight-color: rgba(42,168,255,0.15); cursor: pointer; background: #0d1b4d; border: 1px solid rgba(42,168,255,0.2); border-radius: 10px; color: #fff; font-weight: 700; }
            .menu-popup-icon { font-size: 22px; width: 28px; color: var(--accent-orange); }
            .menu-content-modal.open { padding: 0 !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; min-height: 100vh !important; min-height: 100dvh !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; -webkit-overflow-scrolling: touch; overflow: auto !important; display: flex !important; z-index: 100000 !important; }
            .menu-content-inner { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: calc(100vw - 24px) !important; max-width: calc(100vw - 24px) !important; max-height: 88vh !important; margin: 0 !important; border-radius: 16px; box-sizing: border-box; background: #05103a; box-shadow: 0 16px 48px rgba(0,0,0,0.5); overflow: hidden; -webkit-overflow-scrolling: touch; }
            .menu-content-header { padding: 14px 18px; flex-wrap: wrap; gap: 8px; background: #05103a; border-bottom: 1px solid rgba(42,168,255,0.3); }
            .menu-content-title { color: #fff; font-size: 17px; font-weight: 800; line-height: 1.3; padding-right: 8px; flex: 1; min-width: 0; }
            .menu-content-close { width: 44px; height: 44px; min-width: 44px; min-height: 44px; flex-shrink: 0; -webkit-tap-highlight-color: transparent; background: #0d1b4d; color: #fff; border-radius: 10px; }
            .menu-content-body { padding: 16px 18px 20px; font-size: 15px; line-height: 1.6; -webkit-overflow-scrolling: touch; overflow-y: auto; background: #05103a; color: #e2e8f0; }
            .menu-content-body h4 { color: #fff; font-size: 15px; margin: 14px 0 6px; font-weight: 800; }
            .menu-content-body p, .menu-content-body ul { color: #e2e8f0; }
            .menu-content-contact { gap: 16px; margin-top: 16px; }
            .menu-content-contact a.menu-contact-logo-link { width: 48px; height: 48px; min-width: 48px; min-height: 48px; -webkit-tap-highlight-color: transparent; }
        }
        @media (max-width: 480px) {
            .menu-popup-inner { width: calc(100vw - 16px) !important; max-width: calc(100vw - 16px) !important; border-radius: 14px; }
            .menu-popup-item { padding: 14px 16px; font-size: 14px; min-height: 48px; }
            .menu-content-inner { width: calc(100vw - 16px) !important; max-width: calc(100vw - 16px) !important; max-height: 90vh; border-radius: 14px; }
        }
        /* Dil seçimi penceresi (9 dil) – mobil ve web */
        .lang-popup { display: none !important; position: fixed !important; z-index: 100010 !important; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); align-items: center; justify-content: center; padding: 20px; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
        .lang-popup.open { display: flex !important; visibility: visible !important; opacity: 1 !important; }
        .lang-popup-inner { background: #05103a; border: 2px solid var(--light-blue); border-radius: 14px; min-width: 300px; max-width: 420px; width: 100%; box-shadow: 0 12px 40px rgba(0,0,0,0.5); overflow: hidden; max-height: 90vh; display: flex; flex-direction: column; }
        .lang-popup-header { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; border-bottom: 1px solid rgba(42,168,255,0.3); flex-shrink: 0; }
        .lang-popup-title { color: #fff; font-size: 18px; font-weight: 800; }
        .lang-popup-close { width: 36px; height: 36px; border: none; border-radius: 8px; background: #0d1b4d; color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 18px; transition: 0.2s; }
        .lang-popup-close:hover { background: var(--accent-orange); color: #fff; }
        .lang-popup-body { padding: 14px 18px 18px; overflow-y: auto; flex: 1; min-height: 0; -webkit-overflow-scrolling: touch; }
        .lang-popup-desc { margin: 0 0 14px; font-size: 13px; color: #94a3b8; line-height: 1.4; }
        .lang-popup-dil-list { display: flex; flex-direction: column; gap: 8px; margin-bottom: 14px; }
        .lang-popup-footer { margin-top: 4px; flex-shrink: 0; }
        @media (max-width: 768px) {
            .lang-popup.open { padding: 12px !important; align-items: center !important; justify-content: center !important; min-height: 100vh; min-height: 100dvh; }
            .lang-popup-inner { width: 100% !important; max-width: calc(100vw - 24px) !important; min-width: 0 !important; max-height: 85vh !important; border-radius: 16px; -webkit-overflow-scrolling: touch; }
            .lang-popup-header { padding: 16px 18px; }
            .lang-popup-close { width: 44px; height: 44px; min-width: 44px; min-height: 44px; -webkit-tap-highlight-color: transparent; border-radius: 10px; }
            .lang-popup-body { padding: 16px 18px 20px; }
            .lang-popup-dil-list .ayarlar-dil-item { padding: 16px 18px; min-height: 52px; font-size: 15px; -webkit-tap-highlight-color: rgba(42,168,255,0.15); }
        }
        @media (max-width: 480px) {
            .lang-popup-inner { max-width: calc(100vw - 16px) !important; border-radius: 14px; }
            .lang-popup-dil-list .ayarlar-dil-item { padding: 14px 16px; min-height: 48px; font-size: 14px; }
        }
        /* Header dil alanı: mobilde sola yaslı, logo ile çakışmasın diye z-index logo altında */
        @media (max-width: 768px) {
            .header-lang-wrap { min-width: 38px; min-height: 38px; display: flex; align-items: center; justify-content: flex-start; -webkit-tap-highlight-color: transparent; }
        }
        .social-network-wrapper { display: none; background: #05103a; border-bottom: 2px solid var(--light-blue); min-height: 320px; position: relative; z-index: 1; }
        .social-network-wrapper.open { display: flex; z-index: 1; }
        .social-network-inline { padding: 16px 20px; display: flex; flex-direction: column; gap: 8px; width: 280px; min-width: 280px; align-items: stretch; flex-shrink: 0; position: relative; z-index: 10; }
        @media (max-width: 1024px) {
            .social-network-wrapper.open { flex-direction: column; width: 100%; max-width: 100vw; box-sizing: border-box; }
            .social-network-inline { width: 100%; min-width: 0; max-width: 100%; padding: 16px 0 16px 16px; box-sizing: border-box; }
            .social-nav-item { width: 100%; box-sizing: border-box; }
            .social-network-carousel { display: none !important; }
        }
        .social-network-carousel { flex: 1; position: relative; overflow: hidden; background: #0a1229; z-index: 1; }
        .social-carousel-track { display: flex; transition: transform 0.6s ease; height: 100%; min-height: 320px; }
        .social-carousel-slide { min-width: 100%; height: 100%; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; opacity: 0.85; }
        .social-carousel-btn { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,0.5); color: #fff; border: none; width: 44px; height: 44px; border-radius: 50%; cursor: pointer; font-size: 18px; z-index: 2; transition: 0.3s; }
        .social-carousel-btn:hover { background: var(--light-blue); color: #030a25; }
        .social-carousel-btn.prev { left: 12px; }
        .social-carousel-btn.next { right: 12px; }

        /* PROFİL MODAL */
        .profile-modal { display: none; position: fixed; z-index: 10000; inset: 0; background: rgba(3,10,37,0.95); align-items: center; justify-content: center; padding: 20px; }
        .profile-modal.open { display: flex; }
        .profile-modal-inner { width: 100%; max-width: 900px; max-height: 90vh; background: #05103a; border-radius: 15px; border: 1px solid var(--light-blue); overflow-y: auto; position: relative; display: flex; flex-direction: column; }
        .profile-modal-header { position: sticky; top: 0; background: #05103a; padding: 16px 20px; border-bottom: 1px solid rgba(42,168,255,0.3); display: flex; justify-content: space-between; align-items: center; z-index: 1; }
        .profile-modal-header h2 { margin: 0; color: #fff; font-size: 20px; }
        .profile-modal-corner { display: flex; gap: 10px; }
        .profile-btn-small { background: #0d1b4d; border: 1px solid rgba(42,168,255,0.4); color: #fff; padding: 6px 12px; border-radius: 6px; font-size: 12px; cursor: pointer; }
        .profile-btn-small:hover { background: var(--light-blue); color: #030a25; }
        .profile-btn-small.profile-btn-primary { background: var(--accent-orange); border-color: var(--accent-orange); color: #030a25; font-weight: 700; }
        .profile-btn-small.profile-btn-primary:hover { background: #ffb347; border-color: #ffb347; color: #030a25; }
        .profile-btn-small:disabled { opacity: 0.5; cursor: not-allowed; }
        .profile-btn-small.profile-btn-primary:disabled { opacity: 0.7; }
        .profile-photo-actions { font-size: 11px; color: #8fd3ff; margin-top: 6px; display: flex; gap: 12px; justify-content: center; }
        .profile-photo-actions span { cursor: pointer; text-decoration: underline; }
        .profile-photo-actions span:hover { color: var(--accent-orange); }
        .profile-body { display: flex; padding: 24px; gap: 30px; flex-wrap: wrap; }
        .profile-photo-area { flex-shrink: 0; width: 180px; }
        .profile-photo-box { width: 160px; height: 160px; border: 2px dashed rgba(42,168,255,0.5); border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #0d1b4d; overflow: hidden; }
        .profile-photo-box img { width: 100%; height: 100%; object-fit: cover; }
        .profile-photo-box .placeholder { color: #5a6b8a; font-size: 12px; text-align: center; }
        .profile-info-area { flex: 1; min-width: 280px; }
        .profile-info-title { color: var(--light-blue); font-size: 16px; font-weight: 800; margin-bottom: 16px; }
        .profile-field { margin-bottom: 12px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
        .profile-field label { color: #cbd5f5; font-size: 13px; min-width: 140px; }
        .profile-field input, .profile-field textarea, .profile-field select { flex: 1; min-width: 200px; padding: 8px 10px; border-radius: 6px; border: 1px solid #2a3b7a; background: #020824; color: #fff; font-size: 13px; }
        .profile-field-hint { display: block; font-size: 11px; color: #5a6b8a; margin-top: 4px; }
        .profile-field input:disabled, .profile-field textarea:disabled, .profile-field select:disabled { opacity: 0.8; cursor: not-allowed; }
        .profile-footer { padding: 16px 24px; border-top: 1px solid rgba(42,168,255,0.2); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: auto; }
        .profile-update-link { font-size: 11px; color: #8fd3ff; cursor: pointer; text-decoration: underline; }
        .profile-update-link:hover { color: var(--accent-orange); }
        .profile-save-btns { display: flex; gap: 8px; }
        .profile-remove-confirm { position: fixed; z-index: 10001; inset: 0; background: rgba(0,0,0,0.8); display: none; align-items: center; justify-content: center; }
        .profile-remove-confirm.open { display: flex; }
        .profile-remove-inner { background: #05103a; padding: 24px; border-radius: 12px; border: 1px solid var(--light-blue); text-align: center; }
        .profile-remove-inner p { color: #fff; margin: 0 0 16px 0; }
        .profile-remove-inner .btns { display: flex; gap: 12px; justify-content: center; }

        /* Arkadaş profil görüntüleme modalı – yazılar beyaz */
        #friendProfileViewModal .profile-body,
        #friendProfileViewModal .profile-info-area { color: #fff; }
        #friendProfileViewModal .profile-photo-box .placeholder { color: #e2e8f0; }

        /* Arkadaş profil – büyük ekran, mobil uyumlu (ekteki düzen) */
        .friend-profile-title-spacer { display: none !important; }
        .friend-profile-inner { position: relative; width: 94vw; max-width: 1100px; min-height: 70vh; max-height: 92vh; display: flex; flex-direction: column; overflow: hidden; border-radius: 16px; background: linear-gradient(180deg, #0d1b4d 0%, #05103a 50%, #020824 100%); border: 1px solid rgba(42,168,255,0.35); box-shadow: 0 20px 60px rgba(0,0,0,0.5); }
        .friend-profile-close-btn { position: absolute; top: 6px; right: 12px; width: 40px; height: 40px; border: none; border-radius: 8px; background: #0d1b4d; color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 18px; transition: background 0.2s, color 0.2s; z-index: 10; }
        .friend-profile-close-btn:hover { background: rgba(42,168,255,0.5); color: #fff; }
        .friend-profile-section-title { margin: 0; padding: 14px 20px 8px; color: #ffffff; font-size: 18px; font-weight: 800; display: none; }
        .friend-profile-header-row { display: flex; align-items: flex-start; gap: 20px; padding: 20px; padding-top: 16px; border-bottom: 1px solid rgba(42,168,255,0.25); flex-wrap: wrap; }
        .friend-profile-photo-wrap { position: relative; flex-shrink: 0; width: 130px; height: 130px; }
        .friend-profile-photo { width: 130px; height: 130px; border-radius: 50%; object-fit: cover; background: #1e3a5f; display: block; }
        .friend-profile-photo-placeholder { position: absolute; inset: 0; border-radius: 50%; background: #1e3a5f; color: #8fd3ff; font-size: 14px; display: flex; align-items: center; justify-content: center; }
        .friend-profile-meta { flex: 1; min-width: 0; margin-left: 0; display: flex; flex-direction: column; gap: 6px; }
        .friend-profile-name { margin: 0 0 2px 0; font-size: 22px; font-weight: 800; color: #ffffff; }
        .friend-profile-stats { display: flex; gap: 12px 20px; flex-wrap: nowrap; align-items: flex-end; }
        .friend-profile-stat { display: flex; flex-direction: column; cursor: pointer; padding: 4px 6px; border-radius: 8px; transition: background 0.2s; min-width: 0; flex: 1; max-width: 120px; text-align: center; }
        .friend-profile-stat:hover { background: rgba(42,168,255,0.15); }
        .friend-profile-stat-n { font-size: 20px; font-weight: 800; color: #ffffff; line-height: 1.2; }
        .friend-profile-stat-l { font-size: 11px; color: #94a3b8; margin-top: 2px; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .friend-profile-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; width: 100%; flex-shrink: 0; }
        .friend-profile-actions-row { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
        .friend-profile-actions .friend-btn-add { background: rgba(22,163,74,0.25); color: #22c55e; border: 1px solid rgba(22,163,74,0.5); }
        .friend-profile-actions .friend-btn-msg { background: #2563eb; color: #fff; }
        .friend-profile-actions .friend-btn-unfollow { background: rgba(248,250,252,0.15); color: #dc2626; border: 1px solid rgba(248,250,252,0.3); }
        .friend-profile-actions .friend-btn-block { background: rgba(248,250,252,0.12); color: #94a3b8; border: 1px solid rgba(248,250,252,0.25); }
        .friend-profile-actions .friend-btn-view { background: #0d1b4d; color: #8fd3ff; border: 1px solid rgba(42,168,255,0.4); }
        .friend-profile-bio { padding: 12px 20px; border-bottom: 1px solid rgba(42,168,255,0.2); font-size: 14px; color: #cbd5f5; line-height: 1.5; background: rgba(2,8,36,0.4); }
        .friend-profile-bio:empty { display: none; }
        /* Arkadaş listesi penceresi (Ortak Arkadaş / Takip Ettiklerim / Takipçi) */
        .friend-list-window-modal { display: none; position: fixed; inset: 0; z-index: 10002; background: rgba(0,0,0,0.6); align-items: center; justify-content: center; padding: 20px; }
        .friend-list-window-modal.open { display: flex; }
        .friend-list-window-inner { width: 100%; max-width: 420px; max-height: 85vh; background: linear-gradient(180deg, #0d1b4d 0%, #020824 100%); border-radius: 16px; border: 1px solid rgba(42,168,255,0.3); box-shadow: 0 12px 40px rgba(0,0,0,0.5); display: flex; flex-direction: column; overflow: hidden; }
        .friend-list-window-header { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border-bottom: 1px solid rgba(42,168,255,0.2); background: rgba(13,27,77,0.6); }
        .friend-list-window-title { font-size: 16px; font-weight: 800; color: #fff; margin: 0; }
        .friend-list-window-nav { display: flex; align-items: center; gap: 8px; }
        .friend-list-window-btn { width: 36px; height: 36px; border-radius: 8px; border: none; background: rgba(42,168,255,0.2); color: #8fd3ff; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 14px; transition: background 0.2s, color 0.2s; }
        .friend-list-window-btn:hover { background: rgba(42,168,255,0.35); color: #fff; }
        .friend-list-window-search-row { padding: 12px 16px; border-bottom: 1px solid rgba(42,168,255,0.15); display: flex; align-items: center; gap: 10px; }
        .friend-list-window-search-wrap { position: relative; flex: 1; min-width: 0; }
        .friend-list-window-search-wrap input { width: 100%; padding: 10px 12px 10px 40px; border-radius: 8px; border: 1px solid #2a3b7a; background: #020824; color: #fff; font-size: 14px; box-sizing: border-box; }
        .friend-list-window-search-wrap .fa-search { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #8fd3ff; pointer-events: none; font-size: 14px; }
        .friend-list-window-search-btn { width: 40px; height: 40px; border-radius: 8px; border: none; background: rgba(42,168,255,0.25); color: #2aa8ff; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: background 0.2s; }
        .friend-list-window-search-btn:hover { background: rgba(42,168,255,0.4); }
        .friend-list-window-list { flex: 1; overflow-y: auto; max-height: 320px; padding: 8px; }
        .friend-list-window-list-item { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 8px; cursor: pointer; color: #fff; border: 1px solid transparent; transition: background 0.2s, border-color 0.2s; }
        .friend-list-window-list-item:hover { background: rgba(42,168,255,0.15); border-color: rgba(42,168,255,0.3); }
        .friend-list-window-list-item img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; background: #1e3a5f; }
        .friend-profile-actions-row { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
        .friend-btn-unfollow { background: rgba(239,68,68,0.2); color: #f87171; border: 1px solid rgba(239,68,68,0.5); }
        .friend-btn-unfollow:hover { background: rgba(239,68,68,0.35); color: #fca5a5; }
        .friend-btn-block { background: rgba(248,250,252,0.15); color: #94a3b8; border: 1px solid rgba(148,163,184,0.4); }
        .friend-btn-block:hover { background: rgba(239,68,68,0.2); color: #f87171; }
        .friend-profile-tabs { display: flex; gap: 4px; padding: 0 20px; border-bottom: 1px solid rgba(42,168,255,0.2); flex-wrap: wrap; }
        .friend-profile-tab { padding: 12px 16px; border: none; background: transparent; color: #8fd3ff; font-size: 14px; font-weight: 700; cursor: pointer; border-bottom: 3px solid transparent; margin-bottom: -1px; }
        .friend-profile-tab:hover { color: #fff; }
        .friend-profile-tab.active { color: #2aa8ff; border-bottom-color: #2aa8ff; }
        .friend-profile-body { flex: 1; overflow-y: auto; padding: 20px; min-height: 200px; color: #fff; display: block; }
        .friend-profile-body.friend-profile-yorumlar-list { display: flex; flex-direction: column; gap: 16px; }
        .friend-profile-body .profile-info-area { display: block; width: 100%; }
        .friend-profile-body-section { margin: 0 0 16px 0; color: #ffffff; font-size: 18px; font-weight: 800; }
        .friend-profile-body .profile-field { margin-bottom: 14px; display: block; }
        .friend-profile-body .profile-field label { color: #94a3b8; display: block; margin-bottom: 4px; font-size: 13px; font-weight: 600; }
        .friend-profile-body .profile-field span { color: #ffffff; display: block; margin-top: 2px; font-size: 15px; font-weight: 700; }
        .friend-profile-body .friends-empty { color: #8fd3ff; }
        .friend-profile-kariyer-editor { display: flex; flex-direction: column; gap: 12px; }
        .friend-profile-kariyer-desc { margin: 0 0 8px; font-size: 13px; color: #8fd3ff; }
        .friend-profile-kariyer-editor textarea { width: 100%; min-height: 120px; padding: 12px; border-radius: 8px; border: 1px solid #2a3b7a; background: #020824; color: #fff; font-size: 14px; resize: vertical; font-family: inherit; }
        .friend-profile-kariyer-editor .kariyer-file-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
        .friend-profile-kariyer-editor .kariyer-file-row input[type="file"] { display: none; }
        .friend-profile-kariyer-editor .kariyer-btns { display: flex; gap: 10px; flex-wrap: wrap; }
        .friend-profile-kariyer-editor .kariyer-btns button { padding: 10px 20px; border-radius: 8px; border: none; font-weight: 700; cursor: pointer; font-size: 14px; }
        .friend-profile-kariyer-view { color: #fff; }
        .friend-profile-kariyer-view a { color: #2aa8ff; }
        .friend-profile-post-item { background: #0d1b4d; border-radius: 10px; padding: 14px; margin-bottom: 12px; border: 1px solid rgba(42,168,255,0.2); }
        .friend-profile-post-date { font-size: 12px; color: #8fd3ff; margin-bottom: 8px; }
        .friend-profile-post-item .post-text { margin-bottom: 10px; white-space: pre-wrap; word-break: break-word; }
        .friend-profile-post-item .post-media { display: flex; flex-wrap: wrap; gap: 10px; }
        .friend-profile-post-item .post-media img, .friend-profile-post-item .post-media video { max-width: 100%; max-height: 280px; border-radius: 8px; margin-top: 0; object-fit: contain; }

        /* Tam ekran sekme overlay (telefon genişliği, X + Geri) */
        .friend-profile-tab-overlay { display: none; position: fixed; inset: 0; z-index: 10003; background: #05103a; flex-direction: column; width: 100vw; max-width: 100vw; left: 0; right: 0; top: 0; bottom: 0; }
        .friend-profile-tab-overlay.open { display: flex; }
        .friend-profile-tab-overlay-inner { display: flex; flex-direction: column; width: 100%; height: 100%; max-width: 100vw; overflow: hidden; }
        .friend-profile-tab-overlay-header { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border-bottom: 1px solid rgba(42,168,255,0.3); background: #0d1b4d; flex-shrink: 0; min-height: 52px; }
        .friend-profile-tab-overlay-title { font-size: 18px; font-weight: 800; color: #fff; }
        .friend-profile-tab-overlay-nav { display: flex; align-items: center; gap: 10px; }
        .friend-profile-tab-overlay-btn { width: 44px; height: 44px; border-radius: 10px; border: none; background: rgba(42,168,255,0.25); color: #8fd3ff; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 18px; transition: background 0.2s, color 0.2s; -webkit-tap-highlight-color: transparent; }
        .friend-profile-tab-overlay-btn:hover { background: rgba(42,168,255,0.5); color: #fff; }
        .friend-profile-tab-overlay-body { flex: 1; overflow-y: auto; overflow-x: hidden; padding: 16px 20px; -webkit-overflow-scrolling: touch; color: #fff; }
        .friend-profile-tab-overlay-body .profile-info-area, .friend-profile-tab-overlay-body .friend-profile-kariyer-view, .friend-profile-tab-overlay-body .friend-profile-kariyer-editor { width: 100%; max-width: 100%; box-sizing: border-box; }
        .friend-profile-tab-overlay-body .friend-profile-post-item .post-media img, .friend-profile-tab-overlay-body .friend-profile-post-item .post-media video { max-width: 100%; }

        /* Profil penceresi ve Kişi Ara – mobil */
        @media (max-width: 768px) {
            #friendProfileViewModal { padding: 8px; align-items: stretch; }
            .friend-profile-inner { width: 100%; max-width: 100%; min-height: 85vh; max-height: 95vh; border-radius: 12px; }
            .friend-profile-header-row { padding: 14px 16px; gap: 16px; }
            .friend-profile-photo-wrap { width: 90px; height: 90px; }
            .friend-profile-photo { width: 90px; height: 90px; }
            .friend-profile-name { font-size: 18px; }
            .friend-profile-stats { gap: 10px; flex-wrap: nowrap; }
            .friend-profile-stat { max-width: 90px; }
            .friend-profile-stat-n { font-size: 18px; }
            .friend-profile-stat-l { font-size: 10px; }
            .friend-profile-tabs { padding: 0 12px; gap: 2px; }
            .friend-profile-tab { padding: 10px 12px; font-size: 13px; }
            .friend-profile-body { padding: 14px 16px; }
            .friend-profile-actions { flex-wrap: wrap; }
        }
        @media (max-width: 480px) {
            .friend-profile-photo-wrap { width: 72px; height: 72px; }
            .friend-profile-photo { width: 72px; height: 72px; }
            .friend-profile-name { font-size: 16px; }
        }
        @media (max-width: 768px) {
            .friends-modal { padding: 6px; }
            .friends-modal-inner { width: 100%; height: 98vh; max-height: 98vh; border-radius: 12px; }
            .friends-modal-inner.friends-small { width: 100%; height: 90vh; }
            .friends-content { padding: 12px 14px; gap: 10px; }
            .friend-card { padding: 12px 14px; border-radius: 10px; }
            .friend-card-actions { margin-bottom: 10px; gap: 6px; }
            .friend-card-actions .friend-btn { padding: 10px 12px; font-size: 12px; min-height: 44px; -webkit-tap-highlight-color: transparent; }
            /* Telefonda Kişi Ara butonları: ekran genişliğine göre tam yayılsın, okunaklı */
            #friendsModal .friend-card-actions { gap: 6px; margin-bottom: 10px; width: 100%; display: flex; flex-wrap: wrap; }
            #friendsModal .friend-card-actions .friend-btn { flex: 1 1 0; min-width: 0; max-width: none; width: auto; padding: 12px 14px; font-size: 13px; min-height: 44px; border-radius: 8px; overflow: visible; text-overflow: clip; white-space: nowrap; }
            #friendsModal .friend-card-actions > span { flex: 1 1 0; min-width: 0; max-width: none; font-size: 13px; overflow: visible; text-overflow: clip; white-space: nowrap; }
            .friend-card-avatar { width: 48px; height: 48px; min-width: 48px; }
            .friend-card-name { font-size: 14px; }
            .friend-card-email { font-size: 12px; }
            .friend-list-window-modal { padding: 10px; }
            .friend-list-window-inner { max-width: 100%; max-height: 90vh; border-radius: 12px; }
            .friend-list-window-list { max-height: 50vh; }
            .notifications-panel-modal { padding: 6px; }
            .notifications-panel-inner { width: 100%; height: 98vh; max-height: 98vh; border-radius: 12px; }
        }

        /* ARKADAŞLARIM MODAL (Kişi Ara) – ekranı kaplayan büyük pencere */
        .friends-modal { display: none; position: fixed; z-index: 10000; inset: 0; background: rgba(3,10,37,0.95); align-items: center; justify-content: center; padding: 12px; transition: align-items 0.25s ease; }
        .friends-modal.open { display: flex; }
        .friends-modal.friends-docked { align-items: flex-end; padding: 0; }
        .friends-modal-inner { width: 96vw; height: 96vh; max-width: 100%; max-height: 100%; background: #05103a; border-radius: 15px; border: 1px solid var(--light-blue); overflow: hidden; position: relative; display: flex; flex-direction: column; transition: width 0.3s ease, height 0.3s ease, border-radius 0.3s ease; }
        .friends-modal-inner.friends-small { width: 560px; height: 85vh; max-width: 96vw; }
        .friends-modal.friends-docked .friends-modal-inner { height: 52px; min-height: 52px; width: 96vw; border-radius: 12px 12px 0 0; }
        .friends-modal.friends-docked .friends-modal-body-wrap { display: none !important; }
        .friends-modal.friends-docked .friends-modal-header { cursor: pointer; border-bottom: none; }
        .friends-modal-header { padding: 12px 20px; border-bottom: 1px solid rgba(42,168,255,0.3); display: flex; justify-content: space-between; align-items: center; flex-shrink: 0; }
        .friends-modal-header h2 { margin: 0; color: #fff; font-size: 20px; }
        .friends-modal-header-btns { display: flex; align-items: center; gap: 6px; }
        .friends-modal-header-btns button { background: #0d1b4d; border: 1px solid rgba(42,168,255,0.4); color: #fff; width: 36px; height: 36px; border-radius: 8px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; transition: 0.2s; }
        .friends-modal-header-btns button:hover { background: var(--light-blue); color: #030a25; }
        .friends-modal-body-wrap { flex: 1; display: flex; flex-direction: column; min-height: 0; overflow: hidden; }
        .friends-search-row { padding: 16px 20px; display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
        .friends-search-row input { flex: 1; min-width: 200px; padding: 10px 12px; border-radius: 8px; border: 1px solid #2a3b7a; background: #020824; color: #fff; }
        .friends-search-row button { padding: 10px 18px; background: var(--light-blue); color: #030a25; border: none; border-radius: 8px; font-weight: 700; cursor: pointer; }
        .friends-detayli-link { padding: 0 20px 12px; }
        .friends-detayli-link a { color: var(--light-blue); cursor: pointer; font-size: 13px; text-decoration: underline; }
        .friends-detayli-link a:hover { color: #ffb347; }
        .detayli-arama-modal { display: none; position: fixed; z-index: 10002; inset: 0; background: rgba(3,10,37,0.95); align-items: center; justify-content: center; padding: 16px; }
        .detayli-arama-modal.open { display: flex; }
        .detayli-arama-inner { width: 100%; max-width: 520px; max-height: 90vh; background: #05103a; border-radius: 15px; border: 1px solid var(--light-blue); overflow: hidden; display: flex; flex-direction: column; }
        .detayli-arama-header { padding: 16px 20px; border-bottom: 1px solid rgba(42,168,255,0.3); display: flex; justify-content: space-between; align-items: center; flex-shrink: 0; }
        .detayli-arama-header h2 { margin: 0; color: #fff; font-size: 18px; }
        .detayli-arama-close { background: #0d1b4d; border: 1px solid rgba(42,168,255,0.4); color: #fff; width: 36px; height: 36px; border-radius: 8px; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 16px; }
        .detayli-arama-close:hover { background: var(--light-blue); color: #030a25; }
        .detayli-arama-form { padding: 20px; display: flex; flex-direction: column; gap: 14px; flex-shrink: 0; }
        .detayli-arama-form label { display: block; color: #8fd3ff; font-size: 13px; font-weight: 700; margin-bottom: 4px; }
        .detayli-arama-form input, .detayli-arama-form select { width: 100%; padding: 10px 12px; border-radius: 8px; border: 1px solid #2a3b7a; background: #020824; color: #fff; font-size: 14px; box-sizing: border-box; }
        .detayli-arama-form button[type="button"].detayli-arama-btn { padding: 12px 24px; background: var(--light-blue); color: #030a25; border: none; border-radius: 8px; font-weight: 700; cursor: pointer; font-size: 15px; }
        .detayli-arama-form button[type="button"].detayli-arama-btn:hover { opacity: 0.9; }
        .detayli-arama-list { flex: 1; overflow-y: auto; padding: 0 20px 20px; min-height: 200px; }
        .detayli-arama-item { display: flex; align-items: center; gap: 14px; padding: 12px 14px; background: #0d1b4d; border-radius: 10px; margin-bottom: 10px; border: 1px solid rgba(42,168,255,0.2); cursor: pointer; transition: background 0.2s; }
        .detayli-arama-item:hover { background: rgba(42,168,255,0.15); }
        .detayli-arama-item-avatar { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; background: #1e3a5f; }
        .detayli-arama-item-name { color: #fff; font-weight: 700; font-size: 15px; }
        .friends-tabs { display: flex; gap: 8px; padding: 0 20px 12px; border-bottom: 1px solid rgba(42,168,255,0.2); }
        .friends-tab { padding: 8px 16px; border-radius: 8px; background: #0d1b4d; color: #cbd5f5; cursor: pointer; font-size: 13px; }
        .friends-tab.active { background: var(--light-blue); color: #030a25; }
        .friends-content { padding: 20px; flex: 1; overflow-y: auto; min-height: 0; display: flex; flex-direction: column; gap: 12px; }
        .friend-card { display: flex; flex-direction: column; align-items: stretch; padding: 14px 16px; background: #0d1b4d; border-radius: 12px; margin-bottom: 0; border: 1px solid rgba(42,168,255,0.25); gap: 0; }
        .friend-card-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; align-items: center; }
        .friend-card-actions .friend-btn { flex: 1; min-width: 0; }
        .friend-card-actions > span { flex: 1; min-width: 0; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; }
        .friend-card-body { display: flex; align-items: center; gap: 14px; }
        .friend-card-avatar { width: 52px; height: 52px; min-width: 52px; border-radius: 50%; object-fit: cover; background: #1e3a5f; }
        .friend-card-info { flex: 1; min-width: 0; }
        .friend-card-name { color: #fff; font-weight: 700; font-size: 15px; margin: 0 0 4px 0; line-height: 1.2; }
        .friend-card-email { color: #e2e8f0; font-size: 13px; margin: 0; line-height: 1.3; word-break: break-all; }
        .friend-btn { padding: 10px 14px; border-radius: 8px; border: none; font-size: 12px; font-weight: 700; cursor: pointer; white-space: nowrap; color: #fff; }
        .friend-btn-add { background: #16a34a; color: #fff; }
        .friend-btn-accept { background: #16a34a; color: #fff; }
        .friend-btn-reject { background: #dc2626; color: #fff; }
        .friend-btn-msg { background: #38bdf8; color: #030a25; }
        .friend-btn-view { background: #2563eb; color: #fff; }
        .friend-btn-unfollow { background: #ec4899; color: #fff; text-align: center; display: inline-flex; align-items: center; justify-content: center; }
        .friend-btn-view:hover { opacity: 0.92; }
        .friend-btn-msg:hover { opacity: 0.92; }
        .friend-btn-unfollow:hover { opacity: 0.92; }
        /* Kişi Ara: Takip Edilen / Takipçi butonları – sadece masaüstünde yatayda yarı; telefonda tam genişlik */
        @media (min-width: 769px) {
            #friendsModal .friend-card-actions { gap: 4px; margin-bottom: 8px; }
            #friendsModal .friend-card-actions .friend-btn { flex: 0 0 calc(100% / 6); max-width: calc(100% / 6); min-width: 0; padding: 10px 6px; font-size: 12px; border-radius: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
            #friendsModal .friend-card-actions > span { flex: 0 0 calc(100% / 6); max-width: calc(100% / 6); min-width: 0; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
        }
        .friends-empty { color: #5a6b8a; text-align: center; padding: 40px 20px; }
        /* BİLDİRİMLER PANELİ – büyük açılır pencere */
        .notifications-panel-modal { display: none; position: fixed; z-index: 10000; inset: 0; background: rgba(3,10,37,0.95); align-items: center; justify-content: center; padding: 12px; }
        .notifications-panel-modal.open { display: flex; }
        .notifications-panel-inner { width: 96vw; height: 96vh; max-width: 100%; max-height: 100%; background: #05103a; border-radius: 15px; border: 1px solid var(--light-blue); overflow: hidden; display: flex; flex-direction: column; }
        .notifications-panel-header { padding: 12px 20px; border-bottom: 1px solid rgba(42,168,255,0.3); display: flex; justify-content: space-between; align-items: center; flex-shrink: 0; }
        .notifications-panel-header h2 { margin: 0; color: #fff; font-size: 20px; }
        .notifications-panel-header-btns { display: flex; align-items: center; gap: 6px; }
        .notifications-panel-header-btns button { background: #0d1b4d; border: 1px solid rgba(42,168,255,0.4); color: #fff; width: 36px; height: 36px; border-radius: 8px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; }
        .notifications-panel-header-btns button:hover { background: var(--light-blue); color: #030a25; }
        .notifications-panel-list { flex: 1; overflow-y: auto; padding: 20px; display: flex; flex-direction: column; gap: 12px; min-height: 0; }
        .notification-panel-item { display: flex; align-items: flex-start; gap: 14px; padding: 14px; background: #0d1b4d; border-radius: 10px; border: 1px solid rgba(42,168,255,0.2); cursor: pointer; color: #fff; transition: background 0.2s; text-align: left; }
        .notification-panel-item:hover { background: rgba(42,168,255,0.15); }
        .notification-panel-item-avatar { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; background: #1e3a5f; flex-shrink: 0; }
        .notification-panel-item-body { flex: 1; min-width: 0; }
        .notification-panel-item-title { font-weight: 700; font-size: 15px; color: #fff; }
        .notification-panel-item-desc { font-size: 13px; color: #8fd3ff; margin-top: 4px; }
        .notification-panel-item-snippet { font-size: 12px; color: #94a3b8; margin-top: 6px; max-height: 2.4em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
        .notification-panel-katil-btn { margin-top: 10px; padding: 8px 16px; border-radius: 8px; border: none; background: var(--light-blue); color: #05103a; font-weight: 700; font-size: 13px; cursor: pointer; }
        .notification-panel-katil-btn:hover { opacity: 0.9; }
        .notification-panel-item-live-stream { border-left: 4px solid #dc2626; background: rgba(220,38,38,0.08); }
        .notification-panel-item-live-stream:hover { background: rgba(220,38,38,0.12); }
        .notification-panel-delete-btn { flex-shrink: 0; margin-left: auto; min-width: 44px; height: 36px; padding: 0 10px; border: none; border-radius: 8px; background: rgba(220,38,38,0.25); color: #f87171; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 6px; font-size: 13px; transition: background 0.2s, color 0.2s; }
        .notification-panel-delete-btn:hover { background: rgba(220,38,38,0.45); color: #fff; }
        .notification-panel-delete-btn i { font-size: 14px; }
        .ayarlar-modal { display: none; position: fixed; z-index: 10000; inset: 0; background: rgba(3,10,37,0.95); align-items: center; justify-content: center; padding: 0; }
        .ayarlar-modal.open { display: flex; }
        .ayarlar-modal-inner { width: 96vw; height: 96vh; max-width: 100%; max-height: 100%; background: #05103a; border-radius: 15px; border: 1px solid var(--light-blue); overflow: hidden; display: flex; flex-direction: column; }
        .ayarlar-modal-header { padding: 14px 20px; border-bottom: 1px solid rgba(42,168,255,0.3); display: flex; justify-content: space-between; align-items: center; flex-shrink: 0; text-align: left; }
        .ayarlar-modal-header-title-wrap { display: flex; flex-direction: column; gap: 2px; }
        .ayarlar-modal-header h2 { margin: 0; color: #fff; font-size: 20px; text-align: left; }
        .ayarlar-modal-subtitle { margin: 0; font-size: 13px; color: #8fd3ff; font-weight: 600; }
        .ayarlar-modal-header button { background: #0d1b4d; border: 1px solid rgba(42,168,255,0.4); color: #fff; width: 36px; height: 36px; border-radius: 8px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; transition: 0.2s; }
        .ayarlar-modal-header button:hover { background: var(--light-blue); color: #030a25; }
        .ayarlar-modal-body { flex: 1; overflow: hidden; padding: 20px; display: flex; flex-direction: row; gap: 24px; min-height: 0; text-align: left; touch-action: pan-y; }
        .ayarlar-menu { width: 240px; flex-shrink: 0; display: flex; flex-direction: column; gap: 8px; overflow-y: auto; min-height: 0; }
        .ayarlar-menu-item { padding: 14px 18px; background: #0d1b4d; border-radius: 10px; border: 1px solid rgba(42,168,255,0.2); cursor: pointer; text-align: left; transition: 0.2s; }
        .ayarlar-menu-item:hover { background: rgba(42,168,255,0.15); border-color: rgba(42,168,255,0.4); }
        .ayarlar-menu-item.active { background: rgba(42,168,255,0.2); border-color: var(--light-blue); color: #fff; }
        .ayarlar-menu-item .ayarlar-baslik { margin: 0; color: #fff; font-size: 15px; font-weight: 700; }
        .ayarlar-menu-item.active .ayarlar-baslik { color: #fff; }
        .ayarlar-content { flex: 1; overflow-y: auto; overflow-x: hidden; min-width: 0; min-height: 0; text-align: left; -webkit-overflow-scrolling: touch; touch-action: pan-y; }
        .ayarlar-panel { padding: 0; }
        .ayarlar-panel-baslik { margin: 0 0 8px 0; color: #fff; font-size: 18px; font-weight: 700; text-align: left; }
        .ayarlar-desc { margin: 0 0 20px 0; font-size: 13px; color: #fff; text-align: left; }
        .ayarlar-uye-sayac-wrap { display: flex; align-items: center; justify-content: space-between; max-width: 420px; padding: 14px 18px; background: #0d1b4d; border: 1px solid rgba(42,168,255,0.3); border-radius: 10px; margin-top: 12px; }
        .ayarlar-uye-label { font-size: 15px; font-weight: 600; color: #fff; }
        .ayarlar-uye-sayac { font-size: 22px; font-weight: 800; color: #fff; }
        body.theme-light .ayarlar-uye-sayac-wrap { background: #0d1b4d; border-color: rgba(42,168,255,0.4); }
        body.theme-light .ayarlar-uye-label { color: #fff; }
        body.theme-light .ayarlar-uye-sayac { color: #fff; }
        .ayarlar-sifre-form { max-width: 420px; display: flex; flex-direction: column; gap: 12px; }
        .ayarlar-label { font-size: 14px; font-weight: 600; color: #fff; text-align: left; display: block; margin-bottom: 4px; }
        .ayarlar-dil-list { display: flex; flex-direction: column; gap: 8px; max-width: 420px; margin-bottom: 20px; }
        .ayarlar-dil-item { padding: 14px 18px; background: #0d1b4d; border: 1px solid rgba(42,168,255,0.2); border-radius: 10px; cursor: pointer; color: #fff; font-size: 15px; font-weight: 600; text-align: left; transition: 0.2s; display: flex; align-items: center; gap: 12px; user-select: none; }
        .ayarlar-dil-item * { pointer-events: none; }
        .ayarlar-dil-item:hover { background: rgba(42,168,255,0.15); border-color: rgba(42,168,255,0.4); }
        .ayarlar-dil-item.selected { background: rgba(42,168,255,0.25); border-color: var(--light-blue); }
        .ayarlar-dil-flag { font-size: 22px; line-height: 1; }
        .ayarlar-dil-flag-img { width: 28px; height: 21px; object-fit: cover; border-radius: 2px; flex-shrink: 0; display: block; }
        .ayarlar-dil-label { color: #fff; }
        .ayarlar-dil-footer { display: flex; align-items: center; justify-content: flex-end; gap: 12px; margin-top: 16px; }
        .ayarlar-dil-mesaj { font-size: 13px; color: #94a3b8; }
        .ayarlar-dil-mesaj.success { color: #22c55e; }
        .ayarlar-input { padding: 12px 14px; border-radius: 8px; border: 1px solid #2a3b7a; background: #020824; color: #fff; font-size: 14px; width: 100%; box-sizing: border-box; }
        .ayarlar-input:focus { outline: none; border-color: var(--light-blue); }
        .ayarlar-sifre-footer { margin-top: 16px; display: flex; align-items: center; justify-content: flex-end; gap: 12px; flex-wrap: wrap; }
        .ayarlar-mesaj { font-size: 13px; color: #94a3b8; }
        .ayarlar-mesaj.success { color: #22c55e; }
        .ayarlar-mesaj.error { color: #ef4444; }
        .ayarlar-kaydet-btn { padding: 12px 24px; background: var(--light-blue); color: #030a25; border: none; border-radius: 8px; font-weight: 700; font-size: 14px; cursor: pointer; }
        .ayarlar-kaydet-btn:hover { opacity: 0.9; }
        .ayarlar-kaydet-btn:disabled { opacity: 0.6; cursor: not-allowed; }
        .ayarlar-gizlilik-list { display: flex; flex-direction: column; gap: 12px; max-width: 520px; margin-bottom: 20px; }
        .ayarlar-gizlilik-item { padding: 16px 18px; background: #0d1b4d; border: 2px solid rgba(42,168,255,0.2); border-radius: 12px; cursor: pointer; color: #fff; font-size: 14px; text-align: left; transition: 0.2s; display: flex; align-items: flex-start; gap: 14px; user-select: none; }
        .ayarlar-gizlilik-item:hover { background: rgba(42,168,255,0.12); border-color: rgba(42,168,255,0.4); }
        .ayarlar-gizlilik-item.selected { background: rgba(42,168,255,0.2); border-color: var(--light-blue); }
        .ayarlar-gizlilik-item i { font-size: 22px; color: var(--light-blue); flex-shrink: 0; margin-top: 2px; }
        .ayarlar-gizlilik-desc { font-size: 12px; color: #8fd3ff; font-weight: 400; margin-top: 4px; display: block; line-height: 1.4; }
        .ayarlar-gizlilik-footer { display: flex; align-items: center; justify-content: flex-end; gap: 12px; margin-top: 16px; flex-wrap: wrap; }
        .ayarlar-gorunum-list { display: flex; flex-direction: column; gap: 12px; max-width: 520px; margin-bottom: 20px; }
        .ayarlar-gorunum-item { padding: 16px 18px; background: #0d1b4d; border: 2px solid rgba(42,168,255,0.2); border-radius: 12px; cursor: pointer; color: #fff; font-size: 14px; text-align: left; transition: 0.2s; display: flex; align-items: flex-start; gap: 14px; user-select: none; }
        .ayarlar-gorunum-item:hover { background: rgba(42,168,255,0.12); border-color: rgba(42,168,255,0.4); }
        .ayarlar-gorunum-item.selected { background: rgba(42,168,255,0.2); border-color: var(--light-blue); }
        .ayarlar-gorunum-item i { font-size: 22px; color: var(--light-blue); flex-shrink: 0; margin-top: 2px; }
        .ayarlar-gorunum-desc { font-size: 12px; color: #8fd3ff; font-weight: 400; margin-top: 4px; display: block; line-height: 1.4; }
        .ayarlar-gorunum-footer { display: flex; align-items: center; justify-content: flex-end; gap: 12px; margin-top: 16px; flex-wrap: wrap; }
        /* KREDİLER MODAL */
        .krediler-modal { display: none; position: fixed; z-index: 10000; inset: 0; background: rgba(3,10,37,0.95); align-items: center; justify-content: center; padding: 0; }
        .krediler-modal.open { display: flex; }
        .krediler-modal-inner { width: 96vw; height: 96vh; max-width: 100%; max-height: 100%; background: #05103a; border-radius: 15px; border: 1px solid var(--light-blue); overflow: hidden; display: flex; flex-direction: column; color: #fff; }
        .krediler-modal-header { padding: 12px 20px; border-bottom: 1px solid rgba(42,168,255,0.3); display: flex; justify-content: flex-end; align-items: center; flex-shrink: 0; text-align: left; background: #05103a; position: sticky; top: 0; z-index: 10; }
        .krediler-modal-header-spacer { flex: 1; }
        .krediler-modal-header-btns { display: flex; align-items: center; gap: 10px; }
        .krediler-modal-header button { background: #0d1b4d; border: 1px solid rgba(42,168,255,0.5); color: #fff; width: 40px; height: 40px; border-radius: 8px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; transition: 0.2s; }
        .krediler-modal-header button:hover { background: var(--light-blue); color: #030a25; }
        .krediler-modal-header .krediler-modal-geri { width: auto; min-width: 90px; padding: 0 16px; gap: 8px; font-size: 14px; font-weight: 600; }
        .krediler-modal-body { flex: 1; overflow: hidden; padding: 20px; display: flex; flex-direction: row; gap: 24px; min-height: 0; text-align: left; touch-action: pan-y; }
        .krediler-content { flex: 1; overflow-y: auto; overflow-x: hidden; min-width: 0; min-height: 0; text-align: left; -webkit-overflow-scrolling: touch; touch-action: pan-y; }
        .krediler-panel { padding: 0; }
        .kredi-grafikler-bolum { margin-top: 24px; padding-top: 20px; border-top: 1px solid rgba(42,168,255,0.25); }
        .kredi-grafikler-baslik { margin: 0 0 12px 0; font-size: 16px; font-weight: 700; color: #fff; }
        .kredi-grafik-ac-btn { padding: 10px 20px; background: rgba(42,168,255,0.2); border: 1px solid var(--light-blue); color: #fff; border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer; transition: 0.2s; }
        .kredi-grafik-ac-btn:hover:not(:disabled) { background: var(--light-blue); color: #030a25; }
        .kredi-grafik-ac-btn:disabled { opacity: 0.5; cursor: not-allowed; }
        .kredi-kaydet-btn { padding: 12px 24px; background: #0d6e3d; border: 1px solid rgba(42,168,255,0.4); color: #fff; border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; transition: 0.2s; }
        .kredi-kaydet-btn:hover { background: #0a5c32; opacity: 0.95; }
        .kredi-kaydedilenler-btn { padding: 10px 18px; background: #0d1b4d; border: 1px solid rgba(42,168,255,0.5); color: #fff; border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; transition: 0.2s; }
        .kredi-kaydedilenler-btn:hover { background: rgba(42,168,255,0.25); }
        .kullandigim-btn-edit { padding: 8px 14px; background: rgba(42,168,255,0.25); border: 1px solid rgba(42,168,255,0.5); color: #fff; border-radius: 8px; font-size: 13px; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; transition: 0.2s; }
        .kullandigim-btn-edit:hover { background: rgba(42,168,255,0.4); }
        .kullandigim-btn-delete { padding: 8px 14px; background: rgba(220,38,38,0.25); border: 1px solid rgba(220,38,38,0.5); color: #fca5a5; border-radius: 8px; font-size: 13px; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; transition: 0.2s; }
        .kullandigim-btn-delete:hover { background: rgba(220,38,38,0.4); color: #fff; }
        .krediler-panel-alt { margin-top: 28px; padding-top: 24px; border-top: 1px solid rgba(42,168,255,0.25); }
        .krediler-panel-baslik { margin: 0 0 16px 0; color: #fff; font-size: 18px; font-weight: 700; text-align: left; }
        .krediler-desc { margin: 0 0 20px 0; font-size: 13px; color: #fff; text-align: left; }
        .kredi-hesap-row { display: flex; gap: 48px; align-items: flex-start; flex-wrap: wrap; margin-top: 16px; }
        .kredi-hesap-sol, .kredi-hesap-sag { display: flex; flex-direction: column; gap: 16px; min-width: 300px; }
        .kredi-hesap-alan { display: grid; grid-template-columns: auto 220px; gap: 14px; align-items: center; }
        .kredi-hesap-label { font-size: 14px; font-weight: 600; color: #fff; min-width: 0; text-align: left; }
        .kredi-hesap-input-wrap { display: flex; min-width: 0; width: 100%; }
        .kredi-hesap-input-wrap .kredi-hesap-input { flex: 1; min-width: 0; width: 100%; }
        .kredi-hesap-input { width: 100%; min-width: 0; max-width: 100%; padding: 10px 12px; border-radius: 8px; border: 1px solid #2a3b7a; background: #020824; color: #fff; font-size: 14px; box-sizing: border-box; }
        .kredi-hesap-input:focus { outline: none; border-color: var(--light-blue); }
        .kredi-hesap-input.kredi-hesap-sonuc { background: #0d1b4d; color: #fff; cursor: default; }
        .kredi-hesap-tarih { min-width: 180px; }
        select.kredi-hesap-input { cursor: pointer; appearance: auto; }
        .kredi-itfa-wrap { margin-top: 28px; border: 1px solid rgba(42,168,255,0.35); border-radius: 8px; background: #020824; overflow: hidden; }
        .kredi-itfa-baslik-wrap { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; padding: 10px 14px; background: #0d1b4d; border-bottom: 1px solid rgba(42,168,255,0.3); }
        .kredi-itfa-baslik { color: #fff; font-size: 14px; font-weight: 700; margin: 0; }
        .kredi-itfa-indir-btns { display: flex; gap: 8px; }
        .kredi-itfa-indir-btn { padding: 8px 14px; border-radius: 8px; font-size: 13px; font-weight: 600; cursor: pointer; border: 1px solid rgba(42,168,255,0.4); display: inline-flex; align-items: center; gap: 6px; transition: 0.2s; }
        .kredi-itfa-indir-btn:hover { opacity: 0.9; transform: translateY(-1px); }
        .kredi-itfa-excel { background: #0d6e3d; color: #fff; }
        .kredi-itfa-pdf { background: #b91c1c; color: #fff; }
        .kredi-itfa-tablo-alan { max-height: 320px; overflow: auto; overflow-x: auto; -webkit-overflow-scrolling: touch; }
        .kredi-itfa-table { width: 100%; min-width: 520px; border-collapse: collapse; font-size: 13px; table-layout: fixed; }
        .kredi-itfa-table th, .kredi-itfa-table td { padding: 6px 10px; border: 1px solid rgba(42,168,255,0.25); text-align: right; color: #fff; white-space: nowrap; }
        .kredi-itfa-table th { background: #0d1b4d; color: #fff; font-weight: 600; position: sticky; top: 0; z-index: 1; }
        .kredi-itfa-table th:first-child, .kredi-itfa-table td:first-child { text-align: center; width: 1%; min-width: 36px; }
        .kredi-itfa-table th:nth-child(2), .kredi-itfa-table td:nth-child(2), .kredi-itfa-table th:nth-child(3), .kredi-itfa-table td:nth-child(3), .kredi-itfa-table th:nth-child(4), .kredi-itfa-table td:nth-child(4), .kredi-itfa-table th:nth-child(5), .kredi-itfa-table td:nth-child(5) { width: 1%; min-width: 85px; }
        .kredi-itfa-table th:nth-child(6), .kredi-itfa-table td:nth-child(6) { width: 1%; min-width: 90px; }
        .kredi-itfa-col-ay { width: 36px; }
        .kredi-itfa-col-taksit { width: 100px; }
        .kredi-itfa-col-anapara { width: 100px; }
        .kredi-itfa-col-faiz { width: 100px; }
        .kredi-itfa-col-bakiye { width: 110px; }
        .kredi-itfa-col-tarih { width: 95px; }
        .kredi-itfa-table tbody tr:nth-child(even) { background: rgba(13,27,77,0.35); }
        .kredi-itfa-table tbody tr:hover { background: rgba(42,168,255,0.1); }
        .kredi-itfa-bos { text-align: center !important; color: #fff; font-style: italic; padding: 24px !important; }
        .kredi-itfa-table .kredi-itfa-toplam { font-weight: 700; background: rgba(42,168,255,0.15) !important; color: #fff; }
        @media (max-width: 768px) {
            .kredi-hesap-row { flex-direction: column; gap: 24px; width: 100%; box-sizing: border-box; }
            .kredi-hesap-sol, .kredi-hesap-sag { min-width: 0; width: 100%; max-width: 100%; box-sizing: border-box; display: grid; grid-template-columns: minmax(0, auto) 1fr; gap: 10px 12px; align-items: center; }
            .kredi-hesap-sol .kredi-hesap-alan, .kredi-hesap-sag .kredi-hesap-alan { display: contents; }
            .kredi-hesap-sol .kredi-hesap-label, .kredi-hesap-sag .kredi-hesap-label { grid-column: 1; font-size: 13px; word-break: break-word; max-width: 100%; }
            .kredi-hesap-sol .kredi-hesap-input-wrap, .kredi-hesap-sol .kredi-hesap-input, .kredi-hesap-sag .kredi-hesap-input-wrap, .kredi-hesap-sag .kredi-hesap-input { grid-column: 2; width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; justify-self: stretch; }
            .kredi-hesap-input-wrap { display: flex; }
            .kredi-hesap-input-wrap .kredi-hesap-input { width: 100%; min-width: 0; }
            .kredi-hesap-input { max-width: none; }
            .kredi-hesap-tarih { min-width: 0; width: 100%; }
        }
        @media (max-width: 768px) {
            .krediler-modal.open .krediler-modal-inner { width: 100%; max-width: 100%; }
            .krediler-modal.open .krediler-modal-body { display: flex !important; flex-direction: column !important; padding: 12px 14px; gap: 14px; min-height: 0; overflow: hidden; }
            .krediler-modal.open .krediler-menu { width: 100% !important; flex-shrink: 0; }
            .krediler-modal.open .krediler-content { flex: 1 1 0%; min-height: 0; width: 100% !important; max-width: 100%; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
        }
        /* Ayarlar modal – telefonda menü üstte, içerik hemen altında (aşağıdaki boş alanda) tam görünsün */
        @media (max-width: 768px) {
            .ayarlar-modal.open .ayarlar-modal-inner { width: 100%; max-width: 100%; }
            .ayarlar-modal.open .ayarlar-modal-body {
                display: flex !important;
                flex-direction: column !important;
                padding: 12px 14px;
                gap: 14px;
                min-height: 0;
                overflow: hidden;
            }
            .ayarlar-modal.open .ayarlar-menu {
                width: 100% !important;
                flex-shrink: 0;
                max-height: none;
            }
            .ayarlar-modal.open .ayarlar-content {
                flex: 1 1 0%;
                min-height: 0;
                width: 100% !important;
                max-width: 100%;
                overflow-y: auto;
                overflow-x: hidden;
                -webkit-overflow-scrolling: touch;
                padding-right: 4px;
            }
            .ayarlar-modal.open .ayarlar-panel { max-width: 100%; }
        }
        /* Açık tema – tüm arka planlar beyaz, yazılar lacivert, turuncu aynı kalır */
        body.theme-light { background: #ffffff !important; }
        body.theme-light .top-info-bar { background: #0d1b4d; color: #ffffff; border-bottom: 1px solid rgba(255,255,255,0.15); }
        body.theme-light .top-info-bar-disclaimer { color: #ffffff; }
        body.theme-light .top-info-bar-right { color: #ffffff; }
        body.theme-light .social-network-wrapper { background: #ffffff; border-bottom: 2px solid #1e3a5f; }
        body.theme-light .social-network-inline .social-nav-item { background: #f8fafc; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .social-network-inline .social-nav-item:hover { background: var(--light-blue); color: #fff; }
        body.theme-light .social-carousel-track .social-carousel-slide { filter: brightness(1.05); }
        body.theme-light .live-ticker-bar { background: #ffffff; color: #0f172a; border-color: #e2e8f0; }
        body.theme-light nav .nav-btn-3d { background: #ffffff; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light nav .nav-btn-3d:hover { background: var(--accent-orange); color: #fff; }
        /* Koyu tema (varsayılan) için nav buton hover rengi */
        body:not(.theme-light) nav .nav-btn-3d:hover { background: var(--accent-orange); color: #fff; }
        body.theme-light .brand-name a { color: #0f172a; }
        body.theme-light .brand-name a span { color: #1e3a5f; }
        /* Lacivert header üstündeki yazı açık modda da beyaz kalsın */
        body.theme-light .hero-banner .brand-logo-link { color: #ffffff; }
        body.theme-light .hero-banner .brand-name-text { color: #ffffff !important; }
        body.theme-light .hero-banner .brand-name-dot { color: #ff8c42 !important; }
        body.theme-light .hero-banner .brand-name,
        body.theme-light .hero-banner .brand-name a,
        body.theme-light .hero-banner .brand-name a span { color: #ffffff !important; }
        body.theme-light .social-network-carousel { background: #f8fafc; }
        body.theme-light .market-modal { background: rgba(255,255,255,0.98); }
        body.theme-light .modal-inner { background: #ffffff; border-color: #1e3a5f; color: #0f172a; }
        body.theme-light .card-item { background: #f8fafc; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .card-item:hover { background: var(--light-blue); color: #fff; }
        body.theme-light .market-ana-baslik { color: #1e3a5f; }
        body.theme-light .market-kategori-grid .market-alt-baslik { color: #0f172a !important; }
        body.theme-light .market-kategori-grid .market-alt-baslik:hover { color: #1e3a5f !important; }
        body.theme-light .market-modal-baslik { color: #0f172a !important; }
        body.theme-light #emtiaModal .market-modal-baslik, body.theme-light #kriptoModal .market-modal-baslik, body.theme-light #dovizModal .market-modal-baslik, body.theme-light #hisseModal .market-modal-baslik { color: #0f172a !important; }
        body.theme-light .profile-modal-inner { background: #ffffff; border-color: #1e3a5f; }
        body.theme-light .profile-modal-header { background: #ffffff; border-color: #e2e8f0; }
        body.theme-light .profile-modal-header h2 { color: #0f172a; }
        body.theme-light .profile-btn-small { background: #f1f5f9; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .profile-btn-small:hover { background: var(--light-blue); color: #fff; }
        body.theme-light .profile-body { background: #ffffff; }
        body.theme-light .profile-field label { color: #1e3a5f; }
        body.theme-light .profile-field input, body.theme-light .profile-field textarea, body.theme-light .profile-field select { background: #f8fafc; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .profile-info-title { color: #1e3a5f; }
        body.theme-light .profile-photo-box { background: #f1f5f9; }
        body.theme-light .profile-remove-inner { background: #ffffff; border-color: #1e3a5f; color: #0f172a; }
        body.theme-light .friend-profile-inner { background: #ffffff; border-color: #1e3a5f; }
        body.theme-light .friend-profile-title-spacer { display: none !important; }
        body.theme-light .friend-profile-close-btn { background: #0d1b4d; color: #fff; }
        body.theme-light .friend-profile-close-btn:hover { background: #1e3a5f; color: #fff; }
        body.theme-light .friend-profile-section-title { color: #0f172a; }
        body.theme-light .friend-list-window-inner { background: #ffffff; border-color: #1e3a5f; }
        body.theme-light .friend-list-window-search-wrap input { background: #f8fafc; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .friend-profile-body { color: #0f172a; }
        body.theme-light #friendProfileViewModal .friend-profile-stat .friend-profile-stat-n { color: #0d1b4d !important; opacity: 1 !important; }
        body.theme-light #friendProfileViewModal .friend-profile-stat .friend-profile-stat-l { color: #0d1b4d !important; opacity: 1 !important; font-weight: 700; }
        body.theme-light .friend-profile-body .profile-field label { color: #64748b; }
        body.theme-light .friend-profile-body .profile-field span { color: #0f172a; }
        body.theme-light .friend-profile-body-section { color: #0f172a; }
        body.theme-light .friend-profile-post-item { background: #f8fafc; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .friend-profile-kariyer-editor textarea { background: #f8fafc; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .friend-profile-kariyer-view { color: #0f172a; }
        body.theme-light .friends-modal-inner { background: #ffffff; border-color: #1e3a5f; }
        body.theme-light .friends-modal-header { border-color: #e2e8f0; }
        body.theme-light .friends-modal-header h2 { color: #0f172a; }
        body.theme-light .friends-modal-header-btns button { background: #f1f5f9; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .friends-modal-header-btns button:hover { background: var(--light-blue); color: #fff; }
        body.theme-light .friends-search-row input { background: #f8fafc; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .friends-tab { background: #f1f5f9; color: #0f172a; }
        body.theme-light .friends-tab.active { background: var(--light-blue); color: #fff; }
        body.theme-light .friend-card { background: #f8fafc; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .friend-card-name { color: #0f172a; }
        body.theme-light .friend-card-email { color: #1e3a5f; }
        body.theme-light .friend-btn-view { background: #f1f5f9; color: #1e3a5f; border-color: #1e3a5f; }
        body.theme-light .detayli-arama-inner { background: #ffffff; border-color: #1e3a5f; }
        body.theme-light .detayli-arama-header h2 { color: #0f172a; }
        body.theme-light .detayli-arama-form label { color: #1e3a5f; }
        body.theme-light .detayli-arama-form input, body.theme-light .detayli-arama-form select { background: #f8fafc; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .detayli-arama-item { background: #f8fafc; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .notifications-panel-inner { background: #ffffff; border-color: #1e3a5f; }
        body.theme-light .notifications-panel-header { border-color: #e2e8f0; }
        body.theme-light .notifications-panel-header h2 { color: #0f172a; }
        body.theme-light .notifications-panel-header-btns button { background: #f1f5f9; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .notification-panel-item { background: #f8fafc; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .notification-panel-item-desc { color: #1e3a5f; }
        body.theme-light .ayarlar-modal-inner { background: #ffffff; border-color: #1e3a5f; }
        body.theme-light .ayarlar-modal-header { border-color: #e2e8f0; }
        body.theme-light .ayarlar-modal-header h2 { color: #0f172a; }
        body.theme-light .ayarlar-modal-subtitle { color: #1e3a5f; }
        body.theme-light .ayarlar-modal-header button { background: #f1f5f9; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .ayarlar-modal-body { background: #ffffff; }
        body.theme-light .ayarlar-menu-item { background: #f8fafc; color: #0d1b4d !important; border-color: #1e3a5f; }
        body.theme-light .ayarlar-menu-item.active { background: #dbeafe; border-color: #1e3a5f; color: #0d1b4d !important; }
        body.theme-light .ayarlar-menu-item .ayarlar-baslik { color: #0d1b4d !important; }
        body.theme-light .ayarlar-menu-item.active .ayarlar-baslik { color: #0d1b4d !important; }
        body.theme-light .ayarlar-menu-item .ayarlar-baslik i { color: #0d1b4d !important; }
        body.theme-light .ayarlar-panel-baslik { color: #0f172a; }
        body.theme-light .ayarlar-desc { color: #1e3a5f; }
        body.theme-light .ayarlar-gizlilik-item { background: #f8fafc; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .ayarlar-gizlilik-item.selected { background: #dbeafe; border-color: #1e3a5f; }
        body.theme-light .ayarlar-gizlilik-desc { color: #1e3a5f; }
        body.theme-light .ayarlar-gorunum-item { background: #f8fafc; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .ayarlar-gorunum-item.selected { background: #dbeafe; border-color: #1e3a5f; }
        body.theme-light .ayarlar-gorunum-desc { color: #1e3a5f; }
        body.theme-light .ayarlar-label { color: #0f172a; }
        body.theme-light .ayarlar-input { background: #f8fafc; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .ayarlar-dil-item { background: #f8fafc; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .ayarlar-dil-item.selected { background: #dbeafe; border-color: #1e3a5f; }
        body.theme-light .messages-modal-inner { background: #ffffff; border-color: #1e3a5f; }
        body.theme-light .messages-modal-header { border-color: #e2e8f0; }
        body.theme-light .messages-modal-header h2 { color: #0f172a; }
        body.theme-light .messages-top-row input { background: #f8fafc; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .messages-section-title { color: #1e3a5f; }
        body.theme-light .messages-conv-item { background: #f8fafc; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .messages-conv-item .last { color: #1e3a5f; }
        body.theme-light .messages-chat-header { color: #0f172a; border-color: #e2e8f0; }
        body.theme-light .messages-composer { background: #ffffff; border-color: #e2e8f0; }
        body.theme-light .messages-emoji-panel { background: #f8fafc; }
        body.theme-light .messages-emoji-btn, body.theme-light .messages-mic-btn { background: #f1f5f9; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .messages-composer-row textarea { background: #f8fafc; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .yorum-yaz-inner { background: #ffffff; border-color: #1e3a5f; }
        body.theme-light .yorum-yaz-name { color: #0f172a; }
        body.theme-light .yorum-yaz-handle { color: #0369a1; }
        body.theme-light .yorum-yaz-textarea { background: #f8fafc; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .yorumlarim-feed-modal { background: rgba(255,255,255,0.98); }
        body.theme-light .yorumlarim-feed-header h2 { color: #0f172a; }
        body.theme-light .yorumlarim-feed-comments-title { color: #0f172a; }
        body.theme-light .yorumlarim-video-item { background: #f8fafc; border-color: #1e3a5f; }
        body.theme-light .videolarim-inner { background: #ffffff; border-color: #1e3a5f; }
        body.theme-light .videolarim-header h2 { color: #0f172a; }
        body.theme-light .videolarim-header-btns button { background: #f1f5f9; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .videolarim-item { background: #f8fafc; border-color: #1e3a5f; }
        body.theme-light .fotograflarim-inner { background: #ffffff; border-color: #1e3a5f; }
        body.theme-light .fotograflarim-header h2 { color: #0f172a; }
        body.theme-light .fotograflarim-header-btns button { background: #f1f5f9; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .fotograflarim-item { background: #f8fafc; border-color: #1e3a5f; }
        body.theme-light .fotograflarim-item-date { color: #1e3a5f; }
        body.theme-light .toplantilarim-inner { background: #ffffff; border-color: #1e3a5f; }
        body.theme-light .toplantilarim-header { background: #ffffff; color: #0f172a; border-color: #e2e8f0; }
        body.theme-light .toplantilarim-header h2 { color: #0f172a; }
        body.theme-light .toplantilarim-close { background: #f1f5f9; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .toplantilarim-card { background: #f8fafc; border-color: #1e3a5f; }
        body.theme-light .toplantilarim-user-name { color: #0f172a; }
        body.theme-light .toplantilarim-plan-text { color: #1e3a5f; }
        body.theme-light .toplanti-planla-panel { background: #ffffff; border-color: #1e3a5f; }
        body.theme-light .toplanti-planla-header h2 { color: #0f172a; }
        body.theme-light .plan-bilgileri-inner { background: #ffffff; border-color: #1e3a5f; }
        body.theme-light .plan-bilgileri-header h2 { color: #0f172a; }
        body.theme-light .canli-yayinlarim-inner { background: #ffffff; border-color: #1e3a5f; }
        body.theme-light .canli-yayinlarim-header h2 { color: #0f172a; }
        body.theme-light .jitsi-meeting-modal { background: #ffffff; }
        body.theme-light .jitsi-meeting-header h2 { color: #0f172a; }
        body.theme-light .begendiklerim-inner { background: #ffffff; border-color: #1e3a5f; }
        body.theme-light .begendiklerim-header h2 { color: #0f172a; }
        body.theme-light .begendiklerim-header-btns button { background: #f1f5f9; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .favorilerim-inner { background: #ffffff; border-color: #1e3a5f; }
        body.theme-light .favorilerim-header h2 { color: #0f172a; }
        body.theme-light .favorilerim-header-btns button { background: #f1f5f9; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .forum-inner { background: #ffffff; border-color: #1e3a5f; }
        body.theme-light .forum-header h2 { color: #0f172a; }
        body.theme-light .forum-header-btns button { background: #f1f5f9; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .kariyerim-inner { background: #ffffff; border-color: #1e3a5f; }
        body.theme-light .kariyerim-header h2 { color: #0f172a; }
        body.theme-light .kariyerim-header-btns button { background: #f1f5f9; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .ana-sayfam-inner { background: #ffffff; border-color: #1e3a5f; }
        body.theme-light .ana-sayfam-header h2 { color: #0f172a; }
        body.theme-light .friends-empty { color: #1e3a5f; }
        body.theme-light .auth-modal-inner { background: #ffffff; border-color: #1e3a5f; }
        body.theme-light .auth-modal h2 { color: #0f172a; }
        /* Sadece .auth-modal-inner kullanılırsa (açık zemin); .auth-card koyu kaldığında etiketleri lacivert yapma */
        body.theme-light .auth-modal .auth-modal-inner label { color: #1e3a5f; }
        body.theme-light .auth-modal .auth-modal-inner input { background: #f8fafc; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .close-btn, body.theme-light .back-btn { color: #0f172a !important; }
        body.theme-light .investment-modal-inner { background: #ffffff; border-color: #1e3a5f; }
        body.theme-light .investment-row { background: #f8fafc; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .investment-row:hover { background: var(--light-blue); color: #fff; }
        body.theme-light .inv-label { color: #1e3a5f; }
        body.theme-light .inv-input, body.theme-light .inv-readonly { background: #f8fafc; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .portfolio-modal-content { background: #ffffff; border-color: #1e3a5f; }
        body.theme-light .portfolio-header-row h2 { color: #0f172a; }
        body.theme-light .portfolio-list { background: #ffffff; color: #0f172a; }
        body.theme-light .portfolio-list th { background: #f8fafc; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .portfolio-list td { color: #0f172a; border-color: #e2e8f0; }
        body.theme-light .portfolio-list tbody tr { background: #ffffff; }
        body.theme-light .portfolio-list tbody tr:nth-child(even) { background: #f8fafc; }
        body.theme-light .portfolio-choice-card { background: #f8fafc; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .portfolio-edit-input { background: #f8fafc; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .expenses-main-modal { background: rgba(255,255,255,0.98); }
        body.theme-light .expenses-main-item { background: #f8fafc; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .expenses-main-item:hover { background: #e0e7ff; }
        body.theme-light .income-modal { background: rgba(255,255,255,0.98); }
        body.theme-light .income-modal-content { background: #ffffff; border-color: #1e3a5f; }
        body.theme-light .income-header-row h2 { color: #0f172a; }
        body.theme-light .income-date-selectors select { background: #f8fafc; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .income-form-section { background: #f8fafc; border-color: #1e3a5f; }
        body.theme-light .income-form-section h3 { color: #1e3a5f; }
        body.theme-light .income-form-row label { color: #1e3a5f; }
        body.theme-light .income-form-row input { background: #ffffff; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .expenses-detail-modal-content { background: #ffffff; border-color: #1e3a5f; }
        body.theme-light .expenses-detail-header-row h2 { color: #0f172a; }
        body.theme-light .expenses-detail-section { background: #f8fafc; border-color: #1e3a5f; }
        body.theme-light .expenses-detail-section h3 { color: #1e3a5f; }
        body.theme-light .expenses-detail-item label { color: #1e3a5f; }
        body.theme-light .expenses-detail-item input { background: #ffffff; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .detayli-arama-item-name { color: #0f172a; }
        /* Haberler paneli - açık tema */
        body.theme-light #haberlerPanel { background: rgba(0,0,0,0.5); }
        body.theme-light .haberler-panel-inner { background: #ffffff; border-color: #1e3a5f; }
        body.theme-light .haberler-panel-header { background: #f1f5f9; border-color: #1e3a5f; }
        body.theme-light .haberler-panel-header h2 { color: #0f172a; }
        body.theme-light .haberler-panel-header h2 i { color: #ff6d00; }
        body.theme-light .haberler-panel-close { background: #e2e8f0; color: #0f172a; }
        body.theme-light .haberler-panel-close:hover { background: #ff6d00; color: #fff; }
        body.theme-light .haberler-panel-body { background: #ffffff; }
        body.theme-light .haberler-panel-refresh { color: #64748b; }
        body.theme-light .haberler-panel-card { background: #f8fafc; border-color: #e2e8f0; }
        body.theme-light .haberler-panel-card-header { background: #e0e7ff; color: #0f172a; }
        body.theme-light .haberler-panel-card-header i { color: #ff6d00; }
        body.theme-light .haberler-panel-card-body { color: #0f172a; }
        body.theme-light .haberler-panel-card-body.placeholder { color: #64748b; }
        body.theme-light .haberler-panel-item { color: #1e3a5f; border-color: #e2e8f0; }
        body.theme-light .haberler-panel-item:hover { color: #1e3a5f; }
        body.theme-light .haberler-panel-item .haber-tarih { color: #64748b; }
        body.theme-light .haberler-panel-source { color: #ff6d00; }
        body.theme-light .haberler-panel-loading { color: #64748b; }
        body.theme-light .haberler-panel-error { color: #dc2626; }
        body.theme-light .haberler-tv-item { background: #f8fafc; border-color: #e2e8f0; }
        body.theme-light .haberler-tv-item h4 { background: #e0e7ff; color: #0f172a; }
        body.theme-light .haberler-tv-item.tv-link-card .haberler-tv-link-placeholder { background: linear-gradient(135deg, #f8fafc 0%, #e0e7ff 100%); color: #64748b; }
        body.theme-light .haberler-global-cc-hint { color: #64748b; }
        /* Teknik Analiz stilleri `teknik-analiz.css` içine taşındı. */
        /* Krediler popup ve modal - açık tema */
        body.theme-light .krediler-popup-inner { background: #ffffff; border-color: #1e3a5f; }
        body.theme-light .krediler-popup-title { color: #0f172a; }
        body.theme-light .krediler-popup-item { background: #f8fafc; color: #0f172a; border-color: #e2e8f0; }
        body.theme-light .krediler-modal-inner { background: #ffffff; border-color: #1e3a5f; }
        body.theme-light .krediler-modal-header { background: #f1f5f9; border-color: #e2e8f0; }
        body.theme-light .krediler-modal-header h2 { color: #0f172a; }
        body.theme-light .krediler-panel-baslik { color: #0f172a; }
        body.theme-light .krediler-desc { color: #1e3a5f; }
        body.theme-light .kredi-hesap-label { color: #1e3a5f; }
        body.theme-light .krediler-modal input, body.theme-light .krediler-modal select { background: #f8fafc; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .krediler-itfa-tablo th, body.theme-light .krediler-itfa-tablo td { color: #0f172a; border-color: #e2e8f0; }
        body.theme-light .krediler-itfa-tablo th { background: #f8fafc; }
        body.theme-light .krediler-itfa-tablo tbody tr { background: #ffffff; }
        body.theme-light .krediler-itfa-tablo tbody tr:nth-child(even) { background: #f8fafc; }
        .plan-bilgileri-katil-btn { padding: 10px 20px; border-radius: 8px; border: none; background: var(--light-blue); color: #05103a; font-weight: 700; font-size: 14px; cursor: pointer; }
        .plan-bilgileri-katil-btn:hover { opacity: 0.9; }
        .social-nav-item { background: #0d1b4d; padding: 12px 16px; border-radius: 8px; cursor: pointer; border: 1px solid rgba(42,168,255,0.3); color: white; font-weight: 700; font-size: 13px; transition: 0.3s; display: flex; align-items: center; gap: 8px; width: 100%; box-sizing: border-box; justify-content: flex-start; text-align: left; white-space: nowrap; position: relative; text-decoration: none; }
        a.social-nav-item:visited { color: white; }
        .social-nav-item:hover { background: var(--light-blue); color: #030a25; transform: translateY(-2px); }
        .friends-badge { position: absolute; top: -6px; right: -6px; background: #dc2626; color: #fff; font-size: 10px; min-width: 18px; height: 18px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; padding: 0 4px; }

        /* mobilde turuncu dikdörtgen + Beğendiklerim’i de kapatacak tam çerçeve */
        /* MESAJLARIM MODAL */
        .messages-modal { display: none; position: fixed; z-index: 10000; inset: 0; background: rgba(3,10,37,0.95); align-items: center; justify-content: center; padding: 12px; }
        .messages-modal.open { display: flex; }
        .messages-modal.messages-docked { align-items: flex-end; padding: 0; }
        .messages-modal-inner { width: 96vw; height: 96vh; max-width: 100%; max-height: 100%; background: #05103a; border-radius: 15px; border: 1px solid var(--light-blue); overflow: hidden; display: flex; flex-direction: column; transition: width 0.3s, height 0.3s; }
        .messages-modal-inner.messages-small { width: 700px; height: 85vh; }
        .messages-modal.messages-docked .messages-modal-inner { height: 52px; min-height: 52px; width: 96vw; border-radius: 12px 12px 0 0; }
        .messages-modal.messages-docked .messages-modal-body-wrap { display: none !important; }
        .messages-modal-header { padding: 12px 20px; border-bottom: 1px solid rgba(42,168,255,0.3); display: flex; justify-content: space-between; align-items: center; flex-shrink: 0; }
        .messages-modal-header h2 { margin: 0; color: #fff; font-size: 20px; }
        .messages-header-title { cursor: pointer; user-select: none; }
        .messages-header-title:hover { color: #fff; }
        .messages-modal-body-wrap { flex: 1; display: flex; flex-direction: column; min-height: 0; overflow: hidden; }
        .messages-top-row { padding: 12px 20px; display: flex; gap: 10px; flex-shrink: 0; border-bottom: 1px solid rgba(42,168,255,0.2); }
        .messages-top-row input { flex: 1; min-width: 180px; padding: 10px 12px; border-radius: 8px; border: 1px solid #2a3b7a; background: #020824; color: #fff; font-size: 14px; }
        .messages-top-row button { padding: 10px 20px; background: var(--light-blue); color: #030a25; border: none; border-radius: 8px; font-weight: 700; cursor: pointer; }
        .messages-panels { flex: 1; display: flex; min-height: 0; overflow: hidden; }
        .messages-left-panel { width: 360px; min-width: 360px; border-right: 1px solid rgba(42,168,255,0.2); display: flex; flex-direction: column; overflow: hidden; }
        .messages-section-title { padding: 10px 14px; font-size: 12px; font-weight: 700; color: #8fd3ff; text-transform: uppercase; flex-shrink: 0; }
        /* Sohbet listesi kalan yüksekliği doldursun; arama sonuçları altta sınırlı yükseklikte */
        .messages-conv-list {
            flex: 1 1 0%;
            min-height: 0;
            overflow-y: auto;
            padding: 8px;
            -webkit-overflow-scrolling: touch;
        }
        .messages-search-results {
            flex: 0 1 auto;
            min-height: 0;
            max-height: min(42vh, 320px);
            overflow-y: auto;
            padding: 8px;
            -webkit-overflow-scrolling: touch;
        }
        .messages-search-results:empty {
            flex: 0 0 0;
            max-height: 0;
            min-height: 0;
            padding: 0;
            overflow: hidden;
        }
        .messages-conv-item { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 10px; cursor: pointer; margin-bottom: 6px; background: #0d1b4d; border: 1px solid rgba(42,168,255,0.2); color: #fff; transition: 0.2s; touch-action: manipulation; -webkit-tap-highlight-color: transparent; min-height: 48px; }
        .messages-conv-item:hover { background: #1e3a5f; }
        .messages-conv-item:active { background: #1e3a5f; }
        .messages-conv-item.unread { border-left: 3px solid var(--accent-orange); }
        .messages-conv-item .avatar { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; background: #1e3a5f; }
        .messages-conv-item-text { flex: 1; min-width: 0; }
        .messages-conv-item .name { font-weight: 700; font-size: 14px; }
        .messages-conv-item .last { font-size: 11px; color: #8fd3ff; margin-top: 2px; }
        .messages-right-panel { flex: 1; display: flex; flex-direction: column; min-width: 0; }
        .messages-empty-state { flex: 1; display: flex; align-items: center; justify-content: center; color: #5a6b8a; text-align: center; padding: 40px; font-size: 15px; }
        .messages-chat-area { flex: 1; display: flex; flex-direction: column; min-height: 0; }
        .messages-chat-header { padding: 12px 16px; border-bottom: 1px solid rgba(42,168,255,0.2); color: var(--light-blue); font-weight: 700; font-size: 16px; flex-shrink: 0; }
        .messages-list { flex: 1; overflow-y: auto; padding: 16px; display: flex; flex-direction: column; gap: 10px; }
        .messages-list .msg-bubble { max-width: 75%; min-width: 80px; padding: 10px 14px; border-radius: 12px; font-size: 14px; line-height: 1.4; word-break: break-word; white-space: normal; overflow-wrap: break-word; }
        .messages-list .msg-bubble.sent { align-self: flex-end; background: var(--light-blue); color: #030a25; }
        .messages-list .msg-bubble.received { align-self: flex-start; background: #0d1b4d; color: #fff; border: 1px solid rgba(42,168,255,0.3); }
        .messages-list .msg-bubble .msg-time { font-size: 10px; opacity: 0.8; margin-top: 4px; }
        .messages-composer { flex-shrink: 0; padding: 12px; border-top: 1px solid rgba(42,168,255,0.2); background: #05103a; }
        .messages-emoji-panel { display: grid; grid-template-columns: repeat(10, 1fr); gap: 6px; padding: 12px; background: #0d1b4d; border-radius: 10px; margin-bottom: 10px; max-height: 140px; overflow-y: auto; }
        .messages-emoji-panel span { font-size: 22px; cursor: pointer; padding: 4px; text-align: center; }
        .messages-emoji-panel span:hover { background: rgba(42,168,255,0.3); border-radius: 6px; }
        .messages-emoji-panel { font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "EmojiSymbols", sans-serif; }
        .messages-composer-rows { display: flex; flex-direction: column; gap: 0; width: 100%; min-width: 0; }
        .messages-composer-row { display: flex; align-items: flex-end; gap: 10px; }
        .messages-composer-row-top { margin-bottom: 4px; justify-content: flex-end; }
        .messages-composer-row-main { flex: 1; min-width: 0; }
        .messages-composer-row-main textarea { flex: 1; min-width: 0; }
        .messages-recording-indicator { display: flex; align-items: center; gap: 8px; padding: 8px 12px; margin-bottom: 8px; border-radius: 8px; background: rgba(220,38,38,0.15); border: 1px solid rgba(220,38,38,0.4); color: #fca5a5; font-size: 13px; }
        .messages-recording-dot { width: 8px; height: 8px; border-radius: 50%; background: #ef4444; animation: messagesRecordingPulse 1s ease-in-out infinite; }
        @keyframes messagesRecordingPulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.5; transform: scale(1.2); } }
        .messages-emoji-btn, .messages-attach-btn, .messages-mic-btn, .messages-send-btn { width: 42px; height: 42px; border-radius: 10px; border: 1px solid rgba(42,168,255,0.4); background: #0d1b4d; color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; transition: 0.2s; }
        .messages-emoji-btn:hover, .messages-attach-btn:hover, .messages-mic-btn:hover { background: #1e3a5f; color: var(--light-blue); }
        .messages-mic-btn.messages-mic-recording { background: rgba(220,38,38,0.35); color: #fca5a5; border-color: rgba(220,38,38,0.6); }
        .messages-photo-preview { display: flex; align-items: center; gap: 10px; padding: 8px 12px; margin-bottom: 8px; border-radius: 8px; background: rgba(42,168,255,0.1); border: 1px solid rgba(42,168,255,0.3); }
        .messages-photo-preview img { width: 56px; height: 56px; object-fit: cover; border-radius: 8px; }
        .messages-photo-preview-remove { width: 32px; height: 32px; border: none; border-radius: 8px; background: rgba(239,68,68,0.3); color: #fca5a5; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 14px; flex-shrink: 0; margin-left: auto; }
        .messages-photo-preview-remove:hover { background: rgba(239,68,68,0.5); }
        .messages-list .msg-photo-sending { font-size: 13px; opacity: 0.9; margin-bottom: 4px; }
        .messages-list .msg-photo-wrap { display: block; padding: 0; margin: 0 0 6px 0; border: none; background: none; border-radius: 8px; overflow: hidden; cursor: pointer; max-width: 240px; }
        .messages-list .msg-photo { display: block; max-width: 100%; max-height: 200px; width: auto; height: auto; object-fit: contain; border-radius: 8px; vertical-align: top; }
        .messages-image-lightbox { position: fixed; z-index: 11000; inset: 0; background: rgba(0,0,0,0.92); display: flex; align-items: center; justify-content: center; padding: 16px; cursor: pointer; }
        .messages-image-lightbox img { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 8px; cursor: default; pointer-events: none; }
        .messages-image-lightbox-close { position: absolute; top: 16px; right: 16px; width: 44px; height: 44px; border: none; border-radius: 50%; background: rgba(255,255,255,0.2); color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 20px; z-index: 1; }
        .messages-image-lightbox-close:hover { background: rgba(255,255,255,0.3); }
        .messages-pending-voice { display: flex; align-items: center; gap: 10px; padding: 10px 12px; margin-bottom: 8px; border-radius: 8px; background: rgba(34,197,94,0.15); border: 1px solid rgba(34,197,94,0.45); color: #86efac; font-size: 13px; }
        .messages-pending-voice-icon { font-size: 18px; }
        .messages-pending-voice-cancel { margin-left: auto; width: 32px; height: 32px; border: none; border-radius: 8px; background: rgba(239,68,68,0.3); color: #fca5a5; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 14px; flex-shrink: 0; }
        .messages-pending-voice-cancel:hover { background: rgba(239,68,68,0.5); }
        .msg-play-voice { margin-left: 8px; padding: 6px 12px; border: 1px solid rgba(42,168,255,0.5); border-radius: 8px; background: rgba(42,168,255,0.2); color: var(--light-blue); font-size: 12px; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; }
        .msg-play-voice:hover { background: rgba(42,168,255,0.35); }
        .messages-send-btn { background: var(--light-blue); color: #030a25; border-color: var(--light-blue); }
        .messages-send-btn:hover { opacity: 0.9; transform: scale(1.05); }
        .messages-composer-row textarea { flex: 1; min-height: 42px; max-height: 120px; padding: 10px 14px; border-radius: 10px; border: 1px solid #2a3b7a; background: #020824; color: #fff; font-size: 14px; resize: none; font-family: inherit; }
        .messages-search-results .messages-conv-item { margin-bottom: 8px; }
        .messages-search-results .msg-at-btn { margin-left: auto; flex-shrink: 0; min-width: 100px; padding: 10px 16px; background: #16a34a; color: #fff; border: none; border-radius: 8px; font-size: 13px; font-weight: 700; cursor: pointer; white-space: nowrap; }
        @media (max-width: 768px) {
            .messages-left-panel { min-width: 0; width: 100%; max-width: 280px; flex: 0 0 auto; transition: width 0.25s, flex 0.25s; }
            .messages-right-panel { min-width: 280px; flex: 1; transition: width 0.25s, flex 0.25s; }
            .messages-panels { overflow: hidden; -webkit-overflow-scrolling: touch; touch-action: pan-y pan-x; }
            /* Liste görünümünde tam genişlik — 280px + sağda boş şerit kalmasın */
            .messages-panels.messages-show-list .messages-left-panel { width: 100%; max-width: 100%; flex: 1 1 100%; min-width: 0; }
            .messages-panels.messages-show-list .messages-right-panel { width: 0; min-width: 0; flex: 0 0 0; overflow: hidden; }
            .messages-panels.messages-show-chat .messages-left-panel { width: 0; min-width: 0; flex: 0 0 0; overflow: hidden; }
            .messages-panels.messages-show-chat .messages-right-panel { width: 100%; max-width: 100%; flex: 1 1 100%; min-width: 0; }
            .messages-conv-list { flex: 1 1 0%; }
            .messages-search-results { max-height: min(40vh, 280px); }
            .messages-composer { padding: 6px 6px 10px 6px; display: flex; flex-direction: column; gap: 0; }
            .messages-composer-rows { display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0; }
            .messages-composer-row-top { margin: 0 !important; gap: 6px; justify-content: flex-end; padding: 0 !important; line-height: 0; min-height: 40px; align-items: center; }
            .messages-composer-row-main { margin: 0 !important; margin-top: -18px !important; gap: 2px; align-items: flex-end; width: 100%; min-width: 0; padding: 0 !important; }
            .messages-composer-row-main textarea { flex: 1; min-height: 88px; max-height: 180px; min-width: 0; padding: 12px 14px; font-size: 16px; margin: 0; margin-right: 16px; }
            .messages-emoji-btn, .messages-attach-btn, .messages-mic-btn, .messages-send-btn { min-width: 38px; min-height: 38px; width: 38px; height: 38px; font-size: 17px; flex-shrink: 0; }
            .messages-list { -webkit-overflow-scrolling: touch; overflow-y: auto; }
            .messages-list .msg-bubble { min-width: 120px; max-width: 90%; width: max-content; }
            /* Arama sonuçlarında Mesaj At butonu mobilde tam görünsün: alt satıra al */
            .messages-search-results .messages-conv-item { flex-wrap: wrap; }
            .messages-search-results .messages-conv-item > div { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; }
            .messages-search-results .msg-at-btn { flex-basis: 100%; margin-left: 0; margin-top: 10px; width: 100%; }
        }
        .messages-conv-unread-badge { background: #dc2626; color: #fff; font-size: 11px; font-weight: 700; min-width: 20px; height: 20px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; padding: 0 6px; margin-left: auto; flex-shrink: 0; }
        .messages-conv-delete-btn { width: 32px; height: 32px; border-radius: 8px; border: 1px solid rgba(220,38,38,0.5); background: rgba(220,38,38,0.2); color: #ef4444; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 14px; flex-shrink: 0; transition: 0.2s; }
        .messages-conv-delete-btn:hover { background: #dc2626; color: #fff; }

        /* YORUM YAZ MODAL */
        .yorum-yaz-modal { display: none; position: fixed; z-index: 10500; inset: 0; background: rgba(3,10,37,0.95); align-items: center; justify-content: center; padding: 16px; }
        .yorum-yaz-modal.open { display: flex; }
        .yorum-yaz-inner { width: 100%; max-width: 560px; background: #05103a; border-radius: 15px; border: 1px solid var(--light-blue); overflow: hidden; display: flex; flex-direction: column; max-height: 90vh; }
        .yorum-yaz-header { padding: 16px 20px; border-bottom: 1px solid rgba(42,168,255,0.3); display: flex; align-items: center; gap: 14px; }
        .yorum-yaz-header-titles { display: flex; flex-direction: column; gap: 4px; min-width: 0; flex: 1; }
        .yorum-yaz-handle { color: #8fd3ff; font-weight: 700; font-size: 15px; line-height: 1.2; word-break: break-all; }
        .yorum-yaz-avatar { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; background: #0d1b4d; flex-shrink: 0; }
        .yorum-yaz-avatar--placeholder { object-fit: contain; padding: 4px; box-sizing: border-box; background: #0d1b4d; }
        .yorum-yaz-name { color: var(--light-blue); font-weight: 800; font-size: 18px; line-height: 1.2; }
        .yorum-yaz-body { padding: 20px; flex: 1; min-height: 0; display: flex; flex-direction: column; gap: 10px; overflow-y: auto; -webkit-overflow-scrolling: touch; }
        .yorum-yaz-quote-preview { padding: 10px 12px; background: rgba(42,168,255,0.1); border-left: 3px solid var(--light-blue); border-radius: 8px; font-size: 13px; color: #8fd3ff; display: flex; align-items: flex-start; gap: 8px; }
        .yorum-yaz-quote-preview strong { color: var(--light-blue); font-size: 11px; text-transform: uppercase; flex-shrink: 0; }
        .yorum-yaz-quote-preview span { flex: 1; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
        .yorum-yaz-quote-remove { background: none; border: none; color: #8fd3ff; cursor: pointer; font-size: 18px; padding: 0 4px; line-height: 1; flex-shrink: 0; }
        .yorum-yaz-quote-remove:hover { color: var(--accent-orange); }
        .yorum-yaz-textarea { width: 100%; min-height: 120px; padding: 14px; border-radius: 10px; border: 1px solid #2a3b7a; background: #020824; color: #fff; font-size: 15px; resize: vertical; font-family: inherit; }
        .yorum-yaz-hata { margin-top: 8px; padding: 10px 12px; background: rgba(220,38,38,0.15); border: 1px solid rgba(220,38,38,0.5); border-radius: 8px; color: #fca5a5; font-size: 13px; line-height: 1.4; }
        .yorum-yaz-media-row { display: flex; align-items: flex-start; gap: 8px; flex-wrap: wrap; padding: 8px 0; border-top: 1px solid rgba(42,168,255,0.15); margin-top: 4px; }
        .yorum-yaz-media { display: flex; flex-direction: column; flex-wrap: wrap; gap: 10px; flex: 1; min-width: 0; width: 100%; }
        .yorum-yaz-media-item { position: relative; width: 56px; height: 56px; border-radius: 6px; overflow: hidden; background: #0d1b4d; flex-shrink: 0; }
        .yorum-yaz-media-item img, .yorum-yaz-media-item video { width: 100%; height: 100%; object-fit: cover; }
        .yorum-yaz-media-item.yorum-yaz-media-player { width: 100%; min-width: 0; height: auto; min-height: 180px; max-height: 280px; }
        .yorum-yaz-media-item.yorum-yaz-media-player video { width: 100%; height: auto; min-height: 180px; max-height: 280px; object-fit: contain; }
        .yorum-yaz-media-remove { position: absolute; top: 6px; right: 6px; width: 28px; height: 28px; border-radius: 50%; background: rgba(220,38,38,0.95); color: #fff; border: none; cursor: pointer; font-size: 16px; display: flex; align-items: center; justify-content: center; z-index: 2; box-shadow: 0 2px 8px rgba(0,0,0,0.4); }
        .yorum-yaz-add-media { width: 32px; height: 32px; border: none; border-radius: 6px; background: transparent; color: #8fd3ff; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; }
        .yorum-yaz-add-media:hover { background: rgba(42,168,255,0.2); color: var(--light-blue); }
        .yorum-yaz-footer { padding: 16px 20px; border-top: 1px solid rgba(42,168,255,0.2); display: flex; justify-content: flex-end; gap: 10px; flex-shrink: 0; position: relative; z-index: 2; }
        .yorum-yaz-send { padding: 12px 28px; background: var(--light-blue); color: #030a25; border: none; border-radius: 10px; font-weight: 800; font-size: 15px; cursor: pointer; position: relative; z-index: 2; pointer-events: auto; }
        .yorum-yaz-send:hover { opacity: 0.9; }
        .yorum-yaz-send:disabled { opacity: 0.7; cursor: wait; }
        .yorum-yaz-close { padding: 12px 20px; background: #0d1b4d; color: #fff; border: 1px solid rgba(42,168,255,0.4); border-radius: 10px; font-weight: 700; cursor: pointer; }
        /* YORUMLARIM FEED MODAL */
        .yorumlarim-feed-modal { display: none; position: fixed; z-index: 10000; inset: 0; background: rgba(3,10,37,0.95); flex-direction: column; }
        .yorumlarim-feed-modal.open { display: flex; }
        .yorumlarim-feed-header { padding: 14px 20px; border-bottom: 1px solid rgba(42,168,255,0.3); display: flex; justify-content: space-between; align-items: center; flex-shrink: 0; }
        .yorumlarim-feed-header h2 { margin: 0; color: #fff; font-size: 20px; }
        .yorumlarim-feed-body { flex: 1; overflow-y: auto; display: flex; flex-direction: column; min-height: 0; }
        .yorumlarim-video-item { background: #0d1b4d; border-radius: 12px; overflow: hidden; border: 1px solid rgba(42,168,255,0.2); }
        .yorumlarim-video-item video { width: 100%; height: 160px; object-fit: cover; display: block; background: #020824; }
        .yorumlarim-video-item .yorumlarim-video-date { padding: 8px 12px; font-size: 12px; color: #8fd3ff; }
        .yorumlarim-video-item .yorumlarim-video-text { padding: 0 12px 12px; font-size: 12px; color: #fff; white-space: pre-wrap; word-break: break-word; max-height: 48px; overflow: hidden; text-overflow: ellipsis; }
        .yorumlarim-feed-comments-section { flex: 1; min-height: 0; display: flex; flex-direction: column; padding: 12px 16px 16px; overflow: hidden; }
        .yorumlarim-feed-comments-title { margin: 0 0 10px; font-size: 16px; font-weight: 700; color: #fff; display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
        .yorumlarim-feed-comments-title i { color: var(--light-blue); }
        .yorumlarim-feed-list { flex: 1; overflow-y: auto; display: flex; flex-direction: column; gap: 16px; padding: 0; }
        /* Videolarım modal – büyük pencere (Fotoğraflarım gibi) */
        .videolarim-modal { display: none; position: fixed; z-index: 10000; inset: 0; background: rgba(3,10,37,0.95); align-items: center; justify-content: center; padding: 12px; }
        .videolarim-modal.open { display: flex; }
        .videolarim-inner { width: 96vw; height: 96vh; max-width: 100%; max-height: 100%; background: #05103a; border-radius: 15px; border: 1px solid var(--light-blue); overflow: hidden; display: flex; flex-direction: column; }
        .videolarim-header { padding: 14px 20px; border-bottom: 1px solid rgba(42,168,255,0.3); display: flex; justify-content: space-between; align-items: center; flex-shrink: 0; }
        .videolarim-header h2 { margin: 0; color: #fff; font-size: 20px; }
        .videolarim-header-btns { display: flex; align-items: center; gap: 8px; }
        .videolarim-header-btns button { background: #0d1b4d; border: 1px solid rgba(42,168,255,0.4); color: #fff; width: 40px; height: 40px; border-radius: 8px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; transition: 0.2s; }
        .videolarim-header-btns button:hover { background: var(--light-blue); color: #030a25; }
        .videolarim-body { flex: 1; overflow-y: auto; padding: 20px; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; align-content: start; }
        .videolarim-item { position: relative; background: #0d1b4d; border-radius: 12px; overflow: hidden; border: 1px solid rgba(42,168,255,0.2); }
        .videolarim-item-delete { position: absolute; top: 8px; right: 8px; width: 36px; height: 36px; border: none; border-radius: 8px; background: rgba(239,68,68,0.85); color: #fff; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; z-index: 2; transition: 0.2s; }
        .videolarim-item-delete:hover { background: rgba(239,68,68,1); }
        .videolarim-item-thumb { position: relative; cursor: pointer; }
        .videolarim-thumb-video { width: 100%; height: 180px; object-fit: cover; display: block; background: #020824; }
        .videolarim-thumb-play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: none; background: rgba(2,8,36,0.35); color: #fff; font-size: 28px; text-shadow: 0 1px 8px rgba(0,0,0,0.6); }
        .videolarim-item { cursor: pointer; }
        .videolarim-item-delete { cursor: pointer; }

        .videolarim-player-modal { display: none; position: fixed; z-index: 100050; inset: 0; align-items: center; justify-content: center; padding: 12px; flex-direction: column; }
        .videolarim-player-modal.open { display: flex; }
        .videolarim-player-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,0.92); cursor: pointer; }
        .videolarim-player-panel { position: relative; z-index: 1; width: 100%; max-width: min(960px, 96vw); background: #050d2e; border-radius: 14px; border: 1px solid rgba(42,168,255,0.35); overflow: hidden; box-shadow: 0 16px 48px rgba(0,0,0,0.5); }
        .videolarim-player-close { position: absolute; top: 10px; right: 10px; z-index: 3; width: 42px; height: 42px; border: none; border-radius: 10px; background: rgba(15,23,42,0.85); color: #eefe; font-size: 18px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
        .videolarim-player-close:hover { background: var(--light-blue); color: #030a25; }
        .videolarim-player-video { width: 100%; max-height: min(70vh, 520px); display: block; background: #000; vertical-align: middle; }
        .videolarim-player-bar { padding: 12px 14px 16px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; border-top: 1px solid rgba(42,168,255,0.2); background: #030a25; }
        .videolarim-player-round { width: 40px; height: 40px; border-radius: 10px; border: 1px solid rgba(42,168,255,0.4); background: #0d1b4d; color: #e0f2fe; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 15px; flex-shrink: 0; }
        .videolarim-player-round:hover { background: rgba(42,168,255,0.25); }
        .videolarim-player-playmain { width: 48px; height: 48px; font-size: 18px; background: var(--light-blue); color: #030a25; border-color: transparent; }
        .videolarim-player-playmain:hover { filter: brightness(1.08); }
        .videolarim-player-seek { flex: 1; min-width: 120px; accent-color: var(--light-blue); cursor: pointer; }
        .videolarim-player-time { font-size: 12px; color: #8fd3ff; white-space: nowrap; font-variant-numeric: tabular-nums; }

        body.theme-light .videolarim-player-panel { background: #f8fafc; border-color: #1e3a5f; }
        body.theme-light .videolarim-player-bar { background: #f1f5f9; border-top-color: rgba(30,58,95,0.25); }
        body.theme-light .videolarim-player-round { background: #fff; color: #0f172a; border-color: #1e3a5f; }
        body.theme-light .videolarim-player-playmain { background: #1e3a5f; color: #fff; }
        body.theme-light .videolarim-player-time { color: #334155; }
        body.theme-light .videolarim-player-close { background: rgba(241,245,249,0.95); color: #0f172a; }
        .videolarim-item-date { padding: 10px 12px; font-size: 12px; color: #8fd3ff; }
        .videolarim-item-text { padding: 0 12px 12px; font-size: 13px; color: #fff; white-space: pre-wrap; word-break: break-word; max-height: 60px; overflow: hidden; text-overflow: ellipsis; }
        /* Fotoğraflarım modal – yorumlarda yüklenen fotoğraflar (userPosts) */
        .fotograflarim-modal { display: none; position: fixed; z-index: 10000; inset: 0; background: rgba(3,10,37,0.95); align-items: center; justify-content: center; padding: 12px; }
        .fotograflarim-modal.open { display: flex; }
        .fotograflarim-inner { width: 96vw; height: 96vh; max-width: 100%; max-height: 100%; background: #05103a; border-radius: 15px; border: 1px solid var(--light-blue); overflow: hidden; display: flex; flex-direction: column; }
        .fotograflarim-header { padding: 14px 20px; border-bottom: 1px solid rgba(42,168,255,0.3); display: flex; justify-content: space-between; align-items: center; flex-shrink: 0; }
        .fotograflarim-header h2 { margin: 0; color: #fff; font-size: 20px; }
        .fotograflarim-header-btns { display: flex; align-items: center; gap: 8px; }
        .fotograflarim-header-btns button { background: #0d1b4d; border: 1px solid rgba(42,168,255,0.4); color: #fff; width: 40px; height: 40px; border-radius: 8px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; transition: 0.2s; }
        .fotograflarim-header-btns button:hover { background: var(--light-blue); color: #030a25; }
        .fotograflarim-body { flex: 1; overflow-y: auto; padding: 20px; display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px; align-content: start; }
        .fotograflarim-item { position: relative; background: #0d1b4d; border-radius: 12px; overflow: visible; border: 1px solid rgba(42,168,255,0.2); }
        .fotograflarim-item-inner { cursor: pointer; position: relative; z-index: 0; overflow: hidden; border-radius: 12px 12px 0 0; }
        .fotograflarim-item img { width: 100%; height: 200px; object-fit: cover; display: block; pointer-events: none; }
        .fotograflarim-item-delete { position: absolute; top: 8px; right: 8px; width: 40px; height: 40px; border: none; border-radius: 50%; background: #dc2626; color: #fff; cursor: pointer; display: inline-flex !important; align-items: center; justify-content: center; font-size: 18px; line-height: 1; z-index: 10; transition: 0.2s; box-shadow: 0 2px 8px rgba(0,0,0,0.4); }
        .fotograflarim-item-delete:hover { background: #b91c1c; }
        .fotograflarim-item-delete { font-size: 18px; line-height: 1; }
        .fotograflarim-item-date { padding: 10px 12px; font-size: 12px; color: #8fd3ff; }
        .fotograflarim-item-text { padding: 0 12px 12px; font-size: 13px; color: #fff; white-space: pre-wrap; word-break: break-word; max-height: 60px; overflow: hidden; text-overflow: ellipsis; }
        .fotograflarim-lightbox { position: fixed; z-index: 11000; inset: 0; background: rgba(0,0,0,0.92); display: flex; align-items: center; justify-content: center; padding: 16px; cursor: pointer; }
        .fotograflarim-lightbox img { max-width: 100%; max-height: 100%; object-fit: contain; cursor: default; }
        .fotograflarim-lightbox-close { position: absolute; top: 16px; right: 16px; width: 48px; height: 48px; border: none; border-radius: 50%; background: rgba(255,255,255,0.2); color: #fff; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 20px; z-index: 2; }
        .fotograflarim-lightbox-close:hover { background: rgba(255,255,255,0.35); }

        /* Toplantılarım modal – dashboard taslağı (lacivert tema) */
        .toplantilarim-modal { display: none; position: fixed; z-index: 10000; inset: 0; align-items: center; justify-content: center; padding: 16px; }
        .toplantilarim-modal.open { display: flex; }
        .toplantilarim-overlay { position: absolute; inset: 0; background: rgba(3,10,37,0.85); }
        .toplantilarim-inner { position: relative; width: 95vw; max-width: 900px; max-height: 90vh; background: #05103a; border-radius: 16px; border: 1px solid rgba(42,168,255,0.3); box-shadow: 0 20px 60px rgba(0,0,0,0.5); overflow: hidden; display: flex; flex-direction: column; }
        .toplantilarim-header { padding: 14px 20px; background: #05103a; color: #fff; display: flex; justify-content: space-between; align-items: center; flex-shrink: 0; border-bottom: 1px solid rgba(42,168,255,0.3); }
        .toplantilarim-header h2 { margin: 0; font-size: 20px; color: #fff; }
        .toplantilarim-close { background: #0d1b4d; border: 1px solid rgba(42,168,255,0.5); color: #fff; width: 38px; height: 38px; border-radius: 8px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; transition: 0.2s; }
        .toplantilarim-close:hover { background: var(--light-blue); color: #030a25; }
        .toplantilarim-body { flex: 1; overflow-y: auto; padding: 20px; background: #05103a; }
        .toplantilarim-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
        @media (max-width: 640px) { .toplantilarim-grid { grid-template-columns: 1fr; } }
        .toplantilarim-card { background: #0d1b4d; border-radius: 12px; padding: 20px; border: 1px solid rgba(42,168,255,0.2); }
        .toplantilarim-card-profile { display: flex; align-items: center; }
        .toplantilarim-profile-row { display: flex; align-items: center; gap: 16px; width: 100%; }
        .toplantilarim-avatar-wrap { position: relative; flex-shrink: 0; }
        .toplantilarim-avatar { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; display: block; }
        .toplantilarim-avatar-placeholder { width: 72px; height: 72px; border-radius: 50%; background: var(--light-blue); color: #030a25; display: none; align-items: center; justify-content: center; font-size: 28px; }
        .toplantilarim-profile-info { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
        .toplantilarim-user-name { margin: 0; font-size: 20px; font-weight: 700; color: #fff; }
        .toplantilarim-plan-text { margin: 0; font-size: 14px; color: #8fd3ff; }
        .toplantilarim-btn { padding: 10px 20px; border-radius: 10px; font-weight: 600; font-size: 14px; cursor: pointer; transition: 0.2s; border: 1px solid rgba(42,168,255,0.4); background: #0d1b4d; color: #fff; }
        .toplantilarim-btn:hover { background: var(--light-blue); color: #030a25; border-color: var(--light-blue); }
        .toplantilarim-btn-outline { margin-top: 4px; }
        .toplantilarim-link { font-size: 13px; color: var(--light-blue); text-decoration: none; margin-top: 4px; }
        .toplantilarim-link:hover { text-decoration: underline; }
        .toplantilarim-action-btns { display: flex; gap: 12px; margin-bottom: 20px; flex-wrap: wrap; }
        .toplantilarim-action-btn { width: 90px; height: 90px; border-radius: 12px; border: none; cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; color: #fff; font-size: 12px; font-weight: 600; transition: 0.2s; position: relative; }
        .toplantilarim-action-btn:hover { transform: translateY(-2px); opacity: 0.95; }
        .toplantilarim-action-planla { background: #2563eb; }
        .toplantilarim-action-katil { background: #2563eb; }
        .toplantilarim-action-host { background: #ea580c; }
        .toplantilarim-action-btn i { font-size: 28px; }
        .toplantilarim-action-num { position: absolute; top: 8px; right: 10px; font-size: 14px; opacity: 0.9; }
        .toplantilarim-action-label { font-size: 11px; }
        .toplantilarim-pmid-title { margin: 0 0 8px; font-size: 15px; font-weight: 700; color: #fff; }
        .toplantilarim-pmid-row { display: flex; align-items: center; gap: 10px; }
        .toplantilarim-pmid-value { font-size: 18px; font-weight: 700; color: #fff; letter-spacing: 1px; }
        .toplantilarim-copy-btn { width: 36px; height: 36px; border-radius: 8px; border: 1px solid rgba(42,168,255,0.4); background: #0d1b4d; color: #8fd3ff; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: 0.2s; }
        .toplantilarim-copy-btn:hover { background: var(--light-blue); color: #030a25; }
        .toplantilarim-card-title { margin: 0 0 12px; font-size: 18px; font-weight: 700; color: #fff; }
        .toplantilarim-activity-placeholder { min-height: 140px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; background: rgba(42,168,255,0.1); border-radius: 10px; padding: 24px; border: 1px solid rgba(42,168,255,0.2); }
        .toplantilarim-activity-illus { width: 100px; height: 80px; background: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 100%); border-radius: 12px; opacity: 0.5; }
        .toplantilarim-activity-text { margin: 0; font-size: 14px; color: #8fd3ff; }
        .toplantilarim-meetings-head { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
        .toplantilarim-meetings-head .toplantilarim-card-title { margin: 0; }
        .toplantilarim-meetings-status { background: rgba(42,168,255,0.1); border-radius: 10px; padding: 16px; margin-bottom: 16px; border: 1px solid rgba(42,168,255,0.2); }
        .toplantilarim-meetings-status p { margin: 0; font-size: 15px; color: #8fd3ff; }
        .toplantilarim-fab { position: absolute; bottom: 24px; right: 24px; width: 56px; height: 56px; border-radius: 50%; background: var(--light-blue); color: #030a25; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 24px; box-shadow: 0 4px 14px rgba(42,168,255,0.4); transition: 0.2s; }
        .toplantilarim-fab:hover { opacity: 0.9; transform: scale(1.05); }

        /* Planla ekranı – yeni link gibi açılır, lacivert arka plan */
        .toplanti-planla-panel { display: none; position: fixed; z-index: 10001; inset: 0; background: #05103a; flex-direction: column; }
        .toplanti-planla-panel.open { display: flex; }
        .toplanti-planla-header { padding: 14px 20px; border-bottom: 1px solid rgba(42,168,255,0.3); display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
        .toplanti-planla-back { background: #0d1b4d; border: 1px solid rgba(42,168,255,0.4); color: #fff; width: 40px; height: 40px; border-radius: 8px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; transition: 0.2s; }
        .toplanti-planla-back:hover { background: var(--light-blue); color: #030a25; }
        .toplanti-planla-header h2 { margin: 0; font-size: 20px; color: #fff; }
        .toplanti-planla-body { flex: 1; overflow-y: auto; padding: 24px; }
        .toplanti-planla-placeholder { color: #8fd3ff; font-size: 16px; text-align: center; padding: 40px 20px; }
        .toplanti-planla-form { max-width: 640px; }
        .toplanti-planla-section { margin-bottom: 20px; }
        .toplanti-planla-label { display: block; font-size: 14px; font-weight: 600; color: #8fd3ff; margin-bottom: 8px; }
        .toplanti-planla-input { width: 100%; padding: 10px 14px; border-radius: 8px; border: 1px solid rgba(42,168,255,0.3); background: #0d1b4d; color: #fff; font-size: 14px; box-sizing: border-box; }
        .toplanti-planla-input::placeholder { color: #64748b; }
        .toplanti-planla-input:focus { outline: none; border-color: var(--light-blue); }
        .toplanti-planla-textarea { width: 100%; padding: 10px 14px; border-radius: 8px; border: 1px solid rgba(42,168,255,0.3); background: #0d1b4d; color: #fff; font-size: 14px; resize: vertical; min-height: 80px; box-sizing: border-box; }
        .toplanti-planla-textarea:focus { outline: none; border-color: var(--light-blue); }
        .toplanti-planla-select { width: 100%; padding: 10px 14px; border-radius: 8px; border: 1px solid rgba(42,168,255,0.3); background: #0d1b4d; color: #fff; font-size: 14px; cursor: pointer; }
        .toplanti-planla-select:focus { outline: none; border-color: var(--light-blue); }
        .toplanti-planla-row { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 16px; }
        @media (max-width: 640px) { .toplanti-planla-row { grid-template-columns: 1fr; } }
        .toplanti-planla-field { min-width: 0; }
        .toplanti-planla-duration { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
        .toplanti-planla-num { width: 70px; }
        .toplanti-planla-unit { color: #8fd3ff; font-size: 13px; }
        .toplanti-planla-hint { margin: 8px 0 0; font-size: 12px; color: #64748b; }
        .toplanti-planla-radio-row { display: flex; flex-direction: column; gap: 10px; }
        .toplanti-planla-radio-label { display: flex; align-items: center; gap: 8px; color: #fff; font-size: 14px; cursor: pointer; }
        .toplanti-planla-radio-label input { accent-color: var(--light-blue); }
        .toplanti-planla-subtitle { margin: 0 0 12px; font-size: 16px; color: var(--light-blue); }
        .toplanti-planla-template-actions { display: flex; gap: 10px; margin-top: 10px; }
        .toplanti-planla-btn-small { padding: 8px 14px; border-radius: 8px; border: 1px solid rgba(42,168,255,0.4); background: #0d1b4d; color: #8fd3ff; font-size: 13px; cursor: pointer; transition: 0.2s; }
        .toplanti-planla-btn-small:hover { background: var(--light-blue); color: #030a25; }
        .toplanti-planla-security, .toplanti-planla-video, .toplanti-planla-options { padding-top: 16px; border-top: 1px solid rgba(42,168,255,0.2); }
        .toplanti-planla-check-row { margin-top: 12px; }
        .toplanti-planla-check-label { display: flex; align-items: flex-start; gap: 8px; color: #fff; font-size: 13px; cursor: pointer; }
        .toplanti-planla-check-label input { accent-color: var(--light-blue); margin-top: 3px; }
        .toplanti-planla-video-row { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
        .toplanti-planla-video-label { color: #fff; font-size: 14px; min-width: 100px; }
        .toplanti-planla-switch-label { display: flex; align-items: center; gap: 6px; color: #8fd3ff; font-size: 13px; cursor: pointer; }
        .toplanti-planla-switch-label input { accent-color: var(--light-blue); }
        .toplanti-planla-form-actions { display: flex; gap: 12px; margin-top: 24px; padding-top: 20px; border-top: 1px solid rgba(42,168,255,0.2); }
        .toplanti-planla-btn-cancel { padding: 12px 24px; border-radius: 10px; border: 1px solid rgba(42,168,255,0.4); background: #0d1b4d; color: #fff; font-size: 14px; font-weight: 600; cursor: pointer; transition: 0.2s; }
        .toplanti-planla-btn-cancel:hover { background: rgba(42,168,255,0.2); }
        .toplanti-planla-btn-submit { padding: 12px 24px; border-radius: 10px; border: none; background: var(--light-blue); color: #030a25; font-size: 14px; font-weight: 600; cursor: pointer; transition: 0.2s; }
        .toplanti-planla-btn-submit:hover { opacity: 0.9; }

        /* Plan Bilgilerini Görüntüle modal */
        .plan-bilgileri-modal { display: none; position: fixed; z-index: 10002; inset: 0; align-items: center; justify-content: center; padding: 16px; }
        .plan-bilgileri-modal.open { display: flex; }
        .plan-bilgileri-overlay { position: absolute; inset: 0; background: rgba(3,10,37,0.85); }
        .plan-bilgileri-inner { position: relative; width: 95vw; max-width: 700px; max-height: 85vh; background: #05103a; border-radius: 16px; border: 1px solid rgba(42,168,255,0.3); overflow: hidden; display: flex; flex-direction: column; }
        .plan-bilgileri-header { padding: 14px 20px; border-bottom: 1px solid rgba(42,168,255,0.3); display: flex; justify-content: space-between; align-items: center; flex-shrink: 0; }
        .plan-bilgileri-header h2 { margin: 0; font-size: 18px; color: #fff; }
        .plan-bilgileri-close { background: #0d1b4d; border: 1px solid rgba(42,168,255,0.5); color: #fff; width: 38px; height: 38px; border-radius: 8px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; transition: 0.2s; }
        .plan-bilgileri-close:hover { background: var(--light-blue); color: #030a25; }
        .plan-bilgileri-body { flex: 1; overflow-y: auto; padding: 20px; }
        .plan-bilgileri-card { background: #0d1b4d; border-radius: 12px; padding: 16px; margin-bottom: 12px; border: 1px solid rgba(42,168,255,0.2); }
        .plan-bilgileri-card h4 { margin: 0 0 10px; font-size: 16px; color: #fff; }
        .plan-bilgileri-card p { margin: 4px 0; font-size: 13px; color: #8fd3ff; }
        .plan-bilgileri-card .plan-bilgileri-meta { font-size: 12px; color: #64748b; margin-top: 10px; }
        .plan-bilgileri-empty { text-align: center; color: #8fd3ff; padding: 40px 20px; font-size: 15px; }

        /* Canlı Yayınlarım modal – büyük pencere, arama, davet */
        .canli-yayinlarim-modal { display: none; position: fixed; z-index: 10002; inset: 0; align-items: center; justify-content: center; padding: 16px; }
        .canli-yayinlarim-modal.open { display: flex; }
        .canli-yayinlarim-overlay { position: absolute; inset: 0; background: rgba(3,10,37,0.9); }
        .canli-yayinlarim-inner { position: relative; width: 96vw; max-width: 640px; max-height: 90vh; background: #05103a; border-radius: 16px; border: 1px solid rgba(42,168,255,0.35); overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 20px 60px rgba(0,0,0,0.5); }
        .canli-yayinlarim-header { padding: 16px 20px; border-bottom: 1px solid rgba(42,168,255,0.3); display: flex; justify-content: space-between; align-items: center; flex-shrink: 0; }
        .canli-yayinlarim-header h2 { margin: 0; font-size: 20px; color: #fff; }
        .canli-yayinlarim-header-btns { display: flex; align-items: center; gap: 10px; }
        .canli-yayinlarim-baslat-btn { padding: 10px 16px; border-radius: 8px; border: none; background: var(--light-blue); color: #05103a; font-weight: 700; font-size: 13px; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; }
        .canli-yayinlarim-baslat-btn:hover { opacity: 0.9; }
        .canli-yayinlarim-close { background: #0d1b4d; border: 1px solid rgba(42,168,255,0.5); color: #fff; width: 40px; height: 40px; border-radius: 8px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; transition: 0.2s; }
        .canli-yayinlarim-close:hover { background: var(--light-blue); color: #030a25; }
        .canli-yayinlarim-body { flex: 1; min-height: 0; overflow-y: auto; display: flex; flex-direction: column; padding: 16px; }
        .canli-yayinlarim-uyari { flex-shrink: 0; margin: 0 0 14px; padding: 12px 14px; background: rgba(42,168,255,0.15); border-radius: 8px; border: 1px solid rgba(42,168,255,0.3); font-size: 13px; color: #8fd3ff; line-height: 1.4; }
        .canli-yayinlarim-arama-bolumu { flex-shrink: 0; }
        .canli-yayinlarim-arama-etiket { display: block; font-size: 14px; font-weight: 600; color: var(--light-blue); margin-bottom: 8px; }
        .canli-yayinlarim-arama-etiket .fa-search { margin-right: 6px; }
        .canli-yayinlarim-search-row { flex-shrink: 0; margin-bottom: 12px; display: flex; flex-direction: column; }
        .canli-yayinlarim-search-wrap { position: relative; display: flex; align-items: center; cursor: zoom-in; }
        .canli-yayinlarim-search-wrap .fa-search { position: absolute; left: 14px; color: #8fd3ff; pointer-events: none; font-size: 18px; z-index: 1; display: inline-block; }
        .canli-yayinlarim-search-input { width: 100%; padding: 14px 18px 14px 46px; border-radius: 10px; border: 1px solid rgba(42,168,255,0.4); background: #0d1b4d; color: #fff; font-size: 15px; box-sizing: border-box; cursor: zoom-in; }
        .canli-yayinlarim-search-input::placeholder { color: #64748b; }
        .canli-yayinlarim-search-input:focus { outline: none; border-color: var(--light-blue); }
        .canli-yayinlarim-takipci-row { flex-shrink: 0; margin-bottom: 16px; }
        .canli-yayinlarim-takipci-btn { width: 100%; padding: 14px 20px; border-radius: 10px; border: none; background: rgba(42,168,255,0.25); color: var(--light-blue); font-weight: 700; font-size: 15px; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 10px; transition: 0.2s; }
        .canli-yayinlarim-takipci-btn:hover { background: rgba(42,168,255,0.4); color: #fff; }
        .canli-yayinlarim-sonuc-list { flex: 1; overflow-y: auto; display: flex; flex-direction: column; gap: 10px; }
        .canli-yayinlarim-sonuc-item { display: flex; align-items: center; gap: 14px; padding: 14px; background: #0d1b4d; border-radius: 10px; border: 1px solid rgba(42,168,255,0.2); }
        .canli-yayinlarim-sonuc-item img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; background: #1e3a5f; }
        .canli-yayinlarim-sonuc-item-body { flex: 1; min-width: 0; }
        .canli-yayinlarim-sonuc-item-name { font-weight: 700; font-size: 15px; color: #fff; }
        .canli-yayinlarim-sonuc-item-meta { font-size: 13px; color: #8fd3ff; margin-top: 2px; }
        .canli-yayinlarim-sonuc-btns { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
        .canli-yayinlarim-mesaj-btn { padding: 10px 16px; border-radius: 8px; border: 1px solid rgba(143,211,255,0.5); background: transparent; color: var(--light-blue); font-weight: 600; font-size: 13px; cursor: pointer; }
        .canli-yayinlarim-mesaj-btn:hover { background: rgba(143,211,255,0.15); }
        .canli-yayinlarim-davet-btn { padding: 10px 18px; border-radius: 8px; border: none; background: var(--light-blue); color: #05103a; font-weight: 700; font-size: 13px; cursor: pointer; }
        .canli-yayinlarim-davet-btn:hover { opacity: 0.9; }
        .canli-yayinlarim-davet-btn:disabled { opacity: 0.5; cursor: not-allowed; }
        .canli-yayinlarim-empty { text-align: center; color: #8fd3ff; padding: 24px; font-size: 14px; }
        .canli-yayinlarim-mesaj-panel { flex-shrink: 0; margin-top: 14px; padding: 16px; background: #0d1b4d; border-radius: 10px; border: 1px solid rgba(42,168,255,0.3); }
        .canli-yayinlarim-mesaj-panel-header { font-weight: 700; color: var(--light-blue); margin-bottom: 10px; font-size: 14px; }
        .canli-yayinlarim-mesaj-textarea { width: 100%; min-height: 80px; padding: 12px; border-radius: 8px; border: 1px solid rgba(42,168,255,0.4); background: #05103a; color: #fff; font-size: 14px; font-family: inherit; box-sizing: border-box; resize: vertical; }
        .canli-yayinlarim-mesaj-textarea::placeholder { color: #64748b; }
        .canli-yayinlarim-mesaj-textarea:focus { outline: none; border-color: var(--light-blue); }
        .canli-yayinlarim-mesaj-panel-actions { display: flex; gap: 10px; margin-top: 12px; }
        .canli-yayinlarim-mesaj-gonder-btn { padding: 10px 20px; border-radius: 8px; border: none; background: var(--light-blue); color: #05103a; font-weight: 700; font-size: 14px; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; }
        .canli-yayinlarim-mesaj-gonder-btn:hover { opacity: 0.9; }
        .canli-yayinlarim-mesaj-iptal-btn { padding: 10px 18px; border-radius: 8px; border: 1px solid rgba(143,211,255,0.5); background: transparent; color: #8fd3ff; font-size: 14px; cursor: pointer; }
        .canli-yayinlarim-mesaj-iptal-btn:hover { background: rgba(143,211,255,0.1); }
        .jitsi-meeting-modal { display: none; position: fixed; z-index: 10005; inset: 0; background: #05103a; align-items: stretch; justify-content: center; flex-direction: column; }
        .jitsi-meeting-modal.open { display: flex; }
        .jitsi-meeting-inner { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 0; }
        .jitsi-meeting-header { padding: 12px 20px; background: #0d1b4d; border-bottom: 1px solid rgba(42,168,255,0.3); display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-shrink: 0; }
        .jitsi-meeting-header h2 { margin: 0; font-size: 18px; color: #fff; }
        .jitsi-meeting-room-label { font-size: 13px; color: #8fd3ff; }
        .jitsi-meeting-close { background: #0d1b4d; border: 1px solid rgba(42,168,255,0.5); color: #fff; width: 40px; height: 40px; border-radius: 8px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; }
        .jitsi-meeting-close:hover { background: var(--light-blue); color: #030a25; }
        .jitsi-meeting-body { display: flex; flex: 1; min-height: 0; }
        .jitsi-embed-wrap { flex: 1; min-width: 0; min-height: 0; display: flex; flex-direction: row; }
        .jitsi-embed-container { flex: 1; min-height: 0; min-width: 0; background: #05103a; }
        .jitsi-resolution-bar { width: 56px; flex-shrink: 0; background: rgba(13,27,77,0.95); border-left: 1px solid rgba(42,168,255,0.3); display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding: 14px 6px; gap: 10px; }
        .jitsi-resolution-label { font-size: 11px; color: #94a3b8; margin-bottom: 2px; }
        .jitsi-resolution-btn { width: 100%; padding: 10px 6px; font-size: 12px; font-weight: 700; color: #8fd3ff; background: rgba(42,168,255,0.15); border: 1px solid rgba(42,168,255,0.4); border-radius: 8px; cursor: pointer; transition: 0.2s; }
        .jitsi-resolution-btn:hover { background: rgba(42,168,255,0.25); }
        .jitsi-resolution-btn.active { background: #8fd3ff; color: #05103a; border-color: #8fd3ff; }
        .jitsi-embed-container iframe { width: 100%; height: 100%; min-height: 300px; border: none; border-radius: 0; display: block; }
        .jitsi-invite-sidebar { width: 320px; flex-shrink: 0; background: #0d1b4d; border-left: 1px solid rgba(42,168,255,0.3); display: flex; flex-direction: column; overflow: hidden; }
        .jitsi-online-list-section { flex-shrink: 0; border-bottom: 1px solid rgba(42,168,255,0.2); padding-bottom: 10px; }
        .jitsi-online-list-section .jitsi-invite-sidebar-desc { margin-bottom: 8px; }
        .jitsi-online-list { max-height: 180px; overflow-y: auto; padding: 0 14px 0; display: flex; flex-direction: column; gap: 6px; -webkit-overflow-scrolling: touch; }
        .jitsi-online-list-item { display: flex; align-items: center; gap: 10px; padding: 8px 10px; background: rgba(34,197,94,0.12); border-radius: 8px; border: 1px solid rgba(34,197,94,0.3); font-size: 13px; color: #86efac; }
        .jitsi-online-list-item i.fa-circle { font-size: 6px; color: #22c55e; flex-shrink: 0; }
        .jitsi-online-list-item span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
        .jitsi-davetliler-section { flex-shrink: 0; border-bottom: 1px solid rgba(42,168,255,0.2); padding-bottom: 10px; }
        .jitsi-davetliler-section .jitsi-invite-sidebar-desc { margin-bottom: 8px; }
        .jitsi-davetliler-list { max-height: 200px; overflow-y: auto; padding: 0 14px; display: flex; flex-direction: column; gap: 6px; -webkit-overflow-scrolling: touch; }
        .jitsi-davetli-item { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 10px; background: rgba(42,168,255,0.1); border-radius: 8px; border: 1px solid rgba(42,168,255,0.25); font-size: 13px; }
        .jitsi-davetli-label { color: #e2e8f0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; min-width: 0; }
        .jitsi-davetli-ekle-btn { flex-shrink: 0; padding: 6px 10px; border-radius: 6px; border: 1px solid rgba(42,168,255,0.5); background: rgba(42,168,255,0.2); color: #8fd3ff; font-size: 12px; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; }
        .jitsi-davetli-ekle-btn:hover:not(:disabled) { background: rgba(42,168,255,0.35); }
        .jitsi-davetli-ekle-btn.jitsi-davetli-ekle-sent, .jitsi-davetli-ekle-btn:disabled { opacity: 0.8; cursor: default; color: #22c55e; border-color: rgba(34,197,94,0.5); }
        .jitsi-invite-sidebar-title { margin: 0; padding: 14px 14px 6px; font-size: 15px; color: #8fd3ff; }
        .jitsi-invite-sidebar-desc { margin: 0 14px 10px; font-size: 12px; color: #94a3b8; line-height: 1.35; }
        .jitsi-invite-search-wrap { padding: 0 14px 10px; }
        .jitsi-invite-search-input { width: 100%; padding: 10px 12px; border: 1px solid rgba(42,168,255,0.4); border-radius: 8px; background: #05103a; color: #fff; font-size: 14px; box-sizing: border-box; }
        .jitsi-invite-search-input::placeholder { color: #64748b; }
        .jitsi-invite-takipci-btn { margin: 0 14px 10px; padding: 10px 14px; background: rgba(42,168,255,0.25); border: 1px solid rgba(42,168,255,0.5); color: #8fd3ff; border-radius: 8px; cursor: pointer; font-size: 13px; display: inline-flex; align-items: center; gap: 8px; }
        .jitsi-invite-takipci-btn:hover { background: rgba(42,168,255,0.35); }
        .jitsi-invite-sonuc-list { flex: 1; overflow-y: auto; padding: 0 14px 14px; display: flex; flex-direction: column; gap: 8px; -webkit-overflow-scrolling: touch; min-height: 0; }
        .jitsi-invite-sonuc-list .canli-yayinlarim-sonuc-item { padding: 10px; }
        .jitsi-invite-sonuc-list .canli-yayinlarim-mesaj-btn, .jitsi-invite-sonuc-list .canli-yayinlarim-davet-btn { padding: 6px 10px; font-size: 12px; }
        .jitsi-invite-sonuc-list .jitsi-invite-row { cursor: pointer; }
        .jitsi-invite-sonuc-list .jitsi-invite-row:hover { background: rgba(42,168,255,0.12); }
        .jitsi-invite-mesaj-panel { padding: 14px; border-top: 1px solid rgba(42,168,255,0.2); background: #05103a; }
        .jitsi-invite-mesaj-header { font-size: 13px; color: #8fd3ff; margin-bottom: 8px; }
        .jitsi-invite-mesaj-textarea { width: 100%; min-height: 72px; padding: 8px; border: 1px solid rgba(42,168,255,0.3); border-radius: 8px; background: #0d1b4d; color: #fff; font-size: 13px; box-sizing: border-box; resize: vertical; }
        .jitsi-invite-mesaj-actions { display: flex; gap: 8px; margin-top: 8px; }
        .jitsi-invite-mesaj-gonder, .jitsi-invite-mesaj-iptal { padding: 8px 14px; border-radius: 8px; font-size: 13px; cursor: pointer; }
        .jitsi-invite-mesaj-gonder { background: #8fd3ff; color: #05103a; border: none; }
        .jitsi-invite-mesaj-iptal { background: transparent; color: #94a3b8; border: 1px solid rgba(148,163,184,0.5); }
        .jitsi-invite-section { flex-shrink: 0; }
        .jitsi-yayin-sohbet-section { flex: 1; min-height: 0; display: flex; flex-direction: column; border-top: 1px solid rgba(42,168,255,0.2); padding-top: 10px; }
        .jitsi-yayin-sohbet-section .jitsi-invite-sidebar-title { padding-top: 0; }
        .jitsi-yayin-sohbet-list { flex: 1; overflow-y: auto; padding: 0 14px 10px; display: flex; flex-direction: column; gap: 8px; min-height: 80px; max-height: 200px; -webkit-overflow-scrolling: touch; }
        .jitsi-yayin-sohbet-msg { padding: 8px 10px; background: #05103a; border-radius: 8px; border: 1px solid rgba(42,168,255,0.2); font-size: 13px; }
        .jitsi-yayin-sohbet-msg-name { font-weight: 700; color: #8fd3ff; margin-bottom: 2px; }
        .jitsi-yayin-sohbet-msg-text { color: #e2e8f0; word-break: break-word; }
        .jitsi-yayin-sohbet-send { display: flex; gap: 8px; padding: 0 14px 14px; align-items: center; flex-shrink: 0; position: relative; z-index: 20; }
        .jitsi-yayin-sohbet-input { flex: 1; padding: 10px 12px; border: 1px solid rgba(42,168,255,0.4); border-radius: 8px; background: #05103a; color: #fff; font-size: 14px; box-sizing: border-box; pointer-events: auto; touch-action: manipulation; -webkit-user-select: text; user-select: text; }
        .jitsi-yayin-sohbet-input::placeholder { color: #64748b; }
        .jitsi-yayin-sohbet-gonder { padding: 10px 14px; border-radius: 8px; border: none; background: #8fd3ff; color: #05103a; font-weight: 700; font-size: 13px; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; pointer-events: auto; touch-action: manipulation; -webkit-tap-highlight-color: rgba(143,211,255,0.3); }
        .jitsi-yayin-sohbet-gonder:hover { opacity: 0.9; }
        .jitsi-yayin-sohbet-section { position: relative; z-index: 15; }
        .jitsi-sohbet-panel-ust { flex-shrink: 0; min-height: 220px; display: flex; flex-direction: column; }
        .jitsi-sohbet-panel-ust .jitsi-yayin-sohbet-list { flex: 1; min-height: 120px; max-height: 180px; }
        .jitsi-sohbet-panel-ust .jitsi-yayin-sohbet-send { flex-shrink: 0; }

        /* Canlı yayın: telefonda üstte sadece yayıncı kamerası, altta sohbet okunabilir; yandan ekran yok */
        @media (max-width: 768px) {
            .jitsi-resolution-bar { display: none !important; }
            .jitsi-meeting-body { flex-direction: column; }
            .jitsi-embed-wrap { flex-direction: column; min-height: 0; height: 45vh; flex: 0 0 45vh; min-height: 240px; position: relative; z-index: 1; }
            .jitsi-embed-container { min-height: 220px; width: 100%; flex: 1; display: flex; align-items: stretch; justify-content: stretch; }
            .jitsi-embed-container iframe { width: 100% !important; height: 100% !important; min-height: 220px; object-fit: contain; }
            .jitsi-invite-sidebar { width: 100%; border-left: none; border-top: 1px solid rgba(42,168,255,0.3); flex: 1; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; display: flex; flex-direction: column; position: relative; z-index: 2; }
            .jitsi-yayin-sohbet-section { flex: 1; min-height: 200px; display: flex; flex-direction: column; order: 0; position: relative; z-index: 20; }
            .jitsi-sohbet-panel-ust { min-height: 240px; }
            .jitsi-sohbet-panel-ust .jitsi-yayin-sohbet-list { min-height: 140px; max-height: 280px; }
            .jitsi-yayin-sohbet-list { max-height: 280px; min-height: 140px; font-size: 14px; padding: 10px 14px; }
            .jitsi-yayin-sohbet-msg { padding: 10px 12px; }
            .jitsi-yayin-sohbet-msg-text { font-size: 14px; line-height: 1.45; }
            .jitsi-yayin-sohbet-send { min-height: 52px; padding: 10px 14px 14px; z-index: 30; }
            .jitsi-yayin-sohbet-input { min-height: 48px; font-size: 16px; -webkit-appearance: none; appearance: none; }
            .jitsi-yayin-sohbet-gonder { min-height: 48px; min-width: 52px; font-size: 14px; -webkit-appearance: none; appearance: none; }
            .jitsi-online-list-section { order: 1; flex-shrink: 0; }
            .jitsi-invite-section { order: 2; flex-shrink: 0; }
        }

        /* Beğendiklerim modal – beğenilen paylaşımlar, tarihe göre */
        .begendiklerim-modal { display: none; position: fixed; z-index: 10000; inset: 0; background: rgba(3,10,37,0.95); align-items: center; justify-content: center; padding: 12px; }
        .begendiklerim-modal.open { display: flex; }
        .begendiklerim-inner { width: 96vw; height: 96vh; max-width: 100%; max-height: 100%; background: #05103a; border-radius: 15px; border: 1px solid var(--light-blue); overflow: hidden; display: flex; flex-direction: column; }
        /* Favorilerim modal – sadece giriş yapan kullanıcı kendi listesini görür (kişiye özel) */
        .favorilerim-modal { display: none; position: fixed; z-index: 10000; inset: 0; background: rgba(3,10,37,0.95); align-items: center; justify-content: center; padding: 12px; }
        .favorilerim-modal.open { display: flex; }
        .favorilerim-inner { width: 96vw; height: 96vh; max-width: 100%; max-height: 100%; background: #05103a; border-radius: 15px; border: 1px solid var(--light-blue); overflow: hidden; display: flex; flex-direction: column; }
        .favorilerim-header { padding: 14px 20px; border-bottom: 1px solid rgba(42,168,255,0.3); display: flex; justify-content: space-between; align-items: center; flex-shrink: 0; }
        .favorilerim-header h2 { margin: 0; color: #fff; font-size: 20px; }
        .favorilerim-header-btns { display: flex; align-items: center; gap: 8px; }
        .favorilerim-header-btns button { background: #0d1b4d; border: 1px solid rgba(42,168,255,0.4); color: #fff; width: 40px; height: 40px; border-radius: 8px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; transition: 0.2s; }
        .favorilerim-header-btns button:hover { background: var(--light-blue); color: #030a25; }
        .favorilerim-body { flex: 1; overflow-y: auto; padding: 20px; display: flex; flex-direction: column; gap: 16px; }
        .begendiklerim-header { padding: 14px 20px; border-bottom: 1px solid rgba(42,168,255,0.3); display: flex; justify-content: space-between; align-items: center; flex-shrink: 0; }
        .begendiklerim-header h2 { margin: 0; color: #fff; font-size: 20px; }
        .begendiklerim-header-btns { display: flex; align-items: center; gap: 8px; }
        .begendiklerim-header-btns button { background: #0d1b4d; border: 1px solid rgba(42,168,255,0.4); color: #fff; width: 40px; height: 40px; border-radius: 8px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; transition: 0.2s; }
        .begendiklerim-header-btns button:hover { background: var(--light-blue); color: #030a25; }
        .begendiklerim-body { flex: 1; overflow-y: auto; padding: 16px; display: flex; flex-direction: column; gap: 16px; }
        /* FORUM MODAL – konu başlıkları # ile, herkes görür; yorum alanı Gönder/İptal */
        .forum-modal { display: none; position: fixed; z-index: 10000; inset: 0; background: rgba(3,10,37,0.95); align-items: center; justify-content: center; padding: 12px; }
        .forum-modal.open { display: flex; }
        .forum-inner { width: 96vw; height: 96vh; max-width: 100%; max-height: 100%; background: #05103a; border-radius: 15px; border: 1px solid var(--light-blue); overflow: hidden; display: flex; flex-direction: column; }
        .forum-header { padding: 14px 20px; border-bottom: 1px solid rgba(42,168,255,0.3); display: flex; justify-content: space-between; align-items: center; flex-shrink: 0; }
        .forum-header h2 { margin: 0; color: #fff; font-size: 20px; }
        .forum-header-btns { display: flex; align-items: center; gap: 8px; }
        .forum-header-btns button { background: #0d1b4d; border: 1px solid rgba(42,168,255,0.4); color: #fff; width: 40px; height: 40px; border-radius: 8px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; transition: 0.2s; }
        .forum-header-btns button:hover { background: var(--light-blue); color: #030a25; }
        .forum-body { flex: 1; overflow-y: auto; padding: 20px; min-height: 0; display: flex; flex-direction: column; gap: 20px; }
        .forum-new-topic { background: #0d1b4d; border-radius: 12px; padding: 16px; border: 1px solid rgba(42,168,255,0.2); }
        .forum-new-topic label { display: block; color: #fff; font-size: 13px; font-weight: 700; margin-bottom: 8px; }
        .forum-new-topic textarea { width: 100%; min-height: 80px; padding: 12px; border-radius: 8px; border: 1px solid #2a3b7a; background: #020824; color: #fff; font-size: 14px; resize: vertical; font-family: inherit; box-sizing: border-box; }
        .forum-new-topic .hint { font-size: 12px; color: #5a6b8a; margin-top: 6px; }
        .forum-new-topic-actions { margin-top: 12px; display: flex; gap: 10px; }
        .forum-new-topic-actions button { padding: 10px 20px; border-radius: 8px; border: none; font-weight: 700; cursor: pointer; font-size: 14px; }
        .forum-topic-list { display: flex; flex-direction: column; gap: 8px; }
        .forum-topic-item { background: #0d1b4d; border-radius: 10px; padding: 14px 16px; border: 1px solid rgba(42,168,255,0.2); cursor: pointer; color: #fff; transition: background 0.2s; }
        .forum-topic-item:hover { background: rgba(42,168,255,0.15); }
        .forum-topic-item h4 { margin: 0 0 4px 0; font-size: 16px; color: #fff; }
        .forum-topic-item .meta { font-size: 11px; color: #fff; }
        .forum-thread { display: none; flex-direction: column; gap: 16px; }
        .forum-thread.open { display: flex; }
        .forum-thread-title { font-size: 18px; font-weight: 800; color: #fff; margin: 0 0 12px 0; padding-bottom: 12px; border-bottom: 1px solid rgba(42,168,255,0.2); }
        .forum-comments { display: flex; flex-direction: column; gap: 12px; }
        .forum-comment { background: #0d1b4d; border-radius: 10px; padding: 12px 14px; border: 1px solid rgba(42,168,255,0.15); }
        .forum-comment-head { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; flex-wrap: wrap; }
        .forum-comment-head-text { flex: 1; min-width: 0; }
        .forum-comment-avatar { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; background: #1e3a5f; }
        .forum-comment-name { font-weight: 700; font-size: 14px; color: #fff; }
        .forum-comment-time { font-size: 11px; color: #fff; margin-top: 2px; }
        .forum-comment-text { font-size: 14px; color: #fff; white-space: pre-wrap; word-break: break-word; }
        .forum-comment-delete { margin-left: auto; padding: 6px 12px; font-size: 12px; background: rgba(220,38,38,0.2); color: #f87171; border: 1px solid rgba(220,38,38,0.4); border-radius: 6px; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; }
        .forum-comment-delete:hover { background: #dc2626; color: #fff; }
        .forum-reply-box { margin-top: 16px; padding-top: 16px; border-top: 1px solid rgba(42,168,255,0.2); }
        .forum-reply-box textarea { width: 100%; min-height: 80px; padding: 12px; border-radius: 8px; border: 1px solid #2a3b7a; background: #020824; color: #fff; font-size: 14px; resize: vertical; font-family: inherit; box-sizing: border-box; }
        .forum-reply-actions { margin-top: 10px; display: flex; gap: 10px; }
        .forum-reply-actions button { padding: 10px 20px; border-radius: 8px; border: none; font-weight: 700; cursor: pointer; font-size: 14px; }
        .forum-back-link { color: #fff; cursor: pointer; font-size: 14px; margin-bottom: 12px; }
        .forum-back-link:hover { color: #e2e8f0; text-decoration: underline; }
        /* Kariyerim modal – profil özgeçmişi görüntüleme + dosya indir */
        .kariyerim-modal { display: none; position: fixed; z-index: 10000; inset: 0; background: rgba(3,10,37,0.95); align-items: center; justify-content: center; padding: 12px; }
        .kariyerim-modal.open { display: flex; }
        .kariyerim-inner { width: 96vw; max-width: 720px; max-height: 90vh; background: #05103a; border-radius: 15px; border: 1px solid var(--light-blue); overflow: hidden; display: flex; flex-direction: column; }
        .kariyerim-header { padding: 14px 20px; border-bottom: 1px solid rgba(42,168,255,0.3); display: flex; justify-content: space-between; align-items: center; flex-shrink: 0; }
        .kariyerim-header h2 { margin: 0; color: #fff; font-size: 20px; }
        .kariyerim-header-btns { display: flex; align-items: center; gap: 8px; }
        .kariyerim-header-btns button { background: #0d1b4d; border: 1px solid rgba(42,168,255,0.4); color: #fff; width: 40px; height: 40px; border-radius: 8px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; transition: 0.2s; }
        .kariyerim-header-btns button:hover { background: var(--light-blue); color: #030a25; }
        .kariyerim-body { flex: 1; overflow-y: auto; padding: 20px; color: #fff; }
        .kariyerim-body .kariyerim-text { white-space: pre-wrap; word-break: break-word; margin-bottom: 16px; line-height: 1.6; }
        .kariyerim-body .kariyerim-download { margin-top: 16px; }
        .kariyerim-body .kariyerim-download a, .kariyerim-body .kariyerim-download button { display: inline-flex; align-items: center; gap: 8px; padding: 12px 20px; background: var(--light-blue); color: #030a25; border: none; border-radius: 8px; font-weight: 700; font-size: 14px; cursor: pointer; text-decoration: none; }
        .kariyerim-body .kariyerim-download a:hover, .kariyerim-body .kariyerim-download button:hover { opacity: 0.9; }
        .yorum-post-card { position: relative; background: #0d1b4d; border-radius: 12px; border: 1px solid rgba(42,168,255,0.2); padding: 16px; color: #fff; }
        .yorum-post-head { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
        .yorum-post-delete-btn { position: absolute; top: 12px; right: 12px; width: 36px; height: 36px; border: none; border-radius: 8px; background: rgba(239,68,68,0.2); color: #f87171; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; z-index: 2; }
        .yorum-post-delete-btn:hover { background: rgba(239,68,68,0.4); color: #fca5a5; }
        .yorum-post-avatar { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; background: #1e3a5f; }
        .yorum-post-name { font-weight: 800; font-size: 16px; color: var(--light-blue); }
        .yorum-post-time { font-size: 11px; color: #8fd3ff; margin-top: 2px; }
        .yorum-post-text { font-size: 14px; line-height: 1.5; margin-bottom: 12px; white-space: pre-wrap; word-break: break-word; }
        .yorum-post-media { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
        .yorum-post-media img, .yorum-post-media video { max-width: 100%; max-height: 280px; border-radius: 8px; object-fit: contain; background: #020824; }
        .yorum-post-actions { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; padding-top: 12px; border-top: 1px solid rgba(42,168,255,0.15); }
        .yorum-reply-composer { margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(42,168,255,0.12); display: flex; gap: 10px; align-items: flex-end; }
        .yorum-reply-composer textarea { flex: 1; min-height: 44px; max-height: 100px; padding: 10px 12px; border-radius: 8px; border: 1px solid #2a3b7a; background: #020824; color: #fff; font-size: 14px; resize: none; font-family: inherit; }
        .yorum-reply-composer .yorum-reply-send { padding: 10px 20px; background: var(--light-blue); color: #030a25; border: none; border-radius: 8px; font-weight: 700; font-size: 14px; cursor: pointer; flex-shrink: 0; }
        .yorum-reply-composer .yorum-reply-send:hover { opacity: 0.9; }
        .yorum-post-action { display: inline-flex; align-items: center; gap: 6px; color: #8fd3ff; cursor: pointer; font-size: 13px; background: none; border: none; padding: 4px 0; pointer-events: auto; }
        .yorum-post-action:hover { color: var(--light-blue); }
        .yorum-post-action.active { color: var(--accent-orange); }
        .yorum-post-action[data-action="like"].active { color: #ef4444 !important; }
        .yorum-post-action[data-action="favorite"].active { color: #fbbf24 !important; }
        .yorum-post-action .count { font-weight: 700; min-width: 20px; }
        .yorum-post-quote-symbol, .ana-sayfam-quote-symbol { display: inline-block; font-size: 1em; line-height: 1; vertical-align: middle; font-family: "Segoe UI Symbol", "Apple Symbols", "Noto Sans Symbols", sans-serif; }
        .toast-container { position: fixed; top: 16px; left: 50%; transform: translateX(-50%); z-index: 99999; display: flex; flex-direction: column; gap: 8px; pointer-events: none; }
        .toast-item { padding: 12px 20px; background: #05103a; border: 1px solid var(--light-blue); border-radius: 10px; color: #8fd3ff; font-size: 14px; box-shadow: 0 4px 20px rgba(0,0,0,0.4); animation: toastIn 0.25s ease; max-width: 90vw; }
        @keyframes toastIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
        .yorum-post-replies { margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(42,168,255,0.15); }
        .yorum-post-replies-title { font-size: 12px; font-weight: 700; color: #8fd3ff; margin-bottom: 10px; }
        .yorum-reply-item { display: flex; gap: 10px; padding: 10px 0; border-bottom: 1px solid rgba(42,168,255,0.08); }
        .yorum-reply-item:last-child { border-bottom: none; }
        .yorum-reply-avatar { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; background: #1e3a5f; flex-shrink: 0; }
        .yorum-reply-body { flex: 1; min-width: 0; }
        .yorum-reply-name { font-weight: 700; font-size: 13px; color: var(--light-blue); }
        .yorum-reply-text { font-size: 13px; color: #cbd5f5; margin-top: 2px; white-space: pre-wrap; word-break: break-word; }
        .yorum-reply-time { font-size: 11px; color: #5a6b8a; margin-top: 4px; }
        .yorum-post-head-profile-link { display: flex; align-items: center; gap: 12px; background: none; border: none; padding: 0; cursor: pointer; color: inherit; text-align: left; font: inherit; }
        .yorum-post-head-profile-link:hover .yorum-post-name { text-decoration: underline; }
        .yorum-reply-profile-link { display: inline-flex; align-items: flex-start; background: none; border: none; padding: 0; cursor: pointer; flex-shrink: 0; }
        .yorum-reply-profile-link.yorum-reply-name-btn { display: inline; padding: 0; }
        .yorum-reply-profile-link:hover .yorum-reply-name { text-decoration: underline; }
        .messages-conv-profile-link { display: inline-flex; align-items: center; gap: 10px; background: none; border: none; padding: 0; cursor: pointer; color: inherit; font: inherit; text-align: left; }
        .messages-conv-profile-link.messages-conv-name-link { display: inline; }
        .messages-conv-profile-link:hover .name { text-decoration: underline; }
        .messages-chat-header-profile-link { background: none; border: none; padding: 0; cursor: pointer; color: inherit; font: inherit; font-weight: 700; }
        .messages-chat-header-profile-link:hover { text-decoration: underline; }
        .friend-card-profile-link { display: flex; align-items: center; gap: 12px; width: 100%; background: none; border: none; padding: 0; cursor: pointer; color: inherit; text-align: left; font: inherit; }
        .friend-card-profile-link:hover .friend-card-name { text-decoration: underline; }
        .ana-sayfam-post-head-profile-link { display: flex; align-items: center; gap: 12px; background: none; border: none; padding: 0; cursor: pointer; color: inherit; text-align: left; font: inherit; }
        .ana-sayfam-post-head-profile-link:hover .ana-sayfam-post-name { text-decoration: underline; }
        .ana-sayfam-reply-name-link { background: none; border: none; padding: 0; cursor: pointer; color: inherit; font: inherit; }
        .ana-sayfam-reply-name-link:hover .ana-sayfam-reply-name { text-decoration: underline; }
        .yorum-post-quoted { margin-top: 10px; padding: 10px; background: rgba(42,168,255,0.1); border-left: 3px solid var(--light-blue); border-radius: 6px; font-size: 12px; color: #8fd3ff; }
        .yorum-post-quoted strong { font-size: 11px; text-transform: uppercase; color: var(--light-blue); }
        /* ANA SAYFAM MODAL - büyük pencere, X / geri / alta indir */
        .ana-sayfam-modal { display: none; position: fixed; z-index: 10000; inset: 0; background: rgba(3,10,37,0.95); align-items: center; justify-content: center; padding: 0; transition: align-items 0.25s ease; }
        .ana-sayfam-modal.open { display: flex; }
        .ana-sayfam-modal.ana-sayfam-docked { align-items: flex-end; padding: 0; }
        .ana-sayfam-inner { width: 96vw; height: 96vh; max-width: 100%; max-height: 100%; background: #05103a; border-radius: 15px; border: 1px solid var(--light-blue); overflow: hidden; display: flex; flex-direction: column; transition: height 0.3s ease, border-radius 0.3s ease; }
        .ana-sayfam-modal.ana-sayfam-docked .ana-sayfam-inner { height: 52px; min-height: 52px; border-radius: 12px 12px 0 0; }
        .ana-sayfam-modal.ana-sayfam-docked .ana-sayfam-body-wrap { display: none !important; }
        .ana-sayfam-header { padding: 12px 20px; border-bottom: 1px solid rgba(42,168,255,0.3); display: flex; justify-content: space-between; align-items: center; flex-shrink: 0; }
        .ana-sayfam-modal.ana-sayfam-docked .ana-sayfam-header { border-bottom: none; cursor: pointer; }
        .ana-sayfam-header h2 { margin: 0; color: #fff; font-size: 20px; }
        .ana-sayfam-header-btns { display: flex; align-items: center; gap: 8px; }
        .ana-sayfam-header-btns button { background: #0d1b4d; border: 1px solid rgba(42,168,255,0.4); color: #fff; width: 40px; height: 40px; border-radius: 8px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; transition: 0.2s; }
        .ana-sayfam-header-btns button:hover { background: var(--light-blue); color: #030a25; }
        .ana-sayfam-body-wrap { flex: 1; overflow-y: auto; padding: 20px; min-height: 0; }
        .ana-sayfam-feed { max-width: 680px; margin: 0 auto; }
        .ana-sayfam-post-card { background: #0d1b4d; border-radius: 12px; border: 1px solid rgba(42,168,255,0.2); padding: 16px; margin-bottom: 16px; color: #fff; }
        .ana-sayfam-post-head { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
        .ana-sayfam-post-avatar { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; background: #1e3a5f; }
        .ana-sayfam-post-name { font-weight: 800; font-size: 16px; color: #ffffff; white-space: normal; word-break: break-word; }
        .ana-sayfam-post-time { font-size: 11px; color: #8fd3ff; margin-top: 2px; }
        .ana-sayfam-post-type-badge { font-size: 10px; text-transform: uppercase; background: rgba(42,168,255,0.3); color: #8fd3ff; padding: 2px 8px; border-radius: 6px; margin-left: 8px; }
        .ana-sayfam-post-text { font-size: 14px; line-height: 1.5; margin-bottom: 12px; white-space: pre-wrap; word-break: break-word; }
        .ana-sayfam-post-media { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
        .ana-sayfam-post-media img, .ana-sayfam-post-media video { max-width: 100%; max-height: 280px; border-radius: 8px; object-fit: contain; background: #020824; }
        .ana-sayfam-post-actions { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; padding-top: 12px; border-top: 1px solid rgba(42,168,255,0.15); }
        .ana-sayfam-post-action { display: inline-flex; align-items: center; gap: 6px; color: #ffffff; cursor: pointer; font-size: 13px; background: none; border: none; padding: 6px 0; }
        .ana-sayfam-post-action:hover { color: rgba(255,255,255,0.9); }
        .ana-sayfam-post-action.active { color: var(--accent-orange); }
        .ana-sayfam-post-action[data-ana-action="favorite"].active { color: var(--gold); }
        .ana-sayfam-post-action.favorited { color: var(--gold); }
        .ana-sayfam-post-action .count { font-weight: 700; min-width: 20px; }
        .ana-sayfam-reply-composer { margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(42,168,255,0.12); display: none; gap: 10px; align-items: flex-end; }
        .ana-sayfam-reply-composer.open { display: flex; }
        .ana-sayfam-reply-composer textarea { flex: 1; min-height: 44px; max-height: 100px; padding: 10px 12px; border-radius: 8px; border: 1px solid #2a3b7a; background: #020824; color: #fff; font-size: 14px; resize: none; font-family: inherit; }
        .ana-sayfam-reply-send { padding: 10px 20px; background: var(--light-blue); color: #030a25; border: none; border-radius: 8px; font-weight: 700; font-size: 14px; cursor: pointer; flex-shrink: 0; }
        .ana-sayfam-post-replies { margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(42,168,255,0.15); }
        .ana-sayfam-reply-item { display: flex; gap: 10px; padding: 10px 0; border-bottom: 1px solid rgba(42,168,255,0.08); }
        .ana-sayfam-reply-item:last-child { border-bottom: none; }
        .ana-sayfam-reply-avatar { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; background: #1e3a5f; flex-shrink: 0; }
        .ana-sayfam-reply-name { font-weight: 700; font-size: 13px; color: #ffffff; white-space: normal; word-break: break-word; }
        .ana-sayfam-reply-text { font-size: 13px; color: #cbd5f5; margin-top: 2px; white-space: pre-wrap; word-break: break-word; }
        .ana-sayfam-reply-time { font-size: 11px; color: #5a6b8a; margin-top: 4px; }
        .ana-sayfam-post-quoted { margin-top: 10px; padding: 10px; background: rgba(42,168,255,0.1); border-left: 3px solid var(--light-blue); border-radius: 6px; font-size: 12px; color: #ffffff; }
        .ana-sayfam-post-quoted strong { color: #ffffff; }
        .ana-sayfam-empty { text-align: center; color: #5a6b8a; padding: 40px 20px; }
        /* Alıntı profilimde paylaş modal */
        .ana-sayfam-quote-modal { display: none; position: fixed; z-index: 10050; inset: 0; background: rgba(3,10,37,0.95); align-items: center; justify-content: center; padding: 16px; }
        .ana-sayfam-quote-modal.open { display: flex; }
        .ana-sayfam-quote-inner { width: 100%; max-width: 520px; background: #05103a; border-radius: 15px; border: 1px solid var(--light-blue); overflow: hidden; display: flex; flex-direction: column; max-height: 90vh; }
        .ana-sayfam-quote-header { padding: 16px 20px; border-bottom: 1px solid rgba(42,168,255,0.3); display: flex; justify-content: space-between; align-items: center; }
        .ana-sayfam-quote-header h3 { margin: 0; color: var(--light-blue); font-size: 18px; }
        .ana-sayfam-quote-close { background: #0d1b4d; border: 1px solid rgba(42,168,255,0.4); color: #fff; width: 36px; height: 36px; border-radius: 8px; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 18px; }
        .ana-sayfam-quote-close:hover { background: var(--light-blue); color: #030a25; }
        .ana-sayfam-quote-preview { margin: 16px 20px; padding: 12px; background: rgba(42,168,255,0.1); border-left: 3px solid var(--light-blue); border-radius: 8px; font-size: 13px; color: #8fd3ff; }
        .ana-sayfam-quote-preview strong { color: var(--light-blue); font-size: 12px; text-transform: uppercase; }
        .ana-sayfam-quote-body { padding: 0 20px 20px; }
        .ana-sayfam-quote-body label { display: block; color: #8fd3ff; font-size: 13px; font-weight: 700; margin-bottom: 8px; }
        .ana-sayfam-quote-body textarea { width: 100%; min-height: 100px; padding: 12px; border-radius: 8px; border: 1px solid #2a3b7a; background: #020824; color: #fff; font-size: 14px; resize: vertical; font-family: inherit; }
        .ana-sayfam-quote-footer { padding: 16px 20px; border-top: 1px solid rgba(42,168,255,0.2); display: flex; justify-content: flex-end; gap: 10px; }
        .ana-sayfam-quote-submit { padding: 12px 24px; background: var(--light-blue); color: #030a25; border: none; border-radius: 10px; font-weight: 800; font-size: 15px; cursor: pointer; }
        .ana-sayfam-quote-submit:hover { opacity: 0.9; }
        .chart-modal { display: none; position: fixed; z-index: 11000; inset: 0; background: #000; flex-direction: column; }
        .chart-modal-content { width: 100%; height: 100%; display: flex; flex-direction: column; }
        .chart-header-simple { background: var(--primary-blue); padding: 15px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--light-blue); }
        .chart-header-simple h2 { color: #ffffff !important; margin: 0; font-size: 18px; font-weight: 800; font-style: italic; }
        .close-btn, .back-btn { color: white !important; font-size: 30px; cursor: pointer; font-weight: bold; }

        /* Teknik Analiz modal stilleri `teknik-analiz.css` içine taşındı. */

        /* AUTH MODAL */
        .auth-modal {
            position: fixed;
            inset: 0;
            background: rgba(0,0,0,0.7);
            display: none;
            align-items: center;
            justify-content: center;
            z-index: 12000;
            padding: 10px;
        }
        .auth-card {
            background: #05103a;
            border-radius: 16px;
            padding: 24px 20px;
            width: 100%;
            max-width: 380px;
            border: 1px solid var(--light-blue);
            color: #fff;
            position: relative;
        }
        .auth-card h3 {
            margin: 0 0 10px;
            text-align: center;
            color: var(--light-blue);
            font-size: 20px;
        }
        .auth-card p {
            margin: 0 0 16px;
            font-size: 12px;
            text-align: center;
            color: #cbd5f5;
        }
        /* Koyu .auth-card: site açık temada bile etiketler beyaz (eski .auth-modal label çakışması kalktı) */
        .auth-modal .auth-card .auth-group label,
        .auth-modal .auth-card label.robot-label {
            color: #ffffff !important;
        }
        .auth-modal .auth-card .auth-form-wrap > p#authSubtitle {
            color: rgba(255, 255, 255, 0.92) !important;
        }
        .auth-close {
            position:absolute;
            top:8px;
            right:12px;
            font-size:24px;
            cursor:pointer;
        }
        .auth-group { margin-bottom: 12px; }
        .auth-group label {
            display:block;
            font-size:12px;
            margin-bottom:4px;
            color:#ffffff;
        }
        .auth-group input[type="text"],
        .auth-group input[type="email"],
        .auth-group input[type="password"] {
            width:100%;
            padding:10px 12px;
            border-radius:8px;
            border:1px solid #2a3b7a;
            background:#020824;
            color:#fff;
            font-size:13px;
        }
        .auth-group input:focus {
            outline:none;
            border-color:var(--light-blue);
        }
        .auth-submit {
            width:100%;
            margin-top:8px;
            padding:10px 14px;
            border-radius:8px;
            border:none;
            background:var(--accent-orange);
            color:#fff;
            font-weight:700;
            font-size:13px;
            cursor:pointer;
        }
        .auth-google {
            background:#ffffff;
            color:#111827;
            margin-top:10px;
            display:flex;
            align-items:center;
            justify-content:center;
            gap:8px;
        }
        .auth-google i { color:#ea4335; }
        .auth-google.fs-google-btn--busy {
            opacity: 0.88;
            transform: scale(0.98);
            box-shadow: inset 0 0 0 2px rgba(234, 67, 53, 0.45);
            pointer-events: none;
            position: relative;
        }
        .auth-google.fs-google-btn--busy::after {
            content: '';
            position: absolute;
            right: 14px;
            width: 16px;
            height: 16px;
            border: 2px solid rgba(17,24,39,0.25);
            border-top-color: #ea4335;
            border-radius: 50%;
            animation: fs-google-spin 0.65s linear infinite;
        }
        @keyframes fs-google-spin {
            to { transform: rotate(360deg); }
        }
        .auth-choice-panel { text-align: center; }
        .auth-choice-title { margin: 0 0 8px; color: var(--light-blue); font-size: 20px; }
        .auth-choice-subtitle { margin: 0 0 20px; font-size: 13px; color: #cbd5f5; }
        .auth-choice-buttons { display: flex; flex-direction: column; gap: 12px; }
        .auth-choice-btn {
            display: flex; align-items: center; justify-content: center; gap: 10px;
            width: 100%; padding: 14px 18px; border-radius: 10px; border: 1px solid rgba(42,168,255,0.3);
            background: #0d1b4d; color: #fff; font-size: 14px; font-weight: 700; cursor: pointer; transition: 0.2s;
        }
        .auth-choice-btn:hover { background: rgba(42,168,255,0.2); border-color: var(--light-blue); }
        .auth-choice-btn i { font-size: 18px; color: var(--accent-orange); }
        .auth-back-link {
            display: inline-block; margin-top: 12px; padding: 6px 0; color: var(--light-blue); font-size: 13px; cursor: pointer; background: none; border: none;
        }
        .auth-back-link:hover { text-decoration: underline; }
        /* Üye türü seçim açılır penceresi */
        .auth-choice-modal {
            visibility: visible;
            transition: opacity 0.2s ease, visibility 0.2s ease;
        }
        .auth-choice-modal[style*="display: none"] {
            visibility: hidden;
            opacity: 0;
        }
        .auth-choice-card {
            animation: authChoicePop 0.25s ease-out;
        }
        .auth-choice-card.auth-choice-stack .auth-choice-buttons-stack {
            display: flex;
            flex-direction: column;
            gap: 14px;
            margin-top: 8px;
        }
        .auth-choice-card.auth-choice-stack .auth-choice-buttons-stack .auth-choice-btn {
            margin-top: 0;
        }
        @keyframes authChoicePop {
            from { opacity: 0; transform: scale(0.95); }
            to { opacity: 1; transform: scale(1); }
        }
        .auth-choice-btn {
            width:100%;
            margin-top:12px;
            padding:14px 18px;
            border-radius:8px;
            border:2px solid #fff;
            background:var(--accent-orange);
            color:#fff;
            font-weight:700;
            font-size:14px;
            cursor:pointer;
            display:block;
            text-align:center;
            transition: background 0.2s, color 0.2s, transform 0.15s, box-shadow 0.2s;
        }
        .auth-choice-btn:hover {
            background:#e65a00;
            color:#fff;
            transform: translateY(-1px);
            box-shadow: 0 4px 12px rgba(230, 90, 0, 0.4);
        }
        .auth-choice-btn:active {
            transform: translateY(0);
            box-shadow: 0 2px 6px rgba(230, 90, 0, 0.3);
        }
        .auth-choice-btn:focus {
            outline: 2px solid var(--light-blue);
            outline-offset: 2px;
        }
        .auth-choice-bireysel { border-color: rgba(255,255,255,0.9); }
        .auth-choice-kurumsal { border-color: rgba(143, 211, 255, 0.8); }
        .auth-choice-title-orange { color: #ff6d00 !important; font-weight: 800; text-transform: uppercase; }
        .auth-choice-desc { margin-bottom: 1.5rem; color: rgba(255,255,255,0.85); font-size: 14px; text-align: center; }
        .auth-title-heading.auth-register-orange { color: #ff6d00 !important; font-weight: 800; text-transform: uppercase; }
        .auth-toggle {
            margin-top:10px;
            font-size:12px;
            text-align:center;
        }
        .auth-toggle button {
            background:none;
            border:none;
            color:var(--light-blue);
            font-weight:600;
            cursor:pointer;
        }
        .auth-error {
            margin-top:8px;
            font-size:12px;
            color:#fecaca;
            text-align:center;
        }
        .auth-success {
            margin-top:8px;
            font-size:12px;
            color:#bbf7d0;
            text-align:center;
        }
        .robot-label {
            display:flex;
            align-items:center;
            gap:8px;
            font-size:12px;
            color:#ffffff;
            user-select:none;
        }
        .auth-forgot-wrap {
            margin-top:10px;
            text-align:center;
        }
        .auth-forgot-link {
            color: var(--light-blue);
            font-size: 13px;
            text-decoration: none;
        }
        .auth-forgot-link:hover {
            text-decoration: underline;
        }
        .auth-kvkk-link {
            color: var(--light-blue);
            text-decoration: none;
        }
        .auth-kvkk-link:hover {
            text-decoration: underline;
        }
        .auth-card-small {
            max-width: 400px;
        }
        .kvkk-card {
            max-width: 640px;
            width: 100%;
            max-height: 90vh;
            min-height: 280px;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            padding-bottom: 20px;
        }
        .kvkk-card .auth-choice-title {
            flex-shrink: 0;
        }
        .kvkk-card .auth-submit {
            flex-shrink: 0;
        }
        .kvkk-content {
            flex: 1 1 0;
            min-height: 0;
            overflow-y: auto;
            overflow-x: hidden;
            -webkit-overflow-scrolling: touch;
            touch-action: pan-y;
            font-size: 13px;
            line-height: 1.6;
            color: #cbd5f5;
            padding-right: 8px;
            padding-bottom: 12px;
        }
        .kvkk-content h4 { margin: 14px 0 6px; color: var(--light-blue); font-size: 14px; }
        .kvkk-content p { margin: 0 0 8px; }
        @media (max-width: 768px) {
            .kvkk-card {
                max-height: 85vh;
                margin: 10px;
            }
            .kvkk-content {
                font-size: 14px;
                padding-right: 6px;
            }
        }

        /* YATIRIM EKLE MODAL + FORM */
        .investment-modal-inner {
            width: 100%;
            max-width: 900px;
            background: #05103a;
            border-radius: 15px;
            padding: 30px;
            border: 1px solid var(--light-blue);
            position: relative;
            max-height: 90vh;
            overflow-y: auto;
        }
        .investment-grid {
            display: flex;
            flex-direction: column;
            gap: 12px;
            margin-top: 20px;
        }
        .investment-row {
            background:#0d1b4d;
            padding:14px 18px;
            border-radius:8px;
            color:#fff;
            font-weight:800;
            font-size:13px;
            cursor:pointer;
            border:1px solid rgba(42,168,255,0.4);
        }
        .investment-row:hover {
            background:var(--light-blue);
            color:#030a25;
            transform:translateY(-2px);
        }
        .inv-form-layout {
            display:grid;
            grid-template-columns: 1.2fr 2fr;
            row-gap:12px;
            column-gap:14px;
            margin-top:20px;
        }
        .inv-label {
            display:flex;
            align-items:center;
            justify-content:flex-end;
            color:#cbd5f5;
            font-size:13px;
            font-weight:600;
        }
        .inv-input-wrapper {
            display:flex;
            align-items:center;
            gap:6px;
            position:relative;
        }
        .inv-input,
        .inv-readonly {
            width:100%;
            padding:10px 12px;
            border-radius:8px;
            border:1px solid #2a3b7a;
            background:#020824;
            color:#fff;
            font-size:13px;
        }
        .inv-readonly {
            background:#020824;
        }
        .inv-input:focus {
            outline:none;
            border-color:var(--light-blue);
        }
        .inv-search-btn {
            background:var(--accent-orange);
            border:none;
            width:42px;
            height:38px;
            border-radius:8px;
            cursor:pointer;
            display:flex;
            align-items:center;
            justify-content:center;
            color:#fff;
        }
        .inv-save-btn {
            margin-top:22px;
            width:100%;
            padding:14px;
            border-radius:10px;
            border:none;
            background:#16a34a;
            color:#fff;
            font-weight:800;
            font-size:14px;
            cursor:pointer;
        }
        .inv-error {
            margin-top:10px;
            text-align:center;
            font-size:12px;
            color:#fecaca;
        }
        .inv-success {
            margin-top:10px;
            text-align:center;
            font-size:12px;
            color:#bbf7d0;
        }
        .inv-suggestions {
            position: absolute;
            top: 100%;
            left: 0;
            right: 42px;
            margin-top: 6px;
            background: #020824;
            border: 1px solid #2a3b7a;
            border-radius: 8px;
            max-height: 180px;
            overflow-y: auto;
            font-size: 12px;
            color: #e5e7eb;
            z-index: 12010;
        }
        .inv-suggestion-item {
            padding: 6px 10px;
            cursor: pointer;
            border-bottom: 1px solid #1f2937;
        }
        .inv-suggestion-item:last-child {
            border-bottom: none;
        }
        .inv-suggestion-item:hover {
            background: #1e293b;
        }
        .inv-suggestion-symbol {
            font-weight: 700;
            color: #93c5fd;
        }
        .inv-suggestion-name {
            display: block;
            color: #cbd5f5;
            font-size: 11px;
            margin-top: 2px;
        }

        /* PORTFÖY MODAL - Excel benzeri tablo */
        .portfolio-table-wrap {
            margin-top: 15px;
            overflow-x: auto;
            border: 1px solid #2a3b7a;
            border-radius: 8px;
            background: #0f172a;
        }
        .portfolio-list {
            margin: 0;
            width: 100%;
            min-width: 600px;
            border-collapse: collapse;
            font-size: 13px;
            color: #e5e7eb;
        }
        .portfolio-list th,
        .portfolio-list td {
            padding: 10px 12px;
            border: 1px solid #334155;
            text-align: left;
        }
        .portfolio-list th {
            color: #fff;
            font-weight: 700;
            background: #1e3a5f;
            white-space: nowrap;
        }
        .portfolio-list tbody tr:nth-child(even) {
            background: #0d1321;
        }
        .portfolio-list tbody tr:hover {
            background: #1e293b;
        }
        .portfolio-list td {
            white-space: nowrap;
        }
        .portfolio-list td.portfolio-actions {
            white-space: nowrap;
            vertical-align: middle;
        }
        .portfolio-list tfoot tr.portfolio-total-row {
            background: #1e3a5f;
            border-top: 2px solid var(--light-blue);
            font-weight: 700;
        }
        .portfolio-list tfoot td {
            padding: 10px 8px;
            color: #93c5fd;
        }
        .portfolio-action-btn {
            display: inline-flex;
            align-items: center;
            gap: 2px;
            padding: 4px 8px;
            margin: 0 2px;
            border: none;
            border-radius: 6px;
            font-size: 11px;
            font-weight: 700;
            cursor: pointer;
            background: #374151;
            color: #fff;
        }
        .portfolio-action-btn:hover { opacity: 0.9; }
        .portfolio-action-btn.sil { background: #dc2626; }
        .portfolio-action-btn.duzenle { background: #2563eb; }
        .portfolio-action-btn.kaydet { background: #16a34a; }
        .portfolio-list input.portfolio-edit-input {
            width: 100%;
            min-width: 70px;
            padding: 4px 8px;
            border: 1px solid #334155;
            border-radius: 4px;
            background: #0f172a;
            color: #e5e7eb;
            font-size: 12px;
        }
        .yearly-portfolio-filter-bar {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 12px;
            flex-wrap: wrap;
        }
        .yearly-portfolio-filter-bar label {
            color: #93c5fd;
            font-weight: 600;
            font-size: 13px;
            white-space: nowrap;
        }
        .yearly-portfolio-filter-input {
            flex: 1;
            min-width: 140px;
            max-width: 260px;
            padding: 8px 12px;
            border: 1px solid rgba(42,168,255,0.4);
            border-radius: 8px;
            background: #0f172a;
            color: #e5e7eb;
            font-size: 13px;
        }
        .yearly-portfolio-filter-input::placeholder { color: #64748b; }
        .yearly-portfolio-filter-input:focus { outline: none; border-color: var(--light-blue); }
        @media (max-width: 600px) {
            .yearly-portfolio-filter-bar { flex-direction: column; align-items: stretch; }
            .yearly-portfolio-filter-input { max-width: none; min-width: 0; }
        }
        .portfolio-edit-readonly { color: #94a3b8; font-size: 12px; }

        /* PORTFÖY ANA / GÜNLÜK / AYLIK / YILLIK */
        .portfolio-main-choice { display: flex; flex-direction: column; gap: 14px; margin-top: 20px; }
        .portfolio-choice-card {
            background: #0d1b4d;
            padding: 20px 24px;
            border-radius: 12px;
            text-align: center;
            cursor: pointer;
            border: 1px solid rgba(42,168,255,0.4);
            color: #fff;
            font-weight: 800;
            font-size: 16px;
            transition: 0.3s;
        }
        .portfolio-choice-card:hover {
            background: var(--light-blue);
            color: #030a25;
            transform: translateY(-2px);
        }
        .portfolio-choice-card i { font-size: 28px; margin-bottom: 8px; display: block; color: var(--accent-orange); }
        .portfolio-header-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 15px;
            flex-wrap: wrap;
            gap: 10px;
        }
        .portfolio-header-row h2 { margin: 0; color: var(--light-blue); font-size: 20px; }
        .btn-excel {
            background: #16a34a;
            color: #fff;
            border: none;
            padding: 10px 18px;
            border-radius: 8px;
            font-weight: 700;
            font-size: 12px;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }
        .btn-excel:hover { background: #15803d; }
        .btn-back-portfolio {
            background: #374151;
            color: #fff;
            border: none;
            padding: 8px 14px;
            border-radius: 8px;
            font-weight: 600;
            font-size: 12px;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            gap: 6px;
        }
        .btn-back-portfolio:hover { background: #4b5563; }
        .months-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 10px;
            margin-top: 15px;
        }
        @media (min-width: 600px) { .months-grid { grid-template-columns: repeat(4, 1fr); } }
        .month-card {
            background: #0d1b4d;
            padding: 16px;
            border-radius: 10px;
            text-align: center;
            cursor: pointer;
            border: 1px solid rgba(42,168,255,0.3);
            color: #fff;
            font-weight: 700;
            font-size: 13px;
            transition: 0.3s;
        }
        .month-card:hover {
            background: var(--light-blue);
            color: #030a25;
        }
        .year-select-wrapper { margin: 15px 0; }
        .year-select-wrapper label { color: #cbd5f5; font-size: 13px; margin-right: 8px; }
        .year-select-wrapper select {
            padding: 10px 14px;
            border-radius: 8px;
            border: 1px solid #2a3b7a;
            background: #020824;
            color: #fff;
            font-size: 14px;
            min-width: 120px;
        }
        .btn-save-yearly {
            margin-top: 10px;
            padding: 12px 20px;
            border-radius: 10px;
            border: none;
            background: var(--accent-orange);
            color: #fff;
            font-weight: 800;
            font-size: 13px;
            cursor: pointer;
        }
        .btn-save-yearly:hover { background: #e65c00; }

        /* HARCAMALARIM MODAL */
        .expenses-main-modal { display: none; position: fixed; z-index: 9000; inset: 0; background: rgba(3, 10, 37, 0.98); align-items: center; justify-content: center; padding: 10px; }
        .expenses-main-list { display: flex; flex-direction: column; gap: 14px; margin-top: 20px; }
        .expenses-main-item {
            background: #0d1b4d;
            padding: 20px 24px;
            border-radius: 12px;
            text-align: center;
            cursor: pointer;
            border: 1px solid rgba(42,168,255,0.4);
            color: #fff;
            font-weight: 800;
            font-size: 16px;
            transition: 0.3s;
        }
        .expenses-main-item:hover {
            background: var(--light-blue);
            color: #030a25;
            transform: translateY(-2px);
        }
        .expenses-main-item i { font-size: 28px; margin-bottom: 8px; display: block; color: var(--accent-orange); }

        /* GELİRLERİM MODAL */
        .income-modal { display: none; position: fixed; z-index: 11000; inset: 0; background: rgba(3, 10, 37, 0.98); align-items: center; justify-content: center; padding: 20px; overflow-y: auto; }
        .income-modal-content {
            width: 100%;
            max-width: 1400px;
            background: #05103a;
            border-radius: 15px;
            padding: 30px;
            border: 1px solid var(--light-blue);
            position: relative;
            max-height: 95vh;
            overflow-y: auto;
        }
        .income-header-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 25px;
            flex-wrap: wrap;
            gap: 15px;
        }
        .income-date-selectors {
            display: flex;
            gap: 15px;
            align-items: center;
            flex-wrap: wrap;
        }
        .income-date-selectors select {
            padding: 10px 14px;
            border-radius: 8px;
            border: 1px solid #2a3b7a;
            background: #020824;
            color: #fff;
            font-size: 14px;
            min-width: 140px;
        }
        .income-form-container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 30px;
            margin-top: 20px;
        }
        @media (max-width: 1024px) {
            .income-form-container { grid-template-columns: 1fr; }
        }
        .income-form-section {
            background: #0d1b4d;
            padding: 25px;
            border-radius: 12px;
            border: 1px solid rgba(42,168,255,0.3);
        }
        .income-form-section h3 {
            color: var(--light-blue);
            font-size: 18px;
            margin: 0 0 20px 0;
            font-weight: 800;
        }
        .income-form-row {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 18px;
        }
        .income-form-row label {
            color: #cbd5f5;
            font-size: 14px;
            font-weight: 600;
            min-width: 140px;
            text-align: right;
        }
        .income-form-row input {
            flex: 1;
            padding: 10px 12px;
            border-radius: 8px;
            border: 1px solid #2a3b7a;
            background: #020824;
            color: #fff;
            font-size: 14px;
        }
        .income-form-row input:disabled {
            background: #1a1f3a;
            color: #666;
            cursor: not-allowed;
        }
        .income-checkbox-wrapper {
            display: inline-flex;
            align-items: center;
            justify-content: flex-start;
            gap: 6px;
            flex: 0 0 auto;
            width: auto;
            max-width: 100%;
            box-sizing: border-box;
        }
        .income-checkbox-wrapper input[type="checkbox"] {
            width: 20px;
            height: 20px;
            cursor: pointer;
            flex: none;
        }
        /* GİDERLERİM ile aynı: kutu + "Yok" tek grup; tam satır genişliği zorlanmaz (mobilde taşma/kesilme olmasın) */
        .income-form-row:has(.income-checkbox-wrapper) {
            flex-wrap: wrap;
        }
        .income-form-row:has(.income-checkbox-wrapper) > input {
            flex: 1 1 200px;
            min-width: 0;
        }
        .income-form-row:has(.income-checkbox-wrapper) .income-checkbox-wrapper {
            flex: 0 0 auto;
            width: auto;
            max-width: 100%;
            align-self: center;
            box-sizing: border-box;
        }
        .income-checkbox-wrapper span {
            flex-shrink: 0;
            white-space: nowrap;
        }
        .income-total-row {
            margin-top: 20px;
            padding-top: 15px;
            border-top: 2px solid rgba(42,168,255,0.3);
        }
        .income-total-row label {
            font-weight: 800;
            color: var(--light-blue);
            font-size: 15px;
        }
        .income-action-buttons, .expenses-action-buttons, .ebitda-action-buttons {
            display: flex;
            gap: 15px;
            margin-top: 25px;
            flex-wrap: wrap;
        }
        .btn-edit-income, .btn-delete-income {
            padding: 14px 20px;
            border-radius: 10px;
            border: none;
            font-weight: 800;
            font-size: 15px;
            cursor: pointer;
            transition: 0.3s;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .btn-edit-income {
            background: #2563eb;
            color: #fff;
        }
        .btn-edit-income:hover {
            background: #1d4ed8;
        }
        .btn-delete-income {
            background: #dc2626;
            color: #fff;
        }
        .btn-delete-income:hover {
            background: #b91c1c;
        }
        .chart-section-title {
            color: var(--light-blue);
            font-size: 15px;
            font-weight: 700;
            margin: 0 0 12px 0;
            text-align: center;
        }
        .income-chart-section {
            background: #0d1b4d;
            padding: 25px;
            border-radius: 12px;
            border: 1px solid rgba(42,168,255,0.3);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            min-height: 400px;
        }
        .income-chart-container {
            width: 100%;
            max-width: 500px;
            height: 400px;
            position: relative;
        }
        .btn-save-income {
            margin-top: 25px;
            width: 100%;
            padding: 14px;
            border-radius: 10px;
            border: none;
            background: #16a34a;
            color: #fff;
            font-weight: 800;
            font-size: 15px;
            cursor: pointer;
            transition: 0.3s;
        }
        .btn-save-income:hover {
            background: #15803d;
        }

        /* GELİRLERİM — mobil: taşma yok, toplam ve butonlar kaydırılarak görünsün */
        @media (max-width: 768px) {
            .income-modal {
                padding: 8px;
                align-items: flex-start;
            }
            .income-modal .income-modal-content {
                padding: 14px 12px max(28px, calc(16px + env(safe-area-inset-bottom, 0px)));
                max-height: none;
                overflow-x: hidden;
                width: 100%;
                max-width: 100%;
                box-sizing: border-box;
            }
            #incomeModal #incomeModalTitle {
                font-size: 18px !important;
            }
            .income-header-row {
                margin-bottom: 14px;
            }
            #incomeModal .income-date-selectors {
                flex-direction: column;
                align-items: stretch;
                width: 100%;
                gap: 10px;
            }
            #incomeModal .income-date-selectors select {
                min-width: 0;
                width: 100%;
                max-width: 100%;
                box-sizing: border-box;
            }
            #incomeModal .date-range-selectors {
                margin-left: 0;
                width: 100%;
                flex-direction: column;
                align-items: stretch;
                gap: 8px;
            }
            #incomeModal .date-range-selectors .date-separator {
                display: none;
            }
            #incomeModal .date-input {
                width: 100%;
                box-sizing: border-box;
            }
            #incomeModal .btn-search-date {
                width: 100%;
                justify-content: center;
                box-sizing: border-box;
            }
            #incomeModal .income-form-container {
                gap: 16px;
                margin-top: 14px;
            }
            #incomeModal .income-form-section {
                padding: 14px;
            }
            #incomeModal .income-form-section h3 {
                font-size: 16px;
                margin-bottom: 14px;
            }
            #incomeModal .income-form-row {
                flex-direction: column;
                align-items: stretch;
                gap: 8px;
                margin-bottom: 14px;
            }
            #incomeModal .income-form-row label {
                min-width: 0;
                text-align: left;
                width: 100%;
            }
            #incomeModal .income-form-row input {
                width: 100%;
                max-width: 100%;
                box-sizing: border-box;
                flex: none;
            }
            #incomeModal .income-form-row:has(.income-checkbox-wrapper) > input {
                flex: none;
                width: 100%;
                max-width: 100%;
            }
            #incomeModal .income-checkbox-wrapper {
                width: auto;
                max-width: calc(100% - 4px);
                align-self: flex-start;
                justify-content: flex-start;
            }
            #incomeModal .income-total-row {
                margin-top: 14px;
                padding-top: 12px;
            }
            #incomeModal .income-chart-section {
                min-height: 0;
                padding: 14px;
                align-items: stretch;
                width: 100%;
                max-width: 100%;
                box-sizing: border-box;
            }
            #incomeModal .chart-section-title {
                font-size: 14px;
                margin-bottom: 8px;
            }
            #incomeModal .income-chart-container {
                max-width: 100%;
                width: 100%;
                height: 260px;
                box-sizing: border-box;
            }
            #incomeModal .income-chart-container canvas {
                max-width: 100% !important;
            }
            #incomeModal .income-action-buttons {
                margin-top: 16px;
                gap: 10px;
                flex-direction: column;
            }
            #incomeModal .income-action-buttons .btn-save-income,
            #incomeModal .income-action-buttons .btn-edit-income,
            #incomeModal .income-action-buttons .btn-delete-income {
                width: 100%;
                justify-content: center;
                box-sizing: border-box;
            }
            #incomeModal .income-action-buttons .btn-save-income {
                margin-top: 0;
            }
            .income-range-pie-chart,
            .income-range-bar-chart,
            .expenses-range-pie-chart,
            .expenses-range-bar-chart {
                height: 300px;
                padding: 14px;
                max-width: 100%;
                box-sizing: border-box;
            }
        }

        /* GİDERLERİM DETAY MODAL */
        .expenses-detail-modal-content {
            width: 100%;
            max-width: 1800px;
            background: #05103a;
            border-radius: 15px;
            padding: 30px;
            border: 1px solid var(--light-blue);
            position: relative;
            max-height: 95vh;
            overflow-y: auto;
        }
        .expenses-detail-header-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 25px;
            flex-wrap: wrap;
            gap: 15px;
        }
        .expenses-detail-date-selectors {
            display: flex;
            gap: 15px;
            align-items: center;
            flex-wrap: wrap;
            margin-bottom: 25px;
        }
        .expenses-detail-date-selectors select {
            padding: 10px 14px;
            border-radius: 8px;
            border: 1px solid #2a3b7a;
            background: #020824;
            color: #fff;
            font-size: 14px;
            min-width: 140px;
        }
        .expenses-detail-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            margin-bottom: 30px;
        }
        @media (max-width: 1600px) {
            .expenses-detail-grid { grid-template-columns: repeat(2, 1fr); }
        }
        @media (max-width: 800px) {
            .expenses-detail-grid { grid-template-columns: 1fr; }
        }
        .expenses-detail-section {
            background: #0d1b4d;
            padding: 20px;
            border-radius: 12px;
            border: 1px solid rgba(42,168,255,0.3);
        }
        .expenses-detail-section h3 {
            color: var(--light-blue);
            font-size: 16px;
            margin: 0 0 15px 0;
            font-weight: 800;
            text-align: center;
            padding-bottom: 10px;
            border-bottom: 1px solid rgba(42,168,255,0.2);
        }
        .expenses-detail-item {
            display: flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 12px;
            flex-wrap: wrap;
        }
        .expenses-detail-item label {
            color: #cbd5f5;
            font-size: 12px;
            font-weight: 600;
            min-width: 120px;
            flex-shrink: 0;
        }
        .expenses-detail-item input {
            flex: 1;
            min-width: 100px;
            padding: 8px 10px;
            border-radius: 6px;
            border: 1px solid #2a3b7a;
            background: #020824;
            color: #fff;
            font-size: 12px;
        }
        .expenses-detail-item input:disabled {
            background: #1a1f3a;
            color: #666;
            cursor: not-allowed;
        }
        .expenses-checkbox-wrapper {
            display: flex;
            align-items: center;
            gap: 6px;
            flex-shrink: 0;
        }
        .expenses-checkbox-wrapper input[type="checkbox"] {
            width: 18px;
            height: 18px;
            cursor: pointer;
        }
        .expenses-checkbox-wrapper span {
            color: #cbd5f5;
            font-size: 11px;
        }
        .expenses-total {
            margin-top: 15px;
            padding-top: 15px;
            border-top: 2px solid rgba(42,168,255,0.3);
            text-align: center;
        }
        .expenses-total strong {
            color: var(--light-blue);
            font-size: 14px;
        }
        .credit-card-item {
            display: flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 12px;
            flex-wrap: wrap;
        }
        .credit-card-item select {
            flex: 1;
            min-width: 150px;
            padding: 8px 10px;
            border-radius: 6px;
            border: 1px solid #2a3b7a;
            background: #020824;
            color: #fff;
            font-size: 12px;
        }
        .credit-card-item input {
            flex: 1;
            min-width: 100px;
            padding: 8px 10px;
            border-radius: 6px;
            border: 1px solid #2a3b7a;
            background: #020824;
            color: #fff;
            font-size: 12px;
        }
        .credit-card-item input:disabled {
            background: #1a1f3a;
            color: #666;
            cursor: not-allowed;
        }
        .expenses-charts-container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 30px;
            margin-top: 30px;
            margin-bottom: 25px;
        }
        @media (max-width: 1200px) {
            .expenses-charts-container { grid-template-columns: 1fr; }
        }
        .expenses-pie-chart, .expenses-bar-chart {
            background: #0d1b4d;
            padding: 20px;
            border-radius: 12px;
            border: 1px solid rgba(42,168,255,0.3);
            height: 400px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .expenses-pie-chart canvas, .expenses-bar-chart canvas {
            max-width: 100%;
            max-height: 100%;
        }

        /* TARİH ARALIĞI SEÇİCİLERİ */
        .date-range-selectors {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-left: auto;
            flex-wrap: wrap;
        }
        .date-input {
            padding: 8px 10px;
            border-radius: 6px;
            border: 1px solid #2a3b7a;
            background: #020824;
            color: #fff;
            font-size: 12px;
        }
        .date-separator {
            color: #cbd5f5;
            font-size: 14px;
        }
        .btn-search-date {
            padding: 8px 16px;
            border-radius: 6px;
            border: none;
            background: var(--accent-orange);
            color: #fff;
            font-weight: 700;
            font-size: 12px;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 6px;
        }
        .btn-search-date:hover {
            background: #e65c00;
        }
        .income-range-header, .expenses-range-header {
            margin-bottom: 20px;
            padding-bottom: 15px;
            border-bottom: 2px solid rgba(42,168,255,0.3);
        }
        .income-range-header h3, .expenses-range-header h3 {
            color: var(--light-blue);
            margin: 0;
            font-size: 18px;
        }
        .export-buttons-top-right {
            position: absolute;
            top: 0;
            right: 0;
            display: flex;
            gap: 10px;
            z-index: 10;
        }
        .export-buttons {
            display: flex;
            gap: 10px;
        }
        .btn-export-excel, .btn-export-pdf {
            padding: 8px 16px;
            border-radius: 6px;
            border: none;
            font-weight: 700;
            font-size: 12px;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 6px;
            transition: 0.3s;
        }
        .btn-export-excel {
            background: #16a34a;
            color: #fff;
        }
        .btn-export-excel:hover {
            background: #15803d;
        }
        .btn-export-pdf {
            background: #dc2626;
            color: #fff;
        }
        .btn-export-pdf:hover {
            background: #b91c1c;
        }
        #incomeRangeTableContainer, #expensesRangeTableContainer {
            margin-bottom: 30px;
        }
        .income-range-charts, .expenses-range-charts {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 30px;
            margin-top: 30px;
        }
        @media (max-width: 1200px) {
            .income-range-charts, .expenses-range-charts { grid-template-columns: 1fr; }
        }
        .income-range-pie-chart, .income-range-bar-chart,
        .expenses-range-pie-chart, .expenses-range-bar-chart {
            background: #0d1b4d;
            padding: 20px;
            border-radius: 12px;
            border: 1px solid rgba(42,168,255,0.3);
            height: 400px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .income-range-pie-chart canvas, .income-range-bar-chart canvas,
        .expenses-range-pie-chart canvas, .expenses-range-bar-chart canvas {
            max-width: 100%;
            max-height: 100%;
        }

        /* EBITDA MODAL */
        .ebitda-modal-content {
            width: 100%;
            max-width: 1800px;
            background: #05103a;
            border-radius: 15px;
            padding: 30px;
            border: 1px solid var(--light-blue);
            position: relative;
            max-height: 95vh;
            overflow-y: auto;
        }
        .ebitda-header-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 25px;
            flex-wrap: wrap;
            gap: 15px;
            position: relative;
        }
        .export-buttons-top-right-modal {
            display: flex;
            gap: 10px;
        }
        .ebitda-date-selectors {
            display: flex;
            gap: 15px;
            align-items: center;
            flex-wrap: wrap;
            margin-bottom: 25px;
        }
        .ebitda-date-selectors select {
            padding: 10px 14px;
            border-radius: 8px;
            border: 1px solid #2a3b7a;
            background: #020824;
            color: #fff;
            font-size: 14px;
            min-width: 140px;
        }
        .ebitda-summary-section {
            background: #0d1b4d;
            padding: 25px;
            border-radius: 12px;
            border: 1px solid rgba(42,168,255,0.3);
            margin-bottom: 30px;
        }
        .ebitda-summary-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
        }
        @media (max-width: 1200px) {
            .ebitda-summary-grid { grid-template-columns: 1fr; }
        }
        .ebitda-summary-column h3 {
            color: var(--light-blue);
            font-size: 18px;
            margin: 0 0 20px 0;
            font-weight: 800;
            text-align: center;
            padding-bottom: 10px;
            border-bottom: 1px solid rgba(42,168,255,0.2);
        }
        .ebitda-summary-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 12px;
        }
        .ebitda-summary-item label {
            color: #cbd5f5;
            font-size: 13px;
            font-weight: 600;
            flex: 1;
        }
        .ebitda-summary-item input {
            flex: 1;
            max-width: 200px;
            padding: 8px 10px;
            border-radius: 6px;
            border: 1px solid #2a3b7a;
            background: #020824;
            color: #fff;
            font-size: 13px;
            text-align: right;
        }
        .ebitda-summary-total {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 20px;
            padding-top: 15px;
            border-top: 2px solid rgba(42,168,255,0.3);
        }
        .ebitda-summary-total label {
            color: var(--light-blue);
            font-size: 15px;
            font-weight: 800;
            flex: 1;
        }
        .ebitda-summary-total input {
            flex: 1;
            max-width: 200px;
            padding: 10px 12px;
            border-radius: 6px;
            border: 2px solid var(--light-blue);
            background: #020824;
            color: var(--light-blue);
            font-size: 15px;
            font-weight: 800;
            text-align: right;
        }
        .ebitda-note {
            margin-top: 20px;
            padding: 10px;
            background: rgba(255, 193, 7, 0.1);
            border-left: 3px solid #ffc107;
            border-radius: 4px;
        }
        .ebitda-note small {
            color: #ffc107;
            font-size: 11px;
            line-height: 1.5;
        }
        .ebitda-projection-section {
            background: #0d1b4d;
            padding: 25px;
            border-radius: 12px;
            border: 1px solid rgba(42,168,255,0.3);
            margin-bottom: 25px;
        }
        .ebitda-projection-section h3 {
            color: var(--light-blue);
            font-size: 18px;
            margin: 0 0 20px 0;
            font-weight: 800;
        }
        .ebitda-projection-table-wrap {
            overflow-x: auto;
        }
        .ebitda-projection-table {
            width: 100%;
            min-width: 800px;
            border-collapse: collapse;
            font-size: 12px;
        }
        .ebitda-projection-table th {
            background: #1e3a5f;
            color: #fff;
            padding: 12px 8px;
            text-align: center;
            font-weight: 700;
            border: 1px solid #334155;
        }
        .ebitda-projection-table td {
            padding: 8px;
            border: 1px solid #334155;
            text-align: center;
        }
        .ebitda-metric-label {
            background: #1e3a5f;
            color: #fff;
            font-weight: 700;
            text-align: left;
            padding-left: 12px !important;
        }
        .ebitda-month-input {
            width: 100%;
            padding: 6px 8px;
            border: 1px solid #2a3b7a;
            border-radius: 4px;
            background: #020824;
            color: #fff;
            font-size: 12px;
            text-align: right;
        }
        .ebitda-month-input:focus {
            outline: none;
            border-color: var(--light-blue);
        }
        .ebitda-month-input.ebitda-result {
            background: #1a1f3a;
            color: var(--light-blue);
            font-weight: 700;
            cursor: not-allowed;
        }

        /* NAKİT AKIŞ TABLOSU MODAL */
        .cashflow-modal-content {
            width: 100%;
            max-width: 1900px;
            background: #05103a;
            border-radius: 15px;
            padding: 30px;
            border: 1px solid var(--light-blue);
            position: relative;
            max-height: 95vh;
            overflow-y: auto;
        }
        .cashflow-header-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 25px;
            flex-wrap: wrap;
            gap: 15px;
            position: relative;
        }
        .cashflow-date-selectors {
            display: flex;
            gap: 15px;
            align-items: center;
            flex-wrap: wrap;
            margin-bottom: 25px;
        }
        .cashflow-date-selectors select {
            padding: 10px 14px;
            border-radius: 8px;
            border: 1px solid #2a3b7a;
            background: #020824;
            color: #fff;
            font-size: 14px;
            min-width: 140px;
        }
        .cashflow-beginning-cash {
            display: flex;
            align-items: center;
            gap: 15px;
            margin-bottom: 25px;
            padding: 15px;
            background: #0d1b4d;
            border-radius: 8px;
            border: 1px solid rgba(42,168,255,0.3);
        }
        .cashflow-beginning-cash label {
            color: var(--light-blue);
            font-size: 16px;
            font-weight: 800;
            min-width: 180px;
        }
        .cashflow-beginning-cash input {
            flex: 1;
            max-width: 300px;
            padding: 10px 12px;
            border-radius: 6px;
            border: 2px solid var(--light-blue);
            background: #020824;
            color: var(--light-blue);
            font-size: 15px;
            font-weight: 800;
        }
        .cashflow-ebitda-section, .cashflow-detail-section {
            background: #0d1b4d;
            padding: 25px;
            border-radius: 12px;
            border: 1px solid rgba(42,168,255,0.3);
            margin-bottom: 25px;
        }
        .cashflow-ebitda-section h3, .cashflow-detail-section h3 {
            color: var(--light-blue);
            font-size: 18px;
            margin: 0 0 20px 0;
            font-weight: 800;
        }
        .cashflow-table-wrap {
            overflow-x: auto;
        }
        .cashflow-table {
            width: 100%;
            min-width: 1200px;
            border-collapse: collapse;
            font-size: 12px;
        }
        .cashflow-table th {
            background: #1e3a5f;
            color: #fff;
            padding: 12px 8px;
            text-align: center;
            font-weight: 700;
            border: 1px solid #334155;
        }
        .cashflow-table td {
            padding: 6px;
            border: 1px solid #334155;
            text-align: center;
        }
        .cashflow-metric-label {
            background: #1e3a5f;
            color: #fff;
            font-weight: 700;
            text-align: left;
            padding-left: 12px !important;
            white-space: nowrap;
        }
        .cashflow-metric-label.cashflow-total-label {
            font-weight: 800;
            border: 2px solid #2aa8ff;
        }
        .cashflow-month-input {
            width: 100%;
            min-width: 90px;
            padding: 6px 8px;
            border: 1px solid #2a3b7a;
            border-radius: 4px;
            background: #020824;
            color: #fff;
            font-size: 11px;
            text-align: right;
        }
        .cashflow-month-input:focus {
            outline: none;
            border-color: var(--light-blue);
        }
        .cashflow-month-input.cashflow-result {
            background: #1a1f3a;
            color: var(--light-blue);
            font-weight: 700;
            cursor: not-allowed;
        }
        .cashflow-month-input.cashflow-summary {
            background: #2a3a5f;
            color: #fff;
            font-weight: 800;
            cursor: not-allowed;
        }
        .cashflow-month-input[data-type="beginning"] {
            background: #1a237e;
            color: #fff !important;
        }
        .cashflow-summary-row {
            background: rgba(42,168,255,0.1);
        }
        .cashflow-total-col {
            background: #ff6d00 !important;
            color: #fff !important;
        }
        .cashflow-total-input {
            width: 100%;
            min-width: 100px;
            padding: 6px 8px;
            border: 1px solid #ff6d00;
            border-radius: 4px;
            background: #1a0d00;
            color: #ff6d00;
            font-size: 11px;
            font-weight: 800;
            text-align: right;
            cursor: not-allowed;
        }
        .cashflow-action-buttons {
            display: flex;
            gap: 15px;
            margin-top: 25px;
            flex-wrap: wrap;
        }

        /* Telefon: sol menü kırmızı çizgiye kadar, Yorumlarım çerçevesi turuncu dikdörtgende (son blok – kesin uygulansın) */
        @media (max-width: 1024px) {
            #socialNetworkList.social-network-wrapper.open {
                width: 100% !important;
                max-width: 100vw !important;
                box-sizing: border-box !important;
            }
            #socialNetworkList.social-network-wrapper.open .social-network-inline {
                width: 100% !important;
                min-width: 0 !important;
                max-width: 100% !important;
                padding: 16px 0 16px 16px !important;
                box-sizing: border-box !important;
            }
            #socialNetworkList .social-nav-item { width: 100% !important; box-sizing: border-box !important; }
            #socialNetworkList .social-network-inline { overflow: visible !important; }
        }

        /* Erişilebilirlik: dokunma hedefleri en az 48x48 px (Lighthouse) */
        @media (pointer: coarse) {
            .krediler-popup-close, .lang-popup-close, .menu-popup-close, .menu-content-close,
            .haberler-panel-close, .social-carousel-btn, .teknik-analiz-close, .detayli-arama-close,
            button.profile-btn-small {
                min-width: 48px; min-height: 48px; width: 48px; height: 48px;
                display: inline-flex; align-items: center; justify-content: center;
            }
            .auth-close { min-width: 48px; min-height: 48px; padding: 12px; display: inline-flex; align-items: center; justify-content: center; }
            .btn-orange-3d { min-height: 48px; }
            nav .nav-btn-3d { min-height: 48px; padding-top: 10px; padding-bottom: 10px; }
        }