body { background-color: #f8f9fa;  }
a { text-decoration: none; }
.navbar {box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
.main-container { min-height: 80vh; }
.dropdown-menu { border: none; border-radius: 12px; }
.dropdown-item { border-radius: 8px; margin: 0 5px; width: auto; }
.nav-link { font-weight: 500; }
.rounded-4 { border-radius: 1rem !important; }
.navbar-brand { letter-spacing: 1px; }

/* Gradientes Modernos */
.bg-gradient-primary { background: linear-gradient(45deg, #4e73df, #224abe); }
.bg-gradient-success { background: linear-gradient(45deg, #1cc88a, #13855c); }
.bg-gradient-info { background: linear-gradient(45deg, #36b9cc, #258391); }
.bg-gradient-danger { background: linear-gradient(45deg, #e74a3b, #be2617); }
.bg-gradient-dark { background: linear-gradient(45deg, #5a5c69, #373840); }

.stat-card { transition: transform 0.3s ease; }
.stat-card:hover { transform: translateY(-5px); }

.stat-icon { font-size: 2.5rem; opacity: 0.2; position: absolute; right: 15px; top: 15px; }
.hover-opacity-100:hover { opacity: 1 !important; }

.btn-icon-sm { width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; padding: 0; }

.table thead th { border-top: none; }

#liveToast {
    width: 200px; /* Define uma largura fixa maior */
    /* Ou use min-width para garantir que ele não fique pequeno demais */
    min-width: 200px; 
}

/* Você também pode aumentar o tamanho do ícone separadamente se quiser */
.toast-body i {
    font-size: 1.2rem;
}

.hover-lift { transition: all 0.3s ease; }
.hover-lift:hover { transform: translateY(-8px); box-shadow: 0 1rem 3rem rgba(0,0,0,0.1) !important; }
.product-card .product-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%;background: rgba(13, 110, 253, 0.2);backdrop-filter: blur(2px);opacity: 0; transition: 0.3s;}
.product-card:hover .product-overlay { opacity: 1; }
.transition-all { transition: all 0.3s ease; }