.donate-form {
          max-width: 470px;
          border-radius: 0.75rem;
          padding: 2rem;
          margin-bottom: 2rem;
          transition: all 0.3s ease;
        }

        /* Título */
        .donate-title {
          font-size: 1.75rem;
          margin-bottom: 1.5rem;
          font-weight: 600;
        }

        /* Labels */
        .donate-label {
          font-weight: 500;
          margin-bottom: 0.5rem;
          display: block;
          color: white;
        }

        .alert-success{
            color:white;
        }

        /* Selects & Inputs */
        .donate-select,
        .donate-input {
          border-radius: 0.5rem;
          color:black;
          padding: 0.5rem 0.75rem;
          border: 1px solid #ced4da;
          transition: border-color 0.2s ease, box-shadow 0.2s ease;
        }

        /* Foco nos inputs e selects */
        .form-select.donate-select:focus,
        .donate-input:focus {
          border-color: #1a1a55 !important;
          box-shadow: 0 0 0 0.25rem rgba(26,26,85,0.5) !important;
          outline: none;
        }

        /* Botão de submissão */
        .donate-submit {
          padding: 6px 12px;
          background: linear-gradient(135deg, #0a0a33, #1a1a55);
          color: #fff8dc;
          border: none;
          border-radius: 8px;
          cursor: pointer;
          transition: background 0.3s ease, transform 0.1s ease, box-shadow 0.2s ease;
          text-align: center;
          flex: 1 1 auto; /* para ficar expansível dentro do container flex */
          min-width: 0;
        }

        .donate-submit:hover:not(:disabled) {
          background: linear-gradient(135deg, #1a1a55, #0a0a33);
          transform: scale(1.05);
          box-shadow: 0 0 10px #1a1a55;
        }

        /* Desabilitado para botão */
        .donate-submit:disabled {
          background-color: #ccc;
          cursor: not-allowed;
        }

        /* Opções de pagamento */
        .donate-payment-option {
          display: inline-flex;
          color: #070720;
          align-items: center;
          border: 2px solid #ced4da;
          border-radius: 0.5rem;
          padding: 0.5rem 1rem;
          margin-right: 1rem;
          cursor: pointer;
          transition: all 0.2s ease-in-out;
          background-color: #f8f9fa;
          user-select: none;
        }

        .donate-payment-option img {
          height: 28px;
          margin-right: 0.5rem;
        }

        .donate-payment-option input {
          display: none;
        }

        .donate-payment-option:hover {
          background-color: #e2fbe5;
          border-color: #28a745;
        }

        /* Classe para opção selecionada */
        .donate-payment-option.selected {
          background-color: #e2fbe5;
          border-color: #28a745;
          box-shadow: 0 0 8px 2px rgba(40, 167, 69, 0.6);
        }

        /* Campos condicionalmente visíveis */
        .donate-payment-fields {
          padding: 1rem;
          border: 1px dashed #ced4da;
          border-radius: 0.5rem;
          margin-bottom: 1rem;
        }

        /* Elementos escondidos */
        .donate-hidden {
          display: none;
        }

        /* Animação suave para a transição entre etapas */
        .animate-slide {
          animation: slideIn 0.3s ease forwards;
        }

        @keyframes slideIn {
          from {
            opacity: 0;
            transform: translateX(20px);
          }
          to {
            opacity: 1;
            transform: translateX(0);
          }
        }

        /* Container para os botões da etapa 2 */
        .d-flex.justify-content-between {
          display: flex;
          justify-content: space-between;
          gap: 1rem; /* Espaço entre os botões */
        }

        /* Botão Voltar */
        #back-btn {
          flex: 0 0 auto; /* ocupa o espaço do seu conteúdo */
          min-width: 100px; /* largura mínima para o botão voltar */
        }

        /* Botão Doar */
        .donate-submit {
          flex: 1 1 auto; /* ocupa o resto do espaço disponível */
          min-width: 0; /* para evitar overflow */
        }

        .text-doacao{
            color:white;
        }

        /* Estilo da tabela de doações */
        .donations-table-wrapper {
            width: 100%;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch; /* para smooth scroll no iOS */
        }

        .donations-table {
            border-collapse: collapse;
            width: 100%;
            font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
            font-size: 0.9rem;
        }

        .donations-table th,
        .donations-table td {
            border: 1px solid #dee2e6; /* cor padrão de border do Bootstrap */
            padding: 0.5rem 0.75rem;
            vertical-align: middle;
        }

        .donations-table th {
            background-color: #f8f9fa; /* cinza claro do Bootstrap */
            color: #212529;
            font-weight: 600;
            text-align: center;
        }

        .donations-table td {
            text-align: center;
            color: #495057;
        }

        /* Botões personalizados para ações */
        .donations-table form button {
            padding: 0.25rem 0.5rem;
            font-size: 0.85rem;
            border-radius: 0.2rem;
            border: none;
            cursor: pointer;
            transition: background-color 0.2s ease;
        }

        .donations-table form button[name="action"][value="accept"] {
            background-color: #198754; /* verde Bootstrap */
            color: white;
            margin-right: 0.3rem;
        }

        .donations-table form button[name="action"][value="accept"]:hover {
            background-color: #157347;
        }

        .donations-table form button[name="action"][value="reject"] {
            background-color: #1a1a55; /* vermelho Bootstrap */
            color: white;
        }

        .donations-table form button[name="action"][value="reject"]:hover {
            background-color: #070720;
        }

        /* Mensagem de nenhuma doação */
        .donations-table .no-donations {
            text-align: center;
            font-style: italic;
            color: #6c757d; /* cinza bootstrap */
        }

        /* Ajuste responsivo simples */
        @media (max-width: 768px) {
            .donations-table th, 
            .donations-table td {
                font-size: 0.8rem;
                padding: 0.35rem 0.5rem;
            }

            .donations-table form button {
                font-size: 0.75rem;
                padding: 0.2rem 0.4rem;
            }
        }

        .referral-form {
            max-width: 500px;
            background-color: #fff;
            border: 1px solid #dee2e6;
            border-radius: 0.75rem;
            padding: 2rem;
            box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.05);
            margin-bottom: 2rem;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }

        /* Título */
        .referral-title {
            font-size: 1.75rem;
            margin-bottom: 1.5rem;
            font-weight: 600;
            color: #3b3b3b;
        }

        /* Labels */
        .referral-label {
            font-weight: 500;
            margin-bottom: 0.5rem;
            display: block;
            color: #4a4a4a;
        }

        /* Selects & Inputs */
        .referral-select,
        .referral-input {
            width: 100%;
            border-radius: 0.5rem;
            padding: 0.5rem 0.75rem;
            border: 1px solid #ced4da;
            font-size: 1rem;
            color: #495057;
            box-sizing: border-box;
            transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
        }

        .referral-select:focus,
        .referral-input:focus {
            border-color: #1a1a55 !important;
            box-shadow: 0 0 0 0.25rem rgba(26,26,85,0.5) !important;
            outline: none;
        }

        /* Pequenos inputs lado a lado */
        .referral-input-small {
            width: 120px;
            display: inline-block;
            vertical-align: middle;
        }

        /* Botão */
        .referral-submit {
            width: 100%;
            font-size: 1.1rem;
            padding: 0.6rem;
            border-radius: 0.5rem;
            background-color: #1a1a55;
            color: #fff;
            border: none;
            cursor: pointer;
            transition: background-color 0.2s ease-in-out;
        }

        .referral-submit:hover {
            background-color: #1a1a55; /* tom mais claro para hover */
        }

        .swal-scrollable {
          max-height: 250px;
          overflow-y: auto;
          padding-right: 10px;
          text-align: left;
        }

        .swal-scrollable ul {
          list-style: none;
          padding: 0;
          margin: 0;
        }

        .swal-scrollable li {
          margin-bottom: 10px;
        }


.btnreload {
  padding: 6px 12px;
  background: linear-gradient(135deg, #0a0a33, #1a1a55);
  color: #fff8dc;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.1s ease, box-shadow 0.2s ease;
  text-align: center;
  display: inline-block;
  font-size: 12px;
  margin-left: 10px;
  margin-top: 5px;
}

.btnreload:hover {
  background: linear-gradient(135deg, #1a1a55, #0a0a33);
  transform: scale(1.05);
  box-shadow: 0 0 10px #1a1a55;
}