:root{--font-size-rate: .9;--lumo-font-size-xxs: calc(.75rem * var(--font-size-rate));--lumo-font-size-xs: calc(.8125rem * var(--font-size-rate));--lumo-font-size-s: calc(.875rem * var(--font-size-rate));--lumo-font-size-m: calc(1rem * var(--font-size-rate));--lumo-font-size-l: calc(1.125rem * var(--font-size-rate));--lumo-font-size-xl: calc(1.375rem * var(--font-size-rate));--lumo-font-size-xxl: calc(1.75rem * var(--font-size-rate));--lumo-font-size-xxxl: calc(2.5rem * var(--font-size-rate));--lumo-line-height-xs: calc(1.25 * var(--font-size-rate));--lumo-line-height-s: calc(1.375 * var(--font-size-rate));--lumo-line-height-m: calc(1.625 * var(--font-size-rate));--lumo-size-xs: calc(1.625rem * var(--font-size-rate));--lumo-size-s: calc(1.875rem * var(--font-size-rate));--lumo-size-m: calc(2.25rem * var(--font-size-rate));--lumo-size-l: calc(2.75rem * var(--font-size-rate));--lumo-size-xl: calc(3.5rem * var(--font-size-rate));--lumo-space-xs: calc(.25rem * var(--font-size-rate));--lumo-space-s: calc(.5rem * var(--font-size-rate));--lumo-space-m: calc(1rem * var(--font-size-rate));--lumo-space-l: calc(1.5rem * var(--font-size-rate));--lumo-space-xl: calc(2.5rem * var(--font-size-rate))}[theme~=badge]{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:.4em calc(.5em + var(--lumo-border-radius-s) / 4);color:#fff;background-color:var(--lumo-primary-color-10pct);border-radius:var(--lumo-border-radius-s);font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-s);line-height:1;font-weight:500;text-transform:initial;letter-spacing:initial;min-width:calc(var(--lumo-line-height-xs) * 1em + .45em);flex-shrink:0}[theme~=badge][theme~=small]{font-size:var(--lumo-font-size-xxs);line-height:1}[theme~=badge][theme~=pill]{--lumo-border-radius-s: 1em}[theme~=badge][theme~=primary]{background-color:var(--lumo-primary-color)}[theme~=badge][theme~=contrast]{color:var(--lumo-contrast-80pct);background-color:var(--lumo-contrast-5pct)}[theme~=badge][theme~=error]{background-color:red;color:#fff}[theme~=badge][theme~=success]{background-color:green;color:#fff}[theme~=badge][theme~=warning]{background-color:gold;color:#000}[theme~=badge][theme~=dark]{background-color:#000}[theme~=badge][theme~=gray]{background-color:#708090}[theme~=badge][theme~=info]{background-color:#008b8b}[theme~=badge][theme~=orange]{background-color:#ff8c00}[theme~=badge][theme~=salmon]{background-color:#f66}[theme~=badge][theme~=purple]{background-color:#8a00e6}[theme~=badge][theme~=pink]{background-color:#f39}[theme~=badge][theme~=olive]{background-color:#663}[theme~=badge][theme~=brown]{background-color:#963}[theme~=badge][theme~=sky]{background-color:#bdd7ee;color:#000}[theme~=badge][theme~=ocean]{background-color:#007acc}vaadin-button.left-align-text{width:100%}vaadin-button.left-align-text::part(label){width:100%;text-align:left}vaadin-button.left-align-text::part(prefix){margin-inline-end:var(--lumo-space-s)}.search-link{cursor:pointer;border-radius:5px}.search-link:hover{background-color:var(--lumo-contrast-5pct)}.grid-field-controller-layout{display:flex;flex-direction:column;gap:var(--lumo-space-s);width:100%}.readonly-label{color:var(--lumo-secondary-text-color);font-style:italic;opacity:.6}@media (min-width: 600px){.grid-field-controller-layout{flex-direction:row}.grid-field-controller-layout>*{flex:1 1 0}}.editor-layout{min-width:400px}@media (max-width: 405px){.editor-layout{min-width:300px}}.editor-text-area{min-height:112px}.editor-field{width:100%;min-width:0;padding:0}.editor-columns-container{display:flex;flex-wrap:wrap;gap:var(--lumo-space-m)}.editor-column{flex:1 1 280px;min-width:250px;max-width:100%;display:flex;flex-direction:column;gap:var(--lumo-space-s)}.editor-layout{margin-top:8px;display:flex;flex-direction:column;gap:var(--lumo-space-s);width:100%;--available-width: calc(100vw - 100px) ;min-width:clamp(300px,var(--preferred-width),var(--available-width))}.editor-layout.width-small{--preferred-width: 400px}.editor-layout.width-medium{--preferred-width: 600px}.editor-layout.width-large{--preferred-width: 800px}.editor-layout.width-xl{--preferred-width: 1200px}.button-dialog::part(header){padding-bottom:0}.button-border{border:solid 1px}.no-bg-color vaadin-grid-cell-content{background-color:#fff}.checklist-details-dialog-header{display:flex;align-items:center;justify-content:space-between;font-size:var(--lumo-font-size-l);font-weight:600;width:100%;margin-left:calc(var(--lumo-space-l) * -1);margin-right:calc(var(--lumo-space-l) * -1);margin-top:calc(var(--lumo-space-l) * -.7);padding:var(--lumo-space-s) var(--lumo-space-l);background-color:var(--lumo-contrast-5pct)}.responsive-forms{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--lumo-space-m)}.datasheet-column-header{display:block;border-bottom:1px solid var(--lumo-contrast-20pct);padding-bottom:.1rem;width:100%;font-weight:700}.grid-layout-height{height:calc(100vh - 120px)}vaadin-form-layout.compact-form vaadin-form-item::part(label){margin-top:var(--lumo-space-s)}.datasheet-item-caption{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color);font-weight:500;margin-bottom:.25rem;margin-top:var(--lumo-space-s)}.datasheet-scrollable-form{max-height:520px;width:100%;overflow-y:auto;overflow-x:hidden}.wrap-text{white-space:normal;overflow-wrap:break-word;word-break:break-word;display:inline-block}.dialog-opener-anchor{text-decoration:none;color:var(--lumo-primary-text-color);cursor:pointer}.dialog-opener-anchor:hover{text-decoration:underline}vaadin-anchor.dialog-opener-anchor::part(label){color:var(--lumo-primary-text-color)}.details-layout{display:flex;flex-wrap:wrap;gap:1rem;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;padding:5px}.details-layout-column{flex:1 1 360px;box-sizing:border-box}.details-layout-column>*:not(:last-child){margin-bottom:.25rem}.image-container{display:inline-block;cursor:pointer;transition:transform .2s,box-shadow .2s;border-radius:var(--lumo-border-radius-m);overflow:hidden}.image-container:hover{transform:scale(1.03);box-shadow:var(--lumo-box-shadow-m)}.thumbnail-image{width:100%;max-height:100px;margin-top:8px;margin-left:8px;object-fit:cover;display:block}.operation-card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;width:100%;overflow:auto}.datasheet-layout{background:#fff;padding:0;gap:1rem}.grey-color{color:#708090}.multi-select-grid vaadin-grid-cell-content:first-of-type{width:40px;flex:0 0 40px}vaadin-grid.mobile-grid::part(header-cell){display:none}vaadin-grid.mobile-grid:part(body-cell){background-color:transparent}vaadin-grid.mobile-grid{--vaadin-grid-cell-padding: 0px;--vaadin-grid-cell-background: transparent}
