/* 
 * Z-Index Hierarchy Fix for Koadly
 * Ensures proper layering of all fixed elements
 * 
 * Hierarchy (lowest to highest):
 * - Regular content: auto/0
 * - Modals/Overlays: 100-999
 * - Desktop Header: 1000
 * - Mobile Header: 9996
 * - Mobile Nav: 9997
 * - Desktop Chat Button: 9999
 * - Mobile Chat Button: 9998
 * - Chat Windows: 9999 (highest)
 */

/* Desktop Header */
.header {
    z-index: 1000 !important;
}

/* Mobile Header */
.mobile-header {
    z-index: 9996 !important;
}

/* Mobile Bottom Navigation */
.mobile-nav {
    z-index: 9997 !important;
}

/* Desktop Chat Button */
.desktop-chat-btn {
    z-index: 9999 !important;
}

/* Desktop Chat Window */
.desktop-chat-window {
    z-index: 9998 !important;
}

/* Mobile Chat Button */
.chat-popup-btn {
    z-index: 9998 !important;
}

/* Mobile Chat Window */
.chat-window {
    z-index: 9999 !important;
}

/* Ensure chat is always visible and on top */
[id*="chat"],
[class*="chat"] {
    pointer-events: auto;
}

/* Prevent any modal/overlay from covering chat */
.modal,
.overlay,
.popup {
    z-index: 500 !important;
}

/* Toast notifications should be visible but below chat */
.toast,
.notification,
.alert {
    z-index: 9000 !important;
}