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)}.apps-view ol{grid-template-columns:repeat(auto-fill,minmax(256px,1fr))}.apps-view li{transition:all .2s cubic-bezier(.4,0,.2,1);transition-property:background-color,box-shadow}.apps-view li:hover{background-color:var(--lumo-base-color);box-shadow:var(--lumo-box-shadow-s)}.apps-loading-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:#ffffffa6;z-index:2000}.apps-loading-spinner{width:64px;height:64px;border:6px solid var(--lumo-contrast-20pct);border-top-color:var(--lumo-primary-color);border-radius:50%;animation:appsSpin .9s linear infinite;box-sizing:border-box}@keyframes appsSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-view{display:flex;flex-direction:column;height:100%}.dashboard-view vaadin-split-layout{width:100%;height:100%}.dashboard-view vaadin-grid{height:100%}.dashboard-view .editor-layout{display:flex;flex-direction:column;width:400px}.dashboard-view .editor{flex-grow:1;padding:var(--lumo-space-l)}.dashboard-view .editor vaadin-checkbox{padding-top:var(--lumo-space-m)}.dashboard-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)}.dashboard-view .grid-wrapper{width:100%}.additional-devices-view{min-height:0}.additional-devices-heading{width:100%;padding:var(--lumo-space-m) var(--lumo-space-l);box-sizing:border-box;background:#30475f}.additional-devices-title-icon{width:2.75rem;height:2.75rem;color:var(--lumo-primary-color)}.additional-devices-title{font-size:var(--lumo-font-size-xl);font-weight:700;line-height:1.2}.additional-devices-subtitle{color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-s)}.additional-devices-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100% - 2 * var(--lumo-space-l));margin:var(--lumo-space-m) var(--lumo-space-l);padding:var(--lumo-space-m);box-sizing:border-box;border:1px solid var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-m);background:#2e3f54}.additional-devices-summary-item{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon label" "icon value";align-items:center;gap:0 var(--lumo-space-s);min-width:0;padding:0 var(--lumo-space-m);border-right:1px solid var(--lumo-contrast-10pct)}.additional-devices-summary-item:last-child{border-right:0}.additional-devices-summary-item vaadin-icon{grid-area:icon;color:var(--lumo-primary-color)}.additional-devices-summary-label{grid-area:label;color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-xs)}.additional-devices-summary-value{grid-area:value;overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.additional-device-grid-image{display:block;width:3.5rem;height:3.5rem;object-fit:contain}.additional-devices-assign{align-self:center;width:min(32rem,calc(100% - 2 * var(--lumo-space-l)));margin:var(--lumo-space-m) var(--lumo-space-l);flex:0 0 auto}@media (max-width: 768px){.additional-devices-heading{padding:var(--lumo-space-m)}.additional-devices-summary{width:calc(100% - 2 * var(--lumo-space-m));margin:var(--lumo-space-s) var(--lumo-space-m);padding:var(--lumo-space-m) var(--lumo-space-xs)}.additional-devices-summary-item{display:flex;flex-direction:column;gap:.15rem;padding:0 var(--lumo-space-xs);text-align:center}.additional-devices-summary-item vaadin-icon{width:1.35rem;height:1.35rem}.additional-devices-summary-value{width:100%;font-size:var(--lumo-font-size-xs)}.additional-devices-grid{margin:0 var(--lumo-space-s)}.additional-devices-grid::part(header-cell){display:none}.additional-devices-grid::part(body-cell){padding:.15rem;border:0}.additional-device-card{display:grid;grid-template-columns:4.5rem minmax(0,1fr) auto;align-items:center;gap:var(--lumo-space-s);width:100%;min-height:4.5rem;padding:var(--lumo-space-xs) var(--lumo-space-s);box-sizing:border-box;border:1px solid var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-m);background:var(--lumo-contrast-5pct)}.additional-device-picture{display:flex;align-items:center;justify-content:center;align-self:stretch;border-radius:var(--lumo-border-radius-s);background:var(--lumo-contrast-10pct);overflow:hidden}.additional-device-picture img{width:100%;height:100%;object-fit:contain}.additional-device-description{min-width:0}.additional-device-description h2{max-width:100%;margin:0;overflow:hidden;font-size:var(--lumo-font-size-m);line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.additional-device-description span{display:-webkit-box;overflow:hidden;color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-xxs);line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.additional-device-chevron{color:var(--lumo-secondary-text-color)}.additional-devices-assign{width:calc(100% - 2 * var(--lumo-space-m));margin:var(--lumo-space-s) var(--lumo-space-m) var(--lumo-space-m)}}@media (max-width: 430px){.additional-device-card{grid-template-columns:3.75rem minmax(0,1fr) auto}.additional-device-chevron{grid-column:3;grid-row:1 / span 2}.additional-device-picture{grid-row:1 / span 2}}html{--lumo-border-radius-s: calc(var(--lumo-size-m) / 6);--lumo-border-radius-m: calc(var(--lumo-size-m) / 2);--lumo-border-radius-l: var(--lumo-size-m)}.overflow-visible::part(container){overflow:visible}.tile-background{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;padding:8px;padding-bottom:2.75rem;box-sizing:border-box;z-index:0}.tile-title{position:absolute;bottom:0;left:0;width:100%;padding:.5rem;color:#fff;font-weight:700;font-size:1.2rem;z-index:2;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.55) 60%,transparent 100%);text-shadow:0 1px 3px rgba(0,0,0,.9);white-space:normal;overflow-wrap:anywhere;line-height:1.15;box-sizing:border-box}.tile-login-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:1;color:#fff;background-color:#00000080;border-radius:999px;padding:8px;width:64px;height:64px;pointer-events:none;z-index:3;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.grid{margin:10px;padding-left:0;padding-right:0}.grid-sizer{width:25px}.gutter-sizer{width:10px}.grid-item{position:relative;margin-bottom:10px;background:#0078d7;color:#fff;font-weight:700;border-radius:6px;overflow:hidden;padding:10px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,box-shadow .3s ease}@media (min-width: 768px){.grid{padding-left:5px;padding-right:5px}.tile-m{width:170px;height:170px}.grid-sizer{width:25px}.gutter-sizer{width:5px}.grid-item:hover{transform:scale(1.05) translateY(-3px);box-shadow:0 8px 20px #0006;cursor:pointer}}@media (max-width: 767px){.grid-sizer{width:25%}.gutter-sizer{width:0}.grid-item{height:0}.tile-m{width:49%;padding-top:49%}vaadin-menu-bar-overlay::part(overlay){padding-bottom:3rem}}.tile-disabled{position:relative}.tile-disabled:after{content:"";position:absolute;inset:0;background:#00000059;pointer-events:none;z-index:2}.tile-disabled .tile-title,.tile-disabled .tile-background{filter:grayscale(100%)}.tile-login-required{cursor:pointer}.mainBackground{background-image:url(/icons/background3.webp);background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (max-width: 767px){.mainBackground{background-size:cover;background-position:65% center}}.landing-page{display:flex;flex-direction:column;align-items:center;height:100vh;overflow:hidden;padding-top:20px;box-sizing:border-box;text-align:center;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif}.landing-image{max-width:40vw;max-height:20vh;height:auto;border-radius:12px;box-shadow:0 6px 20px #00000040}.landing-title{font-size:5vw}.landing-description{display:none}@media (min-width: 768px){.landing-page{color:#fff;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;padding:20px;margin:0;text-align:center}.landing-image{max-width:220px;margin-top:40px;border-radius:12px;box-shadow:0 6px 20px #00000040}.landing-title{font-size:2.5rem;margin-top:30px;margin-bottom:15px;font-weight:600}.landing-description{font-size:1.2rem;margin-bottom:25px;max-width:750px;line-height:1.1;display:block}.landing-top{border-radius:30px;max-width:60%;opacity:.9;background-color:#2e3f54}}.landing-top{border-radius:30px;opacity:.9;background-color:#2e3f54}.faq{opacity:.9;background-color:#2e3f54;padding:30px}.landing-link{display:inline-block;padding:12px 28px;background:#fff;color:#1976d2;font-weight:700;border-radius:30px;text-decoration:none;transition:all .3s ease-in-out;box-shadow:0 4px 12px #0003}.landing-link:hover{background:#e3f2fd;color:#0d47a1;transform:scale(1.05)}.generate-page{padding:30px;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif}.generate-title{color:#1976d2;font-weight:600;margin-bottom:20px;text-align:center}.generate-input-row{display:flex;gap:10px;width:100%;max-width:700px}.inventory-number-actions{display:flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto}.inventory-scan-button{flex:0 0 auto;border-radius:50%;color:var(--lumo-primary-contrast-color)}.generate-input{flex:1;min-width:200px}.generate-inventory-group{display:flex;align-items:center;gap:6px;flex:1 1 260px;min-width:220px}.generate-inventory-part{text-align:center}.inventory-number-layout .generate-inventory-part{color:#fff;--vaadin-input-field-background: transparent;--vaadin-input-field-value-color: #ffffff;--vaadin-input-field-value-font-weight: 700;--vaadin-input-field-placeholder-color: #9ca3af}.inventory-number-layout .generate-inventory-part::part(input-field){border:2px solid var(--lumo-primary-color);box-shadow:0 2px 8px var(--lumo-primary-color-50pct)}.inventory-number-layout .generate-inventory-part:focus-within::part(input-field){border-color:var(--lumo-primary-color);box-shadow:0 0 0 3px var(--lumo-primary-color-50pct)}.generate-inventory-country{width:70px;text-transform:uppercase}.generate-inventory-mid{width:80px}.generate-inventory-long{width:90px}.generate-inventory-separator{color:var(--lumo-secondary-text-color);font-weight:600}.required-field-wrapper{position:relative;display:inline-flex}.required-asterisk{position:absolute;top:2px;right:4px;color:#d32f2f;font-size:1rem;font-weight:700;line-height:1;pointer-events:none;z-index:1}.generate-inventory-part[invalid]::part(input-field){border:2px solid #d32f2f;background-color:#d32f2f14;box-shadow:0 0 0 3px #d32f2f40}.generate-inventory-part[invalid]::part(input-field):focus-within{box-shadow:0 0 0 3px #d32f2f73}.generate-inventory-part[invalid]::part(label){color:#d32f2f}.generate-inventory-part[invalid]::part(error-message){color:#d32f2f;font-weight:600}.inventory-number-layout .generate-inventory-part[invalid]::part(input-field){background-color:transparent}.qr-scanner-content{display:flex;flex-direction:column;gap:var(--lumo-space-m)}.qr-scanner-preview{position:relative;width:100%;aspect-ratio:3 / 4;max-height:min(65vh,520px);overflow:hidden;border-radius:var(--lumo-border-radius-l);background:#0f172a}.qr-scanner-preview video{display:block;width:100%;height:100%;object-fit:cover}.qr-scanner-guide{position:absolute;top:50%;left:50%;width:min(68%,260px);aspect-ratio:1;transform:translate(-50%,-50%);border:3px solid rgba(255,255,255,.95);border-radius:18px;box-shadow:0 0 0 999px #0f172a61;pointer-events:none}.qr-scanner-status{color:var(--lumo-secondary-text-color);text-align:center;line-height:1.4}.qr-scanner-status-error{color:var(--lumo-error-text-color);font-weight:600}@media (max-width: 767px){.generate-inventory-group{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:8px;row-gap:10px;flex:0 0 auto;width:100%;max-width:360px;min-width:0}.generate-inventory-group>.required-field-wrapper{display:flex;width:100%;min-width:0}.generate-inventory-group .generate-inventory-part{width:100%;min-width:0}.generate-inventory-group>.generate-inventory-separator:nth-child(4){display:none}.generate-input-row{flex-direction:column;align-items:center;gap:12px}}@media (max-width: 767px){.landing-page.app-content{height:100%!important;min-height:0;gap:.5rem;gap:clamp(.375rem,1.2dvh,.625rem);padding:.5rem .75rem calc(4rem + env(safe-area-inset-bottom,0px));padding-top:clamp(.375rem,1.2dvh,.75rem);overflow-y:auto;overscroll-behavior-y:contain}.landing-page>:not(.landing-spacer){flex-shrink:0!important}.landing-page .landing-spacer{display:block;width:100%;min-height:0;flex:1 1 0}.landing-page .landing-image{width:clamp(4.5rem,24vw,6rem);max-width:none;max-height:none;margin:0}.landing-page .landing-top{width:100%;gap:0;padding:.375rem .75rem;box-sizing:border-box}.landing-page .landing-title{margin:0;font-size:clamp(1rem,5vw,1.25rem);line-height:1.15;font-weight:600}.landing-page .landing-link{display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;padding:.5rem 1.25rem;box-sizing:border-box;line-height:1.25}.landing-page .generate-input-row{gap:.5rem;flex:0 0 auto}.landing-page .inventory-number-actions{gap:.5rem}.landing-page .inventory-number-layout .generate-inventory-part{--vaadin-input-field-height: 2.25rem;--vaadin-input-field-value-font-size: 1rem}}@media (min-width: 320px) and (max-width: 767px){.landing-page .generate-inventory-group{grid-template-columns:minmax(3rem,2.5fr) auto minmax(0,3fr) auto minmax(0,4fr) auto minmax(0,3fr);column-gap:.25rem;row-gap:0;max-width:24rem}.landing-page .generate-inventory-group>.generate-inventory-separator:nth-child(4){display:inline}}.generate-add-btn{background-color:var(--lumo-primary-color);color:#fff;border-radius:8px;padding:8px 18px;cursor:pointer;transition:all .2s ease-in-out}.generate-add-btn:hover{background-color:#0d47a1}.generate-checkbox{align-self:center;font-size:.95rem;color:#333}.generate-result{background:#2e3e53;border-radius:8px;box-shadow:0 3px 10px #0000001a;padding:10px;max-width:700px}.bulk-import-content{width:100%}.bulk-import-text{width:100%;min-height:220px}.bulk-import-upload,.bulk-import-progress{width:100%}.bulk-import-status{color:var(--lumo-secondary-text-color);font-size:.85rem}.bulk-import-actions{width:100%}.bulk-import-instructions{color:var(--lumo-secondary-text-color);margin:0}.select-counter{width:100%;max-width:700px;align-self:center;text-align:left;font-size:.8rem;color:var(--lumo-secondary-text-color);margin-top:calc(var(--lumo-space-m) * -.5);margin-bottom:calc(var(--lumo-space-m) * -.5)}.generate-pdf-btn{margin-top:20px;background:var(--lumo-success-color);color:#fff;border-radius:8px;padding:10px 20px;transition:all .2s ease-in-out}.generate-pdf-btn:hover{background:#2e7d32}@media (max-width: 500px){.generate-checkbox{width:100%;text-align:center}}.circular-loader{border:4px solid var(--lumo-contrast-20pct);border-top:4px solid var(--lumo-primary-color);border-radius:50%;width:20px;height:20px;animation:spin .5s linear infinite;margin:auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.strabag-logo{height:40px;border-radius:12px;box-shadow:0 6px 20px #00000040;opacity:.8;vertical-align:middle}.digger-logo{height:40px;border-radius:10px;box-shadow:0 6px 20px #00000040;opacity:.8;vertical-align:middle}.app-footer{position:fixed;bottom:0;left:0;width:100%;text-align:center;padding:.5rem 0 calc(.5rem + env(safe-area-inset-bottom,0px));z-index:1000}.app-content{padding-bottom:3.3rem;box-sizing:border-box;overflow:auto}.inventoryNumber-helper-text::part(helper-text){font-size:10px;padding:0 10px}.os-chip{display:inline-block;padding:.25rem .6rem;border-radius:1rem;font-size:.8rem;font-weight:500;color:#fff;text-transform:capitalize;box-shadow:0 1px 2px #00000026;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.os-android{background-color:#3ddc8480}.os-ios{background-color:#9b59b680}.os-windows{background-color:#0078ff80}.os-linux{background-color:#ff8c0080}.os-mac-os{background-color:#c8c8c880}.os-all{background-color:#00ffc880}.os-desktop{background-color:#c8c8c880}.os-mobile{background-color:#0078ff80}.os-tablet{background-color:#ff8c0080}.pdf-viewer-container{position:relative;width:100%;height:100%;min-height:0;overflow:hidden}.pdf-loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:#ffffff61;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2}.pdf-loading-spinner{width:2.75rem;height:2.75rem;border-radius:50%;border:4px solid rgba(15,23,42,.12);border-top-color:var(--lumo-primary-color);animation:pdf-loading-spin .8s linear infinite}@keyframes pdf-loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-color-scheme: dark){.landing-link{background:#fff!important;color:#1976d2!important;box-shadow:0 4px 12px #0003!important}}@media (max-width: 767px){vcf-pdf-viewer::part(toolbar-zoom){background-color:#2e3f54f5!important;border-radius:var(--lumo-border-radius-m);box-shadow:0 14px 30px #0f172a47!important;color:#fff;--lumo-body-text-color: #ffffff;--lumo-secondary-text-color: rgba(255, 255, 255, .78);--vaadin-input-field-background: rgba(255, 255, 255, .14);--vaadin-input-field-border-width: 0;--vaadin-input-field-value-color: #ffffff;--vaadin-input-field-value-font-weight: 600}vaadin-dialog-overlay[theme~=pdf-mobile-fullscreen]::part(overlay){width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;margin:0;border-radius:0}vaadin-dialog-overlay[theme~=pdf-mobile-fullscreen]::part(content){padding:0;height:100%}}
