/* SEBELY - Styles personnalises */

/* Scrollbar */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Sidebar navigation active state */
.nav-item.active {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}
.nav-item:not(.active) {
    color: rgba(255, 255, 255, 0.6);
}
.nav-item:not(.active):hover {
    background: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.9);
}

/* Toast animation */
.toast-notification {
    transition: transform 0.3s ease-out;
}

/* Table row hover */
tbody tr {
    transition: background-color 0.15s ease;
}

/* Modal backdrop blur */
#globalModal > div,
#annulationModal > div {
    animation: modalSlideIn 0.2s ease-out;
}

@keyframes modalSlideIn {
    from {
        opacity: 0;
        transform: scale(0.95) translateY(-10px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

/* Input focus styles */
input:focus, select:focus, textarea:focus {
    outline: none;
}

/* Badge colors fallback for Tailwind JIT */
.bg-cyan-100 { background-color: #cffafe; }
.text-cyan-600 { color: #0891b2; }
.text-cyan-700 { color: #0e7490; }
.bg-cyan-600 { background-color: #0891b2; }
.hover\:bg-cyan-700:hover { background-color: #0e7490; }

.bg-violet-100 { background-color: #ede9fe; }
.text-violet-600 { color: #7c3aed; }
.text-violet-700 { color: #6d28d9; }
.bg-violet-600 { background-color: #7c3aed; }
.hover\:bg-violet-700:hover { background-color: #6d28d9; }

.bg-amber-100 { background-color: #fef3c7; }
.text-amber-600 { color: #d97706; }
.text-amber-700 { color: #b45309; }
.bg-amber-500 { background-color: #f59e0b; }

.bg-emerald-100 { background-color: #d1fae5; }
.text-emerald-600 { color: #059669; }
.text-emerald-700 { color: #047857; }
.bg-emerald-600 { background-color: #059669; }
.hover\:bg-emerald-700:hover { background-color: #047857; }

.bg-rose-100 { background-color: #ffe4e6; }
.text-rose-600 { color: #e11d48; }
.text-rose-700 { color: #be123c; }

.bg-indigo-100 { background-color: #e0e7ff; }
.text-indigo-600 { color: #4f46e5; }
.text-indigo-700 { color: #4338ca; }
.bg-indigo-600 { background-color: #4f46e5; }
.hover\:bg-indigo-700:hover { background-color: #4338ca; }

.bg-orange-100 { background-color: #ffedd5; }
.text-orange-600 { color: #ea580c; }

/* Checkbox custom style */
input[type="checkbox"] {
    cursor: pointer;
}

/* Responsive table */
@media (max-width: 768px) {
    table {
        font-size: 0.8rem;
    }
    th, td {
        padding: 0.5rem;
    }
}