/* WABA Creator - Estilos customizados */

/* Suavizar transições */
* {
    transition-property: background-color, border-color, color, opacity;
    transition-duration: 150ms;
}

/* Scrollbar customizada */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

/* Tabela do dashboard */
.table-hover tbody tr:hover {
    background-color: #f9fafb;
}

/* Badge de status */
.badge-active {
    background-color: #dcfce7;
    color: #166534;
}
.badge-pending {
    background-color: #fef9c3;
    color: #854d0e;
}
.badge-failed {
    background-color: #fee2e2;
    color: #991b1b;
}

/* Setup guide steps */
.step-number {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #22c55e;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 14px;
    flex-shrink: 0;
}

/* Copy button animation */
.copy-flash {
    animation: flash 0.3s ease-out;
}
@keyframes flash {
    0% { background-color: #dcfce7; }
    100% { background-color: transparent; }
}