/* Varsayılan olarak koyu tema stilleri */
        body {
            font-family: 'Inter', sans-serif;
            background-color: #121212;
            color: #e0e0e0;
            transition: background-color 0.3s, color 0.3s;
        }
        .bg-card { background-color: #1e1e1e; }
        .text-default { color: #e0e0e0; }
        .text-muted { color: #9e9e9e; }
        .border-base { border-color: #333333; }
        .hover-bg:hover { background-color: #2c2c2c; }

        /* Aydınlık tema stilleri */
html.light body {
    background-color: #ffffff;
    color: #1f2937;
}
        .light .bg-card { background-color: #f3f4f6; }
        .light .text-default { color: #1f2937; }
        .light .text-muted { color: #6b7280; }
        .light .border-base { border-color: #e5e7eb; }
        .light .hover-bg:hover { background-color: #e5e7eb; }

        /* Ortak stiller */
        .primary-btn {
            background-color: #ffb300;
            color: #ffffff;
            font-weight: 700;
            padding: 0.75rem 1.5rem;
            border-radius: 9999px;
            transition-property: background-color, transform, box-shadow;
            transition-duration: 300ms;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        }
        .primary-btn:hover {
            background-color: #fb8c00;
            transform: translateY(-2px);
            box-shadow: 0 4px 6px -1px rgba(255, 179, 0, 0.4), 0 2px 4px -1px rgba(255, 179, 0, 0.2);
        }
        .primary-btn:disabled {
            background-color: #9e9e9e;
            cursor: not-allowed;
            transform: none;
            box-shadow: none;
        }

        .marquee-container {
            position: relative;
            width: 100%;
            overflow: hidden;
        }
        .marquee-animation {
    display: inline-flex; /* Değişiklik bu satırda */
    white-space: nowrap;
    animation: marquee 120s linear infinite;
}
        @keyframes marquee {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }
        .marquee-container:hover .marquee-animation {
            animation-play-state: paused;
        }
        .marquee-item {
            display: flex;
            align-items: center;
            padding: 0 1.5rem;
        }

        .modal {
            position: fixed;
            z-index: 100;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7);
            display: flex;
            justify-content: center;
            align-items: center;
            visibility: hidden;
            opacity: 0;
            transition: visibility 0s, opacity 0.3s;
        }
        .modal.open {
            visibility: visible;
            opacity: 1;
        }
        .modal-content {
            background-color: #1e1e1e;
            padding: 2rem;
            border-radius: 1rem;
            max-width: 90%;
            width: 800px;
            max-height: 90vh;
            overflow-y: auto;
            position: relative;
            transform: scale(0.9);
            transition: transform 0.3s ease-out;
        }
        .light .modal-content {
            background-color: #ffffff;
            color: #1f2937;
        }
        .modal.open .modal-content {
            transform: scale(1);
        }
        .close-button {
            position: absolute;
            top: 1rem;
            right: 1rem;
            font-size: 1.5rem;
            font-weight: bold;
            cursor: pointer;
            color: #e0e0e0;
        }
        .light .close-button {
            color: #1f2937;
        }

        @media (max-width: 768px) {
            .modal-content {
                padding: 1.5rem;
                width: 95%;
            }
            .primary-btn.header-btn {
                padding: 0.5rem 1rem;
            }
        }

        .crypto-row:hover {
            cursor: pointer;
            background-color: #2c2c2c;
        }
        .light .crypto-row:hover {
            background-color: #e5e7eb;
        }

        .skeleton-text {
            animation: pulse 1.5s infinite ease-in-out;
            background-color: #333;
            border-radius: 4px;
            height: 1em;
            display: block;
            margin: 0.5em 0;
        }
        
        .skeleton-text.long { width: 100%; }
        .skeleton-text.medium { width: 75%; }
        .skeleton-text.short { width: 50%; }

        @keyframes pulse {
            0% { background-color: #333; }
            50% { background-color: #444; }
            100% { background-color: #333; }
        }
        
        @keyframes pulse-light {
            0% { background-color: #ddd; }
            50% { background-color: #eee; }
            100% { background-color: #ddd; }
        }
        
        .light .skeleton-text {
            animation-name: pulse-light;
        }

        .price-flash-green {
            animation: flash-green 1s ease-out;
        }
        .price-flash-red {
            animation: flash-red 1s ease-out;
        }
        @keyframes flash-green {
            0% { background-color: rgba(0, 200, 83, 0.3); }
            100% { background-color: transparent; }
        }
        @keyframes flash-red {
            0% { background-color: rgba(244, 67, 54, 0.3); }
            100% { background-color: transparent; }
        }
        .tab-button {
            padding: 0.5rem 1rem;
            cursor: pointer;
            border-bottom: 2px solid transparent;
            transition: all 0.3s;
        }
        .tab-button.active {
            border-bottom-color: #ffb300;
            color: #ffb300;
            font-weight: 600;
        }
        .tab-content {
            display: none;
        }
        .tab-content.active {
            display: block;
        }
        .chart-duration-btn {
            background-color: transparent;
            border: 1px solid #444;
            color: #9e9e9e;
            border-radius: 9999px;
            padding: 0.5rem 1rem;
            font-weight: 500;
            transition: all 0.2s ease-in-out;
        }
        .light .chart-duration-btn {
            border: 1px solid #d1d5db;
            color: #6b7280;
        }
        .chart-duration-btn.active {
            background-color: #ffb300;
            color: #ffffff;
            font-weight: 700;
            border-color: #ffb300;
        }
        .chart-duration-btn:hover:not(.active) {
            background-color: #333;
            color: #e0e0e0;
            border-color: #555;
        }
        .light .chart-duration-btn:hover:not(.active) {
            background-color: #e5e7eb;
            color: #1f2937;
            border-color: #ccc;
        }
        
        .special-list-item {
            display: flex;
            align-items: center;
            padding: 0.75rem;
            border-bottom: 1px solid #333333;
            transition: background-color 0.2s;
        }
        .light .special-list-item {
            border-bottom-color: #e5e7eb;
        }
        .special-list-item:last-child {
            border-bottom: none;
        }

/* --- YENİ SAYFALAMA STİLLERİ (SON HALİ) --- */
        .pagination-controls {
            display: flex;
            justify-content: center; 
            align-items: center;
            gap: 0.5rem;
            font-weight: 500;
            margin-top: 1rem; /* Üst boşluğu 2rem'den 1rem'e düşürdük */
        }
        .pagination-btn {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 2.5rem;
            height: 2.25rem;
            border-radius: 0.5rem;
            transition: background-color 0.2s, color 0.2s;
            cursor: pointer;
            padding: 0;
        }
        .pagination-ellipsis {
            padding: 0 0.5rem;
            cursor: default;
            display: flex;
            align-items: center;
            height: 2.25rem;
        }
        .pagination-btn:not(.active):not(.disabled):hover {
            background-color: #2c2c2c;
        }
        .light .pagination-btn:not(.active):not(.disabled):hover {
            background-color: #e5e7eb;
        }
        .pagination-btn.active {
            background-color: #ffb300; 
            color: #1e1e1e;          
            font-weight: 700;
            cursor: default;
        }
        .light .pagination-btn.active {
            background-color: #ffb300;
            color: #ffffff;          
        }
        .pagination-btn.disabled {
            color: #4b5563;
            cursor: not-allowed;
            opacity: 0.5;
        }
        .light .pagination-btn.disabled {
            color: #9ca3af;
        }
/* Logo Tema Değişimi */
.light .dark-logo {
    display: none;
}
/* Dil flaşını önlemek için JS yüklenirken çevrilecek metinleri gizle */
.js-loading [data-translate],
.js-loading [data-translate-placeholder] {
    visibility: hidden;
}

.light .light-logo {
    display: block;
}

/* Profil Dropdown Menüsü Stilleri */
#profile-dropdown-menu {
    transition: opacity 0.2s ease-out, transform 0.2s ease-out;
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none; /* Gizliyken tıklanamaz yap */
}

#profile-dropdown-menu.open {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto; /* Görünürken tıklanabilir yap */
}

/* --- İzleme Listesi Yıldız Stili --- */
.watchlist-btn.active {
    color: #ffb300 !important;
    transform: scale(1.1);
}