:root {
    /* PLS Dark: deep cyan corporate + orange accent */
    --rz-white: #ffffff;
    --rz-black: #000000;

    --rz-base: #071a26;
    --rz-base-50: #f0f7fb;
    --rz-base-100: #d6e8f2;
    --rz-base-200: #a8c9dc;
    --rz-base-300: #7aa5be;
    --rz-base-400: #52829e;
    --rz-base-500: #376380;
    --rz-base-600: #234a64;
    --rz-base-700: #16334a;
    --rz-base-800: #0c2235;
    --rz-base-900: #051420;

    --rz-base-light: #7aa5be;
    --rz-base-lighter: #f0f7fb;
    --rz-base-dark: #16334a;
    --rz-base-darker: #051420;

    /* Primary: PLS cyan */
    --rz-primary: #029fc8;
    --rz-primary-light: #32b9dc;
    --rz-primary-lighter: rgba(2, 159, 200, 0.18);
    --rz-primary-dark: #0088ab;
    --rz-primary-darker: #006f8c;

    /* Secondary: deeper steel-blue complement to primary cyan */
    --rz-secondary: #1a7aad;
    --rz-secondary-light: #3898c8;
    --rz-secondary-lighter: rgba(26, 122, 173, 0.2);
    --rz-secondary-dark: #126190;
    --rz-secondary-darker: #0b4d74;

    --rz-info: #5ecbff;
    --rz-info-light: #83d8ff;
    --rz-info-lighter: rgba(94, 203, 255, 0.18);
    --rz-info-dark: #3fb5eb;
    --rz-info-darker: #2197cf;

    --rz-success: #2ecc84;
    --rz-success-light: #56d69b;
    --rz-success-lighter: rgba(46, 204, 132, 0.18);
    --rz-success-dark: #20b472;
    --rz-success-darker: #149a60;

    --rz-warning: #ffbe3b;
    --rz-warning-light: #ffcf6b;
    --rz-warning-lighter: rgba(255, 190, 59, 0.2);
    --rz-warning-dark: #e2a72b;
    --rz-warning-darker: #c98f14;

    --rz-danger: #ff5d71;
    --rz-danger-light: #ff7d8d;
    --rz-danger-lighter: rgba(255, 93, 113, 0.2);
    --rz-danger-dark: #e6485b;
    --rz-danger-darker: #c93446;

    --rz-on-base: #ffffff;
    --rz-on-base-light: #051420;
    --rz-on-base-lighter: #051420;
    --rz-on-base-dark: #ffffff;
    --rz-on-base-darker: #ffffff;

    --rz-on-primary: #ffffff;
    --rz-on-primary-light: #ffffff;
    --rz-on-primary-lighter: #004d62;
    --rz-on-primary-dark: #ffffff;
    --rz-on-primary-darker: #ffffff;

    --rz-on-secondary: #ffffff;
    --rz-on-secondary-light: #ffffff;
    --rz-on-secondary-lighter: #063552;
    --rz-on-secondary-dark: #ffffff;
    --rz-on-secondary-darker: #ffffff;

    --rz-on-info: #051420;
    --rz-on-info-light: #051420;
    --rz-on-info-lighter: #005f86;
    --rz-on-info-dark: #051420;
    --rz-on-info-darker: #ffffff;

    --rz-on-success: #051420;
    --rz-on-success-light: #051420;
    --rz-on-success-lighter: #0a6a3f;
    --rz-on-success-dark: #051420;
    --rz-on-success-darker: #ffffff;

    --rz-on-warning: #1f1606;
    --rz-on-warning-light: #1f1606;
    --rz-on-warning-lighter: #8f6200;
    --rz-on-warning-dark: #1f1606;
    --rz-on-warning-darker: #1f1606;

    --rz-on-danger: #ffffff;
    --rz-on-danger-light: #ffffff;
    --rz-on-danger-lighter: #7f1f2d;
    --rz-on-danger-dark: #ffffff;
    --rz-on-danger-darker: #ffffff;

    /* Series palette for charts - blue spectrum */
    --rz-series-1: #32b9dc;
    --rz-series-2: #1a7aad;
    --rz-series-3: #2ecc84;
    --rz-series-4: #5ecbff;
    --rz-series-5: #ff5d71;
    --rz-series-6: #8e8cff;
    --rz-series-7: #ffbe3b;
    --rz-series-8: #3898c8;
    --rz-series-9: #56d69b;
    --rz-series-10: #83d8ff;
    --rz-series-11: #ff8797;
    --rz-series-12: #b0a1ff;
    --rz-series-13: #029fc8;
    --rz-series-14: #126190;
    --rz-series-15: #20b472;
    --rz-series-16: #e2a72b;
    --rz-series-17: #e6485b;
    --rz-series-18: #6f67df;
    --rz-series-19: #6ad0ee;
    --rz-series-20: #0b4d74;
    --rz-series-21: #8be8b9;
    --rz-series-22: #a0ddf0;
    --rz-series-23: #ffb0bc;
    --rz-series-24: #cec5ff;

    --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-900);
    --rz-text-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

    --rz-outline-offset: 2px;
    --rz-outline-width: 2px;
    --rz-outline-color: var(--rz-primary);

    --rz-text-title-color: #f0f8ff;
    --rz-text-color: #d6e8f5;
    --rz-text-secondary-color: #a0bbd4;
    --rz-text-tertiary-color: #7599b5;
    --rz-text-disabled-color: #4a6d88;
    --rz-text-contrast-color: var(--rz-white);

    --rz-link-color: #32b9dc;
    --rz-link-text-decoration: none;
    --rz-link-hover-color: #6ad0ee;
    --rz-link-hover-text-decoration: underline;
    --rz-link-focus-outline: var(--rz-outline-focus);
    --rz-link-focus-outline-offset: var(--rz-outline-offset);

    /* PLS custom variables */
    --pls-cyan: #029fc8;
    --pls-cyan-light: #32b9dc;
    --pls-cyan-dark: #0088ab;
    --pls-structure-line: 1px solid rgba(2, 159, 200, 0.25);

    /* Menu: cyan hover highlights */
    --rz-menu-item-hover-color: #e8f8fd;
    --rz-menu-item-icon-hover-color: #e8f8fd;
    --rz-menu-item-hover-background-color: rgba(2, 159, 200, 0.22);
    --rz-menu-item-selected-color: #f0fbff;
    --rz-menu-item-selected-background-color: rgba(2, 159, 200, 0.3);
    --rz-panel-menu-item-hover-color: #e8f8fd;
    --rz-panel-menu-item-hover-background-color: rgba(2, 159, 200, 0.24);
    --rz-panel-menu-item-active-color: #ffffff;
    --rz-panel-menu-item-active-background-color: rgba(2, 159, 200, 0.35);
    --rz-grid-hover-color: #32b9dc;
    --rz-grid-selected-background-color: rgba(2, 159, 200, 0.35);
    --rz-grid-selected-color: #f0fbff;

    --rz-base-background-color: var(--rz-base-800);

    --rz-border-normal: var(--rz-border-width) solid #1e3f58;
    --rz-border-hover: var(--rz-border-width) solid #2b5270;
    --rz-border-focus: var(--rz-border-width) solid var(--rz-primary);
    --rz-border-disabled: var(--rz-border-width) solid #183448;

    --rz-border-radius: 0.125rem;
    --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-normal: none;
    --rz-outline-focus: var(--rz-outline-width) solid var(--rz-outline-color);

    /* Dark shadows */
    --rz-shadow-0: none;
    --rz-shadow-1: 0 0 2px rgba(0, 0, 0, 0.1), 0 2px 5px rgba(2, 14, 28, 0.28);
    --rz-shadow-2: 0 0 3px rgba(0, 0, 0, 0.1), 0 4px 12px rgba(2, 14, 28, 0.35);
    --rz-shadow-3: 0 0 4px rgba(0, 0, 0, 0.12), 0 8px 18px rgba(2, 14, 28, 0.42);
    --rz-shadow-4: 0 0 4px rgba(0, 0, 0, 0.14), 0 10px 24px rgba(2, 14, 28, 0.48);
    --rz-shadow-5: 0 0 5px rgba(0, 0, 0, 0.16), 0 14px 32px rgba(2, 14, 28, 0.54);
    --rz-shadow-6: 0 0 6px rgba(0, 0, 0, 0.18), 0 18px 40px rgba(2, 14, 28, 0.58);
    --rz-shadow-7: 0 0 8px rgba(0, 0, 0, 0.2), 0 22px 46px rgba(2, 14, 28, 0.62);
    --rz-shadow-8: 0 0 10px rgba(0, 0, 0, 0.22), 0 26px 52px rgba(2, 14, 28, 0.66);
    --rz-shadow-9: 0 0 12px rgba(0, 0, 0, 0.24), 0 30px 58px rgba(2, 14, 28, 0.7);
    --rz-shadow-10: 0 0 14px rgba(0, 0, 0, 0.26), 0 36px 66px rgba(2, 14, 28, 0.76);

    --rz-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --rz-transition-all: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --rz-expander-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    --rz-form-field-filled-border-radius: 12px;
    --rz-layout-body-margin: 0;
    --rz-layout-body-padding: 1rem;
    --rz-layout-body-border-radius: 0;
    --rz-layout-body-background-color: transparent;

    --rz-footer-padding: 0.5rem 1rem !important;
    --rz-header-background-color: var(--rz-footer-background-color);
    --rz-fieldset-padding: 0.5rem !important;
    --rz-tabs-padding: 0 !important;

    --bs-code-color: #5ecbff !important;
}

