/* ════════════════════════════════════════════════════════════════════
   ICAMBIO WIDGET - CALCULADORA PRO (TEMA BRANCO)
   Padrão aprovado: Fundo Branco, Botões Preto/Amarelo, Fonte Preta.
   ════════════════════════════════════════════════════════════════════ */

#icambio-calculadora-pro {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #000000 !important;
  border-radius: 14px !important;
  padding: 0px !important;
  border: none !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1) !important;
}

#icambio-calculadora-pro * {
  font-family: "DM Sans", sans-serif !important;
  font-weight: 700 !important;
}

#icambio-calculadora-pro [class*="MuiGrid-item"]>div,
#icambio-calculadora-pro [class*="MuiBox-root"],
#icambio-calculadora-pro fieldset {
  background: #f8f9fa !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  border-radius: 12px !important;
}

#icambio-calculadora-pro input,
#icambio-calculadora-pro label,
#icambio-calculadora-pro .MuiTypography-root,
#icambio-calculadora-pro [class*="MuiInputBase-input"] {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  background-color: transparent !important;
}

/* Forçar fundo cinza nas caixas, tirando qualquer azul */
#icambio-calculadora-pro [class*="MuiInputBase-root"] {
  background-color: #f8f9fa !important;
}

/* BOTÕES: INATIVO (PRETO/AMARELO), HOVER/ATIVO (AMARELO/PRETO) */
#icambio-calculadora-pro button {
  border-radius: 12px !important;
  text-transform: uppercase !important;
  transition: all 0.3s ease !important;
  border: 1px solid #ffbd00 !important;
  background: #000000 !important;
  color: #ffbd00 !important;
  font-weight: 800 !important;
  /* NEGRITO FORTE */
  white-space: nowrap !important;
  /* UMA LINHA SÓ */
}

#icambio-calculadora-pro button:hover,
#icambio-calculadora-pro button:active,
#icambio-calculadora-pro button[class*="active"],
#icambio-calculadora-pro button[class*="Mui-selected"],
#icambio-calculadora-pro button[class*="Mui-active"],
#icambio-calculadora-pro button[aria-selected="true"] {
  background: #ffbd00 !important;
  background-color: #ffbd00 !important;
  color: #000000 !important;
}

/* GARANTIR ESPAÇO PARA O TEXTO EM UMA LINHA (PARA OS BOTÕES DE COMPRA/VENDA NO TOPO) */
#icambio-calculadora-pro [class*="MuiButtonGroup-root"] button {
  flex: 1 1 auto !important;
  min-width: 140px !important;
}