/* Teljes képernyős beállítás */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: "Plus Jakarta Sans", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif;
    color: #334155;
    font-weight: 400;
    line-height: 1.2;
}

/* Alap app container */
#app {
    height: 100vh; /* teljes viewport magasság */
    width: 100vw; /* teljes viewport szélesség */
    position: relative;
    background-color: #f5f7fa;
    overflow: hidden; /* ne legyen scroll a spinner miatt */
}

/* Betöltő animáció középre */
.loading-progress {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8rem;
    height: 8rem;
    transform: translate(-50%, -50%);
    display: block;
    z-index: 1000; /* minden fölé kerül */
}

    .loading-progress circle {
        fill: none;
        stroke: #e0e0e0;
        stroke-width: 0.6rem;
        transform-origin: 50% 50%;
        transform: rotate(-90deg);
    }

        .loading-progress circle:last-child {
            stroke: #1b6ec2;
            stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
            transition: stroke-dasharray 0.05s ease-in-out;
        }

/* Betöltő szöveg középre */
.loading-progress-text {
    position: absolute;
    top: calc(50% + 4.5rem);
    left: 50%;
    transform: translateX(-50%);
    font-weight: bold;
    text-align: center;
    color: #1b6ec2;
    font-size: 1.2rem;
}

    .loading-progress-text:after {
        content: var(--blazor-load-percentage-text, "Loading...");
    }

/* Scrollozható tartalom */
.content {
    padding: 24px;
    height: 100%;
    overflow-y: auto;
}

.page {
    position: relative;
    height: 100vh;
}

main {
    flex: 1;
}

/* =========================================
   MODERN SIDEBAR
   ========================================= */

.main-layout-sidebar {
    width: 260px;
    min-width: 260px;
    height: 100%;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    border-right: 1px solid #e8edf3;
    box-shadow: 2px 0 12px rgba(15, 23, 42, 0.03);
}

.main-layout-page-content {
    width: calc(100% - 260px);
}


/* =========================================
   RADZEN SIDEBAR
   ========================================= */

.panel-menu {
    background: #ffffff !important;
    border: none !important;
}

    .panel-menu .rz-sidebar {
        background: #ffffff !important;
        border: none !important;
    }


    /* =========================================
   PANEL MENU
   ========================================= */

    .panel-menu .rz-panelmenu {
        flex: 1;
        overflow-y: auto;
        background: #ffffff !important;
        border: none !important;
        padding: 14px 10px;
    }


        /* Remove default Radzen borders */

        .panel-menu .rz-panelmenu *,
        .panel-menu .rz-panelmenu {
            border-color: transparent;
        }


            /* =========================================
   TOP LEVEL MENU ITEMS
   ========================================= */

            .panel-menu .rz-panelmenu .rz-panelmenu-header {
                margin-bottom: 4px;
            }

            .panel-menu .rz-panelmenu .rz-panelmenu-header-link {
                min-height: 44px;
                margin: 3px 0;
                padding: 0 12px !important;
                display: flex;
                align-items: center;
                border-radius: 11px !important;
                background: transparent !important;
                color: #475569 !important;
                font-size: 14px;
                font-weight: 600;
                transition: background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
            }


                /* Top-level icon */

                .panel-menu .rz-panelmenu .rz-panelmenu-header-link .rz-menuitem-icon {
                    color: #64748b !important;
                    font-size: 20px;
                    margin-right: 11px;
                    transition: color 0.18s ease;
                }


                /* Chevron */

                .panel-menu .rz-panelmenu .rz-panelmenu-header-link
                .rz-panelmenu-icon {
                    color: #94a3b8 !important;
                }


                /* =========================================
   TOP LEVEL HOVER
   ========================================= */

                .panel-menu .rz-panelmenu .rz-panelmenu-header-link:hover {
                    background: #f5f8fc !important;
                    color: #334155 !important;
                }

                    .panel-menu .rz-panelmenu .rz-panelmenu-header-link:hover .rz-menuitem-icon {
                        color: #4f7fae !important;
                    }


                /* =========================================
   TOP LEVEL ACTIVE / OPEN
   ========================================= */

                .panel-menu .rz-panelmenu .rz-panelmenu-header-link.rz-state-active,
                .panel-menu .rz-panelmenu .rz-panelmenu-header-link[aria-expanded="true"] {
                    background: #eef6ff !important;
                    color: #3b73a8 !important;
                }

                    .panel-menu .rz-panelmenu .rz-panelmenu-header-link.rz-state-active
                    .rz-menuitem-icon,
                    .panel-menu .rz-panelmenu .rz-panelmenu-header-link[aria-expanded="true"]
                    .rz-menuitem-icon {
                        color: #4c86bd !important;
                    }


            /* =========================================
   SUBMENU
   ========================================= */

            .panel-menu .rz-panelmenu .rz-panelmenu-panel {
                background: transparent !important;
                padding: 3px 0 7px 0;
            }


            /* Submenu item */

            .panel-menu .rz-panelmenu .rz-panelmenu-item {
                margin: 2px 0;
            }


            /* Submenu link */

            .panel-menu .rz-panelmenu .rz-panelmenu-item-link {
                min-height: 40px;
                margin: 2px 0 2px 9px;
                padding: 0 12px 0 17px !important;
                display: flex;
                align-items: center;
                border-radius: 9px !important;
                background: transparent !important;
                color: #64748b !important;
                font-size: 13.5px;
                font-weight: 500;
                transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
            }


                /* Submenu icon */

                .panel-menu .rz-panelmenu .rz-panelmenu-item-link .rz-menuitem-icon {
                    color: #94a3b8 !important;
                    font-size: 18px;
                    margin-right: 10px;
                    transition: color 0.18s ease;
                }


                /* =========================================
   SUBMENU HOVER
   ========================================= */

                .panel-menu .rz-panelmenu .rz-panelmenu-item-link:hover {
                    background: #f5f8fc !important;
                    color: #334155 !important;
                }

                    .panel-menu .rz-panelmenu .rz-panelmenu-item-link:hover .rz-menuitem-icon {
                        color: #5d89b5 !important;
                    }


                /* =========================================
   SELECTED MENU ITEM
   ========================================= */

                .panel-menu .rz-panelmenu .rz-panelmenu-item-link.rz-state-active,
                .panel-menu .rz-panelmenu .rz-panelmenu-item-link.active {
                    background: #edf6ff !important;
                    color: #3d78ad !important;
                    font-weight: 600;
                }


                    /* Selected icon */

                    .panel-menu .rz-panelmenu .rz-panelmenu-item-link.rz-state-active
                    .rz-menuitem-icon,
                    .panel-menu .rz-panelmenu .rz-panelmenu-item-link.active
                    .rz-menuitem-icon {
                        color: #4b86bb !important;
                    }


            /* =========================================
   FOCUS
   ========================================= */

            .panel-menu .rz-panelmenu a:focus {
                outline: none !important;
                box-shadow: none !important;
            }


            /* =========================================
   SCROLLBAR
   ========================================= */

            .panel-menu .rz-panelmenu::-webkit-scrollbar {
                width: 6px;
            }

            .panel-menu .rz-panelmenu::-webkit-scrollbar-track {
                background: transparent;
            }

            .panel-menu .rz-panelmenu::-webkit-scrollbar-thumb {
                background: #dce3eb;
                border-radius: 10px;
            }

                .panel-menu .rz-panelmenu::-webkit-scrollbar-thumb:hover {
                    background: #c8d2de;
                }

.main-blue-background {
    background-color: #00629b;
}

.main-button-radius {
    border-radius: 20px;
}

.logo-container {
    text-align: center;
}

.img-logo{
    width: 50%
}

