/* Genel seçim efekti */
::selection {
    background-color: #39ff14; /* Neon yeşil */
    color: black;              /* Siyah metin */
}
::-moz-selection {
    background-color: #39ff14;
    color: black;
}

/* Terminal tarzı input ve textarea alanları için özel stil */
input[type="text"]::selection,
textarea::selection,
input[type="text"]::-moz-selection,
textarea::-moz-selection {
    background-color: #b2ff99; /* Daha açık bir yeşil */
    color: black;
}

/* Caso OS Tarzı Arka Plan */
.caso-bg {
    background-color: #0f0f0f;
    color: #39ff14;
    font-family: 'Share Tech Mono', monospace !important;
}

/* Neon Yeşil Renk */
.text-green {
    color: #39ff14 !important;
}
.text-yellow {
    color: #fff44f !important;
}
.text-red {
    color: #ff3333 !important;
}
.text-blue {
    color: #00bfff !important;
}

/* Link hover efekti */
a.text-green:hover {
    color: #b2ff99 !important;
    text-decoration: underline;
}

/* Kartlar terminal tarzı */
.card.bg-black {
    background-color: #1a1a1a !important;
    border: 1px solid #39ff14;
}
.card.bg-darker {
    background-color: #1a1a1a !important;
    border: 1px solid #39ff14 !important;
}
.card-header.bg-dark {
    background-color: #111 !important;
    border-bottom: 1px solid #39ff14;
}
.card-footer.bg-dark {
  background-color: #111 !important;
  border-top: 1px solid #39ff14;
}
.card-border-radius {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}
.caso.bg-darker {
    background-color: #1a1a1a !important;
    border: 1px solid #2b2b2b !important;
}

/* Form kontrol stilleri */
.form-control.bg-black,
.form-control.bg-black:focus {
    background-color: #000 !important;
    color: #39ff14 !important;
    border-color: #39ff14 !important;
    font-family: 'Courier New', monospace !important;
    /*box-shadow: none !important;*/
}

/* Textarea / Scrollbar Neon Yeşil */
.form-control.bg-black::-webkit-scrollbar {
    width: 8px;
}
.form-control.bg-black::-webkit-scrollbar-track {
    background: #1a1a1a;
}
.form-control.bg-black::-webkit-scrollbar-thumb {
    background: #39ff14;
    border-radius: 5px;
    border: 2px solid #39ff14;
}
.form-control.bg-black::-webkit-scrollbar-thumb:hover {
    background: #b2ff99;
}

.form-check .form-check-input {
    background-color: #000 !important;
    border: 1px solid #39ff14 !important;
    box-shadow: none !important;
}
.form-check .form-check-input:checked {
    background-color: #39ff14 !important;
    border-color: #39ff14 !important;
}

.form-check-input {
    background-color: #000 !important;
    border: 1px solid #39ff14 !important;
    box-shadow: none !important;
}
.form-check-input:checked {
    background-color: #39ff14 !important;
    border-color: #39ff14 !important;
}

/* List grup hover efekti */
.hover-green:hover {
    background-color: #39ff14 !important;
    color: black !important;
    transition: all 0.3s ease-in-out;
}
.hover-green:hover .bi,
.hover-green:hover .badge {
    color: black !important;
}

/* Badge stilleri */
.badge.bg-green-lt {
    background-color: #39ff14 !important;
    color: black !important;
    font-weight: bold;
}
.badge.bg-yellow-lt {
    background-color: #fff44f !important;
    color: black !important;
    font-weight: bold;
}
.badge.bg-red-lt {
    background-color: #ff3333 !important;
    color: white !important;
    font-weight: bold;
}
.badge.bg-cyan-lt {
    background-color: #00ffff !important;
    color: black !important;
    font-weight: bold;
}

/* Terminal tarzı buton */
.btn-terminal {
    background-color: #1a1a1a !important;
    color: #39ff14 !important;
    border: 1px solid #39ff14 !important;
    font-family: 'Courier New', monospace !important;
    font-size: 1rem !important;
    transition: all 0.3s ease-in-out;
}
.btn-terminal:hover {
    background-color: #39ff14 !important;
    color: black !important;
    border-color: #39ff14 !important;
}

/* Kod alanı & log */
#log {
    background-color: #000 !important;
    color: #39ff14 !important;
    font-family: 'Courier New', monospace !important;
    padding: 15px;
    height: 300px;
    overflow-y: auto;
}
#log::-webkit-scrollbar {
    width: 8px;
}
#log::-webkit-scrollbar-track {
    background: #1a1a1a;
}
#log::-webkit-scrollbar-thumb {
    background: #39ff14;
    border-radius: 5px;
    border: 2px solid #39ff14;
}
#log::-webkit-scrollbar-thumb:hover {
    background: #b2ff99;
}
/* Diğer scrollbar stilleri - Firefox özel */
.form-control.bg-black {
    scrollbar-width: thin;
    scrollbar-color: #39ff14 #1a1a1a;
}