.rz-form-field:not(.rz-variant-outlined):not(.rz-floating-label) .rz-form-field-label,
.rz-form-field:not(.rz-variant-outlined) *:focus ~ .rz-form-field-label,
.rz-form-field:not(.rz-variant-outlined) *:focus-within ~ .rz-form-field-label,
.rz-form-field:not(.rz-variant-outlined) :not(.rz-state-empty) ~ .rz-form-field-label,
.rz-form-field:not(.rz-variant-outlined) .rz-radio-button-list-vertical ~ .rz-form-field-label,
.rz-form-field:not(.rz-variant-outlined) .rz-radio-button-list-horizontal ~ .rz-form-field-label,
.rz-form-field:not(.rz-variant-outlined) .rz-checkbox-list-vertical ~ .rz-form-field-label,
.rz-form-field:not(.rz-variant-outlined) .rz-checkbox-list-horizontal ~ .rz-form-field-label,
.rz-form-field:not(.rz-variant-outlined) .rz-chkbox ~ .rz-form-field-label,
.rz-form-field:not(.rz-variant-outlined) .rz-fileupload ~ .rz-form-field-label,
.rz-form-field:not(.rz-variant-outlined) .rz-state-empty:has(.rz-placeholder) ~ .rz-form-field-label,
.rz-form-field:not(.rz-variant-outlined).rz-state-focused .rz-form-field-label {
    background-color: transparent !important;
    color: var(--rz-base-400) !important;
}

