vaadin-scroller[slot="drawer"]{padding: var(--lumo-space-s)}[slot="drawer"]:is(header,footer){display: flex;align-items: center;gap: var(--lumo-space-s);padding: var(--lumo-space-s) var(--lumo-space-m);min-height: var(--lumo-size-xl);box-sizing: border-box}[slot="drawer"]:is(header,footer):is(:empty){display: none}decimal-field{padding: 0}.order-first{order: -9999}vaadin-grid,vaadin-select,vaadin-upload,vaadin-checkbox,vaadin-combo-box,vaadin-text-area,vaadin-text-field,vaadin-date-picker,vaadin-time-picker,vaadin-email-field,vaadin-custom-field,vaadin-number-field,vaadin-integer-field,vaadin-password-field,vaadin-date-time-picker,vaadin-big-decimal-field,vaadin-multi-select-combo-box{padding: 0.5rem 0.1rem 0.1rem;font-size: var(--lumo-font-size-s);--lumo-text-field-size: var(--lumo-size-s)}vaadin-date-time-picker::part(label){padding: 0}vaadin-menu-bar.separate-buttons::part(container){gap: var(--lumo-space-xs)}vaadin-menu-bar.separate-buttons vaadin-menu-bar-button{border-radius: var(--lumo-border-radius-m)}vaadin-login-overlay::part(brand){padding: 0}vaadin-login-overlay::part(description){margin: 10px}vaadin-login-overlay::part(footer){font-weight: 600}vaadin-tabs{background: var(--lumo-contrast-10pct);border-radius: calc(var(--lumo-border-radius-s) + 3px);min-height: var(--lumo-size-m);max-width: max-content;margin-inline: auto;box-shadow: none}vaadin-tabs::part(tabs){padding: 3px;min-height: inherit;box-sizing: border-box;margin: 0.3rem}vaadin-tabsheet{box-sizing: border-box}vaadin-tabsheet::part(tabs-container){box-shadow: none;padding: 0 0 1rem}vaadin-tabsheet::part(content){padding: 0;padding-bottom: var(--view-content-inset-bottom,0)}vaadin-tabsheet>vaadin-tabs{margin: 0}vaadin-tabsheet[theme~=bordered]{border-color: var(--lumo-contrast-10pct);border-top-left-radius: calc(var(--lumo-border-radius-s) + var(--lumo-space-s));border-top-right-radius: calc(var(--lumo-border-radius-s) + var(--lumo-space-s))}vaadin-tabsheet[overflow~=top]::part(content){border-top: 1px solid var(--lumo-contrast-10pct)}vaadin-tabsheet:not([theme~=bordered])[overflow~=bottom]::part(content){border-bottom: 1px solid var(--lumo-contrast-10pct)}vaadin-tab:before,vaadin-tab:after{display: none}vaadin-tab{font-weight: 600;border-radius: var(--lumo-border-radius-m);transition: color .16s,background-color .16s,box-shadow 60ms,transform .2s,-webkit-backdrop-filter .2s,backdrop-filter .2s;padding: var(--lumo-space-xs) var(--lumo-space-m)}vaadin-tab[selected]{background: var(--lumo-primary-color);color: var(--lumo-primary-contrast-color)}vaadin-tab[active]{transform: scale(.98);transition-duration: 50ms}vaadin-tab[selected]:not([focus-ring]){box-shadow: 0 1px 2px var(--lumo-shade-20pct)}.stripe-account-alert{display: inline-flex;align-items: center;gap: var(--lumo-space-xs);padding: var(--lumo-space-xs) var(--lumo-space-s);border: 1px solid;border-radius: var(--lumo-border-radius-m);font-size: var(--lumo-font-size-s);font-weight: 600;line-height: 1;text-decoration: none;white-space: nowrap}.stripe-account-alert vaadin-icon{width: var(--lumo-icon-size-s);height: var(--lumo-icon-size-s)}.stripe-account-alert-warning{color: var(--lumo-warning-text-color);background: var(--lumo-warning-color-10pct);border-color: var(--lumo-warning-color)}.stripe-account-alert-error{color: var(--lumo-error-text-color);background: var(--lumo-error-color-10pct);border-color: var(--lumo-error-color)}.stripe-account-alert:hover{filter: brightness(0.97)}.stripe-account-alert:focus-visible{outline: 2px solid currentColor;outline-offset: 2px}.stripe-account-alert-action{padding: var(--lumo-space-xs) var(--lumo-space-s);border-radius: var(--lumo-border-radius-s);color: var(--lumo-warning-contrast-color);background: var(--lumo-warning-color)}.stripe-account-alert-error .stripe-account-alert-action{color: var(--lumo-error-contrast-color);background: var(--lumo-error-color)}.stripe-account-alert-compact-message{display: none}.time-zone-alert-indicator{display: inline-flex;align-items: center}.time-zone-alert-indicator-icon{display: inline-flex;align-items: center;justify-content: center;width: var(--lumo-size-s);height: var(--lumo-size-s);min-width: var(--lumo-size-s);padding: 0;border: 0;border-radius: 50%;cursor: pointer;--vaadin-button-border: none}.time-zone-alert-indicator-icon vaadin-icon{width: var(--lumo-icon-size-s);height: var(--lumo-icon-size-s)}.time-zone-alert-indicator-mismatch .time-zone-alert-indicator-icon{color: var(--lumo-warning-text-color);background: var(--lumo-warning-color-10pct)}.time-zone-alert-indicator-unverified .time-zone-alert-indicator-icon{color: var(--lumo-contrast-60pct);background: var(--lumo-contrast-10pct)}.main-layout-navbar{box-sizing: border-box;min-width: 0;padding-inline-start: var(--lumo-space-m)}.main-layout-navbar-title{flex: 1 1 auto;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.main-layout-navbar-actions{flex: 0 0 auto;min-width: 0}.main-layout{--vaadin-app-layout-drawer-width: 18rem;--drawer-background: #171b20;--drawer-text: #d4dbe2;--drawer-active-text: #f4f6f8;--drawer-muted: #aab4be;--drawer-inactive-icon: rgb(140,140,140);--drawer-active: #30373f;--drawer-hover: #252b32;--drawer-border: #333a42;--drawer-scrollbar: #58616b;--drawer-image-size: 2.5rem;--drawer-item-size: 3rem;--drawer-icon-size: 1.375rem}.main-layout-resize-handle{display: none}.main-layout::part(drawer){background: var(--drawer-background);border-inline-end: 1px solid var(--drawer-border)}.main-layout .main-layout-brand{background: #fff;gap: 0;min-height: 5rem;padding: 0;position: relative;isolation: isolate;overflow: hidden}.main-layout-brand[data-logo-background="dark"]{background: var(--drawer-background)}.main-layout-brand[data-logo-backdrop]::before{background-image: var(--workspace-logo-image);background-position: center;background-size: 100% 100%;content: "";inset: 0;pointer-events: none;position: absolute;z-index: -1}.main-layout-brand .drawer-logo-expanded{block-size: 5rem;box-sizing: border-box;flex: 1 1 0;inline-size: 100%;margin: 0;min-inline-size: 0;object-fit: contain;object-position: center;padding: 0}.main-layout-brand drawer-rail-toggle,.main-layout-navbar-toggle{display: none}.main-layout.drawer-collapsed .main-layout-brand::before{display: none}.main-layout vaadin-scroller[slot="drawer"]{padding: var(--lumo-space-xs) var(--lumo-space-s);color: var(--drawer-text);scrollbar-color: transparent transparent;scrollbar-width: thin}.main-layout vaadin-scroller[slot="drawer"]:hover{scrollbar-color: var(--drawer-scrollbar) transparent}.main-layout vaadin-scroller[slot="drawer"]::-webkit-scrollbar{width: 0.375rem}.main-layout vaadin-scroller[slot="drawer"]::-webkit-scrollbar-thumb{background: transparent;border-radius: var(--lumo-border-radius-l)}.main-layout vaadin-scroller[slot="drawer"]:hover::-webkit-scrollbar-thumb{background: var(--drawer-scrollbar)}.main-layout-nav{width: 100%}.main-layout-nav-expanded{gap: 0;width: 100%}.main-layout-nav vaadin-side-nav{width: 100%}.main-layout-nav-rail{display: none}.main-layout-nav-accordion{width: 100%;margin-top: var(--lumo-space-m)}.main-layout-nav-accordion-panel{border: 0}.main-layout-nav-accordion-panel>vaadin-accordion-heading::part(content){border-radius: var(--lumo-border-radius-s);color: var(--drawer-muted);font-size: 0.875rem;font-weight: 500;min-height: 2.25rem;padding: 0.25rem var(--lumo-space-s)}.main-layout-nav-accordion-panel>vaadin-accordion-heading::part(content):hover{background: var(--drawer-hover)}.main-layout-nav-accordion-panel::part(content){padding: 0}.main-layout-nav-accordion-panel>vaadin-accordion-heading::part(toggle){color: var(--drawer-muted);height: 0.75rem;width: 0.75rem}.main-layout-nav-accordion-panel>vaadin-accordion-heading::part(toggle)::before{background: currentColor;content: "";height: 100%;-webkit-mask: url("/icons/accordion-toggle.svg") center / contain no-repeat;mask: url("/icons/accordion-toggle.svg") center / contain no-repeat;rotate: 0deg;width: 100%}.main-layout-nav-accordion-panel:has(vaadin-side-nav-item[current])>vaadin-accordion-heading::part(content){color: var(--drawer-muted)}.main-layout-nav vaadin-side-nav-item{color: var(--drawer-text);min-width: 0;width: 100%}.main-layout-nav vaadin-side-nav-item + vaadin-side-nav-item{margin-block-start: var(--lumo-space-xs)}.main-layout-nav vaadin-side-nav-item::part(content){border-radius: var(--lumo-border-radius-m);color: var(--drawer-text);font-weight: 500;min-width: 0}.main-layout-nav vaadin-side-nav-item::part(link){box-sizing: border-box;font-size: 1rem;min-height: var(--drawer-item-size);min-width: 0;overflow: hidden;padding-block: 0.375rem}.main-layout-nav-label{color: var(--drawer-text);display: block;flex: 1 1 auto;max-width: 100%;min-width: 0;overflow-x: auto;overflow-y: hidden;overscroll-behavior-inline: contain;scrollbar-width: none;white-space: nowrap}.main-layout-nav-label::-webkit-scrollbar{display: none}.main-layout-nav-label[overflowing]{-webkit-mask-image: linear-gradient(to right,black 0,black calc(100% - 2rem),transparent 100%);mask-image: linear-gradient(to right,black 0,black calc(100% - 2rem),transparent 100%)}.main-layout-nav-label[overflowing][revealing][scrolled]:not([at-end]){-webkit-mask-image: linear-gradient( to right,transparent 0,black 1.25rem,black calc(100% - 1.25rem),transparent 100% );mask-image: linear-gradient( to right,transparent 0,black 1.25rem,black calc(100% - 1.25rem),transparent 100% )}.main-layout-nav-label[overflowing][revealing][at-end]{-webkit-mask-image: linear-gradient(to right,transparent 0,black 2rem,black 100%);mask-image: linear-gradient(to right,transparent 0,black 2rem,black 100%)}.main-layout-nav vaadin-side-nav-item::part(content),.main-layout-nav vaadin-side-nav-item>[slot="prefix"]{transition: background-color 150ms ease,color 150ms ease,opacity 150ms ease}.main-layout-nav vaadin-side-nav-item[current]::part(content){background: var(--drawer-active);box-shadow: none}.main-layout-nav vaadin-side-nav-item[current]::part(link){color: var(--drawer-active-text);font-weight: 600}.main-layout-nav vaadin-side-nav-item[current] .main-layout-nav-label,.main-layout-nav vaadin-side-nav-item:not([current]):hover .main-layout-nav-label{color: var(--drawer-active-text)}.main-layout-nav vaadin-side-nav-item:not([current]):hover::part(content){background: var(--drawer-hover)}.main-layout-nav-icon{color: var(--drawer-inactive-icon);height: var(--drawer-icon-size);opacity: 1;width: var(--drawer-icon-size)}.main-layout-nav vaadin-side-nav-item[current] .main-layout-nav-icon{color: var(--drawer-active-text)}.main-layout footer.main-layout-footer[slot="drawer"]{min-height: auto;padding-block: var(--lumo-space-xs)}.main-layout-version{color: var(--drawer-muted);font-size: 0.6875rem;line-height: 1.2}@media (prefers-reduced-motion: reduce){.main-layout-nav vaadin-side-nav-item::part(content),.main-layout-nav vaadin-side-nav-item>[slot="prefix"]{transition: none}}.contract-coverage-filter vaadin-select-value-button{height: 1.9rem}@media (min-width: 801px){.main-layout:not(.drawer-collapsed) .main-layout-navbar-toggle{display: inline-flex;margin-inline-start: var(--lumo-space-s)}.main-layout{--vaadin-app-layout-transition-duration: 0s}.main-layout:not(.drawer-collapsed) .main-layout-resize-handle{cursor: col-resize;display: block;height: 100vh;left: calc(var(--vaadin-app-layout-drawer-width) - 6px);position: fixed;top: 0;touch-action: none;width: 12px;z-index: 10}.main-layout-resize-handle::before{background: var(--drawer-border);content: "";display: block;height: 100%;margin-inline: auto;width: 2px}.main-layout-resize-handle:hover::before,.main-layout-resize-handle:focus-visible::before{background: var(--lumo-primary-color);width: 3px}.main-layout.drawer-collapsed .main-layout-brand{background: var(--drawer-background);justify-content: center;min-height: 4rem}.main-layout.drawer-collapsed .drawer-logo-expanded{display: none}.main-layout.drawer-collapsed .main-layout-brand drawer-rail-toggle{--lumo-body-text-color: var(--drawer-text);--lumo-tertiary-text-color: var(--drawer-muted);--drawer-rail-toggle-icon-size: 1.5rem;--drawer-rail-toggle-size: var(--drawer-image-size);display: inline-flex;margin: 0}.main-layout.drawer-collapsed footer[slot="drawer"]{display: none}.main-layout.drawer-collapsed vaadin-scroller[slot="drawer"]{align-items: center;display: flex;flex-direction: column;padding: var(--lumo-space-xs) 0}.main-layout.drawer-collapsed .main-layout-nav{align-items: center;padding: 0}.main-layout.drawer-collapsed .main-layout-nav-expanded{display: none}.main-layout.drawer-collapsed .main-layout-nav-rail{display: block}.main-layout.drawer-collapsed .main-layout-nav vaadin-side-nav{--vaadin-side-nav-item-gap: 0;--vaadin-side-nav-item-padding: 0;width: 100%}.main-layout.drawer-collapsed .main-layout-nav vaadin-side-nav::part(label){display: none}.main-layout.drawer-collapsed .main-layout-nav vaadin-side-nav-item{display: flex;justify-content: center;width: 100%}.main-layout.drawer-collapsed .main-layout-nav vaadin-side-nav-item::part(content){align-items: center;background: transparent;box-shadow: none;display: flex;height: var(--drawer-item-size);justify-content: center;margin-inline: auto;padding: 0;width: var(--drawer-item-size)}.main-layout.drawer-collapsed .main-layout-nav vaadin-side-nav-item::part(link){background: transparent;border-radius: var(--lumo-border-radius-m);display: block;font-size: 0;height: var(--drawer-item-size);line-height: 0;min-height: var(--drawer-item-size);min-width: var(--drawer-item-size);overflow: hidden;padding: 0;position: relative;width: var(--drawer-item-size)}.main-layout.drawer-collapsed .main-layout-nav vaadin-side-nav-item>[slot="prefix"]{bottom: 0;height: var(--drawer-icon-size);left: 0;margin: auto;position: absolute;right: 0;top: 0;width: var(--drawer-icon-size)}.main-layout.drawer-collapsed .main-layout-nav vaadin-side-nav-item[current]::part(content),.main-layout.drawer-collapsed .main-layout-nav vaadin-side-nav-item[current]::part(link){background: var(--drawer-active);box-shadow: none;color: var(--drawer-active-text)}.main-layout.drawer-collapsed .main-layout-nav vaadin-side-nav-item:not([current]):hover::part(content),.main-layout.drawer-collapsed .main-layout-nav vaadin-side-nav-item:not([current]):hover::part(link){background: var(--drawer-hover)}}@media (min-width: 801px){.drawer-toggle-mobile{display: none}}@media (max-width: 800px){.main-layout .crud-list-grid{margin-inline: var(--lumo-space-xs);padding-inline: 0}.main-layout .crud-create-action{position: fixed;z-index: 8;inset-inline-end: var(--lumo-space-m);bottom: calc(5rem + env(safe-area-inset-bottom,0px));width: var(--lumo-size-xl);min-width: var(--lumo-size-xl);height: var(--lumo-size-xl);min-height: var(--lumo-size-xl);padding: 0;border-radius: 50%;box-shadow: var(--lumo-box-shadow-m);font-size: 0}.main-layout .crud-create-action vaadin-icon{width: 1.5rem;height: 1.5rem;margin: 0}.main-layout:has(.app-sidebar-open,.selection-toolbar:not([hidden])) .crud-create-action{display: none}.drawer-toggle-mobile{border: 0;background: transparent;box-shadow: none}.drawer-toggle-mobile vaadin-icon{width: 2rem;height: 2rem}.main-layout-nav-accordion-panel>vaadin-accordion-heading::part(content),.main-layout-nav vaadin-side-nav-item::part(link){min-height: 3rem}.stripe-account-alert{padding: var(--lumo-space-xs)}.stripe-account-alert-message,.stripe-account-alert-action{display: none}.stripe-account-alert-compact-message{display: inline}}.freemium-usage-badge{display: inline-flex;align-items: center;gap: var(--lumo-space-xs);padding: var(--lumo-space-xs) var(--lumo-space-s);border: 1px solid;border-radius: var(--lumo-border-radius-m);font-size: var(--lumo-font-size-s);font-weight: 600;line-height: 1;text-decoration: none;white-space: nowrap}.freemium-usage-badge vaadin-icon{width: var(--lumo-icon-size-s);height: var(--lumo-icon-size-s)}.freemium-usage-badge-neutral{color: var(--lumo-secondary-text-color);background: var(--lumo-contrast-5pct);border-color: var(--lumo-contrast-20pct)}.freemium-usage-badge-warning{color: var(--lumo-warning-text-color);background: var(--lumo-warning-color-10pct);border-color: var(--lumo-warning-color)}.freemium-usage-badge-error{color: var(--lumo-error-text-color);background: var(--lumo-error-color-10pct);border-color: var(--lumo-error-color)}.freemium-usage-badge:hover{filter: brightness(0.97)}.freemium-usage-badge:focus-visible{outline: 2px solid currentColor;outline-offset: 2px}.jobs-view .wo-toolbar{gap: var(--lumo-space-s) var(--lumo-space-m)}.jobs-view .wo-toolbar>vaadin-text-field{flex: 1 0 100%}.jobs-view .wo-toolbar-status{flex: 1 1 24rem;min-width: 0}.jobs-view .wo-toolbar-period{flex: 0 1 14rem;min-width: 0;flex-wrap: wrap}.jobs-view .wo-toolbar-period:has(>vaadin-date-picker:not([hidden])){flex: 1 1 14rem}.jobs-view .wo-toolbar-period>vaadin-combo-box{flex: 1 1 10rem;min-width: 0}@media (max-width: 800px){.jobs-view .wo-toolbar{row-gap: var(--lumo-space-s)}.jobs-view .wo-toolbar-status,.jobs-view .wo-toolbar-period{display: none}.jobs-view vaadin-grid{min-width: 0}}.singup-view{background-image: url("/images/login-bg.webp");background-position: center;background-size: cover}.login-view{background: var(--lumo-contrast-10pct);display: flex;inset: 0;isolation: isolate;min-height: 100dvh;overflow: hidden;position: fixed}.login-view::before,.login-view::after{background-position: center;background-size: cover;content: "";inset: 0;pointer-events: none;position: absolute;transition: opacity 1600ms cubic-bezier(.4,0,.2,1);will-change: opacity;z-index: 0}.login-view::before{background-image: var(--clima-login-background-current)}.login-view::after{background-image: var(--clima-login-background-next);opacity: 0}.login-view.login-background-transitioning::after{opacity: 1}.login-view.login-background-resetting::after{opacity: 0;transition: none}.login-card{background: white;box-sizing: border-box;display: flex;height: 100%;margin-left: auto;overflow-y: auto;padding: var(--lumo-size-l);position: relative;z-index: 1;width: calc(var(--lumo-size-xl) * 12)}.login-card-content{margin-block: auto;max-width: 720px;width: 100%}.login-form{max-width: none;width: 100%;--vaadin-login-form-background: transparent;--vaadin-login-form-border-radius: 0;--vaadin-login-form-width: 100%}.login-form::part(form){background: transparent;margin: 0 auto;max-width: 720px;width: 100%}.login-form [slot="submit"]{align-content: center;margin: var(--lumo-space-s) auto;max-width: 100%;width: calc(var(--lumo-size-xl) * 5)}.login-form vaadin-text-field,.login-form vaadin-password-field{width: 100%;--lumo-text-field-size: var(--lumo-size-m)}.login-footer{font-size: var(--lumo-font-size-s)}.login-image{max-width: 100%;width: 350px}@media only screen and (max-width: 1024px) and (max-height: 1366px){.login-card{width: 100%}.login-card-content,.login-form::part(form){max-width: none}.login-form [slot="submit"]{width: 100%}}@media only screen and (max-width: 768px){.login-card{padding: .2rem}.login-image{width: 300px}}@media only screen and (max-width: 500px){.login-image{width: 250px}}@media only screen and (max-width: 450px) and (max-height: 750px){.login-card{padding: 1.2rem}.login-form vaadin-password-field,.login-form vaadin-text-field{font-size: var(--lumo-font-size-s);padding: 0.5rem 0.1rem 0.1rem;--lumo-text-field-size: var(--lumo-size-s)}.login-image{width: 160px}}@media (prefers-reduced-motion: reduce){.login-view::before,.login-view::after{transition: none}}.customer-board-company{margin: 0;max-width: 400px;word-wrap: break-word;text-align: right}@media only screen and (max-width: 1536px){.customer-board-company-left{text-align: left}}.userMenuHeader{background: var(--lumo-contrast-5pct);padding: var(--lumo-space-s);padding-inline-end: var(--lumo-space-l);margin: 2px;align-items: center;gap: var(--lumo-space-s);line-height: var(--lumo-line-height-s);& .userMenuNickname{font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color)}}.userMenuLinks{padding-bottom: var(--lumo-space-xs);align-items: stretch;& a{padding: var(--lumo-space-xs) var(--lumo-space-m);color: var(--lumo-body-text-color);text-decoration: none;&:hover{background: var(--lumo-contrast-5pct)}}}.pricing-view{max-width: 100%;box-sizing: border-box}.pricing-container{gap: var(--lumo-space-l);padding: 0 var(--lumo-space-m);box-sizing: border-box}.pricing-view .card{background-color: var(--lumo-base-color);border-radius: var(--lumo-border-radius-l);padding: var(--lumo-space-xl);padding-left: var(--lumo-space-m);padding-right: var(--lumo-space-m);box-shadow: var(--lumo-box-shadow-m);border: 1px solid var(--lumo-contrast-10pct);max-width: 25rem;width: 100%;flex: 0 1 25rem;display: flex;flex-direction: column;transition: transform 0.2s ease-in-out,box-shadow 0.2s ease-in-out;box-sizing: border-box}.pricing-view .card:hover{transform: translateY(-5px);box-shadow: var(--lumo-box-shadow-l)}.pricing-view .card.recommended-plan{border: 2px solid var(--lumo-primary-color);box-shadow: 0 6px 16px rgba(var(--lumo-primary-color-rgb),0.25);position: relative}.pricing-view .card .price-value{font-size: var(--lumo-font-size-xxxl);font-weight: var(--lumo-font-weight-extra-bold);color: var(--lumo-header-text-color);line-height: 1.2}.pricing-view .card .price-suffix{font-size: var(--lumo-font-size-m);color: var(--lumo-secondary-text-color);margin-left: var(--lumo-space-xs);font-weight: var(--lumo-font-weight-regular)}.pricing-view .card .feature-item{display: flex;align-items: center;gap: var(--lumo-space-s);font-size: var(--lumo-font-size-m)}.pricing-view .card .feature-item vaadin-icon{color: var(--lumo-primary-text-color);font-size: var(--lumo-font-size-l)}.pricing-view .card vaadin-button{margin-top: auto}.pricing-view .card.freemium{border-color: var(--lumo-contrast-30pct)}.billing-toggle{margin-bottom: var(--lumo-space-s)}.billing-switch{}.pricing-view .card .price-info-container{text-align: center;margin-bottom: var(--lumo-space-m)}.pricing-view .card h3{margin-top: 0;margin-bottom: var(--lumo-space-s);font-size: var(--lumo-font-size-xl);font-weight: var(--lumo-font-weight-semibold)}.quantity-field{margin-top: var(--lumo-space-s);margin-bottom: var(--lumo-space-m)}@media (max-width: 600px){.pricing-view .card{padding: var(--lumo-space-m);max-width: 100%}.pricing-container{gap: var(--lumo-space-m);padding: 0 var(--lumo-space-s)}.pricing-view .card .price-value{font-size: var(--lumo-font-size-xxl)}.quantity-field{max-width: 100%}}@media (min-width: 600px) and (max-width: 768px){.pricing-view .card{padding: var(--lumo-space-l);max-width: calc(100% - 2rem)}.pricing-container{gap: var(--lumo-space-l);padding: 0 var(--lumo-space-m)}}@media (min-width: 768px){.pricing-view .card{max-width: 25rem;padding: var(--lumo-space-xl)}}@media (min-width: 768px) and (max-width: 1024px){.pricing-container{max-width: 75%}}#notifications-heading{font-size: var(--lumo-font-size-l)}.notification-icon{transition: transform 0.3s ease,box-shadow 0.3s ease}.notification-icon:hover{transform: translateY(-3px);color: var(--lumo-user-color-2)}.notification-trash:hover{.notification-icon{transform: translateY(-5px);color: var(--lumo-error-color)}}.notifications-search{width: 300px}@media only screen and (max-width: 1024px){.notifications-search{width: 200px}}@media only screen and (max-width: 665px){.notifications-search{width: auto}}vaadin-tabsheet.notifications{max-height: 700px;& vaadin-tabs::part(tabs){margin-left: var(--lumo-space-xs)}& vaadin-message-list{& vaadin-message{padding: var(--lumo-space-s) 0 var(--lumo-space-m) 0;margin: 0 var(--lumo-space-m);font-size: var(--lumo-font-size-s);border-bottom: 1px solid var(--lumo-contrast-10pct);&::part(name){font-weight: 600;margin-right: auto}&::part(time){font-size: var(--lumo-font-size-xxs)}&::part(message){font-size: var(--lumo-font-size-s);line-height: var(--lumo-line-height-xs);color: var(--lumo-secondary-text-color)}}}.no-notifications-msg{padding: var(--lumo-space-m);color: var(--lumo-secondary-text-color)}}.wizard-card{max-width: 56.25rem;width: calc(100% - 2rem);margin: 2rem auto;display: flex;flex-direction: column;align-items: center;gap: var(--lumo-space-l)}vaadin-text-field.auth-input::part(input-field),vaadin-email-field.auth-input::part(input-field),vaadin-password-field.auth-input::part(input-field),vaadin-number-field.auth-input::part(input-field),vaadin-integer-field.auth-input::part(input-field){border-radius: 0.75rem}.auth-primary,.auth-tertiary,.auth-primary-lg{border-radius: 0.75rem}@media (max-width: 600px){.wizard-card{background: transparent;padding: 1rem;border: none;box-shadow: none;width: 100%;margin: 0;gap: var(--lumo-space-s)}.auth-logo{height: 5.5rem;margin-bottom: 1rem}.auth-title{font-size: var(--lumo-font-size-xl);font-weight: 700;line-height: 1.2;margin-bottom: 0.375rem;color: #17222F}.auth-subtitle,.auth-body{font-size: 1rem;line-height: 1.5;text-align: center;color: #1B3A4B}.auth-input{--vaadin-input-field-height: 2.75rem;margin-bottom: 0.5rem}.auth-primary{min-height: 2.75rem;font-weight: 600}.auth-tertiary{min-height: 2.5rem;border: none;background: transparent;padding: 0;color: var(--lumo-primary-text-color)}}@media (min-width: 600px) and (max-width: 768px){.wizard-card{background: rgba(255,255,255,0.7);padding: 2rem;border-radius: 0.5rem;box-shadow: 0 0.125rem 0.5rem rgba(23,34,47,0.05);width: calc(100% - 2rem);margin: 1rem auto}.auth-logo{height: 5rem;margin-bottom: 1.5rem}.auth-tertiary{border: none;background: transparent;padding: 0;color: var(--lumo-primary-text-color)}}@media (min-width: 768px){.wizard-card{background: #FFFFFF;padding: 3rem;border-radius: 0.5rem;box-shadow: 0 0 0.75rem rgba(23,34,47,0.1)}.auth-logo{height: 6.25rem;margin-bottom: 1rem}.auth-tertiary{border: none;background: transparent;padding: 0;color: var(--lumo-primary-text-color)}}@media (min-width: 768px) and (max-width: 1024px){.wizard-card{max-width: 75%}}@media (max-height: 700px) and (max-width: 600px){.wizard-card{gap: var(--lumo-space-s)}}@media (min-height: 700px) and (max-height: 850px) and (max-width: 600px){.wizard-card{gap: var(--lumo-space-m)}}.offer-card{width: 100%}@media (max-width: 600px){.offer-card{padding: 1rem;max-width: 100%}.account-pending-alert,.account-already-registered-alert{padding: var(--lumo-space-s);gap: var(--lumo-space-s);width: 100%;box-sizing: border-box;overflow: hidden}.account-pending-alert>div:last-child{gap: var(--lumo-space-s);margin-top: 0;width: 100%;box-sizing: border-box}.account-pending-alert vaadin-button{flex: 1 1 auto;min-width: 0}}@media (min-width: 600px) and (max-width: 768px){.offer-card{padding: 1.5rem;max-width: 100%}.account-pending-alert,.account-already-registered-alert{padding: var(--lumo-space-m);max-width: calc(100% - 1rem);margin: 0 auto}}@media (min-width: 768px){.offer-card{padding: 2rem;max-width: 56.25rem}.account-pending-alert,.account-already-registered-alert{max-width: 28rem}}.auth-primary-lg{}@media (max-width: 600px){.auth-primary-lg{min-height: 3rem;font-weight: 600}}.offer-select{}@media (max-width: 600px){.offer-select{min-height: 3rem}}.workspace-optional{color: #17222F}@media (max-width: 600px){.workspace-optional{font-size: var(--lumo-font-size-l)}.workspace-preview{max-width: 100%;height: auto}.workspace-upload{max-width: 100%}}@media (min-width: 600px) and (max-width: 768px){.workspace-preview{max-width: 100%;height: auto}}@media (min-width: 768px){.workspace-preview{max-width: 100%;height: auto}}.est-kanban-active-row,.est-kanban-archived-row{align-items: stretch;display: flex;gap: var(--lumo-space-m);overflow-x: auto;overflow-y: hidden;padding-bottom: var(--lumo-space-s)}.est-kanban-active-row{flex: 1 1 auto;min-height: 240px}.est-kanban-archived-row{flex: 0 0 auto;max-height: min(75vh,375px)}.est-kanban-column{background: var(--light-background-color);border-radius: var(--lumo-border-radius-l);box-shadow: 0 1px 4px rgba(0,0,0,0.08),0 0 0 1px var(--lumo-contrast-10pct);display: flex;flex-direction: column;flex-shrink: 0;min-height: 200px;transition: box-shadow 0.2s ease;width: 300px}.est-kanban-column:hover{box-shadow: 0 4px 16px rgba(0,0,0,0.12),0 0 0 1px var(--lumo-contrast-20pct)}.est-kanban-column-header{align-items: center;border-bottom: 1px solid var(--lumo-contrast-10pct);display: flex;gap: var(--lumo-space-s);padding: var(--lumo-space-m);flex-shrink: 0}.est-kanban-column-indicator{border-radius: 4px;flex-shrink: 0;height: 16px;width: 4px}.est-kanban-column-title{color: var(--lumo-heading-text-color);flex-grow: 1;font-size: var(--lumo-font-size-s);font-weight: 600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.est-kanban-column-count{background: var(--lumo-contrast-10pct);border-radius: 999px;color: var(--lumo-secondary-text-color);flex-shrink: 0;font-size: var(--lumo-font-size-xs);font-weight: 700;min-width: 24px;padding: 2px 8px;text-align: center}.est-kanban-column-scroller{flex-grow: 1;min-height: 0}.est-kanban-column-cards{gap: var(--lumo-space-s);min-height: 80px;padding: var(--lumo-space-s) var(--lumo-space-m)}.est-kanban-load-more{border-top: 1px solid var(--lumo-contrast-10pct);margin: 0 var(--lumo-space-s) var(--lumo-space-m);opacity: 0.7;padding-top: var(--lumo-space-xs);transition: opacity 0.2s ease;flex-shrink: 0}.est-kanban-column:hover .est-kanban-load-more{opacity: 1}.est-kanban-card{animation: estCardEnter 0.18s ease-out;background: var(--lumo-base-color);border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-m);cursor: pointer;width: 100%;overflow: hidden;position: relative;transition: box-shadow 0.2s ease,transform 0.2s ease,border-color 0.2s ease}.est-kanban-card:hover{border-color: var(--lumo-contrast-20pct);box-shadow: 0 4px 14px rgba(0,0,0,0.13);transform: translateY(-1px)}.est-kanban-card-status-bar{height: 3px;left: 0;position: absolute;right: 0;top: 0}.est-kanban-card-status-bar.status-draft{background: var(--lumo-contrast-40pct)}.est-kanban-card-status-bar.status-sent{background: var(--lumo-primary-color)}.est-kanban-card-status-bar.status-viewed{background: var(--lumo-primary-color-50pct)}.est-kanban-card-status-bar.status-approved{background: var(--lumo-success-color)}.est-kanban-card-status-bar.status-declined{background: var(--lumo-error-color)}.est-kanban-card-status-bar.status-expired{background: var(--lumo-warning-color)}.est-kanban-card-status-bar.status-cancelled{background: var(--lumo-error-color-50pct)}.est-kanban-card-status-bar.status-converted{background: var(--lumo-success-color-50pct)}.est-kanban-card-body{display: flex;flex-direction: column;gap: var(--lumo-space-xs);padding: var(--lumo-space-m) var(--lumo-space-m) var(--lumo-space-s);padding-top: calc(var(--lumo-space-m) + 3px)}.est-kanban-card-top{align-items: center;display: flex;justify-content: space-between}.est-kanban-card-docnum{background: var(--lumo-contrast-5pct);border-radius: var(--lumo-border-radius-s);color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-xxs);font-weight: 700;padding: 2px 6px}.est-kanban-card-age{color: var(--lumo-tertiary-text-color);font-size: var(--lumo-font-size-xxs)}.est-kanban-card-title{-webkit-box-orient: vertical;-webkit-line-clamp: 2;color: var(--lumo-heading-text-color);display: -webkit-box;font-size: var(--lumo-font-size-s);font-weight: 600;line-height: 1.35;overflow: hidden}.est-kanban-card-chips{display: flex;flex-wrap: wrap;gap: 4px}.est-kanban-card-chip{border-radius: 999px;font-size: var(--lumo-font-size-xxs);font-weight: 600;padding: 2px 8px}.est-kanban-card-chip.chip-category{background: var(--lumo-contrast-10pct);color: var(--lumo-secondary-text-color)}.est-kanban-card-chip.chip-wo{background: var(--lumo-primary-color-10pct);color: var(--lumo-primary-text-color)}.est-kanban-card-chip.chip-deposit{background: var(--lumo-warning-color-10pct);color: var(--lumo-warning-text-color)}.est-kanban-card-price{color: var(--lumo-success-text-color);font-size: var(--lumo-font-size-m);font-weight: 700;line-height: 1.2}.est-kanban-card-price.no-price{color: var(--lumo-disabled-text-color);font-size: var(--lumo-font-size-xs);font-weight: 400}.est-kanban-card-footer{align-items: center;border-top: 1px solid var(--lumo-contrast-5pct);display: flex;flex-wrap: wrap;gap: var(--lumo-space-xs);margin-top: var(--lumo-space-xs);padding: var(--lumo-space-xs) var(--lumo-space-m) var(--lumo-space-s)}.est-kanban-card-expiry{align-items: center;border-radius: var(--lumo-border-radius-s);display: flex;font-size: var(--lumo-font-size-xs);gap: 4px;padding: 2px 6px}.est-kanban-card-expiry.expiry-ok{background: var(--lumo-contrast-5pct);color: var(--lumo-secondary-text-color)}.est-kanban-card-expiry.expiry-soon{background: var(--lumo-warning-color-10pct);color: var(--lumo-warning-text-color)}.est-kanban-card-expiry.expiry-critical{background: var(--lumo-error-color-10pct);color: var(--lumo-error-text-color)}@keyframes estCardEnter{from{opacity: 0;transform: translateY(-8px)}to{opacity: 1;transform: translateY(0)}}.wo-kanban-columns-row{align-items: stretch;display: flex;flex: 1 1 auto;gap: var(--lumo-space-m);min-height: 240px;overflow-x: auto;overflow-y: hidden;padding-bottom: var(--lumo-space-s)}.wo-kanban-column{background: var(--light-background-color);border-radius: var(--lumo-border-radius-l);box-shadow: 0 1px 4px rgba(0,0,0,0.08),0 0 0 1px var(--lumo-contrast-10pct);display: flex;flex-direction: column;flex-shrink: 0;min-height: 200px;transition: box-shadow 0.2s ease;width: 300px}.wo-kanban-column:hover{box-shadow: 0 4px 16px rgba(0,0,0,0.12),0 0 0 1px var(--lumo-contrast-20pct)}.wo-kanban-column-header{align-items: center;border-bottom: 1px solid var(--lumo-contrast-10pct);display: flex;flex-shrink: 0;gap: var(--lumo-space-s);padding: var(--lumo-space-m)}.wo-kanban-column-indicator{border-radius: 4px;flex-shrink: 0;height: 16px;width: 4px}.wo-kanban-column-title{color: var(--lumo-heading-text-color);flex-grow: 1;font-size: var(--lumo-font-size-s);font-weight: 600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.wo-kanban-column-count{background: var(--lumo-contrast-10pct);border-radius: 999px;color: var(--lumo-secondary-text-color);flex-shrink: 0;font-size: var(--lumo-font-size-xs);font-weight: 700;min-width: 24px;padding: 2px 8px;text-align: center}.wo-kanban-column-scroller{flex-grow: 1;min-height: 0}.wo-kanban-column-cards{gap: var(--lumo-space-s);min-height: 80px;padding: var(--lumo-space-s) var(--lumo-space-m)}.wo-kanban-load-more{border-top: 1px solid var(--lumo-contrast-10pct);flex-shrink: 0;margin: 0 var(--lumo-space-s) var(--lumo-space-m);opacity: 0.7;padding-top: var(--lumo-space-xs);transition: opacity 0.2s ease}.wo-kanban-column:hover .wo-kanban-load-more{opacity: 1}.wo-kanban-card{animation: woCardEnter 0.18s ease-out;background: var(--lumo-base-color);border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-m);cursor: pointer;width: 100%;overflow: hidden;position: relative;transition: box-shadow 0.2s ease,transform 0.2s ease,border-color 0.2s ease}.wo-kanban-card:hover{border-color: var(--lumo-contrast-20pct);box-shadow: 0 4px 14px rgba(0,0,0,0.13);transform: translateY(-1px)}.wo-kanban-card-status-bar{height: 3px;left: 0;position: absolute;right: 0;top: 0}.wo-kanban-card-status-bar.status-pending{background: var(--lumo-success-color-50pct)}.wo-kanban-card-status-bar.status-in_progress{background: var(--lumo-warning-color)}.wo-kanban-card-status-bar.status-pending_closure{background: var(--lumo-primary-color-50pct)}.wo-kanban-card-status-bar.status-completed{background: var(--lumo-primary-color)}.wo-kanban-card-status-bar.status-on_hold{background: var(--lumo-contrast-40pct)}.wo-kanban-card-status-bar.status-cancelled{background: var(--lumo-error-color-50pct)}.wo-kanban-card-body{display: flex;flex-direction: column;gap: var(--lumo-space-xs);padding: var(--lumo-space-m) var(--lumo-space-m) var(--lumo-space-s);padding-top: calc(var(--lumo-space-m) + 3px)}.wo-kanban-card-top{align-items: center;display: flex;justify-content: space-between}.wo-kanban-card-code{background: var(--lumo-contrast-5pct);border-radius: var(--lumo-border-radius-s);color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-xxs);font-weight: 700;padding: 2px 6px}.wo-kanban-card-age{color: var(--lumo-tertiary-text-color);font-size: var(--lumo-font-size-xxs)}.wo-kanban-card-customer{-webkit-box-orient: vertical;-webkit-line-clamp: 2;color: var(--lumo-heading-text-color);display: -webkit-box;font-size: var(--lumo-font-size-s);font-weight: 600;line-height: 1.35;overflow: hidden}.wo-kanban-card-address{color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-xs);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.wo-kanban-card-chips{display: flex;flex-wrap: wrap;gap: 4px}.wo-kanban-card-chip{border-radius: 999px;font-size: var(--lumo-font-size-xxs);font-weight: 600;padding: 2px 8px}.wo-kanban-card-chip.chip-priority{background: var(--lumo-contrast-10pct);color: var(--lumo-secondary-text-color)}.wo-kanban-card-chip.chip-type{background: var(--lumo-primary-color-10pct);color: var(--lumo-primary-text-color)}.wo-kanban-card-footer{align-items: center;border-top: 1px solid var(--lumo-contrast-5pct);display: flex;flex-wrap: wrap;gap: var(--lumo-space-xs);margin-top: var(--lumo-space-xs);padding: var(--lumo-space-xs) var(--lumo-space-m) var(--lumo-space-s)}.wo-kanban-card-technician{align-items: center;color: var(--lumo-secondary-text-color);display: flex;font-size: var(--lumo-font-size-xs);gap: 4px}@keyframes woCardEnter{from{opacity: 0;transform: translateY(-8px)}to{opacity: 1;transform: translateY(0)}}.contract-acceptance-view{padding: var(--lumo-space-xl) var(--lumo-space-m);box-sizing: border-box}.contract-acceptance-card{box-sizing: border-box;border: 1px solid rgba(18,38,63,0.08);backdrop-filter: blur(4px)}.contract-detail-row{display: flex;align-items: flex-start;gap: var(--lumo-space-s)}.contract-detail-label{width: 160px;flex-shrink: 0}.contract-detail-value{margin: 0;word-break: break-word}.contract-acceptance-signature{display: block;width: 100%}.contract-acceptance-signature[invalid] .sig{box-shadow: inset 0 0 0 1px var(--lumo-error-color)}vaadin-dialog.contract-acceptance-dialog::part(overlay){width: min(800px,95vw);max-width: 95vw}@media (max-width: 768px){.contract-acceptance-view{padding: var(--lumo-space-m) var(--lumo-space-s)}.contract-acceptance-card{padding: var(--lumo-space-m);border-radius: var(--lumo-border-radius-m)}.contract-detail-row{flex-direction: column;gap: var(--lumo-space-xxs)}.contract-detail-label{width: 100%;margin-right: 0}vaadin-dialog.contract-acceptance-dialog::part(overlay){width: calc(100vw - (2 * var(--lumo-space-s)));max-width: calc(100vw - (2 * var(--lumo-space-s)))}}.access-management-content{container: access-management / inline-size;flex: 1 1 auto;min-height: 0}.role-management-view{margin-inline: var(--lumo-space-m);min-height: 0}.users-grid-mobile-email{display: none}@media (max-width: 760px){.users-grid .users-grid-identity{align-items: flex-start;flex-direction: column;min-width: 0;overflow-wrap: anywhere}.users-grid .users-grid-mobile-email{color: var(--lumo-secondary-text-color);display: block;font-size: var(--lumo-font-size-s)}}.role-management-view vaadin-split-layout{background: var(--lumo-base-color);border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-l);box-shadow: var(--lumo-box-shadow-xs);overflow: hidden}.role-management-master,.role-management-detail{box-sizing: border-box;gap: var(--lumo-space-m);min-height: 0;padding: var(--lumo-space-l)}.role-management-master{background: color-mix(in srgb,var(--lumo-base-color) 94%,var(--lumo-primary-color))}.role-management-detail{background: var(--light-background-color);overflow: hidden}.mobile-detail-back{display: none;min-width: max-content;width: auto}.role-management-toolbar{gap: var(--lumo-space-s)}.role-management-role-count,.role-management-role-description,.role-management-role-meta,.role-management-empty-state{color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s)}.role-management-empty-state{display: block;padding: var(--lumo-space-l);text-align: center}.role-management-role-list{border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-m);min-height: 14rem;overflow: hidden}.role-management-role-list::part(header-cell){background: var(--lumo-base-color);box-shadow: inset 0 -1px var(--lumo-contrast-10pct);color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-xs);font-weight: 700;text-transform: uppercase}.role-management-role-list::part(row):hover,.role-management-role-list::part(selected-row){--vaadin-grid-cell-background: var(--lumo-primary-color-10pct)}.role-management-role-identity,.role-management-detail-header{display: flex;flex-direction: column;gap: var(--lumo-space-xs);min-width: 0}.role-management-role-name{font-weight: 600}.role-management-role-description{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.role-management-detail-tabs{border-bottom: 1px solid var(--lumo-contrast-10pct);flex: 0 0 auto;max-width: 100%;min-width: 0}.role-management-detail-tabs vaadin-tab{flex: 1 1 0;font-size: var(--lumo-font-size-s);justify-content: center;min-width: 0;padding-inline: var(--lumo-space-xs)}.role-management-detail-tabs>vaadin-tab[selected]{background: #000;color: var(--lumo-primary-contrast-color)}.role-management-pages{flex: 1 1 auto;max-width: 100%;min-height: 0;min-width: 0;overflow: hidden auto;width: 100%}.role-management-tab-page{box-sizing: border-box;gap: var(--lumo-space-l);max-width: 100%;min-width: 0;padding-block: var(--lumo-space-m);width: 100%}.role-management-permissions-matrix{box-sizing: border-box;container-type: inline-size;max-width: 100%;min-width: 0;width: 100%}.role-permissions-toolbar,.role-permissions-categories,.role-permissions-pages,.role-permissions-page{box-sizing: border-box;max-width: 100%;min-width: 0;width: 100%}.role-permissions-toolbar{flex-wrap: wrap}.role-permissions-row{align-items: center;display: grid;gap: var(--lumo-space-s);grid-template-columns: minmax(7rem,2fr) repeat(5,minmax(3rem,1fr));margin: 0;min-width: 0;width: 100%}.role-permissions-row>span{min-width: 0;overflow-wrap: anywhere}.role-permissions-header{font-weight: 600}.role-permissions-header>span:not(:first-child),.role-permissions-cell{text-align: center}.role-permissions-cell{align-items: center;display: flex;justify-content: center;min-width: 0}.role-permissions-cell>span{display: none}.role-permissions-unavailable vaadin-icon{color: var(--lumo-contrast-30pct)}@container (max-width: 41rem){.role-permissions-header{display: none}.role-permissions-row:not(.role-permissions-header){border-bottom: 1px solid var(--lumo-contrast-10pct);grid-template-columns: repeat(2,minmax(0,1fr));padding-block: var(--lumo-space-s)}.role-permissions-row>span:first-child{font-weight: 600;grid-column: 1 / -1}.role-permissions-cell{justify-content: space-between;padding-inline: var(--lumo-space-s);text-align: start}.role-permissions-cell>span{display: inline}}.role-management-members-grid{min-width: 0;width: 100%}.role-management-members{box-sizing: border-box;container-type: inline-size;min-width: 0;width: 100%}.role-management-add-user{align-self: flex-end}.role-management-remove-user{min-height: 2.75rem;min-width: 2.75rem}.role-management-remove-user vaadin-icon{height: 1.125rem;width: 1.125rem}.role-management-member-identity{display: flex;flex-direction: column;min-width: 0}.role-management-member-email{color: var(--lumo-secondary-text-color);display: none;font-size: var(--lumo-font-size-s);overflow-wrap: anywhere}@container (max-width: 760px){.role-management-member-email{display: block}}.role-management-attributes{gap: var(--lumo-space-s)}.role-management-attributes vaadin-horizontal-layout{flex-wrap: wrap}.assign-roles-view{min-height: 0;min-width: 0}.assign-roles-master{box-sizing: border-box;container-type: inline-size;gap: var(--lumo-space-s);padding-inline: var(--lumo-space-m)}.assign-roles-user-grid{min-width: 0}.assign-roles-user-identity{display: flex;flex-direction: column;min-width: 0}.assign-roles-user-name{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.assign-roles-user-email{color: var(--lumo-secondary-text-color);display: none;font-size: var(--lumo-font-size-s);overflow-wrap: anywhere}.assign-roles-detail{box-sizing: border-box;min-width: 0;container-type: inline-size}.assign-roles-options{max-width: 100%;width: 100%}.assign-roles-options vaadin-checkbox{min-height: 2.75rem;overflow-wrap: anywhere;padding-block: 0}@container (max-width: 760px){.assign-roles-user-name{white-space: normal;overflow-wrap: anywhere}.assign-roles-user-email{display: block}}@container access-management (max-width: 760px){.role-management-split.role-management-split{display: block}.role-management-split::part(splitter),.role-management-split:not(.mobile-detail-open) .role-management-detail,.role-management-split.mobile-detail-open .role-management-master,.assign-roles-split:not(.mobile-detail-open) .assign-roles-detail,.assign-roles-split.mobile-detail-open .assign-roles-master,.assign-roles-split::part(splitter){display: none}.role-management-split .role-management-master,.role-management-split .role-management-detail,.assign-roles-split .assign-roles-master,.assign-roles-split .assign-roles-detail{height: 100%;width: 100%}.mobile-detail-back{display: inline-flex;flex: 0 0 auto;align-self: flex-start}.role-management-member-name{overflow-wrap: anywhere}.role-management-view vaadin-split-layout{border: 0;border-radius: 0}.role-management-master,.role-management-detail{padding: var(--lumo-space-m)}.role-management-toolbar{align-items: stretch;flex-direction: column}.role-management-toolbar vaadin-button{width: 100%}}.home-view{min-height: 0;overflow-x: clip;overflow-y: auto}.dashboard-card{border: 1px solid var(--lumo-primary-color-10pct);box-sizing: border-box;grid-template-columns: repeat(2,minmax(0,1fr));grid-auto-rows: 1fr;position: relative;overflow: hidden}.dashboard-card .quadrant{min-height: 1px;box-sizing: border-box;width: 100%;background-color: transparent}.dashboard-card .divider-bottom{border-bottom: 1px solid var(--lumo-contrast-10pct)}.dashboard-card .divider-right{border-right: 1px solid var(--lumo-contrast-10pct)}.announcement-card .announcement-icon{color: var(--lumo-primary-color)}@media (max-width: 900px){.dashboard-card{grid-template-columns: minmax(0,1fr);grid-auto-rows: auto}vaadin-vertical-layout>.dashboard-card{flex-shrink: 0}.dashboard-card .divider-right{border-right: none}.dashboard-card .quadrant:not(:last-child){border-bottom: 1px solid var(--lumo-contrast-10pct)}}.board-cards{container-name: board-cards;container-type: inline-size;min-width: 0;width: 100%}.board-cards-grid{background: var(--light-background-color);border: 1px solid var(--lumo-contrast-20pct);border-radius: var(--lumo-border-radius-l);display: grid;gap: 1px;grid-template-columns: minmax(0,1fr);overflow: hidden}.board-card{background: var(--light-background-color);border: 0;border-radius: 0;box-shadow: none;box-sizing: border-box;min-width: 0;transition: background-color 180ms ease,box-shadow 180ms ease}.board-card.board-card-clickable{cursor: pointer;outline: none}@media (hover: hover){.board-card.board-card-clickable:hover{background-color: var(--lumo-primary-color-10pct);box-shadow: inset 0 3px 0 0 var(--lumo-primary-color)}}.board-card.board-card-clickable[selected]{background-color: var(--lumo-primary-color-10pct);box-shadow: none;color: var(--lumo-primary-text-color)}.board-card.board-card-clickable[selected] h3{color: var(--lumo-primary-text-color)}.board-card.board-card-clickable:focus-visible{box-shadow: inset 0 0 0 2px var(--lumo-primary-color);outline: 2px solid transparent;outline-offset: -2px}.board-card.board-card-clickable:active{background-color: var(--lumo-contrast-5pct);box-shadow: inset 0 3px 0 0 var(--lumo-primary-color-50pct)}@container board-cards (min-width: 22rem){.board-cards-grid{grid-template-columns: repeat(auto-fit,minmax(10.5rem,1fr))}.board-card{gap: var(--lumo-space-s);padding-inline: var(--lumo-space-s)}}@container board-cards (min-width: 75rem){.board-cards-grid{grid-template-columns: repeat(auto-fit,minmax(9rem,1fr))}.board-card{gap: var(--lumo-space-m);padding-inline: var(--lumo-space-m)}}@container board-cards (max-width: 30rem){.board-cards-grid{grid-auto-columns: minmax(9rem,1fr);grid-auto-flow: column;grid-template-columns: none;overflow-x: auto;scroll-snap-type: x proximity}.board-card{gap: var(--lumo-space-xs);min-height: 4.5rem;scroll-snap-align: start}.board-card>div:first-child{display: none}}@media (prefers-reduced-motion: reduce){.board-card{transition: none}}@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100;200&display=swap');.minicalendar{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}.minicalendar .title{font-size: var(--lumo-font-size-m);color: var(--lumo-header-text-color);text-align: center}.minicalendar:not([disabled]) .title:not(.readonly){cursor: pointer}.minicalendar[disabled] .title{color: var(--lumo-disabled-text-color)}.minicalendar .weekday{font-family: 'Roboto Mono',monospace;font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color);text-align: center;vertical-align: middle;line-height: 30px}.minicalendar .day{background-color: var(--lumo-contrast-5pct);border-radius: 15%;text-align: center;color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s);vertical-align: middle;line-height: 30px}.minicalendar[disabled] .day,.minicalendar .day.disabled{color: var(--lumo-disabled-text-color)}.minicalendar .day.disabled{cursor: not-allowed}.minicalendar:not([disabled]) .day:not(.readonly,.disabled){cursor: pointer}.minicalendar .day.rounded{border-radius: 50%}.minicalendar .day.highlight-weekend{background-color: var(--lumo-contrast-20pct)}.minicalendar .day.highlight-current-day{font-weight: bold}.minicalendar .day.selected{background-color: var(--lumo-primary-color);color: var(--lumo-primary-contrast-color)}.minicalendar[disabled] .day.selected,.minicalendar .day.selected.read-only,.minicalendar .day.selected.disabled{background-color: var(--lumo-primary-color-10pct);color: var(--lumo-tertiary-text-color)}.minicalendar:not([disabled]) .day.hover:not(.readonly,.disabled):hover{box-shadow: var(--lumo-box-shadow-xs)}vaadin-checkbox[theme~="toggle-button"]{margin: 0;padding: 0}vaadin-checkbox[theme~="toggle-button"]::part(checkbox),vaadin-checkbox[theme~="toggle-button"]>input{grid-column: 1}vaadin-checkbox-group[theme~="toggle-button"]>vaadin-checkbox::part(checkbox),vaadin-checkbox[theme~="toggle-button"]::part(checkbox){width: calc(1.5em * 2 - 12px);height: 1.5em;border-radius: 0.75em;background-color: var(--lumo-contrast-40pct);margin: 0;cursor: pointer;padding-bottom: 0.2em}vaadin-checkbox-group[theme~="toggle-button"]>vaadin-checkbox::part(checkbox)::after,vaadin-checkbox[theme~="toggle-button"]::part(checkbox)::after{width: calc(1.2em - 4px);height: calc(1.2em - 4px);border-radius: 50%;background-color: var(--lumo-primary-contrast-color);border: none;top: 2px;left: 2px;transform: none;opacity: 1;transition: transform 0.2s ease}vaadin-checkbox-group[theme~="toggle-button"]>vaadin-checkbox[disabled]::part(checkbox)::after,vaadin-checkbox[theme~="toggle-button"][disabled]::part(checkbox)::after{color: transparent}vaadin-checkbox-group[theme~="toggle-button"]>vaadin-checkbox[checked]::part(checkbox)::after,vaadin-checkbox[theme~="toggle-button"][checked]::part(checkbox)::after{transform: translate(calc(100% - 8px))}vaadin-checkbox-group[theme~="toggle-button"]>vaadin-checkbox[checked]::part(checkbox),vaadin-checkbox[theme~="toggle-button"][checked]::part(checkbox){background-color: var(--lumo-primary-color)}vaadin-checkbox-group[theme~="toggle-button"]>vaadin-checkbox[checked][disabled]::part(checkbox),vaadin-checkbox[theme~="toggle-button"][checked][disabled]::part(checkbox){background-color: var(--lumo-primary-color);opacity: 0.3}.add-customer-card:hover{border-color: var(--lumo-primary-color);background-color: var(--lumo-primary-color-10pct);box-shadow: 0 4px 12px rgba(0,0,0,0.08);transition: 0.3s ease}vaadin-checkbox[theme~="switch"]::part(checkbox){border-radius: 9999px;width: var(--lumo-size-m)}vaadin-checkbox[theme~="switch"]::part(checkbox)::after{content: "";height: calc(var(--lumo-size-m) / 3);background-color: var(--lumo-secondary-text-color);border-radius: 9999px;inset: 0;margin: calc(var(--lumo-size-m) / 12);opacity: 1;transition: transform 0.2s;width: calc(var(--lumo-size-m) / 3)}vaadin-checkbox[theme~="switch"][checked]::part(checkbox)::after{background-color: var(--lumo-primary-contrast-color);transform: translateX(calc(var(--lumo-size-m) / 2))}@media (max-width: 600px){vaadin-confirm-dialog [slot="confirm-button"],vaadin-confirm-dialog [slot="cancel-button"],vaadin-confirm-dialog [slot="reject-button"]{width: 100%}}vaadin-multi-select-combo-box-chip.success-color-50pct{background: var(--lumo-success-color-50pct)}vaadin-multi-select-combo-box-chip.warning-color{background: var(--lumo-warning-color)}vaadin-multi-select-combo-box-chip.primary-color{background: var(--lumo-primary-color)}vaadin-multi-select-combo-box-chip.error-color-50pct{background: var(--lumo-error-color-50pct)}vaadin-multi-select-combo-box-chip.contrast-50pct{background: var(--lumo-contrast-50pct)}vaadin-multi-select-combo-box-chip.contrast-10pct{background: var(--lumo-contrast-10pct)}vaadin-multi-select-combo-box-chip.primary-color-50pct{background-color: var(--lumo-primary-color-50pct);color: var(--lumo-primary-contrast-color)}vaadin-multi-select-combo-box-chip.error-color{background-color: var(--lumo-error-color);color: var(--lumo-error-contrast-color)}vaadin-multi-select-combo-box-chip.contrast-10pct-outline{background-color: var(--lumo-contrast-10pct);border: 1px solid var(--lumo-contrast-20pct)}vaadin-multi-select-combo-box-chip.warning-color-10pct-outline{background-color: var(--lumo-warning-color-10pct);border: 1px solid var(--lumo-warning-color-50pct)}vaadin-multi-select-combo-box-chip.contrast-15pct-outline{background-color: var(--lumo-contrast-15pct);border: 1px solid var(--lumo-contrast-30pct)}vaadin-multi-select-combo-box-chip.primary-color-10pct-outline{background-color: var(--lumo-primary-color-10pct);border: 1px solid var(--lumo-primary-color-50pct)}vaadin-multi-select-combo-box-chip.success-color-10pct-outline{background-color: var(--lumo-success-color-10pct);border: 1px solid var(--lumo-success-color-50pct)}vaadin-multi-select-combo-box-chip.contrast-10pct-void{background-color: var(--lumo-contrast-10pct);border: 1px dashed var(--lumo-contrast-30pct);text-decoration: line-through}[theme*='status-']{border-radius: var(--lumo-border-radius-m);font-weight: 600;letter-spacing: 0.02em;text-transform: uppercase}[theme~='status-draft']{background-color: var(--lumo-contrast-10pct);border: 1px solid var(--lumo-contrast-20pct);color: var(--lumo-contrast-70pct)}[theme~='status-partial']{background-color: var(--lumo-warning-color-10pct);border: 1px solid var(--lumo-warning-color-50pct);color: var(--lumo-warning-text-color)}[theme~='status-unsent']{background-color: var(--lumo-contrast-15pct);border: 1px solid var(--lumo-contrast-30pct);color: var(--lumo-contrast-80pct)}[theme~='status-sent']{background-color: var(--lumo-primary-color-10pct);border: 1px solid var(--lumo-primary-color-50pct);color: var(--lumo-primary-text-color)}[theme~='status-open']{background-color: var(--lumo-primary-color-50pct);color: var(--lumo-primary-contrast-color)}[theme~='status-paid']{background-color: var(--lumo-success-color-10pct);border: 1px solid var(--lumo-success-color-50pct);color: var(--lumo-success-text-color)}[theme~='status-overdue']{background-color: var(--lumo-error-color);color: var(--lumo-error-contrast-color)}[theme~='status-void']{background-color: var(--lumo-contrast-10pct);border: 1px dashed var(--lumo-contrast-30pct);color: var(--lumo-contrast-60pct);text-decoration: line-through}a[theme~='badge'][theme*='status-']:hover{filter: brightness(0.98)}a[theme~='badge'][theme*='status-']:focus-visible{border-radius: calc(var(--lumo-border-radius-m) + 2px);outline: 2px solid var(--lumo-primary-color);outline-offset: 2px}:root{--alph-displacement-color: #327BC4;--alph-font-weight: 800;--alph-min-width: 100px;--alph-max-height: 35px;--alph-padding: 8px}[theme~="vaadin-confirm-dialog-width-auto"]{width: auto}.button-layout{margin-top: var(--lumo-space-s)}[theme~='btn'][theme~='primary']{font-weight: var(--alph-font-weight);min-width: var(--alph-min-width);max-height: var(--alph-max-height);padding: var(--alph-padding)}[theme~='btn'][theme~='primary'][theme~='save']{background-color: var(--lumo-primary-color);color: var(--lumo-primary-contrast-color)}[theme~='btn'][theme~='primary'][theme~='new']{background-color: var(--lumo-primary-contrast-color);color: var(--lumo-primary-text-color)}[theme~='btn'][theme~='primary'][theme~='delete']{background-color: var(--lumo-error-color);color: var(--lumo-primary-contrast-color)}[theme~='btn'][theme~='primary'][theme~='print']{background-color: var(--lumo-contrast);color: var(--lumo-primary-contrast-color)}[theme~='btn'][theme~='primary'][theme~='find']{background-color: var(--lumo-success-color);color: var(--lumo-primary-contrast-color)}[theme~='btn'][theme~='primary'][theme~='cancel']{background-color: var(--lumo-primary-contrast-color);color: var(--lumo-error-color)}[theme~='btn'][theme~='primary'][theme~='displacement']{background-color: var(--lumo-secondary-text-color);color: var(--lumo-primary-contrast-color)}[theme~='btn'][theme~='primary'][disabled]{background-color: var(--lumo-contrast-30pct);color: var(--lumo-base-color);pointer-events: none}@media screen and (max-width: 800px){[theme~='btn'][theme~='primary'][theme~='find']{margin-inline-end: unset}}.alph-spinner-ring{display: inline-block;width: 20px;height: 20px;border: 3px solid var(--lumo-contrast-20pct);border-top-color: var(--lumo-primary-color);border-radius: 50%;animation: alph-spinner-ring-rotate 0.8s linear infinite}@keyframes alph-spinner-ring-rotate{from{transform: rotate(0deg)}to{transform: rotate(360deg)}}.alph-icon-spin{animation: alph-spinner-ring-rotate 0.8s linear infinite}nav.breadcrumb li + li::before{content: var(--lumo-icons-angle-right);display: block;font-family: 'lumo-icons';margin: 0 var(--lumo-space-xs)}@media (max-width: 48rem){nav.breadcrumb,nav.breadcrumb + vaadin-icon{display: none}}.tab-selected-menu-item{box-shadow: 0 0 0 1px var(--lumo-shade-5pct),0 1px 1px 0 var(--lumo-shade-5pct);color: var(--lumo-primary-color-50pct);font-weight: 600;border-radius: var(--lumo-border-radius-m);transition: color .16s,background-color .16s,box-shadow 60ms,transform .2s,-webkit-backdrop-filter .2s,backdrop-filter .2s;padding: var(--lumo-space-xs) var(--lumo-space-m);line-height: var(--lumo-line-height-xs)}.tab-not-selected-menu-item{font-weight: 600;border-radius: var(--lumo-border-radius-m);transition: color .16s,background-color .16s,box-shadow 60ms,transform .2s,-webkit-backdrop-filter .2s,backdrop-filter .2s;padding: var(--lumo-space-xs) var(--lumo-space-m);line-height: var(--lumo-line-height-xs);color: var(--lumo-secondary-text-color)}.view-mode-tabs{display: flex;justify-content: center;gap: var(--lumo-space-m);padding: var(--lumo-space-s);min-width: 0}.view-mode-tabs vaadin-menu-bar{max-width: 100%}.selection-toolbar.selection-toolbar{display: flex;align-items: center;gap: var(--lumo-space-s);position: fixed;bottom: var(--lumo-space-l);left: 50%;translate: -50%;background: var(--lumo-base-color-80pct);padding: var(--lumo-space-s);-webkit-backdrop-filter: blur(var(--blur-radius));backdrop-filter: blur(var(--blur-radius));border-radius: var(--lumo-border-radius-l);box-shadow: inset 0 .5px 0 0 var(--lumo-tint-5pct),inset 0 0 0 .5px var(--lumo-tint-10pct),var(--lumo-box-shadow-l);transition: visibility .2s,translate .2s;white-space: nowrap;max-width: calc(100vw - var(--lumo-space-s) * 2)}.selection-toolbar[hidden]{display: flex;visibility: hidden;translate: -50% 200%;transition-delay: .2s}.selection-toolbar>:not(vaadin-button,vaadin-menu-bar){margin-inline: var(--lumo-space-s)}.selection-toolbar vaadin-menu-bar{min-width: 0;flex: 1}@media only screen and (max-width: 665px){.selection-toolbar.selection-toolbar{bottom: 75px}}.app-sidebar{position: fixed;inset-block: 0;inset-inline-end: 0;max-width: 100vw;z-index: 10;transition: transform 0.2s ease-in-out;will-change: transform;width: 480px}.app-sidebar-closed{transform: translateX(100%);pointer-events: none;box-shadow: none;visibility: hidden}.app-sidebar-open{transform: translateX(0);pointer-events: auto;visibility: visible}.app-sidebar>footer{flex-shrink: 0;flex-wrap: wrap;max-height: 35vh;overflow-y: auto}.app-sidebar.sidebar-responsive-width{width: 50%}.app-sidebar.work-order-sidebar{width: 70%}.app-sidebar.contract-sidebar{width: 75%}@media (max-width: 1024px){.app-sidebar:is(.sidebar-responsive-width,.contract-sidebar){width: 100vw;max-width: 100vw}}@media (max-width: 600px){.app-sidebar.work-order-sidebar{width: 100vw}}.sidebar-responsive-content{padding-left: var(--lumo-space-m);padding-right: var(--lumo-space-m)}@media (max-width: 1024px){.sidebar-responsive-content{padding-left: var(--lumo-space-s);padding-right: var(--lumo-space-s)}}li.timeline::before{background-color: var(--lumo-contrast-30pct);content: "";inset: 0 auto 0 calc(var(--lumo-space-m) + (var(--lumo-size-m) / 2));position: absolute;width: 1px}li.timeline>*{z-index: 0}.image-gallery-view ol{grid-template-columns: repeat(auto-fill,minmax(256px,1fr))}.image-gallery-view li{transition: all 200ms cubic-bezier(0.4,0,0.2,1);transition-property: background-color,box-shadow}.image-gallery-view li:hover{background-color: var(--lumo-base-color);box-shadow: var(--lumo-box-shadow-s)}vaadin-upload[theme~="alt"]::part(primary-buttons){text-align: center;display: inline}vaadin-upload[theme~="alt"] vaadin-upload-file{border-top: 1px solid var(--lumo-contrast-10pct)}.unordered-list-posible-problems>li{padding-top: 2px;padding-bottom: 2px;align-items: center}.diagonal-bg{position: fixed;inset: 0;z-index: -1;overflow: hidden;pointer-events: none}.diagonal-bg::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 65vh;background: linear-gradient(135deg,rgba(68,169,209,0.08) 0%,rgba(68,169,209,0.04) 100%);clip-path: polygon(0 0,100% 0,100% 75%,0 100%)}.diagonal-bg::after{content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 35vh;background-color: rgba(27,46,64,0.02)}vaadin-dialog-overlay.freemium-limit-dialog::part(overlay){border-radius: var(--lumo-border-radius-l);box-shadow: 0 24px 64px -12px var(--lumo-shade-30pct)}vaadin-dialog-overlay.freemium-limit-dialog::part(content){padding: var(--lumo-space-l) var(--lumo-space-l) var(--lumo-space-m)}vaadin-dialog-overlay.freemium-limit-dialog::part(footer){border-top: 1px solid var(--lumo-contrast-10pct);padding: var(--lumo-space-m) var(--lumo-space-l)}.freemium-limit-dialog-badge{align-items: center;background: var(--lumo-error-color-10pct);border-radius: 50%;box-shadow: 0 0 0 8px var(--lumo-error-color-10pct);display: flex;height: 3.5rem;justify-content: center;margin-top: var(--lumo-space-s);width: 3.5rem}.freemium-limit-dialog-icon{color: var(--lumo-error-text-color);height: 1.5rem;width: 1.5rem}.freemium-limit-dialog-meter{display: flex;flex-direction: column;gap: var(--lumo-space-s);margin-top: var(--lumo-space-m);max-width: 14rem;width: 100%}.freemium-limit-dialog-meter>span{text-align: center}vaadin-progress-bar.freemium-limit-dialog-bar::part(bar){background-color: var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-s);height: 0.5rem}vaadin-progress-bar.freemium-limit-dialog-bar::part(value){background-color: var(--lumo-error-color);border-radius: var(--lumo-border-radius-s)}@media (max-width: 600px){vaadin-dialog-overlay.freemium-limit-dialog::part(footer){flex-direction: column-reverse}vaadin-dialog-overlay.freemium-limit-dialog vaadin-button{width: 100%}}.freemium-plan-status{align-items: stretch;box-sizing: border-box;gap: var(--lumo-space-m);width: 100%}.freemium-plan-status>*{width: 100%}vaadin-popover-overlay.freemium-usage-popover::part(overlay){border-radius: var(--lumo-border-radius-l)}vaadin-popover-overlay.freemium-usage-popover::part(content){padding: var(--lumo-space-m)}.freemium-plan-status-header{display: flex;flex-direction: column;gap: var(--lumo-space-xs)}.freemium-plan-status-icon{color: var(--lumo-primary-text-color);height: 1.15rem;width: 1.15rem}.freemium-plan-status-meter{display: flex;flex-direction: column;gap: var(--lumo-space-xs)}.freemium-plan-status-meter>vaadin-horizontal-layout{display: flex;gap: var(--lumo-space-m);justify-content: space-between;width: 100%}vaadin-progress-bar.freemium-plan-status-bar::part(bar){background-color: var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-s);height: 0.4rem}vaadin-progress-bar.freemium-plan-status-bar::part(value){border-radius: var(--lumo-border-radius-s)}vaadin-progress-bar.freemium-plan-status-bar-neutral::part(value){background-color: var(--lumo-primary-color)}vaadin-progress-bar.freemium-plan-status-bar-warning::part(value){background-color: var(--lumo-warning-color)}vaadin-progress-bar.freemium-plan-status-bar-error::part(value){background-color: var(--lumo-error-color)}.freemium-plan-status-link{color: var(--lumo-primary-text-color);text-decoration: none}.freemium-plan-status-link:hover{text-decoration: underline}.freemium-plan-status-upgrade{margin-top: var(--lumo-space-xs)}vaadin-button.attachment-preview-trigger{--vaadin-button-border: none;max-width: 100%;width: 100%;font-size: var(--lumo-font-size-s);text-align: start}vaadin-button.attachment-preview-trigger::part(label){white-space: normal;overflow-wrap: anywhere;text-align: start}.attachment-file-name{min-width: 0}.attachment-file-text{flex: 1;min-width: 0;overflow-wrap: anywhere}.attachment-feed-card,.work-order-note-card{box-sizing: border-box;max-width: 100%}.attachment-feed-card{container-type: inline-size}.work-order-note-card>:first-child{flex-wrap: wrap}.attachment-feed-row{display: flex;align-items: center;justify-content: space-between;gap: var(--lumo-space-s);min-width: 0;max-width: 100%}.attachment-feed-row>:first-child{min-width: 0}.attachment-feed-row>:last-child{flex: none}@container (max-width: 360px){.attachment-feed-row{flex-direction: column;align-items: stretch}.attachment-feed-row>:last-child{align-self: flex-end}}vaadin-dialog.attachment-preview::part(backdrop){background: rgba(0,0,0,0.72)}vaadin-dialog.attachment-preview::part(content){display: flex;flex-direction: column;min-height: 0}.attachment-preview-viewport{flex: 1;min-height: 0;overflow: auto}.attachment-preview-image{display: block;height: 100%;margin: auto;object-fit: contain;width: 100%;cursor: zoom-in}.attachment-preview-image.zoomed-max{cursor: zoom-out}vaadin-dialog.attachment-preview iframe{flex: 1;min-height: 0}signature-pad{display: block}.sig-container{position: relative;width: 100%}.sig-frame{--card: var(--light-background-color,#fff);--fill-on: var(--lumo-body-text-color,#2a2e35);--fill-slab: var(--light-background-color,#fff);--font-ui: var(--lumo-font-family,"DM Sans",sans-serif);--ink: var(--lumo-body-text-color,#2a2e35);--pane-edge: var(--lumo-contrast-20pct,rgb(27 46 64 / 16%));--signal: var(--lumo-primary-color,#19759b);display: grid;place-items: center;position: absolute;left: 50%;transform-origin: top center}.sig{position: relative;flex: none;transition: width 720ms cubic-bezier(0.22,1,0.36,1),height 720ms cubic-bezier(0.22,1,0.36,1),border-radius 720ms cubic-bezier(0.22,1,0.36,1);border-radius: var(--r);overflow: hidden;background: var(--fill-slab,var(--card));color: var(--fill-on,var(--ink));font-family: var(--font-ui);touch-action: none;user-select: none;-webkit-user-select: none;cursor: crosshair}[data-stroke="on"] .sig{box-shadow: inset 0 0 0 1px var(--pane-edge)}.sig-ink{position: absolute;inset: 0;pointer-events: none;overflow: visible}.sig[data-ink="Blue"] .sig-ink{color: #2446d8}[data-fill="dark"] .sig[data-ink="Blue"] .sig-ink{color: #7d95ff}.sig-line{position: absolute;height: 1px;background: currentColor;opacity: 0.16;pointer-events: none}.sig-hint{position: absolute;top: 140px;font-size: 12px;font-weight: 500;pointer-events: none}.sig-hint{left: 0;right: 0;text-align: center;opacity: 0.38;transition: opacity 200ms ease}.sig[data-inked] .sig-hint{opacity: 0}.sig[data-signed]{cursor: default}.sig-face{position: absolute;left: 50%;top: 50%;width: 320px;height: 180px;translate: -50% -50%;transition: scale 720ms cubic-bezier(0.22,1,0.36,1),opacity 320ms ease 200ms}.sig[data-signed] .sig-face{scale: 0.35;opacity: 0;transition: scale 720ms cubic-bezier(0.22,1,0.36,1),opacity 420ms ease 120ms}.sig[data-signed] :is(.sig-clear,.sig-hint){opacity: 0;transition: opacity 140ms ease}.sig-said{position: absolute;inset: 0;display: grid;place-items: center;pointer-events: none}.sig-pill{display: flex;align-items: center;gap: 6px;height: 100%;width: 100%;justify-content: center;padding: 0;border: 0;background: none;color: inherit;font: inherit;font-size: 13px;font-weight: 500;white-space: nowrap;cursor: pointer;pointer-events: auto;-webkit-tap-highlight-color: transparent;animation: sig-said 320ms ease 420ms both}.sig-pill:focus-visible{outline: 2px solid var(--signal,#2231dd);outline-offset: 2px;border-radius: 999px}.sig-check{color: var(--lumo-success-color,#27784e);animation: sig-check 420ms cubic-bezier(0.3,1.6,0.4,1) 460ms both}.sig-clear{display: flex;align-items: center;justify-content: center;position: absolute;top: 10px;right: 10px;height: 28px;padding: 0 11px;border: 0;border-radius: var(--inner);background: color-mix(in srgb,currentColor 7%,transparent);color: inherit;font: inherit;font-size: 12px;font-weight: 500;line-height: 1;cursor: pointer;opacity: 0;scale: 0.9;pointer-events: none;-webkit-tap-highlight-color: transparent;transition: opacity 180ms ease,scale 220ms cubic-bezier(0.3,1.4,0.4,1),background 160ms ease}.sig[data-inked] .sig-clear{opacity: 1;scale: 1;pointer-events: auto}.sig-clear:hover{background: color-mix(in srgb,currentColor 12%,transparent)}.sig-clear:active{scale: 0.94}.sig-clear:focus-visible{outline: 2px solid var(--signal,#2231dd);outline-offset: 2px}@keyframes sig-said{from{opacity: 0}}@keyframes sig-check{from{opacity: 0;scale: 0.3;rotate: -20deg}}@media (prefers-reduced-motion: reduce){.sig,.sig-face,.sig-clear{transition-duration: 1ms}.sig-pill,.sig-check{animation-duration: 1ms;animation-delay: 0ms}}html{--lumo-base-color: #F5F5F5;--lumo-body-text-color: #2A2E35;--lumo-contrast: #17222F;--lumo-contrast-10pct: #1b2e401a;--lumo-contrast-20pct: #1b2e4029;--lumo-contrast-30pct: #1b2e4042;--lumo-contrast-40pct: #1b2e4061;--lumo-contrast-50pct: #1b2e4085;--lumo-contrast-5pct: #1b2e400d;--lumo-contrast-60pct: #1b2e4099;--lumo-contrast-70pct: #1b2e40b0;--lumo-contrast-80pct: #1b2e40d4;--lumo-contrast-90pct: #1b2e40f0;--lumo-disabled-text-color: #1b2e4042;--lumo-subtle-text-color: #77818D;--lumo-error-color: #B93C35;--lumo-error-color-10pct: #B93C351A;--lumo-error-color-50pct: #B93C3580;--lumo-error-contrast-color: #ffffff;--lumo-error-text-color: #921f18;--lumo-heading-text-color: #17222F;--lumo-primary-color: #19759B;--lumo-primary-color-10pct: #19759B1A;--lumo-primary-color-50pct: #19759B80;--lumo-primary-contrast-color: #FFFFFF;--lumo-primary-text-color: #19759B;--lumo-secondary-text-color: #1B3A4B;--lumo-success-color: #27784E;--lumo-success-color-10pct: #27784E1A;--lumo-success-color-50pct: #27784E80;--lumo-success-contrast-color: #ffffff;--lumo-success-text-color: #0a7637;--lumo-tertiary-text-color: #1c304a85;--lumo-user-color-0: #D68B90;--lumo-user-color-1: #7A5FA3;--lumo-user-color-2: #4E9AB8;--lumo-user-color-3: #D9904E;--lumo-user-color-4: #bf16f3;--lumo-user-color-5: #084391;--lumo-user-color-6: #078836;--lumo-user-holiday: #FF1A1A;--lumo-warning-color: #F9A825;--lumo-warning-color-10pct: #f9a82540;--lumo-warning-text-color: #7A4E00;--lumo-warning-contrast-color: #17222F;--lumo-border-radius-s: 0.25rem;--lumo-border-radius-m: 0.5rem;--lumo-border-radius-l: 1rem;--vaadin-input-field-background: #FFF;--vaadin-input-field-hover-highlight: var(--lumo-contrast-30pct);--vaadin-input-field-border-width: 1px;--vaadin-input-field-border-color: var(--lumo-contrast-30pct);--vaadin-input-field-placeholder-color: var(--lumo-subtle-text-color);--vaadin-button-background: #FFF;--vaadin-button-border: 1px solid var(--lumo-primary-color-50pct);--light-background-color: #FFF;--lumo-space-xxl: 48px}.card-background-color{background-color: var(--light-background-color)}.main-layout-brand{background-color: var(--light-background-color)}.main-layout header nav a[highlight]{background-color: rgba(255,255,255,0);color: var(--lumo-primary-color)}.main-layout header nav a:hover{--lumo-header-text-color: var(--lumo-primary-color-50pct)}.main-layout header nav a[highlight] span{font-weight: 600}vaadin-upload::part(primary-buttons){display: flex;align-items: center;justify-content: center;height: 100%}vaadin-avatar{border-radius: 2rem;border-color: var(--lumo-contrast)}.content-max-width{max-width: 862px}.column-gap{column-gap: 62px}.fc-timegrid-allday{display: none}.mt-xxl{margin-top: var(--lumo-space-xxl)}@media (min-width: 800px){.two-columns-when-over-800px{grid-column: span 2}}@media (min-width: 800px){.column-max-width-when-over-800px{max-width: 400px}}@media (min-width: 600px){.flex-over-600px{display: flex}}@media screen and (max-width: 1400px){.flex-wrap-layout{flex-wrap: wrap;min-width: 100%}}vaadin-dialog.not-available-dialog::part(overlay){width: 1024px}vaadin-dialog.appointment-dialog::part(content){padding: 0}@media screen and (max-width: 1400px){vaadin-dialog::part(content){padding: var(--lumo-space-s)}}@media screen and (max-width: 1400px){.remove-margin-left-amount-layout{margin-left: 0}}.avatar-over-700px{height: 200px;width: 200px}@media screen and (max-width: 700px){.avatar-over-700px{height: 100px;width: 100px}}.disabled-card{opacity: 0.5;pointer-events: none;user-select: none}.step-badge{transition: transform 0.2s ease-in-out}.step-badge:hover{transform: scale(1.1)}.wpp-sales-card{background-color: var(--lumo-base-color);border-radius: var(--lumo-border-radius-l);box-shadow: var(--lumo-box-shadow-s);padding: var(--lumo-space-l);display: flex;flex-direction: column;gap: var(--lumo-space-m);border-left: 4px solid transparent}.wpp-card-success{border-left-color: var(--lumo-success-color)}.wpp-card-error{border-left-color: var(--lumo-error-color)}vaadin-grid::part(preformatted){white-space: pre-wrap}@media (pointer: coarse){vaadin-text-field::part(input-field),vaadin-email-field::part(input-field),vaadin-password-field::part(input-field),vaadin-text-area::part(input-field){font-size: max(16px,1rem);line-height: 1.5}}@media (pointer: fine) and (min-width: 600px){vaadin-text-field::part(input-field),vaadin-email-field::part(input-field),vaadin-password-field::part(input-field),vaadin-text-area::part(input-field){font-size: var(--lumo-font-size-m,14px)}}