.payments-view .filter-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:end;gap:0 var(--lumo-space-l)}.payments-view .filter-layout .double-width{grid-column-end:span 2}.payments-view .filter-layout .actions{display:flex;justify-content:flex-end;align-items:flex-end;grid-column-end:-1}.payments-view .filter-layout vaadin-date-picker{--vaadin-field-default-width: 6em;width:100%}.payments-view .filter-layout vaadin-combo-box{--vaadin-field-default-width: auto}.payments-view .mobile-filters{display:none;position:relative}.payments-view .mobile-filters span{font-size:var(--lumo-font-size-m);font-weight:500}@media screen and (max-width: 800px){.payments-view .filter-layout{display:none;gap:var(--lumo-space-m);padding-left:var(--lumo-space-m);padding-right:var(--lumo-space-m)}.payments-view .filter-layout.visible{display:grid;padding-top:0;grid-template-columns:1fr 1fr}.payments-view .filter-layout>*{grid-column-end:span 2}.payments-view .mobile-filters{display:flex;cursor:pointer;color:var(--lumo-secondary-text-color)}.payments-view .mobile-filters:hover:before{content:"";inset:0;position:absolute;opacity:.02;background-color:currentcolor}.payments-view .mobile-filters:hover{color:var(--lumo-body-text-color)}}.client-view{display:flex;flex-direction:column;height:100%}.client-view vaadin-split-layout{width:100%;height:100%}.client-view vaadin-grid{height:100%}.client-view .editor-layout{display:flex;flex-direction:column;width:400px}.client-view .editor{flex-grow:1;padding:var(--lumo-space-l)}.client-view .editor vaadin-checkbox{padding-top:var(--lumo-space-m)}.client-view .button-layout{width:100%;flex-wrap:wrap;background-color:var(--lumo-contrast-5pct);padding-bottom:var(--lumo-space-s);padding-top:var(--lumo-space-s);padding-left:var(--lumo-space-l);padding-right:var(--lumo-space-l);gap:var(--lumo-space-m)}.client-view .grid-wrapper{width:100%}.account-view{display:flex;flex-direction:column;height:100%}.account-view vaadin-split-layout{width:100%;height:100%}.account-view vaadin-grid{height:100%}.account-view .editor-layout{display:flex;flex-direction:column;width:400px}.account-view .editor{flex-grow:1;padding:var(--lumo-space-l)}.account-view .editor vaadin-checkbox{padding-top:var(--lumo-space-m)}.account-view .button-layout{width:100%;flex-wrap:wrap;background-color:var(--lumo-contrast-5pct);padding-bottom:var(--lumo-space-s);padding-top:var(--lumo-space-s);padding-left:var(--lumo-space-l);padding-right:var(--lumo-space-l);gap:var(--lumo-space-m)}.account-view .grid-wrapper{width:100%}.master-detail-view{display:flex;flex-direction:column;height:100%}.master-detail-view vaadin-split-layout{width:100%;height:100%}.master-detail-view vaadin-grid{height:100%}.master-detail-view .editor-layout{display:flex;flex-direction:column;width:400px}.master-detail-view .editor{flex-grow:1;padding:var(--lumo-space-l)}.master-detail-view .editor vaadin-checkbox{padding-top:var(--lumo-space-m)}.master-detail-view .button-layout{width:100%;flex-wrap:wrap;background-color:var(--lumo-contrast-5pct);padding-bottom:var(--lumo-space-s);padding-top:var(--lumo-space-s);padding-left:var(--lumo-space-l);padding-right:var(--lumo-space-l);gap:var(--lumo-space-m)}.master-detail-view .grid-wrapper{width:100%}.master-detail2-view{display:flex;flex-direction:column;height:100%}.master-detail2-view vaadin-split-layout{width:100%;height:100%}.master-detail2-view vaadin-grid{height:100%}.master-detail2-view .editor-layout{display:flex;flex-direction:column;width:400px}.master-detail2-view .editor{flex-grow:1;padding:var(--lumo-space-l)}.master-detail2-view .editor vaadin-checkbox{padding-top:var(--lumo-space-m)}.master-detail2-view .button-layout{width:100%;flex-wrap:wrap;background-color:var(--lumo-contrast-5pct);padding-bottom:var(--lumo-space-s);padding-top:var(--lumo-space-s);padding-left:var(--lumo-space-l);padding-right:var(--lumo-space-l);gap:var(--lumo-space-m)}.master-detail2-view .grid-wrapper{width:100%}.payment-view{display:flex;flex-direction:column;height:100%}.payment-view vaadin-split-layout{width:100%;height:100%}.payment-view vaadin-grid{height:100%}.payment-view .editor-layout{display:flex;flex-direction:column;width:400px}.payment-view .editor{flex-grow:1;padding:var(--lumo-space-l)}.payment-view .editor vaadin-checkbox{padding-top:var(--lumo-space-m)}.payment-view .button-layout{width:100%;flex-wrap:wrap;background-color:var(--lumo-contrast-5pct);padding-bottom:var(--lumo-space-s);padding-top:var(--lumo-space-s);padding-left:var(--lumo-space-l);padding-right:var(--lumo-space-l);gap:var(--lumo-space-m)}.payment-view .grid-wrapper{width:100%}