:root {
    /* Theme Colors (angepasst an #1e1e2e -> #2d2d44 Look) */
    --rz-white: #ffffff;
    --rz-black: #000000;
    /* Base scale = dunkle Indigo/Slate Stufen */
    --rz-base: #ababab; /* optional: "Brand"-Basis, kann auch #2d2d44 sein */
    --rz-base-50: #ffffff;
    --rz-base-100: #e9e9f3;
    --rz-base-200: #cfcfe2;
    --rz-base-300: #a9a9c8;
    --rz-base-400: #7b7ba3;
    --rz-base-500: #5d5d87;
    --rz-base-600: #4a4a6e;
    --rz-base-700: #3a3a58;
    --rz-base-800: #2d2d44; /* “Card/Surface”-Ton */
    --rz-base-900: #1e1e22; /* Body-Background Start-Ton */

    --rz-base-light: var(--rz-base-400);
    --rz-base-lighter: var(--rz-base-100);
    --rz-base-dark: var(--rz-base-700);
    --rz-base-darker: var(--rz-base-900);
    /* Akzente (Button/Focus/Links) passend zum Screenshot */
    --rz-primary: #667eea; /* blau */
    --rz-primary-light: #7f92f0;
    --rz-primary-lighter: rgba(102,126,234,0.16);
    --rz-primary-dark: #566bd0;
    --rz-primary-darker: #4658aa;
    --rz-secondary: #764ba2; /* violett */
    --rz-secondary-light: #8a62b3;
    --rz-secondary-lighter: rgba(118,75,162,0.20);
    --rz-secondary-dark: #66408d;
    --rz-secondary-darker: #553575;
    /* Text auf den dunklen Surfaces */
    --rz-on-base: #ffffff;
    --rz-on-base-light: #ffffff;
    --rz-on-base-lighter: #1e1e2e;
    --rz-on-base-dark: #ffffff;
    --rz-on-base-darker: #ffffff;
    /* Optional: Outline/Focus etwas “violetter” wirken lassen */
    --rz-outline-color: var(--rz-secondary);
    /* Damit Radzen-Flächen wirklich dunkel sind */
    --rz-body-background-color: var(--rz-base-900);
    --rz-base-background-color: var(--rz-base-900);
    --rz-sidebar-background-color: var(--rz-base-800);
    /* Form Field */
    --rz-form-field-filled-border-radius: 12px;
    /* Header */
    /* Sidebar Toggle Button */
    --rz-sidebar-toggle-hover-color: var(--rz-warning);
    /*--rz-input-shadow: 0 0 10px rgba(255, 255, 255, 0.7);*/

    --rz-menu-top-item-icon-hover-color: var(--rz-warning);
    --rz-menu-top-item-hover-color: var(--rz-warning);
    --rz-link-color: var(--rz-warning);
    --rz-panel-menu-item-2nd-level-background-color: var(--rz-base-700) !important;
    --rz-panel-menu-item-active-indicator: var(--rz-warning);
    --rz-tabs-tab-selected-color: var(--rz-warning);
    --rz-grid-stripe-background-color: var(--rz-base-background-color);
    --rz-grid-stripe-odd-background-color: var(--rz-base-700);
}



.rz-tabview-top > .rz-tabview-nav .rz-tabview-selected {
    background-color: #FFFFFF08 !important;
}

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

span.rz-cell-data:focus-within:not(:has(.rz-chkbox)) {
    box-shadow: 0 0 10px rgba(255,255,255,0.7);
    box-sizing: border-box;
}

.rz-header {
    background: radial-gradient( circle at left, var(--rz-base-dark) 0%, rgba(0,0,0,0) 100% ), var(--rz-base-900);
}

.rz-body {
    background: radial-gradient( circle at bottom right, var(--rz-base-dark) 0%, rgba(0,0,0,0) 20% ), var(--rz-base-900);
    background-attachment: fixed;
    background-repeat: no-repeat;
}




.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);
}