:root {
    --page-background: hsl(241deg 78% 10%); /* black; */
    --page-text: black; /*white*/
    --long: #008600; /*rgba(0, 255, 0, 0.51);*/
    --long-dark: #005700;
    --long-text: #008600; /*rgba(0, 255, 0, .51);*/
    --long-light-text: white; /*rgba(219, 255, 222, 1)*/
    --short: rgba(255, 5, 5, 0.85); /*rgba(255, 5, 5, 0.67);*/
    --short-dark: #b20505;
    --short-light-text: white; /*rgba(255, 214, 214, 1);*/
    --white: rgba(247, 237, 227, 0.75);
    --sector: hsla(170, 56%, 23%, 1);
    --sector-dark: #0b2823;
    --sector-light-text: black; /*rgba(255, 214, 214, 1);*/
    /*rgba(74, 252, 234, 0.35);*/
    --common: white; /*rgba(255, 255, 255, 0.72);*/
    --common-header: white; /*black*/
    --action-yellow: rgba(255, 166, 0, 0.85);
    --light-gray: rgba(163, 167, 174, 0.6);
    --flat: rgba(100, 149, 237, .54);
    --background-long: hsla(37, 36%, 93%, .1); /*#000800*/
    --background-short: #080000;
    --background-flat: #030507;
    --background-sector: #020807;rgb(76, 82, 97)
    --action-button: rgb(76, 82, 97); /*white*/
    --bs-btn-close-color: white;
}

/* Close button styling for dark mode */
.btn-close {
    filter: invert(1);
    opacity: 0.8;
}

.btn-close:hover {
    filter: invert(1);
    opacity: 1;
}

/* More specific targeting for modal close buttons */
.modal-header .btn-close {
    filter: invert(1);
    opacity: 0.8;
    color: white;
}

.modal-header .btn-close:hover {
    filter: invert(1);
    opacity: 1;
}

#ticker-search {
    background-color: black !important;
    color: white !important;
    font-weight:bold;
    border-color: #707470;
}

#mobile-ticker-search {
    background-color: black !important;
    color: var(--common) !important;
    border-color: #707470;
    border: 1px solid #ced4da;
}

::-webkit-scrollbar-track-piece {
    background-color: rgba(15, 15, 15, 1);
}

::-webkit-scrollbar-thumb:vertical {
    height: 30px;
    background-color: rgba(33, 33, 33, 1);
}

::-webkit-scrollbar-thumb:horizontal {
    height: 30px;
    background-color: rgba(33, 33, 33, 1);
}

::-webkit-scrollbar-corner {
    background: rgba(33, 33, 33, 1);
    scrollbar-color: auto transparent;
}


.not-starred-long:hover {
    color: antiquewhite;
    cursor: pointer;
}

.not-starred-short {
    color: gray;
    cursor: pointer;
}

    .not-starred-short:hover {
        color: antiquewhite;
        cursor: pointer;
    }

.not-starred-sector {
    color: gray;
    cursor: pointer;
}

    .not-starred-sector:hover {
        color: antiquewhite;
        cursor: pointer;
    }

.custom-select {
    background-color: black !important;
    color: white !important;       
}

.search-result-row {
    background-color: hsl(39, 100%, 15%, .5) !important;
}

#filtered-out-show-without {
    color: yellow;
}

#filtered-out {
    color: yellow;
    font-weight: 700;
}

.is-starred-yellow {
    color: yellow;
}

.grid-cell {
    float: left;
    color: var(--common);
    /*font-weight: 600;*/
}

.action-button {    
    border-color: black;
}

.action-button:hover {    
    border-color: white;
}

.spin-label-boot {
    color: var(--long);
}

.spin-label-boot-loading {
    color: var(--long);
}

.action-button-donate {    
    border-color: #ff424d !important;    
}

.action-button-contact {
    border-color: hsla(227, 58%, 65%, 0.78) !important;
}

.action-button-custom {
    border-color: var(--action-button) !important;
}

