/*
   GRID STYLING - Vertrags-Tabelle
*/

/* Grid Header (Überschriften) - FETT & GRÖSSER */
vaadin-grid::part(header-cell) {
    font-size: 1rem;          /* Größer als Standard (0.875rem) */
    font-weight: bold;         /* Fett (Bold) */
    color: var(--lumo-contrast);
    background: var(--lumo-contrast-5pct);
    padding: var(--lumo-space-s) var(--lumo-space-m);
    position: sticky;          /* Header bleibt oben beim Scrollen */
    top: 0;
    z-index: 10;              /* Header über Zeilen */
}

/* Grid Zellen (Daten) - NORMAL & ETWAS GRÖSSER */
vaadin-grid::part(cell) {
    font-size: 0.9375rem;     /* Etwas größer als Standard, aber kleiner als Header */
    font-weight: 400;         /* Normal (nicht fett) */
    padding: var(--lumo-space-s) var(--lumo-space-m);
}

/* Grid Body Cells - Extra Styling */
vaadin-grid::part(body-cell) {
    color: var(--lumo-body-text-color);
}

/* Hover-Effekt für bessere UX */
vaadin-grid::part(row):hover {
    background: var(--lumo-contrast-5pct);
}

/* Tecis Logo Farbe als Button Farbe */
vaadin-button.tecis-button {
    background-color: #002e5b !important;
    color: white !important;
    font-weight: bold !important;
}

a.tecis-button {
    background-color: #002e5b !important;
    color: white !important;
    font-weight: bold !important;
}

/* Fix für FileDownloadButton Höhe - nur für "Verträge exportieren" Button */
a.button-height-fix {
    /*min-height: var(--lumo-button-size) !important; */
    /* max-height: var(--lumo-button-size) !important; */
    height: 38px !important; 
    padding: 0 var(--lumo-space-m) !important;
    box-sizing: border-box !important;
    margin-top: 3px;
}

.kuendigung-header {
    color: #002e5b;
    font-size: var(--lumo-font-size-xl);
    font-weight: 600;
    margin-top: 0;
    margin-bottom: var(--lumo-space-m);
    padding-bottom: var(--lumo-space-s);
    border-bottom: 2px solid var(--lumo-primary-color);
}

/* Mobile DatePicker Optimierung */
.mobile-datepicker-overlay {
    max-width: 100vw !important;
    max-height: 80vh !important;
}

/* Login View - Hintergrundbild mit Blur-Effekt */
vaadin-vertical-layout[theme~="login-background"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: blur(3px);
    transform: scale(1.05);
    z-index: -1;
}

/* Mobile: DatePicker Overlay besser positionieren */
@media (max-width: 768px) {
    vaadin-date-picker-overlay {
        --vaadin-overlay-viewport-bottom: env(safe-area-inset-bottom);
        inset: auto 0 0 0 !important;
        max-height: 70vh !important;
    }

    vaadin-date-picker-overlay-content {
        height: auto !important;
        max-height: 70vh !important;
    }
}