/* ============================================================
   BS Companies — listing / archive page
   Analytical listing: search, filters, card/table views.
   Light by default; .jnews-dark-mode overrides at the bottom.
   ============================================================ */

/* ── Base ── */
.bscompanies-wrap {
    max-width: 1400px;
    margin: 0 auto;
    padding: 48px 24px 100px;
    min-height: 60vh;
}
.bscompanies-wrap * { box-sizing: border-box; }

/* ── Hero header ── */
.bscompanies-hero {
    text-align: center;
    margin-bottom: 40px;
    padding-bottom: 32px;
    border-bottom: 1px solid #eee;
}
.bscompanies-hero h1 {
    font-size: 42px;
    font-weight: 800;
    letter-spacing: -1px;
    line-height: 1.15;
    margin: 0 0 10px;
}
.bscompanies-hero h1 span { color: #2169ff !important; }
.bscompanies-hero-sub {
    font-size: 16px;
    font-weight: 500;
    color: #111;
    max-width: 620px;
    margin: 0 auto;
    line-height: 1.6;
}

/* ── Section header ── */
.bscompanies-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.bscompanies-section-label {
    font-size: 32px;
    font-weight: 800;
    margin: 0;
    color: #111;
}
.bscompanies-count {
    font-size: 14px;
    font-weight: 600;
    color: #888;
}

/* ── Toolbar (hidden until JS boots) ── */
.bscompanies-toolbar { display: none; }
.bscompanies.js-enabled .bscompanies-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    padding: 16px;
    margin-bottom: 28px;
    background: #f7f8fa;
    border: 1px solid #e8e8e8;
}

/* On desktop the wrappers vanish so their children lay out inline in the
   toolbar's single flex row (matching the original layout). On mobile they
   become real boxes (see the breakpoint below) for the collapsible panel. */
.bscompanies-toolbar-filters,
.bscompanies-toolbar-actions { display: contents; }

.bscompanies-toolbar-group {
    display: flex;
    align-items: center;
    gap: 8px;
}
.bscompanies-toolbar-spacer { flex: 1 1 auto; }