/* Tabs: cyan selected */
.rz-tabview-top > .rz-tabview-nav .rz-tabview-selected {
    background: var(--pls-cyan) !important;
    border-top-color: var(--pls-cyan) !important;
    box-shadow: none;
    transform: none;
}

.rz-tabview-top > .rz-tabview-nav .rz-tabview-selected,
.rz-tabview-top > .rz-tabview-nav .rz-tabview-selected a,
.rz-tabview-top > .rz-tabview-nav .rz-tabview-selected .rzi {
    color: var(--rz-white) !important;
    -webkit-text-fill-color: currentColor;
    text-shadow: none;
}

/* Cyan gradient links */
.rz-link,
a.rz-link,
.goto-link,
.grid-goto-link {
    color: #32b9dc !important;
    background-image: linear-gradient(135deg, #029fc8 0%, #6ad0ee 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-decoration-color: rgba(50, 185, 220, 0.55);
    transition: filter 0.25s ease, text-decoration-color 0.25s ease;
}

.rz-link:hover,
a.rz-link:hover,
.goto-link:hover,
.grid-goto-link:hover {
    filter: brightness(1.1);
    text-decoration-color: rgba(106, 208, 238, 0.86);
}

/* Cyan hover pass for menus, but exclude grid tool menus */
.rz-menu:not(.rz-profile-menu):not(.grid-main-menu):not(.grid-side-menu) .rz-navigation-item-wrapper:hover,
.rz-menu:not(.rz-profile-menu):not(.grid-main-menu):not(.grid-side-menu) .rz-navigation-item-wrapper:has(> .active):hover,
.rz-menu:not(.rz-profile-menu):not(.grid-main-menu):not(.grid-side-menu) .rz-navigation-item-wrapper-active,
.rz-panel-menu .rz-navigation-item-wrapper:hover,
.rz-panel-menu .rz-navigation-item-wrapper-active,
.rz-panel-menu .rz-navigation-item-active {
    background-image: linear-gradient(135deg, rgba(2, 159, 200, 0.3) 0%, rgba(50, 185, 220, 0.22) 58%, rgba(106, 208, 238, 0.15) 100%) !important;
}

.rz-panel-menu .rz-navigation-item-wrapper:hover,
.rz-panel-menu .rz-navigation-item-wrapper-active,
.rz-panel-menu .rz-navigation-item-active {
    box-shadow: inset 3px 0 0 #029fc8, 0 0 0 1px rgba(2, 159, 200, 0.22);
}

/* Grid menus: no hover background */
.rz-menu.grid-main-menu .rz-navigation-item-wrapper:hover,
.rz-menu.grid-main-menu .rz-navigation-item-wrapper:has(> .active):hover,
.rz-menu.grid-side-menu .rz-navigation-item-wrapper:hover,
.rz-menu.grid-side-menu .rz-navigation-item-wrapper:has(> .active):hover {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Grid menu bars above ZGrid: transparent background */
.rz-row:has(.rz-menu.grid-main-menu):has(.rz-menu.grid-side-menu),
.rz-menu.grid-main-menu,
.rz-menu.grid-side-menu {
    background-color: transparent !important;
    background-image: none !important;
}

/* Menu button icon: default light, cyan only on hover/focus */
.rz-sidebar-toggle {
    color: #f0f8ff !important;
}

.rz-sidebar-toggle .rzi {
    color: #f0f8ff !important;
}

.rz-sidebar-toggle:hover,
.rz-sidebar-toggle:focus-visible,
.rz-sidebar-toggle:hover .rzi,
.rz-sidebar-toggle:focus-visible .rzi {
    color: #32b9dc !important;
}

/* Datagrid row hover text in cyan */
.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) .rz-cell-data,
.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) .rz-cell-data a,
.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) .rz-cell-data .rz-link {
    color: var(--rz-grid-hover-color) !important;
    -webkit-text-fill-color: currentColor;
    background-image: none;
}

