:root {
    /* --- YÜZEY BELİRTEÇLERİ (Arka Planlar ve Gradyanlar) --- */
    --t-grad-complex-main: linear-gradient(330deg, #265073, #336b99, #265073, #336b99, #265073, #ffffff);
    /* Navbar Gradyanı - Varsayılan Mavi */
    --t-surface-navbar: var(--t-grad-complex-main);
    --t-grad-complex-alt: linear-gradient(330deg, #265073, #336b99, #265073, #336b99, #265073);
    /* Navbar Gradyanı - Varsayılan Mavi */
    --t-surface-navbar: var(--t-grad-complex-main);
    --t-surface-navbar-2: var(--t-grad-complex-alt);
    /* Kenar Çubuğu Gradyanı/Rengi - Varsayılan Mavi */
    --t-surface-sidebar: linear-gradient(90deg, #265073, #3b82f6);

    /* Form Gradyanı - Varsayılan Mavi */
    --t-surface-form: linear-gradient(330deg, #172f44, #1f4f73, #172f44);

    /* Arama Başlığı - Varsayılan Mavi */
    --t-surface-search: #1e4066;
    --t-surface-search-header: var(--t-grad-complex-main);

    /* Referanslar Bölümü - Varsayılan Mavi */
    --t-testimonials-bg: #1a237e;

    /* --- ANA RENKLER --- */
    --t-primary-base: #1e4066;
    --t-primary-light: #3b82f6;
    --t-primary-dark: #153250;

    /* --- VURGU RENKLERİ (Düğmeler, Öne Çıkanlar) --- */
    --t-accent: #00bcd4;
    --t-accent-hover: #008ba3;

    /* --- DÜĞMELER --- */
    --t-btn-primary-bg: #1e4066;
    --t-btn-primary-hover: #153250;
    --t-btn-primary-border: #1e4066;

    --t-btn-secondary-bg: #3b82f6;
    /* Ajanda düğmesi vb. */
    --t-btn-secondary-hover: #2e67cc;

    /* --- KENARLIKLAR VE GÖLGELER --- */
    --t-border-main: rgba(255, 255, 255, 0.1);
    /* Koyu bg için açık kenarlık */
    --t-border-color: #1e4066;
    /* Birincil renkle eşleşen düz kenarlık rengi */

    --t-shadow-color: rgba(0, 0, 0, 0.1);

    /* --- SİMGELER VE ROZETLER --- */
    --t-icon-color: #1e4066;
    --t-icon-circle-bg: transparent;

    /* --- NİHAİ İSTEM ZORUNLU BELİRTEÇLERİ --- */
    --t-surface-main: #ffffff;
    /* --t-surface-strong: tema başına dinamik olarak ayarlanır (theme.js) */
    --t-title-accent: #1a237e;
    --t-info-accent: #00bcd4;
    --t-tag-bg: #1e4066;
    --t-main-search-bg: #1e4066;
    --t-modal-bg: #ffffff;
    --t-border-soft: #e0e0e0;

    /* RGB ve Yumuşak Varyasyonlar */
    --t-primary-rgb: 30, 64, 102;
    /* #1e4066 için temel varsayılan */
    --t-badge-soft-bg: #e3f2fd;
    /* Varsayılan yumuşak mavi */
    --t-search-box-bg: #badcff;
    --t-search-box-border: #99c2ff;

    /* Gradyanlar (Açıları Korumak) */
    --t-grad-main-search: linear-gradient(135deg, #1e4066, #3b82f6);
    --t-grad-butonrenk: linear-gradient(135deg, #1e4066, #3b82f6);
    --t-grad-profile-header: linear-gradient(90deg, #3b82f6, #265073);

    /* Nihai İstemden YENİ Gradyanlar */
    --t-grad-detail-active: linear-gradient(180deg, #1e4066, #3b82f6);
    --t-grad-detail-tabs: linear-gradient(90deg, #1e4066, #3b82f6);

    --t-grad-submit-ihale: linear-gradient(180deg, #00bcd4, #008ba3);
    /* Seçici Özellikleri */
    --t-btn-outline-border: #3b82f6;
    --t-btn-outline-text: #3b82f6;
    --t-btn-agenda-active-bg: #3b82f6;
    --t-btn-agenda-active-hover-bg: #2e67cc;

    /* Grup Aksiyon Butonları */
    --t-btn-group-action-bg: var(--t-grad-complex-main);

    /* Support Modal Gradient */
    --t-grad-support-modal: var(--t-grad-complex-alt);

    /* Glossy Button Variables */
    --t-grad-glossy: linear-gradient(to bottom, #4c87ae 0%, #2b577a 100%);
    --t-grad-glossy-hover: linear-gradient(to bottom, #5da2cf 0%, #366b96 100%);
    --t-btn-glossy-border: #669bbc;

    /* Glossy Cancel Button Variables */
    --t-grad-glossy-cancel: linear-gradient(to bottom, #6c757d 0%, #495057 100%);
    --t-grad-glossy-cancel-hover: linear-gradient(to bottom, #868e96 0%, #5a6268 100%);
    --t-btn-glossy-cancel-border: #868e96;

    /* General Layout Colors (Refactoring) */
    --t-bg-body: #f8f9fa;
    --t-bg-card: #ffffff;
    --t-text-body: #333333;
    --t-text-muted: #666666;
    --t-text-light: #aaaaaa;
    --t-text-white: #ffffff;
    --t-border-light: #eeeeee;
    --t-border-medium: #dddddd;
    --t-shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.15);
    --t-shadow-md: 0 5px 15px rgba(0, 0, 0, 0.1);
    --t-footer-bg: #111111;
    --t-footer-text: #aaaaaa;
    --t-white-trans-high: rgba(255, 255, 255, 0.9);
    --t-white-trans-med: rgba(255, 255, 255, 0.5);
    --t-black-trans-low: rgba(0, 0, 0, 0.1);

    /* Specific Shadows */
    --t-shadow-primary: 0 6px 20px rgba(var(--t-primary-rgb), 0.35);
    --t-shadow-primary-sm: 0 3px 10px rgba(var(--t-primary-rgb), 0.2);

    /* Flag & Navbar Specifics */
    --t-flag-border: rgba(171, 171, 171, 0.8);
    --t-flag-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    --t-navbar-shrink-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    --t-nav-link-color: rgba(255, 255, 255, 0.9);
    --t-nav-link-hover-bg: rgba(255, 255, 255, 0.1);
    --t-toggler-border: rgba(255, 255, 255, 0.3);

    /* Residual Refactoring (Tender Cards, etc.) */
    --t-white-trans-04: rgba(255, 255, 255, 0.4);
    --t-shadow-strong: 0 5px 15px rgba(0, 0, 0, 0.3);
    --t-tender-card-border: #e8ecf0;
    --t-tender-card-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    --t-tender-card-hover-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
    --t-tender-header-bg: linear-gradient(to bottom, #fafbfc, #ffffff);
    --t-tender-header-border: #f0f2f5;

    /* Clean Up - Final Gradients */
    --t-grad-main-search-btn: linear-gradient(180deg, #305c8a 0%, #1a3a5c 100%);
    --t-grad-detailed-search-btn: linear-gradient(180deg, #4d7ea8 0%, #2a527a 100%);
    --t-grad-login-icon: linear-gradient(135deg, #1e4066, #3b82f6);
    --t-grad-success-modal: linear-gradient(135deg, #2ecc71, #27ae60);
    --t-grad-success-modal-check: linear-gradient(135deg, #2ecc71, #27ae60);
    --t-grad-error-modal: linear-gradient(135deg, #e74c3c, #c0392b);
    --t-grad-error-modal-icon: linear-gradient(135deg, #e74c3c, #c0392b);
    --t-color-google-btn: #db4437;
    --t-color-facebook-btn: #4267b2;

    /* Search Form Specifics */
    --t-search-blue: #305c8a;
    --t-search-focus-shadow: 0 0 0 2px rgba(48, 92, 138, 0.2);

    --t-search-border-light: #99c2ff;

    --t-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

/* Tema Uygulaması için Yardımcı Sınıflar */
.bg-theme-navbar {
    background: var(--t-surface-navbar) !important;

    /* Missed Gradients */
    --t-grad-btn-analyze-hover: linear-gradient(135deg, #153250, #2e67cc);
    --t-grad-criteria-tag: linear-gradient(180deg, #4d8abf 0%, #2e6da4 100%);
    --t-grad-criteria-tag-hover: linear-gradient(180deg, #5fa3db 0%, #3b7eb8 100%);

    /* --- COMPREHENSIVE REFACTORING LIST --- */
    /* 1. General & Common */
    --t-navbar-toggler-stroke: rgba(255, 255, 255, 0.9);
    --t-btn-register-hover-bg: rgba(255, 255, 255, 0.15);
    --t-btn-login-hover-bg: rgba(255, 255, 255, 0.1);
    --t-hero-title-shadow: rgba(0, 0, 0, 0.5);
    --t-bottom-bar-border: #333333;
    --t-separator-gray: #f1f1f1;
    --t-separator-dark: #555555;
    --t-required-star: #dc3545;

    /* 2. Tender Cards & Lists */
    --t-tender-title: #1a2b3c;
    --t-tender-type-badge-bg: rgba(0, 188, 212, 0.12);
    --t-tender-type-badge-border: rgba(0, 188, 212, 0.08);
    --t-tender-meta: #6b7c93;
    --t-tender-icon: #94a3b8;
    --t-tender-desc: #4a5568;
    --t-table-head-bg: #dbeafe;
    --t-table-head-border: #bfdbfe;
    --t-table-cell-text: #555555;
    --t-table-cell-border: #eeeeee;
    --t-btn-inspect-bg: #3b82f6;
    --t-status-pending: #f0ad4e;
    --t-status-approved: #5cb85c;
    --t-status-rejected: #e74c3c;
    --t-status-priority: #f39c12;
    --t-status-follow: #3b82f6;

    /* 3. Forms & Inputs */
    --t-form-section-title: #8898aa;
    --t-form-section-border: #eeeeee;
    --t-input-label-primary: #525f7f;
    --t-input-label-secondary: #8898aa;
    --t-input-icon: #adb5bd;
    --t-input-bg: #f7fafc;
    --t-input-border: #dee2e6;
    --t-checkbox-border: #ced4da;
    --t-btn-submit-shadow-1: rgba(50, 50, 93, 0.11);
    --t-btn-submit-shadow-2: rgba(0, 0, 0, 0.08);
    --t-error-msg: #dc3545;
    --t-filter-input-border: #cccccc;
    --t-keyword-tag-bg: #15803d;

    /* 4. Search & Analysis */
    --t-search-btn-hover: #153250;
    --t-info-box-bg: #f8f9fa;
    --t-info-box-border: #ced4da;
    --t-info-box-text: #555555;
    --t-info-box-warn-bg: #fff3cd;
    --t-info-box-warn-border: #ffeeba;
    --t-info-box-warn-text: #856404;
    --t-btn-clear-bg: #6c757d;
    --t-btn-clear-hover: #5a6268;
    --t-results-title: #305c8a;
    --t-btn-clear-results-text: #dc3545;
    --t-criteria-box-bg: #dbeafe;
    --t-criteria-box-border: #99c2ff;
    --t-table-stripe-even: #f7f9fc;
    --t-price-min: #28a745;
    --t-price-max: #dc3545;

    /* 5. Profile & Payment */
    --t-profile-card-border: #e0e0e0;
    --t-profile-table-stripe: #f0f0f0;
    --t-profile-th-bg: #f7f7f7;
    --t-uneditable-bg: #f7f7f7;
    --t-btn-password-bg: #6c757d;
    --t-btn-password-hover: #5a6268;
    --t-status-badge-pending: #f0ad4e;
    --t-status-badge-paid: #5cb85c;
    --t-btn-pay: #3b82f6;
    --t-payment-input-bg: rgba(255, 255, 255, 0.1);
    --t-payment-input-border: rgba(255, 255, 255, 0.3);

    /* 6. Others */
    --t-star-color: #ffc107;
    --t-author-color: #1a237e;
    --t-testimonial-card-bg-alt: #f0f2f5;
    --t-pricing-accent: #ffc107;
    --t-feature-check: #28a745;
    --t-calendar-th-bg: #dbeafe;
    --t-calendar-weekend: #f7f7f7;
    --t-calendar-inactive: #cccccc;
    --t-calendar-inactive-alt: #fafafa;
    --t-word-color: #2b579a;
    --t-excel-color: #217346;
    --t-whatsapp-color: #25d366;
    --t-telegram-color: #0088cc;

    /* --- COMPREHENSIVE REFACTORING LIST (PART 2) --- */
    /* 1. Navigation & Buttons */
    --t-text-lg-white: rgba(255, 255, 255, 0.9);
    --t-border-lg-white: rgba(255, 255, 255, 0.8);
    --t-offcanvas-header-bg: linear-gradient(90deg, #265073, #3b82f6);
    --t-navbar-collapse-bg: #265073;
    --t-navbar-collapse-shadow: rgba(0, 0, 0, 0.1);
    --t-nav-link-border: rgba(255, 255, 255, 0.1);
    --t-dropdown-item-hover: rgba(255, 255, 255, 0.2);

    /* 2. Tender Cards & Tables (Detailed) */
    --t-tender-date-grad: linear-gradient(135deg, #1e4066, #3b82f6);
    --t-tender-date-text: rgba(255, 255, 255, 0.85);
    --t-tender-cta-grad: linear-gradient(135deg, #1e4066, #3b82f6);
    --t-tender-row-hover-shadow: rgba(0, 0, 0, 0.1);
    --t-tender-row-hover-border: #eeeeee;
    --t-table-row-hover-bg: #f8faff;
    --t-btn-download-spec: #4fc1e9;
    --t-btn-modal-close: #eeeeee;

    /* 3. Registration & Forms */
    --t-back-to-login: #8898aa;
    --t-captcha-bg: #eeeeee;
    --t-captcha-text: #555555;

    /* 4. Info Boxes & Messages */
    --t-info-alert-bg: #cce5ff;
    --t-info-alert-border: #b8daff;
    --t-info-alert-text: #004085;
    --t-result-count-bg: #b3d4ff;
    --t-warning-box-bg: #e3f2fd;
    --t-warning-box-border: #bbdefb;
    --t-warning-box-text: #0d47a1;
    --t-email-notif-bg: #f0f8ff;
    --t-email-notif-border: #bce2ff;

    /* 5. Analysis & Search Filters */
    --t-search-box-bg: #badcff;
    --t-search-box-border: #99c2ff;
    --t-search-tab-text: rgba(255, 255, 255, 0.7);
    --t-search-tab-border: rgba(255, 255, 255, 0.1);
    --t-main-search-border: #ced4da;

    /* 6. Packages & Testimonials */
    --t-categories-title: #1a237e;
    --t-testimonial-stars: #ffd700;
    --t-feature-text: #555555;
    --t-feature-disabled: #cccccc;

    /* 7. Profile & Payment (Advanced) */
    --t-profile-header-grad: linear-gradient(90deg, #3b82f6, #265073);
    --t-credit-card-front: linear-gradient(135deg, #1a1a2e, #16213e, #0f3460);
    --t-credit-card-back: linear-gradient(135deg, #16213e, #1a1a2e, #0f3460);
    --t-credit-card-chip: linear-gradient(135deg, #ffd700, #daa520, #b8860b);
    --t-credit-card-strip: linear-gradient(90deg, #1a1a1a, #333333, #1a1a1a);

    /* --- COMPREHENSIVE REFACTORING LIST (PART 3) --- */
    --t-shadow-testimonial: 0 5px 15px rgba(0, 0, 0, 0.1);
    --t-shadow-testimonial-hover: 0 8px 25px rgba(0, 0, 0, 0.1);
    --t-shadow-pricing-hover: 0 15px 30px rgba(0, 0, 0, 0.2);
    --t-shadow-category: 0 4px 10px rgba(0, 0, 0, 0.05);
    --t-shadow-header-row: 0 2px 4px rgba(0, 0, 0, 0.05);
    --t-border-office-hours: #00bcd4;
    --t-border-pricing: #ffc107;
    --t-bg-saved-analysis-hover: #f0f8ff;
    --t-color-section-desc: #777777;
    --t-color-policy-text: #555555;
    --t-btn-pricing-hover-bg: #ffc107;
    --t-btn-detay-hover-bg: #008ba3;
}

.bg-theme-sidebar {
    background: var(--t-surface-sidebar) !important;
}

.bg-theme-form {
    background: var(--t-surface-form) !important;
}

.bg-theme-search {
    background-color: var(--t-surface-search) !important;
}

.bg-theme-testimonials {
    background: var(--t-testimonials-bg) !important;
}

/* Düğme Tema Sınıfları */
.btn-theme-primary {
    background-color: var(--t-btn-primary-bg) !important;
    border-color: var(--t-btn-primary-border) !important;
}

.btn-theme-primary:hover {
    background-color: var(--t-btn-primary-hover) !important;
}

.btn-theme-accent {
    background-color: var(--t-accent) !important;
    border-color: var(--t-accent) !important;
}

.btn-theme-accent:hover {
    background-color: var(--t-accent-hover) !important;
    border-color: var(--t-accent-hover) !important;
}

/* Metin rengi yardımcısı - SADECE Simgeler/UI öğeleri için, içerik metni için DEĞİL */
.text-theme-primary {
    color: var(--t-primary-base) !important;
}

.text-theme-accent {
    color: var(--t-accent) !important;
}

/* Tema Seçici Stilleri (Kenar Çubuğu) */
.theme-selector-container {
    padding: 10px 15px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.theme-btn {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    cursor: pointer;
    border: 2px solid transparent;
    transition: all 0.2s;
    position: relative;
    padding: 0;
    overflow: hidden;
}

.theme-btn:hover {
    transform: scale(1.1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.theme-btn.active {
    border-color: #333;
    transform: scale(1.1);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8), 0 2px 5px rgba(0, 0, 0, 0.3);
}

/* Tema Örnekleri */
.theme-btn-blue {
    background: linear-gradient(135deg, #265073, #3b82f6);
}

.theme-btn-purple {
    background: linear-gradient(135deg, #b754c4, #946dd1);
}

.theme-btn-green {
    background: linear-gradient(135deg, #0bcf00, #0bcf00);
}

.theme-btn-dark {
    background: linear-gradient(135deg, #404040, #1a1a1a);
}

/* Tema Panelindeki Bilgi Simgesi */
.theme-info-icon {
    color: #666;
    font-size: 14px;
    cursor: help;
}


/* --- NİHAİ ZORUNLU GEÇERSİZ KILMALAR (HTML KAPSAMI) --- */

/* 1. Profil Başlık Çubuğu (Gradyan) */
html[data-theme] .profile-header-bar {
    background: var(--t-grad-profile-header) !important;
}

/* 2. Btn İncele (Anahat) */
html[data-theme] .btn-inspect {
    border: 1px solid var(--t-btn-outline-border) !important;
    color: var(--t-btn-outline-text) !important;
}

/* 3. Kriter Etiketi Statik */
html[data-theme] .criteria-tag-static {
    background: var(--t-tag-bg) !important;
}

/* 4. Btn Ajanda Geçişi Aktif */
html[data-theme] .btn-agenda-toggle.active {
    background: var(--t-btn-agenda-active-gradient) !important;
}

/* 5. Kategoriler Başlığı (Doğru Seçici) */
html[data-theme] .categories-title {
    color: var(--t-title-accent) !important;
}

/* 6. İçerik Başlığı */
html[data-theme] .content-title {
    color: var(--t-title-accent) !important;
}

/* 7. #00BCD4 & #265073 KULLANIMLARI (Gölgeler/Kenarlıklar/Arka Planlar) */
/* İçerik Başlığı Sonrası (Gölge/Kenarlık değişimi) */
html[data-theme] .content-title::after {
    background-color: var(--t-info-accent) !important;
}

/* #00bcd4 kullanan bilinen yapılar için Genel Geçersiz Kılmalar */
/* Not: 'border-left' gibi başkaları varsa, seçiciler biliniyorsa dinamik olarak buraya eklenmelidir.
   Şimdilik, önceki bağlamdaki bilinen kullanımlara uygulanıyor. */





/* 8. Materyal Tablo Başlığı */
html[data-theme] .material-table th {
    background: var(--t-table-header-bg) !important;
    border: 1px solid #EAE4FF !important;
}

/* 9. İndirme Düğmesi */
html[data-theme] .download-btn {
    background: var(--t-download-btn-bg) !important;
}

/* 27. Uyarı Kutusu (Gradyan) */
html[data-theme] .warning-box {
    background: var(--t-warning-box-bg) !important;
    color: white !important;
    border: none !important;
}

html[data-theme] .warning-box i {
    color: white !important;
}

/* 10. Bootstrap .bg-primary */
html[data-theme] .bg-primary {
    background-color: rgb(var(--t-primary-rgb)) !important;
}

/* 11. Özel Rozet (Yumuşak BG) */
html[data-theme] .badge-custom {
    background-color: var(--t-badge-soft-bg) !important;
}



/* 13. Btn Ajanda Geçişi (Kenarlık/Renk) */
html[data-theme] .btn-agenda-toggle {
    border-color: var(--t-btn-outline-border) !important;
    /* color: var(--t-btn-outline-text) !important;*/
}

/* 14. Btn İhale Gönder (Gradyan) */
html[data-theme] .btn-submit-ihale {
    background: var(--t-grad-submit-ihale) !important;
}

/* 15. Btn İncele Küçük (Anahat) */
html[data-theme] .btn-inspect-small {
    border-color: var(--t-btn-outline-border) !important;
    color: var(--t-btn-outline-text) !important;
}

/* 16. Keyword Tag (Background) */
/* 16. Anahtar Kelime Etiketi (Arka Plan) */
html[data-theme] .keyword-tag,
html[data-theme] .group-keywords .keyword-tag {
    background: var(--t-tag-bg) !important;
}



html[data-theme] .input-group-text-custom:hover {
    background-color: var(--t-primary-dark) !important;
}

/* 18. Btn Grubu Kaydet (Gradyan) */
html[data-theme] .btn-save-group {
    background: var(--t-grad-submit-ihale) !important;
}

/* 19. Mobil Navbar Geçersiz Kılma */
@media (max-width: 992px) {
    html[data-theme] .navbarrenk {
        background: var(--t-surface-navbar) !important;
    }
}

/* 20. Arama Sekmesi Aktif Kaplama (Kutu Gölgesi) */
html[data-theme] .search-tab.active {
    box-shadow: inset 0 -3px 0 var(--t-btn-outline-border) !important;
}

/* 20b. Arama Başlığı (Sekme Konteyneri) Gradyanı */
html[data-theme] .search-header,
html[data-theme] .search-tab-container {
    background: var(--t-surface-search-header) !important;
}

/* 21. Offcanvas Başlığı (Mobil Menü) */
html[data-theme] .offcanvas-header {
    background: var(--t-surface-sidebar) !important;
    color: white !important;
}

/* 22. Detay Sekmeleri (Gradyan) - search-tab-container ile aynı gradyanı kullanır */
html[data-theme] .detail-tabs {
    background: var(--t-surface-search-header) !important;
}

/* 23. Detay Sekmesi Öğesi Aktif (Gradyan ve Gölge) */
html[data-theme] .detail-tab-item.active {
    background: var(--t-grad-detail-active) !important;
    box-shadow: inset 0 -3px 0 var(--t-accent) !important;
}



/* 25. Ajanda Aktif Vurgusu (Arka Plan) */
html[data-theme] .btn-agenda.active:hover {
    background-color: var(--t-btn-agenda-active-hover-bg) !important;
}

/* 26. İletişim Formu Gönder Düğmesi (Gradyan) */
html[data-theme] .contact-form-section .btn-submit {
    background: var(--t-surface-navbar-2) !important;
    border: none !important;
    color: white !important;
    border-radius: 5px;
}

/* 26. Rozet Özel (Yumuşak BG ve Vurgulu Metin) */
html[data-theme] .badge-custom {
    background-color: var(--t-badge-soft-bg) !important;
    color: var(--t-btn-outline-text) !important;
}

/* 27. Hakkında Başlığı (Vurgu Rengi) */
html[data-theme] .about-title {
    color: var(--t-title-accent) !important;
}

/* 28. Bölüm Başlığı (Vurgu Rengi) */
html[data-theme] .section-title {
    color: var(--t-title-accent) !important;
}

/* 29. İhale Bağlantısı Vurgusu (Vurgu BG) */
html[data-theme] .tender-link:hover {
    background-color: var(--t-title-accent) !important;
    border-color: var(--t-title-accent) !important;
    color: white !important;
}

/* 30. MV Simgesi (Bilgi Vurgusu) */
html[data-theme] .mv-icon {
    color: var(--t-info-accent) !important;
}

/* 31. Özel Liste İşareti (Bilgi Vurgusu) */
html[data-theme] .custom-list li::before {
    color: var(--t-info-accent) !important;
}

/* 32. Btn İncele Vurgusu (Anahat Kenarlık Rengi) */
html[data-theme] .btn-inspect:hover {
    background-color: var(--t-btn-inspect-hover-bg) !important;
}

/* 33. Btn Ajanda Vurgusu (Açık BG) */
html[data-theme] .btn-agenda:hover {
    background-color: var(--t-btn-agenda-hover-bg) !important;
}

/* 34. Btn Eylem Vurgusu (Beyaz/Açık BG) */
html[data-theme] .btn-action:hover {
    background-color: var(--t-btn-action-hover-bg) !important;
    color: var(--t-btn-outline-text) !important;
    border-color: var(--t-btn-outline-border) !important;
}

/* 35. Küresel Düğme Gölgesi */
html[data-theme] .btn-submit,
html[data-theme] .btn-inspect,
html[data-theme] .btn-agenda,
html[data-theme] .btn-action,
html[data-theme] .save-note-btn {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
    transition: transform 0.2s, box-shadow 0.2s;
}

html[data-theme] .btn-submit:hover,
html[data-theme] .btn-inspect:hover,
html[data-theme] .btn-agenda:hover,
html[data-theme] .btn-action:hover,
html[data-theme] .save-note-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2) !important;
}

/* 36. Canlı Destek Modalı Gradyanı */
html[data-theme] .modal-live-support .modal-content {
    background: var(--t-grad-support-modal) !important;
}

/* 37. Grup Aksiyon Butonları Gradyanı */
html[data-theme] .btn-edit-group,
html[data-theme] .btn-notify-group,
html[data-theme] .btn-delete-group {
    background: var(--t-btn-group-action-bg) !important;
    color: white !important;
    border: none !important;
}

/* ==========================================
   KOYU MOD GEÇERSİZ KILMALARI
   body.dark-mode sınıfı mevcut olduğunda etkinleştirilir
   ========================================== */

/* ===== 1. TEMEL STİLLER ===== */
body.dark-mode {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* ===== 2. METİN VE TİPOGRAFİ ===== */
/* Gövde metni, paragraflar, açıklamalar */
body.dark-mode p,
body.dark-mode span,
body.dark-mode label,
body.dark-mode small,
body.dark-mode div,
body.dark-mode td,
body.dark-mode th,
body.dark-mode li,
body.dark-mode .lead,
body.dark-mode .text-muted,
body.dark-mode .tender-desc,
body.dark-mode .feature-text,
body.dark-mode .testimonial-text,
body.dark-mode .support-desc,
body.dark-mode .tender-country,
body.dark-mode .tender-time,
body.dark-mode .tender-meta,
body.dark-mode .time-badge {
    color: #e0e0e0 !important;
}

/* ===== 3. BAŞLIKLAR ===== */
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6,
body.dark-mode .tender-title,
body.dark-mode .feature-title,
body.dark-mode .section-title,
body.dark-mode .categories-title,
body.dark-mode .about-title,
body.dark-mode .testimonials-title,
body.dark-mode .testimonial-author,
body.dark-mode .content-title,
body.dark-mode .sidebar-header,
body.dark-mode .offcanvas-title,
body.dark-mode .modal-title,
body.dark-mode .card-title {
    color: #ffffff !important;
}

/* ===== 4. SİMGELER ===== */
/* Bootstrap Simgeleri */
body.dark-mode [class^="bi-"],
body.dark-mode [class*=" bi-"],
body.dark-mode .bi {
    color: #ffffff !important;
}

/* Font Awesome Simgeleri */
body.dark-mode .fa,
body.dark-mode .fas,
body.dark-mode .far,
body.dark-mode .fab,
body.dark-mode .fa-solid,
body.dark-mode .fa-regular,
body.dark-mode .fa-brands,
body.dark-mode i[class*="fa-"] {
    color: #ffffff !important;
}

/* Yıldız derecelendirme renklerini koru */
body.dark-mode .testimonial-stars i,
body.dark-mode .rating i {
    color: #ffc107 !important;
}

/* ===== 5. KARTLAR VE ARKA PLANLAR ===== */
/* Ana içerik kartları */
body.dark-mode .tender-card,
body.dark-mode .feature-card,
body.dark-mode .category-card,
body.dark-mode .sidebar-card,
body.dark-mode .testimonial-card,
body.dark-mode .card,
body.dark-mode .panel,
body.dark-mode .box {
    background-color: #111111 !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

/* Kart başlıkları */
body.dark-mode .tender-header,
body.dark-mode .card-header {
    background: linear-gradient(to bottom, #1a1a1a, #111111) !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

/* Bölümler */
body.dark-mode .categories-section,
body.dark-mode .about-section,
body.dark-mode section {
    background-color: #000000 !important;
}


/* Mobil için Offcanvas başlığı */
body.dark-mode .offcanvas-header {
    background: linear-gradient(90deg, #1a1a1a, #2a2a2a) !important;
}

/* Arama bileşenleri */
body.dark-mode .search-box,
body.dark-mode .search-container,
body.dark-mode .main-search-card,
body.dark-mode .search-card {
    background-color: #111111 !important;
}

/* Modallar */
body.dark-mode .modal-content {
    background-color: #1a1a1a !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

body.dark-mode .modal-header,
body.dark-mode .modal-footer {
    border-color: rgba(255, 255, 255, 0.15) !important;
}

/* Tablolar */
body.dark-mode table,
body.dark-mode .table {
    background-color: #111111 !important;
    color: #ffffff !important;
}

body.dark-mode .table thead th,
body.dark-mode .material-table th {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-bottom-color: rgba(255, 255, 255, 0.2) !important;
}

body.dark-mode .table td,
body.dark-mode .table th,
body.dark-mode .material-table td {
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #e0e0e0 !important;
}

body.dark-mode tbody tr:hover {
    background-color: #1a1a1a !important;
}

/* ===== 6. KENARLIKLAR VE AYIRICILAR ===== */
body.dark-mode hr {
    border-color: rgba(255, 255, 255, 0.15) !important;
}

body.dark-mode .border,
body.dark-mode [class*="border-"] {
    border-color: rgba(255, 255, 255, 0.2) !important;
}

/* ===== 7. FORM ELEMANLARI ===== */
body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select,
body.dark-mode .form-control,
body.dark-mode .form-select {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder,
body.dark-mode .form-control::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

body.dark-mode input:focus,
body.dark-mode textarea:focus,
body.dark-mode select:focus,
body.dark-mode .form-control:focus,
body.dark-mode .form-select:focus {
    border-color: #ffffff !important;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.25) !important;
    background-color: #1a1a1a !important;
    color: #ffffff !important;
}

body.dark-mode .input-group-text {
    background-color: #2a2a2a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

/* ===== 8. DÜĞMELER VE LİNKLER ===== */
/* Birincil düğmeler - tema vurgusu ile görünürlüğü koruyun */
body.dark-mode .btn-primary,
body.dark-mode .btn-submit,
body.dark-mode .tender-cta,
body.dark-mode .btn-circle {
    color: #ffffff !important;
}

/* Anahat düğmeleri */
body.dark-mode .btn-outline-primary,
body.dark-mode .btn-outline-secondary,
body.dark-mode .btn-inspect,
body.dark-mode .btn-agenda-toggle {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
}

body.dark-mode .btn-outline-primary:hover,
body.dark-mode .btn-outline-secondary:hover,
body.dark-mode .btn-inspect:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* Linkler */
body.dark-mode a {
    color: #e0e0e0 !important;
}

body.dark-mode a:hover {
    color: #ffffff !important;
}

/* Navbar linkleri beyaz kalır */
body.dark-mode .nav-link {
    color: rgba(255, 255, 255, 0.9) !important;
}

body.dark-mode .nav-link:hover {
    color: #00bcd4 !important;
}

/* Kenar çubuğu menü linkleri */
body.dark-mode .sidebar-menu-list a,
body.dark-mode .sidebar-menu-list li {
    color: #e0e0e0 !important;
}

body.dark-mode .sidebar-menu-list a:hover {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* ===== 9. VURGU VE AKTİF DURUMLAR ===== */
body.dark-mode .tender-card:hover,
body.dark-mode .feature-card:hover,
body.dark-mode .category-card:hover {
    background-color: #1a1a1a !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

/* Aktif durumlar */
body.dark-mode .active,
body.dark-mode .btn.active {
    color: #ffffff !important;
}

body.dark-mode .btn-agenda-toggle.active {
    background-color: #333333 !important;
    color: #ffffff !important;
}

body.dark-mode .search-tab.active {
    background-color: #2a2a2a !important;
}

/* ===== 10. ROZETLER VE ETİKETLER ===== */
body.dark-mode .badge,
body.dark-mode .badge-custom,
body.dark-mode .tender-type-badge,
body.dark-mode .keyword-tag,
body.dark-mode .criteria-tag-static {
    background-color: #2a2a2a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

/* ===== 11. ÇEŞİTLİ BİLEŞENLER ===== */
/* Altbilgi (zaten koyu, ancak tutarlılığı sağlayın) */
body.dark-mode footer {
    background-color: #0a0a0a !important;
}

/* Açılır menüler */
body.dark-mode .dropdown-menu {
    background-color: #1a1a1a !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

body.dark-mode .dropdown-item {
    color: #e0e0e0 !important;
}

body.dark-mode .dropdown-item:hover {
    background-color: #2a2a2a !important;
    color: #ffffff !important;
}

/* Sayfalandırma */
body.dark-mode .page-link {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

body.dark-mode .page-item.active .page-link {
    background-color: #333333 !important;
    border-color: #ffffff !important;
}

/* Ekmek kırıntıları (Breadcrumbs) */
body.dark-mode .breadcrumb {
    background-color: transparent !important;
}

body.dark-mode .breadcrumb-item,
body.dark-mode .breadcrumb-item a {
    color: #e0e0e0 !important;
}

/* İlerleme çubukları */
body.dark-mode .progress {
    background-color: #2a2a2a !important;
}

/* Liste grupları */
body.dark-mode .list-group-item {
    background-color: #111111 !important;
    color: #e0e0e0 !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

/* Uyarılar (bazı renk ayrımlarını koruyun) */
body.dark-mode .alert {
    border-color: rgba(255, 255, 255, 0.2) !important;
}

/* Captcha alanı */
body.dark-mode .captcha-area,
body.dark-mode .captcha-img {
    background-color: #2a2a2a !important;
    color: #ffffff !important;
}

/* Koyu mod için kaydırma çubuğu */
body.dark-mode::-webkit-scrollbar {
    width: 10px;
    background-color: #111111;
}

body.dark-mode::-webkit-scrollbar-thumb {
    background-color: #333333;
    border-radius: 5px;
}

body.dark-mode::-webkit-scrollbar-thumb:hover {
    background-color: #444444;
}

/* ===== 12. PRESERVE ACCENT COLORS ===== */
/* Keep accent color buttons visible */
body.dark-mode .btn-custom-register,
body.dark-mode .btn-theme-accent {
    background-color: var(--t-accent) !important;
    color: #ffffff !important;
}

/* ===== 13. MISSION VISION CARDS ===== */
body.dark-mode .mission-vision-card {
    background-color: #111111 !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

body.dark-mode .mv-title {
    color: #ffffff !important;
}

body.dark-mode .mv-icon {
    color: #ffffff !important;
}

/* ===== 14. LOGIN CARD ===== */
body.dark-mode .login-card-custom {
    background-color: #111111 !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

body.dark-mode .form-title-custom {
    color: #ffffff !important;
}

body.dark-mode .custom-input-label {
    color: #e0e0e0 !important;
}

body.dark-mode .custom-form-control {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

body.dark-mode .custom-form-control::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

body.dark-mode .custom-form-control:focus {
    border-color: #ffffff !important;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.25) !important;
}

body.dark-mode .input-icon {
    color: #ffffff !important;
}

body.dark-mode .form-check-label-custom {
    color: #e0e0e0 !important;
}

body.dark-mode #loginErrorMsg {
    background-color: rgba(220, 53, 69, 0.2) !important;
    color: #ff6b6b !important;
    border-color: rgba(220, 53, 69, 0.3) !important;
}

body.dark-mode .btn-submit-custom {
    color: #ffffff !important;
}

body.dark-mode .login-footer-links a {
    color: #e0e0e0 !important;
}

body.dark-mode .login-footer-links a:hover {
    color: #ffffff !important;
}

/* ===== 15. REGISTER CARD ===== */
body.dark-mode .register-card-custom {
    background-color: #111111 !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

body.dark-mode .form-section-title {
    color: #ffffff !important;
    border-bottom-color: rgba(255, 255, 255, 0.2) !important;
}

body.dark-mode .form-section-desc {
    color: #b0b0b0 !important;
}

body.dark-mode .required-star {
    color: #ff6b6b !important;
}

body.dark-mode .category-grid .form-check-custom {
    background-color: #1a1a1a !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

body.dark-mode .category-grid .form-check-custom:hover {
    background-color: #222222 !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
}

body.dark-mode .register-footer-links {
    color: #e0e0e0 !important;
}

body.dark-mode .register-footer-links span {
    color: #b0b0b0 !important;
}

body.dark-mode .register-footer-links a {
    color: #ffffff !important;
}

/* ===== 16. OFFICE HOURS ===== */
body.dark-mode .office-hours {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

body.dark-mode .office-hours i,
body.dark-mode .office-hours strong {
    color: #ffffff !important;
}

/* ===== 17. SEARCH BOX CARD ===== */
body.dark-mode .search-box-card {
    background-color: #111111 !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

body.dark-mode .search-header {
    background-color: #0a0a0a !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

body.dark-mode .search-tab {
    color: #b0b0b0 !important;
    border-color: transparent !important;
}

body.dark-mode .search-tab:hover {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
}

body.dark-mode .search-tab.active {
    color: #ffffff !important;
    background-color: #1a1a1a !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

body.dark-mode .search-body {
    background-color: #111111 !important;
}

body.dark-mode .main-search-input,
body.dark-mode .form-control-custom {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

body.dark-mode .main-search-input::placeholder,
body.dark-mode .form-control-custom::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

body.dark-mode .main-search-input:focus,
body.dark-mode .form-control-custom:focus {
    border-color: #ffffff !important;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2) !important;
}

body.dark-mode .main-search-btn {
    color: #ffffff !important;
}

body.dark-mode .form-select-custom {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

body.dark-mode .form-select-custom option {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
}

body.dark-mode .form-select-custom optgroup {
    background-color: #0a0a0a !important;
    color: #ffffff !important;
}

body.dark-mode .filters-row {
    background-color: transparent !important;
}

body.dark-mode .search-label {
    color: #e0e0e0 !important;
}

body.dark-mode .info-box {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

body.dark-mode .info-box i {
    color: #00bcd4 !important;
}

body.dark-mode .help-content-box {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

body.dark-mode .btn-detailed-search {
    color: #ffffff !important;
}

body.dark-mode .btn-clear-form {
    background-color: #2a2a2a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

body.dark-mode .btn-clear-form:hover {
    background-color: #333333 !important;
}

body.dark-mode .selected-criteria-container {
    background-color: #1a1a1a !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

body.dark-mode .criteria-label {
    color: #ffffff !important;
}

body.dark-mode .criteria-tag {
    background-color: #2a2a2a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

/* ===== 18. TENDER TABLE ===== */
body.dark-mode .tender-table-container {
    background-color: #111111 !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

body.dark-mode .tender-header-row {
    background-color: #0a0a0a !important;
    border-bottom-color: rgba(255, 255, 255, 0.2) !important;
}

body.dark-mode .tender-header-row .t-cell {
    color: #ffffff !important;
}

body.dark-mode .tender-card-row {
    background-color: #111111 !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

body.dark-mode .tender-card-row:hover {
    background-color: #1a1a1a !important;
}

body.dark-mode .tender-card-row .t-cell {
    color: #e0e0e0 !important;
}

body.dark-mode .tender-card-row .mobile-label {
    color: #888888 !important;
}

body.dark-mode .tender-card-row .t-cell-subject {
    color: #ffffff !important;
}

body.dark-mode .tender-card-row .btn-action,
body.dark-mode .tender-card-row .btn-inspect {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
}

body.dark-mode .tender-card-row .btn-action:hover,
body.dark-mode .tender-card-row .btn-inspect:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* ===== 19. CRITERIA TAG CLOSE ICON ===== */
body.dark-mode .criteria-tag i {
    color: #ffffff !important;
}

body.dark-mode .criteria-tag i:hover {
    color: #ff6b6b !important;
}

/* ===== 20. CRITERIA TAG THEME COLORS ===== */
/* Normal themes - use theme gradient */
html[data-theme] .criteria-tag {
    background: var(--t-grad-butonrenk) !important;
    border-color: var(--t-primary-dark) !important;
}

html[data-theme] .criteria-tag:hover {
    filter: brightness(1.1);
}

/* ===== 21. ACTION BUTTONS ===== */
body.dark-mode .action-container {
    background-color: transparent !important;
}

body.dark-mode .btn-action {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

body.dark-mode .btn-action:hover {
    background-color: #2a2a2a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
}

body.dark-mode .btn-action i {
    color: #ffffff !important;
}

/* Agenda button */
body.dark-mode .btn-agenda {
    background-color: #1a1a1a !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
}

body.dark-mode .btn-agenda:hover {
    background-color: #2a2a2a !important;

}

body.dark-mode .btn-agenda.active {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
}

body.dark-mode .btn-agenda.active:hover {
    background-color: #2a2a2a !important;

}

/* Reviewed button */
body.dark-mode .btn-reviewed {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
}

body.dark-mode .btn-reviewed:hover {
    background-color: rgba(34, 197, 94, 0.2) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
}

body.dark-mode .btn-reviewed.active {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
}

/* Hide button */
body.dark-mode .btn-hide {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
}

body.dark-mode .btn-hide:hover {
    background-color: rgba(239, 68, 68, 0.2) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
}

/* ===== 22. CALENDAR ===== */
body.dark-mode .calendar-grid-container {
    background-color: #111111 !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

body.dark-mode .calendar-header {
    background-color: #0a0a0a !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

body.dark-mode .calendar-header h5 {
    color: #ffffff !important;
}

body.dark-mode .calendar-header button {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

body.dark-mode .calendar-header button:hover {
    background-color: #2a2a2a !important;
}

body.dark-mode .calendar-table {
    background-color: #111111 !important;
}

body.dark-mode .calendar-table th {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

body.dark-mode .calendar-table td {
    background-color: #111111 !important;
    color: #e0e0e0 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

body.dark-mode .calendar-table td:hover {
    background-color: #1a1a1a !important;
}

body.dark-mode .calendar-table td.today {
    background-color: #414243 !important;
    color: #ffffff !important;
}

body.dark-mode .calendar-table td.weekend {
    background-color: #1a1a1a !important;
    color: #b0b0b0 !important;
}

body.dark-mode .calendar-table td.inactive-month {
    background-color: #0a0a0a !important;
    color: #555555 !important;
}

/* ===== 23. GROUP INFO CARD ===== */
body.dark-mode .group-info-card {
    background-color: #111111 !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

body.dark-mode .group-name {
    color: #ffffff !important;
}

body.dark-mode .group-stats {
    color: #b0b0b0 !important;
}

body.dark-mode .group-stats i {
    color: #ffffff !important;
}

body.dark-mode .group-keywords {
    color: #e0e0e0 !important;
    border-top-color: rgba(255, 255, 255, 0.1) !important;
}

body.dark-mode .keyword-tag {
    background-color: #2a2a2a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

/* Group action buttons */
body.dark-mode .btn-edit-group {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

body.dark-mode .btn-edit-group:hover {
    background-color: #2a2a2a !important;
}

body.dark-mode .btn-notify-group {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

body.dark-mode .btn-notify-group:hover {
    background-color: #2a2a2a !important;
}

body.dark-mode .btn-delete-group {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

body.dark-mode .btn-delete-group:hover {
    background-color: #2a2a2a !important;

}

/* ===== 24. SUBMIT CARD ===== */
body.dark-mode .submit-card {
    background-color: #111111 !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

body.dark-mode .submit-header {
    background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%) !important;
    color: #ffffff !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

body.dark-mode .form-label-custom {
    color: #e0e0e0 !important;
}

body.dark-mode .form-textarea-custom {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

body.dark-mode .form-textarea-custom::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

body.dark-mode .form-textarea-custom:focus {
    border-color: #ffffff !important;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2) !important;
}

body.dark-mode .btn-submit-ihale {
    color: #ffffff !important;
}

/* ===== 25. PAYMENT CARD ===== */
body.dark-mode .payment-card {
    background-color: #111111 !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

body.dark-mode .payment-header {
    color: #ffffff !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

body.dark-mode .info-box-custom {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

body.dark-mode .info-box-custom i {
    color: #00bcd4 !important;
}

body.dark-mode .invoice-table {
    background-color: #111111 !important;
}

body.dark-mode .invoice-table thead th {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

body.dark-mode .invoice-table tbody td {
    background-color: #111111 !important;
    color: #e0e0e0 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

body.dark-mode .invoice-table tbody tr:hover td {
    background-color: #1a1a1a !important;
}

body.dark-mode .status-badge-pending {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

body.dark-mode .status-badge-paid {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

/* Theme override for btn-pay-now */
html[data-theme] .btn-pay-now {
    background: var(--t-grad-butonrenk) !important;
    color: #ffffff !important;
}

html[data-theme] .btn-pay-now:hover {
    filter: brightness(1.1);
}

body.dark-mode .btn-pay-now {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

body.dark-mode .btn-pay-now:hover {
    background-color: #2a2a2a !important;
    filter: none;
}

/* ===== 26. PROFILE CARD ===== */
body.dark-mode .profile-card {
    background-color: #111111 !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

body.dark-mode .profile-header-bar {
    background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%) !important;
    color: #ffffff !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

body.dark-mode .profile-body {
    background-color: #111111 !important;
}

body.dark-mode .info-table th {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

body.dark-mode .info-table td {
    background-color: #111111 !important;
    color: #e0e0e0 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

body.dark-mode .editable-input {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

body.dark-mode .editable-input:focus {
    border-color: #ffffff !important;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2) !important;
}

body.dark-mode .uneditable-field {
    color: #b0b0b0 !important;
}

body.dark-mode .btn-update {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

body.dark-mode .btn-update:hover {
    background-color: #2a2a2a !important;
}

body.dark-mode .btn-password {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

body.dark-mode .btn-password:hover {
    background-color: #2a2a2a !important;
}

/* ===== 27. VIDEO CARD ===== */
body.dark-mode .video-main-card {
    background-color: #111111 !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

body.dark-mode .video-player-container {
    background-color: #000000 !important;
}

body.dark-mode .video-details {
    background-color: #111111 !important;
}

body.dark-mode .video-details h4 {
    color: #ffffff !important;
}

body.dark-mode .video-list-card {
    background-color: #111111 !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

body.dark-mode .video-list-item {
    background-color: #111111 !important;
    color: #e0e0e0 !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

body.dark-mode .video-list-item:hover {
    background-color: #1a1a1a !important;
}

body.dark-mode .video-list-item.active {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-left-color: #ffffff !important;
}

/* ===== 28. PAGE CONTENT HEADER & INFO BOXES ===== */
/* Theme override for page-content-header */
html[data-theme] .page-content-header {
    background-color: var(--t-soft-pastel) !important;
    color: var(--t-primary-dark) !important;
}

body.dark-mode .page-content-header {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-bottom-color: rgba(255, 255, 255, 0.15) !important;
}

body.dark-mode .info-alert-box {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

body.dark-mode .info-alert-box i {
    background-color: #1a1a1a !important;
}

body.dark-mode .result-count-box {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

body.dark-mode .result-count-box span {
    color: #ffffff !important;
}

/* ===== 29. FORM CARD & FILTER GROUPS ===== */
body.dark-mode .form-card {
    background-color: #111111 !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

body.dark-mode .form-card h4 {
    color: #ffffff !important;
}

body.dark-mode .form-label {
    color: #e0e0e0 !important;
}

body.dark-mode .input-group-text-custom {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

body.dark-mode .input-group-text-custom:hover {
    background-color: #2a2a2a !important;
}

body.dark-mode #selectedProducts .badge {
    background-color: #2a2a2a !important;
    color: #ffffff !important;
}

body.dark-mode .filter-group {
    background-color: #1a1a1a !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

body.dark-mode .filter-group-header {
    /*background-color: #0a0a0a !important;*/
    color: #ffffff !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

body.dark-mode .filter-search-input {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

body.dark-mode .filter-scroll {
    background-color: #1a1a1a !important;
}

body.dark-mode .filter-option {
    color: #e0e0e0 !important;
}

body.dark-mode .filter-option:hover {
    background-color: #2a2a2a !important;
}

body.dark-mode .email-notification-bar {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

body.dark-mode .email-notification-bar .form-check-label {
    color: #e0e0e0 !important;
}

body.dark-mode .btn-save-group {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

body.dark-mode .btn-save-group:hover {
    background-color: #2a2a2a !important;
}

/* ===== 30. BTN-ANALYZE THEME ===== */
html[data-theme] .btn-analyze:hover {
    background: var(--t-accent) !important;
    filter: brightness(0.85);
}

body.dark-mode .btn-analyze {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

body.dark-mode .btn-analyze:hover {
    background-color: #2a2a2a !important;
    filter: none;
}

/* ===== 31. ANALYSIS RESULTS ===== */
body.dark-mode #analysisResults h4 {
    color: #ffffff !important;
}

body.dark-mode .result-card {
    background-color: #111111 !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

body.dark-mode .result-header {
    color: #ffffff !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

body.dark-mode .chart-container {
    background-color: #111111 !important;
}

body.dark-mode .list-table {
    background-color: #111111 !important;
}

body.dark-mode .list-table thead th {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

body.dark-mode .list-table tbody td {
    background-color: #111111 !important;
    color: #e0e0e0 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

body.dark-mode .list-table tbody tr:hover td {
    background-color: #1a1a1a !important;
}

body.dark-mode .price-min,
body.dark-mode .price-max {
    color: #ffffff !important;
}

body.dark-mode .alert-secondary {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

body.dark-mode .btn-create-group {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

body.dark-mode .btn-create-group:hover {
    background-color: #2a2a2a !important;
}

/* Plotly chart dark mode */
body.dark-mode .js-plotly-plot .main-svg {
    background: transparent !important;
}

body.dark-mode .js-plotly-plot .bglayer rect.bg {
    fill: #1a1a1a !important;
    stroke: none !important;
}

body.dark-mode .js-plotly-plot .legend .bg {
    fill: #1a1a1a !important;
    stroke: none !important;
}

body.dark-mode .js-plotly-plot .legendtext {
    fill: #ffffff !important;
}

body.dark-mode .js-plotly-plot .xtick text,
body.dark-mode .js-plotly-plot .ytick text {
    fill: #e0e0e0 !important;
}

/* ===== 32. CRITERIA SUMMARY BOX ===== */
body.dark-mode .criteria-summary-box {
    background-color: #111111 !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

body.dark-mode .criteria-summary-box h5 {
    color: #ffffff !important;
}

/* ===== 33. SAVED ANALYSIS LIST ===== */
body.dark-mode .saved-analysis-list {
    background-color: #111111 !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

body.dark-mode .saved-analysis-list li {
    background-color: #111111 !important;
    color: #e0e0e0 !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

body.dark-mode .saved-analysis-list li:hover {
    background-color: #1a1a1a !important;
}

body.dark-mode .saved-analysis-list .list-icon {
    color: #ffffff !important;
}

/* ===== 34. PRICING CARDS ===== */
body.dark-mode .pricing-card {
    background-color: #111111 !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

body.dark-mode .pricing-card .pkg-title {
    color: #ffffff !important;
}

body.dark-mode .pricing-card .text-muted {
    color: #b0b0b0 !important;
}

body.dark-mode .pkg-features li {
    color: #e0e0e0 !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

body.dark-mode .pkg-features li.disabled {
    color: #666666 !important;
}

body.dark-mode .pricing-card.popular {
    background-color: #1a1a1a !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

body.dark-mode .popular-badge {
    background-color: #2a2a2a !important;
    color: #ffffff !important;
}

body.dark-mode .btn-pricing {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

body.dark-mode .btn-pricing:hover {
    background-color: #2a2a2a !important;
}

/* ===== 35. CONTACT HIGHLIGHT ===== */
body.dark-mode .contact-highlight {
    background-color: #1a1a1a !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    color: #e0e0e0 !important;
}

body.dark-mode .contact-highlight strong {
    color: #ffffff !important;
}

/* ===== 36. REVIEWED ROW RED TEXT ===== */
body.dark-mode .tender-card-row.reviewed .t-cell {
    color: #ff6b6b !important;
}

/* ===== 37. TENDER DETAIL PAGE ===== */
body.dark-mode .action-bar-horizontal {
    background-color: #111111 !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

body.dark-mode .btn-action-horizontal {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

body.dark-mode .btn-action-horizontal:hover {
    background-color: #2a2a2a !important;
}

body.dark-mode .tender-desc-text {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
    border-left-color: #ffffff !important;
}

body.dark-mode .tender-desc-text strong {
    color: #ffffff !important;
}

body.dark-mode .detail-section-title {
    color: #ffffff !important;
}

body.dark-mode .material-table {
    background-color: #111111 !important;
}

body.dark-mode .material-table thead th {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

body.dark-mode .material-table tbody td {
    background-color: #111111 !important;
    color: #e0e0e0 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

body.dark-mode .material-table tbody tr:hover td {
    background-color: #1a1a1a !important;
}

body.dark-mode .warning-box {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

body.dark-mode .warning-box i {
    color: #ffc107 !important;
}

/* ===== 38. SUCCESS MODAL ===== */
.success-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.success-modal-content {
    background: linear-gradient(135deg, var(--t-soft-pastel, #f0f4ff) 0%, #ffffff 100%);
    border-radius: 16px;
    padding: 40px 60px;
    text-align: center;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
    max-width: 500px;
    width: 90%;
    border-top: 4px solid var(--t-primary, #7c3aed);
}

.success-modal-title {
    font-size: 28px;
    font-weight: 700;
    color: var(--t-primary-dark, #5b21b6);
    margin-bottom: 20px;
}

.success-modal-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 20px rgba(124, 58, 237, 0.3);
}

.success-modal-icon i {
    font-size: 40px;
    color: #ffffff;
}

.success-modal-message {
    font-size: 16px;
    color: #555;
    margin-bottom: 30px;
}

.success-modal-message span {
    font-weight: 700;
    color: var(--t-primary, #7c3aed);
}

.success-modal-buttons {
    display: flex;
    gap: 15px;
    justify-content: center;
}

.btn-modal-secondary {
    padding: 12px 24px;
    border: 2px solid var(--t-primary, #7c3aed);
    background: transparent;
    color: var(--t-primary, #7c3aed);
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-modal-secondary:hover {
    background: var(--t-primary, #7c3aed);
    color: #ffffff;
}

.btn-modal-primary {
    padding: 12px 24px;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-modal-primary:hover {
    filter: brightness(1.1);
    color: #ffffff;
}

/* Dark Mode */
body.dark-mode .success-modal-content {
    background: linear-gradient(135deg, #1a1a1a 0%, #111111 100%);
    border-top-color: #ffffff;
}

body.dark-mode .success-modal-title {
    color: #ffffff;
}

body.dark-mode .success-modal-icon {
    background: linear-gradient(135deg, #333 0%, #444 100%);
}

body.dark-mode .success-modal-message {
    color: #e0e0e0;
}

body.dark-mode .success-modal-message span {
    color: #ffffff;
}

body.dark-mode .btn-modal-secondary {
    border-color: #ffffff;
    color: #ffffff;
}

body.dark-mode .btn-modal-secondary:hover {
    background: #ffffff;
    color: #111111;
}

body.dark-mode .btn-modal-primary {
    background: linear-gradient(135deg, #333 0%, #555 100%);
}

/* ===== MOBILE SIDEBAR DARK MODE ===== */
body.dark-mode #mobileSidebarContent {
    background-color: #111111 !important;
}

body.dark-mode #mobileSidebarContent .sidebar-header {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

body.dark-mode #mobileSidebarContent .sidebar-body {
    background-color: #111111 !important;
}

body.dark-mode #mobileSidebarContent .fw-bold,
body.dark-mode #mobileSidebarContent .text-muted {
    color: #e0e0e0 !important;
}

body.dark-mode #mobileSidebarContent .user-info-row {
    color: #e0e0e0 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

body.dark-mode #mobileSidebarContent .user-info-row i {
    color: #ffffff !important;
}

body.dark-mode #mobileSidebarContent hr {
    border-color: rgba(255, 255, 255, 0.15) !important;
}

body.dark-mode #mobileSidebarContent .sidebar-menu-list li a {
    color: #e0e0e0 !important;
}

body.dark-mode #mobileSidebarContent .sidebar-menu-list li a:hover {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
}

body.dark-mode #mobileSidebarContent .badge-custom {
    background-color: #2a2a2a !important;
    color: #ffffff !important;
}

body.dark-mode #mobileSidebarContent .mobile-theme-switcher i {
    color: #b0b0b0 !important;
}