/* ===========================================================
   Day 43 Phase 3-1B 신설 — app-header.css
   MainLayout 측 통화 영역 + 드롭다운 + 변환 버튼 정합
   (기 layout.css 측 헤더 영역 보완 / 통화 영역 단독 정합)
   =========================================================== */

/* 레벨 뱃지 영역 */
.app-level-badge {
    display: inline-block;
    margin-left: 6px;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    background: rgba(37, 99, 235, 0.18);
    color: #60a5fa;
    vertical-align: middle;
}

/* 잔액 영역 구분자 */
.app-balance-divider {
    display: inline-block;
    margin: 0 6px;
    color: rgba(255, 255, 255, 0.3);
}

/* 통화 선택 드롭다운 */
.app-currency-select {
    height: 28px;
    padding: 0 8px;
    margin-left: 8px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.25);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    outline: none;
}

.app-currency-select:focus {
    border-color: #2563eb;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.25);
}

/* J2 · 드롭다운 선택지 다크(사이트 검정 톤 정합 — 구 흰 배경 수정). option 스타일은 브라우저 지원 범위 내(일부 모바일 네이티브 피커 제외). */
.app-currency-select option {
    color: #e8e8e8;
    background: #1a1d23;
}

/* 통화 변환 버튼 (Phase 3-X 진입 PEND / 본 Phase 측 "준비 중") */
.app-currency-convert-btn {
    margin-left: 6px;
    cursor: pointer;
}

/* 모바일 통화 행 영역 */
.app-mobile-currency-row .value {
    display: flex;
    align-items: center;
    gap: 6px;
}

.app-mobile-currency-row .app-currency-select {
    margin-left: 0;
}