/* Weekly ranker status badge (extra/rank-status.ascx).
   Sits inside .psg-legend-icons, whose descendant `span` rule sets
   display/gap/color; the two-class selectors below out-specify it. */
.rs-seg {
    display: inline-flex;
    align-items: stretch;
    border-radius: 999px;
    overflow: hidden;
    font-size: 0.6875rem;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    box-shadow: inset 0 0 0 1px #ebe9f1;
}

.rs-seg .rs-seg__wk,
.rs-seg .rs-seg__cell {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 9px;
}

.rs-seg .rs-seg__wk {
    background: #f3f2f7;
    color: #6e6b7b;
    letter-spacing: 0.4px;
}

.rs-seg .rs-seg__cell {
    border-left: 1px solid #fafafb;
}

.rs-seg .rs-seg__cell--on {
    background: rgba(40, 199, 111, 0.16);
    color: #1e9d57;
}

.rs-seg .rs-seg__cell--off {
    background: transparent;
    color: #a5a3ae;
}

.rs-seg .rs-seg__cell i {
    font-size: 9px;
}

.rs-seg .rs-seg__cell small {
    font-weight: 500;
    font-size: 10px;
    opacity: 0.85;
}

.dark-layout .rs-seg {
    box-shadow: inset 0 0 0 1px #3b4253;
}

.dark-layout .rs-seg .rs-seg__wk {
    background: #1e2538;
    color: #a5a3ae;
}

.dark-layout .rs-seg .rs-seg__cell {
    border-left-color: #242b3d;
}

.dark-layout .rs-seg .rs-seg__cell--on {
    background: rgba(40, 199, 111, 0.22);
    color: #28c76f;
}

.dark-layout .rs-seg .rs-seg__cell--off {
    color: #676d7d;
}