/* GLOBAL ADMIN DARK MODE ROOT */
body.admin-panel.dark-mode {
    background: #121212 !important;
    color: #e5e5e5 !important;
}

    /* Tiles */
    body.admin-panel.dark-mode .dashboard-tile {
        background: #1f1f1fdd !important;
        color: #e5e5e5 !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.45) !important;
    }

        body.admin-panel.dark-mode .dashboard-tile:hover {
            box-shadow: 0 10px 22px rgba(0,0,0,0.6) !important;
        }

    /* Text */
    body.admin-panel.dark-mode h1,
    body.admin-panel.dark-mode h2,
    body.admin-panel.dark-mode h3,
    body.admin-panel.dark-mode span,
    body.admin-panel.dark-mode p {
        color: #e5e5e5 !important;
    }

    /* Navigation */
    body.admin-panel.dark-mode nav.navbar {
        background: #1b1b1b !important;
        color: #ddd !important;
    }

    /* Form controls */
    body.admin-panel.dark-mode input,
    body.admin-panel.dark-mode select,
    body.admin-panel.dark-mode textarea {
        background: #222 !important;
        border: 1px solid #444 !important;
        color: #fff !important;
    }

    /* Button icons */
    body.admin-panel.dark-mode .btn-outline-secondary {
        color: #f1f1f1 !important;
        border-color: #666 !important;
    }

        body.admin-panel.dark-mode .btn-outline-secondary:hover {
            background: #444 !important;
        }

    /* Tables */
    body.admin-panel.dark-mode table {
        background: #222 !important;
    }

    body.admin-panel.dark-mode thead {
        background: #333 !important;
    }

    /* Scrollbar */
    body.admin-panel.dark-mode ::-webkit-scrollbar {
        width: 8px;
    }

    body.admin-panel.dark-mode ::-webkit-scrollbar-thumb {
        background: #444;
    }

    body.admin-panel.dark-mode ::-webkit-scrollbar-track {
        background: #222;
    }

    #ordersCount {
        color: #000 !important; /* черен текст */
        background: #fff !important; /* бяла или каквато кажеш */
    }



/* ===============================
   DARK MODE — TelegramAdmins TABLE
   =============================== */

body.dark-mode table {
    background-color: #222 !important;
    color: #e5e5e5 !important;
}

    body.dark-mode table thead tr {
        background-color: #333 !important;
        color: #fff !important;
    }

    body.dark-mode table tbody tr {
        background-color: #2a2a2a !important;
        border-color: #444 !important;
    }

        body.dark-mode table tbody tr:nth-child(even) {
            background-color: #242424 !important;
        }

    body.dark-mode table td,
    body.dark-mode table th {
        border-color: #3a3a3a !important;
    }

/* Статус баджове */
body.dark-mode .badge-active {
    background: #2ecc71 !important; /* зелено */
    color: #fff !important;
}

body.dark-mode .badge-inactive {
    background: #777 !important; /* сиво */
    color: #fff !important;
}

/* Ако искаш тъмни бутони */
body.dark-mode .btn {
    border: none;
}

body.dark-mode .btn-primary {
    background-color: #2980b9 !important;
}

body.dark-mode .btn-warning {
    background-color: #f1c40f !important;
    color: #000 !important;
}

body.dark-mode .btn-danger {
    background-color: #e74c3c !important;
}

/* Back to Admin button */
.btn-admin-back {
    background: linear-gradient(135deg, #4e54c8, #8f94fb);
    color: white !important;
    font-weight: 600;
    padding: 10px 18px;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,.25);
    transition: all .2s ease;
}

    .btn-admin-back:hover {
        transform: translateY(-3px);
        box-shadow: 0 6px 16px rgba(0,0,0,.35);
        color: #fff !important;
    }

/* Dark mode */
body.dark-mode .btn-admin-back {
    background: linear-gradient(135deg, #1f1c2c, #928dab);
    box-shadow: 0 4px 12px rgba(255,255,255,0.1);
}

/* ==== Back to Admin Button ==== */

.btn-admin-back {
    background: linear-gradient(135deg, #4e54c8, #8f94fb);
    color: white !important;
    font-weight: 600;
    padding: 10px 18px;
    border-radius: 12px;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    box-shadow: 0 4px 12px rgba(0,0,0,.25);
    transition: .2s ease;
}

    .btn-admin-back:hover {
        transform: translateY(-3px);
        box-shadow: 0 6px 16px rgba(0,0,0,.35);
        color: white !important;
    }

body.dark-mode .btn-admin-back {
    background: linear-gradient(135deg, #1f1c2c, #928dab);
    box-shadow: 0 4px 12px rgba(255,255,255,0.1);
    color: #fff !important;
}


body.dark-mode .form-control {
    background: #1e1e1e !important;
    color: #e5e5e5 !important;
    border-color: #444 !important;
}

    body.dark-mode .form-control:focus {
        background: #262626 !important;
        color: #fff !important;
        border-color: #777 !important;
        box-shadow: 0 0 0 0.2rem rgba(200,200,200,0.15);
    }

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

    body.dark-mode table td,
    body.dark-mode table th {
        background: #1f1f1f !important;
        color: #e5e5e5 !important;
        border-color: #333 !important;
    }

    body.dark-mode table tr:nth-child(even) td {
        background: #242424 !important;
    }

body.dark-mode .form-check-input {
    background-color: #444 !important;
    border-color: #666 !important;
}

    body.dark-mode .form-check-input:checked {
        background-color: #00c853 !important;
        border-color: #00e676 !important;
    }

body.dark-mode .btn {
    color: #fff !important;
}

body.dark-mode .btn-primary {
    background: #1565c0 !important;
    border-color: #0d47a1 !important;
}

body.dark-mode .btn-danger {
    background: #c62828 !important;
    border-color: #b71c1c !important;
}

body.dark-mode .btn-warning {
    background: #ff8f00 !important;
    border-color: #ff6f00 !important;
    color: #222 !important;
}

body.dark-mode table .form-control {
    background: #2a2a2a !important;
    color: #fff !important;
    border-color: #555 !important;
}