@import "https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Barlow+Condensed:wght@600;700;800&display=swap";@layer components,utilities;@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}.login-view{box-sizing:border-box;background-color:#f5f6f8;justify-content:center;align-items:center;min-height:100vh;padding:32px 16px;font-family:Barlow,system-ui,sans-serif;display:flex}.login-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;max-width:420px;padding:40px 48px;box-shadow:0 4px 24px #00000012}@media (width<=600px){.login-view{align-items:flex-start;padding:20px 12px}.login-card{border-radius:10px;padding:28px 20px}}.login-header{text-align:center;margin-bottom:32px}.login-logo-bar{background:#f5741b;border-radius:3px;width:48px;height:5px;margin-bottom:20px;display:inline-block}.login-title{text-transform:uppercase;letter-spacing:.02em;color:#101828;margin:0 0 6px;font-family:Barlow Condensed,sans-serif;font-size:26px;font-weight:700;line-height:1.25}.login-subtitle{color:#6b7280;margin:0;font-size:14px}.login-footer{text-align:center;color:#6b7280;margin-top:20px;font-size:14px}.login-footer a{color:#d45e0b;font-weight:500;text-decoration:none}.login-footer a:hover{text-decoration:underline}vaadin-login-form{width:100%}vaadin-login-form-wrapper{box-shadow:none;background:0 0;border:none;padding:0}.login-back{margin-top:12px}.login-footer .login-back a{color:#6b7280;font-weight:400}html,body{height:100%;margin:0;padding:0;overflow:hidden}.layout-root{background:#f5f6f8;height:100vh;font-family:Barlow,system-ui,sans-serif;display:flex;overflow:hidden}.layout-sidebar{background:#101828;border-right:1px solid #101828;flex-direction:column;flex-shrink:0;width:256px;min-width:256px;transition:width .2s ease-in-out,min-width .2s ease-in-out;display:flex;overflow:hidden}.layout-sidebar.sidebar--collapsed{width:0;min-width:0}.sidebar-brand{border-bottom:1px solid #ffffff14;flex-shrink:0;padding:20px 20px 16px}.sidebar-brand-name{letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:8px;display:flex;color:#fff!important;margin:0!important;font-family:Barlow Condensed,sans-serif!important;font-size:19px!important;font-weight:700!important}.sidebar-brand-name:before{content:"";background:#f5741b;border-radius:5px;flex-shrink:0;width:20px;height:20px;display:inline-block}.sidebar-nav{flex:1;padding:12px 0;overflow-y:auto}.nav-section-label{letter-spacing:.1em;text-transform:uppercase;color:#64748b;white-space:nowrap;padding:14px 20px 6px;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:700}.nav-item{color:#cbd5e1;white-space:nowrap;box-sizing:border-box;border-radius:6px;align-items:center;gap:10px;width:calc(100% - 20px);margin:0 10px;padding:9px 20px;font-size:14px;font-weight:500;transition:background .12s,color .12s;display:flex;text-decoration:none!important}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item[highlight]{color:#fff;background:#f5741b;font-weight:700}.nav-item[highlight] vaadin-icon{color:#fff}.nav-item vaadin-icon{color:#94a3b8;flex-shrink:0;width:16px;height:16px}.nav-badge{color:#fff;background-color:#f5741b;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.7rem;font-weight:700;line-height:1;display:inline-flex}.nav-item[highlight] .nav-badge{color:#f5741b;background-color:#fff}.layout-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.layout-topbar{background:#fff;border-bottom:2px solid #101828;flex-shrink:0;align-items:center;gap:12px;height:60px;min-height:60px;padding:0 20px;display:flex}.topbar-toggle{cursor:pointer;box-shadow:none!important;color:#6b7280!important;background:0 0!important;border:none!important;min-width:0!important;padding:4px!important}.topbar-toggle:hover{color:#111827!important;background:#f3f4f6!important}.topbar-title{text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden;color:#101828!important;margin:0!important;font-family:Barlow Condensed,sans-serif!important;font-size:22px!important;font-weight:700!important}.topbar-user{align-items:center;gap:10px;margin-left:auto;display:flex}.topbar-logout{color:#6b7280!important;box-shadow:none!important;background:0 0!important;border:1px solid #e5e7eb!important;font-size:13px!important}.topbar-logout:hover{color:#ef4444!important;background:#fef2f2!important;border-color:#ef4444!important}vaadin-button{margin-bottom:8px;padding:0 16px}vaadin-button::part(label){padding:0 5px}vaadin-button[theme~=small]{padding:0 12px}vaadin-tab{min-width:80px;padding:0 20px}vaadin-form-layout{--vaadin-form-layout-column-spacing:1.5rem}vaadin-form-item{margin-bottom:12px}vaadin-text-field,vaadin-password-field,vaadin-text-area,vaadin-select,vaadin-combo-box,vaadin-integer-field,vaadin-email-field,vaadin-date-picker{margin-bottom:8px}vaadin-login-form-wrapper{--lumo-space-m:1.2rem}vaadin-grid-cell-content{padding:10px 16px}vaadin-grid::part(header-cell){padding:0 16px}.layout-content{-webkit-overflow-scrolling:touch;flex:1;padding:24px;overflow-y:auto}.sidebar-overlay{z-index:99;background:#00000073;display:none;position:fixed;inset:0}.sidebar-overlay.visible{display:none}.sidebar-brand{justify-content:space-between;align-items:center;display:flex}.sidebar-close{cursor:pointer;flex-shrink:0;display:none;box-shadow:none!important;color:#6b7280!important;background:0 0!important;border:none!important;min-width:0!important;padding:4px!important}.sidebar-close:hover{color:#111827!important;background:#f3f4f6!important}@media (width<=768px){.layout-sidebar{z-index:100;height:100%;transition:transform .22s ease-in-out;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 16px #00000026;width:256px!important;min-width:256px!important}.layout-sidebar.sidebar--collapsed{transform:translate(-100%);width:256px!important;min-width:256px!important}.layout-sidebar.sidebar--open{transform:translate(0)}.sidebar-overlay.visible{display:block}.sidebar-close{display:inline-flex}.layout-content{padding:16px}}@media (width<=480px){.layout-content{padding:10px}.topbar-logout::part(label){display:none}}.shop-search{width:100%}.shop-search::part(input-field){box-shadow:none;background:#f5f6f8;border:1.5px solid #e4e7ec;border-radius:6px}.shop-search::part(input-field):focus-within{background:#fff;border-color:#f5741b}.shop-cart-panel{max-height:calc(100vh - 140px)}.shop-cart-liste{overflow-y:auto}.shop-cart-liste::-webkit-scrollbar{width:6px}.shop-cart-liste::-webkit-scrollbar-thumb{background:#e4e7ec;border-radius:999px}html,body{overflow-y:auto!important}html{--lumo-font-family:"Barlow", system-ui, sans-serif;--lumo-primary-color:#f5741b;--lumo-primary-color-50pct:#f5741b80;--lumo-primary-color-10pct:#f5741b1a;--lumo-primary-text-color:#d45e0b;--lumo-primary-contrast-color:#fff}:root{--color-primary:#f5741b;--color-primary-dark:#d45e0b;--color-primary-light:#fceee0;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444}.card{background:var(--lumo-base-color);border:1px solid var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-m);box-shadow:var(--lumo-box-shadow-xs);transition:box-shadow .2s ease-in-out}.card:hover{box-shadow:var(--lumo-box-shadow-s)}.badge{background-color:var(--lumo-primary-color-10pct);color:var(--lumo-primary-text-color);border-radius:9999px;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:500;display:inline-flex}.badge-warenkorb{color:#065f46;background-color:#d1fae5;border:1px solid #6ee7b7;border-radius:9999px;align-items:center;gap:4px;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-warenkorb vaadin-icon{width:12px;height:12px}.karte--im-warenkorb{border-left:3px solid #10b981!important}.dashboard-schnellzugriff{flex-wrap:wrap;gap:10px;margin-bottom:8px;display:flex}.schnellzugriff-btn{flex:auto;min-width:160px}.bestellung-karten-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;width:100%;display:grid}.bestellung-karte{flex-direction:column;gap:8px;padding:14px 16px;display:flex}.bestellung-karte-kopf{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.bestellung-nummer{color:#111827;font-size:.95rem;font-weight:600}.bestellung-karte-details{flex-wrap:wrap;gap:12px;display:flex}.bestellung-detail-item{color:#6b7280;align-items:center;gap:5px;font-size:.82rem;display:inline-flex}.bestellung-detail-item vaadin-icon{flex-shrink:0;width:13px;height:13px}.shop-karte{grid-template-columns:1fr 1fr;align-items:center;gap:12px 24px;width:100%;margin-bottom:10px;padding:14px 16px;display:grid}.shop-karte-links{flex-direction:column;gap:3px;min-width:0;display:flex}.shop-karte-name{color:#111827;font-size:.95rem;font-weight:600;line-height:1.4;display:block}.shop-karte-artnr{color:#6b7280;font-size:.82rem;display:block}.shop-karte-beschr{color:#6b7280;margin-top:4px;font-size:.82rem;line-height:1.45;display:block}.shop-karte-rechts{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.shop-karte-badges{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.shop-karte-aktionen{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:4px;display:flex}.favoriten-karten-liste{flex-direction:column;width:100%;display:flex}.warenkorb-zusammenfassung{border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:4px;padding:14px 4px 4px;display:flex}.warenkorb-zusammenfassung-links{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.warenkorb-anzahl{color:#111827;font-size:.95rem;font-weight:600}@media (width<=640px){.shop-karte{grid-template-columns:1fr}.shop-karte-rechts{align-items:flex-start}.shop-karte-badges,.shop-karte-aktionen{justify-content:flex-start}}.positions-liste{flex-direction:column;gap:8px;width:100%;display:flex}.position-karte{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.position-info{flex-direction:column;gap:2px;min-width:0;display:flex}.position-name{color:#111827;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:auto}.position-artnr{color:#6b7280;font-size:.78rem}.position-menge{color:#1d4ed8;white-space:nowrap;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;flex-shrink:0;align-items:center;padding:4px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.status-badge{white-space:nowrap;border-radius:9999px;align-items:center;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.status-neu{color:#1d4ed8;background-color:#dbeafe;border:1px solid #bfdbfe}.status-in_bearbeitung{color:#92400e;background-color:#fef3c7;border:1px solid #fde68a}.status-versendet{color:#5b21b6;background-color:#ede9fe;border:1px solid #ddd6fe}.status-abgeschlossen{color:#065f46;background-color:#d1fae5;border:1px solid #6ee7b7}.status-storniert{color:#991b1b;background-color:#fee2e2;border:1px solid #fecaca}.badge-kategorie{color:#1d4ed8;background-color:#dbeafe;border:1px solid #bfdbfe;border-radius:9999px;align-items:center;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-flex}