.main-layout-sidebar .menu-section-title {
    padding: 18px 20px 8px;
    color: #7f909f;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

/* Menü elemek */
.main-layout-sidebar .rz-panelmenu .rz-panelmenu-item,
.main-layout-sidebar .rz-panelmenu .rz-panelmenu-item .rz-menu-item-text {
    color: #c7d0d9;
}

    /* Aktív menü elem */
    .main-layout-sidebar .rz-panelmenu .rz-panelmenu-item:hover {
        background: #202d38 !important;
    }

    .main-layout-sidebar .rz-panelmenu .rz-panelmenu-item.rz-state-active {
        background: #243442 !important;
        color: #ffffff !important;
        border-left: 3px solid #4f9ee8;
    }

        .main-layout-sidebar .rz-panelmenu .rz-panelmenu-item.rz-state-active .rz-menu-item-text {
            color: #ffffff !important;
            font-weight: 600;
        }

/* Menü alján lévő blokk */
.main-layout-sidebar .menu-footer {
    margin-top: auto;
    padding: 0.5rem;
    color: white;
}

.rz-layout .rz-body {
    grid-area: rz-body;
    overflow: hidden;
}

.avatar-circle {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: #1976d2;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 13px;
    user-select: none;
}

/* =========================================================
   PREMIUM MODERN LOADER
   ========================================================= */

.loader {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 52px;
    height: 52px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: conic-gradient( from 0deg, transparent 0deg, transparent 35deg, rgba(75, 130, 181, 0.10) 75deg, #7ca6cc 145deg, #4b82b5 210deg, transparent 285deg, transparent 360deg );
    -webkit-mask: radial-gradient( farthest-side, transparent calc(100% - 4px), #000 0 );
    mask: radial-gradient( farthest-side, transparent calc(100% - 4px), #000 0 );
    animation: premium-loader-spin 1.15s linear infinite;
}


    /* =========================================================
   INNER GLOW
   ========================================================= */

    .loader::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 18px;
        height: 18px;
        transform: translate(-50%, -50%);
        border-radius: 50%;
        background: #4b82b5;
        box-shadow: 0 0 0 5px rgba(75, 130, 181, 0.07), 0 0 14px rgba(75, 130, 181, 0.22), 0 0 28px rgba(75, 130, 181, 0.10);
        animation: premium-loader-pulse 1.4s ease-in-out infinite;
    }


    /* =========================================================
   INNER DOT
   ========================================================= */

    .loader::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 5px;
        height: 5px;
        transform: translate(-50%, -50%);
        border-radius: 50%;
        background: #ffffff;
        opacity: 0.9;
        animation: premium-loader-dot 1.4s ease-in-out infinite;
    }


/* =========================================================
   ROTATION
   ========================================================= */

@keyframes premium-loader-spin {

    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}


/* =========================================================
   PULSE
   ========================================================= */

@keyframes premium-loader-pulse {

    0%, 100% {
        transform: translate(-50%, -50%) scale(0.82);
        box-shadow: 0 0 0 4px rgba(75, 130, 181, 0.06), 0 0 10px rgba(75, 130, 181, 0.16), 0 0 20px rgba(75, 130, 181, 0.07);
    }

    50% {
        transform: translate(-50%, -50%) scale(1);
        box-shadow: 0 0 0 7px rgba(75, 130, 181, 0.08), 0 0 18px rgba(75, 130, 181, 0.28), 0 0 34px rgba(75, 130, 181, 0.12);
    }
}


/* =========================================================
   CENTER DOT
   ========================================================= */

@keyframes premium-loader-dot {

    0%, 100% {
        opacity: 0.65;
        transform: translate(-50%, -50%) scale(0.8);
    }

    50% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

.rz-tabview {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.rz-tabview-panels {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.rz-tabview-panel {
    flex: 1;
    display: flex;
    flex-direction: column;
}

:root {
    /* =========================================
       BASE / NEUTRAL
       ========================================= */

    --rz-white: #ffffff;
    --rz-black: #000000;
    --rz-base: #d9e1e8;
    --rz-base-50: #ffffff;
    --rz-base-100: #f8fafc;
    --rz-base-200: #f1f5f9;
    --rz-base-300: #e2e8f0;
    --rz-base-400: #cbd5e1;
    --rz-base-500: #94a3b8;
    --rz-base-600: #64748b;
    --rz-base-700: #475569;
    --rz-base-800: #334155;
    --rz-base-900: #1e293b;
    --rz-base-light: #f1f5f9;
    --rz-base-lighter: #ffffff;
    --rz-base-dark: #64748b;
    --rz-base-darker: #334155;
    /* =========================================
       PRIMARY - BLUE
       ========================================= */

    --rz-primary: #4b82b5;
    --rz-primary-light: #6b9bc6;
    --rz-primary-lighter: rgba(75, 130, 181, 0.12);
    --rz-primary-dark: #3d73a8;
    --rz-primary-darker: #326693;
    /* =========================================
       SECONDARY - SLATE
       ========================================= */

    --rz-secondary: #64748b;
    --rz-secondary-light: #94a3b8;
    --rz-secondary-lighter: rgba(100, 116, 139, 0.12);
    --rz-secondary-dark: #526176;
    --rz-secondary-darker: #475569;
    --rz-info: #3b82c4;
    --rz-info-light: #4ed1d1;
    --rz-info-lighter: rgba(44, 200, 200, 0.2);
    --rz-info-dark: #25a8a8;
    --rz-info-darker: #219696;
    --rz-success: #249477;
    --rz-success-light: #3aa98c;
    --rz-success-lighter: rgba(36, 148, 119, 0.12);
    --rz-success-dark: #21866d;
    --rz-success-darker: #19745d;
    --rz-warning: #d99428;
    --rz-warning-light: #e3a746;
    --rz-warning-lighter: rgba(217, 148, 40, 0.12);
    --rz-warning-dark: #c98520;
    --rz-warning-darker: #b67618;
    --rz-danger: #ef6b73;
    --rz-danger-light: #f1838a;
    --rz-danger-lighter: rgba(239, 107, 115, 0.12);
    --rz-danger-dark: #e35c65;
    --rz-danger-darker: #d64d57;
    --rz-on-base: #28363c;
    --rz-on-base-light: #28363c;
    --rz-on-base-lighter: #28363c;
    --rz-on-base-dark: #ffffff;
    --rz-on-base-darker: #ffffff;
    --rz-on-primary: #ffffff;
    --rz-on-primary-light: #ffffff;
    --rz-on-primary-lighter: #598087;
    --rz-on-primary-dark: #ffffff;
    --rz-on-primary-darker: #ffffff;
    --rz-on-secondary: #ffffff;
    --rz-on-secondary-light: #ffffff;
    --rz-on-secondary-lighter: #80a4ab;
    --rz-on-secondary-dark: #ffffff;
    --rz-on-secondary-darker: #ffffff;
    --rz-on-info: #ffffff;
    --rz-on-info-light: #ffffff;
    --rz-on-info-lighter: #2cc8c8;
    --rz-on-info-dark: #ffffff;
    --rz-on-info-darker: #ffffff;
    --rz-on-success: #ffffff;
    --rz-on-success-light: #ffffff;
    --rz-on-success-lighter: #5dbf74;
    --rz-on-success-dark: #ffffff;
    --rz-on-success-darker: #ffffff;
    --rz-on-warning: #ffffff;
    --rz-on-warning-light: #ffffff;
    --rz-on-warning-lighter: #fac152;
    --rz-on-warning-dark: #ffffff;
    --rz-on-warning-darker: #ffffff;
    --rz-on-danger: #ffffff;
    --rz-on-danger-light: #ffffff;
    --rz-on-danger-lighter: #f9777f;
    --rz-on-danger-dark: #ffffff;
    --rz-on-danger-darker: #ffffff;
    --rz-series-1: #376df5;
    --rz-series-2: #64dfdf;
    --rz-series-3: #f68769;
    --rz-series-4: #c161e2;
    --rz-series-5: #fdd07a;
    --rz-series-6: #f8629b;
    --rz-series-7: #74d062;
    --rz-series-8: #84a7ff;
    --rz-series-9: #4d99f9;
    --rz-series-10: #8cecec;
    --rz-series-11: #fab793;
    --rz-series-12: #da88ee;
    --rz-series-13: #fee3ab;
    --rz-series-14: #fb89c3;
    --rz-series-15: #a2e389;
    --rz-series-16: #b5caff;
    --rz-series-17: #1750f3;
    --rz-series-18: #46d7d7;
    --rz-series-19: #f46e4c;
    --rz-series-20: #b343db;
    --rz-series-21: #fdc55f;
    --rz-series-22: #f64485;
    --rz-series-23: #58c544;
    --rz-series-24: #6a93ff;
    --rz-border-width: 1px;
    --rz-root-font-size: 16px;
    --rz-body-font-size: 0.875rem;
    --rz-body-line-height: 1.429;
    --rz-body-background-color: var(--rz-base-100);
    --rz-text-font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    --rz-outline-offset: 2px;
    --rz-outline-width: 2px;
    --rz-outline-color: var(--rz-primary);
    --rz-text-title-color: #1e293b;
    --rz-text-color: #334155;
    --rz-text-secondary-color: #64748b;
    --rz-text-tertiary-color: var(--rz-base-600);
    --rz-text-disabled-color: var(--rz-base-500);
    --rz-text-contrast-color: var(--rz-white);
    --rz-text-display-h1-font-size: clamp(4.5rem, 6.667vw, 6rem);
    --rz-text-display-h1-line-height: 1em;
    --rz-text-display-h1-font-weight: 700;
    --rz-text-display-h1-letter-spacing: -0.04em;
    --rz-text-display-h1-color: var(--rz-text-title-color);
    --rz-text-display-h1-margin-block-start: 0;
    --rz-text-display-h1-margin-block-end: 1rem;
    --rz-text-display-h2-font-size: clamp(3.75rem, 5.278vw, 4.75rem);
    --rz-text-display-h2-line-height: calc(1em + 4px);
    --rz-text-display-h2-font-weight: 700;
    --rz-text-display-h2-letter-spacing: -0.03em;
    --rz-text-display-h2-color: var(--rz-text-title-color);
    --rz-text-display-h2-margin-block-start: 0;
    --rz-text-display-h2-margin-block-end: 1rem;
    --rz-text-display-h3-font-size: clamp(2.625rem, 3.889vw, 3.5rem);
    --rz-text-display-h3-line-height: calc(1em + 4px);
    --rz-text-display-h3-font-weight: 700;
    --rz-text-display-h3-letter-spacing: -0.02em;
    --rz-text-display-h3-color: var(--rz-text-title-color);
    --rz-text-display-h3-margin-block-start: 0;
    --rz-text-display-h3-margin-block-end: 0.75rem;
    --rz-text-display-h4-font-size: clamp(2.25rem, 3.333vw, 3rem);
    --rz-text-display-h4-line-height: 1em;
    --rz-text-display-h4-font-weight: 700;
    --rz-text-display-h4-letter-spacing: -0.02em;
    --rz-text-display-h4-color: var(--rz-text-title-color);
    --rz-text-display-h4-margin-block-start: 0;
    --rz-text-display-h4-margin-block-end: 0.5rem;
    --rz-text-display-h5-font-size: clamp(1.5rem, 2.222vw, 2rem);
    --rz-text-display-h5-line-height: 1em;
    --rz-text-display-h5-font-weight: 600;
    --rz-text-display-h5-letter-spacing: -0.02em;
    --rz-text-display-h5-color: var(--rz-text-title-color);
    --rz-text-display-h5-margin-block-start: 0;
    --rz-text-display-h5-margin-block-end: 0.5rem;
    --rz-text-display-h6-font-size: clamp(1.25rem, 1.667vw, 1.5rem);
    --rz-text-display-h6-line-height: 1em;
    --rz-text-display-h6-font-weight: 600;
    --rz-text-display-h6-letter-spacing: -0.02em;
    --rz-text-display-h6-color: var(--rz-text-title-color);
    --rz-text-display-h6-margin-block-start: 0;
    --rz-text-display-h6-margin-block-end: 0.5rem;
    --rz-text-h1-font-size: clamp(3.75rem, 5.278vw, 4.75rem);
    --rz-text-h1-line-height: calc(1em + 4px);
    --rz-text-h1-font-weight: 600;
    --rz-text-h1-letter-spacing: -0.04em;
    --rz-text-h1-color: var(--rz-text-title-color);
    --rz-text-h1-margin-block-start: 0;
    --rz-text-h1-margin-block-end: 1rem;
    --rz-text-h2-font-size: clamp(2.625rem, 3.889vw, 3.5rem);
    --rz-text-h2-line-height: calc(1em + 4px);
    --rz-text-h2-font-weight: 600;
    --rz-text-h2-letter-spacing: -0.03em;
    --rz-text-h2-color: var(--rz-text-title-color);
    --rz-text-h2-margin-block-start: 0;
    --rz-text-h2-margin-block-end: 1rem;
    --rz-text-h3-font-size: clamp(2.25rem, 3.333vw, 3rem);
    --rz-text-h3-line-height: 1em;
    --rz-text-h3-font-weight: 600;
    --rz-text-h3-letter-spacing: -0.02em;
    --rz-text-h3-color: var(--rz-text-title-color);
    --rz-text-h3-margin-block-start: 0;
    --rz-text-h3-margin-block-end: 0.75rem;
    --rz-text-h4-font-size: clamp(1.75rem, 2.778vw, 2.5rem);
    --rz-text-h4-line-height: 1em;
    --rz-text-h4-font-weight: 600;
    --rz-text-h4-letter-spacing: -0.02em;
    --rz-text-h4-color: var(--rz-text-title-color);
    --rz-text-h4-margin-block-start: 0;
    --rz-text-h4-margin-block-end: 0.5rem;
    --rz-text-h5-font-size: clamp(1.25rem, 1.667vw, 1.5rem);
    --rz-text-h5-line-height: 1em;
    --rz-text-h5-font-weight: 600;
    --rz-text-h5-letter-spacing: -0.02em;
    --rz-text-h5-color: var(--rz-text-title-color);
    --rz-text-h5-margin-block-start: 0;
    --rz-text-h5-margin-block-end: 0.5rem;
    --rz-text-h6-font-size: clamp(1rem, 1.667vw, 1.25rem);
    --rz-text-h6-line-height: 1em;
    --rz-text-h6-font-weight: 600;
    --rz-text-h6-letter-spacing: -0.02em;
    --rz-text-h6-color: var(--rz-text-title-color);
    --rz-text-h6-margin-block-start: 0;
    --rz-text-h6-margin-block-end: 0.5rem;
    --rz-text-subtitle1-font-size: 1rem;
    --rz-text-subtitle1-line-height: 1.25rem;
    --rz-text-subtitle1-font-weight: 600;
    --rz-text-subtitle1-letter-spacing: -0.02em;
    --rz-text-subtitle1-color: var(--rz-text-title-color);
    --rz-text-subtitle1-margin-block-start: 0;
    --rz-text-subtitle1-margin-block-end: 0.5rem;
    --rz-text-subtitle2-font-size: 0.875rem;
    --rz-text-subtitle2-line-height: 1.25rem;
    --rz-text-subtitle2-font-weight: 600;
    --rz-text-subtitle2-letter-spacing: -0.02em;
    --rz-text-subtitle2-color: var(--rz-text-title-color);
    --rz-text-subtitle2-margin-block-start: 0;
    --rz-text-subtitle2-margin-block-end: 0.5rem;
    --rz-text-body1-font-size: 1rem;
    --rz-text-body1-line-height: 1.25rem;
    --rz-text-body1-font-weight: 400;
    --rz-text-body1-letter-spacing: -0.02em;
    --rz-text-body1-color: var(--rz-text-color);
    --rz-text-body1-margin-block-start: 0;
    --rz-text-body1-margin-block-end: 0.5rem;
    --rz-text-body2-font-size: 0.875rem;
    --rz-text-body2-line-height: 1.25rem;
    --rz-text-body2-font-weight: 400;
    --rz-text-body2-letter-spacing: -0.02em;
    --rz-text-body2-color: var(--rz-text-color);
    --rz-text-body2-margin-block-start: 0;
    --rz-text-body2-margin-block-end: 0.5rem;
    --rz-text-button-font-size: 0.875rem;
    --rz-text-button-line-height: 1.25rem;
    --rz-text-button-font-weight: 600;
    --rz-text-button-letter-spacing: -0.02em;
    --rz-text-button-color: var(--rz-text-color);
    --rz-text-button-margin-block-start: 0;
    --rz-text-button-margin-block-end: 0.5rem;
    --rz-text-caption-font-size: 0.75rem;
    --rz-text-caption-line-height: normal;
    --rz-text-caption-font-weight: 400;
    --rz-text-caption-letter-spacing: 0.4px;
    --rz-text-caption-color: var(--rz-text-color);
    --rz-text-caption-margin-block-start: 0;
    --rz-text-caption-margin-block-end: 0.5rem;
    --rz-text-overline-font-size: 0.625rem;
    --rz-text-overline-line-height: normal;
    --rz-text-overline-font-weight: 400;
    --rz-text-overline-letter-spacing: 1.5px;
    --rz-text-overline-text-transform: uppercase;
    --rz-text-overline-color: var(--rz-text-color);
    --rz-text-overline-margin-block-start: 0;
    --rz-text-overline-margin-block-end: 0.5rem;
    --rz-text-selection-background-color: var(--rz-primary-lighter);
    --rz-text-selection-color: inherit;
    --rz-link-color: var(--rz-secondary);
    --rz-link-text-decoration: none;
    --rz-link-hover-color: var(--rz-secondary-dark);
    --rz-link-hover-text-decoration: underline;
    --rz-link-focus-outline: var(--rz-outline-focus);
    --rz-link-focus-outline-offset: var(--rz-outline-offset);
    --rz-base-background-color: var(--rz-white);
    --rz-border-white: var(--rz-border-width) solid var(--rz-white);
    --rz-border-black: var(--rz-border-width) solid var(--rz-black);
    --rz-border-base: var(--rz-border-width) solid var(--rz-base);
    --rz-border-base-50: var(--rz-border-width) solid var(--rz-base-50);
    --rz-border-base-100: var(--rz-border-width) solid var(--rz-base-100);
    --rz-border-base-200: var(--rz-border-width) solid var(--rz-base-200);
    --rz-border-base-300: var(--rz-border-width) solid var(--rz-base-300);
    --rz-border-base-400: var(--rz-border-width) solid var(--rz-base-400);
    --rz-border-base-500: var(--rz-border-width) solid var(--rz-base-500);
    --rz-border-base-600: var(--rz-border-width) solid var(--rz-base-600);
    --rz-border-base-700: var(--rz-border-width) solid var(--rz-base-700);
    --rz-border-base-800: var(--rz-border-width) solid var(--rz-base-800);
    --rz-border-base-900: var(--rz-border-width) solid var(--rz-base-900);
    --rz-border-base-light: var(--rz-border-width) solid var(--rz-base-light);
    --rz-border-base-lighter: var(--rz-border-width) solid var(--rz-base-lighter);
    --rz-border-base-dark: var(--rz-border-width) solid var(--rz-base-dark);
    --rz-border-base-darker: var(--rz-border-width) solid var(--rz-base-darker);
    --rz-border-primary: var(--rz-border-width) solid var(--rz-primary);
    --rz-border-primary-light: var(--rz-border-width) solid var(--rz-primary-light);
    --rz-border-primary-lighter: var(--rz-border-width) solid var(--rz-primary-lighter);
    --rz-border-primary-dark: var(--rz-border-width) solid var(--rz-primary-dark);
    --rz-border-primary-darker: var(--rz-border-width) solid var(--rz-primary-darker);
    --rz-border-secondary: var(--rz-border-width) solid var(--rz-secondary);
    --rz-border-secondary-light: var(--rz-border-width) solid var(--rz-secondary-light);
    --rz-border-secondary-lighter: var(--rz-border-width) solid var(--rz-secondary-lighter);
    --rz-border-secondary-dark: var(--rz-border-width) solid var(--rz-secondary-dark);
    --rz-border-secondary-darker: var(--rz-border-width) solid var(--rz-secondary-darker);
    --rz-border-info: var(--rz-border-width) solid var(--rz-info);
    --rz-border-info-light: var(--rz-border-width) solid var(--rz-info-light);
    --rz-border-info-lighter: var(--rz-border-width) solid var(--rz-info-lighter);
    --rz-border-info-dark: var(--rz-border-width) solid var(--rz-info-dark);
    --rz-border-info-darker: var(--rz-border-width) solid var(--rz-info-darker);
    --rz-border-success: var(--rz-border-width) solid var(--rz-success);
    --rz-border-success-light: var(--rz-border-width) solid var(--rz-success-light);
    --rz-border-success-lighter: var(--rz-border-width) solid var(--rz-success-lighter);
    --rz-border-success-dark: var(--rz-border-width) solid var(--rz-success-dark);
    --rz-border-success-darker: var(--rz-border-width) solid var(--rz-success-darker);
    --rz-border-warning: var(--rz-border-width) solid var(--rz-warning);
    --rz-border-warning-light: var(--rz-border-width) solid var(--rz-warning-light);
    --rz-border-warning-lighter: var(--rz-border-width) solid var(--rz-warning-lighter);
    --rz-border-warning-dark: var(--rz-border-width) solid var(--rz-warning-dark);
    --rz-border-warning-darker: var(--rz-border-width) solid var(--rz-warning-darker);
    --rz-border-danger: var(--rz-border-width) solid var(--rz-danger);
    --rz-border-danger-light: var(--rz-border-width) solid var(--rz-danger-light);
    --rz-border-danger-lighter: var(--rz-border-width) solid var(--rz-danger-lighter);
    --rz-border-danger-dark: var(--rz-border-width) solid var(--rz-danger-dark);
    --rz-border-danger-darker: var(--rz-border-width) solid var(--rz-danger-darker);
    --rz-border-on-base: var(--rz-border-width) solid var(--rz-on-base);
    --rz-border-on-base-light: var(--rz-border-width) solid var(--rz-on-base-light);
    --rz-border-on-base-lighter: var(--rz-border-width) solid var(--rz-on-base-lighter);
    --rz-border-on-base-dark: var(--rz-border-width) solid var(--rz-on-base-dark);
    --rz-border-on-base-darker: var(--rz-border-width) solid var(--rz-on-base-darker);
    --rz-border-on-primary: var(--rz-border-width) solid var(--rz-on-primary);
    --rz-border-on-primary-light: var(--rz-border-width) solid var(--rz-on-primary-light);
    --rz-border-on-primary-lighter: var(--rz-border-width) solid var(--rz-on-primary-lighter);
    --rz-border-on-primary-dark: var(--rz-border-width) solid var(--rz-on-primary-dark);
    --rz-border-on-primary-darker: var(--rz-border-width) solid var(--rz-on-primary-darker);
    --rz-border-on-secondary: var(--rz-border-width) solid var(--rz-on-secondary);
    --rz-border-on-secondary-light: var(--rz-border-width) solid var(--rz-on-secondary-light);
    --rz-border-on-secondary-lighter: var(--rz-border-width) solid var(--rz-on-secondary-lighter);
    --rz-border-on-secondary-dark: var(--rz-border-width) solid var(--rz-on-secondary-dark);
    --rz-border-on-secondary-darker: var(--rz-border-width) solid var(--rz-on-secondary-darker);
    --rz-border-on-info: var(--rz-border-width) solid var(--rz-on-info);
    --rz-border-on-info-light: var(--rz-border-width) solid var(--rz-on-info-light);
    --rz-border-on-info-lighter: var(--rz-border-width) solid var(--rz-on-info-lighter);
    --rz-border-on-info-dark: var(--rz-border-width) solid var(--rz-on-info-dark);
    --rz-border-on-info-darker: var(--rz-border-width) solid var(--rz-on-info-darker);
    --rz-border-on-success: var(--rz-border-width) solid var(--rz-on-success);
    --rz-border-on-success-light: var(--rz-border-width) solid var(--rz-on-success-light);
    --rz-border-on-success-lighter: var(--rz-border-width) solid var(--rz-on-success-lighter);
    --rz-border-on-success-dark: var(--rz-border-width) solid var(--rz-on-success-dark);
    --rz-border-on-success-darker: var(--rz-border-width) solid var(--rz-on-success-darker);
    --rz-border-on-warning: var(--rz-border-width) solid var(--rz-on-warning);
    --rz-border-on-warning-light: var(--rz-border-width) solid var(--rz-on-warning-light);
    --rz-border-on-warning-lighter: var(--rz-border-width) solid var(--rz-on-warning-lighter);
    --rz-border-on-warning-dark: var(--rz-border-width) solid var(--rz-on-warning-dark);
    --rz-border-on-warning-darker: var(--rz-border-width) solid var(--rz-on-warning-darker);
    --rz-border-on-danger: var(--rz-border-width) solid var(--rz-on-danger);
    --rz-border-on-danger-light: var(--rz-border-width) solid var(--rz-on-danger-light);
    --rz-border-on-danger-lighter: var(--rz-border-width) solid var(--rz-on-danger-lighter);
    --rz-border-on-danger-dark: var(--rz-border-width) solid var(--rz-on-danger-dark);
    --rz-border-on-danger-darker: var(--rz-border-width) solid var(--rz-on-danger-darker);
    --rz-border-series-1: var(--rz-border-width) solid var(--rz-series-1);
    --rz-border-series-2: var(--rz-border-width) solid var(--rz-series-2);
    --rz-border-series-3: var(--rz-border-width) solid var(--rz-series-3);
    --rz-border-series-4: var(--rz-border-width) solid var(--rz-series-4);
    --rz-border-series-5: var(--rz-border-width) solid var(--rz-series-5);
    --rz-border-series-6: var(--rz-border-width) solid var(--rz-series-6);
    --rz-border-series-7: var(--rz-border-width) solid var(--rz-series-7);
    --rz-border-series-8: var(--rz-border-width) solid var(--rz-series-8);
    --rz-border-series-9: var(--rz-border-width) solid var(--rz-series-9);
    --rz-border-series-10: var(--rz-border-width) solid var(--rz-series-10);
    --rz-border-series-11: var(--rz-border-width) solid var(--rz-series-11);
    --rz-border-series-12: var(--rz-border-width) solid var(--rz-series-12);
    --rz-border-series-13: var(--rz-border-width) solid var(--rz-series-13);
    --rz-border-series-14: var(--rz-border-width) solid var(--rz-series-14);
    --rz-border-series-15: var(--rz-border-width) solid var(--rz-series-15);
    --rz-border-series-16: var(--rz-border-width) solid var(--rz-series-16);
    --rz-border-series-17: var(--rz-border-width) solid var(--rz-series-17);
    --rz-border-series-18: var(--rz-border-width) solid var(--rz-series-18);
    --rz-border-series-19: var(--rz-border-width) solid var(--rz-series-19);
    --rz-border-series-20: var(--rz-border-width) solid var(--rz-series-20);
    --rz-border-series-21: var(--rz-border-width) solid var(--rz-series-21);
    --rz-border-series-22: var(--rz-border-width) solid var(--rz-series-22);
    --rz-border-series-23: var(--rz-border-width) solid var(--rz-series-23);
    --rz-border-series-24: var(--rz-border-width) solid var(--rz-series-24);
    --rz-border-normal: var(--rz-border-width) solid var(--rz-base-300);
    --rz-border-hover: var(--rz-border-width) solid var(--rz-base-400);
    --rz-border-focus: var(--rz-border-width) solid var(--rz-base-400);
    --rz-border-disabled: var(--rz-border-width) solid var(--rz-base-200);
    --rz-border-radius: 4px;
    --rz-border-radius-0: 0;
    --rz-border-radius-1: 0.25rem;
    --rz-border-radius-2: 0.5rem;
    --rz-border-radius-3: 0.75rem;
    --rz-border-radius-4: 1rem;
    --rz-border-radius-5: 1.25rem;
    --rz-border-radius-6: 1.5rem;
    --rz-border-radius-7: 1.75rem;
    --rz-border-radius-8: 2rem;
    --rz-border-radius-9: 2.25rem;
    --rz-border-radius-10: 2.5rem;
    --rz-outline-white: var(--rz-outline-width) solid var(--rz-white);
    --rz-outline-black: var(--rz-outline-width) solid var(--rz-black);
    --rz-outline-base: var(--rz-outline-width) solid var(--rz-base);
    --rz-outline-base-50: var(--rz-outline-width) solid var(--rz-base-50);
    --rz-outline-base-100: var(--rz-outline-width) solid var(--rz-base-100);
    --rz-outline-base-200: var(--rz-outline-width) solid var(--rz-base-200);
    --rz-outline-base-300: var(--rz-outline-width) solid var(--rz-base-300);
    --rz-outline-base-400: var(--rz-outline-width) solid var(--rz-base-400);
    --rz-outline-base-500: var(--rz-outline-width) solid var(--rz-base-500);
    --rz-outline-base-600: var(--rz-outline-width) solid var(--rz-base-600);
    --rz-outline-base-700: var(--rz-outline-width) solid var(--rz-base-700);
    --rz-outline-base-800: var(--rz-outline-width) solid var(--rz-base-800);
    --rz-outline-base-900: var(--rz-outline-width) solid var(--rz-base-900);
    --rz-outline-base-light: var(--rz-outline-width) solid var(--rz-base-light);
    --rz-outline-base-lighter: var(--rz-outline-width) solid var(--rz-base-lighter);
    --rz-outline-base-dark: var(--rz-outline-width) solid var(--rz-base-dark);
    --rz-outline-base-darker: var(--rz-outline-width) solid var(--rz-base-darker);
    --rz-outline-primary: var(--rz-outline-width) solid var(--rz-primary);
    --rz-outline-primary-light: var(--rz-outline-width) solid var(--rz-primary-light);
    --rz-outline-primary-lighter: var(--rz-outline-width) solid var(--rz-primary-lighter);
    --rz-outline-primary-dark: var(--rz-outline-width) solid var(--rz-primary-dark);
    --rz-outline-primary-darker: var(--rz-outline-width) solid var(--rz-primary-darker);
    --rz-outline-secondary: var(--rz-outline-width) solid var(--rz-secondary);
    --rz-outline-secondary-light: var(--rz-outline-width) solid var(--rz-secondary-light);
    --rz-outline-secondary-lighter: var(--rz-outline-width) solid var(--rz-secondary-lighter);
    --rz-outline-secondary-dark: var(--rz-outline-width) solid var(--rz-secondary-dark);
    --rz-outline-secondary-darker: var(--rz-outline-width) solid var(--rz-secondary-darker);
    --rz-outline-info: var(--rz-outline-width) solid var(--rz-info);
    --rz-outline-info-light: var(--rz-outline-width) solid var(--rz-info-light);
    --rz-outline-info-lighter: var(--rz-outline-width) solid var(--rz-info-lighter);
    --rz-outline-info-dark: var(--rz-outline-width) solid var(--rz-info-dark);
    --rz-outline-info-darker: var(--rz-outline-width) solid var(--rz-info-darker);
    --rz-outline-success: var(--rz-outline-width) solid var(--rz-success);
    --rz-outline-success-light: var(--rz-outline-width) solid var(--rz-success-light);
    --rz-outline-success-lighter: var(--rz-outline-width) solid var(--rz-success-lighter);
    --rz-outline-success-dark: var(--rz-outline-width) solid var(--rz-success-dark);
    --rz-outline-success-darker: var(--rz-outline-width) solid var(--rz-success-darker);
    --rz-outline-warning: var(--rz-outline-width) solid var(--rz-warning);
    --rz-outline-warning-light: var(--rz-outline-width) solid var(--rz-warning-light);
    --rz-outline-warning-lighter: var(--rz-outline-width) solid var(--rz-warning-lighter);
    --rz-outline-warning-dark: var(--rz-outline-width) solid var(--rz-warning-dark);
    --rz-outline-warning-darker: var(--rz-outline-width) solid var(--rz-warning-darker);
    --rz-outline-danger: var(--rz-outline-width) solid var(--rz-danger);
    --rz-outline-danger-light: var(--rz-outline-width) solid var(--rz-danger-light);
    --rz-outline-danger-lighter: var(--rz-outline-width) solid var(--rz-danger-lighter);
    --rz-outline-danger-dark: var(--rz-outline-width) solid var(--rz-danger-dark);
    --rz-outline-danger-darker: var(--rz-outline-width) solid var(--rz-danger-darker);
    --rz-outline-on-base: var(--rz-outline-width) solid var(--rz-on-base);
    --rz-outline-on-base-light: var(--rz-outline-width) solid var(--rz-on-base-light);
    --rz-outline-on-base-lighter: var(--rz-outline-width) solid var(--rz-on-base-lighter);
    --rz-outline-on-base-dark: var(--rz-outline-width) solid var(--rz-on-base-dark);
    --rz-outline-on-base-darker: var(--rz-outline-width) solid var(--rz-on-base-darker);
    --rz-outline-on-primary: var(--rz-outline-width) solid var(--rz-on-primary);
    --rz-outline-on-primary-light: var(--rz-outline-width) solid var(--rz-on-primary-light);
    --rz-outline-on-primary-lighter: var(--rz-outline-width) solid var(--rz-on-primary-lighter);
    --rz-outline-on-primary-dark: var(--rz-outline-width) solid var(--rz-on-primary-dark);
    --rz-outline-on-primary-darker: var(--rz-outline-width) solid var(--rz-on-primary-darker);
    --rz-outline-on-secondary: var(--rz-outline-width) solid var(--rz-on-secondary);
    --rz-outline-on-secondary-light: var(--rz-outline-width) solid var(--rz-on-secondary-light);
    --rz-outline-on-secondary-lighter: var(--rz-outline-width) solid var(--rz-on-secondary-lighter);
    --rz-outline-on-secondary-dark: var(--rz-outline-width) solid var(--rz-on-secondary-dark);
    --rz-outline-on-secondary-darker: var(--rz-outline-width) solid var(--rz-on-secondary-darker);
    --rz-outline-on-info: var(--rz-outline-width) solid var(--rz-on-info);
    --rz-outline-on-info-light: var(--rz-outline-width) solid var(--rz-on-info-light);
    --rz-outline-on-info-lighter: var(--rz-outline-width) solid var(--rz-on-info-lighter);
    --rz-outline-on-info-dark: var(--rz-outline-width) solid var(--rz-on-info-dark);
    --rz-outline-on-info-darker: var(--rz-outline-width) solid var(--rz-on-info-darker);
    --rz-outline-on-success: var(--rz-outline-width) solid var(--rz-on-success);
    --rz-outline-on-success-light: var(--rz-outline-width) solid var(--rz-on-success-light);
    --rz-outline-on-success-lighter: var(--rz-outline-width) solid var(--rz-on-success-lighter);
    --rz-outline-on-success-dark: var(--rz-outline-width) solid var(--rz-on-success-dark);
    --rz-outline-on-success-darker: var(--rz-outline-width) solid var(--rz-on-success-darker);
    --rz-outline-on-warning: var(--rz-outline-width) solid var(--rz-on-warning);
    --rz-outline-on-warning-light: var(--rz-outline-width) solid var(--rz-on-warning-light);
    --rz-outline-on-warning-lighter: var(--rz-outline-width) solid var(--rz-on-warning-lighter);
    --rz-outline-on-warning-dark: var(--rz-outline-width) solid var(--rz-on-warning-dark);
    --rz-outline-on-warning-darker: var(--rz-outline-width) solid var(--rz-on-warning-darker);
    --rz-outline-on-danger: var(--rz-outline-width) solid var(--rz-on-danger);
    --rz-outline-on-danger-light: var(--rz-outline-width) solid var(--rz-on-danger-light);
    --rz-outline-on-danger-lighter: var(--rz-outline-width) solid var(--rz-on-danger-lighter);
    --rz-outline-on-danger-dark: var(--rz-outline-width) solid var(--rz-on-danger-dark);
    --rz-outline-on-danger-darker: var(--rz-outline-width) solid var(--rz-on-danger-darker);
    --rz-outline-series-1: var(--rz-outline-width) solid var(--rz-series-1);
    --rz-outline-series-2: var(--rz-outline-width) solid var(--rz-series-2);
    --rz-outline-series-3: var(--rz-outline-width) solid var(--rz-series-3);
    --rz-outline-series-4: var(--rz-outline-width) solid var(--rz-series-4);
    --rz-outline-series-5: var(--rz-outline-width) solid var(--rz-series-5);
    --rz-outline-series-6: var(--rz-outline-width) solid var(--rz-series-6);
    --rz-outline-series-7: var(--rz-outline-width) solid var(--rz-series-7);
    --rz-outline-series-8: var(--rz-outline-width) solid var(--rz-series-8);
    --rz-outline-series-9: var(--rz-outline-width) solid var(--rz-series-9);
    --rz-outline-series-10: var(--rz-outline-width) solid var(--rz-series-10);
    --rz-outline-series-11: var(--rz-outline-width) solid var(--rz-series-11);
    --rz-outline-series-12: var(--rz-outline-width) solid var(--rz-series-12);
    --rz-outline-series-13: var(--rz-outline-width) solid var(--rz-series-13);
    --rz-outline-series-14: var(--rz-outline-width) solid var(--rz-series-14);
    --rz-outline-series-15: var(--rz-outline-width) solid var(--rz-series-15);
    --rz-outline-series-16: var(--rz-outline-width) solid var(--rz-series-16);
    --rz-outline-series-17: var(--rz-outline-width) solid var(--rz-series-17);
    --rz-outline-series-18: var(--rz-outline-width) solid var(--rz-series-18);
    --rz-outline-series-19: var(--rz-outline-width) solid var(--rz-series-19);
    --rz-outline-series-20: var(--rz-outline-width) solid var(--rz-series-20);
    --rz-outline-series-21: var(--rz-outline-width) solid var(--rz-series-21);
    --rz-outline-series-22: var(--rz-outline-width) solid var(--rz-series-22);
    --rz-outline-series-23: var(--rz-outline-width) solid var(--rz-series-23);
    --rz-outline-series-24: var(--rz-outline-width) solid var(--rz-series-24);
    --rz-outline-normal: none;
    --rz-outline-focus: var(--rz-outline-width) solid var(--rz-outline-color);
    --rz-shadow-0: none;
    --rz-shadow-1: 0 0 2px 0 rgba(0, 0, 0, 0.08), 0px 2px 2px rgba(0, 0, 0, 0.08);
    --rz-shadow-2: 0 0 2px 0 rgba(0, 0, 0, 0.08), 0px 2px 2px rgba(0, 0, 0, 0.08), 0px 4px 12px 0 rgba(0, 0, 0, 0.04);
    --rz-shadow-3: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 4px 16px rgba(0, 0, 0, 0.1);
    --rz-shadow-4: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0px 3px 5px rgba(0, 0, 0, 0.04), 0px 8px 20px rgba(0, 0, 0, 0.11);
    --rz-shadow-5: 0 0 6px 0 rgba(0, 0, 0, 0.04), 0px 4px 6px rgba(0, 0, 0, 0.04), 0px 12px 24px rgba(0, 0, 0, 0.12);
    --rz-shadow-6: 0 0 6px 0 rgba(0, 0, 0, 0.04), 0px 5px 8px rgba(0, 0, 0, 0.04), 0px 14px 28px rgba(0, 0, 0, 0.13);
    --rz-shadow-7: 0 0 8px 0 rgba(0, 0, 0, 0.04), 0px 6px 10px rgba(0, 0, 0, 0.04), 0px 16px 32px rgba(0, 0, 0, 0.14);
    --rz-shadow-8: 0 0 8px 0 rgba(0, 0, 0, 0.04), 0px 7px 12px rgba(0, 0, 0, 0.04), 0px 18px 40px rgba(0, 0, 0, 0.15);
    --rz-shadow-9: 0 0 12px 0 rgba(0, 0, 0, 0.04), 0px 8px 16px rgba(0, 0, 0, 0.04), 0px 20px 48px rgba(0, 0, 0, 0.16);
    --rz-shadow-10: 0 0 12px 0 rgba(0, 0, 0, 0.04), 0px 9px 20px rgba(0, 0, 0, 0.04), 0px 22px 64px rgba(0, 0, 0, 0.2);
    --rz-transition: 0.1s linear;
    --rz-transition-all: all 0.1s linear;
    --rz-expander-transition: 0.2s ease-in-out;
    --rz-layout-body-margin: 0;
    --rz-layout-body-padding: 1rem;
    --rz-layout-body-border-radius: 0;
    --rz-layout-body-background-color: transparent;
    --rz-accordion-item-padding-block: 0.25rem;
    --rz-accordion-item-padding-inline: 0;
    --rz-accordion-item-margin: 0;
    --rz-accordion-item-border: none;
    --rz-accordion-item-background-color: var(--rz-base-background-color);
    --rz-accordion-item-color: var(--rz-text-color);
    --rz-accordion-item-focus-outline: var(--rz-outline-focus);
    --rz-accordion-item-focus-outline-offset: calc(-1 * var(--rz-outline-width));
    --rz-accordion-item-line-height: 1.25rem;
    --rz-accordion-item-font-size: var(--rz-body-font-size);
    --rz-accordion-item-font-weight: normal;
    --rz-accordion-icon-width: var(--rz-icon-size);
    --rz-accordion-icon-height: var(--rz-icon-size);
    --rz-accordion-icon-font-size: var(--rz-icon-size);
    --rz-accordion-icon-margin-inline: 0 0.25rem;
    --rz-accordion-toggle-icon-margin-inline: 0 0.25rem;
    --rz-accordion-toggle-icon-order: 0;
    --rz-accordion-selected-color: var(--rz-secondary);
    --rz-accordion-hover-color: var(--rz-secondary);
    --rz-accordion-content-padding-inline: 1.5rem 0.5rem;
    --rz-accordion-content-padding-block: 0.5rem;
    --rz-accordion-content-font-size: var(--rz-body-font-size);
    --rz-accordion-border-radius: var(--rz-border-radius);
    --rz-accordion-shadow: none;
    --rz-alert-margin: 0.5rem 0;
    --rz-alert-padding: 1rem;
    --rz-alert-gap: 1rem;
    --rz-alert-color: var(--rz-text-color);
    --rz-alert-background-color: var(--rz-base-200);
    --rz-alert-box-shadow: var(--rz-shadow-3);
    --rz-alert-border-radius: var(--rz-border-radius);
    --rz-alert-message-margin: 0.25rem 0;
    --rz-alert-title-color: var(--rz-text-h6-color);
    --rz-alert-icon-color: var(--rz-alert-color);
    --rz-alert-icon-margin: 0.25rem 0;
    --rz-alert-icon-size: var(--rz-icon-size);
    --rz-badge-border-radius: var(--rz-border-radius);
    --rz-badge-pill-border-radius: calc(4 * var(--rz-border-radius));
    --rz-badge-padding: 0.125rem 0.25rem;
    --rz-badge-pill-padding: 0.125rem 0.5rem;
    --rz-badge-font-size: 0.75rem;
    --rz-badge-font-weight: 600;
    --rz-badge-line-height: 1rem;
    --rz-badge-text-transform: uppercase;
    --rz-badge-letter-spacing: 0.02rem;
    --rz-button-base-background-color: var(--rz-primary);
    --rz-button-base-color: var(--rz-on-primary);
    --rz-button-background-size: auto;
    --rz-button-border-radius: var(--rz-border-radius);
    --rz-button-shadow: none;
    --rz-button-transition: var(--rz-transition-all), width 0, height 0;
    --rz-button-line-height: 1.25rem;
    --rz-button-vertical-align: top;
    --rz-button-hover-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.2);
    --rz-button-hover-gradient: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
    --rz-button-hover-background-size: auto;
    --rz-button-focus-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.2);
    --rz-button-focus-gradient: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
    --rz-button-focus-background-size: auto;
    --rz-button-focus-outline: var(--rz-outline-focus);
    --rz-button-focus-outline-offset: var(--rz-outline-offset);
    --rz-button-active-shadow: inset 0 3px 0 0 rgba(0, 0, 0, 0.1);
    --rz-button-active-gradient: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
    --rz-button-active-background-size: auto;
    --rz-button-disabled-opacity: 0.2;
    --rz-button-empty-opacity: 0.4;
    --rz-card-padding: 1.25rem;
    --rz-card-background-color: var(--rz-base-background-color);
    --rz-card-flat-background-color: var(--rz-base-100);
    --rz-card-shadow: var(--rz-shadow-2);
    --rz-card-border: var(--rz-border-normal);
    --rz-card-border-radius: var(--rz-border-radius);
    --rz-card-heading-margin-bottom: 0.5rem;
    --rz-carousel-pager-button-width: 0.75rem;
    --rz-carousel-pager-button-height: 0.75rem;
    --rz-carousel-pager-button-border: 0.125rem solid var(--rz-base);
    --rz-carousel-pager-button-border-radius: 50%;
    --rz-carousel-pager-button-background-color: var(--rz-base);
    --rz-carousel-pager-button-color: var(--rz-on-base);
    --rz-carousel-pager-button-hover-border: var(--rz-carousel-pager-button-border);
    --rz-carousel-pager-button-hover-background-color: transparent;
    --rz-carousel-pager-button-hover-color: var(--rz-on-base-dark);
    --rz-carousel-pager-button-active-width: var(--rz-carousel-pager-button-width);
    --rz-carousel-pager-button-active-height: var(--rz-carousel-pager-button-height);
    --rz-carousel-pager-button-active-border: 0.125rem solid var(--rz-white);
    --rz-carousel-pager-button-active-background-color: var(--rz-primary);
    --rz-carousel-pager-button-active-color: var(--rz-on-primary);
    --rz-carousel-pager-overlay-opacity: 0.7;
    --rz-carousel-pager-gap: 0.5rem;
    --rz-carousel-pager-height: 3rem;
    --rz-carousel-prev-next-button-border-radius: var(--rz-button-border-radius);
    --rz-carousel-prev-next-button-inset: 1rem;
    --rz-carousel-border-radius: var(--rz-card-border-radius);
    --rz-chart-axis-color: var(--rz-base-300);
    --rz-chart-axis-label-color: var(--rz-text-secondary-color);
    --rz-chart-axis-font-size: 0.875rem;
    --rz-chart-legend-font-size: 0.875rem;
    --rz-chart-legend-focus-outline: var(--rz-outline-focus);
    --rz-chart-legend-focus-outline-offset: var(--rz-outline-offset);
    --rz-chart-tooltip-background: var(--rz-base-background-color);
    --rz-chart-tooltip-color: var(--rz-text-color);
    --rz-chart-tooltip-border-radius: var(--rz-tooltip-border-radius);
    --rz-chart-tooltip-font-size: var(--rz-tooltip-font-size);
    --rz-chart-tooltip-item-border-radius: var(--rz-border-radius);
    --rz-chart-tooltip-item-hover-background-color: var(--rz-grid-stripe-background-color);
    --rz-chart-marker-stroke: var(--rz-base-background-color);
    --rz-chat-background-color: var(--rz-base-background-color);
    --rz-chat-border: var(--rz-border-normal);
    --rz-chat-border-radius: var(--rz-border-radius);
    --rz-chat-header-padding-block: 0.5rem;
    --rz-chat-header-padding-inline: 1rem 0.5rem;
    --rz-chat-header-background-color: var(--rz-base-background-color);
    --rz-chat-header-bottom-border: var(--rz-border-normal);
    --rz-chat-header-shadow: none;
    --rz-chat-header-title-font-size: 1rem;
    --rz-chat-header-title-font-weight: 600;
    --rz-chat-message-user-color: var(--rz-on-primary-lighter);
    --rz-chat-message-user-background-color: var(--rz-primary-lighter);
    --rz-chat-message-assistant-color: var(--rz-on-base);
    --rz-chat-message-assistant-background-color: var(--rz-base);
    --rz-chat-message-text-padding: 0.25rem 0.5rem;
    --rz-chat-message-text-border-radius: var(--rz-border-radius);
    --rz-chat-avatar-size: 2rem;
    --rz-chat-avatar-border-radius: var(--rz-border-radius);
    --rz-chat-avatar-font-size: 1rem;
    --rz-chat-avatar-font-weight: 700;
    --rz-chat-message-info-padding: 0;
    --rz-chat-message-callout-radius: calc(var(--rz-border-radius) / 4);
    --rz-checkbox-width: 1.25rem;
    --rz-checkbox-height: 1.25rem;
    --rz-checkbox-border-radius: 2px;
    --rz-checkbox-border-width: inherit;
    --rz-checkbox-label-margin-block: 0;
    --rz-checkbox-label-margin-inline: 0.5rem 1rem;
    --rz-checkbox-margin-block: 0;
    --rz-checkbox-margin-inline: 0;
    --rz-checkbox-focus-outline: var(--rz-outline-focus);
    --rz-checkbox-focus-outline-offset: var(--rz-outline-offset);
    --rz-checkbox-checked-background-color: var(--rz-secondary);
    --rz-checkbox-checked-hover-background-color: var(--rz-secondary-light);
    --rz-checkbox-checked-disabled-background-color: var(--rz-secondary);
    --rz-checkbox-checked-color: var(--rz-on-secondary);
    --rz-checkbox-checked-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.2);
    --rz-checkbox-checked-border: var(--rz-input-border-block-end);
    --rz-checkbox-checked-hover-border: var(--rz-input-border-block-end);
    --rz-checkbox-checked-disabled-border: var(--rz-input-border-block-end);
    --rz-checkbox-checked-icon-background-color: transparent;
    --rz-checkbox-checked-icon-border-radius: 0;
    --rz-checkbox-icon-width: var(--rz-body-font-size);
    --rz-checkbox-icon-height: var(--rz-body-font-size);
    --rz-checkbox-icon-font-size: var(--rz-body-font-size);
    --rz-checkbox-tri-icon-width: var(--rz-body-font-size);
    --rz-checkbox-tri-icon-height: var(--rz-body-font-size);
    --rz-checkbox-tri-icon-font-size: var(--rz-body-font-size);
    --rz-chip-background-color: var(--rz-base-200);
    --rz-chip-color: var(--rz-text-color);
    --rz-chip-padding-block: 0.375rem;
    --rz-chip-padding-inline: 0.75rem;
    --rz-chip-gap: 0.5rem;
    --rz-chip-border-radius: var(--rz-border-radius);
    --rz-chip-font-size: 0.875rem;
    --rz-chip-icon-size: 1.25rem;
    --rz-chip-font-weight: 500;
    --rz-chip-border-width: var(--rz-border-width);
    --rz-chip-selected-outline: var(--rz-outline-focus);
    --rz-chip-selected-outline-offset: var(--rz-outline-offset);
    --rz-chip-sm-gap: 0.25rem;
    --rz-chip-sm-font-size: 0.75rem;
    --rz-chip-sm-icon-size: 1rem;
    --rz-chip-sm-padding-block: 0.25rem;
    --rz-chip-sm-padding-inline: 0.5rem;
    --rz-chip-xs-gap: 0.25rem;
    --rz-chip-xs-font-size: 0.6875rem;
    --rz-chip-xs-icon-size: 0.875rem;
    --rz-chip-xs-padding-block: 0.125rem;
    --rz-chip-xs-padding-inline: 0.5625rem;
    --rz-chip-list-gap: 0.5rem;
    --rz-chip-disabled-opacity: 0.2;
    --rz-colorpicker-panel-border: var(--rz-border-normal);
    --rz-colorpicker-panel-background-color: var(--rz-base-background-color);
    --rz-colorpicker-panel-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.06);
    --rz-colorpicker-panel-padding: 0.5rem;
    --rz-colorpicker-panel-max-width: 20rem;
    --rz-colorpicker-saturation-height: 200px;
    --rz-colorpicker-focus-outline: var(--rz-outline-focus);
    --rz-colorpicker-focus-outline-offset: var(--rz-outline-offset);
    --rz-colorpicker-value-border-radius: var(--rz-border-radius);
    --rz-colorpicker-items-gap: 0.5rem;
    --rz-colorpicker-item-size: 1.25rem;
    --rz-colorpicker-item-border-radius: var(--rz-border-radius);
    --rz-colorpicker-item-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.25) 0px 0px 4px inset;
    --rz-colorpicker-item-selected-transform: scale(1.25);
    --rz-colorpicker-handle-size: 12px;
    --rz-colorpicker-handle-border: 2px solid var(--rz-white);
    --rz-colorpicker-handle-shadow: var(--rz-white) 0px 0px 0px 1px, rgba(0, 0, 0, 0.3) 0px 0px 1px 1px inset, rgba(0, 0, 0, 0.4) 0px 0px 1px 2px;
    --rz-colorpicker-hex-input-padding: 0.25rem 0.5rem;
    --rz-colorpicker-hex-input-height: 2rem;
    --rz-colorpicker-rgba-input-padding: 0.25rem 0.5rem;
    --rz-colorpicker-rgba-input-height: 2rem;
    --rz-colorpicker-input-labels-color: var(--rz-text-tertiary-color);
    --rz-datafilter-item-padding-block: 0.25rem;
    --rz-datafilter-item-padding-inline-start: 2rem;
    --rz-datafilter-item-indentation: 0.25rem;
    --rz-datafilter-item-path-width: 1rem;
    --rz-datafilter-item-path-height: calc(0.25rem + var(--rz-input-height) / 2);
    --rz-datafilter-item-path-border: var(--rz-border-normal);
    --rz-datafilter-item-path-border-radius: calc(2 * var(--rz-border-radius));
    --rz-datalist-background-color: var(--rz-base-background-color);
    --rz-datalist-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
    --rz-datalist-padding: 0.5rem;
    --rz-datalist-border: var(--rz-border-base-200);
    --rz-datalist-border-radius: var(--rz-border-radius);
    --rz-datalist-item-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
    --rz-datalist-item-border: var(--rz-border-base-200);
    --rz-datalist-item-margin-block: 0.5rem;
    --rz-datalist-item-margin-inline: 0.5rem;
    --rz-datalist-item-padding: 1rem;
    --rz-datalist-item-background-color: var(--rz-base-background-color);
    --rz-datepicker-trigger-icon-width: var(--rz-icon-size);
    --rz-datepicker-trigger-icon-height: var(--rz-icon-size);
    --rz-datepicker-line-height: 1.25rem;
    --rz-datepicker-trigger-icon-color: var(--rz-input-value-color);
    --rz-datepicker-trigger-icon-hover-color: var(--rz-input-value-color);
    --rz-datepicker-popup-width: 20rem;
    --rz-datepicker-panel-border: var(--rz-border-normal);
    --rz-datepicker-panel-background-color: var(--rz-base-background-color);
    --rz-datepicker-panel-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.06);
    --rz-datepicker-panel-margin: 0;
    --rz-datepicker-header-color: var(--rz-text-secondary-color);
    --rz-datepicker-header-background-color: var(--rz-base-200);
    --rz-datepicker-header-padding-block: 0.25rem;
    --rz-datepicker-header-padding-inline: 0.25rem;
    --rz-datepicker-header-border: none;
    --rz-datepicker-footer-padding: 0 1rem;
    --rz-datepicker-footer-line-height: 2.8125rem;
    --rz-datepicker-prev-next-icon-size: 1.5rem;
    --rz-datepicker-prev-next-button-border-radius: var(--rz-border-radius);
    --rz-datepicker-calendar-padding-block: 0;
    --rz-datepicker-calendar-padding-inline: 0;
    --rz-datepicker-calendar-item-padding: 0.5rem 0.875rem;
    --rz-datepicker-calendar-header-font-size: 0.625rem;
    --rz-datepicker-calendar-header-text-transform: uppercase;
    --rz-datepicker-calendar-header-color: var(--rz-text-tertiary-color);
    --rz-datepicker-calendar-font-size: var(--rz-body-font-size);
    --rz-datepicker-calendar-color: var(--rz-text-color);
    --rz-datepicker-calendar-hover-color: var(--rz-on-secondary-light);
    --rz-datepicker-calendar-hover-background-color: var(--rz-secondary-light);
    --rz-datepicker-calendar-selected-color: var(--rz-on-secondary-dark);
    --rz-datepicker-calendar-selected-background-color: var(--rz-secondary-dark);
    --rz-datepicker-calendar-selected-hover-color: var(--rz-on-secondary);
    --rz-datepicker-calendar-selected-hover-background-color: var(--rz-secondary);
    --rz-datepicker-calendar-border: var(--rz-border-base-100);
    --rz-datepicker-calendar-border-radius: 0;
    --rz-datepicker-calendar-transition: var(--rz-transition-all);
    --rz-datepicker-calendar-today-color: var(--rz-secondary);
    --rz-datepicker-calendar-today-background-color: transparent;
    --rz-datepicker-calendar-today-box-shadow: none;
    --rz-datepicker-calendar-today-border-radius: var(--rz-datepicker-calendar-border-radius);
    --rz-datepicker-month-dropdown-width: 8rem;
    --rz-datepicker-year-dropdown-width: 4.5rem;
    --rz-datepicker-focus-outline: var(--rz-outline-focus);
    --rz-datepicker-focus-outline-offset: calc(-1 * var(--rz-outline-width));
    --rz-timepicker-color: var(--rz-text-color);
    --rz-timepicker-background-color: var(--rz-base-200);
    --rz-timepicker-separator-color: var(--rz-text-color);
    --rz-timepicker-padding-block: 0.5rem;
    --rz-timepicker-padding-inline: 0.5rem;
    --rz-timepicker-hour-padding: 0.5rem;
    --rz-timepicker-button-color: var(--rz-on-secondary);
    --rz-timepicker-button-background-color: var(--rz-secondary);
    --rz-timepicker-button-width: 0.875rem;
    --rz-timepicker-button-height: 0.875rem;
    --rz-timepicker-button-border-radius: 2px;
    --rz-timepicker-button-padding: 0.5rem 1rem !important;
    --rz-timepicker-gap: 0.5rem;
    --rz-timepicker-separator-margin: 0 0.5rem;
    --rz-timepicker-border: none;
    --rz-dialog-background-color: var(--rz-base-background-color);
    --rz-dialog-shadow: 0 22px 64px 0 rgba(0, 0, 0, 0.22);
    --rz-dialog-title-background-color: var(--rz-base-100);
    --rz-dialog-title-border: none;
    --rz-dialog-title-padding-block: 0.6875rem;
    --rz-dialog-title-padding-inline: 1.25rem;
    --rz-dialog-title-font-size: 1.25rem;
    --rz-dialog-title-line-height: 1.875rem;
    --rz-dialog-title-font-weight: 700;
    --rz-dialog-title-letter-spacing: -0.03em;
    --rz-dialog-title-color: var(--rz-text-title-color);
    --rz-dialog-close-font-size: var(--rz-icon-size);
    --rz-dialog-close-color: var(--rz-text-tertiary-color);
    --rz-dialog-close-hover-color: var(--rz-text-color);
    --rz-dialog-close-vertical-align: middle;
    --rz-dialog-content-padding: 1.25rem;
    --rz-dialog-mask-background-color: var(--rz-base-800);
    --rz-dialog-border-radius: var(--rz-border-radius);
    --rz-dialog-mask-zindex: 1000;
    --rz-dialog-zindex: 1001;
    --rz-dialog-transition: 0.1s ease-in-out;
    --rz-dialog-resize-bar-color: var(--rz-splitter-bar-color);
    --rz-dialog-resize-bar-background-color: var(--rz-splitter-bar-background-color);
    --rz-dialog-resize-bar-hover-opacity: var(--rz-splitter-bar-hover-opacity);
    --rz-dialog-resize-bar-thickness: 8px;
    --rz-dialog-resize-bar-length: 100%;
    --rz-dialog-resize-bar-handle-size: 16px;
    --rz-dropdown-trigger-icon-width: var(--rz-icon-size);
    --rz-dropdown-trigger-icon-height: var(--rz-icon-size);
    --rz-dropdown-trigger-icon-margin-block: 0;
    --rz-dropdown-trigger-icon-margin-inline: 0 0.5rem;
    --rz-dropdown-horizontal-padding: 0.5rem;
    --rz-dropdown-panel-padding: 0 0.5rem;
    --rz-dropdown-items-margin: 0 -0.5rem;
    --rz-dropdown-items-padding: 0;
    --rz-dropdown-item-padding: 0.5rem;
    --rz-dropdown-item-font-size: var(--rz-input-font-size);
    --rz-dropdown-item-hover-background-color: var(--rz-secondary-light);
    --rz-dropdown-item-selected-background-color: var(--rz-secondary-dark);
    --rz-dropdown-item-selected-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
    --rz-dropdown-item-hover-color: var(--rz-on-secondary-light);
    --rz-dropdown-item-selected-color: var(--rz-on-secondary-dark);
    --rz-dropdown-item-selected-hover-background-color: var(--rz-secondary);
    --rz-dropdown-item-selected-hover-color: var(--rz-on-secondary);
    --rz-dropdown-item-transition: none;
    --rz-dropdown-item-disabled-opacity: 0.2;
    --rz-dropdown-label-padding-block: 0;
    --rz-dropdown-label-padding-inline: 0 var(--rz-icon-size);
    --rz-dropdown-filter-border: var(--rz-border-base-100);
    --rz-dropdown-filter-padding: 0.5rem 0;
    --rz-dropdown-open-background-color: var(--rz-base-background-color);
    --rz-dropdown-open-border: var(--rz-input-border);
    --rz-dropdown-panel-border: var(--rz-input-border);
    --rz-dropdown-panel-shadow: none;
    --rz-dropdown-chips-padding-block: var(--rz-input-padding-block);
    --rz-dropdown-chips-padding-inline: var(--rz-input-padding-inline);
    --rz-multiselect-checkbox-margin-block: 0;
    --rz-multiselect-checkbox-margin-inline: 0 0.5rem;
    --rz-editor-border: var(--rz-input-border);
    --rz-editor-border-radius: var(--rz-border-radius);
    --rz-editor-toolbar-background-color: var(--rz-base-background-color);
    --rz-editor-toolbar-item-margin: 0.25rem 0.125rem;
    --rz-editor-button-padding: 0.5rem;
    --rz-editor-button-background-color: var(--rz-base-background-color);
    --rz-editor-button-color: var(--rz-text-color);
    --rz-editor-button-disabled-color: var(--rz-text-disabled-color);
    --rz-editor-button-selected-background-color: var(--rz-secondary);
    --rz-editor-button-selected-color: var(--rz-on-secondary);
    --rz-editor-separator-background-color: var(--rz-base-200);
    --rz-editor-content-background-color: var(--rz-base-background-color);
    --rz-editor-focus-outline: var(--rz-outline-focus);
    --rz-editor-focus-outline-offset: calc(-1 * var(--rz-outline-width));
    --rz-fieldset-border: var(--rz-border-normal);
    --rz-fieldset-border-radius: 0;
    --rz-fieldset-padding: 1.25rem;
    --rz-fieldset-legend-color: var(--rz-text-tertiary-color);
    --rz-fieldset-legend-font-size: var(--rz-body-font-size);
    --rz-fieldset-legend-margin-block: 0;
    --rz-fieldset-legend-margin-inline: 1rem 0;
    --rz-fieldset-legend-padding-block: 0;
    --rz-fieldset-legend-padding-inline: 1rem;
    --rz-fieldset-toggle-width: 1.125rem;
    --rz-fieldset-toggle-margin-block: 0;
    --rz-fieldset-toggle-margin-inline: 0 0.5rem;
    --rz-fieldset-toggle-height: 1.125rem;
    --rz-fieldset-toggle-background-color: var(--rz-base-200);
    --rz-fieldset-toggle-color: var(--rz-text-tertiary-color);
    --rz-fieldset-toggle-font-size: 1rem;
    --rz-fieldset-toggle-border: none;
    --rz-fieldset-toggle-focus-outline: var(--rz-outline-focus);
    --rz-fieldset-toggle-focus-outline-offset: var(--rz-outline-offset);
    --rz-fab-inset-block-start: auto;
    --rz-fab-inset-block-end: 1.5rem;
    --rz-fab-inset-inline-start: auto;
    --rz-fab-inset-inline-end: 1.5rem;
    --rz-fab-zindex: 1000;
    --rz-fab-border-radius: var(--rz-border-radius-4);
    --rz-fab-active-border-radius: calc(2 * var(--rz-border-radius));
    --rz-fab-shadow: var(--rz-shadow-4);
    --rz-fab-hover-shadow: var(--rz-shadow-6);
    --rz-fab-active-shadow: var(--rz-shadow-6);
    --rz-fabmenu-offset: 0.5rem;
    --rz-footer-padding: 1rem;
    --rz-footer-background-color: var(--rz-base-background-color);
    --rz-footer-border: var(--rz-border-base-200);
    --rz-footer-color: var(--rz-text-color);
    --rz-footer-z: 2;
    --rz-form-field-margin-block: 0.625rem 0;
    --rz-form-field-margin-inline: 0;
    --rz-form-field-start-end-padding-block: 0;
    --rz-form-field-start-end-padding-inline: var(--rz-input-padding-inline);
    --rz-form-field-filled-height: 3.25rem;
    --rz-form-field-filled-padding-block: 1.4375rem 0.4375rem;
    --rz-form-field-filled-padding-inline: 0.4375rem;
    --rz-form-field-filled-numeric-padding-block: 1.5rem 0.5rem;
    --rz-form-field-filled-numeric-padding-inline: 0.5rem 1.25rem;
    --rz-form-field-filled-background-color: var(--rz-base-100);
    --rz-form-field-filled-hover-background-color: var(--rz-base-200);
    --rz-form-field-filled-border: var(--rz-input-border);
    --rz-form-field-filled-hover-border: var(--rz-input-hover-border);
    --rz-form-field-filled-focus-border: var(--rz-input-focus-border);
    --rz-form-field-filled-border-radius: var(--rz-border-radius);
    --rz-form-field-filled-label-floating-top: 0.25rem;
    --rz-form-field-filled-hover-shadow: var(--rz-input-hover-shadow);
    --rz-form-field-filled-focus-shadow: var(--rz-input-focus-shadow);
    --rz-form-field-filled-underline-display: none;
    --rz-form-field-shadow: none;
    --rz-form-field-hover-shadow: none;
    --rz-form-field-focus-shadow: none;
    --rz-form-field-label-color: var(--rz-text-color);
    --rz-form-field-label-focus-color: var(--rz-primary);
    --rz-form-field-label-padding: 0.125rem 0.1875rem;
    --rz-form-field-text-label-padding: 0.125rem 0;
    --rz-form-field-label-inset-inline-start: 0.25rem;
    --rz-form-field-label-textarea-top: 0.375rem;
    --rz-form-field-label-floating-top: -0.625rem;
    --rz-form-field-label-floating-background-color: var(--rz-input-background-color);
    --rz-form-field-helper-padding: 0 0.5rem;
    --rz-form-error-color: var(--rz-danger);
    --rz-form-error-font-size: 0.75rem;
    --rz-validator-background-color: var(--rz-danger);
    --rz-validator-color: var(--rz-on-danger);
    --rz-validator-shadow: 0 6px 14px 0 rgba(249, 119, 127, 0.3);
    --rz-validator-text-padding: 0;
    --rz-validator-padding: 0.25rem 0.5rem;
    --rz-validator-pointer-size: 0.375rem;
    --rz-validator-transform: translateY(12px);
    --rz-gauge-scale-color: var(--rz-base-300);
    --rz-gauge-scale-label-color: var(--rz-text-tertiary-color);
    --rz-gauge-scale-font-size: var(--rz-body-font-size);
    --rz-gauge-pointer-color: var(--rz-text-secondary-color);
    --rz-gauge-arc-scale-color: var(--rz-base-300);
    --rz-gauge-arc-scale-label-color: var(--rz-text-tertiary-color);
    --rz-gauge-arc-value-color: var(--rz-secondary);
    --rz-map-height: 10rem;
    --rz-map-padding: 1.25rem;
    --rz-map-background-color: var(--rz-base-background-color);
    --rz-map-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
    --rz-gravatar-width: 2rem;
    --rz-gravatar-height: 2rem;
    --rz-gravatar-border-radius: 50%;
    --rz-gravatar-box-shadow: none;
    --rz-grid-data-border-shadow: none;
    --rz-grid-cell-border: var(--rz-border-normal);
    --rz-grid-right-cell-border: var(--rz-border-normal);
    --rz-grid-bottom-cell-border: var(--rz-border-normal);
    --rz-grid-cell-padding: 0.5rem;
    --rz-grid-cell-color: var(--rz-text-color);
    --rz-grid-cell-font-size: var(--rz-body-font-size);
    --rz-grid-cell-line-height: var(--rz-body-line-height);
    --rz-grid-cell-focus-background-color: var(--rz-secondary-lighter);
    --rz-grid-cell-focus-color: var(--rz-on-secondary-lighter);
    --rz-grid-cell-focus-outline: var(--rz-outline-focus);
    --rz-grid-cell-focus-outline-offset: calc(-1 * var(--rz-outline-width));
    --rz-grid-hover-background-color: var(--rz-secondary-lighter);
    --rz-grid-hover-color: var(--rz-on-secondary-lighter);
    --rz-grid-focus-outline: var(--rz-outline-focus);
    --rz-grid-focus-outline-offset: var(--rz-outline-offset);
    --rz-grid-selected-background-color: var(--rz-secondary-dark);
    --rz-grid-selected-color: var(--rz-on-secondary-dark);
    --rz-grid-toolbar-background-color: var(--rz-base-background-color);
    --rz-grid-header-cell-border: var(--rz-border-normal);
    --rz-grid-header-cell-border-bottom: none;
    --rz-grid-header-background-color: var(--rz-base-200);
    --rz-grid-header-font-size: 0.75rem;
    --rz-grid-header-line-height: 1rem;
    --rz-grid-header-font-weight: 600;
    --rz-grid-header-text-transform: uppercase;
    --rz-grid-header-color: var(--rz-text-color);
    --rz-grid-header-cell-padding: 0.625rem 0;
    --rz-grid-header-title-padding-inline: 0.5rem 0;
    --rz-grid-header-sorted-background-color: var(--rz-base-300);
    --rz-grid-header-padding: 1rem;
    --rz-grid-foot-cell-color: var(--rz-text-color);
    --rz-grid-foot-background-color: var(--rz-base-200);
    --rz-grid-filter-background-color: var(--rz-base-100);
    --rz-grid-filter-padding: 0.5rem;
    --rz-grid-filter-margin: 0;
    --rz-grid-filter-border: var(--rz-border-normal);
    --rz-grid-filter-font-size: var(--rz-body-font-size);
    --rz-grid-filter-icon-width: var(--rz-icon-size);
    --rz-grid-filter-icon-height: var(--rz-icon-size);
    --rz-grid-filter-icon-margin-inline: 0 0.25rem;
    --rz-grid-filter-icon-font-size: var(--rz-icon-size);
    --rz-grid-filter-color: var(--rz-text-disabled-color);
    --rz-grid-filter-focus-color: var(--rz-secondary);
    --rz-grid-filter-gap: 1rem;
    --rz-grid-filter-buttons-padding: 0 1rem 1rem;
    --rz-grid-filter-buttons-border: none;
    --rz-grid-filter-buttons-background-color: var(--rz-base-100);
    --rz-grid-filter-button-padding-inline: 1rem;
    --rz-grid-clear-filter-button-background-color: var(--rz-base);
    --rz-grid-clear-filter-button-color: var(--rz-on-base);
    --rz-grid-clear-filter-button-shadow: none;
    --rz-grid-apply-filter-button-background-color: var(--rz-primary);
    --rz-grid-apply-filter-button-color: var(--rz-on-primary);
    --rz-grid-apply-filter-button-shadow: none;
    --rz-grid-header-filter-icon-margin-inline: auto 0.5rem;
    --rz-grid-header-filter-icon-hover-color: var(--rz-text-color);
    --rz-grid-header-filter-icon-active-color: var(--rz-primary);
    --rz-grid-header-filter-icon-font-size: 1rem;
    --rz-grid-simple-filter-icon-active-color: var(--rz-secondary-darker);
    --rz-grid-simple-filter-icon-active-background-color: var(--rz-secondary-lighter);
    --rz-grid-border: var(--rz-border-normal);
    --rz-grid-border-radius: 0;
    --rz-grid-sort-icon-width: 1rem;
    --rz-grid-sort-icon-height: 1rem;
    --rz-grid-sort-icon-color: var(--rz-text-disabled-color);
    --rz-grid-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
    --rz-grid-background-color: var(--rz-base-background-color);
    --rz-grid-stripe-background-color: var(--rz-base-100);
    --rz-grid-stripe-odd-background-color: var(--rz-base-background-color);
    --rz-grid-column-resizer-width: 0.5rem;
    --rz-grid-column-resizer-helper-width: 0.25rem;
    --rz-grid-column-resizer-helper-background-color: var(--rz-secondary);
    --rz-grid-column-icon-width: 2rem;
    --rz-grid-column-icon-padding: 0;
    --rz-grid-detail-template-border: none;
    --rz-grid-detail-template-border-radius: 0;
    --rz-grid-detail-template-padding: 0;
    --rz-grid-detail-template-background-color: var(--rz-base-background-color);
    --rz-grid-loading-indicator-color: currentColor;
    --rz-grid-loading-indicator-background-color: var(--rz-base-600);
    --rz-grid-loading-indicator-background-opacity: 0.5;
    --rz-grid-frozen-cell-border: var(--rz-border-normal);
    --rz-grid-frozen-cell-background-color: var(--rz-base-200);
    --rz-grid-frozen-stripe-background-color: var(--rz-grid-stripe-background-color);
    --rz-grid-frozen-stripe-odd-background-color: var(--rz-grid-stripe-odd-background-color);
    --rz-grid-state-transition: var(--rz-transition-all);
    --rz-grid-group-header-padding: 0.5rem;
    --rz-grid-group-header-gap: 0.5rem;
    --rz-grid-group-header-item-color: var(--rz-text-color);
    --rz-grid-group-header-item-background-color: var(--rz-base-background-color);
    --rz-grid-group-header-item-padding-block: 0.5rem;
    --rz-grid-group-header-item-padding-inline: 0.5rem;
    --rz-grid-group-header-item-border: var(--rz-border-normal);
    --rz-grid-group-header-item-border-radius: var(--rz-border-radius);
    --rz-grid-group-header-item-title-margin-inline: 0 0.5rem;
    --rz-column-drag-handle-color: var(--rz-text-color);
    --rz-column-drag-handle-hover-color: var(--rz-text-color);
    --rz-column-drag-handle-margin-inline: 0 auto;
    --rz-column-draggable-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.1);
    --rz-gantt-row-height: 2.25rem;
    --rz-gantt-border: var(--rz-border-normal);
    --rz-gantt-border-radius: var(--rz-border-radius);
    --rz-gantt-background-color: var(--rz-base-background-color);
    --rz-gantt-event-border-radius: var(--rz-border-radius);
    --rz-header-background-color: var(--rz-base-background-color);
    --rz-header-min-height: 3.125rem;
    --rz-header-z: 2;
    --rz-header-border: var(--rz-border-base-200);
    --rz-header-color: var(--rz-text-color);
    --rz-header-shadow: none;
    --rz-icon-font-family: Material Symbols;
    --rz-icon-size: 1.25rem;
    --rz-icon-fill: 0;
    --rz-icon-weight: inherit;
    --rz-icon-grade: 0;
    --rz-icon-optical-size: 48;
    --rz-input-font-size: var(--rz-body-font-size);
    --rz-input-height: 2.25rem;
    --rz-input-line-height: var(--rz-body-line-height);
    --rz-input-padding-block: 0.4375rem;
    --rz-input-padding-inline: 0.4375rem;
    --rz-input-value-color: var(--rz-text-color);
    --rz-input-placeholder-color: var(--rz-text-tertiary-color);
    --rz-input-background-color: var(--rz-base-background-color);
    --rz-input-border: var(--rz-border-normal);
    --rz-input-border-block-end: var(--rz-border-normal);
    --rz-input-border-radius: var(--rz-border-radius);
    --rz-input-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03);
    --rz-input-hover-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03);
    --rz-input-hover-background-color: var(--rz-base-background-color);
    --rz-input-hover-border: var(--rz-border-hover);
    --rz-input-hover-border-block-end: var(--rz-input-hover-border);
    --rz-input-focus-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03);
    --rz-input-focus-background-color: var(--rz-base-background-color);
    --rz-input-focus-border: var(--rz-border-focus);
    --rz-input-focus-border-block-end: var(--rz-input-focus-border);
    --rz-input-focus-outline: var(--rz-outline-normal);
    --rz-input-focus-outline-offset: 0;
    --rz-input-disabled-border: var(--rz-border-disabled);
    --rz-input-disabled-border-block-end: var(--rz-border-disabled);
    --rz-input-disabled-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03);
    --rz-input-disabled-background-color: var(--rz-base-100);
    --rz-input-disabled-color: var(--rz-text-tertiary-color);
    --rz-input-disabled-placeholder-color: var(--rz-text-disabled-color);
    --rz-input-disabled-opacity: 1;
    --rz-input-transition: var(--rz-transition-all), width 0, height 0;
    --rz-layout-background-color: var(--rz-body-background-color);
    --rz-listbox-background-color: var(--rz-input-background-color);
    --rz-listbox-border-radius: var(--rz-input-border-radius);
    --rz-listbox-border: var(--rz-input-border);
    --rz-listbox-focus-border: var(--rz-input-focus-border);
    --rz-listbox-focus-shadow: var(--rz-input-focus-shadow);
    --rz-listbox-filter-border: var(--rz-border-base-100);
    --rz-listbox-padding: 0;
    --rz-listbox-item-padding: var(--rz-dropdown-item-padding);
    --rz-listbox-item-margin: 0;
    --rz-listbox-checkbox-margin-block: 0;
    --rz-listbox-checkbox-margin-inline: 0 0.5rem;
    --rz-listbox-header-padding-block: 0.5rem;
    --rz-listbox-header-padding-inline: 0.5rem;
    --rz-listbox-header-icon-width: var(--rz-icon-size);
    --rz-listbox-header-icon-height: var(--rz-icon-size);
    --rz-listbox-header-icon-margin: 0;
    --rz-login-register-background-color: var(--rz-base-100);
    --rz-login-register-padding-block: 1rem;
    --rz-login-register-padding-inline: 1rem;
    --rz-login-register-margin-block: 2rem 0;
    --rz-login-register-margin-inline: 0;
    --rz-login-register-button-margin-block: 0;
    --rz-login-register-button-margin-inline: 0;
    --rz-lookup-panel-background-color: var(--rz-base-background-color);
    --rz-lookup-panel-padding: 1rem;
    --rz-lookup-search-gap: 0.5rem;
    --rz-lookup-search-margin-bottom: 0.5rem;
    --rz-menu-background-color: var(--rz-base-background-color);
    --rz-menu-border: var(--rz-border-normal);
    --rz-menu-border-radius: 2px;
    --rz-menu-item-padding-block: 0.5rem;
    --rz-menu-item-padding-inline: 0.5rem 1rem;
    --rz-menu-item-border-radius: 0;
    --rz-menu-item-color: var(--rz-text-color);
    --rz-menu-item-hover-color: var(--rz-on-secondary-light);
    --rz-menu-item-hover-background-color: var(--rz-secondary-light);
    --rz-menu-item-focus-outline: var(--rz-outline-focus);
    --rz-menu-item-focus-outline-offset: calc(-1 * var(--rz-outline-width));
    --rz-menu-item-selected-color: var(--rz-secondary);
    --rz-menu-item-selected-background-color: transparent;
    --rz-menu-item-icon-margin-inline: 0 0.5rem;
    --rz-menu-item-icon-color: var(--rz-text-color);
    --rz-menu-item-icon-hover-color: var(--rz-on-secondary-light);
    --rz-menu-item-offset: 1rem;
    --rz-menu-item-transition: none;
    --rz-menu-item-disabled-opacity: 0.2;
    --rz-menu-top-item-padding-block: 0.5rem;
    --rz-menu-top-item-padding-inline: 0.5rem;
    --rz-menu-top-item-border-radius: 0;
    --rz-menu-top-item-color: var(--rz-text-color);
    --rz-menu-top-item-background-color: var(--rz-base-background-color);
    --rz-menu-top-item-hover-color: var(--rz-secondary);
    --rz-menu-top-item-hover-background-color: transparent;
    --rz-menu-top-item-selected-color: var(--rz-secondary);
    --rz-menu-top-item-selected-background-color: transparent;
    --rz-menu-top-item-icon-color: var(--rz-text-color);
    --rz-menu-top-item-icon-hover-color: var(--rz-secondary);
    --rz-context-menu-padding-block: 0;
    --rz-context-menu-padding-inline: 0;
    --rz-context-menu-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 4px 16px rgba(0, 0, 0, 0.1);
    --rz-notification-padding: 1rem 1.25rem;
    --rz-notification-gap: 0.625rem;
    --rz-notification-icon-margin: 0;
    --rz-notification-container-background-color: transparent;
    --rz-notification-shadow: none;
    --rz-notification-border-radius: var(--rz-border-radius);
    --rz-notification-success-color: var(--rz-on-success);
    --rz-notification-success-background-color: var(--rz-success);
    --rz-notification-success-icon-color: var(--rz-on-success);
    --rz-notification-warning-color: var(--rz-on-warning);
    --rz-notification-warning-background-color: var(--rz-warning);
    --rz-notification-warning-icon-color: var(--rz-on-warning);
    --rz-notification-error-color: var(--rz-on-danger);
    --rz-notification-error-background-color: var(--rz-danger);
    --rz-notification-error-icon-color: var(--rz-on-danger);
    --rz-notification-info-color: var(--rz-on-info);
    --rz-notification-info-background-color: var(--rz-info);
    --rz-notification-info-icon-color: var(--rz-on-info);
    --rz-numeric-line-height: 1.25rem;
    --rz-numeric-input-padding-block: 0.5rem;
    --rz-numeric-input-padding-inline: 0.5rem 1.25rem;
    --rz-numeric-button-width: 0.875rem;
    --rz-numeric-button-height: 0.875rem;
    --rz-numeric-button-offset: 2px;
    --rz-numeric-button-border-radius: calc(var(--rz-border-radius) - 2px);
    --rz-numeric-button-background-color: var(--rz-secondary);
    --rz-numeric-button-disabled-background-color: var(--rz-base-300);
    --rz-numeric-button-disabled-color: var(--rz-text-disabled-color);
    --rz-numeric-button-color: var(--rz-on-secondary);
    --rz-overlay-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.06);
    --rz-overlay-border: var(--rz-border-normal);
    --rz-overlay-background-color: var(--rz-base-100);
    --rz-pager-background-color: var(--rz-base-background-color);
    --rz-pager-padding: 0.5rem;
    --rz-pager-gap: 0.5rem;
    --rz-pager-border: var(--rz-border-normal);
    --rz-pager-button-border-radius: var(--rz-border-radius);
    --rz-pager-numeric-button-background-color: var(--rz-base-200);
    --rz-pager-numeric-button-color: var(--rz-text-color);
    --rz-pager-numeric-button-border: 1px solid transparent;
    --rz-pager-numeric-button-hover-background-color: var(--rz-base-200);
    --rz-pager-numeric-button-hover-color: var(--rz-text-color);
    --rz-pager-numeric-button-padding: 0.4375rem;
    --rz-pager-numeric-button-selected-background-color: var(--rz-base-background-color);
    --rz-pager-numeric-button-selected-color: var(--rz-primary);
    --rz-pager-numeric-button-selected-border: var(--rz-border-base-200);
    --rz-pager-numeric-button-selected-padding: 0.4375rem;
    --rz-pager-numeric-button-min-width: 2.25rem;
    --rz-pager-back-button-background-color: var(--rz-base-200);
    --rz-pager-back-button-color: var(--rz-text-color);
    --rz-pager-next-button-background-color: var(--rz-base-200);
    --rz-pager-next-button-color: var(--rz-text-color);
    --rz-pager-dropdown-width: 80px;
    --rz-pager-summary-padding: 1.25rem;
    --rz-pager-summary-font-size: var(--rz-body-font-size);
    --rz-pager-summary-color: var(--rz-text-secondary-color);
    --rz-panel-menu-padding-block: 0;
    --rz-panel-menu-padding-inline: 0;
    --rz-panel-menu-font-size: var(--rz-body-font-size);
    --rz-panel-menu-font-weight: 600;
    --rz-panel-menu-focus-outline: var(--rz-outline-focus);
    --rz-panel-menu-focus-outline-offset: calc(-1 * var(--rz-outline-width));
    --rz-panel-menu-item-line-height: 1.25rem;
    --rz-panel-menu-item-padding-block: 0.75rem;
    --rz-panel-menu-item-padding-inline: 1rem;
    --rz-panel-menu-item-margin-block: 0;
    --rz-panel-menu-item-margin-inline: 0;
    --rz-panel-menu-item-border: var(--rz-border-base-900);
    --rz-panel-menu-item-border-radius: 0;
    --rz-panel-menu-item-color: var(--rz-text-contrast-color);
    --rz-panel-menu-item-background-color: var(--rz-base-800);
    --rz-panel-menu-item-hover-color: var(--rz-text-contrast-color);
    --rz-panel-menu-item-hover-background-color: rgba(0, 0, 0, 0.3);
    --rz-panel-menu-item-active-color: var(--rz-text-contrast-color);
    --rz-panel-menu-item-active-background-color: var(--rz-base-900);
    --rz-panel-menu-item-active-indicator: var(--rz-secondary);
    --rz-panel-menu-item-offset: 0.75rem;
    --rz-panel-menu-item-transition: color var(--rz-transition), background-color var(--rz-transition);
    --rz-panel-menu-2nd-level-vertical-offset: 0;
    --rz-panel-menu-item-2nd-level-padding-block: 0.5rem;
    --rz-panel-menu-item-2nd-level-padding-inline: 1rem;
    --rz-panel-menu-item-2nd-level-margin-block: 0;
    --rz-panel-menu-item-2nd-level-margin-inline: 0;
    --rz-panel-menu-item-2nd-level-border-radius: 0;
    --rz-panel-menu-item-2nd-level-offset: 2.75rem;
    --rz-panel-menu-item-2nd-level-font-size: var(--rz-body-font-size);
    --rz-panel-menu-item-2nd-level-font-weight: 400;
    --rz-panel-menu-item-2nd-level-color: inherit;
    --rz-panel-menu-item-2nd-level-background-color: var(--rz-base-900);
    --rz-panel-menu-item-2nd-level-hover-color: inherit;
    --rz-panel-menu-item-2nd-level-hover-background-color: rgba(0, 0, 0, 0.4);
    --rz-panel-menu-item-2nd-level-active-color: inherit;
    --rz-panel-menu-item-2nd-level-active-background-color: rgba(0, 0, 0, 0.4);
    --rz-panel-menu-item-2nd-level-active-font-weight: inherit;
    --rz-panel-menu-item-3rd-level-color: inherit;
    --rz-panel-menu-item-3rd-level-background-color: rgba(0, 0, 0, 0.4);
    --rz-panel-menu-item-3rd-level-hover-color: inherit;
    --rz-panel-menu-item-3rd-level-hover-background-color: rgba(0, 0, 0, 0.6);
    --rz-panel-menu-item-3rd-level-active-color: inherit;
    --rz-panel-menu-item-3rd-level-active-background-color: rgba(0, 0, 0, 0.6);
    --rz-panel-menu-icon-width: var(--rz-icon-size);
    --rz-panel-menu-icon-font-size: var(--rz-icon-size);
    --rz-panel-menu-icon-color: inherit;
    --rz-panel-menu-icon-height: var(--rz-icon-size);
    --rz-panel-menu-icon-margin-inline: 0 0.5rem;
    --rz-panel-menu-icon-2nd-level-margin-inline: -1.625rem 0.625rem;
    --rz-panel-menu-icon-2nd-level-icon-size: calc(var(--rz-icon-size) * 0.8);
    --rz-panel-menu-toggle-icon-font-size: var(--rz-icon-size);
    --rz-panel-menu-toggle-icon-opacity: 1;
    --rz-panel-background-color: var(--rz-base-background-color);
    --rz-panel-padding: 0.5rem;
    --rz-panel-title-line-height: 1.25rem;
    --rz-panel-title-font-weight: 600;
    --rz-panel-content-margin: 0;
    --rz-panel-toggle-icon-width: var(--rz-icon-size);
    --rz-panel-toggle-icon-height: var(--rz-icon-size);
    --rz-panel-toggle-icon-font-size: var(--rz-icon-size);
    --rz-panel-toggle-icon-border-radius: 2px;
    --rz-panel-toggle-icon-background-color: var(--rz-base-200);
    --rz-panel-toggle-icon-focus-outline: var(--rz-outline-focus);
    --rz-panel-toggle-icon-focus-outline-offset: var(--rz-outline-offset);
    --rz-panel-hover-color: var(--rz-secondary);
    --rz-panel-border-radius: var(--rz-border-radius);
    --rz-panel-shadow: none;
    --rz-profile-menu-background-color: var(--rz-base-background-color);
    --rz-profile-menu-top-item-background-color: var(--rz-base-background-color);
    --rz-profile-menu-border: var(--rz-border-base-200);
    --rz-profile-menu-padding-block: 0.625rem;
    --rz-profile-menu-padding-inline: 1rem;
    --rz-profile-menu-border-radius: var(--rz-border-radius);
    --rz-profile-menu-toggle-button-color: var(--rz-secondary);
    --rz-profile-menu-item-hover-background-color: var(--rz-secondary);
    --rz-profile-menu-item-focus-outline: var(--rz-outline-focus);
    --rz-profile-menu-item-focus-outline-offset: calc(-1 * var(--rz-outline-width));
    --rz-profile-menu-item-icon-width: var(--rz-icon-size);
    --rz-profile-menu-item-icon-height: var(--rz-icon-size);
    --rz-profile-menu-item-icon-font-size: var(--rz-icon-size);
    --rz-profile-menu-item-icon-margin-inline: 0 0.5rem;
    --rz-progressbar-value: 100%;
    --rz-progressbar-background-color: var(--rz-base-200);
    --rz-progressbar-color: var(--rz-text-color);
    --rz-progressbar-font-size: var(--rz-body-font-size);
    --rz-progressbar-height: 1.25rem;
    --rz-progressbar-border-radius: var(--rz-border-radius);
    --rz-progressbar-value-background-color: var(--rz-secondary);
    --rz-progressbar-value-transition: var(--rz-transition-all);
    --rz-progressbar-circular-stroke-width: 2px;
    --rz-progressbar-circular-value-stroke-width: 3px;
    --rz-progressbar-circular-value-endpoint: round;
    --rz-radio-width: 1.25rem;
    --rz-radio-height: 1.25rem;
    --rz-radio-border-radius: 50%;
    --rz-radio-border-width: inherit;
    --rz-radio-label-margin-block: 0;
    --rz-radio-label-margin-inline: 1rem;
    --rz-radio-margin-block: 0;
    --rz-radio-margin-inline: 0;
    --rz-radio-focus-outline: var(--rz-outline-focus);
    --rz-radio-focus-outline-offset: var(--rz-outline-offset);
    --rz-radio-active-background-color: var(--rz-secondary);
    --rz-radio-active-shadow: inset 0 3px 0 0 rgba(0, 0, 0, 0.1);
    --rz-radio-checked-background-color: var(--rz-secondary);
    --rz-radio-checked-hover-background-color: var(--rz-secondary-light);
    --rz-radio-checked-hover-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.2);
    --rz-radio-checked-color: var(--rz-text-contrast-color);
    --rz-radio-circle-background-color: var(--rz-base-background-color);
    --rz-radio-circle-shadow: inset 0 4px 7px 0 rgba(0, 0, 0, 0.03);
    --rz-radio-circle-hover-background-color: var(--rz-base-100);
    --rz-radio-icon-width: 0.5rem;
    --rz-radio-icon-height: 0.5rem;
    --rz-radio-checked-border: var(--rz-input-border-block-end);
    --rz-rating-color: var(--rz-secondary);
    --rz-rating-opacity: 1;
    --rz-rating-font-size: var(--rz-icon-size);
    --rz-rating-selected-color: var(--rz-primary);
    --rz-rating-focus-color: var(--rz-primary-darker);
    --rz-rating-disabled-color: var(--rz-text-disabled-color);
    --rz-rating-disabled-opacity: 0.3;
    --rz-rating-ban-icon: highlight_off;
    --rz-rating-ban-icon-color: var(--rz-secondary);
    --rz-sankey-node-stroke-width: 0;
    --rz-sankey-link-stroke-width: 0;
    --rz-sankey-link-opacity: 0.5;
    --rz-sankey-link-hover-opacity: 0.7;
    --rz-sankey-label-font-size: 0.875rem;
    --rz-sankey-label-color: var(--rz-text-color);
    --rz-sankey-label-stroke: var(--rz-body-background-color);
    --rz-sankey-label-stroke-width: 2px;
    --rz-scheduler-border: var(--rz-border-normal);
    --rz-scheduler-border-color: var(--rz-base-300);
    --rz-scheduler-minor-border-color: var(--rz-base-200);
    --rz-scheduler-border-radius: var(--rz-border-radius);
    --rz-scheduler-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
    --rz-scheduler-background-color: var(--rz-base-background-color);
    --rz-scheduler-color: var(--rz-text-tertiary-color);
    --rz-scheduler-toolbar-padding: 0.5rem;
    --rz-scheduler-toolbar-background-color: var(--rz-base-200);
    --rz-scheduler-toolbar-title-font-size: 1rem;
    --rz-scheduler-toolbar-title-font-weight: 700;
    --rz-scheduler-toolbar-title-color: var(--rz-text-title-color);
    --rz-scheduler-prev-next-button-background-color: var(--rz-secondary);
    --rz-scheduler-prev-next-button-color: var(--rz-on-secondary);
    --rz-scheduler-prev-next-button-padding-block: 0.5rem;
    --rz-scheduler-prev-next-button-padding-inline: 0.5rem;
    --rz-scheduler-prev-next-button-font-size: var(--rz-icon-size);
    --rz-scheduler-prev-button-border-start-start-radius: var(--rz-border-radius);
    --rz-scheduler-prev-button-border-start-end-radius: 0;
    --rz-scheduler-prev-button-border-end-start-radius: var(--rz-border-radius);
    --rz-scheduler-prev-button-border-end-end-radius: 0;
    --rz-scheduler-next-button-border-start-start-radius: 0;
    --rz-scheduler-next-button-border-start-end-radius: var(--rz-border-radius);
    --rz-scheduler-next-button-border-end-start-radius: 0;
    --rz-scheduler-next-button-border-end-end-radius: var(--rz-border-radius);
    --rz-scheduler-today-button-margin-inline-start: 0.5rem;
    --rz-scheduler-today-button-padding: 0.5rem 1rem;
    --rz-scheduler-today-button-font-size: 0.75rem;
    --rz-scheduler-today-button-text-transform: uppercase;
    --rz-scheduler-view-button-border: var(--rz-border-normal);
    --rz-scheduler-view-button-color: var(--rz-text-secondary-color);
    --rz-scheduler-view-button-background-color: var(--rz-base-background-color);
    --rz-scheduler-view-selected-color: var(--rz-on-secondary);
    --rz-scheduler-view-selected-background-color: var(--rz-secondary);
    --rz-scheduler-view-selected-border-color: var(--rz-secondary);
    --rz-scheduler-header-background-color: var(--rz-base-200);
    --rz-scheduler-header-font-size: 0.75rem;
    --rz-scheduler-header-font-size-small: 0.5rem;
    --rz-scheduler-header-text-transform: uppercase;
    --rz-scheduler-header-color: inherit;
    --rz-scheduler-header-border: var(--rz-border-normal);
    --rz-scheduler-header-padding: 0.5rem 0;
    --rz-scheduler-event-color: var(--rz-on-info);
    --rz-scheduler-event-background-color: var(--rz-info);
    --rz-scheduler-event-font-size: 0.75rem;
    --rz-scheduler-event-line-height: 1.25rem;
    --rz-scheduler-event-padding-block: 0 1px;
    --rz-scheduler-event-padding-inline: 1px;
    --rz-scheduler-event-content-padding: 0.125rem 0.25rem;
    --rz-scheduler-event-list-button-color: var(--rz-secondary);
    --rz-scheduler-event-list-button-font-size: 0.75rem;
    --rz-scheduler-slot-title-font-size: 0.875rem;
    --rz-scheduler-slot-title-font-size-small: 0.6rem;
    --rz-scheduler-slot-title-padding: 0 0.25rem;
    --rz-scheduler-day-number-padding: 0 0.5rem;
    --rz-scheduler-weekend-color: var(--rz-text-disabled-color);
    --rz-scheduler-weekend-background-color: var(--rz-base-50);
    --rz-scheduler-other-month-background-color: var(--rz-base-100);
    --rz-scheduler-timeline-slot-width: 7rem;
    --rz-scheduler-timeline-slot-height: 7rem;
    --rz-scheduler-year-padding: 1.5rem;
    --rz-scheduler-year-slot-padding: 1px;
    --rz-scheduler-year-slot-title-width: 100%;
    --rz-scheduler-year-slot-title-border-radius: 0.25rem;
    --rz-scheduler-planner-slot-width: 3rem;
    --rz-scheduler-planner-slot-height: 4.5rem;
    --rz-scheduler-focus-outline: var(--rz-outline-focus);
    --rz-scheduler-focus-outline-offset: calc(-1 * var(--rz-outline-width));
    --rz-scheduler-highlight-background-color: rgba(255, 220, 40, 0.2);
    --rz-scrollbar-background-color: transparent;
    --rz-scrollbar-color: var(--rz-secondary);
    --rz-scrollbar-border-radius: calc(2 * var(--rz-border-radius));
    --rz-scrollbar-size: 16px;
    --rz-security-code-input-min-width: var(--rz-input-height);
    --rz-security-code-input-min-height: var(--rz-input-height);
    --rz-security-code-input-padding: 0.125rem;
    --rz-security-code-input-font-size: 1.25rem;
    --rz-security-code-input-font-weight: 600;
    --rz-security-code-input-line-height: 1;
    --rz-selectbar-background-color: var(--rz-base-backgorund-color);
    --rz-selectbar-color: var(--rz-text-color);
    --rz-selectbar-border: var(--rz-border-normal);
    --rz-selectbar-selected-background-color: var(--rz-secondary);
    --rz-selectbar-selected-color: var(--rz-on-secondary);
    --rz-selectbar-selected-border: var(--rz-border-secondary);
    --rz-selectbar-border-radius: var(--rz-border-radius);
    --rz-selectbar-focus-outline: var(--rz-outline-focus);
    --rz-selectbar-focus-outline-offset: var(--rz-outline-offset);
    --rz-selectbar-button-focus-outline: var(--rz-outline-width) solid var(--rz-text-color);
    --rz-selectbar-button-focus-outline-offset: calc(-1 * var(--rz-outline-width));
    --rz-sidebar-toggle-icon-width: 1.5rem;
    --rz-sidebar-toggle-icon-height: 1.5rem;
    --rz-sidebar-toggle-margin-inline-end: 1rem;
    --rz-sidebar-toggle-padding: 0.8125rem;
    --rz-sidebar-toggle-border: var(--rz-border-base-200);
    --rz-sidebar-toggle-color: var(--rz-base-900);
    --rz-sidebar-toggle-background-color: var(--rz-header-background-color);
    --rz-sidebar-toggle-hover-color: var(--rz-secondary);
    --rz-sidebar-toggle-hover-background-color: var(--rz-header-background-color);
    --rz-sidebar-toggle-hover-border-radius: 0;
    --rz-sidebar-toggle-focus-outline: var(--rz-outline-focus);
    --rz-sidebar-toggle-focus-outline-offset: calc(-1 * var(--rz-outline-offset));
    --rz-sidebar-z: 1;
    --rz-sidebar-width: 250px;
    --rz-sidebar-border-inline-end: var(--rz-border-normal);
    --rz-sidebar-background-color: var(--rz-base-800);
    --rz-sidebar-color: var(--rz-white);
    --rz-skeleton-background-color: var(--rz-base-300);
    --rz-skeleton-animation-color: var(--rz-base-200);
    --rz-skeleton-border-radius: var(--rz-border-radius);
    --rz-skeleton-animation-duration: 1.5s;
    --rz-slider-background-color: var(--rz-base-background-color);
    --rz-slider-border: var(--rz-border-normal);
    --rz-slider-border-radius: var(--rz-border-radius);
    --rz-slider-horizontal-height: 0.5rem;
    --rz-slider-horizontal-width: 10rem;
    --rz-slider-range-background-color: var(--rz-secondary-lighter);
    --rz-slider-range-border: var(--rz-border-secondary-light);
    --rz-slider-handle-width: 0.75rem;
    --rz-slider-handle-height: 1.5rem;
    --rz-slider-handle-color: var(--rz-on-secondary);
    --rz-slider-handle-background-color: var(--rz-secondary);
    --rz-slider-handle-border: none;
    --rz-slider-handle-border-radius: calc(var(--rz-border-radius) / 2);
    --rz-slider-handle-shadow: none;
    --rz-slider-handle-transition: background-color var(--rz-transition), color var(--rz-transition), border var(--rz-transition), box-shadow var(--rz-transition);
    --rz-slider-handle-hover-background-color: var(--rz-secondary-light);
    --rz-slider-handle-hover-border: none;
    --rz-slider-handle-hover-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.2);
    --rz-slider-handle-focus-outline: var(--rz-outline-focus);
    --rz-slider-handle-focus-outline-offset: var(--rz-outline-offset);
    --rz-slider-disabled-background-color: var(--rz-base-background-color);
    --rz-slider-disabled-border: var(--rz-border-disabled);
    --rz-slider-disabled-range-background-color: var(--rz-base-100);
    --rz-slider-disabled-range-border: var(--rz-border-normal);
    --rz-slider-disabled-handle-border: none;
    --rz-slider-disabled-handle-background-color: var(--rz-base-300);
    --rz-splitbutton-menu-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.06);
    --rz-splitbutton-menu-min-width: 10rem;
    --rz-splitbutton-background-color: var(--rz-primary);
    --rz-splitbutton-border-radius: var(--rz-border-radius);
    --rz-splitter-bar-color: var(--rz-text-secondary-color);
    --rz-splitter-bar-color-active: var(--rz-on-secondary);
    --rz-splitter-bar-background-color: var(--rz-base-200);
    --rz-splitter-bar-background-color-active: var(--rz-secondary);
    --rz-splitter-bar-hover-opacity: 1;
    --rz-gap: 1rem;
    --rz-row-gap: 1rem;
    --rz-steps-color: var(--rz-text-color);
    --rz-steps-number-border-radius: 50%;
    --rz-steps-number-padding-block: 0.375rem;
    --rz-steps-number-padding-inline: 0;
    --rz-steps-number-width: 2rem;
    --rz-steps-number-height: 2rem;
    --rz-steps-number-line-height: var(--rz-body-line-height);
    --rz-steps-number-color: var(--rz-text-color);
    --rz-steps-number-background-color: var(--rz-base-200);
    --rz-steps-number-selected-color: var(--rz-on-secondary);
    --rz-steps-number-selected-background: var(--rz-secondary);
    --rz-steps-number-focus-outline: var(--rz-outline-focus);
    --rz-steps-number-focus-outline-offset: var(--rz-outline-offset);
    --rz-steps-title-selected-color: var(--rz-secondary);
    --rz-steps-title-margin-block: 0;
    --rz-steps-title-margin-inline: 0.5rem 1rem;
    --rz-steps-buttons-padding-block: 1rem;
    --rz-steps-buttons-padding-inline: 0;
    --rz-steps-button-color: var(--rz-text-secondary-color);
    --rz-switch-background-color: var(--rz-base-400);
    --rz-switch-checked-background-color: var(--rz-secondary);
    --rz-switch-box-shadow: none;
    --rz-switch-circle-background-color: var(--rz-text-contrast-color);
    --rz-switch-checked-circle-background-color: var(--rz-on-secondary);
    --rz-switch-focus-outline: var(--rz-outline-focus);
    --rz-switch-focus-outline-offset: var(--rz-outline-offset);
    --rz-tabs-padding: 1.25rem;
    --rz-tabs-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
    --rz-tabs-border: var(--rz-border-base-200);
    --rz-tabs-border-radius: var(--rz-border-radius);
    --rz-tabs-background-color: var(--rz-base-background-color);
    --rz-tabs-tab-font-size: var(--rz-body-font-size);
    --rz-tabs-tab-line-height: var(--rz-body-line-height);
    --rz-tabs-tab-font-weight: normal;
    --rz-tabs-tab-text-transform: none;
    --rz-tabs-tab-letter-spacing: 0;
    --rz-tabs-tab-padding-block: 0.5rem;
    --rz-tabs-tab-padding-inline: 1rem;
    --rz-tabs-tab-background-color: var(--rz-base-200);
    --rz-tabs-tab-color: var(--rz-secondary);
    --rz-tabs-tab-selected-background-color: var(--rz-tabs-background-color);
    --rz-tabs-tab-selected-color: var(--rz-text-title-color);
    --rz-tabs-tab-selected-top-border-color: var(--rz-secondary);
    --rz-tabs-tab-hover-background-color: var(--rz-base-background-color);
    --rz-tabs-tab-hover-color: var(--rz-secondary-light);
    --rz-tabs-tab-focus-background-color: var(--rz-base-background-color);
    --rz-tabs-tab-focus-color: var(--rz-secondary-light);
    --rz-tabs-tab-focus-outline: var(--rz-outline-focus);
    --rz-tabs-tab-focus-outline-offset: calc(-1 * var(--rz-outline-width));
    --rz-tabs-icon-font-size: var(--rz-icon-size);
    --rz-tabs-icon-margin-inline: -0.25rem 0.25rem;
    --rz-tabs-transition: var(--rz-transition-all);
    --rz-text-area-padding-block: var(--rz-input-padding-block);
    --rz-text-area-padding-inline: var(--rz-input-padding-inline);
    --rz-timeline-item-padding: 0.5rem;
    --rz-timeline-axis-size: 4rem;
    --rz-timeline-point-size: 1rem;
    --rz-timeline-point-border: 3px solid var(--rz-base-background-color);
    --rz-timeline-point-border-radius: calc(var(--rz-border-radius) * 12);
    --rz-timeline-point-background-color: var(--rz-base-300);
    --rz-timeline-point-color: var(--rz-text-color);
    --rz-timeline-line-color: var(--rz-base-300);
    --rz-timeline-line-width: 0.125rem;
    --rz-timeline-line-border-radius: calc(var(--rz-border-radius) * 20);
    --rz-timespanpicker-line-height: 1.25rem;
    --rz-timespanpicker-trigger-icon-width: var(--rz-icon-size);
    --rz-timespanpicker-trigger-icon-height: var(--rz-icon-size);
    --rz-timespanpicker-trigger-icon-color: var(--rz-input-value-color);
    --rz-timespanpicker-trigger-icon-hover-color: var(--rz-input-value-color);
    --rz-timespanpicker-focus-outline: var(--rz-outline-focus);
    --rz-timespanpicker-focus-outline-offset: calc(-1 * var(--rz-outline-width));
    --rz-timespanpicker-popup-border: var(--rz-border-normal);
    --rz-timespanpicker-popup-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.06);
    --rz-timespanpicker-popup-margin: 0;
    --rz-timespanpicker-popup-width: fit-content;
    --rz-timespanpicker-panel-background-color: var(--rz-base-background-color);
    --rz-timespanpicker-panel-padding: 0.5rem;
    --rz-timespanpicker-panel-gap: 0.5rem;
    --rz-timespanpicker-panel-unit-gap: 0;
    --rz-timespanpicker-panel-field-min-width: 4rem;
    --rz-timespanpicker-unit-label-color: var(--rz-text-tertiary-color);
    --rz-toc-link-padding-block: 0.5rem;
    --rz-toc-link-padding-inline: 0.75rem;
    --rz-toc-link-font-size: var(--rz-body-font-size);
    --rz-toc-link-font-weight: 400;
    --rz-toc-link-border: none;
    --rz-toc-link-border-radius: var(--rz-border-radius);
    --rz-toc-link-color: var(--rz-text-color);
    --rz-toc-link-background-color: transparent;
    --rz-toc-link-hover-color: var(--rz-secondary-dark);
    --rz-toc-link-hover-background-color: transparent;
    --rz-toc-link-selected-border: none;
    --rz-toc-link-selected-color: var(--rz-secondary);
    --rz-toc-link-selected-background-color: transparent;
    --rz-toc-link-selected-indicator-color: var(--rz-secondary);
    --rz-toc-link-selected-indicator-size: 0.125rem;
    --rz-toc-link-selected-indicator-inset-block: 0.5rem;
    --rz-toc-link-selected-indicator-inset-inline: 0 auto;
    --rz-toc-horizontal-shadow: var(--rz-shadow-3);
    --rz-toc-horizontal-border-radius: var(--rz-border-radius);
    --rz-toc-horizontal-background-color: var(--rz-base-background-color);
    --rz-toc-horizontal-link-padding-block: 1rem;
    --rz-toc-horizontal-link-padding-inline: 1rem;
    --rz-toc-horizontal-link-font-size: var(--rz-body-font-size);
    --rz-toc-horizontal-link-selected-indicator-inset-block: auto 0;
    --rz-toc-horizontal-link-selected-indicator-inset-inline: 0.5rem;
    --rz-toc-horizontal-link-selected-border: none;
    --rz-toc-horizontal-link-selected-color: var(--rz-secondary);
    --rz-toc-horizontal-link-selected-background-color: transparent;
    --rz-toc-link-selected-indicator-border-radius: 0;
    --rz-tooltip-background-color: var(--rz-info);
    --rz-tooltip-color: var(--rz-on-info);
    --rz-tooltip-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.15);
    --rz-tooltip-padding: 0.25rem 0.5rem;
    --rz-tooltip-border-radius: var(--rz-border-radius);
    --rz-tooltip-font-size: var(--rz-body-font-size);
    --rz-tree-background-color: var(--rz-base-background-color);
    --rz-tree-node-padding-block: 0.25rem;
    --rz-tree-node-padding-inline: 0.25rem;
    --rz-tree-node-selected-background-color: var(--rz-secondary);
    --rz-tree-node-selected-color: var(--rz-on-secondary);
    --rz-tree-node-selected-border-radius: calc(var(--rz-border-radius) / 2);
    --rz-tree-node-margin-block: 1px;
    --rz-tree-node-margin-inline: 1px;
    --rz-tree-node-hover-background-color: var(--rz-secondary-light);
    --rz-tree-node-hover-color: var(--rz-on-secondary-light);
    --rz-tree-node-focus-outline: var(--rz-outline-focus);
    --rz-tree-node-focus-outline-offset: calc(-1 * var(--rz-outline-width));
    --rz-tree-node-toggle-width: 1rem;
    --rz-tree-node-toggle-color: var(--rz-text-tertiary-color);
    --rz-tree-node-toggle-hover-color: var(--rz-text-color);
    --rz-tree-transition: var(--rz-transition-all), width 0, height 0;
    --rz-upload-button-bar-background-color: var(--rz-base-200);
    --rz-upload-button-bar-padding: 0.5rem;
    --rz-upload-button-bar-border-radius: var(--rz-border-radius);
    --rz-upload-files-background-color: var(--rz-base-background-color);
    --rz-upload-files-padding: 0.5rem 0;
    --rz-upload-files-remove-background-color: var(--rz-base-300);
    --rz-upload-files-remove-color: var(--rz-text-color);
    --rz-upload-files-margin: 0 0.5rem;
    --rz-upload-choose-background-color: var(--rz-secondary);
    --rz-upload-choose-color: var(--rz-on-secondary);
    --rz-upload-choose-hover-background-color: var(--rz-secondary);
    --rz-upload-choose-hover-color: var(--rz-on-secondary);
    --rz-upload-choose-active-background-color: var(--rz-secondary-dark);
    --rz-upload-choose-active-color: var(--rz-on-secondary-dark);
    --rz-upload-cancel-background-color: var(--rz-base-200);
    --rz-upload-cancel-color: var(--rz-text-color);
    --rz-upload-button-background-color: var(--rz-primary);
}

