@import url('./main-layout.css');
@import url('./views/dashboard-view.css');
@import url('./views/gridwith-filters-view.css');
@import url('./views/master-detail-view.css');
@import url('./views/required-color.css');

html {
  --lumo-required-field-indicator-color: red;
  --lumo-required-field-indicator-size: 1em;
  
}
/* vaadin-combo-box::part(input-field) { */
/* --vaadin-input-field-background: lightblue; */
/* } */

vaadin-app-layout::part(drawer) {
    width: 280px; /* Adjust the width as needed */
}

[required]::part(input-field) {
	
    background-color: 	#b3ecff;
    /* border: 1px solid var(--lumo-primary-color); */
    /* box-shadow: 0 0 0 1px var(--lumo-primary-color); */
}

/* GridPro inline editing header alignment fixes */
.gridpro-header-alignment-fix [part~="header-cell"] {
    min-height: var(--lumo-size-xl);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: var(--lumo-space-xs) var(--lumo-space-s);
    align-items: flex-start;
    box-sizing: border-box;
}

/* Fix for input fields in headers */
.gridpro-header-alignment-fix [part~="header-cell"] vaadin-text-field,
.gridpro-header-alignment-fix [part~="header-cell"] vaadin-combo-box,
.gridpro-header-alignment-fix [part~="header-cell"] vaadin-date-picker {
    width: 100% !important;
    margin: 0 !important;
    --lumo-text-field-size: var(--lumo-size-xs);
}

/* Ensure consistent height for all header elements */
.gridpro-header-alignment-fix [part~="header-cell"] ::slotted(*) {
    min-height: var(--lumo-size-xs);
    display: flex;
    align-items: center;
}

/* Fix for vertical alignment */
.gridpro-header-alignment-fix [part~="header-cell"] > * {
    align-self: stretch;
}

/* Specific fix for text fields */
.gridpro-header-alignment-fix [part~="header-cell"] vaadin-text-field::part(input-field) {
    background: var(--lumo-contrast-5pct);
    border: 1px solid var(--lumo-contrast-20pct);
    border-radius: var(--lumo-border-radius);
}

/* Fix for cell content alignment */
.gridpro-header-alignment-fix [part~="cell"]:not([part~="header-cell"]) {
    padding-top: var(--lumo-space-s);
    padding-bottom: var(--lumo-space-s);
    display: flex;
    align-items: center;
}

/* Ensure column width consistency */
.gridpro-header-alignment-fix [part~="cell"] {
    min-width: 120px;
}