.action-button-help {
    /*
    border-color: rgba(255, 166, 0, 0.97) !important;
    color: black !important;
    font-weight:700;*/
}

/*
.screener-grid-symbol-news {
    color: hsla(37, 79%, 66%, 0);
}

.screener-grid-symbol-news-highlight {
    color: hsla(219, 75%, 100%, .3);
}

.screener-grid-symbol-news-highlight-long {
    color: hsla(219, 75%, 100%, .8);
}

.screener-grid-symbol-news-highlight-short {
    color: hsla(219, 75%, 100%, .8);
}
*/

/*
.grid-row-stripe-sector:nth-child(odd) {
    background-color: rgba(131, 197, 190, .22);
}

.grid-row-stripe-long:nth-child(odd) {
    background-color: rgba(0, 46, 4, 0.22);
}

.grid-row-stripe-short:nth-child(odd) {
    background-color: rgba(133, 0, 0, 0.22);
}

.grid-row-stripe-flat:nth-child(odd) {
    background-color: rgba(6, 23, 55, 0.22);
}*/

.grid-row-stripe-sector:nth-child(odd) {
    background: linear-gradient(90deg, rgba(131, 197, 190, 0.3) 0%, rgba(131, 197, 190, 0.3) 60%, transparent 100%);
}

.grid-row-stripe-long:nth-child(odd) {
    background: linear-gradient(90deg, rgba(0, 46, 4, 0.5) 0%, rgba(0, 46, 4, 0.5) 80%, transparent 100%);
}

.grid-row-stripe-short:nth-child(odd) {
    background: linear-gradient(90deg, rgba(133, 0, 0, 0.4) 0%, rgba(133, 0, 0, 0.4) 80%, transparent 100%);
}

.grid-row-stripe-flat:nth-child(odd) {
    background: linear-gradient(90deg, rgba(6, 23, 55, 0.3) 0%, rgba(6, 23, 55, 0.3) 80%, transparent 100%);
}

.grid-heading-text-long {
    background: rgb(0,134,0);
    background: linear-gradient(90deg, rgba(0,134,0,1) 0%, hsl(241deg 78% 10%) 80%);
}

.grid-heading-text-short {
    background: rgb(217,4,4);
    background: linear-gradient(90deg, rgba(217,4,4,1) 0%, hsl(241deg 78% 10%) 77%);
}

.grid-heading-text-sector {
    background: rgb(26,91,81);
    background: linear-gradient(90deg, rgba(26,91,81,1) 0%, hsl(241deg 78% 10%) 77%);
}

.mini-grid {
    background-color:hsl(241deg 78% 10%); !important;
}

.mini-grid-heading-text-sector {
    background: rgb(26,91,81);
    background: linear-gradient(90deg, rgba(26,91,81,1) 0%, hsl(241deg 78% 10%) 77%);
}

.mini-grid-search-icon {
    color:white !important;
}

.scan-defs-text-long {
    margin-top: -5px;
    width: 677px;
    height: 24px;
    margin-left: 136px;
    background: rgb(0,87,0);
    background: linear-gradient(90deg, rgba(0,87,0,1) 0%, hsl(241deg 78% 10%) 77%);
}

.scan-defs-text-short {
    background: rgb(178,5,5);
    background: linear-gradient(90deg, rgba(178,5,5,1) 0%, hsl(241deg 78% 10%) 77%);
    margin-top: -5px;
    width: 677px;
    height: 24px;
    margin-left: 136px;
}

.warning-bar-orange {
    background: rgb(255,165,0);
    background: linear-gradient(90deg, rgba(255,165,0,1) 0%, rgba(0,0,0,0) 99%);
    color:white !important;
}


.warning-bar-blue {
    background: rgb(56,132,255);
    background: linear-gradient(90deg, rgba(56,132,255,1) 0%, rgba(0,0,0,0) 99%);
    color: white !important;
    clear: both;
    text-shadow: none !important;
}