/* ================================
   Modern page toolbar
================================ */

.page-toolbar {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px 24px;
}


/* ================================
   Új elem gomb
================================ */

.modern-create-button {
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    border-radius: 11px !important;
    background: #edf9f5 !important;
    border: 1px solid #d3f0e5 !important;
    color: #249477 !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    box-shadow: none !important;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
}


    .modern-create-button:hover {
        background: #e1f5ee !important;
        border-color: #bfe8d9 !important;
        color: #21866d !important;
        box-shadow: 0 3px 10px rgba(36, 148, 119, 0.10) !important;
        transform: translateY(-1px);
    }


    .modern-create-button:active {
        transform: translateY(0);
    }


    /* ================================
   ICON
================================ */

    .modern-create-button .rz-button-icon,
    .modern-create-button .rz-icon {
        width: 19px !important;
        min-width: 19px !important;
        height: 19px !important;
        font-size: 19px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
    }


    /* ================================
   SZÖVEG
================================ */

    .modern-create-button .rz-button-text {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

.modern-refresh-button {
    height: 44px;
    padding: 0 18px !important;
    border-radius: 11px !important;
    background: #effaf9 !important;
    border: 1px solid #d3f0e5 !important;
    color: #249477 !important;
    font-size: 14px;
    font-weight: 600;
    box-shadow: none;
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

    .modern-refresh-button:hover {
        background: #e1f5ee !important;
        border-color: #bfe8d9 !important;
        color: #21866d !important;
        box-shadow: 0 3px 10px rgba(36, 148, 119, 0.10);
        transform: translateY(-1px);
    }

    .modern-refresh-button:active {
        transform: translateY(0);
    }

    .modern-refresh-button .rz-button-icon {
        font-size: 19px;
    }


/* ================================
   Törölt elemek szűrő
================================ */

.deleted-filter {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 44px;
    padding: 0 14px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 11px;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

    .deleted-filter:hover {
        background: #ffffff;
        border-color: #cbd5e1;
    }


/* Felirat */

.deleted-filter-label {
    margin: 0 !important;
    color: #475569;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
}


/* Radzen switch */

.modern-switch {
    transform: scale(0.9);
}


/* ================================
   Közös műveleti gomb
================================ */

.action-btn {
    width: 36px;
    height: 36px;
    min-width: 36px;
    padding: 0 !important;
    border-radius: 9px !important;
    border: 1px solid transparent !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

    .action-btn:hover {
        transform: translateY(-1px);
    }

    .action-btn:active {
        transform: translateY(0);
    }

    .action-btn .rz-button-icon {
        font-size: 19px;
    }


    /* ================================
   Megtekintés - KÉK
================================ */

    .action-btn.view-btn {
        background: #f0f7ff !important;
        border-color: #d9ebff !important;
        color: #3b82c4 !important;
    }

        .action-btn.view-btn:hover {
            background: #e5f1ff !important;
            border-color: #c6e2ff !important;
            color: #3478b8 !important;
        }


    /* ================================
   Szerkesztés - NARANCS
================================ */

    .action-btn.edit-btn {
        background: #fff8eb !important;
        border-color: #ffebc7 !important;
        color: #d99428 !important;
    }

        .action-btn.edit-btn:hover {
            background: #fff1d6 !important;
            border-color: #ffdfaa !important;
            color: #c98520 !important;
        }

    /* ================================
   Felvitel - ZÖLD
================================ */

    .action-btn.create-btn {
        background: #edf9f5 !important;
        border-color: #d3f0e5 !important;
        color: #249477 !important;
    }

        .action-btn.create-btn:hover {
            background: #e1f5ee !important;
            border-color: #bfe8d9 !important;
            color: #21866d !important;
        }
/* ================================
   Törlés - PIROS
================================ */
.action-btn.delete-btn {
    background: #fff3f4 !important;
    border-color: #ffdfe2 !important;
    color: #ef6b73 !important;
}

        .action-btn.delete-btn:hover {
            background: #ffe8ea !important;
            border-color: #ffcbd0 !important;
            color: #e35c65 !important;
        }


    /* ================================
   Fókusz
================================ */

    .action-btn:focus {
        box-shadow: 0 0 0 3px rgba(59, 130, 196, 0.08) !important;
    }


    /* ================================
   Műveleti gombok közötti távolság
================================ */

    .action-btn + .action-btn {
        margin-left: 6px;
    }

/* ================================
   Frissítés
================================ */

.refresh-btn {
    width: 40px;
    height: 40px;
    min-width: 40px;
    padding: 0 !important;
    border-radius: 10px !important;
    background: #effaf9 !important;
    border: 1px solid #d5eeeb !important;
    color: #319b92 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

    .refresh-btn:hover {
        background: #e3f6f3 !important;
        border-color: #bfe4df !important;
        color: #278a82 !important;
        box-shadow: 0 3px 10px rgba(49, 155, 146, 0.10);
        transform: translateY(-1px);
    }

    .refresh-btn:active {
        transform: rotate(-20deg);
    }

    .refresh-btn .rz-button-icon {
        font-size: 20px;
    }


/* ================================
   Dialog - Mentés
================================ */

.dialog-save-btn {
    height: 40px;
    padding: 0 16px !important;
    border-radius: 10px !important;
    background: #edf9f5 !important;
    border: 1px solid #cfeee2 !important;
    color: #218b71 !important;
    font-size: 14px;
    font-weight: 600;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

    .dialog-save-btn:hover {
        background: #e0f5ed !important;
        border-color: #b9e5d6 !important;
        color: #197a63 !important;
        box-shadow: 0 3px 10px rgba(33, 139, 113, 0.12);
    }

    .dialog-save-btn:active {
        transform: none !important;
    }

    .dialog-save-btn .rz-button-icon {
        font-size: 18px;
        margin-right: 0 !important;
    }

/* ================================
   Dialog - Mégse
================================ */

.dialog-cancel-btn {
    height: 40px;
    padding: 0 16px !important;
    border-radius: 10px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #64748b !important;
    font-size: 14px;
    font-weight: 500;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

    .dialog-cancel-btn:hover {
        background: #f1f5f9 !important;
        border-color: #cbd5e1 !important;
        color: #475569 !important;
    }

    .dialog-cancel-btn:active {
        transform: none !important;
    }

    .dialog-cancel-btn .rz-button-icon {
        font-size: 18px;
        margin-right: 0 !important;
    }

/* =========================================
   RADZEN PANEL MENU
   ========================================= */

.panel-menu {
    background: #f8fafc !important;
    border-right: 1px solid #e2e8f0 !important;
    box-shadow: none !important;
    /* =========================================
       PANEL MENU
       ========================================= */

    --rz-panel-menu-padding-block: 14px;
    --rz-panel-menu-padding-inline: 10px;
    /* =========================================
       TOP LEVEL
       ========================================= */

    --rz-panel-menu-item-line-height: 1.25rem;
    --rz-panel-menu-item-padding-block: 0.6875rem;
    --rz-panel-menu-item-padding-inline: 0.75rem;
    --rz-panel-menu-item-margin-block: 0.1875rem;
    --rz-panel-menu-item-margin-inline: 0;
    --rz-panel-menu-item-border: transparent;
    --rz-panel-menu-item-border-radius: 11px;
    /* Normal */
    --rz-panel-menu-item-color: #475569;
    --rz-panel-menu-item-background-color: transparent;
    /* Hover */
    --rz-panel-menu-item-hover-color: #3d73a8;
    --rz-panel-menu-item-hover-background-color: #f0f6fc;
    /* Active */
    --rz-panel-menu-item-active-color: #3b73a8;
    --rz-panel-menu-item-active-background-color: #edf6ff;
    /* =========================================
       SUBMENU
       ========================================= */

    --rz-panel-menu-item-2nd-level-padding-block: 0.625rem;
    --rz-panel-menu-item-2nd-level-padding-inline: 0.75rem;
    --rz-panel-menu-item-2nd-level-margin-block: 0.125rem;
    --rz-panel-menu-item-2nd-level-margin-inline: 0;
    --rz-panel-menu-item-2nd-level-border-radius: 9px;
    /* Normal */
    --rz-panel-menu-item-2nd-level-color: #64748b;
    --rz-panel-menu-item-2nd-level-background-color: transparent;
    /* Hover */
    --rz-panel-menu-item-2nd-level-hover-color: #3d73a8;
    --rz-panel-menu-item-2nd-level-hover-background-color: #f0f6fc;
    /* Active */
    --rz-panel-menu-item-2nd-level-active-color: #3d78ad;
    --rz-panel-menu-item-2nd-level-active-background-color: #edf6ff;
    /* =========================================
       ICONS
       ========================================= */

    --rz-panel-menu-icon-color: #64748b;
    --rz-panel-menu-icon-margin-inline: 0 0.6875rem;
    /* =========================================
       TOGGLE / CHEVRON
       ========================================= */

    --rz-panel-menu-toggle-icon-opacity: 1;
}

    /* =========================================
   RADZEN PANEL MENU
   ========================================= */


/* =========================================
   PANEL MENU CONTAINER
   ========================================= */

.panel-menu .rz-panelmenu {
    margin: 8px;
    padding: 8px !important;
    background: #ffffff !important;
    border-radius: 14px;
    border: none !important;

    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 transparent;
}


/* =========================================
   REMOVE DEFAULT RADZEN BORDERS
   ========================================= */

.panel-menu .rz-panelmenu,
.panel-menu .rz-panelmenu * {
    border-color: transparent;
}


/* =========================================
   FOCUS
   ========================================= */

.panel-menu .rz-panelmenu a:focus {
    outline: none !important;
    box-shadow: none !important;
}


/* =========================================
   COMMON POSITION
   ========================================= */

.panel-menu .rz-panelmenu-header-link,
.panel-menu .rz-panelmenu-item-link,
.panel-menu .menu-item-active,
.panel-menu .menu-item-inactive {
    position: relative;
}


/* =========================================
   TOP LEVEL MENU
   ========================================= */

.panel-menu .rz-panelmenu-header-link {
    transition:
        background-color 0.18s ease,
        color 0.18s ease,
        border-radius 0.18s ease,
        font-weight 0.18s ease;
}


/* =========================================
   TOP LEVEL HOVER
   ========================================= */

.panel-menu .rz-panelmenu-header-link:hover {
    background: #edf6ff !important;
    color: #3d78ad !important;
    font-weight: 600;
    border-radius: 9px !important;
}


/* =========================================
   TOP LEVEL HOVER ICON
   ========================================= */

.panel-menu .rz-panelmenu-header-link:hover .rz-menuitem-icon {
    color: #4b82b5 !important;
}


/* =========================================
   TOP LEVEL HOVER - LEFT ACCENT
   ========================================= */

.panel-menu .rz-panelmenu-header-link:hover::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 9px;
    bottom: 9px;
    width: 3px;
    border-radius: 3px;
    background: #4b82b5 !important;
    opacity: 1 !important;
}


/* =========================================
   SUBMENU
   ========================================= */

.panel-menu .rz-panelmenu-item-link {
    transition:
        background-color 0.18s ease,
        color 0.18s ease,
        border-radius 0.18s ease,
        font-weight 0.18s ease;
}


/* =========================================
   SUBMENU HOVER
   ========================================= */

.panel-menu .rz-panelmenu-item-link:hover {
    background: #edf6ff !important;
    color: #3d78ad !important;
    font-weight: 600;
    border-radius: 9px !important;
}


/* =========================================
   SUBMENU HOVER ICON
   ========================================= */

.panel-menu .rz-panelmenu-item-link:hover .rz-menuitem-icon {
    color: #4b82b5 !important;
}


/* =========================================
   IMPORTANT:
   NEM HASZNÁLUNK itt ::before-t
   ========================================= */


/* =========================================
   INACTIVE MENU ITEM
   ========================================= */

.panel-menu .menu-item-inactive {
    position: relative;
}


/* =========================================
   INACTIVE HOVER
   ========================================= */

.panel-menu .menu-item-inactive:hover {
    background: #edf6ff !important;
    color: #3d78ad !important;
    font-weight: 600;
    border-radius: 9px !important;
}


/* =========================================
   INACTIVE HOVER ICON
   ========================================= */

.panel-menu .menu-item-inactive:hover .rz-menuitem-icon {
    color: #4b82b5 !important;
}


/* =========================================
   INACTIVE HOVER - LEFT BLUE ACCENT
   EZ A TÉNYLEGES HOVER CSÍK
   ========================================= */

.panel-menu .menu-item-inactive:hover::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 9px;
    bottom: 9px;
    width: 3px;
    height: auto;

    border-radius: 3px;
    background: #4b82b5 !important;

    opacity: 1 !important;
    transform: none !important;

    z-index: 10;
}


/* =========================================
   ACTIVE MENU ITEM
   ========================================= */

.panel-menu .menu-item-active {
    position: relative;

    background: #edf6ff !important;
    color: #3d78ad !important;

    font-weight: 600 !important;

    border-radius: 9px !important;
}


/* =========================================
   ACTIVE MENU ITEM ICON
   ========================================= */

.panel-menu .menu-item-active .rz-menuitem-icon {
    color: #4b82b5 !important;
}


/* =========================================
   ACTIVE LEFT BLUE ACCENT
   ========================================= */

.panel-menu .menu-item-active::before {
    content: "";
    position: absolute;

    left: 4px;
    top: 9px;
    bottom: 9px;

    width: 3px;

    border-radius: 3px;
    background: #4b82b5 !important;

    opacity: 1 !important;
    transform: none !important;

    z-index: 10;
}


/* =========================================
   ACTIVE ITEM - HOVER
   MARADJON UGYANOLYAN, MINT ACTIVE
   ========================================= */

.panel-menu .menu-item-active:hover {
    background: #edf6ff !important;
    color: #3d78ad !important;

    font-weight: 600;

    border-radius: 9px !important;
}

/* =========================================
   ACTIVE ITEM - HOVER ICON
   ========================================= */

.panel-menu .menu-item-active:hover .rz-menuitem-icon {
    color: #4b82b5 !important;
}


/* =========================================
   ACTIVE ITEM - HOVER ACCENT
   ========================================= */

.panel-menu .menu-item-active:hover::before {
    content: "";
    position: absolute;

    left: 4px;
    top: 9px;
    bottom: 9px;

    width: 3px;

    border-radius: 3px;
    background: #4b82b5 !important;

    opacity: 1 !important;
    transform: none !important;

    z-index: 10;
}


/* =========================================
   VERY IMPORTANT:
   ACTIVE ITEM BELSŐ LINKJE NE RAJZOLJON
   KÜLÖN BAL OLDALI CSÍKOT
   ========================================= */

.panel-menu .menu-item-active .rz-panelmenu-item-link::before,
.panel-menu .menu-item-active .rz-panelmenu-header-link::before {
    content: none !important;
    display: none !important;
}


/* =========================================
   INACTIVE ITEM BELSŐ LINKJE SE RAJZOLJON
   KÜLÖN CSÍKOT
   ========================================= */

.panel-menu .menu-item-inactive .rz-panelmenu-item-link::before,
.panel-menu .menu-item-inactive .rz-panelmenu-header-link::before {
    content: none !important;
    display: none !important;
}


/* =========================================
   ACTIVE ITEM CONTENT
   ========================================= */

.panel-menu .menu-item-active > span,
.panel-menu .menu-item-active > a {
    position: relative;
    z-index: 11;
}


/* =========================================
   INACTIVE ITEM CONTENT
   ========================================= */

.panel-menu .menu-item-inactive > span,
.panel-menu .menu-item-inactive > a {
    position: relative;
    z-index: 11;
}


/* =========================================
   ICON TRANSITION
   ========================================= */

.panel-menu .rz-menuitem-icon {
    transition:
        color 0.18s ease;
}


/* =========================================
   MENU ITEM TRANSITION
   ========================================= */

.panel-menu .rz-panelmenu-header-link,
.panel-menu .rz-panelmenu-item-link,
.panel-menu .menu-item-active,
.panel-menu .menu-item-inactive {
    transition:
        background-color 0.18s ease,
        color 0.18s ease,
        border-radius 0.18s ease,
        font-weight 0.18s ease;
}


/* =========================================
   TOGGLE / CHEVRON
   ========================================= */

.panel-menu .rz-panelmenu-toggle-icon {
    transition:
        color 0.18s ease,
        transform 0.18s ease;
}


/* =========================================
   OPEN TOP LEVEL
   ========================================= */

.panel-menu .rz-panelmenu-header-link.rz-state-active,
.panel-menu .rz-panelmenu-header-link[aria-expanded="true"] {
    color: #3b73a8 !important;
}


/* =========================================
   OPEN TOP LEVEL ICON
   ========================================= */

.panel-menu .rz-panelmenu-header-link.rz-state-active .rz-menuitem-icon,
.panel-menu .rz-panelmenu-header-link[aria-expanded="true"] .rz-menuitem-icon {
    color: #4b82b5 !important;
}


/* =========================================
   OPEN TOP LEVEL HOVER
   ========================================= */

.panel-menu .rz-panelmenu-header-link.rz-state-active:hover,
.panel-menu .rz-panelmenu-header-link[aria-expanded="true"]:hover {
    background: #edf6ff !important;
    color: #3d78ad !important;
}


/* =========================================
   SCROLLBAR
   ========================================= */

.panel-menu .rz-panelmenu::-webkit-scrollbar {
    width: 6px;
}

.panel-menu .rz-panelmenu::-webkit-scrollbar-track {
    background: transparent;
}

.panel-menu .rz-panelmenu::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
}

.panel-menu .rz-panelmenu::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* =========================================================
   GLOBAL RADZEN INPUTS
   TextBox / Numeric / DropDown / TextArea
   ========================================================= */

/* =========================================================
   TEXTBOX + NUMERIC + DROPDOWN + TEXTAREA
   ========================================================= */

.rz-textbox,
.rz-numeric,
.rz-dropdown,
.rz-textarea,
.rz-inputtext,
.rz-dropdown-label {
    font-family: inherit !important;
    font-size: 13.5px !important;
}


/* =========================================================
   TEXTBOX
   ========================================================= */

.rz-textbox {
    height: 38px !important;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #dbe3ec !important;
    border-radius: 5px !important;
    background: #f8fafc !important;
    color: #334155 !important;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.02) !important;
    transition: border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease !important;
}


/* =========================================================
   RADZEN NUMERIC
   ========================================================= */

.rz-numeric {
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    box-sizing: border-box !important;
    border: 1px solid #dbe3ec !important;
    border-radius: 5px !important;
    background: #f8fafc !important;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.02) !important;
    overflow: hidden !important;
    transition: border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease !important;
}


    /* =========================================================
   BELSŐ INPUT
   ========================================================= */

    .rz-numeric .rz-inputtext {
        height: 36px !important;
        min-height: 36px !important;
        box-sizing: border-box !important;
        border: none !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: #334155 !important;
        font-family: inherit !important;
        font-size: 13.5px !important;
        box-shadow: none !important;
        outline: none !important;
        margin: 0 !important;
    }


    /* =========================================================
   HOVER
   ========================================================= */

    .rz-numeric:hover {
        border-color: #c4d2e0 !important;
        background: #ffffff !important;
    }


    /* =========================================================
   FOCUS
   ========================================================= */

    .rz-numeric:focus-within {
        border-color: #5d89b5 !important;
        background: #eef6ff !important;
        box-shadow: 0 0 0 3px rgba(75, 130, 181, 0.10), 0 4px 12px rgba(15, 23, 42, 0.04) !important;
    }


    /* =========================================================
   INPUT FOCUS
   ========================================================= */

    .rz-numeric .rz-inputtext:focus {
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
        background: transparent !important;
    }


    /* =========================================================
   PLACEHOLDER
   ========================================================= */

    .rz-numeric .rz-inputtext::placeholder {
        color: #94a3b8 !important;
        opacity: 1 !important;
    }


/* =========================================================
   DROPDOWN
   ========================================================= */

.rz-dropdown {
    min-height: 38px !important;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #dbe3ec !important;
    border-radius: 5px !important;
    background: #f8fafc !important;
    color: #334155 !important;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.02) !important;
    transition: border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease !important;
}


    /* Dropdown belső elem */

    .rz-dropdown .rz-dropdown-label {
        height: 36px !important;
        min-height: 36px !important;
        padding-top: 2px;
        align-items: center !important;
        box-sizing: border-box !important;
        background: transparent !important;
        color: #334155 !important;
        border: none !important;
        line-height: normal !important;
    }


    /* Dropdown nyíl */

    .rz-dropdown .rz-dropdown-trigger {
        background: transparent !important;
        color: #94a3b8 !important;
    }


/* =========================================================
   TEXTAREA
   ========================================================= */

.rz-textarea {
    width: 100%;
    box-sizing: border-box;
    min-height: 100px;
    border: 1px solid #dbe3ec !important;
    border-radius: 5px !important;
    background: #f8fafc !important;
    color: #334155 !important;
    font-family: inherit !important;
    font-size: 13.5px !important;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.02) !important;
    resize: vertical;
    transition: border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease !important;
}


    /* =========================================================
   HOVER
   Csak hover esetén világosabb / kékesebb
   ========================================================= */

    .rz-textbox:hover,
    .rz-numeric .rz-inputtext:hover,
    .rz-dropdown:hover,
    .rz-textarea:hover {
        border-color: #b8cce0 !important;
        background: #f2f7fc !important;
    }


    /* =========================================================
   FOCUS
   ========================================================= */

    .rz-textbox:focus,
    .rz-numeric .rz-inputtext:focus,
    .rz-textarea:focus {
        border-color: #5d89b5 !important;
        background: #eef6ff !important;
        box-shadow: 0 0 0 3px rgba(75, 130, 181, 0.10), 0 4px 12px rgba(15, 23, 42, 0.04) !important;
        outline: none !important;
    }


/* Numeric wrapper focus */

.rz-numeric:focus-within {
    border-radius: 5px !important;
}

    .rz-numeric:focus-within .rz-inputtext {
        border-color: #5d89b5 !important;
        background: #eef6ff !important;
        box-shadow: 0 0 0 3px rgba(75, 130, 181, 0.10), 0 4px 12px rgba(15, 23, 42, 0.04) !important;
        outline: none !important;
    }


/* Dropdown focus */

.rz-dropdown.rz-state-focused,
.rz-dropdown:focus-within {
    border-color: #5d89b5 !important;
    background: #eef6ff !important;
    box-shadow: 0 0 0 3px rgba(75, 130, 181, 0.10), 0 4px 12px rgba(15, 23, 42, 0.04) !important;
    outline: none !important;
}

    .rz-dropdown.rz-state-focused .rz-dropdown-label,
    .rz-dropdown:focus-within .rz-dropdown-label {
        background: transparent !important;
    }


/* =========================================================
   PLACEHOLDER
   ========================================================= */

.rz-textbox::placeholder,
.rz-numeric .rz-inputtext::placeholder,
.rz-textarea::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
}


/* =========================================================
   RADZEN DATAGRID INPUTOK
   Ugyanez a megjelenés gridben is
   ========================================================= */

.rz-data-grid .rz-textbox,
.rz-data-grid .rz-numeric,
.rz-data-grid .rz-dropdown,
.rz-data-grid .rz-textarea {
    width: 100%;
}


    /* Grid Numeric */

    .rz-data-grid .rz-numeric .rz-inputtext {
        height: 36px !important;
    }


/* Grid TextBox */

.rz-data-grid .rz-textbox {
    height: 36px !important;
}


/* Grid Dropdown */

.rz-data-grid .rz-dropdown {
    min-height: 36px !important;
}


/* Grid TextArea */

.rz-data-grid .rz-textarea {
    min-height: 36px !important;
}


/* =========================================================
   READONLY
   ========================================================= */

.readonly-input,
.rz-textbox[readonly],
.rz-numeric .rz-inputtext[readonly],
.rz-textarea[readonly] {
    background: var(--rz-base-200) !important;
    color: var(--rz-text-secondary-color) !important;
    border-color: var(--rz-base-300) !important;
}


/* =========================================================
   DISABLED
   ========================================================= */

.rz-textbox:disabled,
.rz-numeric .rz-inputtext:disabled,
.rz-textarea:disabled,
.rz-dropdown.rz-state-disabled {
    background: #f1f5f9 !important;
    color: #94a3b8 !important;
    border-color: #e2e8f0 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}


/* =========================================================
   REMOVE RADZEN DEFAULT FOCUS OUTLINE
   ========================================================= */

.rz-textbox:focus-visible,
.rz-numeric .rz-inputtext:focus-visible,
.rz-dropdown:focus-visible,
.rz-textarea:focus-visible {
    outline: none !important;
}

/* =========================================================
    DROPDOWN LIST
    ========================================================= */

.rz-dropdown-panel .rz-dropdown-items .rz-dropdown-item {
    position: relative;
    min-height: 36px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 12px 0 24px !important;
    box-sizing: border-box !important;
    color: #64748b !important;
    font-weight: 500 !important;
    transition: background-color 0.18s ease, color 0.18s ease, font-weight 0.18s ease !important;
}


    /* =========================================================
   HOVER
   ========================================================= */

    .rz-dropdown-panel .rz-dropdown-items .rz-dropdown-item:hover {
        background: #edf6ff !important;
        color: #3d78ad !important;
        font-weight: 600 !important;
    }


    /* =========================================================
   SELECTED
   ========================================================= */

    .rz-dropdown-panel .rz-dropdown-items .rz-dropdown-item.rz-state-highlight,
    .rz-dropdown-panel .rz-dropdown-items .rz-dropdown-item.rz-state-selected {
        background: #edf6ff !important;
        color: #3d78ad !important;
        font-weight: 600 !important;
    }


        /* =========================================================
   SELECTED + HOVER
   ========================================================= */

        .rz-dropdown-panel .rz-dropdown-items .rz-dropdown-item.rz-state-highlight:hover,
        .rz-dropdown-panel .rz-dropdown-items .rz-dropdown-item.rz-state-selected:hover {
            background: #edf6ff !important;
            color: #3d78ad !important;
            font-weight: 600 !important;
        }


        /* =========================================================
   LEFT BLUE ACCENT
   ========================================================= */

        .rz-dropdown-panel .rz-dropdown-items .rz-dropdown-item:hover::before,
        .rz-dropdown-panel .rz-dropdown-items .rz-dropdown-item.rz-state-highlight::before,
        .rz-dropdown-panel .rz-dropdown-items .rz-dropdown-item.rz-state-selected::before {
            content: "";
            position: absolute;
            left: 5px;
            top: 7px;
            bottom: 7px;
            width: 3px;
            border-radius: 3px;
            background: #4b82b5 !important;
        }

        /* =========================================================
   RADZEN DATE PICKER
   ========================================================= */

.rz-datepicker {
    width: 100% !important;
}


/* =========================================================
   DATE PICKER INPUT
   ========================================================= */

.rz-datepicker .rz-inputtext {
    height: 38px !important;
    width: 100% !important;

    box-sizing: border-box !important;

    border: 1px solid #dbe3ec !important;
    border-radius: 5px !important;

    background: #f8fafc !important;
    color: #334155 !important;

    font-family: inherit !important;
    font-size: 13.5px !important;

    box-shadow:
        inset 0 1px 2px rgba(15, 23, 42, 0.02) !important;

    transition:
        border-color 0.18s ease,
        background-color 0.18s ease,
        box-shadow 0.18s ease !important;
}


/* =========================================================
   HOVER
   ========================================================= */

.rz-datepicker:hover .rz-inputtext {
    border-color: #c4d2e0 !important;
    background: #ffffff !important;
}


/* =========================================================
   FOCUS
   ========================================================= */

.rz-datepicker:focus-within .rz-inputtext {
    border-color: #5d89b5 !important;
    background: #eef6ff !important;

    box-shadow:
        0 0 0 3px rgba(75, 130, 181, 0.10),
        0 4px 12px rgba(15, 23, 42, 0.04) !important;

    outline: none !important;
}


/* =========================================================
   PLACEHOLDER
   ========================================================= */

.rz-datepicker .rz-inputtext::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
}


/* =========================================================
   DATE PICKER BUTTON
   ========================================================= */

.rz-datepicker .rz-datepicker-trigger {
    color: #94a3b8 !important;
    background: transparent !important;
    border: none !important;
}

.rz-datepicker:hover .rz-datepicker-trigger {
    color: #4b82b5 !important;
}


/* =========================================================
   CALENDAR
   ========================================================= */

.rz-datepicker-calendar {
    border-radius: 9px !important;
}


/* =========================================================
   CALENDAR NAP HOVER
   ========================================================= */

.rz-datepicker-calendar .rz-state-hover,
.rz-datepicker-calendar .rz-calendar-day:hover {
    background: #edf6ff !important;
    color: #3d78ad !important;
}


/* =========================================================
   KIVÁLASZTOTT NAP
   ========================================================= */

.rz-datepicker-calendar .rz-state-active,
.rz-datepicker-calendar .rz-calendar-day.rz-state-active {
    background: #edf6ff !important;
    color: #3d78ad !important;
    font-weight: 600 !important;
}


/* =========================================================
   KIVÁLASZTOTT + HOVER
   ========================================================= */

.rz-datepicker-calendar .rz-state-active:hover,
.rz-datepicker-calendar .rz-calendar-day.rz-state-active:hover {
    background: #e5f1fc !important;
    color: #3d78ad !important;
}


/* =========================================================
   MAI NAP
   ========================================================= */

.rz-datepicker-calendar .rz-calendar-today {
    color: #4b82b5 !important;
    font-weight: 600 !important;
}

/* =========================================================
   RADZEN CONFIRM DIALOG
   ========================================================= */


/* =========================================================
   DIALOG
   ========================================================= */

.rz-dialog-confirm {
    border-radius: 12px !important;
}


    /* =========================================================
   TITLE
   ========================================================= */

    .rz-dialog-confirm .rz-dialog-titlebar {
        padding: 16px 20px 10px 20px !important;
    }

    .rz-dialog-confirm .rz-dialog-title {
        font-family: inherit !important;
        font-size: 17px !important;
        font-weight: 600 !important;
        color: var(--rz-text-color) !important;
    }


    /* =========================================================
   CONTENT
   ========================================================= */

    .rz-dialog-confirm .rz-dialog-content {
        padding: 8px 20px 18px 20px !important;
    }

        .rz-dialog-confirm .rz-dialog-content p {
            margin: 0 !important;
            color: var(--rz-text-secondary-color) !important;
            font-family: inherit !important;
            font-size: 14px !important;
            line-height: 1.5 !important;
        }


    /* =========================================================
   BUTTON CONTAINER
   ========================================================= */

    .rz-dialog-confirm .rz-dialog-confirm-buttons {
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 12px 20px 16px 20px !important;
        border-top: 1px solid var(--rz-base-200) !important;
    }


        /* =========================================================
   COMMON BUTTON
   ========================================================= */

        .rz-dialog-confirm
        .rz-dialog-confirm-buttons > button.rz-button {
            width: 120px !important;
            min-width: 120px !important;
            height: 38px !important;
            min-height: 38px !important;
            padding: 0 14px !important;
            border-radius: 8px !important;
            font-family: inherit !important;
            font-size: 14px !important;
            font-weight: 600 !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            box-sizing: border-box !important;
            box-shadow: none !important;
            transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
        }


            /* =========================================================
   IGEN / OK
   ========================================================= */

            .rz-dialog-confirm
            .rz-dialog-confirm-buttons > button.rz-button.rz-primary {
                background: #edf9f5 !important;
                border: 1px solid #d3f0e5 !important;
                color: #249477 !important;
            }

                .rz-dialog-confirm
                .rz-dialog-confirm-buttons > button.rz-button.rz-primary:hover {
                    background: #e1f5ee !important;
                    border-color: #bfe8d9 !important;
                    color: #21866d !important;
                    box-shadow: 0 3px 10px rgba(36, 148, 119, 0.10) !important;
                    transform: translateY(-1px);
                }

                .rz-dialog-confirm
                .rz-dialog-confirm-buttons > button.rz-button.rz-primary:active {
                    background: #d8f0e7 !important;
                    transform: translateY(0) !important;
                }


            /* =========================================================
   NEM / CANCEL
   ========================================================= */

            .rz-dialog-confirm
            .rz-dialog-confirm-buttons > button.rz-button.rz-base.rz-shade-default {
                background: #f8fafc !important;
                border: 1px solid #e2e8f0 !important;
                color: #64748b !important;
            }

                .rz-dialog-confirm
                .rz-dialog-confirm-buttons > button.rz-button.rz-base.rz-shade-default:hover {
                    background: #f1f4f7 !important;
                    border-color: #cbd5e1 !important;
                    color: #526170 !important;
                    box-shadow: 0 3px 10px rgba(15, 23, 42, 0.06) !important;
                    transform: translateY(-1px);
                }

                .rz-dialog-confirm
                .rz-dialog-confirm-buttons > button.rz-button.rz-base.rz-shade-default:active {
                    background: #e9edf2 !important;
                    border-color: #cbd5e1 !important;
                    color: #526170 !important;
                    transform: translateY(0) !important;
                }


            /* =========================================================
   FOCUS
   ========================================================= */

            .rz-dialog-confirm
            .rz-dialog-confirm-buttons > button.rz-button:focus {
                outline: none !important;
            }


            /* =========================================================
   OK FOCUS
   ========================================================= */

            .rz-dialog-confirm
            .rz-dialog-confirm-buttons > button.rz-button.rz-primary:focus-visible {
                box-shadow: 0 0 0 3px rgba(36, 148, 119, 0.12) !important;
            }


            /* =========================================================
   CANCEL FOCUS
   ========================================================= */

            .rz-dialog-confirm
            .rz-dialog-confirm-buttons > button.rz-button.rz-base.rz-shade-default:focus-visible {
                box-shadow: 0 0 0 3px rgba(100, 116, 139, 0.10) !important;
            }