:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}html{height:100%}html,body{max-width:100vw;overflow-x:clip}body{min-height:100%;color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}h1{font-size:20px}h2{font-size:18px}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.app-nav-item:hover:not([aria-current=page]){background:#eceeec}.puls-grid-outer{container-type:inline-size}.puls-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;display:grid}.puls-span-2{grid-column:span 2}.puls-span-3{grid-column:span 3}@container (max-width:991px){.puls-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.puls-span-3{grid-column:span 2}}@container (max-width:655px){.puls-grid{grid-template-columns:minmax(0,1fr)}.puls-span-2,.puls-span-3{grid-column:span 1}}.login-field:focus{outline-offset:1px;border-color:#0a5f3a;outline:2px solid #0a5f3a}.login-submit:hover:not(:disabled),.login-submit:active:not(:disabled){background:#084a2d;border-color:#084a2d}.login-link:hover{text-decoration:underline}.copy-artnr-btn{font:inherit;color:inherit;cursor:copy;background:0 0;border:none;border-radius:4px;margin:-1px -3px;padding:1px 3px}.copy-artnr-btn:hover{background:#e6eeff;box-shadow:inset 0 0 0 1px #c7d2fe}.copy-artnr-toast{z-index:3;color:#fff;white-space:nowrap;background:#1a5c1a;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:600;position:absolute;top:-6px;left:8px;box-shadow:0 1px 4px #00000040}
.app-sidebar{flex-direction:column;flex-shrink:0;width:214px;padding:14px 8px 12px;display:flex}.app-content{padding:4vh 24px}.app-subtabs{flex-wrap:wrap}.app-topbar,.app-bottomnav,.app-drawer-overlay{display:none}.login-page{min-height:calc(100dvh - 6vh);margin:6vh auto 0}@media (max-width:900px){.app-sidebar{z-index:90;overscroll-behavior:contain;width:min(290px,86vw);padding-top:calc(14px + env(safe-area-inset-top));visibility:hidden;transition:transform .22s,visibility 0s linear .22s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.app-root[data-drawer=open] .app-sidebar{visibility:visible;transition:transform .22s,visibility linear;transform:none;box-shadow:0 0 40px #00000040}.app-root[data-drawer=open] .app-drawer-overlay{z-index:80;background:#00000061;display:block;position:fixed;inset:0}.app-topbar{z-index:60;padding:calc(8px + env(safe-area-inset-top)) 12px 8px;align-items:center;gap:10px;display:flex;position:sticky;top:0}.app-content{padding:16px 16px 24px}.app-subtabs{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.app-subtabs::-webkit-scrollbar{display:none}.app-subtabs>a{scroll-snap-align:start;white-space:nowrap;flex:none}}@media (max-width:640px){.app-content{padding:12px 12px calc(72px + env(safe-area-inset-bottom))}.login-page{min-height:100dvh;margin-top:0}.app-bottomnav{z-index:70;padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.app-bottomnav>a{flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:3px;min-height:56px;display:flex}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px!important}}.ui-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ui-grid{align-items:start;gap:12px;display:grid}.ui-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ui-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.ui-stack{gap:12px;display:flex}.ui-stack-row{flex-direction:row;align-items:center}.ui-stack-col{flex-direction:column;align-items:stretch}@media (max-width:900px){.ui-grid-3,.ui-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.ui-grid-2,.ui-grid-3,.ui-grid-4{grid-template-columns:minmax(0,1fr)}.ui-toolbar-collapse{flex-direction:column;align-items:stretch}.ui-toolbar-collapse>*{width:100%}.ui-stack-collapse{flex-direction:column;align-items:stretch}.ui-touch{min-height:44px}}