/* Filled primary buttons with PLS cyan gradient */
.rz-button.rz-primary:not(.rz-variant-text):not(.rz-variant-outlined) {
    background-color: #029fc8 !important;
    background-image: linear-gradient(135deg, #0088ab 0%, #029fc8 55%, #32b9dc 100%) !important;
    border-color: transparent !important;
    color: #ffffff !important;
    box-shadow: 0 8px 22px rgba(2, 159, 200, 0.35) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease, filter 0.3s ease !important;
}

.rz-button.rz-primary:not(.rz-variant-text):not(.rz-variant-outlined):not(.rz-state-disabled):not(:active):hover {
    transform: translateY(-2px);
    background-image: linear-gradient(135deg, #029fc8 0%, #32b9dc 55%, #5ccbe5 100%) !important;
    box-shadow: 0 12px 26px rgba(2, 159, 200, 0.45) !important;
}

.rz-button.rz-primary:not(.rz-variant-text):not(.rz-variant-outlined):not(.rz-state-disabled):active {
    transform: translateY(0);
    background-image: linear-gradient(135deg, #006f8c 0%, #0088ab 58%, #029fc8 100%) !important;
    box-shadow: 0 6px 14px rgba(2, 159, 200, 0.3) !important;
}

.rz-tabview > ul {
    margin-bottom: 5px;
}

span.rz-cell-data:focus-within:not(:has(.rz-chkbox)) {
    box-shadow: 0 0 0 2px rgba(2, 159, 200, 0.35), 0 0 18px rgba(26, 122, 173, 0.2);
    box-sizing: border-box;
}

/* Header with structure line */
.rz-header {
    background: var(--rz-footer-background-color) !important;
    border-bottom: var(--pls-structure-line);
    box-shadow: none;
}

/* Sidebar dividers */
.rz-sidebar.rz-sidebar-start,
.rz-sidebar.rz-sidebar-left,
.rz-layout > .rz-sidebar:first-of-type,
.rz-sidebar:not(.rz-sidebar-end):not(.rz-sidebar-right) {
    border-inline-end: var(--pls-structure-line) !important;
}

.rz-sidebar.rz-sidebar-end,
.rz-sidebar.rz-sidebar-right {
    border-inline-start: var(--pls-structure-line) !important;
}

.rz-footer {
    border-top: var(--pls-structure-line) !important;
}

/* Theme-owned site logo */
.headerLogo {
    background-image: url('/css/pls/pls_kreuz_trans_small.png') !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: left center !important;
    width: 38px !important;
    height: 38px !important;
}

/* Body: deep cyan atmospheric background */
.rz-body {
    position: relative;
    background:
        radial-gradient(circle at 12% 78%, rgba(2, 159, 200, 0.2) 0%, rgba(2, 159, 200, 0) 42%),
        radial-gradient(circle at 82% 24%, rgba(26, 122, 173, 0.18) 0%, rgba(26, 122, 173, 0) 38%),
        radial-gradient(circle at 52% 96%, rgba(50, 185, 220, 0.1) 0%, rgba(50, 185, 220, 0) 26%),
        linear-gradient(128deg, #041018 0%, #071a28 36%, #092438 61%, #051220 100%);
    background-size: 135% 135%, 125% 125%, 145% 145%, 100% 100%;
    background-position: 0% 72%, 100% 18%, 52% 100%, 0 0;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
.rz-dialog {
    border: 1px solid rgba(2, 159, 200, 0.25);
    box-shadow: 0 24px 60px rgba(2, 14, 28, 0.74), 0 0 0 1px rgba(255, 255, 255, 0.04) inset;
}

.rz-dialog-wrapper {
    background-color: rgba(2, 14, 28, 0.5);
    backdrop-filter: blur(3px) saturate(1.04);
}

.rz-dropdown-panel {
    border: 1px solid rgba(2, 159, 200, 0.3);
    box-shadow: 0 26px 64px rgba(2, 14, 28, 0.7), 0 8px 22px rgba(2, 14, 28, 0.46), 0 1px 0 rgba(255, 255, 255, 0.05) inset;
    transform: translateY(2px);
}

.rz-form-field.rz-state-focused {
    box-shadow: 0 0 0 1px rgba(2, 159, 200, 0.38), 0 0 14px rgba(2, 159, 200, 0.2);
}

.lockedIcon {
    color: #ffffff66 !important;
    font-size: 1rem !important;
}

.main-component-progressbar {
    height: 5px;
}

.rz-fieldset + .rz-fieldset {
    margin-top: 20px;
}

.rz-message-popup {
    z-index: 100;
}

.mark.highlight-match {
    background-color: rgba(2, 159, 200, 0.7);
    color: #f0f8ff;
    border-radius: 3px;
    padding: 0 2px;
}

.grid-goto-link,
.goto-link {
    text-decoration: underline !important;
}

/* Validation */
.rz-form-field:has(.rz-dropdown.invalid),
.rz-form-field:has(.rz-textbox.invalid),
.rz-form-field:has(.ggt-picker.invalid) {
    border: 2px solid var(--rz-danger);
    border-radius: 4px;
    padding: 2px;
}

.rz-form-field-content > .rz-dropdown.invalid,
.rz-form-field-content > .rz-textbox.invalid,
.rz-form-field-content > .ggt-picker.invalid > .rz-inputtext {
    border: none !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.rz-datatable .rz-textbox.invalid,
.rz-datatable .rz-dropdown.invalid,
.rz-datatable .rz-numeric-input.invalid,
.rz-datatable .rz-masked.invalid,
.rz-datatable .rz-datepicker .invalid {
    border: 2px solid var(--rz-danger) !important;
    box-shadow: none !important;
    border-radius: 2px;
    outline: 0 !important;
}

.dataFlowMappingSourceFieldDropDownDescription,
.fk-footertext {
    color: var(--rz-primary);
}

.rz-dropdown-item:hover .dataFlowMappingSourceFieldDropDownDescription,
.rz-dropdown-item:hover .dataFlowMappingSourceFieldDropDownHeaderItem {
    color: #b0e6f8;
}

/* Improve lighter filled alert readability in PLS Dark */
.rz-alert.rz-variant-filled.rz-shade-lighter.rz-danger {
    --rz-alert-color: #ff405c;
    --rz-alert-title-color: #ff405c;
    --rz-alert-icon-color: #ff405c;
}

.rz-alert.rz-variant-filled.rz-shade-lighter.rz-warning {
    --rz-alert-color: #ffbe3b;
    --rz-alert-title-color: #ffbe3b;
    --rz-alert-icon-color: #ffbe3b;
}

.rz-alert.rz-variant-filled.rz-shade-lighter.rz-info {
    --rz-alert-color: #5ecbff;
    --rz-alert-title-color: #5ecbff;
    --rz-alert-icon-color: #5ecbff;
}

.dlg-grid .rz-dialog-content .rz-data-grid .rz-data-grid-data::-webkit-scrollbar {
    background-color: var(--rz-scrollbar-background-color);
    width: var(--rz-scrollbar-size);
    height: var(--rz-scrollbar-size);
}

.dlg-grid .rz-dialog-content .rz-data-grid .rz-data-grid-data::-webkit-scrollbar-thumb {
    background: var(--rz-scrollbar-color);
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    border-radius: var(--rz-scrollbar-border-radius);
    min-width: var(--rz-scrollbar-size);
    min-height: var(--rz-scrollbar-size);
}

.dlg-grid .rz-dialog-content .rz-data-grid .rz-data-grid-data {
    scrollbar-width: var(--rz-scrollbar-size);
    scrollbar-color: var(--rz-scrollbar-color);
}

/* Light alert/banner surfaces (rz-*-lighter): boost text contrast against the dark
   tinted backgrounds. Override both the CSS variables and the utility text classes. */
:root {
    --rz-on-info-lighter: #b3e3ff;
    --rz-on-success-lighter: #9ae6b4;
    --rz-on-warning-lighter: #ffe2a3;
    --rz-on-danger-lighter: #ffb3bc;
    --rz-on-primary-lighter: #b0e6f8;
    --rz-on-secondary-lighter: #a3d2ec;
}

.rz-color-on-info-lighter { color: var(--rz-on-info-lighter) !important; }
.rz-color-on-success-lighter { color: var(--rz-on-success-lighter) !important; }
.rz-color-on-warning-lighter { color: var(--rz-on-warning-lighter) !important; }
.rz-color-on-danger-lighter { color: var(--rz-on-danger-lighter) !important; }
.rz-color-on-primary-lighter { color: var(--rz-on-primary-lighter) !important; }
.rz-color-on-secondary-lighter { color: var(--rz-on-secondary-lighter) !important; }

/* Panel menu depth differentiation:
   L3+ gets a quiet tint, L4+ a stronger tint plus a primary-colored accent rail.
   Each `.rz-navigation-item` chain represents one nesting level; the wrapper's own
   LI counts, so 3 chains = L3+, 4 chains = L4+. */
.rz-panel-menu .rz-navigation-item .rz-navigation-item .rz-navigation-item .rz-navigation-item-wrapper {
    background-color: rgba(128, 128, 128, 0.08);
}

.rz-panel-menu .rz-navigation-item .rz-navigation-item .rz-navigation-item .rz-navigation-item .rz-navigation-item-wrapper {
    background-color: rgba(128, 128, 128, 0.18);
    box-shadow: inset 3px 0 0 var(--rz-primary);
}

.rz-panel-menu .rz-navigation-item .rz-navigation-item .rz-navigation-item .rz-navigation-item .rz-navigation-item-wrapper:hover,
.rz-panel-menu .rz-navigation-item .rz-navigation-item .rz-navigation-item .rz-navigation-item .rz-navigation-item-wrapper-active,
.rz-panel-menu .rz-navigation-item .rz-navigation-item .rz-navigation-item .rz-navigation-item .rz-navigation-item-active {
    box-shadow: inset 3px 0 0 var(--rz-primary), 0 0 0 1px var(--rz-primary-light, var(--rz-primary));
}