/* Blue mobile theme. Search chrome only; no transaction changes.
   Remove this stylesheet link to restore Design One. Never affect printed labels. */
@media screen {
 html body.design3.small-mobile {
  --ink:#162b48;--muted:#62748a;--green:#2864d6;--line:#dce7f5;--bg:#edf4fc;
  background:#edf4fc!important;color:#162b48;
 }
 html body.design3.small-mobile .layout {
  background:radial-gradient(ellipse at 95% 0%,#c4e4ff 0,transparent 48%),radial-gradient(ellipse at 0% 45%,#e2efff 0,transparent 60%),linear-gradient(155deg,#f8fbff,#edf5ff 65%,#e6f0fc)!important;
 }
 html body.design3.small-mobile :is(.main,.content,.sellercheckout,.sellerreceipt){background:transparent!important}
 html body.design3.small-mobile .main>header {
  background:linear-gradient(120deg,#f5faff,#dceeff)!important;border-color:#d8e6f6!important;
  box-shadow:0 3px 12px #5946930c;
 }
 html body.design3.small-mobile #workModeBar{background:#eef6ff!important;border-color:#dae8f8!important}
 html body.design3.small-mobile :is(.signedinuser,.selleridentity){color:#183861!important}
 html body.design3.small-mobile :is(.design-current-object,.warehouse-current-object){color:#162b48!important}
 html body.design3.small-mobile :is(.panel,.documentcard,.orderitem,.personal-settings-panel,.seller-search-item,.sellercartitem,.metric,.return-calendar){
  background:#ffffffed!important;border:1px solid #e1ebf7!important;border-radius:20px!important;box-shadow:0 6px 16px #58418410!important;
 }
 html body.design3.small-mobile :is(.panelhead,.dialoghead){background:#f8fbff!important;border-color:#dfebf7!important}
 html body.design3.small-mobile :is(button,.subtle){border-color:#d7e4f5!important;border-radius:14px!important;background:#fff!important;color:#18324f!important;box-shadow:0 3px 9px #624a9510}
 html body.design3.small-mobile :is(button.primary,.primary button,.seller-open-receipt),
 html body.design3.small-mobile #workModeBar .work-mode-buttons button[aria-pressed=true],
 html body.design3.small-mobile #content .return-calendar-grid button[aria-pressed=true] {
  background:linear-gradient(145deg,#568df7,#2867db 68%,#1f50b4)!important;border-color:#4276dc!important;color:#fff!important;box-shadow:0 5px 12px #6742ae30!important;
 }
 html body.design3.small-mobile button:disabled{box-shadow:none!important;opacity:.5}
 html body.design3.small-mobile :is(button,input,select,textarea):focus-visible{outline:3px solid #83adf5!important;outline-offset:2px}
 html body.design3.small-mobile :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:#fff!important;color:#18324f!important;border-color:#c9dbef!important;border-radius:14px!important}
 html body.design3.small-mobile :is(input[type=checkbox],input[type=radio]){accent-color:#2864d6}
 html body.design3.small-mobile :is(input,textarea)::placeholder{color:#657b95!important;opacity:1}
 html body.design3.small-mobile .seller-search-detail{background:transparent!important;border:0!important;box-shadow:none!important}
 html body.design3.small-mobile :is(.seller-search-photo,.seller-preview-photo,.pwa-action-icon){background:#eaf3ff!important;border-radius:12px!important;color:#3168ba!important}
 html body.design3.small-mobile button[aria-pressed=true] .pwa-action-icon{background:#ffffff24!important;color:#fff!important}
 html body.design3.small-mobile .seller-search-price{color:#b02d43!important}
 html body.design3.small-mobile .seller-search-price.is-unset{background:#ffe7ee;border-radius:9px;padding:4px 7px;align-self:flex-start;color:#a2263c!important}
 html body.design3.small-mobile #sellerClearSearch{background:transparent!important;color:#b13a3a!important;border:0!important;box-shadow:none!important}
 html body.design3.small-mobile :is(.sellersalefinish,.formfoot){background:#f8fbff!important;border-color:#dae7f7!important}
 html body.design3.small-mobile :is(#sellerBackToSearch,#sellerAddMore,.seller-search-top){background:#fff!important;color:#285db0!important;border-color:#cddff4!important}
 html body.design3.small-mobile #mobileDock{background:#f2f7ff!important;border-top-color:#dbe8f7!important;box-shadow:0 -4px 16px #62418e18!important}
 html body.design3.small-mobile #mobileDock .nav{background:transparent!important;color:#23446b!important;border-radius:14px!important;box-shadow:none!important}
 html body.design3.small-mobile #mobileDock .nav.active{background:linear-gradient(145deg,#568df7,#275ec9)!important;color:#fff!important;box-shadow:0 3px 9px #7050b530!important}
 html body.design3.small-mobile dialog{background:#fff!important;color:#18324f!important;border:1px solid #dce7f5!important;border-radius:22px!important;box-shadow:0 15px 45px #2a164b33!important}
 html body.design3.small-mobile dialog::backdrop{background:#24143866}
 /* Preserve semantic red exits/close/delete actions and amber stock warnings. */
 html body.design3.small-mobile :is(#headerLogout,#logoutOK,#stopscan,#appExitOK,.dialoghead>button,[aria-label="Закрыть"],[aria-label="Закрыть карточку"],button.danger){background:#b23c35!important;color:#fff!important;border-color:#a93731!important;box-shadow:0 3px 8px #a6382820!important}
 html body.design3.small-mobile .sellerremove{background:#fff0f0!important;color:#aa302d!important;border-color:#efd2d2!important}
 html body.design3.small-mobile .sale-shortage-sources{background:#fff4dc!important;border-color:#eadfc6!important}
 html body.design3.small-mobile .seller-source-choice{background:#fffdfa!important;color:#40321e!important;border-color:#e4d6b9!important}
}
@media screen {
 html body.design3.small-mobile #modal #modalform button.primary,
 html body.design3.small-mobile #modal #modalform button[type=submit],
 html body.design3.small-mobile #content button.primary,
 html body.design3.small-mobile .sellersalefinish button.primary {
  background:linear-gradient(145deg,#568df7,#2867db 68%,#1f50b4)!important;border-color:#4276dc!important;color:#fff!important;box-shadow:0 5px 12px #6742ae30!important;
 }
 html body.design3.small-mobile .main>header :is(.signedinuser,.selleridentity) strong{color:#183861!important}
 html body.design3.small-mobile .seller-search-photo .pill{background:#eaf3ff!important;color:#3168ba!important}
}

@media screen {
 html body.design3.small-mobile .main>header{background:radial-gradient(ellipse at 95% 105%,#a8d5fa88 0 35%,transparent 36%),radial-gradient(ellipse at 10% 120%,#c4e6ff88 0 45%,transparent 46%),linear-gradient(120deg,#f5faff,#e6f1ff)!important}
 html body.design3.small-mobile .sellersearch:has(>.pwa-scanner-button){position:relative;display:block!important}
 html body.design3.small-mobile .sellersearch:has(>.pwa-scanner-button)>#barcode{width:100%!important;max-width:100%!important;padding-left:40px!important;padding-right:102px!important;border-radius:16px!important;box-shadow:0 3px 10px #2857a118}
 html body.design3.small-mobile .sellersearch:has(>.pwa-scanner-button)::before{content:"";position:absolute;z-index:1;left:15px;top:17px;width:13px;height:13px;border:2px solid #476487;border-radius:50%;pointer-events:none}
 html body.design3.small-mobile .sellersearch:has(>.pwa-scanner-button)::after{content:"";position:absolute;z-index:1;left:28px;top:30px;width:7px;height:2px;background:#476487;transform:rotate(45deg);transform-origin:left center;pointer-events:none}
 html body.design3.small-mobile .sellersearch:has(>#barcode:focus)::before,html body.design3.small-mobile .sellersearch:has(>#barcode:focus)::after{opacity:0}
 html body.design3.small-mobile .sellersearch:has(>.pwa-scanner-button)>#barcode:focus{padding-left:14px!important}
 html body.design3.small-mobile .sellersearch>.pwa-scanner-button{position:absolute!important;right:3px!important;top:3px!important;bottom:3px!important;width:44px!important;min-width:44px!important;min-height:44px!important;height:auto!important;margin:0!important;padding:8px!important;border:0!important;box-shadow:none!important;background:transparent!important;color:#285fba!important;border-radius:12px!important}
 html body.design3.small-mobile .sellersearch>.pwa-scanner-button .pwa-action-icon{background:transparent!important;color:#285fba!important;padding:0!important}
 html body.design3.small-mobile .sellersearch>.pwa-scanner-button svg{width:24px!important;height:24px!important}
}

@media screen {
 html body.design3.small-mobile .main>header::before{content:"";position:absolute;right:80px;bottom:4px;width:140px;height:74px;background:url('/pwa-header-truck.png') center/contain no-repeat;opacity:.18;pointer-events:none;z-index:0}
 html body.design3.small-mobile .main>header>*{position:relative;z-index:1}
}
@media screen {
 html body.design3.small-mobile #content .sellersearch>button.pwa-scanner-button{background:transparent!important;border:0!important;box-shadow:none!important;color:#285fba!important;width:44px!important;min-width:44px!important}
}
/* Compact identity beside the bell; preserve each existing control and handler. */
@media screen {
 html body.design3.small-mobile .main>header{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;column-gap:8px!important;row-gap:6px!important;padding:8px 12px!important}
 html body.design3.small-mobile .main>header>.tools{display:contents!important}
 html body.design3.small-mobile .main>header .signedinuser{grid-column:2;grid-row:1;width:auto!important;min-width:0!important;display:block!important}
 html body.design3.small-mobile .main>header .selleridentity{display:flex!important;flex-direction:column;align-items:flex-start;gap:2px!important;line-height:1.3}
 html body.design3.small-mobile .main>header .selleridentity strong{font-size:14px!important}
 html body.design3.small-mobile .main>header .selleridentity :is(.design-current-object,.warehouse-current-object,.shiftmessage){font-size:12px!important;line-height:1.3!important;overflow-wrap:anywhere}
 html body.design3.small-mobile .main>header .selleridentity :is(.design-current-object,.warehouse-current-object)::before{content:none!important}
 html body.design3.small-mobile .main>header #notificationbell{grid-column:1;grid-row:1;order:0;margin:0!important}
 html body.design3.small-mobile .main>header #headerLogout{grid-column:3;grid-row:1;margin:0!important}
 html body.design3.small-mobile .main>header .tools>select{grid-column:1/-1;grid-row:2}
 html body.design3.small-mobile .main>header::before{right:72px;bottom:0;width:115px;height:62px;opacity:.42}
}
@media screen {
 html body.design3.small-mobile #scanbox{background:linear-gradient(150deg,#eaf4fff5,#c9def7f5)!important;padding:16px!important}
 html body.design3.small-mobile #scanbox>.panel{background:#f8fbff!important;border:1px solid #dce8f7!important;border-radius:22px!important;box-shadow:0 12px 35px #244b8130!important;padding:16px!important;overflow:auto;max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 32px)!important}
 html body.design3.small-mobile #scanbox>.panel>.row:first-child{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}
 html body.design3.small-mobile #scanbox h2{font-size:18px!important;line-height:1.3;min-width:0;flex:1}
 html body.design3.small-mobile #scanbox #stopscan{flex:none;min-height:44px;padding:10px 12px!important}
 html body.design3.small-mobile #scanvideo{display:block;width:100%;max-height:45dvh;object-fit:contain;background:#14283e;border-radius:16px;margin:16px 0}
 html body.design3.small-mobile #scanhelp{font-size:18px!important;line-height:1.45!important;color:#25456d!important;text-align:center;background:transparent!important;border:0!important;padding:8px 0!important;margin:0!important}
}
@media screen {
 html body.design3.small-mobile[data-pwa-mode=sales] .main>header::before{background-image:url('/pwa-header-sales.png')}
 html body.design3.small-mobile[data-pwa-mode=warehouse] .main>header::before{background-image:url('/pwa-header-warehouse.png')}
 /* Fixed floating glass dock; allow content to scroll behind it. */
 html body.design3.small-mobile:not(.viewport-keyboard){--mobile-dock-height:calc(76px + env(safe-area-inset-bottom))}
 html body.design3.small-mobile:not(.viewport-keyboard) .main{height:calc(100dvh - var(--phone-safe-top))!important}
 html body.design3.small-mobile:not(.viewport-keyboard) .content{padding-bottom:calc(var(--mobile-dock-height) + 24px)!important}
 html body.design3.small-mobile.seller-pick-receipt:not(.viewport-keyboard) .main:has(.sellersalefinish) .content{padding-bottom:calc(var(--mobile-dock-height) + max(124px,var(--mobile-checkout-height,124px)) + 24px)!important}
 html body.design3.small-mobile #mobileDock{inset:auto 12px calc(8px + env(safe-area-inset-bottom))!important;width:calc(100% - 24px)!important;height:64px!important;max-height:64px!important;padding:4px!important;border:1px solid #ffffffd9!important;border-radius:24px!important;background:rgba(239,246,255,.78)!important;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);box-shadow:0 6px 24px #234a7828!important}
 html body.design3.small-mobile #mobileDock .nav{border-radius:19px!important}
 @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html body.design3.small-mobile #mobileDock{background:#edf5ff!important}}
 @media(prefers-reduced-transparency:reduce){html body.design3.small-mobile #mobileDock{background:#edf5ff!important;-webkit-backdrop-filter:none;backdrop-filter:none}}
}