header nav a:any-link{text-decoration:none;padding:0 var(--lumo-space-s);border-radius:var(--lumo-border-radius-m);outline:0}header nav a:hover{color:var(--lumo-header-text-color)}header nav a:active{background-color:var(--lumo-contrast-5pct)}header nav a:focus-visible{box-shadow:0 0 0 2px var(--lumo-primary-color-50pct)}header nav a[highlight] vaadin-icon{color:var(--lumo-primary-text-color)}header nav a[highlight]{background-color:var(--lumo-primary-color-10pct)}.orders-view .filter-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:end;gap:0 var(--lumo-space-l)}.orders-view .filter-layout .double-width{grid-column-end:span 2}.orders-view .filter-layout .actions{display:flex;justify-content:flex-end;align-items:flex-end;grid-column-end:-1}.orders-view .filter-layout vaadin-date-picker{--vaadin-field-default-width: 6em;width:100%}.orders-view .filter-layout vaadin-combo-box{--vaadin-field-default-width: auto}.orders-view .mobile-filters{display:none;position:relative}.orders-view .mobile-filters span{font-size:var(--lumo-font-size-m);font-weight:500}@media screen and (max-width: 800px){.orders-view .filter-layout{display:none;gap:var(--lumo-space-m);padding-left:var(--lumo-space-m);padding-right:var(--lumo-space-m)}.orders-view .filter-layout.visible{display:grid;padding-top:0;grid-template-columns:1fr 1fr}.orders-view .filter-layout>*{grid-column-end:span 2}.orders-view .mobile-filters{display:flex;cursor:pointer;color:var(--lumo-secondary-text-color)}.orders-view .mobile-filters:hover:before{content:"";inset:0;position:absolute;opacity:.02;background-color:currentcolor}.orders-view .mobile-filters:hover{color:var(--lumo-body-text-color)}}.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%}.slabsubmit-container{background-color:#e1e7f6;padding:20px;border-radius:10px}.progress-bar{justify-content:space-evenly;margin-bottom:20px;max-width:100%;overflow-x:auto;white-space:nowrap}.progress-step{display:flex;align-items:center;padding:10px}.step-icon{margin-right:8px}.completed .icon{color:green}.pending .icon{color:gray}.cart-submission{display:flex;align-items:center;background-color:#fff;padding:15px;border-radius:10px;box-shadow:0 0 10px #0000001a;margin-bottom:20px;width:80%;justify-content:space-between}.cart-item-title{font-weight:700;font-size:18px;margin-left:10px}.cart-price{font-weight:700;font-size:20px;color:#4caf50}.order-summary{background-color:#fff;padding:15px;border-radius:10px;box-shadow:0 0 10px #0000001a;margin-bottom:20px;width:80%}.shipping-options{margin-top:10px}.action-buttons{display:flex;justify-content:center;width:100%;margin-top:20px}.cancel,.back,.next{font-size:16px;padding:10px 20px;cursor:pointer;border-radius:5px;border:none}.cancel{background-color:#e53935;color:#fff}.back{background-color:#ffb300;color:#fff}.next{background-color:#4caf50;color:#fff}.cancel:hover,.back:hover,.next:hover{opacity:.8}.image-container{position:relative;display:flex;justify-content:center;align-items:center;width:200px;height:200px;overflow:hidden;margin:10px;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 5px #0000001a;transition:box-shadow .3s ease}.image-container:hover{box-shadow:0 4px 12px #0003}.dynamic-image{max-width:100%;max-height:100%;object-fit:cover;transition:transform .2s ease}.dynamic-image:hover{transform:scale(1.05);cursor:pointer}.delete-image-button{position:absolute;top:5px;right:5px;font-size:18px;cursor:pointer}.email-preview-container{padding:10px;border:1px solid #ccc;background-color:#fff;border-radius:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
