html, body {
    font-family: var(--rz-text-font-family);
    height: 100%;
}

input {
    font-family: var(--rz-text-font-family);
}

main {
    width: 100%
}

hr {
    margin: 0.75rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: 0.25;
}

.w-100 {
    width: 100%;
!important

}

.h-100 {
    height: 100%;
!important
}

:root {
    /*--------------Overrides------------------------------*/
    --rz-text-font-family: 'Barlow', sans-serif;
    --rz-border-radius: 4px;

    /* ===== FINNOFLEET Corporate Design ===== */

    /* ===== PRIMARY (Lime-Grün) ===== */
    --rz-primary: #9ACD32;              /* Hauptfarbe - Lime-Grün */
    --rz-primary-light: #B8E05C;        /* Hellere Variante */
    --rz-primary-lighter: #D4F094;      /* Noch heller */
    --rz-primary-dark: #7CB518;         /* Dunklere Variante (Hover) */
    --rz-primary-darker: #5C8A0F;       /* Noch dunkler */

    /* ===== ON-PRIMARY (Text auf Primary) ===== */
    --rz-on-primary: #FFFFFF;           /* Weißer Text auf Lime-Grün */
    --rz-on-primary-lighter: #1A202C;   /* Dunkler Text auf hellem Primary */

    /* ===== SECONDARY (Dunkelgrau) ===== */
    --rz-secondary: #4A5568;            /* Header, Navigation */
    --rz-secondary-light: #718096;      /* Hellere Variante */
    --rz-secondary-lighter: #A0AEC0;    /* Noch heller */
    --rz-secondary-dark: #2D3748;       /* Dunklere Variante */
    --rz-secondary-darker: #1A202C;     /* Noch dunkler */

    /* ===== ON-SECONDARY ===== */
    --rz-on-secondary: #FFFFFF;         /* Weißer Text auf Dunkelgrau */
    --rz-on-secondary-lighter: var(--rz-secondary);

    /* ===== BASE/GRAUSTUFEN ===== */
    --rz-base-50: #FAFAFA;              /* Sehr hell */
    --rz-base-100: #F5F5F5;             /* Hell */
    --rz-base-200: #EEEEEE;             /* Hintergrund - neutrales Grau */
    --rz-base-300: #CBD5E0;             /* Borders */
    --rz-base-400: #A0AEC0;             /* Placeholder */
    --rz-base-500: #718096;             /* Muted Text */
    --rz-base-600: #4A5568;             /* Text */
    --rz-base-700: #2D3748;             /* Dark Text */
    --rz-base-800: #1A202C;             /* Sehr dunkel */
    --rz-base-900: #171923;             /* Fast schwarz */

    /* ===== SEMANTIC COLORS ===== */
    --rz-success: var(--rz-primary);    /* Lime-Grün wie Primary */
    --rz-info: #4299E1;                 /* Blau für Info */
    --rz-info-dark: color-mix(in srgb, var(--rz-info), black 25%);
    --rz-warning: #ECC94B;              /* Gelb für Warnung */
    --rz-danger: #C53030;               /* Rot für Fehler - dunkler */
    --rz-link-color: #5392D0;

    /* ===== TEXT ===== */
    --rz-text-color: var(--rz-secondary);           /* Standard Textfarbe - wie Header */
    --rz-text-title-color: var(--rz-secondary-dark); /* Überschriften */
    --rz-text-secondary-color: var(--rz-secondary-light); /* Sekundärer Text */

    /* ===== SONSTIGES ===== */
    --rz-white: #FFFFFF;
    --rz-black: #000000;
    --rz-txs-hover-color: var(--rz-secondary-lighter);
    
    
    
    
    
    
    
    
    
    /* Dialog - Header wie App-Header */
    --rz-dialog-title-background-color: var(--rz-secondary);
    --rz-dialog-title-color: #FFFFFF;
    --rz-dialog-title-border: none;
    --rz-dialog-close-color: #FFFFFF;
    --rz-dialog-close-hover-color: var(--rz-primary);

    /* Tooltip - wie Header */
    --rz-tooltip-background-color: var(--rz-secondary);
    --rz-tooltip-color: #FFFFFF;

    /* Listbox */
    --rz-listbox-filter-border: var(--rz-border-base-300);

    /* Sidebar */
    --rz-sidebar-width: 180px;
    --rz-sidebar-background-color: var(--rz-base-100);  /* Dunkler als Content (base-50) */

    /* Grid */
    --rz-grid-header-background-color: var(--rz-secondary);
    --rz-grid-frozen-cell-background-color: var(--rz-secondary);
    --rz-grid-header-color: #FFFFFF;
    --rz-grid-sort-icon-color: #FFFFFF;
    --rz-grid-filter-color: var(--rz-grid-header-color);
    --rz-grid-header-filter-icon-hover-color: #3ba5fc;
    --rz-grid-header-filter-icon-active-color: var(--rz-grid-header-filter-icon-hover-color);
    --rz-grid-selected-background-color: var(--rz-primary-lighter);
    --rz-grid-selected-color: var(--rz-secondary-darker);
    --rz-grid-hover-background-color: #E8EDE3;
    --rz-grid-hover-color: var(--rz-text-color);

    /* Panel-Menu */
    --rz-panel-menu-item-background-color: var(--rz-base-100);
    --rz-panel-menu-item-color: var(--rz-text-color);
    --rz-panel-menu-item-border: var(--rz-base-300);
    --rz-panel-menu-background-color: var(--rz-base-100);
    --rz-panel-menu-item-active-background-color: var(--rz-primary-lighter);
    --rz-panel-menu-item-active-color: var(--rz-secondary-darker);
    --rz-panel-menu-item-hover-background-color: var(--rz-primary-lighter);
    --rz-panel-menu-item-hover-color: var(--rz-text-color);
    --rz-panel-menu-item-icon-hover-color: var(--rz-text-color);
    --rz-panel-menu-item-2nd-level-background-color: var(--rz-base-100);
    --rz-panel-menu-item-2nd-level-active-background-color: var(--rz-primary-lighter);
    --rz-panel-menu-item-2nd-level-hover-background-color: var(--rz-primary-lighter);
    --rz-panel-menu-item-2nd-level-hover-color: var(--rz-text-color);

    --rz-panel-menu-item-3rd-level-background-color: var(--rz-base-100);
    --rz-panel-menu-item-3rd-level-active-background-color: var(--rz-primary-lighter);
    --rz-panel-menu-item-3rd-level-hover-background-color: var(--rz-primary-lighter);
    --rz-panel-menu-item-3rd-level-hover-color: var(--rz-text-color);


    /* DropDown */
    --rz-dropdown-item-selected-shadow: none;
    --rz-dropdown-item-padding: 0.25rem 0.5rem;
    --rz-dropdown-item-hover-background-color: var(--rz-base-100);
    --rz-dropdown-item-selected-hover-background-color: var(--rz-base-100);
    --rz-dropdown-item-selected-background-color: transparent;
    --rz-dropdown-item-hover-color: var(--rz-secondary);
    --rz-dropdown-item-selected-color: var(--rz-secondary);
    --rz-dropdown-item-selected-hover-color: var(--rz-secondary);

    /* Menu */
    --rz-menu-item-hover-color: var(--rz-secondary);
    --rz-menu-item-icon-hover-color: var(--rz-secondary);
    --rz-menu-item-hover-background-color: var(--rz-base-100);

    /* Switch */
    --rz-switch-checked-background-color: var(--rz-success);

    /* ===== FINNOFLEET FIXES ===== */

    /* Header - dunkelgrauer Hintergrund */
    --rz-header-background-color: var(--rz-secondary);
    --rz-header-color: var(--rz-on-secondary);

    /* Content Background */
    --rz-body-background-color: var(--rz-base-50);  /* #FAFAFA - sehr hell */

    /* Grid Stripe - alternating row colors (Grau-Grün Mix) */
    --rz-grid-stripe-background-color: #F6F8F4;  /* Grau mit leichtem Grünstich - heller */
    --rz-grid-row-hover-background-color: #EDF1E9;  /* Etwas dunkler für Hover */

    /* Button - Dunkelgrau wie Header mit weißer Schrift */
    --rz-button-primary-background-color: var(--rz-secondary);
    --rz-button-primary-hover-background-color: var(--rz-secondary-dark);
    --rz-on-primary: #FFFFFF;
    --rz-button-primary-color: #FFFFFF;
    --rz-button-primary-hover-color: #FFFFFF;
    --rz-button-primary-active-color: #FFFFFF;
    --rz-on-primary-dark: #FFFFFF;
    --rz-on-primary-darker: #FFFFFF;

    /* Secondary/Outline Buttons - weißer Hintergrund statt blau-grau */
    --rz-button-secondary-background-color: #FFFFFF;
    --rz-button-secondary-color: var(--rz-secondary);
    --rz-button-secondary-hover-background-color: var(--rz-base-100);
    --rz-button-light-background-color: #FFFFFF;
    --rz-button-light-color: var(--rz-secondary);
    --rz-button-light-hover-background-color: var(--rz-base-100);
}

