/* Custom styles moved from HTML templates */
.swal2-confirm-button-custom {
  background-color: var(--cor-primaria-app) !important;
  box-shadow: 0 0 0 2px rgba(var(--cor-primaria-app-rgb), 0.5) !important;
}

/* Estilos para Select2 */
.select2-container--open .select2-dropdown--below {
    max-height: 600px;
}

.select2-results__options {
    max-height: 600px;
    overflow-y: auto;
}

.select2-results__option {
    height: auto; /* Allow flexible height */
    display: flex;
    align-items: center;
    padding: 8px 12px; /* Add some padding */
}

/* Animação de rotação para ícones */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.icon-spin {
  animation: spin 1s linear infinite;
}
/* Blinking LED styles */
.whatsapp-led {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-left: 8px;
    vertical-align: middle;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

.whatsapp-led.green {
    background-color: #28a745; /* Green */
    box-shadow: 0 0 5px #28a745, 0 0 10px #28a745;
    animation-name: blink-green;
}

.whatsapp-led.red {
    background-color: #dc3545; /* Red */
    box-shadow: 0 0 5px #dc3545, 0 0 10px #dc3545;
    animation-name: blink-red;
}

@keyframes blink-green {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

@keyframes blink-red {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

/* Utilitários Select2 para layout de ícone/texto */
.select2-option-container { 
    display: flex; 
    align-items: center; 
    gap: 10px; 
}
.img-flag { 
    width: 20px; 
    height: 20px; 
    border-radius: 4px; 
    object-fit: contain; 
    flex-shrink: 0; /* Prevent icon from shrinking */
}
.text-and-balance-container { 
    display: flex; 
    flex-direction: column; 
    line-height: 1.2; 
    overflow: hidden; /* Prevent text from overflowing */
}
.account-details { 
    font-size: 0.75rem; 
    opacity: 0.7; 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.balance { 
    font-size: 0.7rem; 
    font-weight: bold; 
    color: #10b981; 
}

/* Specific style for Material Icons inside the container */
.select2-option-container .material-icons {
    flex-shrink: 0;
}