.warning-bar-close {
    cursor: pointer;
    font-size: 10px;
    float: right;
    padding-top: 3px;
    text-shadow: none;
    color: white;
}

/* Market Ticker - Dark Mode */
.market-ticker-bar {
    background: #1a1a2e;
    color: #e0e0e0;
}

#market-ticker-bar:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}

.market-ticker-headline {
    color: #fff;
}

.market-ticker-more {
    color: #64b5f6;
    background: #1a1a2e;
}

.market-ticker-more:hover {
    color: #90caf9;
}

.market-update-item {
    background: rgba(255,255,255,0.03);
}

.market-update-latest {
    outline-color: white;
    background: rgba(255,255,255,0.12);
    box-shadow: 0 0 8px rgba(255,255,255,0.08);
}

.sector-bar-close {
    color:white !important;
}

#sector-minimized {
    color: white !important;    
}

.grid-heading-text-intro {
    background: hsla(53, 100%, 79%, 1);
    background: linear-gradient(90deg, rgba(56, 132, 255, 1) 0%, hsl(241deg 78% 10%) /* #0d0d0d;*/ 88%);
    margin-left: 2px;
    color: white;
}
.grid-heading-text-multiscan {
    background: rgb(77,0,209) !important;
    background: linear-gradient(90deg, rgba(77,0,209,1) 0%, hsl(241deg 78% 10%) 78%) !important;
}

.e-dashboardlayout.e-control .e-panel {
    background: hsl(241deg 78% 10%); !important;
    border-color: gray !important;
}

.e-dashboardlayout.e-control .e-panel,
.e-dashboardlayout.e-control .e-panel .e-panel-container,
.e-dashboardlayout.e-control .e-panel .e-panel-header,
.e-dashboardlayout.e-control .e-panel .e-panel-content {
    background: hsl(241deg 78% 10%); !important;
    border-color: gray !important;
}

.e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double {
    color: yellow !important;
    font-size: 8px;
    height: 8px;
    width: 8px;
    margin-right: -3px !important;
    margin-bottom: -3px !important;
}

.e-panel:hover {
    border: 1px solid #adb5bd;
    box-shadow: 0 0.8px 16px red;
}

#long-menu {
    background-color:hsl(241deg 78% 10%); /* #0d0d0d;*/
    box-shadow: rgba(0,130,0,0.4) 0px 10px 40px;
    border:none;
}

#short-menu {
    background-color:hsl(241deg 78% 10%); /* #0d0d0d;*/
    box-shadow: rgba(178, 5, 5, .4) 0px 10px 40px;
    border: none;
}

#sector-menu {
    background-color:hsl(241deg 78% 10%); /* #0d0d0d;*/
    box-shadow: rgba(26,91,81,.4) 0px 10px 40px;
    border: none;
}

#alerts-menu {
    background-color:hsl(241deg 78% 10%); /* #0d0d0d;*/
    box-shadow: rgba(255,168,9,.4) 0px 10px 40px;
    border: none;
}

#settings-menu {
    background-color:hsl(241deg 78% 10%); /* #0d0d0d;*/
    box-shadow: rgb(76, 82, 97, .6) 0px 10px 40px;
    border: none;
}

#account-menu {
    background-color:hsl(241deg 78% 10%); /* #0d0d0d;*/
    box-shadow: rgb(76, 82, 97, .6) 0px 10px 40px;
    border: none;
}

.top-menu-title {
    color: white;
}

.top-menu-label {
    color: white;
}

.top-menu-title-disabled {
    color: gray !important;
}

.landing-attention {
    color: yellow;    
    font-weight: bold;
}

.earnings-display {    
    color:black !important;
}

.ratio-bar {
    height: 12px;
    background: #1c1c1c;
    border-radius: 3px;
    overflow: hidden;
    display: flex;
}

#tab-log-in, #tab-settings, .tab-home, .tab-long-selected, #tab-long-selected, #tab-short-selected, #tab-sector, #tab-long, #tab-short, #tab-multiscan, #tab-home {    
    color:white !important;
}

