vaadin-app-layout[primary-section=navbar]::part(navbar):before{background:var(--lumo-base-color) linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct))}vaadin-app-layout[primary-section=drawer]::part(navbar):before{background:var(--lumo-base-color)}vaadin-app-layout[primary-section=drawer]::part(navbar){box-shadow:0 1px 0 0 var(--lumo-contrast-10pct)}vaadin-app-layout[primary-section=drawer]:not([overlay])::part(drawer){background:var(--lumo-shade-5pct);border:0;box-shadow:1px 0 0 0 var(--lumo-contrast-10pct),1px 0 0 0 var(--lumo-base-color);z-index:1}vaadin-drawer-toggle[slot=navbar]{color:var(--lumo-secondary-text-color)}::part(navbar){min-height:var(--lumo-size-xl)}::part(drawer){display:flex;flex-direction:column}vaadin-scroller[slot=drawer]{flex:1;padding:var(--lumo-space-s)}vaadin-scroller[slot=drawer][overflow~=top]{border-top:1px solid var(--lumo-contrast-10pct)}vaadin-scroller[slot=drawer][overflow~=bottom]{border-bottom:1px solid var(--lumo-contrast-10pct)}[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}.timespan-field{width:22em;max-width:100%}.timespan-field vaadin-text-field{padding-top:0;padding-bottom:0;--vaadin-input-field-readonly-border: none}vaadin-text-field[theme~=timespan-display]::part(input-field){background-color:var(--lumo-contrast-10pct);color:var(--lumo-body-text-color);border:1px solid transparent;cursor:pointer}vaadin-text-field[theme~=timespan-display]::part(input-field),vaadin-text-field[theme~=timespan-display]>input{font-size:var(--lumo-font-size-s)}vaadin-text-field[theme~=timespan-display][focus-ring]::part(input-field){box-shadow:0 0 0 2px var(--lumo-primary-color-50pct);border-color:var(--lumo-primary-color-50pct)}vaadin-text-field[theme~=timespan-display]:hover:not([readonly])::part(input-field),vaadin-text-field[theme~=timespan-display]:hover::part(input-field){background-color:var(--lumo-contrast-20pct)}vaadin-text-field[theme~=timespan-display]>input{cursor:pointer;text-overflow:ellipsis}.timespan-field__suffix{display:flex;align-items:center;gap:var(--lumo-space-xs)}.timespan-field__clear{margin:0;padding:0;min-width:auto;color:var(--lumo-contrast-60pct);cursor:pointer}.timespan-field__clear:hover{color:var(--lumo-body-text-color)}.timespan-field__icon{color:var(--lumo-contrast-60pct);width:var(--lumo-icon-size-s);height:var(--lumo-icon-size-s)}vaadin-popover-overlay[theme~=timespan]::part(overlay){background-color:var(--lumo-base-color);border:1px solid var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-l);box-shadow:var(--lumo-box-shadow-m)}.timespan-popover{display:flex;flex-direction:column;gap:var(--lumo-space-m);padding:var(--lumo-space-m);width:550px;max-width:calc(100vw - 2 * var(--lumo-space-m));box-sizing:border-box}.timespan-popover__header{display:flex;align-items:center;justify-content:space-between;gap:var(--lumo-space-s)}.timespan-popover__heading{margin:0;font-size:var(--lumo-font-size-l);font-weight:600;color:var(--lumo-header-text-color)}.timespan-popover__section{display:flex;flex-direction:column;gap:var(--lumo-space-xs)}.timespan-popover__caption{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color)}.timespan-popover__chips{display:flex;flex-wrap:wrap;gap:var(--lumo-space-xs)}.timespan-popover__chip{margin:0;border-radius:var(--lumo-border-radius-l)}.timespan-popover__chip:not(.timespan-popover__chip--selected){background-color:var(--lumo-contrast-10pct)}.timespan-popover__chip--selected{font-weight:600}.timespan-popover__pickers{display:grid;grid-template-columns:repeat(auto-fit,minmax(15em,1fr));gap:var(--lumo-space-m) var(--lumo-space-s)}.timespan-popover__input{display:flex;flex-direction:column;gap:var(--lumo-space-xs);min-width:0}.timespan-popover__input-row{display:flex;flex-wrap:wrap;gap:var(--lumo-space-xs)}.timespan-popover__input-row vaadin-date-picker,.timespan-popover__input-row vaadin-time-picker{padding-top:0;padding-bottom:0;min-width:0}.timespan-popover__date{flex:3 1 8.75em}.timespan-popover__time{flex:2 1 6.25em}.timespan-popover__date::part(input-field),.timespan-popover__time::part(input-field),.timespan-popover__date>input,.timespan-popover__time>input{font-size:var(--lumo-font-size-s)}.timespan-popover__error{color:var(--lumo-error-text-color);font-size:var(--lumo-font-size-s);line-height:var(--lumo-line-height-s)}.timespan-popover__actions{display:flex;justify-content:flex-end;gap:var(--lumo-space-s)}html{--vaadin-app-layout-drawer-width: 18em}.ShiftClaim,.ManualDebit{color:var(--lumo-error-text-color, var(--lumo-error-color));font-weight:500}.Payment,.ManualCredit{color:var(--lumo-success-text-color, var(--lumo-success-color));font-weight:500}