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

/* Glassmorphism effects */
.glass {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* Animations */
.fade-in {
    animation: fadeIn 0.3s ease-in-out;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Sidebar Collapsed State */
aside#mainSidebar {
    transition: width 0.3s ease, transform 0.3s ease;
}
aside#mainSidebar.collapsed {
    width: 3.5rem !important; /* w-14 */
}
aside#mainSidebar.collapsed span.ml-3,
aside#mainSidebar.collapsed span.px-4.text-xs,
aside#mainSidebar.collapsed #global_clinic_name,
aside#mainSidebar.collapsed .tracking-widest.uppercase.mb-1,
aside#mainSidebar.collapsed .font-black.text-slate-400 {
    display: none !important;
}
aside#mainSidebar.collapsed .nav-link {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
}
aside#mainSidebar.collapsed .nav-link i {
    margin-right: 0 !important;
    width: auto !important;
}
aside#mainSidebar.collapsed .h-16.flex {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
aside#mainSidebar.collapsed img#global_clinic_logo {
    margin-right: 0 !important;
}
aside#mainSidebar.collapsed .border-t.bg-black\\/20 .flex.items-center {
    justify-content: center;
}
aside#mainSidebar.collapsed .border-t.bg-black\\/20 .ml-3 {
    display: none !important;
}

body.queue-open #omniToggleWrapper {
    margin-left: calc(2.5rem + 10rem) !important;
}

aside#mainSidebar.collapsed .sidebar-poweredby-text {
    display: none !important;
}
aside#mainSidebar.collapsed #gavPoweredContainer {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}
aside#mainSidebar.collapsed #gavLogoCollapsed {
    width: 100% !important;
    height: auto !important;
    margin: 0 auto;
}