body.dark-mode {
    --bg-body: #1A202C;       /* Deep Charcoal */
    --bg-card: #2D3748;       /* Lighter Charcoal */
    --text-main: #F7FAFC;
    --text-sub: #A0AEC0;
    --primary: #90CDF4;       /* Pastel Blue Light */
    --primary-dark: #63B3ED;
    --primary-light: rgba(66, 153, 225, 0.2);
    --success: #68D391;
    --success-bg: rgba(72, 187, 120, 0.2);
    --danger: #FC8181;
    --danger-bg: rgba(245, 101, 101, 0.2);
    background-color: var(--bg-body);
    color: var(--text-main);
}


body.dark-mode .glass-card {
    background: rgba(26, 32, 44, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

body.dark-mode .input-group {
    background: #2D3748;
}
body.dark-mode .input-group:focus-within {
    background: #4A5568;
}
body.dark-mode .input-group input { color: white; }

/* Status Cards Dark */
body.dark-mode .status-card,
body.dark-mode .pump-card-new,
body.dark-mode .valve-card-new,
body.dark-mode .settings-card,
body.dark-mode .oto-wrapper-card,
body.dark-mode .logo-card {
    background: var(--bg-card);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
}
body.dark-mode .logo-card img {
    /* Bu komut siyah pikselleri beyaza çevirir */
    /*filter: brightness(0) invert(1); */
    /* Çok parlamasın diye hafif kıstık */
	filter: invert(1) grayscale(1);
    /*opacity: 0.9; */
}



/* VANA KARTLARI DARK MODE (Sadece Pasif Hali) */
body.dark-mode .valve-card-new {
    background: var(--bg-card); /* Koyu Gri */
}

/* Pasifken ikon kutusu daha koyu olsun */
body.dark-mode .valve-anim-box {
    background: #171923; 
    color: #718096;
}


body.dark-mode .status-icon-box,
body.dark-mode .pump-icon-circle,
body.dark-mode .valve-anim-box,
body.dark-mode .icon-box,
body.dark-mode #mod-etiket {
    background: #171923;
    color: #A0AEC0;
}

/* oto mod */

/* 1. Slider Arasındaki Çizgi (Beyazdı, Koyu Gri Oldu) */
body.dark-mode .divider {
    background: #4A5568 !important; 
}

/* 2. Durdur Butonu (İçi Beyazdı, Koyu/Şeffaf Oldu) */
body.dark-mode .btn-action.stop {
    background-color: transparent !important; /* Arkası şeffaf */
    border: 2px solid var(--danger) !important; /* Kırmızı çerçeve */
    color: var(--danger) !important; /* Kırmızı yazı */
}

/* Durdur butonuna basınca (Active) hafif kırmızı olsun */
body.dark-mode .btn-action.stop:active {
    background-color: rgba(252, 129, 129, 0.2) !important;
}


/* Modals & Nav */
body.dark-mode .glass-nav {
    background: rgba(45, 55, 72, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.05);
}
body.dark-mode .modal-glass {
    background: var(--bg-card);
    color: white;
}
body.dark-mode #modal-text,
body.dark-mode h3 { color: white; }
body.dark-mode #btn-confirm-no {
    background: #4A5568; color: white;
}

/* Settings Content */
body.dark-mode .settings-content {
    background: #232936;
    border-top-color: #4A5568;
}
body.dark-mode .settings-header {
    background: var(--bg-card);
}

body.dark-mode .code-item {
    background: #2D3748;
    border-color: #4A5568;
}
body.dark-mode .code-item code {
    background: #171923;
    color: var(--primary);
}

/* Active States */
body.dark-mode .valve-card-new.active {
    background: rgba(66, 153, 225, 0.3); /* Transparent blue for active */
    border: 1px solid var(--primary);
}
body.dark-mode .valve-card-new.active .valve-number { color: var(--primary); }
body.dark-mode .valve-card-new.active .valve-anim-box {
    background: #171923;
    color: var(--primary);
}

body.dark-mode input[type=range].premium-slider::-webkit-slider-runnable-track {
    background: #4A5568;
}
body.dark-mode input[type=range].premium-slider::-webkit-slider-thumb {
    background: #2D3748;
    border-color: var(--primary);
}

