/* Radzen wizard dialog: full screen, fixed step strip at top, scrollable content, fixed footer at bottom. */

/* Full-screen wizard dialog (when opened with CssClass = "rz-wizard-fullscreen") */
.rz-dialog.rz-wizard-fullscreen {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    max-height: 100vh !important;
    margin: 0 !important;
    border-radius: 0 !important;
    display: flex !important;
    flex-direction: column !important;
}
.rz-dialog.rz-wizard-fullscreen .rz-dialog-content {
    flex: 1 !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Dialog content container - fills dialog, flex column */
.rz-wizard-dialog {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    padding: 0 !important;
    height: 100% !important;
}

/* Steps: takes space between top and footer; contains fixed strip + scrollable content */
.rz-wizard-dialog .rz-steps {
    flex: 1 !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
/* Step list (strip): fixed at top, horizontal, bar style */
.rz-wizard-dialog .rz-steps > div:first-of-type {
    flex-shrink: 0 !important;
    padding: 1rem 1.5rem !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
    background: var(--rz-base-background-color, #fff) !important;
}
.rz-wizard-dialog .rz-steps ul,
.rz-wizard-dialog .rz-steps [role="tablist"] {
    flex-shrink: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    margin: 0 !important;
    gap: 0 !important;
}
.rz-wizard-dialog .rz-steps .rz-steps-item {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
}
.rz-wizard-dialog .rz-steps .rz-steps-item:not(:last-child) {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}
.rz-wizard-dialog .rz-steps .rz-steps-item .rz-menuitem-link {
    flex: 0 0 auto !important;
}
/* Connector line between steps (fixes theme typo display:"block" and ensures visibility) */
.rz-wizard-dialog .rz-steps .rz-steps-item:not(:last-child)::after {
    display: block !important;
    content: "" !important;
    flex: 1 1 auto !important;
    min-width: 1rem !important;
    height: 1px !important;
    margin: 0 1rem !important;
    background-color: rgba(0, 0, 0, 0.12) !important;
}
.rz-wizard-dialog .rz-steps .rz-steps-buttons,
.rz-wizard-dialog .rz-steps .rz-steps-next,
.rz-wizard-dialog .rz-steps .rz-steps-prev {
    display: none !important;
}

/* Step number circle + title (match Radzen demo) */
.rz-wizard-dialog .rz-steps .rz-steps-number {
    min-width: 2rem !important;
    width: 2rem !important;
    min-height: 2rem !important;
    height: 2rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}
.rz-wizard-dialog .rz-steps .rz-steps-title {
    white-space: nowrap !important;
}

/* Steps content area (selected step body): scrollable, fills space between header and footer */
.rz-wizard-dialog .rz-steps .rz-widget-content {
    flex: 1 !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 1rem 1.5rem !important;
}

/* Footer: fixed at bottom of dialog */
.rz-wizard-footer {
    flex-shrink: 0 !important;
    margin-top: 0 !important;
    padding: 1rem 1.5rem !important;
    border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
    background: var(--rz-base-background-color, #fff) !important;
}