/* Sidebar and Layout */
body {
    background-color: #f8f9fc;
}

.sidebar {
    z-index: 1000;
    overflow-y: auto;
}

.main-content {
    transition: margin-left 0.3s;
}

/* Stat Cards */
.stat-card {
    border: none;
    border-radius: 0.35rem;
}

.border-left-primary {
    border-left: 0.25rem solid #4e73df !important;
}
.border-left-success {
    border-left: 0.25rem solid #1cc88a !important;
}
.border-left-info {
    border-left: 0.25rem solid #36b9cc !important;
}
.border-left-warning {
    border-left: 0.25rem solid #f6c23e !important;
}
.border-left-danger {
    border-left: 0.25rem solid #e74a3b !important;
}

.text-primary { color: #4e73df !important; }
.text-success { color: #1cc88a !important; }
.text-info { color: #36b9cc !important; }
.text-warning { color: #f6c23e !important; }
.text-danger { color: #e74a3b !important; }

/* Custom Scrollbar for logs */
#botLogsArea::-webkit-scrollbar {
    width: 8px;
}
#botLogsArea::-webkit-scrollbar-track {
    background: #2c2c2c;
}
#botLogsArea::-webkit-scrollbar-thumb {
    background: #555;
    border-radius: 4px;
}
#botLogsArea::-webkit-scrollbar-thumb:hover {
    background: #777;
}

/* Responsive */
@media (max-width: 768px) {
    .sidebar {
        transform: translateX(-100%);
        transition: transform 0.3s;
    }
    .main-content {
        margin-left: 0 !important;
    }
}