/*
 * Radzen Component Overrides
 * Aligns Radzen components with Pendigo branding
 *
 * Z-INDEX HIERARCHY FOR THIS PROJECT:
 * - Footer: z-index: 1
 * - Custom dialog overlays: z-index: 9000
 * - Radzen dialogs: z-index: 10000-10001
 * - Radzen dropdown panels: z-index: 2147483000 (max safe)
 * - Notifications: z-index: 2147483001
 */

/* Panel Menu - match legacy nav styling */
.rz-panelmenu {
    background: transparent;
    border: none;
}

.rz-panelmenu .rz-navigation-item-link {
    color: inherit;
}

.rz-panelmenu .rz-navigation-item-link:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

/* Dialog styling - ensure dialogs appear above everything */
.rz-dialog-wrapper {
    z-index: 10000 !important;
}

.rz-dialog-mask {
    z-index: 9999 !important;
}

.rz-dialog {
    border-radius: 4px;
    z-index: 10001 !important;
}

.rz-dialog-titlebar {
    border-bottom: 1px solid #e0e0e0;
}

/* Dropdown and popup z-index - use very high value like Redirector.Api */
.rz-dropdown-panel,
.rz-popup,
.rz-autocomplete-panel,
.rz-listbox-popup,
.rz-popup-container {
    z-index: 2147483000 !important;
}

/* Button overrides */
.rz-button {
    border-radius: 4px;
}

/* Fix button icon alignment - ensure icon and text are vertically aligned */
.rz-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.rz-button .rzi {
    display: inline-flex;
    align-items: center;
    line-height: 1;
}

/* Notification positioning */
.rz-notification-container {
    z-index: 2147483001 !important;
}

/* Empty state styling - ensure icons don't inherit button fixes */
.empty-state > .rzi {
    display: block;
    font-size: 4rem;
    color: #dee2e6;
    margin-bottom: 1rem;
    line-height: 1;
}