.screener-title {
    font-size: 24px;
    font-weight: 600;
    color: #00ffae;
    margin-bottom: 10px;
}

.screener-card {
    background: #111118;
    border-radius: 8px;
    border: 1px solid #222;
}

.dash-table-container .dash-spreadsheet-container .dash-spreadsheet-inner table {
    font-family: Arial;
}

.dash-table-container .dash-spreadsheet-container .dash-spreadsheet-inner td {
    border: 1px solid #222 !important;
}

.dash-table-container .dash-spreadsheet-container .dash-spreadsheet-inner th {
    background-color: #0f0f15;
    color: #00ffae;
    border: 1px solid #222 !important;
}
/* ───────── SELECT DARK MODE ───────── */
.scr2-input {
    background-color: #0f141b !important;
    color: #e5e7eb !important;
    border: 1px solid #2a2f3a !important;
    border-radius: 6px !important;
}

.scr2-input:focus {
    border-color: #00ffae !important;
    box-shadow: 0 0 0 1px #00ffae33 !important;
}

/* dropdown menu */
.scr2-input option {
    background-color: #0f141b;
    color: white;
}
.scr2-label {
    font-size: 11px;
    color: #9ca3af;
    margin-bottom: 4px;
    font-weight: 500;
}
.scr2-filters-card {
    border-radius: 12px;
    background: linear-gradient(180deg, #0b0f14, #0f172a);
    border: 1px solid #1f2937;
}
.scr2-btn-go {
    background: #14532d;
    border: 1px solid #22c55e;
    color: #22c55e;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 8px;
}

.scr2-btn-go:hover {
    background: #166534;
    color: white;
}
/* WRAPPER */
.txe-tabs-wrapper {
    margin-top: 10px;
}

/* BASE */
.txe-tabs-fin .nav-tabs {
    border: none;
    gap: 8px;
}

/* ───────── TABS GETICK (FIX REAL) ───────── */

/* wrapper */
.txe-tabs-wrapper {
    margin-top: 10px;
}

/* container */
.txe-tabs-fin .nav-tabs {
    border: none;
    gap: 8px;
}

/* TAB BASE */
.txe-tabs-fin .nav-link {
    background: #0f141b !important;
    border: 1px solid #1f2937 !important;
    color: #9ca3af !important;
    border-radius: 999px !important;
    padding: 6px 14px !important;
    font-size: 12px;
    font-weight: 600;
    transition: all 0.15s ease;
}

/* HOVER */
.txe-tabs-fin .nav-link:hover {
    color: white !important;
    border-color: #374151 !important;
}

/* ACTIVE (🔥 EL QUE TE FALTABA) */
.txe-tabs-fin .nav-link.active {
    background: linear-gradient(135deg, #14532d, #166534) !important;
    color: #22c55e !important;
    border: 1px solid #22c55e !important;
}

.scr2-filters-card {
    background: #0b0f14;              /* 👈 mismo que resto */
    border: 1px solid #1f2937;
    border-radius: 12px;
}