/* 
    ==========================================================================
    EDGE CAPITAL VENTURES - THEME SENTINEL (GLOBAL OVERRIDES)
    Aggressive Fixes for White Background Leaks & Plugin Inconsistencies
    ========================================================================== 
*/

:root {
    --obsidian-dark: #050505;
    --obsidian-card: #0a0a0a;
    --gold-sentinel: #ffd700;
    --glass-border: rgba(255, 215, 0, 0.15);
    --text-ivory: #eeeeee;
}

/* 1. Global Background Eraser */
body,
.main-content,
.layout-px-spacing,
#content,
.bg-light,
.bg-white,
.card,
.widget,
.modal-content,
.dropdown-menu,
.account-settings-container,
.account-settings-header {
    background: var(--obsidian-dark) !important;
    background-color: var(--obsidian-dark) !important;
    color: var(--text-ivory) !important;
}

/* Clean cards and widgets */
.card,
.widget,
.stat-card,
.glass-card,
.p-glass {
    background: var(--obsidian-card) !important;
    border: 1px solid var(--glass-border) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

/* 2. Text Visibility */
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
div,
li,
td,
th,
label,
.text-dark,
.text-black,
.btn-link {
    color: var(--text-ivory) !important;
}

.text-muted {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* 3. Plugin Skins */

/* Select2 Dark Skin */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.select2-dropdown,
.select2-search__field {
    background-color: var(--obsidian-card) !important;
    border: 1px solid var(--glass-border) !important;
    color: var(--text-ivory) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--gold-sentinel) !important;
    color: black !important;
}

.select2-selection__rendered {
    color: var(--text-ivory) !important;
}

/* DataTables Dark Skin */
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    color: var(--text-ivory) !important;
}

table.dataTable thead th,
table.dataTable thead td,
table.dataTable tbody td {
    border-bottom: 1px solid var(--glass-border) !important;
    background-color: transparent !important;
}

/* SweetAlert2 Dark Skin */
.swal2-popup {
    background: var(--obsidian-card) !important;
    border: 1px solid var(--glass-border) !important;
}

.swal2-title,
.swal2-content {
    color: var(--text-ivory) !important;
}

/* Dropify Dark Skin */
.dropify-wrapper {
    background-color: var(--obsidian-card) !important;
    border: 2px dashed var(--glass-border) !important;
    color: var(--text-ivory) !important;
}

.dropify-wrapper:hover {
    background-image: linear-gradient(-45deg, var(--obsidian-dark) 25%, transparent 25%, transparent 50%, var(--obsidian-dark) 50%, var(--obsidian-dark) 75%, transparent 75%, transparent) !important;
}

.dropify-wrapper .dropify-preview {
    background-color: var(--obsidian-dark) !important;
}

/* 4. Scrollbars */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: var(--obsidian-dark);
}

::-webkit-scrollbar-thumb {
    background: var(--gold-sentinel);
    border-radius: 10px;
}

/* 5. Special Fixes */
.layout-top-spacing {
    margin-top: 20px !important;
}

.breadcrumb-item.active {
    color: var(--gold-sentinel) !important;
}

.btn-primary {
    background-color: var(--gold-sentinel) !important;
    border-color: var(--gold-sentinel) !important;
    color: black !important;
    font-weight: 700 !important;
}

.btn-outline-primary {
    border-color: var(--gold-sentinel) !important;
    color: var(--gold-sentinel) !important;
}

.btn-outline-primary:hover {
    background-color: var(--gold-sentinel) !important;
    color: black !important;
}

/* Disable generic white background transitions */
* {
    transition: background-color 0s, color 0s !important;
}

/* Form Controls */
.form-control,
.form-control:focus {
    background-color: rgba(255, 215, 0, 0.03) !important;
    border: 1px solid var(--glass-border) !important;
    color: white !important;
}

input::placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
}