#tab-alerts {
    background:none;
    color:white;
}

#tab-account {
    border: none;
    background:none;
    color:white;
}

.blazored-toast {
    background: hsl(240deg 77% 14%) !important;
}

i.fa.fa-chevron-down.subhead-chevron {
    color:white !important;
    font-weight:bold;
}

i.fa.fa-chevron-right.subhead-chevron {
    color:white !important;
    font-weight:bold;
}

.watchlist-label-sector-selected {
    border-color:white;
}

.watchlist-label-sector-selected {
    border-color:white;
}

.watchlist-label-selected-long {
    border-color: white;
}

.watchlist-label-selected-long {
    border-color: white;
}

.watchlist-label-selected-short {
    border-color: white;
}

.watchlist-label-selected-custom-long {
    border-color: white;
}

.watchlist-label-selected-custom-short {
    border-color: white;
}

.watchlist-label-selected-custom {
    border-color: white;
}

.symbol-link-recent {
    font-weight: 100 !important;
    color: var(--light-gray) !important;
}

.account-promo {
    color:black;
}

.sign-in-link {
    color:black !important;
}

.tab-alerts-selected {
    color: black !important;
}

/* Dark mode overrides for turbo.html */
.feature-card {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.feature-card:hover {
    box-shadow: 0 10px 25px rgba(255, 255, 255, 0.1) !important;
}

.comparison-table {
    background: rgba(255, 255, 255, 0.05) !important;
}

.comparison-table th {
    background: rgba(255, 255, 255, 0.1) !important;
}

.comparison-table th,
.comparison-table td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}


/* Dark mode versions for account page styling */
.turbo-title-text {
    background: linear-gradient(45deg, #ff6b35, #f7931e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: bold;
}

.turbo-active {
    background: linear-gradient(135deg, rgba(255, 107, 53, 0.15), rgba(247, 147, 30, 0.15)) !important;
    border-color: #ff6b35 !important;
    color: var(--bs-light) !important;
}

.turbo-inactive {
    background: rgba(108, 117, 125, 0.15) !important;
    border-color: #6c757d !important;
}

.turbo-status-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    font-size: 17px;
}

.turbo-status-text {
    flex: 1;
}

.turbo-active-status-text {
    color: var(--common);
    font-weight: 600;
}

.turbo-button {
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
    border: none;
    cursor: pointer;
    font-size: 14px;
}

.turbo-button-active {
    background: var(--bs-dark);
    color: #ff6b35;
    border: 1px solid #ff6b35;
}

.turbo-button-active:hover {
    background: #ff6b35;
    color: var(--bs-dark);
}

.turbo-button-inactive {
    background: linear-gradient(45deg, #ff6b35, #f7931e);
    color: white;
    border: 1px solid transparent;
}

.turbo-button-inactive:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(255, 107, 53, 0.4);
}

