/* ==========================================
   THE SLEEP 1 CRM - CUSTOM STYLES
   ========================================== */

/* 1. Smooth Fade-in Animation */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
    animation: fadeIn 0.4s ease-out forwards;
}

/* 2. Professional Scrollbar (7px Radius applied) */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
.dark ::-webkit-scrollbar-track { background: #1A1A1A; }
::-webkit-scrollbar-thumb { background: #FABE2C; border-radius: 7px; } 
::-webkit-scrollbar-thumb:hover { background: #e5ac26; }

/* 3. Centering Helpers */
.flex-center { display: flex; align-items: center; justify-content: center; }

/* 4. Glassmorphism Effect */
.modal-overlay { background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(4px); }

/* 5. Custom Form Styling */
input:focus, select:focus, textarea:focus {
    box-shadow: 0 0 0 2px rgba(250, 190, 44, 0.2);
    border-color: #FABE2C !important;
}

/* 6. Image Fixes */
table img { object-fit: cover; }