/* style.css */

/* Glassmorphism utilities */
.glass-panel {
    background: rgba(255, 255, 255, 0.65);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.glass-input {
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(10px);
    transition: all 0.2s ease-in-out;
}

.glass-input:focus {
    background: rgba(255, 255, 255, 0.9);
    outline: none;
}

/* Custom Scrollbar */
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: transparent; 
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: rgba(156, 163, 175, 0.4); 
    border-radius: 10px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: rgba(107, 114, 128, 0.6); 
}

/* Hide scrollbar completely utility */
.hidden-scrollbar::-webkit-scrollbar {
    display: none;
}
.hidden-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Animations */
@keyframes blob {
    0% { transform: translate(0px, 0px) scale(1); }
    33% { transform: translate(30px, -50px) scale(1.1); }
    66% { transform: translate(-20px, 20px) scale(0.9); }
    100% { transform: translate(0px, 0px) scale(1); }
}
.animate-blob {
    animation: blob 7s infinite;
}
.animation-delay-2000 {
    animation-delay: 2s;
}

@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in-up {
    animation: fadeInUp 0.6s ease-out forwards;
}

/* Flatpickr overrides to match glass theme */
.flatpickr-calendar {
    box-shadow: 0 20px 40px rgba(0,0,0,0.1) !important;
    border: 1px solid rgba(255,255,255,0.6) !important;
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px) !important;
    border-radius: 16px !important;
    font-family: inherit;
    /* AGGIUNTO: porta il calendario in primo piano rispetto all'intestazione della tabella */
    z-index: 99999 !important; 
    width: auto !important;
    padding: 10px !important;
    box-sizing: border-box !important;
}
.flatpickr-day.selected {
    background: #1a73e8 !important;
    border-color: #1a73e8 !important;
    box-shadow: 0 4px 10px rgba(26,115,232,0.3);
}

/* Table styling override */
table tbody tr:nth-child(even) {
    background-color: rgba(249, 250, 251, 0.5);
}
table tbody tr:hover {
    background-color: rgba(243, 244, 246, 0.8);
}