.step-wizard {
    margin-bottom: 30px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 25px;
    border: 2px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.step-nav {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.step-nav-item {
    padding: 15px 30px;
    cursor: pointer;
    border-bottom: 3px solid transparent;
    color: #adb5bd;
    font-weight: 500;
    transition: all 0.2s ease;
}

.step-nav-item.active {
    color: #ff6b35;
    border-bottom-color: #ff6b35;
}

.step-nav-item.completed {
    color: #28a745;
}

.step-nav-item:hover:not(.active) {
    color: #dee2e6;
}

.step-content {
    min-height: 400px;
    padding: 15px 0;
    color: var(--common);
}

.agreement-text {
    height: 300px;
    overflow-y: auto;
    border: 2px solid rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    padding: 15px;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 20px;
    color: var(--common);
    background: rgba(255, 255, 255, 0.03);
}

.step-buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
    padding-top: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.btn-step {
    min-width: 120px;
}

.account-summary {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 25px;
    border: 2px solid rgba(255, 255, 255, 0.15);
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    width: 91vw;
}

.account-summary h4 {
    color: var(--common);
    margin-bottom: 15px;
    font-size: 1.3rem;
    font-weight: bold;
}

.account-summary p {
    margin-bottom: 8px;
    color: var(--text-secondary, #adb5bd);
    font-size: 15px;
    line-height: 1.5;
}

/* Dark mode modal styling */
.modal-content {
    background-color: hsl(241deg 78% 10%) !important;
    border: 1px solid hsl(241deg 50% 20%) !important;
}

.modal-header {
    background-color: hsl(241deg 78% 10%) !important;
    border-bottom: 1px solid hsl(241deg 50% 20%) !important;
}

.modal-body {
    background-color: hsl(241deg 78% 10%) !important;
}

.modal-footer {
    background-color: hsl(241deg 78% 10%) !important;
    border-top: 1px solid hsl(241deg 50% 20%) !important;
}

.modal-header .close,
.modal-header .btn-close,
.modal-header button[aria-label="Close"] {
    color: #888 !important;
}

.modal-header .close:hover,
.modal-header .btn-close:hover,
.modal-header button[aria-label="Close"]:hover {
    color: #fff !important;
}

.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.7) !important;
}

/* Dark mode modal styling - specific selectors to override app.css */
.modal.show .modal-dialog .modal-content,
.modal.show .modal-dialog.modal-dialog-centered .modal-content {
    background: hsl(241deg 78% 10%) !important;
    border: 1px solid hsl(241deg 50% 20%) !important;
}

.modal.show .modal-dialog .modal-header,
.modal.show .modal-dialog.modal-dialog-centered .modal-header {
    background: hsl(241deg 78% 10%) !important;
    border-bottom: 1px solid hsl(241deg 50% 20%) !important;
}

.modal.show .modal-dialog .modal-title,
.modal.show .modal-dialog.modal-dialog-centered .modal-title {
    color: #ffffff !important;
}

.modal.show .modal-dialog .modal-header .btn-close,
.modal.show .modal-dialog.modal-dialog-centered .modal-header .btn-close {
    filter: invert(1);
    opacity: 0.7;
}

.modal.show .modal-dialog .modal-header .btn-close:hover,
.modal.show .modal-dialog.modal-dialog-centered .modal-header .btn-close:hover {
    opacity: 1;
}

.modal.show .modal-dialog .modal-body,
.modal.show .modal-dialog.modal-dialog-centered .modal-body {
    background: hsl(241deg 78% 10%) !important;
    color: #e0e0e0 !important;
}

.modal.show .modal-dialog .modal-footer,
.modal.show .modal-dialog.modal-dialog-centered .modal-footer {
    background: hsl(241deg 78% 10%) !important;
    border-top: 1px solid hsl(241deg 50% 20%) !important;
}

.modal.show .modal-dialog .modal-footer .btn-secondary,
.modal.show .modal-dialog.modal-dialog-centered .modal-footer .btn-secondary {
    background: #2a2d33 !important;
    border: 1px solid #3a3d43 !important;
    color: #e0e0e0 !important;
}

.modal.show .modal-dialog .modal-footer .btn-secondary:hover,
.modal.show .modal-dialog.modal-dialog-centered .modal-footer .btn-secondary:hover {
    background: #3a3d43 !important;
    border-color: #4a4d53 !important;
    color: #ffffff !important;
}

/* Dark mode modal form elements */
.modal-body input,
.modal-body select,
.modal-body textarea,
.modal-body .form-control,
.modal-body .custom-select {
    background-color: #2a2d33 !important;
    color: #e0e0e0 !important;
    border-color: #3a3d43 !important;
}

.modal-body input:focus,
.modal-body select:focus,
.modal-body textarea:focus,
.modal-body .form-control:focus {
    background-color: #333640 !important;
    color: #ffffff !important;
    border-color: #4a4d53 !important;
    outline: none;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.3);
}

