/* Preview-only paint changes: preserve sizing, spacing, columns and breakpoints. */
.rfx {
    --rfx-text: #26384d;
    --rfx-muted: #64778e;
    --rfx-line: #d8e3ef;
    --rfx-surface: #ffffff;
    --rfx-stripe: #f3f7fc;
    --rfx-head: #eaf1f8;
    --rfx-hover: #e6f0fa;
    --rfx-accent: #226ba8;
    --rfx-red: #c8314b;
    --rfx-green: #17805e;
    --rfx-red-bg: #c8314b;
    --rfx-green-bg: #17805e;
}
[data-theme="dark"] .rfx {
    --rfx-text: #e5edf8;
    --rfx-muted: #a9bad0;
    --rfx-line: #34465e;
    --rfx-surface: #192536;
    --rfx-stripe: #202e42;
    --rfx-head: #273a53;
    --rfx-hover: #2b405b;
    --rfx-accent: #9dcaf7;
    --rfx-red: #ff8b9c;
    --rfx-green: #68d6ad;
    --rfx-red-bg: #92324b;
    --rfx-green-bg: #226b54;
}
.rfx .header-div2 { color: var(--rfx-muted); border-radius: 5px; }
.rfx .header-div2:hover { color: var(--rfx-accent); background-color: var(--rfx-hover); }
.rfx .header-div2.active { color: var(--rfx-accent); background-color: var(--rfx-head); box-shadow: inset 0 -2px 0 var(--rfx-accent); text-decoration: none; }
.rfx .change-sort-btn { border-radius: 5px; color: var(--rfx-muted); box-shadow: inset 0 0 0 1px var(--rfx-line); }
.rfx .change-sort-btn:hover { color: var(--rfx-accent); background-color: var(--rfx-hover); }
.rfx .change-sort-btn.light-green { color: var(--rfx-accent); background-color: var(--rfx-head); box-shadow: inset 0 -2px 0 var(--rfx-accent); }
.rfx .rank-area .card { background-color: var(--rfx-surface); border-radius: 8px; box-shadow: 0 3px 12px #142f4b12; }
.rfx .rank-area .border-success { border-color: var(--rfx-line) !important; }
.rfx .rank-area .card-header { color: var(--rfx-accent); background-color: var(--rfx-head) !important; }
.rfx .rank-area .card-header span { color: var(--rfx-accent); }
.rfx .rank-area .card-footer { color: var(--rfx-muted); background-color: var(--rfx-stripe) !important; }
.rfx .rank-area .card-footer a { color: var(--rfx-muted); }
.rfx .rank-area .card-body { color: var(--rfx-text) !important; background-color: var(--rfx-surface); }
.rfx .rank-area .table { color: var(--rfx-text); border-color: var(--rfx-line); }
.rfx .rank-area .table th,.rfx .rank-area .table td { border-color: var(--rfx-line); }
.rfx .rank-area thead { color: var(--rfx-text); background-color: var(--rfx-stripe); }
.rfx .rank-area thead span { color: var(--rfx-muted); }
.rfx .rank-area tbody tr:nth-child(odd) { background-color: var(--rfx-stripe); }
.rfx .rank-area tbody tr:nth-child(even) { background-color: var(--rfx-surface); }
.rfx .rank-area tbody tr:hover,.rfx .rank-area tbody tr:focus-within { background-color: var(--rfx-hover); }
.rfx .rank-area tbody tr.selected { background-color: var(--rfx-hover); box-shadow: inset 3px 0 0 var(--rfx-accent); }
.rfx .contraction-area,.rfx .contraction-span { color: var(--rfx-text); }
.rfx .td-fcolor-red { color: var(--rfx-red) !important; }
.rfx .td-fcolor-green { color: var(--rfx-green) !important; }
.rfx .td-bcolor-red { background-color: var(--rfx-red-bg) !important; }
.rfx .td-bcolor-green { background-color: var(--rfx-green-bg) !important; }
.rfx .td-fcolor-white,.rfx .td-fcolor-white a { color: #ffffff !important; }
.rfx .consecutive-red { color: var(--rfx-red); background-color: color-mix(in srgb,var(--rfx-red) 9%,transparent); border-color: color-mix(in srgb,var(--rfx-red) 40%,transparent); border-radius: 4px; }
.rfx .consecutive-green { color: var(--rfx-green); background-color: color-mix(in srgb,var(--rfx-green) 9%,transparent); border-color: color-mix(in srgb,var(--rfx-green) 40%,transparent); border-radius: 4px; }
.rfx .consecutive-orange { color: #a56310; background-color: #fff0d9; border-radius: 4px; }
.rfx .read-more-text { color: var(--rfx-accent); background: linear-gradient(to top,var(--rfx-surface),transparent); }
.rfx .read-more-text:hover { color: var(--rfx-accent); background-color: var(--rfx-hover); }
.rfx a:focus-visible,.rfx button:focus-visible,.rfx select:focus-visible { outline: 2px solid var(--rfx-accent); outline-offset: 2px; }
.rfx a:hover { text-underline-offset: 3px; }
.rfx .stockDataChart { background-color: var(--rfx-surface); border-radius: 5px; box-shadow: 0 0 0 1px var(--rfx-line); }
.rfx [class$="-window"] { border-color: var(--rfx-line); border-radius: 8px; box-shadow: 0 12px 36px #101f3a30; }
.rfx [class$="-header"] { background-color: var(--rfx-head); color: var(--rfx-text); }
/* Keep the original 10px image boxes and badge geometry; replace raster artwork. */
.rfx .chain-img { content: url("../icons/rank-effects/chain.svg?v=2"); }
.rfx .video-img { content: url("../icons/rank-effects/video.svg"); }
.rfx .chain-img,.rfx .video-img { filter: none; cursor: pointer; }
.rfx .stockNewsSpan {
    color: #226ba8;
    background-color: #e5f0fc;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #226ba82e;
    cursor: pointer;
}
.rfx .stockNewsSpan2,.rfx .chain-span,.rfx .video-span {
    color: #fff;
    background: linear-gradient(180deg,#dc425d,#bf2945);
    border-radius: 3px;
    box-shadow: inset 0 1px 0 #ffffff2e,0 1px 2px #152b431a;
    font-weight: 600;
    cursor: pointer;
}
[data-theme="dark"] .rfx .stockNewsSpan {
    color: #b9dafc;
    background-color: #274764;
    box-shadow: inset 0 0 0 1px #9dcaf74d;
}
[data-theme="dark"] .rfx .stockNewsSpan2,
[data-theme="dark"] .rfx .chain-span,
[data-theme="dark"] .rfx .video-span { background: linear-gradient(180deg,#e4516c,#c73452); }
.rfx .stockNewsSpan:hover { color: var(--rfx-accent); background-color: var(--rfx-hover); }
.rfx .stockNewsSpan2:hover,.rfx .chain-span:hover,.rfx .video-span:hover { box-shadow: inset 0 0 0 1px #ffffff80,0 1px 3px #152b4340; }
@media(prefers-reduced-motion:no-preference) {
    .rfx .rank-area tbody tr,.rfx .header-div2,.rfx .change-sort-btn { transition: background-color 140ms ease,color 140ms ease,box-shadow 140ms ease; }
}