/**
 * BitCore Currency Modal Styles (v499)
 * ======================================
 * 다크 테마 + 게이트/바이낸스 스타일.
 * theme.css 의 button 전역 스타일과 충돌 회피 — 모든 클래스에 __bcfx- 접두어 + !important.
 */

/* ─── 오버레이 (배경 + 페이드 인) ─── */
.__bcfx-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  background: rgba(8, 10, 14, 0.72) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  opacity: 0;
  transition: opacity 0.2s ease;
  font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif !important;
}

.__bcfx-overlay.__bcfx-open {
  opacity: 1;
}

.__bcfx-overlay.__bcfx-open .__bcfx-modal {
  transform: scale(1) translateY(0);
  opacity: 1;
}

/* ─── 모달 본체 ─── */
.__bcfx-modal {
  width: 100% !important;
  max-width: 720px !important;
  max-height: 90vh !important;
  background: #181c22 !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.7) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  transform: scale(0.96) translateY(8px);
  opacity: 0;
  transition: transform 0.2s ease, opacity 0.2s ease;
  color: #eaecef;
}

/* ─── 헤더 ─── */
.__bcfx-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 20px 24px 8px !important;
}

.__bcfx-title {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #eaecef !important;
}

.__bcfx-close {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #707a8a !important;
  transition: background 0.15s, color 0.15s !important;
  padding: 0 !important;
}

.__bcfx-close:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #eaecef !important;
}

/* ─── 서브타이틀 ─── */
.__bcfx-subtitle {
  padding: 0 24px 16px !important;
  font-size: 13px !important;
  color: #707a8a !important;
  line-height: 1.4 !important;
}

/* ─── 그리드 (8개 카드) ─── */
.__bcfx-grid {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 8px 24px 16px !important;
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 10px !important;
}

@media (max-width: 540px) {
  .__bcfx-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ─── 통화 카드 ─── */
.__bcfx-card {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 14px 16px !important;
  background: #0f1116 !important;
  border: 1px solid rgba(255, 255, 255, 0.04) !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  transition: background 0.15s, border-color 0.15s, transform 0.1s !important;
}

.__bcfx-card:hover {
  background: rgba(240, 185, 11, 0.06) !important;
  border-color: rgba(240, 185, 11, 0.3) !important;
}

.__bcfx-card:active {
  transform: scale(0.99);
}

.__bcfx-card-active {
  background: rgba(240, 185, 11, 0.10) !important;
  border-color: rgba(240, 185, 11, 0.5) !important;
}

.__bcfx-card-flag {
  font-size: 28px !important;
  line-height: 1 !important;
  flex-shrink: 0;
}

.__bcfx-card-info {
  flex: 1 !important;
  min-width: 0 !important;
}

.__bcfx-card-code {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #eaecef !important;
  line-height: 1.2 !important;
}

.__bcfx-card-symbol {
  margin-left: 6px !important;
  color: #f0b90b !important;
  font-weight: 600 !important;
}

.__bcfx-card-name {
  margin-top: 3px !important;
  font-size: 12px !important;
  color: #b7bdc6 !important;
  line-height: 1.3 !important;
}

.__bcfx-card-rate {
  margin-top: 4px !important;
  font-size: 11px !important;
  color: #707a8a !important;
  font-family: 'Menlo', 'Consolas', monospace !important;
}

.__bcfx-card-check {
  flex-shrink: 0 !important;
  color: #f0b90b !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* ─── 푸터 ─── */
.__bcfx-footer {
  padding: 12px 24px 16px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.04) !important;
}

.__bcfx-footer-note {
  font-size: 11px !important;
  color: #6b7280 !important;
  text-align: center !important;
  letter-spacing: 0.2px !important;
}