.modal-body input::placeholder,
.modal-body textarea::placeholder {
    color: #888 !important;
}

/* Dark mode modal labels and text */
.modal-body label,
.modal-body .form-label {
    color: #e0e0e0 !important;
}

/* Dark mode radio buttons and checkboxes in modals */
.modal-body .custom-control-label,
.modal-body .form-check-label {
    color: #e0e0e0 !important;
}

/* Dark mode Blazorise numeric edit within modals */
.modal-body .b-numeric,
.modal-body .b-numeric input {
    background-color: #2a2d33 !important;
    color: #e0e0e0 !important;
    border-color: #3a3d43 !important;
}

/* Dark mode global input styling */
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="url"],
input:not([type]),
textarea {
    background-color: #2a2d33 !important;
    color: #e0e0e0 !important;
    border: 1px solid #3a3d43 !important;
    border-radius: 4px;
    padding: 6px 10px;
    font-size: 14px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
input:not([type]):focus,
textarea:focus {
    background-color: #333640 !important;
    border-color: #4a8eff !important;
    color: #ffffff !important;
    outline: none;
    box-shadow: 0 0 0 2px rgba(74, 142, 255, 0.25);
}

input::placeholder,
textarea::placeholder {
    color: #888 !important;
}

/* Dark mode button styling */
.btn-secondary {
    color: #fff !important;
    background-color: #2a2d33 !important;
    border-color: #3a3d43 !important;
}

.btn-secondary:hover {
    background-color: #3a3d43 !important;
    border-color: #4a4d53 !important;
}

/* Dark mode filter tabs styling */
.filter-mode-tabs {
    border-bottom-color: #444 !important;
}

.filter-mode-tab {
    color: #888 !important;
}

.filter-mode-tab:hover {
    color: #ccc !important;
}

.filter-mode-tab.active {
    color: white !important;
}

/* Dark mode builder header styling */
.builder-match-label {
    color: #aaa !important;
}

.builder-operator-toggle {
    border-color: #555 !important;
}

.builder-operator-btn {
    background: #333 !important;
    color: #888 !important;
}

.builder-operator-btn:hover {
    background: #444 !important;
}

.builder-operator-btn.active {
    background: var(--action-yellow) !important;
    color: white !important;
}

/* Dark mode builder styling */
.builder-group {
    background: rgba(30, 50, 90, 0.35) !important;
    border-color: rgba(100, 140, 200, 0.2) !important;
}

.builder-group-toggle-slider {
    background: rgba(80, 80, 100, 0.6) !important;
    border-color: rgba(100, 100, 120, 0.4) !important;
}

.builder-group-toggle-slider:before {
    background: #888 !important;
}

.builder-group-toggle:hover .builder-group-toggle-slider:before {
    background: #aaa !important;
}

.builder-group-toggle input:checked + .builder-group-toggle-slider {
    background: var(--action-yellow) !important;
    border-color: var(--action-yellow) !important;
}

.builder-group-toggle input:checked + .builder-group-toggle-slider:before {
    background: white !important;
}

.builder-group-label {
    color: #aaa !important;
}

.builder-group-label:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    color: white !important;
}

.builder-group-name-input {
    background: #444 !important;
    color: white !important;
}

.builder-group-operator-toggle {
    border-color: rgba(100, 140, 200, 0.3) !important;
}

.builder-group-operator-btn {
    background: rgba(20, 40, 80, 0.4) !important;
    color: #888 !important;
}

.builder-group-operator-btn:hover {
    background: rgba(30, 60, 110, 0.5) !important;
}

.builder-group-operator-btn.active {
    background: var(--action-yellow) !important;
    color: white !important;
}

.builder-conditions {
    background: rgba(20, 40, 80, 0.3) !important;
    border-color: rgba(100, 140, 200, 0.2) !important;
}

.builder-condition-row {
    background: rgba(20, 40, 80, 0.35) !important;
}

