/* =========================================================================
 * 메인페이지 "Web3 레이더" (RootData) 위젯 - 모바일
 * PC(www) nexblock24.css 의 .rdm_* 다크 테마를 모바일 단일 컬럼/터치 타깃에 맞게 재작성.
 * 노출 위치: 파트너사와 "가상화폐 데이터 슬라이드" 사이. 아래 라이트 데이터보드와 구분되도록 다크.
 * ======================================================================= */

.rdm_wrap{
    margin: 16px 0 0;
    padding: 22px 15px 18px;
    background: #0b0d13;
    background-image: radial-gradient(600px 200px at 50% -80px, rgba(91,140,255,.16), transparent 70%);
    color: #e8eaf0;
    overflow: hidden;
}

/* 헤더 */
.rdm_head{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 14px;
}
.rdm_title{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin: 0;
    font-size: 17px;
    font-weight: 800;
    color: #f4f6fb;
    letter-spacing: -.01em;
}
.rdm_badge{
    font-size: 9px;
    font-weight: 700;
    color: #9dbcff;
    background: rgba(91,140,255,.16);
    border: 1px solid rgba(91,140,255,.32);
    border-radius: 999px;
    padding: 2px 7px;
    letter-spacing: .06em;
}
.rdm_lede{
    margin: 5px 0 0;
    font-size: 11.5px;
    font-weight: 500;
    color: #9099ad;
    line-height: 1.4;
}
.rdm_more{
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 2px;
    font-size: 12px;
    font-weight: 700;
    color: #c3cadb;
    border: 1px solid #2c3242;
    border-radius: 999px;
    padding: 6px 12px;
    white-space: nowrap;
}
.rdm_more:active{ background: rgba(91,140,255,.14); border-color: #5b8cff; }
.rdm_more_arw{ font-size: 13px; line-height: 1; }

/* 카드 슬라이더 (아래 가상화폐 데이터 슬라이드와 동일한 스와이프 방식) */
.rdm_slide_container{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.rdm_slider{
    display: flex;
    width: 300%;
    transition: transform .3s ease;
    align-items: flex-start;
}
.rdm_slide{
    width: 33.3333%;
    flex: 0 0 33.3333%;
    box-sizing: border-box;
}
.rdm_card{
    background: #171b24;
    border: 1px solid #262b37;
    border-radius: 12px;
    padding: 4px 14px 6px;
}

/* 인디케이터 */
.rdm_indicators{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
    margin-top: 13px;
}
.rdm_dot{
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #39404f;
    cursor: pointer;
    transition: background .3s ease, width .3s ease;
}
.rdm_dot.active{
    width: 18px;
    border-radius: 4px;
    background: #5b8cff;
}
.rdm_card_head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0 10px;
    border-bottom: 1px solid #262b37;
}
.rdm_card_tit{
    font-size: 14px;
    font-weight: 800;
    color: #e8eaf0;
}
.rdm_card_more{
    font-size: 11px;
    font-weight: 600;
    color: #6b7385;
    padding: 4px 0 4px 10px;
}
.rdm_card_more:active{ color: #9dbcff; }

/* 행 */
.rdm_list{ list-style: none; margin: 0; padding: 0; }
.rdm_row{ border-bottom: 1px solid #20242f; }
.rdm_row:last-child{ border-bottom: 0; }
.rdm_row_link{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 0;
    min-height: 44px;               /* 터치 타깃 */
    color: inherit;
    box-sizing: border-box;
}
a.rdm_row_link:active{ background: #1f2530; }
a.rdm_row_link{ text-decoration: none; }

.rdm_rank{
    flex: 0 0 16px;
    text-align: center;
    font-size: 12px;
    font-weight: 800;
    font-style: italic;
    color: #5b8cff;
}
.rdm_logo{
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
    background: #0b0d13;
    border: 1px solid #262b37;
    box-sizing: border-box;
}
.rdm_logo_fb{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 800;
    color: #fff;
    background: #3a4a7d;
    text-transform: uppercase;
}
.rdm_meta{ flex: 1 1 auto; min-width: 0; }
.rdm_nm{
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #e8eaf0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.rdm_sub{
    display: block;
    margin-top: 2px;
    font-size: 11px;
    font-weight: 500;
    color: #6b7385;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.rdm_val{
    flex: 0 0 auto;
    max-width: 42%;
    font-size: 12px;
    font-weight: 800;
    color: #dfe3ec;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.rdm_val_muted{ color: #6b7385; font-weight: 600; }

/* 언락 D-day + 영향도 점 */
.rdm_dday{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-variant-numeric: tabular-nums;
}
.rdm_impact_dot{
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #6b7385;
}
.rdm_impact_high .rdm_impact_dot{ background: #ff5a5f; box-shadow: 0 0 0 3px rgba(255,90,95,.16); }
.rdm_impact_mid  .rdm_impact_dot{ background: #ffb648; box-shadow: 0 0 0 3px rgba(255,182,72,.16); }
.rdm_impact_low  .rdm_impact_dot{ background: #6b7385; }

.rdm_empty{
    padding: 20px 0;
    font-size: 12px;
    color: #6b7385;
    text-align: center;
}

/* 출처 */
.rdm_source{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    margin-top: 14px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .04em;
    color: #5c6377;
}
.rdm_source_logo{ height: 13px; width: auto; opacity: .9; }