/* ===============================
   BASE / BOOTSTRAP
================================ */

:root[data-bs-theme="dark"] {
    --bs-body-bg: #212529;
    --bs-body-color: #e9ecef;
    --bs-border-color: #495057;
    --bs-light-bg-subtle: #2e3439;
    --bs-dark-bg-subtle: #343a40;
}

/* ===============================
   W2UI
================================ */

:root[data-bs-theme="dark"] .w2ui-panel-content {
    background-color: var(--bs-dark-bg-subtle) !important;
}

/* ===============================
   BUTTONS
================================ */

:root[data-bs-theme="dark"] .btn-light {
    color: #fff;
    background-color: #212529;
    border-color: #212529;
}

:root[data-bs-theme="dark"] .btn-light:hover {
    background-color: #424649;
    border-color: #373b3e;
}

:root[data-bs-theme="dark"] .btn-light:active {
    background-color: #4d5154;
    border-color: #373b3e;
}

:root[data-bs-theme="dark"] .btn-light:disabled {
    background-color: #212529;
    border-color: #212529;
}

/* ===============================
   NOTY (CSS puro – sem SCSS)
================================ */

:root[data-bs-theme="dark"] .noty_theme__relax.noty_bar {
    margin: 4px 0;
    overflow: hidden;
    border-radius: 2px;
    position: relative;
}

:root[data-bs-theme="dark"] .noty_theme__relax.noty_bar .noty_body {
    padding: 10px;
}

:root[data-bs-theme="dark"] .noty_theme__relax.noty_bar .noty_buttons {
    border-top: 1px solid #757575;
    padding: 5px 10px;
}

:root[data-bs-theme="dark"] .noty_theme__relax.noty_type__alert,
:root[data-bs-theme="dark"] .noty_theme__relax.noty_type__notification {
    background-color: #393939;
    border: 1px solid #757575;
    color: #fefefe;
}

:root[data-bs-theme="dark"] .noty_theme__relax.noty_type__warning {
    background-color: #ffeaa8;
    border: 1px solid #ffc237;
    color: #826200;
}

:root[data-bs-theme="dark"] .noty_theme__relax.noty_type__error {
    background-color: #ff8181;
    border: 1px solid #e25353;
    color: #000;
}

:root[data-bs-theme="dark"] .noty_theme__relax.noty_type__info,
:root[data-bs-theme="dark"] .noty_theme__relax.noty_type__information {
    background-color: #78c5e7;
    border: 1px solid #3badd6;
    color: #000;
}

:root[data-bs-theme="dark"] .noty_theme__relax.noty_type__success {
    background-color: #bcf5bc;
    border: 1px solid #7cdd77;
    color: darkgreen;
}

/* ===============================
   SELECT2 (Bootstrap 5 theme)
================================ */

:root[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
}

:root[data-bs-theme="dark"]
.select2-container--bootstrap-5
.select2-dropdown {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    border-color: var(--bs-border-color);
}

:root[data-bs-theme="dark"]
.select2-container--bootstrap-5
.select2-results__option--highlighted {
    background-color: var(--bs-light-bg-subtle) !important;
    color: var(--bs-body-color);
}

:root[data-bs-theme="dark"]
.select2-container--bootstrap-5
.select2-results__option[aria-selected="true"] {
    background-color: var(--bs-dark-bg-subtle);
}