/* Text Secondary Buttons - gleiche Hover-Farbe wie Sidebar */
.rz-button.rz-secondary.rz-variant-text:hover {
    background-color: var(--rz-base-100) !important;
}

/*--------------Overrides------------------------------*/
.invalid ~ .rz-form-field-label::before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16px" viewBox="0 -960 960 960" width="16px" fill="%23b32121"><path%20d="M480-280q17%200%2028.5-11.5T520-320q0-17-11.5-28.5T480-360q-17%200-28.5%2011.5T440-320q0%2017%2011.5%2028.5T480-280Zm-40-160h80v-240h-80v240Zm40%20360q-83%200-156-31.5T197-197q-54-54-85.5-127T80-480q0-83%2031.5-156T197-763q54-54%20127-85.5T480-880q83%200%20156%2031.5T763-763q54%2054%2085.5%20127T880-480q0%2083-31.5%20156T763-197q-54%2054-127%2085.5T480-80Zm0-80q134%200%20227-93t93-227q0-134-93-227t-227-93q-134%200-227%2093t-93%20227q0%20134%2093%20227t227%2093Zm0-320Z"/></svg>');
    margin-right: 3px;
    vertical-align: middle;
}

.rz-group-header {
    background-color: transparent;
}

.rz-tree {
    border: var(--rz-listbox-border);
    border-radius: var(--rz-listbox-border-radius);
}

.rz-layout .rz-body {
    width: 100%;
}

.rz-popup {
    display: none;
    position: absolute;
    overflow: hidden;
    padding: .75rem;
    border: var(--rz-panel-border);
    border-radius: var(--rz-menu-border-radius);
    background-color: var(--rz-menu-background-color);
    box-shadow: var(--rz-context-menu-box-shadow);
}

.rz-tooltip.rz-popup {
    padding: unset;
    border: none;
    background-color: unset;
    box-shadow: unset;
}

.rz-notification {
    inset-block-start: unset;
    inset-block-end: 1rem;
    inset-inline-end: 1rem;
}

.rz-notification-item-wrapper {
    width: 100%; 
}

.rz-datatable .rz-col-icon {
    border-right: 0 !important;
}

.rz-multiselect-item-content {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rz-grid-table thead th {
    color: var(--rz-grid-header-color);
}

.rz-dialog-titlebar-close {
    cursor: pointer;
}