/* Custom Scrollbar pour la Sidebar */
.custom-scroll::-webkit-scrollbar { 
    width: 5px; 
}
.custom-scroll::-webkit-scrollbar-track { 
    background: transparent; 
}
.custom-scroll::-webkit-scrollbar-thumb { 
    background: #1a1a1a; 
    border-radius: 10px; 
}
.custom-scroll::-webkit-scrollbar-thumb:hover { 
    background: #333; 
}

/* Boutons de Navigation (Sidebar) */
.btn-nav {
    display: block; 
    width: 100%; 
    text-align: left; 
    padding: 14px 20px;
    color: #666; 
    text-transform: uppercase; 
    font-size: 11px; 
    letter-spacing: 1px;
    border-radius: 4px; 
    transition: all 0.2s ease-in-out;
    border-left: 3px solid transparent;
}

.btn-nav:hover { 
    background: #111; 
    color: #eee; 
    border-left: 3px solid #333;
}

.btn-nav.active { 
    background: #151515; 
    color: #00f2ff; 
    border-left: 3px solid #00f2ff; 
    font-weight: bold; 
}

/* Boutons d'Action (Formulaires) */
.btn-metal {
    background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%); 
    border: 1px solid #222;
    padding: 22px 15px; 
    border-radius: 4px; 
    font-weight: bold; 
    text-transform: uppercase;
    font-size: 12px; 
    letter-spacing: 1.5px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 6px rgba(0,0,0,0.3);
}

.btn-metal:hover { 
    border-color: #555; 
    background: #111; 
    transform: translateY(-2px); 
    color: white; 
    box-shadow: 0 8px 15px rgba(0,0,0,0.5);
}

.btn-metal:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

/* Animations d'apparition des pages */
.section-content { 
    animation: fadeIn 0.5s ease-out forwards; 
}

@keyframes fadeIn { 
    from { 
        opacity: 0; 
        transform: translateY(15px); 
    } 
    to { 
        opacity: 1; 
        transform: translateY(0); 
    } 
}

/* Fixes pour la typographie */
b, strong { 
    color: #fff; 
}

input[type="time"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
    cursor: pointer;
}