/* 
 * Z-index Fix CSS
 * Điều chỉnh z-index cho các thành phần trong dự án
 * Đảm bảo thứ tự hiển thị đúng giữa Menu, Navbar, Dialog và các Dropdown
 */

/* 
 * Hệ thống phân cấp z-index:
 * 1000-1049: Các thành phần cơ bản (layout, content)
 * 1050-1079: Overlay cơ bản, sidebar
 * 1080-1089: Navbar và các dropdown của navbar
 * 1090-1099: Menu và overlay của menu
 * 1100-1149: Dialog và các thành phần modal (Radzen)
 * 1150-1199: Modal và ConfirmDialog (Custom components)
 * 1200-1299: Tooltip, Context menu, Notification
 * 1300+: Toast và messages (cao nhất)
 */

/* Điều chỉnh z-index cho layout-page */
.layout-page {
    z-index: 1000 !important;
}

/* Điều chỉnh z-index cho layout-navbar */
.layout-navbar {
    z-index: 1080 !important;
}

/* Điều chỉnh z-index cho layout-menu */
.layout-menu {
    z-index: 1090 !important;
}

/* Điều chỉnh z-index cho layout-overlay (overlay khi mở menu trên mobile) */
.layout-overlay {
    z-index: 1085 !important; /* Đảm bảo overlay ở trên layout-page nhưng dưới menu */
}

/* Điều chỉnh z-index cho các dropdown trên navbar */
.navbar-dropdown {
    z-index: 1085 !important;
}

.dropdown-menu {
    z-index: 1085 !important;
}

/* Điều chỉnh z-index cho theme switcher */
.theme-switcher-wrapper {
    z-index: 1085 !important;
}

/* Điều chỉnh z-index cho Sidebar */
.sidebar {
    z-index: 1070 !important;
}

.sidebar-backdrop {
    z-index: 1060 !important;
}

/* 
 * Điều chỉnh z-index cho Radzen Dialog
 * Đảm bảo dialog và overlay của nó hiển thị trên cùng
 */

/* Dialog container */
.rz-dialog-wrapper {
    z-index: 1100 !important;
}

/* Dialog overlay/mask */
.rz-dialog-mask {
    z-index: 1095 !important;
}

/* Dialog content */
.rz-dialog {
    z-index: 1100 !important;
}

/* 
 * Điều chỉnh z-index cho Modal và ConfirmDialog (Custom components)
 * Đảm bảo chúng hiển thị trên tất cả các thành phần khác
 */

/* Modal backdrop */
.modal-backdrop {
    z-index: 1145 !important;
}

/* Modal container */
.modal {
    z-index: 1150 !important;
}

/* Radzen notification */
.rz-notification {
    z-index: 1200 !important;
}

/* Radzen tooltip */
.rz-tooltip {
    z-index: 1200 !important;
}

/* Radzen context menu */
.rz-context-menu {
    z-index: 1200 !important;
}

/* Đảm bảo các dropdown của Radzen hiển thị đúng */
.rz-dropdown-panel, 
.rz-multiselect-panel,
.rz-autocomplete-panel,
.rz-datepicker-panel,
.rz-colorpicker-panel {
    z-index: 1110 !important;
}

/* 
 * SPECIAL CASE: RadzenDataGrid filter popups
 * Cần z-index cao hơn để dropdown trong filter popup hiển thị đúng
 * Được handle riêng trong radzen-datagrid-theme.css với z-index 1120-1130
 */

/* Đảm bảo toast hiển thị trên cùng */
.toast-container,
.rz-messages {
    z-index: 1300 !important;
}