/* Force body and containers */
html, body {
    background-color: #121212 !important;
    color: #e0e0e0 !important;
}

.container, .container-fluid {
    background-color: #121212 !important;
    color: #e0e0e0 !important;
}

/* Buttons */
.btn, .btn-primary, .btn-secondary {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border: 1px solid #333 !important;
}

.btn:hover, .btn:focus {
    background-color: #333 !important;
    color: #ffffff !important;
}

/* Tables */
.table, th, td {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #333 !important;
}

/* Links */
a {
    color: #82aaff !important;
}
a:hover {
    color: #a5d8ff !important;
}

/* Form inputs, textareas, selects */
input, textarea, select {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border: 1px solid #333 !important;
}

/* SVG icons — force fill to light */
svg, svg * {
    fill: #e0e0e0 !important;
}

/* Grid.js tables */
.gridjs-container {
    background-color: #121212 !important;
    color: #e0e0e0 !important;
}
.gridjs-th, .gridjs-td {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #333 !important;
}

/* Dark background for list-group items */
.list-group-item {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #333 !important;
}

/* Dark background for active nav-link */
.nav-pills .nav-link.active {
    background-color: #333 !important;
    color: #ffffff !important;
}

/* Optional: nav-link hover */
.nav-pills .nav-link:hover {
    background-color: #444 !important;
    color: #ffffff !important;
}