/* ========== Estilo do “Carregando dados...” ========== */
.insights-loading {
    font-size: 1rem;
    color: #555555;
    padding: 0.5rem 0;
    /* Se quiser um fundo levemente diferenciado: */
    /* background-color: #f9f9f9; */
    /* border: 1px solid #e0e0e0; */
    /* border-radius: 4px; */
  }
  
  /* ========== Botão: OUTLINE LARANJA (inicial) ========== */
  .btn-outline-orange {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #F68716;                   /* Laranja no texto */
    background-color: #ffffff;        /* Fundo branco */
    border: 1px solid #F68716;        /* Borda laranja */
    border-radius: 4px;               /* Canto levemente arredondado */
    cursor: pointer;
    transition:
      background-color 0.15s ease,
      color 0.15s ease,
      border-color 0.15s ease;
  }
  
  .btn-outline-orange:hover {
    background-color: rgba(246, 135, 22, 0.1); /* Laranja claro no hover */
    color: #F68716;
    border-color: #F68716;
  }
  
  .btn-outline-orange:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(246, 135, 22, 0.25);
  }
  
  /* ========== Botão: SOLID AZUL (após clicado) ========== */
  .btn-solid-blue {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #ffffff;                   /* Texto branco */
    background-color: #2563EB;        /* Azul escuro */
    border: 1px solid #2563EB;
    border-radius: 4px;
    cursor: pointer;
    transition:
      background-color 0.15s ease,
      border-color 0.15s ease;
  }
  
  .btn-solid-blue:hover {
    background-color: #1E4BBB;        /* Azul um pouco mais escuro no hover */
    border-color: #1E4BBB;
  }
  
  .btn-solid-blue:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.25);
  }