/* === DÜZELTME 2: KARANLIK MOD (EKSİK KISIMLAR) === */
/* Bu bloğu style.css'in en altına veya varsa dark mode kısmına ekle */

body.dark-mode .info-card-small {
    background: var(--bg-card); /* Koyu Arkaplan */
    box-shadow: 0 4px 6px rgba(0,0,0,0.3);
}
body.dark-mode .info-label { color: #A0AEC0; }
body.dark-mode .info-value { color: white; }

body.dark-mode .valve-card-new {
    background: var(--bg-card);
    border-color: transparent;
}
/* Pasif ikon kutusu koyu olsun */
body.dark-mode .valve-anim-box {
    background: #1A202C; 
    color: #718096;
}







/* AYARLAR BUTONLARI DARK MODE UYUMU */
body.dark-mode .btn-soft-blue {
    background-color: rgba(66, 153, 225, 0.2); /* Daha koyu mavi transparan */
    color: #90CDF4; /* Açık mavi yazı */
}

body.dark-mode .btn-soft-red {
    background-color: rgba(252, 129, 129, 0.2); /* Daha koyu kırmızı transparan */
    color: #FC8181; /* Açık kırmızı yazı */
}

body.dark-mode .settings-label-large {
    color: #E2E8F0; /* Yazı rengi beyazımsı */
}


/* POMPA KARTI DARK MODE (Sadece Pasif Hali) */
body.dark-mode .pump-card-new {
    background: var(--bg-card); /* Koyu Gri */
}

/* Pasifken ikon kutusu daha koyu olsun */
body.dark-mode .pump-icon-circle {
    background: #171923; 
    color: #718096;
}

/* Sağdaki güç ikonu koyu modda sönük kalsın */
body.dark-mode .pump-card-new i.fa-power-off {
    color: #4A5568 !important;
}





/* === VANA HATA DURUMU (KARANLIK MOD) === */
    
    .valve-card-new.error {
        /* Şeffaf Kırmızı Zemin (Neon Hissi) */
        background-color: rgba(252, 129, 129, 0.15) !important; 
        border: 2px solid #FC8181 !important; /* Neon Kırmızı Çerçeve */
    }

    .valve-card-new.error .valve-anim-box {
        background-color: rgba(252, 129, 129, 0.2) !important;
        color: #FC8181 !important; /* Neon Kırmızı İkon */
    }

    .valve-card-new.error .valve-state {
        color: #FC8181 !important; /* Neon Kırmızı Yazı */
    }







/* =======================================================
   ✨ YENİ EKLENEN KISIMLAR (GEÇMİŞ VE DEBİ AYARI)
   ======================================================= */

/* 1. Sulama Geçmişi Listesi (Karanlık Mod) */
body.dark-mode .history-item {
    background: #2D3748;       /* Koyu Gri Zemin */
    border-bottom-color: #4A5568;
    color: white;              /* Beyaz Yazı */
}

/* 2. Geçmiş Tarih Rengi */
body.dark-mode .history-date {
    color: #CBD5E0;
}

/* 3. İkon Kutusu (Mavi Arka Planı Ezer) */
/* HTML'deki inline stili ezmek için !important kullanıyoruz */
body.dark-mode .icon-box[style*="background"] {
    background-color: #171923 !important; /* Çok Koyu Gri */
    color: var(--primary) !important;     /* Neon Mavi */
}

/* 4. Debi Göstergesi (Gri Kutu) */
body.dark-mode .readonly-display {
    background-color: #2D3748;
    color: #A0AEC0;
    border-color: #4A5568;
}

/* 5. Input Kutusu (Premium Input) */
body.dark-mode .premium-input {
    background-color: #2D3748;
    border-color: #4A5568;
    color: white;
}
body.dark-mode .premium-input:focus {
    border-color: var(--primary);
}

/* 6. Border Bottom Çizgileri (Ayarlar Sayfası) */
body.dark-mode .content-row[style*="border-bottom"] {
    border-bottom-color: #4A5568 !important;
}