/* HM2 Exchange Card — estilos base neutros */

body:not(.path-admin) .hm2-exchange-card {
  display: inline-flex;
  flex-direction: column;
  gap: .5rem;
  padding: 1rem 1.25rem;
  border-radius: .5rem;
  background: var(--hm2-surface-light, #f8f9fa);
  border: 1px solid color-mix(in srgb, var(--hm2-color-primary, #0d6efd) 20%, transparent);
  font-size: .95rem;
  min-width: 14rem;
}

/* Pares */
body:not(.path-admin) .hm2-exchange-card__rates {
  display: flex;
  flex-direction: column;
  gap: .35rem;
}

body:not(.path-admin) .hm2-exchange-card__pair {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 1rem;
}

body:not(.path-admin) .hm2-exchange-card__pair-label {
  color: var(--hm2-color-heading, #212529);
  font-weight: 500;
}

body:not(.path-admin) .hm2-exchange-card__pair-value {
  font-weight: 700;
  font-size: 1.1em;
  color: var(--hm2-color-primary, #0d6efd);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* Rodapé */
body:not(.path-admin) .hm2-exchange-card__footer {
  display: flex;
  align-items: center;
  gap: .5rem;
  font-size: .75rem;
  color: #6c757d;
  border-top: 1px solid rgba(0,0,0,.08);
  padding-top: .4rem;
  flex-wrap: wrap;
}

body:not(.path-admin) .hm2-exchange-card__source {
  flex: 1;
}

/* Badge ao vivo */
body:not(.path-admin) .hm2-exchange-card__live-badge {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  font-size: .7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #198754;
}

body:not(.path-admin) .hm2-exchange-card__live-dot {
  display: inline-block;
  width: .45rem;
  height: .45rem;
  border-radius: 50%;
  background: #198754;
  animation: hm2-exchange-pulse 1.4s ease-in-out infinite;
}

@keyframes hm2-exchange-pulse {
  0%, 100% { opacity: 1; }
  50%       { opacity: .3; }
}

/* Atualização animada do valor */
body:not(.path-admin) .hm2-exchange-card__number--updating {
  opacity: .4;
  transition: opacity .2s;
}

/* Modo Compra e Venda (ambos) */
body:not(.path-admin) .hm2-exchange-card__pair--ambos {
  flex-direction: column;
  align-items: flex-start;
  gap: .2rem;
}

body:not(.path-admin) .hm2-exchange-card__pair-values {
  display: flex;
  gap: 2rem;
}

body:not(.path-admin) .hm2-exchange-card__rate-col {
  display: flex;
  flex-direction: column;
  gap: .1rem;
}

body:not(.path-admin) .hm2-exchange-card__rate-label {
  font-size: .7rem;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #6c757d;
  font-weight: 500;
}

body:not(.path-admin) .hm2-exchange-card__spread {
  font-size: .73rem;
  color: #6c757d;
  margin-top: .1rem;
}

/* Modo simples: tag de tipo (Compra / Venda) */
body:not(.path-admin) .hm2-exchange-card__pair-single {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

body:not(.path-admin) .hm2-exchange-card__rate-tag {
  font-size: .65rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #6c757d;
  line-height: 1;
  margin-top: .1rem;
}

/* Erro */
body:not(.path-admin) .hm2-exchange-card__error {
  color: #dc3545;
  font-size: .875rem;
  display: flex;
  align-items: center;
  gap: .4rem;
}