/* PORTAL DARK MODE */
[data-theme="dark"] {
    --bg-main: #1a1a2e;
    --bg-card: #16213e;
    --bg-nav: #0f3460;
    --text-primary: #e0e0e0;
    --text-secondary: #aaa;
    --border-color: #2a2a4a;
    --bg-hover: #1e1e3a;
    --bg-input: #1e1e3a;
    --badge-aktif-bg: #1e3a2e;
    --badge-aktif-color: #4caf50;
}

    [data-theme="dark"] body {
        background: var(--bg-main) !important;
        color: var(--text-primary) !important;
    }

    [data-theme="dark"] .portal-nav,
    [data-theme="dark"] .admin-nav {
        background: var(--bg-nav) !important;
        border-color: var(--border-color) !important;
    }

        [data-theme="dark"] .portal-nav .brand img {
            filter: brightness(1.2);
        }

    [data-theme="dark"] .user-name {
        color: #ccc !important;
    }

    [data-theme="dark"] .btn-cikis {
        color: #aaa !important;
        border-color: #444 !important;
    }

        [data-theme="dark"] .btn-cikis:hover {
            background: #333 !important;
        }

    [data-theme="dark"] .product-card,
    [data-theme="dark"] .info-card,
    [data-theme="dark"] .data-card,
    [data-theme="dark"] .stat-card,
    [data-theme="dark"] .limit-bar-wrap,
    [data-theme="dark"] .modal-box,
    [data-theme="dark"] .modal-card {
        background: var(--bg-card) !important;
        border-color: var(--border-color) !important;
        color: var(--text-primary) !important;
    }

    [data-theme="dark"] .product-name,
    [data-theme="dark"] .data-card-title,
    [data-theme="dark"] .page-title,
    [data-theme="dark"] .modal-title,
    [data-theme="dark"] .stat-info strong {
        color: var(--text-primary) !important;
    }

    [data-theme="dark"] .product-desc,
    [data-theme="dark"] .info-card-text span,
    [data-theme="dark"] .page-subtitle,
    [data-theme="dark"] .section-title,
    [data-theme="dark"] .stat-info span {
        color: var(--text-secondary) !important;
    }

    [data-theme="dark"] .info-card-icon {
        background: #1e1e3a !important;
    }

    [data-theme="dark"] table th {
        background: #1e1e3a !important;
        color: #888 !important;
        border-color: var(--border-color) !important;
    }

    [data-theme="dark"] table td {
        color: var(--text-primary) !important;
        border-color: #2a2a4a !important;
    }

    [data-theme="dark"] tr:hover td {
        background: #1e1e3a !important;
    }

    [data-theme="dark"] .progress {
        background: #2a2a4a !important;
    }

    [data-theme="dark"] .form-control,
    [data-theme="dark"] .form-select {
        background: var(--bg-input) !important;
        border-color: var(--border-color) !important;
        color: var(--text-primary) !important;
    }

    [data-theme="dark"] .welcome-text h2 {
        color: var(--text-primary) !important;
    }

    [data-theme="dark"] .welcome-text p {
        color: var(--text-secondary) !important;
    }

    [data-theme="dark"] .back-link {
        color: #888 !important;
    }

        [data-theme="dark"] .back-link:hover {
            color: #1a73e8 !important;
        }

    [data-theme="dark"] .data-card-header {
        border-color: var(--border-color) !important;
    }

/* Dark mode toggle butonu */
.dark-mode-btn {
    background: none;
    border: 1px solid #ddd;
    border-radius: 50px;
    padding: 5px 12px;
    cursor: pointer;
    font-size: 16px;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    gap: 6px;
    color: #666;
}

    .dark-mode-btn:hover {
        background: #f5f5f5;
    }

[data-theme="dark"] .dark-mode-btn {
    border-color: #444;
    color: #ccc;
}

    [data-theme="dark"] .dark-mode-btn:hover {
        background: #333 !important;
    }

/* Login/Kayıt sayfası form inputları dark mode */
[data-theme="dark"] .form-control-solid {
    background-color: #1e1e3a !important;
    border-color: #2a2a4a !important;
    color: #e0e0e0 !important;
}

    [data-theme="dark"] .form-control-solid:focus {
        background-color: #252550 !important;
        border-color: #1a73e8 !important;
        color: #e0e0e0 !important;
    }

    [data-theme="dark"] .form-control-solid::placeholder {
        color: #666 !important;
    }

[data-theme="dark"] .form-select {
    background-color: #1e1e3a !important;
    border-color: #2a2a4a !important;
    color: #e0e0e0 !important;
}

/* Sayfa arka planı */
[data-theme="dark"] .d-flex.flex-column-fluid {
    background-color: #1a1a2e !important;
}

/* Kart arka planı */
[data-theme="dark"] .bg-body {
    background-color: #16213e !important;
}

/* Başlık ve label renkleri */
[data-theme="dark"] .text-dark {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .text-gray-400 {
    color: #888 !important;
}

/* Web layout navbar dark mode */
[data-theme="dark"] .web-header {
    background: #1a1a2e !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.3) !important;
}

[data-theme="dark"] .nav-link {
    color: #ccc !important;
}

    [data-theme="dark"] .nav-link:hover {
        color: #1a73e8 !important;
    }

[data-theme="dark"] .info-card-text strong {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .info-card-text span {
    color: #aaa !important;
}

[data-theme="dark"] .section-title {
    color: #888 !important;
}