/* ═══ Dropdown filter pills (shared across /feed and /trade-ideas/ticker) ═══ */
.f-drop { position: relative; display: inline-block; }
.f-drop-btn {
    display: flex; align-items: center; gap: 6px;
    background: #0d1117; border: 1px solid #21262d; color: #8b949e;
    border-radius: 6px; padding: 7px 14px; font-size: 13px; cursor: pointer; min-height: 36px;
    transition: all .12s; font-family: inherit; white-space: nowrap;
}
.f-drop-btn:hover, .f-drop-btn.open { border-color: #30363d; color: #c9d1d9; background: #131920; }
.f-drop-btn .f-arrow { font-size: 9px; color: #6e7681; transition: transform .15s; }
.f-drop-btn.open .f-arrow { transform: rotate(180deg); }
/* Single uniform active-state colour for every filter button (Sources,
   Channels, Tickers, Feeds, Direction, Score, Saved). Previous green
   override on the Feeds dropdown made it stand out from the rest — users
   expected one consistent palette. */
.f-drop-active { border-color: var(--bz-brand-border) !important; color: var(--bz-brand) !important; background: var(--bz-brand-soft) !important; }
.f-drop-menu {
    display: none; position: absolute; top: calc(100% + 5px); left: 0;
    background: #0d1117; border: 1px solid #30363d; border-radius: 8px;
    min-width: 200px; z-index: 50; padding: 5px 0;
    box-shadow: 0 6px 20px rgba(0,0,0,.55);
}
.f-drop-menu.visible { display: block; }
.f-drop-opt {
    display: flex; align-items: center; justify-content: space-between;
    padding: 8px 14px; font-size: 13px; color: #8b949e; cursor: pointer; transition: background .1s;
}
.f-drop-opt:hover { background: #131920; color: #c9d1d9; }
.f-drop-opt.selected { color: #c9d1d9; }
.f-drop-opt .f-check { color: var(--bz-brand); font-size: 12px; opacity: 0; }
.f-drop-opt.selected .f-check { opacity: 1; }
.f-drop-divider { height: 1px; background: #21262d; margin: 4px 0; }
.f-drop-opt .f-ico { display: inline-block; width: 16px; height: 16px; vertical-align: -2px; margin-right: 6px; flex-shrink: 0; }
/* Earnings-call beta: gold bar-chart glyph for the gated Earnings source option.
   Scoped to .f-ico so it only paints the source-dropdown icon and leaves the
   pre-existing `◎` earnings-call feed-row glyphs (plain .icon-earnings spans in
   _ticker_feed_rows.html / _source_rows_myfeed.html) untouched. */
.f-ico.icon-earnings { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D4A03A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v18h18'/%3E%3Crect x='7' y='11' width='3' height='7'/%3E%3Crect x='12' y='7' width='3' height='11'/%3E%3Crect x='17' y='4' width='3' height='14'/%3E%3C/svg%3E") no-repeat center/contain; }
.f-saved-count { font-size: 10px; background: var(--bz-brand); color: #0d1117; border-radius: 8px; padding: 1px 6px; margin-left: 4px; font-weight: 600; }

/* Primary filter order: Feed -> Source -> call company -> Sector -> Ticker,
   followed by Position Action and Call Direction on /feed. */
.f-filter-feed { order: -40; }
.f-filter-source { order: -30; }
.f-filter-earnings-company { order: -25; }
.f-filter-sector { order: -20; }
.f-filter-ticker { order: -10; }
.f-filter-position { order: -5; }
.feed-filter-bar #dirDrop { order: -4; }
.feed-filter-bar #dirDropBtn,
.feed-filter-bar #dirDropLabel { max-width: none; }
.f-position-menu button,
.f-call-direction-menu button {
    width: 100%;
    border: 0;
    background: transparent;
    font-family: inherit;
    text-align: left;
}

/* ── Canonical sector -> theme picker ── */
.f-sector-menu {
    min-width: 310px;
    max-width: min(92vw, 380px);
    max-height: min(55vh, 420px);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 6px;
}
.f-sector-menu button {
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
}
.f-sector-menu > .f-sector-all {
    width: 100%;
    border-radius: 6px;
}
.f-sector-group {
    border-radius: 6px;
    overflow: hidden;
}
.f-sector-row {
    display: flex;
    align-items: stretch;
    color: #8b949e;
}
.f-sector-row:hover,
.f-sector-row.selected {
    background: #131920;
    color: #c9d1d9;
}
.f-sector-choice {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    min-width: 0;
    padding: 8px 10px;
    text-align: left;
    cursor: pointer;
}
.f-sector-choice .f-check {
    flex: 0 0 auto;
    color: var(--bz-brand);
    font-size: 12px;
    opacity: 0;
}
.f-sector-row.selected .f-check,
.f-sector-choice.selected .f-check {
    opacity: 1;
}
.f-sector-expand {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    flex: 0 0 auto;
    min-width: 66px;
    padding: 0 8px !important;
    cursor: pointer;
    color: #6e7681 !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1;
    transition: color .12s;
}
.f-sector-expand:hover {
    color: #c9d1d9 !important;
}
.f-sector-expand-arrow {
    font-size: 19px;
    transition: transform .15s;
}
.f-sector-group.expanded .f-sector-expand-arrow {
    transform: rotate(90deg);
}
.f-sector-themes {
    display: none;
    padding: 2px 0 5px 12px;
    border-left: 1px solid #30363d;
    margin-left: 14px;
}
.f-sector-group.expanded .f-sector-themes {
    display: block;
}
.f-theme-choice {
    border-radius: 6px !important;
    color: #6e7681 !important;
    font-size: 12px !important;
}
.f-theme-choice:hover,
.f-theme-choice.selected {
    background: #131920 !important;
    color: #c9d1d9 !important;
}

/* ── Source -> channels dropdown ── */
.f-source-menu {
    min-width: 340px;
    max-width: min(94vw, 420px);
}
.f-source-search {
    position: sticky;
    top: -6px;
    z-index: 2;
    margin: -6px -6px 6px;
    padding: 6px 8px;
    border-bottom: 1px solid #21262d;
    background: #0d1117;
}
.f-source-search input {
    width: 100%;
    padding: 7px 9px;
    border: 1px solid #30363d;
    border-radius: 5px;
    outline: none;
    background: #161b22;
    color: #c9d1d9;
    font-size: 12px;
}
.f-source-menu > .f-source-all {
    width: 100%;
    border-radius: 6px;
}
.f-source-channel-count {
    color: #484f58;
    font-size: 10px;
    font-weight: 400;
}
.f-source-channels {
    padding-left: 5px;
}
.f-source-channels .f-ch-item {
    width: 100%;
    border-radius: 5px;
    text-align: left;
}
.f-source-channel-name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.f-source-earnings-companies {
    padding: 3px 5px 6px;
}
.f-earnings-source-company-list {
    max-height: 220px;
    padding: 2px 0;
}
.f-earnings-source-company-list .f-earnings-company-item {
    border-radius: 6px;
}
.f-source-loading,
.f-source-empty {
    padding: 9px 12px;
    color: #6e7681;
    font-size: 11px;
}
.f-source-error {
    color: #f85149;
}
.f-source-footer {
    position: sticky;
    bottom: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 6px -6px -6px;
    padding: 7px 10px;
    border-top: 1px solid #21262d;
    background: #0d1117;
}

.f-filter-actions {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.f-source-footer .f-filter-apply {
    border: 1px solid #238636;
    border-radius: 5px;
    background: #238636;
    color: #fff;
    font-weight: 600;
    padding: 4px 10px;
}

.f-source-footer .f-filter-apply:hover {
    background: #2ea043;
}

.f-source-footer .f-filter-clear {
    color: #f85149;
}

.f-sector-footer {
    position: sticky;
    bottom: 0;
    background: #0d1117;
}
.f-source-footer span {
    color: #6e7681;
    font-size: 10px;
}
.f-source-footer button {
    padding: 3px 7px !important;
    color: #f85149 !important;
    cursor: pointer;
    font-size: 10px !important;
}
.f-source-footer button.f-filter-apply {
    color: #fff !important;
}

/* ── Channel items shared with the source picker and feed editor ── */
.f-ch-menu { min-width: 300px; max-width: 360px; }
.f-ch-section { margin: 0; }
.f-ch-section-hdr {
    display: flex; align-items: center; gap: 6px;
    padding: 8px 14px; font-size: 13px; color: #8b949e;
    font-weight: 600; cursor: pointer; user-select: none;
}
.f-ch-section-hdr:hover { color: #c9d1d9; background: #131920; }
.f-ch-section-hdr .f-ch-arrow { font-size: 8px; transition: transform .15s; display: inline-block; }
.f-ch-section-hdr .f-ch-arrow.open { transform: rotate(90deg); }
.f-ch-item {
    display: flex; align-items: center; gap: 8px;
    padding: 6px 14px 6px 24px; font-size: 13px; color: #8b949e; cursor: pointer; transition: background .1s;
}
.f-ch-item:hover { background: #131920; color: #c9d1d9; }
.f-ch-item.active { color: #c9d1d9; background: var(--bz-brand-soft); }
.f-ch-item .f-ch-dot { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; background: #30363d; transition: background .12s; }
.f-ch-item.active .f-ch-dot { background: var(--bz-brand); }
.f-ch-item .f-ch-type { font-size: 9px; color: #6e7681; background: #161b22; border-radius: 3px; padding: 2px 5px; flex-shrink: 0; text-transform: uppercase; letter-spacing: .03em; }

/* ── Earnings reporting-company picker ── */
.f-earnings-company-search { padding: 6px 8px; border-bottom: 1px solid #21262d; }
.f-earnings-company-search input {
    width: 100%; background: #161b22; border: 1px solid #30363d;
    border-radius: 4px; color: #c9d1d9; font: inherit; font-size: 11px;
    padding: 6px 8px; outline: none;
}
.f-earnings-company-search input:focus { border-color: var(--bz-brand-border); }
.f-earnings-company-list {
    max-height: min(45vh, 320px); overflow-y: auto; padding: 4px 0;
    overscroll-behavior: contain;
}
.f-earnings-company-item {
    width: 100%; display: grid; grid-template-columns: 8px minmax(0, 1fr) auto;
    align-items: center; gap: 9px; padding: 7px 12px; border: 0;
    background: transparent; color: #8b949e; text-align: left; cursor: pointer;
    font: inherit;
}
.f-earnings-company-item:hover { background: #131920; color: #c9d1d9; }
.f-earnings-company-item.active { background: var(--bz-brand-soft); color: #c9d1d9; }
.f-earnings-company-item .f-ch-dot {
    width: 7px; height: 7px; border-radius: 50%; background: #30363d;
}
.f-earnings-company-item.active .f-ch-dot { background: #d4a03a; }
.f-earnings-company-copy { display: flex; flex-direction: column; min-width: 0; }
.f-earnings-company-copy strong { color: #e6edf3; font-size: 12px; line-height: 1.3; }
.f-earnings-company-copy small {
    overflow: hidden; color: #6e7681; font-size: 10px; line-height: 1.35;
    text-overflow: ellipsis; white-space: nowrap;
}
.f-earnings-company-calls { color: #6e7681; font-size: 10px; font-variant-numeric: tabular-nums; }
.f-earnings-company-status { padding: 20px 12px; color: #6e7681; font-size: 11px; text-align: center; }
.f-earnings-company-footer {
    display: flex; justify-content: space-between; align-items: center;
    padding: 6px 10px; border-top: 1px solid #21262d; color: #6e7681;
    font-size: 10px;
}
.f-earnings-company-footer button {
    padding: 2px 6px; border: 0; background: none; color: #f85149;
    cursor: pointer; font: inherit;
}

/* ── Reset icon ── */
.f-reset-icon { background: none; border: none; color: var(--bz-brand); font-size: 20px; cursor: pointer; padding: 2px 6px; line-height: 1; opacity: .85; transition: color .15s, opacity .15s, transform .2s; }
.f-reset-icon:hover { opacity: 1; transform: rotate(-90deg); }

/* Feed picker */
.f-feed-menu {
    min-width: 420px;
    max-width: min(94vw, 460px);
    padding: 8px;
    background: #0d1117;
    border-color: #30363d;
    border-radius: 8px;
    box-shadow: 0 6px 20px rgba(0,0,0,.55);
}
.f-feed-menu .f-drop-opt {
    border-radius: 7px;
}
.f-feed-menu > .f-drop-opt {
    padding: 8px 10px;
    font-size: 12.5px;
}
.f-feed-menu .f-drop-divider {
    background: #21262d;
    margin: 8px 4px;
}
.f-feed-all-row {
    min-height: 38px;
    color: #8b949e;
}
.f-feed-all-row:hover {
    background: #131920;
    color: #c9d1d9;
}
.f-feed-all-row.selected {
    background: #0d1117;
    box-shadow: inset 0 0 0 1px #30363d;
    color: #c9d1d9;
}
.f-feed-columns {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px;
}
.f-feed-columns-public {
    grid-template-columns: 1fr;
}
.f-feed-col {
    min-width: 0;
    padding: 8px;
    border: 1px solid #21262d;
    border-radius: 8px;
    background: #0d1117;
    overflow: hidden;
}
.f-feed-col-title {
    padding: 2px 2px 8px;
    color: #6e7681;
    font-size: 10.5px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: .05em;
    text-transform: uppercase;
}
.f-feed-opt {
    min-height: 38px;
    gap: 8px;
    padding: 8px 10px;
    font-size: 12.5px;
}
.f-feed-opt:hover {
    background: #131920;
    color: #c9d1d9;
}
.f-feed-opt.selected {
    background: #0d1117;
    box-shadow: inset 0 0 0 1px #30363d;
    color: #c9d1d9;
}
.f-feed-opt-main {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 1 auto;
    min-width: 0;
}
.f-feed-name {
    min-width: 0;
    overflow: hidden;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.f-feed-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    min-width: 20px;
    padding: 0 7px;
    color: #8b949e;
    background: #161b22;
    border-radius: 999px;
    flex-shrink: 0;
    font-size: 11px;
    font-weight: 700;
    line-height: 20px;
}
.f-feed-right {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}
.f-feed-pin {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
    color: #7f8da1;
    opacity: .88;
}
.f-feed-pin svg {
    display: block;
    width: 14px;
    height: 14px;
}
.f-feed-opt:hover .f-feed-pin { color: #9aa8ba; opacity: 1; }
.f-feed-actions {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    opacity: 0;
    transition: opacity .15s ease;
}
.f-feed-opt:hover .f-feed-actions,
.f-feed-actions:focus-within {
    opacity: 1;
}
.f-feed-action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #7f8da1;
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    line-height: 1;
    transition: background .12s ease, color .12s ease;
}
.f-feed-action-btn:hover,
.f-feed-action-btn:focus-visible {
    background: rgba(255,255,255,.07);
    color: #dce6f2;
    outline: none;
}
.f-feed-action-btn.danger:hover,
.f-feed-action-btn.danger:focus-visible {
    background: rgba(239,68,68,.10);
    color: #ff8d8d;
}
.f-feed-empty {
    padding: 12px 4px;
    color: #6e7681;
    font-size: 12px;
}
.f-feed-opt-disabled {
    cursor: not-allowed;
    opacity: .46;
}
.f-feed-opt-disabled:hover {
    background: transparent;
    color: #8b949e;
}
.f-feed-footer {
    display: flex;
    gap: 8px;
    margin-top: 10px;
    padding: 12px 4px 4px;
    border-top: 1px solid #21262d;
}
.f-feed-footer-btn {
    flex: 1 1 0;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 9px;
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    transition: background .12s ease, border-color .12s ease, color .12s ease;
}
.f-feed-footer-btn.primary {
    background: rgba(245,200,75,.08);
    border: 1px solid rgba(245,200,75,.24);
    color: var(--bz-brand, #f5c84b);
}
.f-feed-footer-btn.primary:hover {
    background: rgba(245,200,75,.13);
    border-color: rgba(245,200,75,.38);
    color: var(--bz-brand-hover, #ffe08a);
}
.f-feed-footer-btn.secondary {
    background: rgba(245,200,75,.08);
    border: 1px solid rgba(245,200,75,.24);
    color: var(--bz-brand, #f5c84b);
}
.f-feed-footer-btn.secondary:hover {
    background: rgba(245,200,75,.13);
    border-color: rgba(245,200,75,.38);
    color: var(--bz-brand-hover, #ffe08a);
}

@media (max-width: 560px) {
    .f-feed-menu {
        min-width: min(94vw, 420px);
    }
    .f-feed-columns {
        grid-template-columns: 1fr;
    }
}

/* ── Mobile: every filter dropdown has the same full-width footprint so the
   UI is uniform and no menu ever overflows off-screen. Achieved by making
   the filter bar a positioning context and forcing every .f-drop wrapper
   to position: static so the menu's absolute offsets resolve to the bar.
   Avoids :has() for old-browser safety. ── */
@media (max-width: 640px) {
    .filter-bar,
    .feed-filter-bar { position: relative; }

    .f-filter-earnings-company { order: -25; }

    .filter-bar .f-drop-btn,
    .feed-filter-bar .f-drop-btn {
        min-height: 44px;
        padding: 8px 13px;
    }

    .filter-bar .f-drop,
    .feed-filter-bar .f-drop { position: static; }

    /* !important here is intentional: page-scoped sheets (e.g.
       .exp-page .filter-bar .f-feed-menu in trade-ideas-exp.css) carry
       3-class specificity and would otherwise re-introduce desktop widths
       on mobile. */
    .filter-bar .f-drop-menu,
    .feed-filter-bar .f-drop-menu {
        left: 0 !important;
        right: 0 !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        max-height: 70vh;
        overflow-y: auto;
    }

    .filter-bar .f-sector-menu,
    .feed-filter-bar .f-sector-menu {
        max-height: min(52vh, 360px);
    }

    #ecDropMenu {
        position: fixed !important;
        top: auto !important;
        right: max(8px, env(safe-area-inset-right)) !important;
        bottom: auto !important;
        left: max(8px, env(safe-area-inset-left)) !important;
        z-index: 1805 !important;
        width: auto !important;
        max-height: min(62dvh, 560px) !important;
        border-radius: 16px !important;
        box-shadow: 0 18px 64px rgba(0,0,0,.72) !important;
    }
    #ecDropMenu.visible {
        display: flex !important;
        flex-direction: column;
    }
    #ecDropMenu .f-earnings-company-list {
        flex: 0 1 auto;
        max-height: min(45dvh, 420px);
    }
    #ecDropMenu .f-earnings-company-search input {
        min-height: 48px;
        padding: 10px 12px;
        border-radius: 8px;
        font-size: 16px;
    }
    #ecDropMenu .f-earnings-company-item {
        min-height: 52px;
        padding: 8px 12px;
    }
    #ecDropMenu .f-earnings-company-copy strong { font-size: 14px; }
    #ecDropMenu .f-earnings-company-copy small,
    #ecDropMenu .f-earnings-company-calls { font-size: 12px; }
    #ecDropMenu .f-earnings-company-footer button {
        min-width: 44px;
        min-height: 44px;
        padding: 8px 10px;
        font-size: 13px;
    }
    .f-source-earnings-companies .f-earnings-company-item {
        min-height: 44px;
        padding: 8px 10px;
    }
    .f-source-earnings-companies .f-earnings-company-copy strong {
        font-size: 13px;
    }
    .f-source-earnings-companies .f-earnings-company-copy small,
    .f-source-earnings-companies .f-earnings-company-calls {
        font-size: 11px;
    }

    /* Channel/Ticker search field: bigger touch target than the desktop inline
       style provides (5px 8px / 11px → too small on mobile). 16px font-size
       is required to prevent iOS Safari from auto-zooming the viewport on
       focus — anything smaller and Safari forcibly zooms in, leaving the
       page in a wider-than-viewport state that breaks subsequent modals. */
    #chDropSearch,
    #tkDropSearch {
        font-size: 16px !important;
        padding: 10px 12px !important;
        height: auto !important;
        min-height: 44px;
        border-radius: 6px !important;
    }

    /* Same iOS auto-zoom guard for every text/search/email input the user
       can tap inside our filter bars and feed modals. Anything below 16px
       triggers Safari's "zoom in to read this tiny text" behaviour, which
       then leaves the page mis-scaled when the next modal opens. */
    .filter-bar input[type="text"],
    .filter-bar input[type="search"],
    .feed-filter-bar input[type="text"],
    .feed-filter-bar input[type="search"],
    .modal input[type="text"],
    .modal input[type="search"],
    .modal input[type="email"],
    .modal input[type="number"],
    .modal textarea,
    .feed-modal-search input,
    .feed-modal-input {
        font-size: 16px !important;
    }

    /* Per-feed Edit/Delete: visible on mobile (no opacity:0 hover-trick —
       :hover doesn't fire on touch). Bigger touch targets so they're tappable
       on purpose, and stopPropagation on each button prevents accidental feed
       activation when the user means to edit/delete. */
    .f-feed-actions {
        opacity: 1 !important;
        gap: 6px !important;
    }
    .f-feed-action-btn {
        width: 32px !important;
        height: 32px !important;
        font-size: 14px;
    }
    .f-feed-action-btn.danger {
        color: #ff5b63 !important;
    }
    .f-feed-action-btn.danger:hover,
    .f-feed-action-btn.danger:active {
        background: rgba(239,68,68,.14) !important;
        color: #ff8d8d !important;
    }

    /* Feed picker modals on mobile: smooth iOS scroll + remove rounded
       corners since modal-fullscreen-sm-down stretches them edge-to-edge.
       Without -webkit-overflow-scrolling, the modal-body sometimes "freezes"
       mid-scroll on iOS Safari. */
    #feedModal.modal .modal-body,
    #feedTickerModal.modal .modal-body,
    #manageFeedsModal.modal .modal-body {
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
    }
    #feedModal.modal .modal-content,
    #feedTickerModal.modal .modal-content,
    #manageFeedsModal.modal .modal-content {
        border-radius: 0;
    }
    /* Footer buttons stack vertically on tiny screens so primary/secondary
       actions are reachable without horizontal squeeze. */
    .feed-modal-footer {
        flex-wrap: wrap;
    }
}

#dirDropBtn {
    max-width: 136px;
}
#dirDropLabel {
    display: inline-block;
    max-width: 92px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
}

.f-market-cap-menu {
    min-width: 292px;
    padding: 8px;
}
.f-market-cap-menu .f-drop-opt {
    min-height: 43px;
    padding: 6px 9px;
    border-radius: 6px;
}
.f-market-cap-menu .f-drop-opt.selected {
    background: rgba(88,166,255,.14);
    color: #c9d1d9;
}
.f-market-cap-opt {
    display: grid;
    gap: 3px;
}
.f-market-cap-opt strong {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: 1.1;
}
.f-market-cap-opt small {
    color: #6e7681;
    font-family: inherit;
    font-size: 11px;
    font-weight: inherit;
    line-height: 1.1;
}
.f-market-cap-menu .f-drop-opt:hover .f-market-cap-opt small,
.f-market-cap-menu .f-drop-opt.selected .f-market-cap-opt small {
    color: #8b949e;
}
.f-market-cap-custom {
    display: grid;
    gap: 7px;
    margin-top: 4px;
    padding: 9px;
    border-top: 1px solid #21262d;
    color: #8b949e;
    font-size: 13px;
}
.f-market-cap-custom.selected {
    background: rgba(88,166,255,.08);
    border-radius: 6px;
}
.f-market-cap-custom-title {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: 0;
    line-height: 1.1;
    text-transform: uppercase;
}
.f-market-cap-custom-subtitle {
    color: #6e7681;
    font-family: inherit;
    font-size: 10px;
    font-weight: inherit;
    letter-spacing: 0;
    line-height: 1.1;
    text-transform: uppercase;
}
.f-market-cap-custom-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 64px;
    gap: 6px;
}
.f-market-cap-input {
    width: 100%;
    min-width: 0;
    height: 28px;
    padding: 0 8px;
    border: 1px solid #30363d;
    border-radius: 6px;
    background: #161b22;
    color: #f0f6fc;
    font: inherit;
    font-size: 11px;
    font-weight: 760;
    outline: none;
}
.f-market-cap-input:focus {
    border-color: rgba(88,166,255,.62);
    box-shadow: 0 0 0 2px rgba(88,166,255,.16);
}
.f-market-cap-apply {
    height: 28px;
    border: 1px solid rgba(88,166,255,.55);
    border-radius: 6px;
    background: rgba(88,166,255,.14);
    color: #f0f6fc;
    font: inherit;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
}
.f-market-cap-apply:hover,
.f-market-cap-apply:focus-visible {
    background: rgba(88,166,255,.22);
    outline: none;
}