:root {
    --lumo-font-size: 1rem;
    --lumo-font-size-xxxl: 3rem;
    --lumo-font-size-xxl: 2.25rem;
    --lumo-font-size-xl: 1.75rem;
    --lumo-font-size-l: 1.375rem;
    --lumo-font-size-m: 1.125rem;
    --lumo-font-size-s: 1rem;
    --lumo-font-size-xs: 0.875rem;
    --lumo-font-size-xxs: 0.8125rem;

    --lumo-primary-text-color: rgb(9, 134, 24);
    --lumo-primary-color-50pct: rgba(9, 134, 24, 0.5);
    --lumo-primary-color-10pct: rgba(9, 134, 24, 0.1);
    --lumo-primary-color: hsl(127, 87%, 28%);

    --lumo-base-color: #dadcc7;

    --lumo-tint-5pct: rgba(101, 105, 63, 0.05);
    --lumo-tint-10pct: rgba(101, 105, 63, 0.1);
    --lumo-tint-20pct: rgba(101, 105, 63, 0.2);
    --lumo-tint-30pct: rgba(101, 105, 63, 0.3);
    --lumo-tint-40pct: rgba(101, 105, 63, 0.4);
    --lumo-tint-50pct: rgba(101, 105, 63, 0.5);
    --lumo-tint-60pct: rgba(101, 105, 63, 0.6);
    --lumo-tint-70pct: rgba(101, 105, 63, 0.7);
    --lumo-tint-80pct: rgba(101, 105, 63, 0.8);
    --lumo-tint-90pct: rgba(101, 105, 63, 0.9);
    --lumo-tint: #65693f;

    --lumo-success-text-color: rgb(56, 204, 36);
    --lumo-success-color-50pct: rgba(56, 204, 36, 0.5);
    --lumo-success-color-10pct: rgba(56, 204, 36, 0.1);
    --lumo-success-color: hsl(113, 70%, 47%);

    /* Lumo-Tokens, die IntelliJ anmeckert – mit sinnvollen Defaults */
    --lumo-space-xs: 0.25rem;
    --lumo-border-radius-s: 0.25rem;
    --lumo-contrast-10pct: rgba(0, 0, 0, 0.06);
    --lumo-size-s: 2rem;
}

/* Deckender Hintergrund + Rahmen für die Filter-Wrapper im Header */
.filter-cell {
    background: var(--lumo-base-color, #fff);
    padding: var(--lumo-space-xs, 0.25rem);
    border-radius: var(--lumo-border-radius-s, 0.25rem);
    /* zarte Kontur; Fallback, falls IntelliJ die Var. nicht kennt */
    box-shadow: inset 0 0 0 1px var(--lumo-contrast-10pct, rgba(0,0,0,0.06));
    display: block;
    background-clip: padding-box; /* verhindert „Ausbluten“ */
}

vaadin-grid::part(header-row),

vaadin-grid::part(header-cell) {
    background: var(--lumo-base-color, #fff);
    box-shadow: 0 1px 0 0 var(--lumo-contrast-10pct, rgba(0,0,0,0.06));
    min-height: var(--lumo-size-s, 2rem); /* gleichmäßige Höhe */
}

.filter-cell :is(vaadin-date-picker,
                 vaadin-combo-box,
                 vaadin-text-field,
                 vaadin-checkbox,
                 vaadin-button) {
    margin: 0;
    width: 100%;
}