/* static/css/configuracoes.css */

/* Animações */
@keyframes slideIn {
    from { transform: translateY(100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}

.toast-enter { animation: slideIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
.animate-fade-in { animation: fadeIn 0.3s ease-out forwards; }

/* Sidebar Ativa */
.nav-item {
    transition: all 0.2s ease;
    border-right: 3px solid transparent;
}
.nav-item:hover {
    background-color: #f8fafc;
}
.nav-item.active {
    background-color: #eff6ff; /* blue-50 */
    color: #2563eb; /* blue-600 */
    border-right-color: #2563eb;
}
.nav-item.active i {
    color: #2563eb;
}

/* Mobile Table Responsiveness */
@media (max-width: 768px) {
    .mobile-table thead { display: none; }
    .mobile-table tbody tr {
        display: block;
        background: white;
        border: 1px solid #f1f5f9;
        border-radius: 16px;
        margin-bottom: 12px;
        padding: 16px;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02);
    }
    .mobile-table tbody td {
        display: flex;
        width: 100%;
        padding: 4px 0;
        border: none;
    }
    /* Ajustes específicos de colunas no mobile */
    .mobile-table tbody td:nth-child(1) { margin-bottom: 12px; }
    .mobile-table tbody td:nth-child(2) { margin-bottom: 16px; }
    .mobile-table tbody td:nth-child(3) {
        border-top: 1px solid #f1f5f9;
        padding-top: 12px;
        justify-content: flex-end;
    }
}