.auth-session{position:static;height:auto;min-height:68px;overflow:visible;flex-direction:row;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:12px 20px;background:#112d42;color:#fff}.auth-session div{display:grid;grid-gap:3px;gap:3px}.auth-session small{color:#d1e5ed}.auth-session a{color:#fff;text-decoration:underline}.auth-panel button,.auth-session button{min-height:44px;padding:10px 18px;border-radius:8px;background:#1266bd;color:white;border:0;cursor:pointer}.auth-panel{max-width:460px;margin:24px auto;padding:24px;display:grid;grid-gap:16px;gap:16px;border:1px solid #cad6df;border-radius:14px;background:white;color:#142e42}.auth-panel label{display:grid;grid-gap:6px;gap:6px}.auth-panel input,.auth-panel select{min-height:44px;padding:10px;border:1px solid #718899;border-radius:6px;max-width:100%;box-sizing:border-box}.auth-panel button:disabled{opacity:.5;cursor:not-allowed}.auth-panel [role=alert]{color:#a02323}.auth-admin{max-width:960px;margin:auto;padding:16px}.auth-admin section{padding:16px;border:1px solid #ccd6de;border-radius:10px;margin:16px 0}.auth-admin form{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.auth-admin button,.auth-admin input,.auth-admin select{min-height:44px;padding:8px;max-width:100%}.auth-permissions{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:8px;gap:8px}.auth-permissions label{overflow-wrap:anywhere}@media(max-width:480px){.auth-panel{margin:16px;padding:16px}.auth-session{padding:12px}.auth-session small{max-width:220px}.auth-admin form>*{width:100%}}.op-shell{min-width:0;width:100%;color:#163047;background:#f4f7fa;min-height:100dvh}.op-header{position:static;height:auto;min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px;background:#102c40;color:#fff;flex-wrap:wrap}.op-header a{color:#fff}.op-header small{display:block;color:#d3e4ed}.op-header button{min-height:44px;border:1px solid #7b9db3;border-radius:8px;background:#204a66;color:white;padding:8px 16px}.op-menu{padding:16px 24px;background:#fff;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:16px;gap:16px;border-bottom:1px solid #d2e0ea}.op-menu section{display:grid;align-content:start;grid-gap:4px;gap:4px}.op-menu h2{font-size:12px;color:#587081;margin:0 0 6px}.op-menu a{min-height:44px;padding:12px;border-radius:8px;text-decoration:none;color:#173c58}.op-menu a[aria-current=page]{background:#e0effc;font-weight:700}.op-content{min-width:0}.op-content main{max-width:1200px;width:100%;margin:0 auto}.op-content *,.op-content main{box-sizing:border-box}.op-content input,.op-content select,.op-content textarea{max-width:100%;min-width:0}.op-content pre{white-space:pre-wrap;max-width:100%}.op-content code,.op-content h2,.op-content h3,.op-content p,.op-content pre,.op-content small{overflow-wrap:anywhere}.op-content button,.op-content summary{min-height:44px}.op-page{padding:24px}.op-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));grid-gap:16px;gap:16px}.op-card{background:white;border:1px solid #d4e0e9;border-radius:14px;padding:18px;min-width:0;margin:12px 0}.op-card h2{font-size:20px;margin:0 0 12px}.op-row{display:grid;grid-gap:8px;gap:8px;border-top:1px solid #e4ebf0;padding:12px 0}.op-row a{font-weight:650;color:#175da2}.op-badge{display:inline-block;border-radius:7px;padding:5px 8px;font-size:12px;font-weight:750;max-width:100%;overflow-wrap:anywhere}.op-success{background:#dff4e8;color:#135232}.op-pending{background:#fff0cc;color:#674500}.op-damage,.op-danger{background:#ffe3e3;color:#8d1b28}.op-blocked{background:#e8e6ec;color:#483953}.op-transit{background:#e8e1fa;color:#49317c}.op-delivery{background:#dfeeff;color:#164f88}.op-neutral{background:#e7edf0;color:#284254}.op-context{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.op-context a{padding:12px;border:1px solid #afc7d8;border-radius:8px;min-height:44px}.op-history article{border-top:1px solid #d8e2e9;padding:14px 0}.op-responsible{display:block;color:#526979}.op-notice{padding:14px;border-left:4px solid #bf810d;background:#fff6df;border-radius:6px}.op-skip{position:absolute;left:-9999px}.op-skip:focus{position:static;background:white;color:#123;padding:12px}.op-content table{max-width:100%}.op-content .reader-entry{flex-wrap:wrap}.op-content .reader-entry label{min-width:0;flex:1 1 200px}.op-content .auth-permissions{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}@media(max-width:600px){.op-header{padding:12px;gap:8px}.op-header .op-user{flex:1 1 180px;font-size:14px}.op-menu{grid-template-columns:1fr;padding:12px}.op-menu section{gap:2px}.op-content main,.op-page{padding:16px}.op-content .count-totals{grid-template-columns:repeat(2,minmax(0,1fr))}.op-content .unit-options{grid-template-columns:1fr}.op-content .sale-toolbar{flex-wrap:wrap}.op-content .table-wrap{overflow:visible}.op-content table,.op-content tbody,.op-content td,.op-content tr{display:block;width:100%}.op-content thead{display:none}.op-content td:before{content:attr(data-label);font-weight:700;margin-right:10px}.op-content .receiving-layout{display:block}}.op-header>.op-user{display:block;min-width:0;overflow-wrap:anywhere}.op-header .op-user small{letter-spacing:0;font-size:12px}.op-content .separation-hero>div{display:block}.op-context a{overflow-wrap:anywhere;max-width:100%;min-width:0}.op-content button{white-space:normal;overflow-wrap:anywhere}@media(max-width:600px){.op-header>.op-user{order:4;flex:1 1 100%;margin-right:0}}.op-content .unit-reader{background:#fff;border:1px solid #d4e0e9;padding:16px;border-radius:14px;margin:16px 0}.op-content .reader-entry{display:flex;gap:8px;align-items:end}.op-content .reader-entry label{display:grid;grid-gap:6px;gap:6px}.op-content .unit-reader button{border:1px solid #175da2;border-radius:8px;background:#175da2;color:white;padding:10px 14px}.op-content .reader-entry button:last-child{background:white;color:#175da2}.op-content .unit-reader button:disabled{opacity:.55;cursor:not-allowed}.op-shell>header.op-header{position:-webkit-sticky;position:sticky;top:0;z-index:60;height:52px;min-height:0;box-sizing:border-box;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap;background:#fff;color:#12304a;border-bottom:1px solid #dbe4ec;box-shadow:0 1px 6px #0b2a4a0d}.op-shell>header.op-header>*{display:flex;margin:0}.op-header .op-brand{align-items:center;gap:8px;min-height:44px;color:#0a2a8a;font-weight:800;font-size:16px;text-decoration:none;white-space:nowrap;min-width:0}.op-header .op-brand img{width:32px;height:32px;border-radius:8px;flex:none;display:block}.op-header .op-header-login{align-items:center;min-height:44px;padding:0 12px;border-radius:8px;color:#0b56b3;font-weight:700;text-decoration:none}.op-header .op-header-error{font-size:12px;color:#a02323;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-header small{color:#5b7285}.op-profile{position:relative}.op-header .op-profile-button{width:40px;height:40px;min-height:40px;padding:0;display:grid;place-items:center;border-radius:50%;border:1px solid #cfdbe6;background:#eef4fb;color:#0b3f94;cursor:pointer}.op-header .op-profile-button[aria-expanded=true]{background:#dce9f8}.op-profile-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:70;min-width:230px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 80px);overflow:auto;padding:8px;background:#fff;border:1px solid #d3dee8;border-radius:12px;box-shadow:0 14px 34px #0b2a4a2e}.op-profile-menu,.op-profile-who{display:grid;grid-gap:2px;gap:2px}.op-profile-who{padding:8px 12px 10px;margin-bottom:4px;border-bottom:1px solid #e3eaf0}.op-profile-who strong{color:#12304a}.op-profile-who small{color:#5b7285}.op-header .op-profile-menu button,.op-profile-menu a{display:flex;align-items:center;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:#173c58;font:inherit;font-size:15px;text-align:left;text-decoration:none;cursor:pointer}.op-header .op-profile-menu button:hover,.op-profile-menu a:hover,.op-profile-menu a[aria-current=page]{background:#e8f1fb}.op-profile-menu a[aria-current=page]{font-weight:700}.login-logo{display:block;width:100%;max-width:320px;height:auto;margin:28px auto 4px}@media(max-width:700px){.login-logo{max-width:260px;margin-top:20px}.op-content .shell>main{padding:0}.op-content .shell>main>header{position:static;height:auto;min-height:0;margin:0;width:100%;box-sizing:border-box;padding:8px 16px;gap:10px;background:#fff;border-bottom:1px solid #dbe4ec;box-shadow:none}.op-content .shell>main>header .store-select{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0;margin:0}.op-content .shell>main>header .store-select span{display:inline;margin:0;font-size:12px;white-space:nowrap}.op-content .shell>main>header select{flex:1 1 auto;width:auto;max-width:none;min-width:0;min-height:40px;font-size:14px}.op-content .shell>main>header .online-status{flex:none;font-size:12px}.op-content .shell .content{padding:12px 16px calc(24px + env(safe-area-inset-bottom))}.mobile-hero{padding:12px 16px;border-radius:14px;margin-bottom:12px;box-shadow:none}.mobile-hero .brand-mark,.mobile-hero small{display:none}.mobile-hero h1{font-size:19px;margin:0}.mobile-hero p{font-size:13px}.mobile-search{min-height:48px;margin-bottom:14px}.mobile-search .search-submit{flex:none;width:44px;min-width:44px;height:40px;min-height:40px;padding:0;display:grid;place-items:center}.mobile-search .search-submit-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}.search-submit{display:inline-flex;align-items:center;gap:6px}@media(max-width:700px){.op-content>:not(.shell):not(.op-page):not(.auth-panel){padding-left:16px;padding-right:16px}.op-content>main{padding-top:12px;padding-bottom:24px}.op-content>main.auth-admin{padding-left:16px;padding-right:16px}.op-content>.auth-panel,.op-content>main>.auth-panel{margin-left:0;margin-right:0;max-width:none}.op-content>main:has(>.auth-panel){padding-left:16px;padding-right:16px}.op-content>.receiving-mobile .sticky-cta{position:static;box-shadow:none}}