.builder-not-toggle {
    background: transparent !important;
    border-color: #555 !important;
    color: #777 !important;
}

.builder-not-toggle:hover {
    background: #444 !important;
    border-color: #666 !important;
    color: #aaa !important;
}

.builder-field-select,
.builder-field-search,
.builder-comparison-select,
.builder-value-input {
    background: #444 !important;
    color: white !important;
    border-color: #555 !important;
}

.builder-field-search::placeholder {
    color: #aaa !important;
}

input.builder-field-search.has-value::placeholder {
    color: white !important;
}

.builder-field-dropdown-menu {
    background: #333 !important;
    border-color: #555 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.4) !important;
}

.builder-field-category {
    color: var(--action-yellow) !important;
    background: #2a2a2a !important;
}

.builder-field-option {
    color: #ddd !important;
}

.builder-field-option:hover {
    background: #444 !important;
    color: white !important;
}

.builder-field-option.selected {
    background: #444 !important;
    color: var(--action-yellow) !important;
}

.builder-field-no-results {
    color: #888 !important;
}

.builder-add-condition-btn,
.builder-add-group-btn {
    background: rgba(30, 50, 90, 0.3) !important;
    color: #aaa !important;
    border-color: rgba(100, 140, 200, 0.3) !important;
}

.builder-add-condition-btn:hover,
.builder-add-group-btn:hover {
    background: rgba(40, 70, 120, 0.45) !important;
    color: white !important;
}

/* Dark mode filter group toggles */
.filter-group-toggles {
    border-bottom-color: #444 !important;
}

.filter-group-toggle {
    background: #333 !important;
    border-color: #555 !important;
    color: #ccc !important;
}

.filter-group-toggle:hover {
    background: #444 !important;
    color: #fff !important;
    border-color: #777 !important;
}

.filter-group-toggle.has-filters {
    background: rgba(237, 137, 54, 0.15) !important;
}

.filter-group-toggle.has-filters:hover {
    background: rgba(237, 137, 54, 0.25) !important;
}

/* Dark mode mini-grid autocomplete styling */
.mini-grid-autocomplete .form-control,
.mini-grid-autocomplete input,
.mini-grid-autocomplete input[type="text"] {
    background: transparent !important;
    color: white !important;
    border: none !important;
    box-shadow: none !important;
}

.mini-grid-autocomplete .form-control::placeholder,
.mini-grid-autocomplete input::placeholder {
    color: rgba(255,255,255,0.8) !important;
}

/* Blazorise autocomplete dropdown - rendered at body level */
.b-is-autocomplete .dropdown-menu,
.dropdown-menu.show {
    background: hsl(241deg 78% 10%) !important;
    border: 1px solid #3a3d43 !important;
    z-index: 99999 !important;
}

.b-is-autocomplete .dropdown-item,
.dropdown-menu.show .dropdown-item {
    background: hsl(241deg 78% 10%) !important;
    color: #e0e0e0 !important;
}

.b-is-autocomplete .dropdown-item:hover,
.b-is-autocomplete .dropdown-item:focus,
.b-is-autocomplete .dropdown-item.active,
.dropdown-menu.show .dropdown-item:hover,
.dropdown-menu.show .dropdown-item:focus {
    background: #2a2d33 !important;
    color: #fff !important;
}

.scan-option {
    color: #e0e0e0 !important;
}

.scan-option.select-header {
    color: #aaa !important;
    background-color: #2a2d33 !important;
}

/* Scan combo dropdown dark mode styles */
.scan-combo-category-header {
    color: #888 !important;
    background-color: rgba(30, 30, 40, 0.9) !important;
    border-bottom: 1px solid #444 !important;
}

.scan-combo-menu {
    background-color: rgba(20, 20, 30, 0.98) !important;
    border-color: #444 !important;
}

.scan-combo-item:hover {
    background-color: rgba(60, 60, 80, 0.8) !important;
}

.scan-combo-item.selected {
    background-color: rgba(40, 80, 120, 0.6) !important;
}