/* ==========================================================
   ENGENHARIA DE BOTÕES ALTIVA - ESTRUTURA UNIFICADA + CORES LIVRES
   ========================================================== */

/* 1. O ESQUELETO (Aplica-se a todos os botões do sistema) */
.btn, 
input[type="submit"], 
button[type="submit"] {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 0.85rem !important;
    padding: 8px 18px !important;
    text-transform: none !important; /* Visual moderno sem Caps Lock */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px;
    transition: 0.2s all ease-in-out !important;
    border-width: 1px !important;
    border-style: solid !important;
    cursor: pointer;
}

/* 2. DEFINIÇÃO DE CORES (Aqui você tem a liberdade total) */

/* Botões Primários / Sucesso (O Padrão Verde Altiva) */
.btn-primary, 
.btn-success,
.sidebar .card-body .btn,
.sidebar .btn-default {
    background-color: #00c853 !important;
    border-color: #00c853 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0, 200, 83, 0.15) !important;
}

.btn-primary:hover, 
.btn-success:hover {
    background-color: #00e676 !important;
    border-color: #00e676 !important;
    transform: translateY(-1px);
}

/* Botões Pretos / Dark (Como o seu 'Transferir') */
.btn-domain-transfer, 
.btn-inverse,
.btn-dark {
    background-color: #1f2937 !important;
    border-color: #1f2937 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

.btn-domain-transfer:hover {
    background-color: #111827 !important;
    border-color: #111827 !important;
}

/* Botões de Informação (Azul) */
.btn-info {
    background-color: #3b82f6 !important;
    border-color: #3b82f6 !important;
    color: #ffffff !important;
}

/* Botões de Perigo (Vermelho) */
.btn-danger {
    background-color: #ef4444 !important;
    border-color: #ef4444 !important;
    color: #ffffff !important;
}

/* 3. AJUSTES DE LARGURA */
.sidebar .btn {
    width: 100% !important; /* Sidebar continua ocupando tudo */
}

/* Garante que ícones dentro de qualquer botão sigam a cor do texto do botão */
.btn i {
    color: inherit !important;
}