/* style.css - Design System */

body {
    background-color: #050505;
    color: #ffffff;
    overflow-x: hidden;
}

/* Glassmorphism */
.glass-panel {
    background: rgba(15, 23, 42, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(0, 240, 255, 0.1);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
}

.glass-panel:hover {
    border: 1px solid rgba(0, 240, 255, 0.4);
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.2);
    transition: all 0.3s ease;
}

/* Scrollbar Personalizzata */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0a0f18; }
::-webkit-scrollbar-thumb { background: #1e293b; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #00abc3; }

/* Scrollbar specifica per la lista link nel modale */
.custom-scrollbar::-webkit-scrollbar { width: 4px; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #334155; }

/* Background Circuiti */
.circuit-bg {
    background-size: 40px 40px;
    mask-image: linear-gradient(to bottom, black 40%, transparent 100%);
}

/* Effetti Neon */
.text-glow { text-shadow: 0 0 10px rgba(0, 240, 255, 0.5); }

/* Forme Tagliate (Sci-Fi) */
.clip-path-slant-button {
    clip-path: polygon(15px 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 15px);
}

/* Utility per JS */
.hidden { display: none; }
.translate-x-full { transform: translateX(100%); }
.translate-y-20 { transform: translateY(5rem); }
.opacity-0 { opacity: 0; }
.scale-95 { transform: scale(0.95); }
.scale-100 { transform: scale(1); }