.responsive-form-grid{display:grid;grid-template-columns:1fr;gap:1rem 1.5rem;align-items:start}@media(min-width: 600px){.responsive-form-grid{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 992px){.responsive-form-grid{grid-template-columns:repeat(3, 1fr)}}@media(min-width: 1400px){.responsive-form-grid{grid-template-columns:repeat(4, 1fr)}}.responsive-form-grid .form-field-full{grid-column:1/-1}.responsive-form-grid .form-field-half{grid-column:span 2}.menu-card{display:flex;flex-direction:column;width:100%;min-height:218px;padding:1.5rem;text-align:left;text-decoration:none;color:var(--ui-text);background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:1rem;box-shadow:var(--ui-shadow);transition:border-color 160ms ease,transform 160ms ease,box-shadow 160ms ease}.menu-card:is(a):hover{color:var(--ui-text);border-color:var(--ui-accent);transform:translateY(-3px);box-shadow:0 12px 28px -12px color-mix(in srgb, var(--ui-accent) 28%, transparent)}.menu-card:disabled{cursor:not-allowed;box-shadow:none}.menu-card:disabled .card-icon{color:var(--ui-muted);background:var(--ui-surface-muted)}.menu-card .card-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:1.5rem}.menu-card .card-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:.8rem;color:var(--ui-accent);background:var(--ui-accent-soft)}.menu-card .card-icon .rzi{font-size:1.65rem}.menu-card .card-arrow{color:var(--ui-accent)}.menu-card .card-arrow .rzi{font-size:1.25rem}.menu-card .card-status{border:1px solid var(--ui-border);border-radius:6px;padding:.2rem .5rem;font-size:.6875rem;font-weight:600;color:var(--ui-muted);background:var(--ui-surface-muted)}.menu-card .card-title{margin-bottom:.4rem;font-size:1.125rem;font-weight:700;line-height:1.4;letter-spacing:-0.02em}.menu-card .card-description{color:var(--ui-muted);font-size:.8125rem;line-height:1.65}@media(max-width: 640px){.menu-card{min-height:auto;padding:1.25rem}.menu-card .card-top{margin-bottom:1rem}}@media(prefers-reduced-motion: reduce){.menu-card{transition:none}.menu-card:is(a):hover{transform:none}}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.app-shell .app-header{position:sticky;top:0;z-index:100;background:var(--ui-surface);border-bottom:1px solid var(--ui-border);box-shadow:var(--ui-shadow)}.app-shell .header-inner{max-width:1440px;min-height:88px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.app-shell .brand{display:inline-flex;align-items:center;gap:.8rem;color:var(--ui-text);text-decoration:none;flex-shrink:0}.app-shell .brand-mark{display:grid;place-items:center;width:44px;height:44px;background:var(--ui-text);color:var(--ui-surface);border-radius:12px 12px 12px 3px;font-size:1.7rem;font-weight:800;border-bottom:4px solid var(--ui-accent)}.app-shell .brand-name{font-size:1.35rem;font-weight:750;letter-spacing:-0.045em;line-height:1.2}.app-shell .brand-name>span{color:var(--ui-accent)}.app-shell .brand-name small{display:block;margin-top:5px;font-size:.55rem;letter-spacing:.16em;font-weight:650;color:var(--ui-muted)}.app-shell .header-actions,.app-shell .header-control,.app-shell .user-info{display:flex;align-items:center;gap:.55rem}.app-shell .header-control{min-height:44px;padding:.65rem .8rem;border:1px solid rgba(0,0,0,0);border-radius:.65rem;background:rgba(0,0,0,0);color:var(--ui-muted);font-size:.875rem;font-weight:600;text-decoration:none;white-space:nowrap}.app-shell .header-control:hover{color:var(--ui-accent);background:var(--ui-accent-soft)}.app-shell .user-info{border-left:1px solid var(--ui-border);padding-left:1.15rem;margin-left:.5rem;font-size:.875rem;font-weight:600}.app-shell .user-info>span{max-width:14rem;overflow-wrap:anywhere}.app-shell .app-main{width:100%;max-width:1264px;margin:0 auto;padding:2.5rem 2rem 4rem;flex:1;min-width:0}.app-shell .app-footer{display:flex;justify-content:space-between;gap:1rem;width:100%;max-width:1264px;margin:0 auto;padding:1.25rem 2rem;color:var(--ui-muted);font-size:.75rem;border-top:1px solid var(--ui-border)}.app-shell .app-footer>span:first-child{font-weight:700}@media(max-width: 959px){.app-shell .header-inner{gap:1rem;padding:1rem 1.5rem}.app-shell .control-label{display:none}.app-shell .user-info>span{max-width:9rem}}@media(max-width: 639px){.app-shell .header-inner{display:grid;grid-template-columns:auto minmax(0, 1fr) auto;padding:1rem;gap:.75rem .5rem}.app-shell .brand{grid-area:1/1/2/3;gap:.6rem}.app-shell .brand-name{font-size:1.2rem}.app-shell .header-actions{display:contents}.app-shell .user-info{grid-area:2/2;min-width:0;margin-left:auto;padding-left:.5rem;gap:.25rem}.app-shell .user-info>span{min-width:0;max-width:7rem;font-size:.8rem}.app-shell .header-control{grid-row:2;padding:.6rem;width:fit-content}.app-shell .theme-toggle{grid-area:1/3}.app-shell .logout-control{grid-column:3}.app-shell .app-main{padding:1.75rem 1rem 2.5rem}.app-shell .app-footer{padding:1.25rem 1rem;flex-wrap:wrap}}.betarolas{padding:0;min-width:0;color:var(--ui-text);background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:1rem;box-shadow:var(--ui-shadow)}.betarolas .form-status{padding:1.25rem 1.25rem 0;color:var(--ui-muted)}.betarolas .form-status:empty{display:none}.betarolas .form-status .status-pill{display:inline-flex;align-items:center;gap:.65rem}.betarolas .form-sections{display:grid;gap:1.75rem;padding:1.5rem 1.25rem}.betarolas .form-section{min-width:0;margin:0;padding:0;border:0}.betarolas .form-section legend{float:left;display:flex;align-items:center;gap:.75rem;width:100%;margin:0 0 1.25rem;padding:0;color:var(--ui-text);font-size:1.0625rem;font-weight:650;line-height:1.4}.betarolas .form-section:disabled .rz-textbox,.betarolas .form-section:disabled .rz-dropdown,.betarolas .form-section:disabled .rz-numeric{background:var(--ui-surface-muted);opacity:.7}.betarolas .section-number{display:inline-grid;place-items:center;flex:0 0 2rem;height:2rem;border-radius:.625rem;color:var(--ui-accent);background:var(--ui-accent-soft);font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums}.betarolas .form-section+.form-section{padding-top:1.5rem;border-top:1px solid var(--ui-border)}.betarolas .fields-grid{clear:both;display:grid;grid-template-columns:minmax(0, 1fr);gap:1.125rem 1.25rem}.betarolas .storage-field{display:flex;flex-direction:column;gap:.5rem;min-width:0}.betarolas .storage-field label{color:var(--ui-text);font-size:.875rem;font-weight:600;line-height:1.5}.betarolas .storage-field .rz-textbox,.betarolas .storage-field .rz-dropdown,.betarolas .storage-field .rz-numeric{width:100%;min-width:0;min-height:46px;border:1px solid var(--ui-border);border-radius:.625rem;color:var(--ui-text);background:var(--ui-surface);font-size:1rem}.betarolas .storage-field .rz-numeric-input{min-height:44px;color:var(--ui-text);background:rgba(0,0,0,0);font-size:1rem}.betarolas .storage-field .rz-dropdown-label{max-width:100%;color:var(--ui-text)}.betarolas .storage-field .rz-placeholder{color:var(--ui-muted)}.betarolas .storage-field .rz-dropdown-trigger,.betarolas .storage-field .rz-dropdown-clear-icon{color:var(--ui-muted)}.betarolas .storage-field .rz-textbox:focus-visible,.betarolas .storage-field .rz-dropdown:focus-visible,.betarolas .storage-field .rz-numeric:focus-within{outline:2px solid var(--ui-accent);outline-offset:3px}.betarolas .form-actions{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;border-top:1px solid var(--ui-border);border-radius:0 0 1rem 1rem;background:var(--ui-surface-muted)}.betarolas .form-actions .rz-button{min-height:48px;padding:.75rem 1.25rem;border-radius:.625rem;font-weight:600;text-transform:none;letter-spacing:normal}.betarolas .form-actions .rz-button-text{white-space:normal}.betarolas .form-actions .save-action{color:var(--ui-surface);background:var(--ui-accent);border:1px solid var(--ui-accent);box-shadow:var(--ui-shadow)}.betarolas .form-actions .rz-button.reset-action{color:var(--ui-text);background:rgba(0,0,0,0);border:1px solid var(--ui-border);box-shadow:none}.betarolas .form-actions .rz-button:not(.rz-state-disabled):hover{filter:brightness(0.95)}@media(min-width: 640px){.betarolas .form-sections{padding:2rem}.betarolas .form-status{padding:1.5rem 2rem 0}.betarolas .fields-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}.betarolas .field-wide{grid-column:1/-1}.betarolas .form-actions{flex-direction:row;align-items:center;justify-content:space-between;padding:1.25rem 2rem}}@media(min-width: 960px){.betarolas .material-grid,.betarolas .quantity-grid{grid-template-columns:repeat(3, minmax(0, 1fr))}}.anyag-lekerdezes{padding:0;min-width:0;color:var(--ui-text);background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:1rem;box-shadow:var(--ui-shadow)}.anyag-lekerdezes .form-status{padding:1.25rem 1.25rem 0;color:var(--ui-muted)}.anyag-lekerdezes .form-status:empty{display:none}.anyag-lekerdezes .form-status .status-pill{display:inline-flex;align-items:center;gap:.65rem}.anyag-lekerdezes .form-sections{display:grid;gap:1.75rem;padding:1.5rem 1.25rem}.anyag-lekerdezes .form-section{min-width:0;margin:0;padding:0;border:0}.anyag-lekerdezes .form-section legend{float:left;display:flex;align-items:center;gap:.75rem;width:100%;margin:0 0 1.25rem;padding:0;color:var(--ui-text);font-size:1.0625rem;font-weight:650;line-height:1.4}.anyag-lekerdezes .form-section:disabled .rz-textbox,.anyag-lekerdezes .form-section:disabled .rz-dropdown{background:var(--ui-surface-muted);opacity:.7}.anyag-lekerdezes .section-number{display:inline-grid;place-items:center;flex:0 0 2rem;height:2rem;border-radius:.625rem;color:var(--ui-accent);background:var(--ui-accent-soft);font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums}.anyag-lekerdezes .form-section+.form-section{padding-top:1.5rem;border-top:1px solid var(--ui-border)}.anyag-lekerdezes .fields-grid{clear:both;display:grid;grid-template-columns:minmax(0, 1fr);gap:1.125rem 1.25rem}.anyag-lekerdezes .storage-field{display:flex;flex-direction:column;gap:.5rem;min-width:0}.anyag-lekerdezes .storage-field label{color:var(--ui-text);font-size:.875rem;font-weight:600;line-height:1.5}.anyag-lekerdezes .storage-field .rz-textbox,.anyag-lekerdezes .storage-field .rz-dropdown{width:100%;min-width:0;min-height:46px;border:1px solid var(--ui-border);border-radius:.625rem;color:var(--ui-text);background:var(--ui-surface);font-size:1rem}.anyag-lekerdezes .storage-field .rz-dropdown-label{max-width:100%;color:var(--ui-text)}.anyag-lekerdezes .storage-field .rz-placeholder{color:var(--ui-muted)}.anyag-lekerdezes .storage-field .rz-dropdown-trigger,.anyag-lekerdezes .storage-field .rz-dropdown-clear-icon{color:var(--ui-muted)}.anyag-lekerdezes .storage-field .rz-textbox:focus-visible,.anyag-lekerdezes .storage-field .rz-dropdown:focus-visible{outline:2px solid var(--ui-accent);outline-offset:3px}.anyag-lekerdezes .search-field .rz-button{min-height:48px;padding:.75rem 1.25rem;border-radius:.625rem;color:var(--ui-surface);background:var(--ui-accent);border:1px solid var(--ui-accent);box-shadow:var(--ui-shadow);font-weight:600;text-transform:none;letter-spacing:normal}.anyag-lekerdezes .search-field .rz-button:not(.rz-state-disabled):hover{filter:brightness(0.95)}.anyag-lekerdezes .result-grid{clear:both;display:grid;grid-template-columns:minmax(0, 1fr);gap:1px;margin:0;overflow:hidden;border:1px solid var(--ui-border);border-radius:.75rem;background:var(--ui-border)}.anyag-lekerdezes .result-row{display:grid;grid-template-columns:minmax(0, 1fr);gap:.75rem;margin:0;padding:.75rem 1rem;background:var(--ui-surface)}.anyag-lekerdezes .result-row dt{color:var(--ui-muted);font-size:.875rem;font-weight:600}.anyag-lekerdezes .result-row dd{margin:0;color:var(--ui-text);font-size:1rem;font-weight:500;word-break:break-word}.anyag-lekerdezes .result-hint{clear:both;margin:0;color:var(--ui-muted)}@media(min-width: 640px){.anyag-lekerdezes .form-sections{padding:2rem}.anyag-lekerdezes .form-status{padding:1.5rem 2rem 0}.anyag-lekerdezes .fields-grid{grid-template-columns:repeat(3, minmax(0, 1fr))}.anyag-lekerdezes .result-row{grid-template-columns:minmax(0, 14rem) minmax(0, 1fr)}}.segedanyag-rendeles,.segedanyag-atvetel{padding:0;color:var(--ui-text);background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:1rem;box-shadow:var(--ui-shadow)}.segedanyag-rendeles .form-sections,.segedanyag-atvetel .form-sections{display:grid;gap:1.5rem;padding:1.5rem 1.25rem}.segedanyag-rendeles .form-section,.segedanyag-atvetel .form-section{min-width:0;margin:0;padding:0;border:0}.segedanyag-rendeles .form-section legend,.segedanyag-atvetel .form-section legend{float:left;width:100%;margin:0 0 1rem;color:var(--ui-text);font-size:1.05rem;font-weight:650}.segedanyag-rendeles .fields-grid,.segedanyag-atvetel .fields-grid{clear:both;display:grid;grid-template-columns:minmax(0, 1fr);gap:1rem 1.25rem}.segedanyag-rendeles .storage-field,.segedanyag-atvetel .storage-field{display:flex;flex-direction:column;gap:.45rem;min-width:0}.segedanyag-rendeles .storage-field label,.segedanyag-atvetel .storage-field label{font-weight:600}.segedanyag-rendeles .storage-field .rz-textbox,.segedanyag-rendeles .storage-field .rz-dropdown,.segedanyag-rendeles .storage-field .rz-numeric,.segedanyag-rendeles .storage-field .rz-datepicker,.segedanyag-rendeles .storage-field .rz-textarea,.segedanyag-atvetel .storage-field .rz-textbox,.segedanyag-atvetel .storage-field .rz-dropdown,.segedanyag-atvetel .storage-field .rz-numeric,.segedanyag-atvetel .storage-field .rz-datepicker,.segedanyag-atvetel .storage-field .rz-textarea{width:100%;min-height:44px}.segedanyag-rendeles .input-action-row,.segedanyag-atvetel .input-action-row{display:flex;gap:.5rem;align-items:stretch}.segedanyag-rendeles .input-action-row .rz-textbox,.segedanyag-atvetel .input-action-row .rz-textbox{flex:1}.segedanyag-rendeles .lookup-result,.segedanyag-atvetel .lookup-result{color:var(--ui-accent);font-weight:600}.segedanyag-rendeles .order-badge,.segedanyag-rendeles .shipment-summary,.segedanyag-atvetel .order-badge,.segedanyag-atvetel .shipment-summary{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin:0 1.25rem;padding:.8rem 1rem;border:1px solid var(--ui-border);border-radius:.75rem;color:var(--ui-text);background:var(--ui-surface-muted)}.segedanyag-rendeles .order-badge,.segedanyag-atvetel .order-badge{color:var(--ui-accent)}.segedanyag-rendeles .order-details,.segedanyag-atvetel .order-details{display:grid;gap:.5rem;margin:0 1.25rem}.segedanyag-rendeles .order-detail-row,.segedanyag-atvetel .order-detail-row{display:flex;flex-wrap:wrap;gap:.75rem 1rem;padding:.75rem;border-left:3px solid var(--ui-accent);background:var(--ui-surface-muted);font-size:.875rem}.segedanyag-rendeles .form-actions,.segedanyag-atvetel .form-actions{display:flex;justify-content:flex-end;padding:1.25rem;border-top:1px solid var(--ui-border);background:var(--ui-surface-muted)}.segedanyag-rendeles .form-actions .rz-button,.segedanyag-atvetel .form-actions .rz-button{min-height:46px;text-transform:none}@media(min-width: 640px){.segedanyag-rendeles .form-sections,.segedanyag-atvetel .form-sections{padding:2rem}.segedanyag-rendeles .fields-grid,.segedanyag-atvetel .fields-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}.segedanyag-rendeles .field-wide,.segedanyag-atvetel .field-wide{grid-column:1/-1}.segedanyag-rendeles .order-badge,.segedanyag-rendeles .shipment-summary,.segedanyag-rendeles .order-details,.segedanyag-atvetel .order-badge,.segedanyag-atvetel .shipment-summary,.segedanyag-atvetel .order-details{margin-left:2rem;margin-right:2rem}}.segedanyag-atvetel .shipment-summary{border-left:3px solid var(--ui-accent)}.pwa-install-prompt{position:fixed;right:1rem;bottom:1rem;z-index:1100;display:flex;align-items:center;gap:.75rem;max-width:min(32rem,100vw - 2rem);padding:.85rem 1rem;color:var(--ui-text);background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:.85rem;box-shadow:0 12px 32px rgba(0,0,0,.18)}.pwa-install-prompt div{display:grid;gap:.1rem}.pwa-install-prompt span{color:var(--ui-muted);font-size:.8rem}.pwa-install-button{flex:0 0 auto;min-height:40px;padding:.5rem .85rem;color:var(--ui-surface);background:var(--ui-accent);border:1px solid var(--ui-accent);border-radius:.55rem;font-weight:700}.pwa-install-close{align-self:flex-start;padding:0 .25rem;color:var(--ui-muted);background:rgba(0,0,0,0);border:0;font-size:1.25rem;line-height:1}@media(max-width: 639px){.pwa-install-prompt{right:.75rem;bottom:.75rem;left:.75rem;align-items:flex-start}}.sap-status{display:inline-flex;align-items:center;gap:.4rem;min-height:1rem;color:var(--ui-muted);font-size:.75rem;font-weight:600}.sap-status .sap-status-dot{width:.65rem;height:.65rem;border-radius:50%;background:var(--ui-muted)}.sap-status .sap-status-dot.sap-status-ok{background:#2e9e5b;box-shadow:0 0 0 3px color-mix(in srgb, #2e9e5b 25%, transparent)}.sap-status .sap-status-dot.sap-status-nemelero{background:#d13438;box-shadow:0 0 0 3px color-mix(in srgb, #d13438 20%, transparent)}.barcode-scan-trigger{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;min-width:44px;padding:.55rem .75rem;color:var(--ui-accent);background:var(--ui-accent-soft);border:1px solid var(--ui-accent);border-radius:.65rem;font-weight:700;cursor:pointer}.barcode-scan-trigger:hover:not(:disabled){color:var(--ui-surface);background:var(--ui-accent)}.barcode-scan-trigger:disabled{opacity:.55;cursor:not-allowed}.barcode-scan-trigger-label{white-space:nowrap}.barcode-scanner-overlay{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:1rem;background:rgba(0,0,0,.72);backdrop-filter:blur(2px)}.barcode-scanner-panel{display:flex;flex-direction:column;width:min(40rem,100%);max-height:calc(100dvh - 2rem);overflow:hidden;color:var(--ui-text);background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:1rem;box-shadow:0 24px 60px rgba(0,0,0,.35)}.barcode-scanner-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid var(--ui-border)}.barcode-scanner-title{font-weight:700}.barcode-scanner-close{display:grid;place-items:center;width:40px;height:40px;color:var(--ui-muted);background:rgba(0,0,0,0);border:0;border-radius:.5rem;font-size:1.5rem;line-height:1;cursor:pointer}.barcode-scanner-close:hover{color:var(--ui-text);background:var(--ui-accent-soft)}.barcode-scanner-viewport{position:relative;background:#000;aspect-ratio:4/3;min-height:0}.barcode-scanner-video{display:block;width:100%;height:100%;object-fit:cover}.barcode-scanner-reticle{position:absolute;inset:14% 8%;border:2px solid rgba(255,255,255,.85);border-radius:.75rem;box-shadow:0 0 0 100vmax rgba(0,0,0,.28)}.barcode-scanner-reticle::after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:var(--ui-accent);opacity:.9;animation:barcode-scan-line 2.2s ease-in-out infinite alternate}@keyframes barcode-scan-line{from{transform:translateY(-40px)}to{transform:translateY(40px)}}.barcode-scanner-message{position:absolute;inset:auto 1rem 1rem;padding:.75rem .9rem;color:#fff;background:rgba(0,0,0,.7);border-radius:.6rem;font-size:.9rem;text-align:center}.barcode-scanner-message-error{background:rgba(160,30,30,.88)}.barcode-scanner-message-done{display:grid;gap:.15rem}.barcode-scanner-message-done strong{font-size:1.1rem;overflow-wrap:anywhere}.barcode-scanner-message-done span{opacity:.85;font-size:.8rem}.barcode-scanner-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-top:1px solid var(--ui-border)}.barcode-scanner-engine{color:var(--ui-muted);font-size:.75rem}.barcode-scanner-buttons{display:flex;gap:.5rem}.barcode-scanner-button{min-height:40px;padding:.5rem .9rem;color:var(--ui-text);background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:.55rem;font-weight:600;cursor:pointer}.barcode-scanner-button:hover{border-color:var(--ui-accent);color:var(--ui-accent)}.barcode-scanner-button-primary{color:var(--ui-surface);background:var(--ui-accent);border-color:var(--ui-accent)}.barcode-scanner-button-primary:hover{color:var(--ui-surface);filter:brightness(1.05)}.barcode-demo .input-action-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:stretch;margin:1rem 0}.barcode-demo .input-action-row .rz-textbox{flex:1;min-width:12rem}.barcode-demo .barcode-demo-result{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.8rem 1rem;border-left:3px solid var(--ui-accent);background:var(--ui-surface-muted);border-radius:.5rem}.barcode-demo .barcode-demo-result code{font-size:1rem;font-weight:700}.barcode-demo .barcode-demo-result span{color:var(--ui-muted);font-size:.8rem}.barcode-demo .barcode-demo-history{margin-top:1.5rem}.barcode-demo .barcode-demo-history h2{font-size:1rem}.barcode-demo .barcode-demo-history ul{margin:.5rem 0 0;padding:0;list-style:none;display:grid;gap:.35rem}.barcode-demo .barcode-demo-history li{display:flex;justify-content:space-between;gap:1rem;padding:.5rem .75rem;border:1px solid var(--ui-border);border-radius:.5rem}.barcode-demo .barcode-demo-history li span{color:var(--ui-muted);font-size:.8rem}@media(max-width: 639px){.barcode-scanner-overlay{padding:0}.barcode-scanner-panel{width:100%;height:100dvh;max-height:none;border:0;border-radius:0}.barcode-scanner-viewport{flex:1;aspect-ratio:auto}}.lookup-category{display:block;margin-top:.35rem;color:var(--accent, #147d92);font-size:.8rem;font-weight:600}.validation-message{margin-top:.35rem;color:#d13438;font-size:.8125rem;font-weight:600;line-height:1.4}