/* 랭킹 위젯 — 탭 + 리스트 */
    .sb-rank-tabs {
        display: flex;
        border-bottom: 1px solid #dde3e9;
        background: rgba(255,255,255,0.02);
    }
    .sb-rank-tab {
        flex: 1;
        padding: 8px 4px;
        background: transparent;
        border: none;
        border-bottom: 2px solid transparent;
        color: #888888;
        font-size: 12px;
        font-weight: 600;
        cursor: pointer;
        transition: color 0.12s, border-color 0.12s, background 0.12s;
        white-space: nowrap;
    }
    .sb-rank-tab:hover { color: #555555; background: rgba(30, 164, 89,0.04); }
    .sb-rank-tab.is-active {
        color: #1ea459;
        border-bottom-color: #1ea459;
        background: rgba(30, 164, 89,0.06);
    }
    .sb-rank-pane { display: none; }
    .sb-rank-pane.is-active { display: block; }

    .sb-rank-list {
        list-style: none;
        padding: 4px 0;
        margin: 0;
    }
    .sb-rank-list li {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 7px 12px;
        font-size: 12.5px;
        border-bottom: 1px solid rgba(0,0,0,0.05);
        transition: background 0.12s;
    }
    .sb-rank-list li:last-child { border-bottom: none; }
    .sb-rank-list li:hover { background: rgba(30, 164, 89,0.06); }
    .sb-rank-list .pr-num {
        flex-shrink: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 20px;
        height: 20px;
        border-radius: 3px;
        background: #ffffff;
        color: #0f1419;
        font-weight: 700;
        font-size: 11px;
    }
    [data-theme="dark"] .sb-rank-list .pr-num {
        background: #0f1419;
        color: #ffffff;
    }
    .sb-rank-list li:nth-child(-n+3) .pr-num {
        background: #1ea459;
        color: #ffffff;
    }
    [data-theme="dark"] .sb-rank-list li:nth-child(-n+3) .pr-num {
        background: #1ea459;
        color: #ffffff;
    }
    .sb-rank-list .pr-icon {
        flex-shrink: 0;
        width: 18px;
        height: 18px;
        object-fit: contain;
        display: block;
    }
    .sb-rank-list .pr-nick {
        flex: 1;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #555555;
        text-decoration: none;
    }
    .sb-rank-list li:hover .pr-nick { color: #1ea459; }
    .sb-rank-list .pr-value {
        flex-shrink: 0;
        color: #a16207;
        font-weight: 700;
        font-variant-numeric: tabular-nums;
        font-size: 11.5px;
    }
    .sb-rank-list .pr-value.is-usdt { color: #1ea459; }
    .sb-rank-list .pr-value.is-xp { color: #7c3aed; }
    /* 라이트 모드 랭킹 포인트값 검은색 (USDT/XP 변형·다크는 기존 색 유지) */
    [data-theme="light"] .sb-rank-list .pr-value:not(.is-usdt):not(.is-xp) { color: #222222; }

    /* 다크모드 시인성 개선 — 랭킹 위젯 본문(.sb-panel-body) */
    [data-theme="dark"] .sb-rank-tab { color: #94a3b8; }
    [data-theme="dark"] .sb-rank-tab:hover { color: #cbd5e1; }
    [data-theme="dark"] .sb-rank-tabs { border-bottom-color: rgba(255,255,255,0.10); }
    [data-theme="dark"] .sb-rank-list li { border-bottom-color: rgba(255,255,255,0.06); }
    [data-theme="dark"] .sb-rank-list .pr-nick { color: #cbd5e1; }
    [data-theme="dark"] .sb-rank-list li:hover .pr-nick { color: #34d27e; }
    [data-theme="dark"] .sb-panel-empty { color: #94a3b8; }

    /* ───── 다크모드 내 정보 패널 보정 (2026-07-09) ─────
       라이트는 정상. 다크에서만 아래 3가지가 문제였음.
       ⚠️ 근원 규칙은 public/css/style/90-dark-auto.css(자동생성·수정금지)에 있으므로
          여기(문서 뒤쪽 인라인 style)에서 같은 특이도로 덮는다. 재생성돼도 유지됨. */

    /* ① 표면 톤 통일 — 위젯만 teal 틴트 배경(rgba(20,184,166,.06)=rgb(11,25,29))+teal 테두리라
          형제 패널(.sb-panel = #0f1419 / #1e293b) 과 색조가 달라 홀로 떠 보였다. */
    [data-theme="dark"] .user-info-widget {
        background: #0f1419;
        border: 1px solid #1e293b;
    }

    /* ② 숫자 뭉개짐 — 모든 stat-value 에 teal 글로우(text-shadow)가 걸려 있어
          앰버(DP포인트)·보라 텍스트 뒤에 청록 후광이 겹쳐 획이 흐려졌다. */
    [data-theme="dark"] .user-info-widget .sidebar-stat-item .stat-value { text-shadow: none; }

    /* ③ 현금 전환 경험치 금액 — --text-muted(#64748b)는 대비 3.89:1 로 WCAG AA(4.5) 미달.
          #94a3b8 로 올려 7.22:1 확보. */
    [data-theme="dark"] .user-info-widget .cash-xp-amount { color: #94a3b8; }