/* Filter toggle — labeled button, mobile only (revealed in the breakpoint below) */
.bscompanies-filters-toggle {
    display: none;
    position: relative;
    align-items: center;
    gap: 8px;
    height: 44px;
    padding: 0 18px;
    font-size: 14px;
    font-weight: 700;
    color: #111;
    background: #fff;
    border: 1px solid #e0e2e8;
    cursor: pointer;
}
.bscompanies-filters-toggle svg { width: 18px; height: 18px; color: #555; }
.bscompanies-filters-toggle:hover { background: #f1f3f7; }
.bscompanies-toolbar.filters-open .bscompanies-filters-toggle svg,
.bscompanies-filters-toggle.has-active svg { color: inherit; }
.bscompanies-filters-toggle.has-active { border-color: #2169ff; color: #2169ff; }
.bscompanies-toolbar.filters-open .bscompanies-filters-toggle { background: #2169ff; border-color: #2169ff; color: #fff; }
.bscompanies-filters-count {
    position: absolute;
    top: -7px;
    right: -7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    font-size: 11px;
    font-weight: 800;
    color: #fff;
    background: #2169ff;
    border: 2px solid #f7f8fa;
}
.bscompanies-filters-count[hidden] { display: none !important; }

.bscompanies-toolbar-label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #999;
}

/* Search */
.bscompanies-search {
    position: relative;
    flex: 1 1 260px;
    min-width: 200px;
}
.bscompanies-search svg {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    color: #9aa0ad;
    pointer-events: none;
}
.bscompanies-search input {
    width: 100%;
    height: 44px;
    padding: 0 14px 0 42px;
    font-size: 15px;
    font-weight: 500;
    color: #111;
    background: #fff;
    border: 1px solid #e0e2e8;
    outline: none;
    transition: border-color 0.15s, box-shadow 0.15s;
}
.bscompanies-search input:focus {
    border-color: #2169ff;
    box-shadow: 0 0 0 3px rgba(33,105,255,0.12);
}

/* Segmented recommendation filter */
.bscompanies-segmented {
    display: inline-flex;
    background: #fff;
    border: 1px solid #e0e2e8;
    overflow: hidden;
}
.bscompanies-segmented button {
    appearance: none;
    border: none;
    background: transparent;
    padding: 0 14px;
    height: 44px;
    font-size: 13px;
    font-weight: 700;
    color: #555;
    cursor: pointer;
    border-right: 1px solid #e8e8e8;
    transition: background 0.15s, color 0.15s;
}
.bscompanies-segmented button:last-child { border-right: none; }
.bscompanies-segmented button:hover { background: #f1f3f7; }
.bscompanies-segmented button.active { background: #2169ff; color: #fff; }
.bscompanies-segmented button[data-rec="buy"].active  { background: #138a52; }
.bscompanies-segmented button[data-rec="hold"].active { background: #b8860b; }
.bscompanies-segmented button[data-rec="sell"].active { background: #c8332b; }

/* Target price range inputs */
.bscompanies-range input {
    width: 92px;
    height: 44px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 600;
    color: #111;
    background: #fff;
    border: 1px solid #e0e2e8;
    outline: none;
    transition: border-color 0.15s, box-shadow 0.15s;
}
.bscompanies-range input:focus {
    border-color: #2169ff;
    box-shadow: 0 0 0 3px rgba(33,105,255,0.12);
}
.bscompanies-range span { color: #9aa0ad; font-weight: 700; }

/* Sort dropdown (custom — avoids the theme's Chosen plugin) */
.bscompanies-dropdown { position: relative; }
.bscompanies-dropdown-toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 44px;
    min-width: 150px;
    padding: 0 12px;
    font-size: 14px;
    font-weight: 600;
    color: #111;
    background: #fff;
    border: 1px solid #e0e2e8;
    outline: none;
    cursor: pointer;
    appearance: none;
}
.bscompanies-dropdown-toggle:focus { border-color: #2169ff; }
.bscompanies-dropdown-current { flex: 1 1 auto; text-align: left; }
.bscompanies-dropdown-toggle svg { width: 14px; height: 14px; color: #666; transition: transform 0.15s; }
.bscompanies-dropdown.open .bscompanies-dropdown-toggle svg { transform: rotate(180deg); }

.bscompanies-dropdown-menu {
    display: none;
    position: absolute;
    z-index: 30;
    top: calc(100% + 4px);
    left: 0;
    min-width: 100%;
    margin: 0;
    padding: 4px 0;
    list-style: none;
    background: #fff;
    border: 1px solid #e0e2e8;
    box-shadow: 0 10px 30px rgba(0,0,0,0.10);
}
.bscompanies-dropdown.open .bscompanies-dropdown-menu { display: block; }
.bscompanies-dropdown-menu li {
    padding: 9px 14px;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    white-space: nowrap;
    cursor: pointer;
}
.bscompanies-dropdown-menu li:hover { background: #f1f3f7; }
.bscompanies-dropdown-menu li.active { color: #2169ff; background: rgba(33,105,255,0.06); }

/* View toggle */
.bscompanies-viewtoggle {
    display: inline-flex;
    background: #fff;
    border: 1px solid #e0e2e8;
    overflow: hidden;
}
.bscompanies-viewtoggle button {
    appearance: none;
    border: none;
    background: transparent;
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #777;
    cursor: pointer;
    border-right: 1px solid #e8e8e8;
    transition: background 0.15s, color 0.15s;
}
.bscompanies-viewtoggle button:last-child { border-right: none; }
.bscompanies-viewtoggle button svg { width: 19px; height: 19px; }
.bscompanies-viewtoggle button:hover { background: #f1f3f7; }
.bscompanies-viewtoggle button.active { background: #2169ff; color: #fff; }

/* JS-toggled visibility (beats card flex / table-row display) */
.bscompanies-card.bs-hidden,
.bscompanies-row.bs-hidden { display: none !important; }

/* ── Grid (cards) ── */
.bscompanies-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(324px, 1fr));
    gap: 20px;
}

/* ── Card ── */
.bscompanies-card {
    background: #fff;
    border: 1px solid #e8e8e8;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    transition: all 0.4s ease;
}
.bscompanies-card:hover {
    border-color: rgba(33,105,255,0.4);
    box-shadow: 0 12px 40px rgba(33,105,255,0.08);
    transform: translateY(-3px);
}

/* Image header */
.bscompanies-card-header { position: relative; height: 180px; overflow: hidden; }
.bscompanies-card-header img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}
.bscompanies-card:hover .bscompanies-card-header img { transform: scale(1.06); }
.bscompanies-card-header-placeholder {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #0a0a1a 0%, #1a1a3a 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.bscompanies-card-header-placeholder span {
    color: rgba(255,255,255,0.12);
    font-size: 52px;
    font-weight: 900;
    letter-spacing: 6px;
}
.bscompanies-card-header-top {
    position: absolute;
    top: 12px;
    left: 12px;
    right: 12px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}
.bscompanies-card-exchange {
    padding: 4px 10px;
    font-size: 10px;
    font-weight: 700;
    color: rgba(255,255,255,0.9);
    background: rgba(10,10,26,0.6);
    backdrop-filter: blur(4px);
}

/* Card content */
.bscompanies-card-content { padding: 20px; display: flex; flex-direction: column; flex: 1; }
.bscompanies-card-name {
    font-size: 20px;
    font-weight: 800;
    color: #111;
    line-height: 1.2;
    margin-bottom: 8px;
}
.bscompanies-card-desc {
    font-size: 15px;
    color: #111;
    font-weight: 500;
    line-height: 1.55;
    margin-bottom: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Recommendation badge (shared by card + table) */
.bscompanies-rec {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 10px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
}
.bscompanies-rec::before {
    content: "";
    width: 7px;
    height: 7px;
    background: currentColor;
}
.bscompanies-rec.rec-buy  { color: #138a52; background: rgba(19,138,82,0.10); }
.bscompanies-rec.rec-hold { color: #b8860b; background: rgba(184,134,11,0.12); }
.bscompanies-rec.rec-sell { color: #c8332b; background: rgba(200,51,43,0.10); }
.bscompanies-card-rec { margin-bottom: 16px; }

/* 2-col data cells */
.bscompanies-card-data {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 16px;
}
.bscompanies-card-cell { background: #f5f6fa; padding: 10px 12px; }
.bscompanies-card-cell-label {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #999;
    margin-bottom: 2px;
}
.bscompanies-card-cell-value { font-size: 13px; font-weight: 800; color: #111; }
.bscompanies-card-cell-value.accent { color: #2169ff; }

/* Valuation highlight */
.bscompanies-card-valuation {
    border: 1px solid rgba(33,105,255,0.2);
    background: rgba(33,105,255,0.04);
    padding: 12px;
    text-align: center;
    margin-bottom: 16px;
}
.bscompanies-card-valuation-label {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(33,105,255,0.7);
}
.bscompanies-card-valuation-value {
    font-size: 22px;
    font-weight: 900;
    color: #2169ff;
    margin-top: 2px;
}

/* CTA button */
.bscompanies-card-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px;
    background: linear-gradient(135deg, #2169ff, #1a54d4);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    margin-top: auto;
}
.bscompanies-card:hover .bscompanies-card-cta {
    filter: brightness(1.1);
    box-shadow: 0 4px 16px rgba(33,105,255,0.3);
}

/* ── Table view ── */
.bscompanies-table-wrap {
    display: none;
    overflow-x: auto;
    border: 1px solid #e8e8e8;
}
.bscompanies.view-table .bscompanies-table-wrap { display: block; }
.bscompanies.view-table .bscompanies-grid { display: none; }

.bscompanies-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    background: #fff;
}
.bscompanies-table th,
.bscompanies-table td {
    padding: 14px 16px;
    text-align: left;
    white-space: nowrap;
    /* Override the host theme's aggressive table borders (it draws bright
       full-cell borders that show as white lines, esp. in dark mode). */
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid #eef0f3 !important;
}
.bscompanies-table thead th {
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #888 !important;
    background: #f7f8fa;
    cursor: pointer;
    user-select: none;
    position: sticky;
    top: 0;
}
.bscompanies-table thead th.no-sort { cursor: default; }
.bscompanies-table thead th .sort-ind {
    display: inline-block;
    width: 10px;
    margin-left: 4px;
    color: #2169ff;
    opacity: 0;
}
.bscompanies-table thead th.sorted-asc .sort-ind,
.bscompanies-table thead th.sorted-desc .sort-ind { opacity: 1; }
.bscompanies-table thead th.sorted-asc .sort-ind::after { content: "▲"; font-size: 9px; }
.bscompanies-table thead th.sorted-desc .sort-ind::after { content: "▼"; font-size: 9px; }

.bscompanies-table tbody tr { transition: background 0.12s; }
.bscompanies-table tbody tr:hover { background: #f5f8ff; }
.bscompanies-table tbody tr:last-child td { border-bottom: 0 !important; }

.bscompanies-row-company { display: flex; align-items: center; gap: 12px; }
.bscompanies-row-logo {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 10px;
    object-fit: cover;
    background: linear-gradient(135deg, #0a0a1a, #1a1a3a);
}
.bscompanies-row-logo-ph {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 800;
    color: rgba(255,255,255,0.6);
}
/* Cell text colors — scoped + !important to beat the theme's `td { color:#fff !important }`. */
.bscompanies-table td .bscompanies-row-name   { color: #111 !important; font-weight: 800; }
.bscompanies-table td .bscompanies-row-ticker { color: #2169ff !important; font-weight: 700; }
.bscompanies-table td .bscompanies-row-target { color: #111 !important; font-weight: 800; }
.bscompanies-table td .bscompanies-row-exchange { color: #555 !important; font-weight: 600; }
.bscompanies-table td.col-muted,
.bscompanies-table td .col-muted { color: #777 !important; font-weight: 600; }
.bscompanies-table td .bscompanies-rec.rec-buy  { color: #138a52 !important; }
.bscompanies-table td .bscompanies-rec.rec-hold { color: #b8860b !important; }
.bscompanies-table td .bscompanies-rec.rec-sell { color: #c8332b !important; }
.bscompanies-row-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #2169ff !important;
    font-weight: 700;
    text-decoration: none;
}
.bscompanies-row-link svg { width: 15px; height: 15px; }
.bscompanies-row-link:hover { text-decoration: underline; }

/* ── Empty / no-results ── */
.bscompanies-empty {
    text-align: center;
    padding: 60px 20px;
    color: #888;
    font-size: 15px;
    border: 1px solid #e8e8e8;
}
.bscompanies-noresults {
    display: none;
    text-align: center;
    padding: 60px 20px;
    color: #888;
    font-size: 15px;
    border: 1px dashed #d8dade;
}
.bscompanies.has-noresults .bscompanies-noresults { display: block; }
.bscompanies.has-noresults .bscompanies-grid,
.bscompanies.has-noresults .bscompanies-table-wrap { display: none; }

/* ── Responsive ── */
@media (max-width: 720px) {
    /* Top line: search + view toggle share one row; filters wrap below, always shown. */
    .bscompanies.js-enabled .bscompanies-toolbar {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 12px;
    }
    /* Stack: [Filtry] + view toggle on top, search below, filters panel last. */
    .bscompanies.js-enabled .bscompanies-toolbar {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }
    .bscompanies-toolbar-actions {
        display: flex;
        order: 1;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
    }
    .bscompanies-filters-toggle { display: inline-flex; }
    /* flex:0 0 auto so the search doesn't grow to a 260px-tall column item */
    .bscompanies-search { order: 2; flex: 0 0 auto; width: 100%; min-width: 0; }
    .bscompanies-search input { min-width: 0; }

    /* Filters collapse behind the toggle; reveal below the search when open */
    .bscompanies-toolbar-filters { display: none; order: 3; }
    .bscompanies-toolbar.filters-open .bscompanies-toolbar-filters {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
        width: 100%;
    }
    .bscompanies-toolbar-spacer { display: none; }

    /* Each control: label on its own line, control full width below */
    .bscompanies-toolbar-filters .bscompanies-toolbar-group { flex-wrap: wrap; width: 100%; gap: 8px; }
    .bscompanies-toolbar-filters .bscompanies-toolbar-label { flex: 1 1 100%; }
    .bscompanies-toolbar-filters .bscompanies-segmented { width: 100%; }
    .bscompanies-toolbar-filters .bscompanies-segmented button { flex: 1 1 0; padding: 0 8px; }
    .bscompanies-range input { flex: 1 1 0; width: auto; min-width: 0; }
    .bscompanies-toolbar-filters .bscompanies-dropdown { flex: 1 1 100%; }
    .bscompanies-toolbar-filters .bscompanies-dropdown-toggle { width: 100%; }
}
@media (max-width: 600px) {
    .bscompanies-grid { grid-template-columns: 1fr; }
    .bscompanies-hero h1 { font-size: 38px; }
    .bscompanies-card-header { height: 150px; }
}
@media (hover: none) {
    .bscompanies-card:hover { transform: none; box-shadow: none; border-color: #e8e8e8; }
    .bscompanies-card:hover .bscompanies-card-header img { transform: none; }
}

/* ============================================================
   Dark mode — only when the JNews theme dark mode is active
   ============================================================ */
.jnews-dark-mode .bscompanies-hero { border-bottom-color: #333; }
.jnews-dark-mode .bscompanies-hero h1 { color: #f0f0f0; }
.jnews-dark-mode .bscompanies-hero-sub { color: #777; }
.jnews-dark-mode .bscompanies-section-label { color: #eee; }
.jnews-dark-mode .bscompanies-count { color: #777; }

.jnews-dark-mode .bscompanies.js-enabled .bscompanies-toolbar { background: #161616; border-color: #2a2a2a; }
.jnews-dark-mode .bscompanies-toolbar-label { color: #777; }
.jnews-dark-mode .bscompanies-search input,
.jnews-dark-mode .bscompanies-range input,
.jnews-dark-mode .bscompanies-dropdown-toggle,
.jnews-dark-mode .bscompanies-segmented,
.jnews-dark-mode .bscompanies-viewtoggle { background: #1d1d1d; border-color: #333; color: #eee; }
.jnews-dark-mode .bscompanies-search input { color: #eee; }
.jnews-dark-mode .bscompanies-search input::placeholder { color: #666; }
.jnews-dark-mode .bscompanies-segmented button { color: #bbb; border-right-color: #2c2c2c; }
.jnews-dark-mode .bscompanies-segmented button:hover { background: #262626; }
.jnews-dark-mode .bscompanies-viewtoggle button { color: #999; border-right-color: #2c2c2c; }
.jnews-dark-mode .bscompanies-viewtoggle button:hover { background: #262626; }
.jnews-dark-mode .bscompanies-filters-toggle { background: #1d1d1d; border-color: #333; color: #eee; }
.jnews-dark-mode .bscompanies-filters-toggle svg { color: #aaa; }
.jnews-dark-mode .bscompanies-filters-toggle:hover { background: #262626; }
.jnews-dark-mode .bscompanies-filters-toggle.has-active { border-color: #2169ff; color: #5b8dff; }
.jnews-dark-mode .bscompanies-toolbar.filters-open .bscompanies-filters-toggle { background: #2169ff; border-color: #2169ff; color: #fff; }
.jnews-dark-mode .bscompanies-filters-count { border-color: #161616; }
.jnews-dark-mode .bscompanies-dropdown-toggle { color: #eee; }
.jnews-dark-mode .bscompanies-dropdown-toggle svg { color: #aaa; }
.jnews-dark-mode .bscompanies-dropdown-menu { background: #1d1d1d; border-color: #333; box-shadow: 0 10px 30px rgba(0,0,0,0.5); }
.jnews-dark-mode .bscompanies-dropdown-menu li { color: #ccc; }
.jnews-dark-mode .bscompanies-dropdown-menu li:hover { background: #262626; }
.jnews-dark-mode .bscompanies-dropdown-menu li.active { color: #5b8dff; background: rgba(33,105,255,0.12); }

.jnews-dark-mode .bscompanies-card { background: #1a1a1a; border-color: #2a2a2a; }
.jnews-dark-mode .bscompanies-card:hover { background: #1e1e1e; border-color: rgba(33,105,255,0.4); }
.jnews-dark-mode .bscompanies-card-name { color: #f0f0f0; }
.jnews-dark-mode .bscompanies-card-desc { color: rgba(255,255,255,0.4); }
.jnews-dark-mode .bscompanies-card-cell { background: rgba(255,255,255,0.04); }
.jnews-dark-mode .bscompanies-card-cell-label { color: rgba(255,255,255,0.35); }
.jnews-dark-mode .bscompanies-card-cell-value { color: rgba(255,255,255,0.85); }
.jnews-dark-mode .bscompanies-card-valuation { border-color: rgba(33,105,255,0.2); background: rgba(33,105,255,0.06); }

.jnews-dark-mode .bscompanies-table-wrap { border-color: #2a2a2a; }
.jnews-dark-mode .bscompanies-table { background: #1a1a1a; }
.jnews-dark-mode .bscompanies-table th,
.jnews-dark-mode .bscompanies-table td { border-bottom-color: #2a2a2a !important; }
.jnews-dark-mode .bscompanies-table thead th { background: #161616; color: #888 !important; }
.jnews-dark-mode .bscompanies-table tbody tr:hover { background: #1f2330; }
.jnews-dark-mode .bscompanies-table td .bscompanies-row-name   { color: #f0f0f0 !important; }
.jnews-dark-mode .bscompanies-table td .bscompanies-row-target { color: #f0f0f0 !important; }
.jnews-dark-mode .bscompanies-table td .bscompanies-row-exchange { color: #aaa !important; }
.jnews-dark-mode .bscompanies-table td.col-muted,
.jnews-dark-mode .bscompanies-table td .col-muted { color: #888 !important; }

.jnews-dark-mode .bscompanies-empty,
.jnews-dark-mode .bscompanies-noresults { border-color: #2a2a2a; color: #777; }
.jnews-dark-mode .bscompanies-rec.rec-buy  { background: rgba(19,138,82,0.18); }
.jnews-dark-mode .bscompanies-rec.rec-hold { background: rgba(184,134,11,0.20); }
.jnews-dark-mode .bscompanies-rec.rec-sell { background: rgba(200,51,43,0.18); }

@media (hover: none) {
    .jnews-dark-mode .bscompanies-card:hover { background: #1a1a1a; border-color: #2a2a2a; }
}