/**
 * Arte em Família - Design System Customizado (Futurista / Cyber-Dark)
 * Elementos visuais complementares ao Tailwind CSS para o nicho de Impressão 3D.
 */

/* Estilização da Barra de Rolagem Global (Dark Mode Otimizado) */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #0f172a; /* Fundo idêntico ao slate-900 */
}

::-webkit-scrollbar-thumb {
    background: rgba(139, 92, 246, 0.3); /* Roxo neon sutil */
    border-radius: 9999px;
    border: 2px solid #0f172a;
}

::-webkit-scrollbar-thumb:hover {
    background: #8b5cf6; /* Roxo neon intenso ao passar o mouse */
}

/* Efeito de Vidro (Glassmorphism Avançado) */
.glass-panel, .glass-card {
    background: rgba(30, 41, 59, 0.65) !important;
    backdrop-filter: blur(12px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Animação de Brilho de Extrusão (Simulando uma Impressora 3D em atividade) */
@keyframes neon-pulse {
    0%, 100% {
        box-shadow: 0 0 15px rgba(139, 92, 246, 0.2), inset 0 0 10px rgba(139, 92, 246, 0.1);
        border-color: rgba(139, 92, 246, 0.4);
    }
    50% {
        box-shadow: 0 0 25px rgba(6, 182, 212, 0.5), inset 0 0 15px rgba(6, 182, 212, 0.2);
        border-color: rgba(6, 182, 212, 0.6);
    }
}

.printer-active {
    animation: neon-pulse 3s infinite ease-in-out;
}

/* Inputs Otimizados para Ambiente Escuro */
.input-dark {
    background: rgba(15, 23, 42, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.input-dark:focus {
    outline: none !important;
    border-color: #8b5cf6 !important;
    box-shadow: 0 0 12px rgba(139, 92, 246, 0.4) !important;
    background: rgba(15, 23, 42, 0.8) !important;
}

/* Status Badges com Brilho Interno */
.badge-paid {
    background: rgba(34, 197, 94, 0.15);
    color: #4ade80;
    border: 1px solid rgba(34, 197, 94, 0.3);
    text-shadow: 0 0 8px rgba(34, 197, 94, 0.4);
}

.badge-pending {
    background: rgba(234, 179, 8, 0.15);
    color: #facc15;
    border: 1px solid rgba(234, 179, 8, 0.3);
    text-shadow: 0 0 8px rgba(234, 179, 8, 0.4);
}

/* Grid de Exibição de Filamentos e Camadas (Opcional para detalhes visuais de produtos) */
.tech-grid {
    background-image: linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),
                      linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);
    background-size: 20px 20px;
}