body{background-color:#f4f7f9;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#495057;word-wrap:break-word}.container,.container-fluid{max-width:1300px;padding:10px}h1,h2,h3,h4,h5,.fw-bold{color:#343a40}.card{border:none;border-radius:12px;box-shadow:0 5px 20px rgb(0 0 0 / .06);transition:all 0.3s ease-in-out;margin-bottom:1.5rem}.card:hover{box-shadow:0 8px 25px rgb(0 0 0 / .08);transform:translateY(-4px)}.card-header{background-color:#fff;border-bottom:1px solid #e9ecef;font-weight:600;border-top-left-radius:12px;border-top-right-radius:12px}
.list-group-item-message{padding:18px;margin-bottom:1rem;border:1px solid #e9ecef;border-radius:12px;transition:all 0.3s ease-in-out;background-color:#fff}
.list-group-item{padding:.5rem .5rem;margin-bottom:1rem;border:1px solid #e9ecef;border-radius:12px;transition:all 0.3s ease-in-out;background-color:#fff}
.list-group-item:hover{border-left:4px solid #0d6efd;transform:translateX(5px)}.list-group-item h6 a{font-weight:700;color:#343a40;text-decoration:none}.list-group-item h6 a:hover{color:#0d6efd}.preview-container{display:flex;flex-wrap:nowrap;gap:15px;margin-top:.75rem;align-items:center}.first-media{flex-shrink:0;width:300px;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px;overflow:hidden}.media-container img,.media-container iframe,.first-media img,.first-media iframe{width:300px;height:auto;border:none}.preview-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box}.badge a{color:#ffffff!important;text-decoration:none}.sidebar{width:240px;background-color:#fff;border-right:1px solid #e9ecef;padding-top:20px;position:fixed;height:100%;z-index:1000;transition:transform 0.3s ease-in-out}.sidebar h3{text-align:center;margin-bottom:1.5rem;color:#0d6efd}.sidebar ul{list-style:none;padding-left:0}.sidebar ul li a{display:flex;align-items:center;gap:10px;padding:1rem 1.5rem;color:#495057;text-decoration:none;border-left:4px solid #fff0;font-weight:500}.sidebar ul li a:hover{background-color:#f8f9fa;color:#0d6efd}.sidebar ul li a.active{background-color:#e9f5ff;color:#0d6efd;border-left-color:#0d6efd;font-weight:700}.main-content{margin-left:240px;padding:2rem;transition:margin-left 0.3s ease-in-out}.content-header{border-bottom:1px solid #dee2e6;padding-bottom:1rem;margin-bottom:1.5rem}.message-item{background-color:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 15px rgb(0 0 0 / .05)}.message-item.unread{background-color:#f8f9fa;border-left:4px solid #0d6efd}.form-section{background-color:#fff;padding:1.5rem;border-radius:12px;border:1px solid #e9ecef}.recipient-list-container{max-height:200px;overflow-y:auto;border:1px solid #ced4da;padding:1rem;border-radius:8px;background-color:#f8f9fa}.menu-toggle{display:none;position:fixed;top:15px;left:15px;background-color:#343a40;color:#fff;border:none;padding:.5rem .75rem;font-size:1.25rem;border-radius:8px;z-index:1100;cursor:pointer}

/* --- SÜRGÜLÜ (TOGGLE) GECE MODU BUTONU --- */
.theme-switch-wrapper {
    display: flex;
    align-items: center;
    margin-right: 15px;
}
.theme-switch {
    display: inline-block;
    height: 24px;
    position: relative;
    width: 48px;
}
.theme-switch input {
    display: none;
}
.slider-toggle {
    background-color: #ccc;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .4s;
    border-radius: 34px;
    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
}
.slider-toggle:before {
    background-color: #fff;
    bottom: 3px;
    content: "";
    height: 18px;
    left: 3px;
    position: absolute;
    transition: .4s;
    width: 18px;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
/* Sürgü Aktifken */
input:checked + .slider-toggle {
    background-color: #6c5ce7;
}
input:checked + .slider-toggle:before {
    transform: translateX(24px);
}
/* İkonlar */
.slider-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    line-height: 1;
    z-index: 1;
}
.icon-sun { right: 6px; color: #f39c12; opacity: 1; transition: 0.4s; }
.icon-moon { left: 6px; color: #f1c40f; opacity: 0; transition: 0.4s; }
input:checked + .slider-toggle .icon-sun { opacity: 0; }
input:checked + .slider-toggle .icon-moon { opacity: 1; }

/* --- GECE MODU RENK DÜZELTMELERİ --- */
body.dark-mode {
    background: linear-gradient(135deg, #181818 0%, #252525 100%) !important;
    color: #e0e0e0;
}

/* GENEL LİNKLER (Tüm site için standart mavi ton) */
.dark-mode a {
    color: #90caf9 !important; /* Açık Mavi - Okunabilirlik için ideal */
    text-decoration: none;
}
.dark-mode a:hover {
    color: #ffffff !important;
    text-decoration: underline;
}

/* SIDEBAR ve ANA LİSTE RENK EŞİTLEME */
/* Sidebar başlıklarını beyaz yapmıyoruz, link rengiyle (#90caf9) aynı yapıyoruz */
.dark-mode .topic-title, 
.dark-mode .rss-title,
.dark-mode .list-group-item strong {
    color: #90caf9 !important; 
}

/* YENİ: Sidebar widget başlıklarını ESKİ HALİNE GETİR */
.dark-mode .announcements-widget .card-header,
.dark-mode .most-read-widget .card-header,
.dark-mode .featured-widget .card-header,
.dark-mode .card-header.bg-danger.text-white {
    background-color: #dc3545 !important; /* Orijinal kırmızı rengi koru */
    color: #ffffff !important;
    border-color: #dc3545 !important;
}

/* KART VE LİSTE ARKAPLANLARI */
.dark-mode .card,
.dark-mode .list-group-item {
    background-color: #1f1f1f !important;
    border-color: #333 !important;
    color: #e0e0e0 !important;
}

/* KART BAŞLIKLARI */
.dark-mode .card-header {
    background-color: #2d2d2d !important;
    color: #ffffff !important; /* Kart başlıkları beyaz kalsın, net görünsün */
    border-bottom: 1px solid #444 !important;
}

/* GENEL BAŞLIKLAR */
.dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode h5, .dark-mode h6,
.dark-mode label, 
.dark-mode .form-label {
    color: #eeeeee !important;
}

/* FORM ELEMANLARI (Inputlar) */
.dark-mode .form-control,
.dark-mode .form-select {
    background-color: #2b2b2b !important;
    border-color: #444 !important;
    color: #fff !important;
}
.dark-mode .form-control:focus {
    background-color: #333 !important;
    border-color: #6c5ce7 !important;
}

/* --- SPAM KORUMA (CAPTCHA) DÜZELTMESİ --- */
/* Burası beyaz kalıyordu, şimdi input rengiyle eşitliyoruz */
.dark-mode .captcha input {
    background-color: #2b2b2b !important;
    color: #fff !important;
    border: 1px solid #444 !important;
}
.dark-mode .captcha label {
    color: #e0e0e0 !important;
}

/* FOOTER ve DİĞER GRİ YAZILAR */
.dark-mode .text-muted {
    color: #a0a0a0 !important;
}

.dark-mode .site-description {
    color: #ccc;
}

.dark-mode .netco-part { color: #fff; }
.dark-mode .ntact-part { color: #f39c12; } /* Gece modunda turuncu vurgu */

/* Arka plan animasyonunu geceye uyarla */
.dark-mode .background-wrapper .squares .square,
.dark-mode .background-wrapper .circles .circle,
.dark-mode .background-wrapper .triangles .triangle {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.05);
}


/* --- GECE MODU KESİN ÇÖZÜMLER --- */

/* 1. Site Başlığı Düzeltmesi (text-dark sınıfını eziyoruz) */
.dark-mode .site-title-anchor h1.text-dark {
    color: #ffffff !important;
}

/* 2. Spam (Captcha) Alanı Düzeltmesi */
/* Arka planı koyulaştırıp yazıyı beyaz yapıyoruz */
.dark-mode .guest-message-form .input-group-text {
    background-color: #3d3d3d !important;
    color: #ffffff !important;
    border-color: #555 !important;
}
.dark-mode .guest-message-form .form-control {
    background-color: #2b2b2b !important;
    color: #ffffff !important;
    border-color: #444 !important;
}

/* 3. Giriş Yap / Kayıt Ol Alanı (Açık Mavi Alan) Düzeltmesi */
/* Bu alan 'alert-info' sınıfına sahip. Koyu modda daha koyu bir mavi yapıyoruz. */
.dark-mode .alert-info {
    background-color: #0c3e5a !important; /* Koyu lacivert/mavi tonu */
    color: #ffffff !important;           /* Yazıyı beyaz yap */
    border-color: #125a83 !important;
}

/* Giriş yap alanındaki linklerin rengini beyaz yapıyoruz ki okunsun */
.dark-mode .alert-info a.btn-warning {
    color: #212529 !important; /* Butonun içindeki yazı koyu kalsın (sarı buton) */
}
.dark-mode .alert-info a.btn-primary {
    color: #ffffff !important; /* Mavi butonun içindeki yazı beyaz kalsın */
}

/* 4. Spam Sorusu Yazısı için Ekstra Güvence */
.dark-mode .guest-message-form label, 
.dark-mode .guest-message-form .fw-bold {
    color: #ffffff !important;
}


/* SPAM KORUMA (CAPTCHA) ALANI - Gece modu düzeltmesi */
.dark-mode .guest-message-form .captcha {
    background-color: #1f1f1f !important; /* Diğer kartlar gibi koyu gri */
    border: 1px solid #444 !important;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 15px;
}

/* Spam sorusu yazısı */
.dark-mode .guest-message-form .captcha label {
    color: #e0e0e0 !important;
    font-weight: bold;
    margin-bottom: 8px;
    display: block;
}

/* Spam cevap input alanı */
.dark-mode .guest-message-form .captcha input[type="text"] {
    background-color: #2b2b2b !important;
    border: 1px solid #555 !important;
    color: #ffffff !important;
    padding: 8px 12px;
    border-radius: 4px;
    width: 100%;
}

/* Spam cevap input alanı - focus durumu */
.dark-mode .guest-message-form .captcha input[type="text"]:focus {
    background-color: #333 !important;
    border-color: #6c5ce7 !important;
    box-shadow: 0 0 0 0.2rem rgba(108, 92, 231, 0.25) !important;
}

/* Spam koruma soru metni - matematik işlemi */
.dark-mode .guest-message-form .captcha label b {
    color: #90caf9 !important; /* Açık mavi vurgu */
    font-size: 1.1em;
}

/* KİMLER GÖREBİLİR BÖLÜMÜ - Gece modu düzeltmesi */
.dark-mode .bg-light {
    background-color: #2d2d2d !important; /* Koyu gri arka plan */
    border-color: #444 !important;
}

/* Kimler Görebilir başlığı */
.dark-mode .guest-message-form .form-label.fw-bold {
    color: #ffffff !important;
}

/* Checkbox etiketleri */
.dark-mode .guest-message-form .form-check-label {
    color: #e0e0e0 !important;
}

/* Checkbox kutusu */
.dark-mode .guest-message-form .form-check-input {
    background-color: #2b2b2b !important;
    border-color: #555 !important;
}

/* Checkbox işaret rengi */
.dark-mode .guest-message-form .form-check-input:checked {
    background-color: #6c5ce7 !important;
    border-color: #6c5ce7 !important;
}

/* Checkbox odak durumu */
.dark-mode .guest-message-form .form-check-input:focus {
    border-color: #90caf9 !important;
    box-shadow: 0 0 0 0.2rem rgba(144, 202, 249, 0.25) !important;
}

/* DOSYA YÜKLEME BÖLÜMÜ - Gece modu düzeltmesi */
.dark-mode .file-upload-section {
    background-color: #1f1f1f !important;
    border: 1px solid #444 !important;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 15px;
}

/* Dosya yükleme başlığı */
.dark-mode .file-upload-section h6 {
    color: #ffffff !important;
}

/* Progress bar konteyneri */
.dark-mode .file-upload-section .progress-container {
    background-color: #2b2b2b !important;
    border: 1px solid #555 !important;
    border-radius: 4px;
    overflow: hidden;
}

/* Progress bar kendisi */
.dark-mode .file-upload-section .progress-bar {
    background-color: #6c5ce7 !important;
    color: #ffffff !important;
    text-align: center;
    padding: 4px 0;
}

/* File status mesajları */
.dark-mode .file-upload-section #fileStatus {
    color: #e0e0e0 !important;
}

/* Dosya input alanı */
.dark-mode .file-upload-section .form-control {
    background-color: #2b2b2b !important;
    border-color: #555 !important;
    color: #ffffff !important;
}

/* Dosya input focus durumu */
.dark-mode .file-upload-section .form-control:focus {
    background-color: #333 !important;
    border-color: #6c5ce7 !important;
    color: #ffffff !important;
}

/* Dosya yükleme açıklama metni */
.dark-mode .file-upload-section small.text-muted {
    color: #a0a0a0 !important;
}

/* EN BASİT ÇÖZÜM */
.dark-mode .online-users {
    background-color: #2d2d2d !important;
    color: #ffffff !important;
}

.dark-mode .online-users span {
    background-color: #3d3d3d !important;
    color: #ffffff !important;
    border: 1px solid #555 !important;
}

/* EN BASİT VERSİYON - Sadece hover rengi beyaz */
.dark-mode .sidebar a:hover,
.dark-mode .col-lg-3 a:hover,
.dark-mode .rss-link:hover,
.dark-mode .topic-link:hover {
    color: #ffffff !important;
}

.dark-mode .rss-link:hover .rss-title,
.dark-mode .topic-link:hover .topic-title,
.dark-mode .rss-link:hover strong,
.dark-mode .topic-link:hover strong {
    color: #ffffff !important;
}



/* --- HENÜZ MESAJ YOK UYARISI DARK MODE --- */
/* Normal mod (açık tema) */
.alert.dark-mode-alert {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 15px;
    margin: 15px 0;
}

/* Dark mode için */
.dark-mode .alert.dark-mode-alert {
    background-color: #2d2d2d !important;
    color: #ffffff !important;
    border-color: #444 !important;
}

/* Özel alert tipleri için dark mode renkleri */
.dark-mode .alert.dark-mode-alert.alert-secondary {
    background-color: #3d3d3d !important;
    color: #e0e0e0 !important;
    border-color: #555 !important;
}

.dark-mode .alert.dark-mode-alert.alert-info {
    background-color: #1c3b5e !important;
    color: #ffffff !important;
    border-color: #2a4a7a !important;
}

/* Dark mode alert içindeki linkler */
.dark-mode .alert.dark-mode-alert a {
    color: #90caf9 !important;
    text-decoration: none;
}

.dark-mode .alert.dark-mode-alert a:hover {
    color: #ffffff !important;
    text-decoration: underline;
}

/* Eğer alert-link sınıfı varsa */
.dark-mode .alert.dark-mode-alert .alert-link {
    color: #64b5f6 !important;
    font-weight: bold;
}

.dark-mode .alert.dark-mode-alert .alert-link:hover {
    color: #ffffff !important;
}