#log {
    scrollbar-width: thin;
    scrollbar-color: #39ff14 #1a1a1a;
}
.font-mono {
    font-family: 'Courier New', monospace;
}
/* CASO ROOT DEĞİŞKENLERİ */
.caso {
    --bs-primary: #39ff14 !important;
    --bs-secondary: #808080 !important;
    --bs-success: #00b200 !important;
    --bs-info: #00ffff !important;
    --bs-warning: #fff44f !important;
    --bs-danger: #ff3333 !important;
    --bs-light: #d8d8d8 !important;
    --bs-dark: #111 !important;

    --bs-body-bg: #0f0f0f !important;
    --bs-body-color: #39ff14 !important;
    --bs-body-font-family: 'Courier New', monospace, 'Share Tech Mono' !important;
}
/* CASO TEMASI UYGULAMASI */
.caso .card {
    background-color: #1a1a1a !important;
    border: 1px solid #2b2b2b !important;
}
.caso .form-control {
    background-color: #000 !important;
    color: #39ff14 !important;
    border-color: #39ff14 !important;
    font-family: 'Courier New', monospace !important;
}
.caso .form-control:focus {
    background-color: #000 !important;
    color: #39ff14 !important;
    border-color: #39ff14 !important;
    box-shadow: 0 0 0 0.2rem rgba(57, 255, 20, 0.2) !important;
}
.caso .btn-primary {
    background-color: #39ff14 !important;
    color: black !important;
    font-weight: bold !important;
    border: none !important;
}
.caso .btn-primary:hover {
    background-color: #b2ff99 !important;
    color: black !important;
}
.caso .list-group-item.active {
    background-color: #39ff14 !important;
    color: black !important;
    font-weight: bold !important;
}
.caso .badge.bg-primary {
    background-color: #39ff14 !important;
    color: black !important;
    font-weight: bold !important;
}
.caso .navbar {
    background-color: #111 !important;
}
.caso .nav-link {
    color: #39ff14 !important;
}
.caso .nav-link:hover {
    color: #f8f8f8 !important;
    transition: 0.5s;
    background: transparent;
}
.caso .nav-link.active {
  color: #f8f8f8 !important;
  transition: 0.5s;
}
.caso .border-green {
    border-color: #39ff14 !important;
}
.caso .text-green {
    color: #39ff14 !important;
}
.caso .text-yellow {
    color: #fff44f !important;
}
.caso .text-red {
    color: #ff3333 !important;
}
.caso .text-blue {
    color: #00bfff !important;
}

/* Grafiğin arka planı */
.card.bg-black .chartjs-render-monitor {
    background-color: #000 !important;
}

.navbar-brand {
    display: flex;
    align-items: center;
}

.navbar-brand.active {
    color: #39ff14; /* Yeşil renk */
}

.navbar-brand.inactive {
    color: #ff3333; /* Kırmızı renk */
}

.navbar-brand .status-dot.active {
    background-color: #39ff14; /* Yeşil nokta */
}

.navbar-brand .status-dot.inactive {
    background-color: #ff3333; /* Kırmızı nokta */
}

/* Chart.js canvas üzerine stil */
#mailStatsChart {
    background-color: transparent !important;
    color: #39ff14 !important;
}

/* Neon efektli yazı */
.text-green-neon {
    color: #39ff14;
    text-shadow: 0 0 5px #39ff14, 0 0 10px #39ff14, 0 0 20px #39ff14;
}

.sending-status {
    font-size: 16px;
}

.status-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    animation: blink 1s infinite;
}

@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.statusText {
    margin-right: 10px;
}

.sending-status.active {
    color: #39ff14; /* Aktif olduğunda yeşil */
}

.sending-status.inactive {
    color: #ff3333; /* Kapalı olduğunda kırmızı */
}

.sending-status .status-dot.active {
    background-color: #39ff14; /* Aktif olduğunda yeşil */
}

.sending-status .status-dot.inactive {
    background-color: #ff3333; /* Kapalı olduğunda kırmızı */
}

.pagination {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  overflow-x: auto;
  max-width: 100%;
}

.page-item {
  flex: 0 0 auto
}

.page-link {
  min-width: 40px;
  padding: 4px 10px!important;
  font-size: 16px!important;
}

.page-item.active .page-link {
  background-color: #8b2f2f !important;
  color: #f8f8f8 !important;
}

table {
    table-layout: fixed;
    width: 100%;
}