/* Ordinary-administrator web only. Keep phone/PWA and superadmin styles intact. */
@media screen and (min-width:761px){
 html body.design3.staff-work-web :is(#content,#modalform) .two{align-items:end!important;gap:12px}
 html body.design3.staff-work-web :is(#content,#modalform) .two>label,
 html body.design3.staff-work-web :is(#content,#modalform) .two>div>label{
  display:flex;flex-direction:column;gap:6px;min-width:0;margin:0!important;align-self:end!important;
 }
 html body.design3.staff-work-web :is(#content,#modalform) .two>div{min-width:0}
 html body.design3.staff-work-web :is(#content,#modalform) .two label>:is(input,select){margin-top:0!important;margin-bottom:0!important}
 html body.design3.staff-work-web :is(#content,#modalform) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]):not([type=hidden]),select){box-sizing:border-box;min-height:42px;height:42px;max-width:100%}
 html body.design3.staff-work-web #modalform :is(label,.productsectorfield){min-width:0}
 html body.design3.staff-work-web #modalform textarea{box-sizing:border-box;max-width:100%;min-width:0}
 html body.design3.staff-work-web #modal>.dialoghead{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:16px;width:100%;box-sizing:border-box}
 html body.design3.staff-work-web #modal>.dialoghead>h2{min-width:0;margin:0;overflow-wrap:anywhere}
 html body.design3.staff-web :is(.dialoghead>button,[aria-label^="Закрыть"],[data-evt-click="h11"],.design-detail-close,.web-close-button){
  background:#b33d31!important;color:#fff!important;border-color:#b33d31!important;
  display:inline-flex;align-items:center;justify-content:center;line-height:1.2;
 }
 html body.design3.staff-work-web #modal>.dialoghead>button{
  margin:0 0 0 auto!important;flex:0 0 42px!important;width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;position:static!important;transform:none!important;
 }
 html body.design3.staff-work-web #content #search{flex:0 1 50%!important;width:50%!important;max-width:50%!important;min-width:min(220px,100%)!important}
}
@media screen and (min-width:761px){
 html body.design3.staff-work-web .ai-chat{height:auto!important;min-height:0!important}
 html body.design3.staff-work-web .ai-chat-feed{flex:0 1 auto!important;min-height:0!important;max-height:min(45dvh,500px)!important}
}

/* Public desktop sign-in: separate, camera-friendly installation codes. */
@media screen and (min-width:761px) and (display-mode:browser){
 body.design3 .loginhero .pwaqr{grid-template-columns:200px minmax(0,1fr);gap:8px 24px;margin-top:32px}
 body.design3 .loginhero .pwaqr #pwaqrcode{box-sizing:border-box;width:200px;height:200px;padding:16px}
 body.design3 .loginhero .pwaqr svg{display:block;width:168px;height:168px}
 body.design3 .loginhero .buyer-login-card{grid-template-columns:200px minmax(0,1fr);gap:24px;margin-top:64px;padding:20px}
 body.design3 .loginhero .buyer-public-qr{width:200px;max-width:100%;background:white;border-radius:12px}
 body.design3 .loginhero .buyer-public-qr img{display:block;width:200px;height:auto;max-width:100%}
}
@media screen and (min-width:761px){
 body.staff-web #staffModulesPanel .module-option>span{flex:1;min-width:0}
 body.staff-web #staffModulesPanel .module-option>button{flex:none;width:auto!important;min-height:30px!important;padding:4px 9px!important;font-size:12px}
}
/* Desktop browser only: keep the existing mobile bottom confirmation. */
@media screen and (min-width:761px) and (display-mode:browser){
 html body.design3 dialog#logoutConfirm.logout-confirm{inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;margin:0!important;text-align:center;max-height:calc(100dvh - 48px)}
 body.design3 .login{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}
 body.design3 .loginhero{padding:48px clamp(24px,4vw,56px)}
 body.design3 #loginInstallCodes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,5vw,88px);align-items:start;margin:32px 0;position:relative;z-index:1;min-width:0}
 body.design3 #loginInstallCodes>.pwaqr{align-self:start;display:flex!important;flex-direction:column;align-items:flex-start;gap:10px;margin:0!important;width:100%;min-width:0;max-width:100%}
 body.design3 #loginInstallCodes .pwaqr #pwaqrcode{width:min(200px,100%);height:auto;aspect-ratio:1;padding:4px}
 body.design3 #loginInstallCodes .pwaqr svg{width:100%;height:auto;aspect-ratio:1}
 body.design3 #loginInstallCodes .pwaqr :is(strong,small){align-self:start;margin:0}
 body.design3 #loginInstallCodes>.buyer-login-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:0;margin:0;background:transparent;border:0;color:white;min-width:0}
 body.design3 #loginInstallCodes .buyer-public-qr{width:min(200px,100%);height:auto;aspect-ratio:1;overflow:hidden}
 body.design3 #loginInstallCodes .buyer-public-qr img{width:100%;height:auto;aspect-ratio:1}
 body.design3 #loginInstallCodes .buyer-login-card :is(h2,a){color:white;font-size:14px;line-height:1.5}
 body.design3 #loginInstallCodes .buyer-login-card h2{margin:0 0 8px}
 body.design3 #loginInstallCodes .buyer-login-card p{color:#cfe0e6!important;font-size:13px;line-height:1.5;margin:5px 0}
}

@media screen and (min-width:761px) and (display-mode:browser){
 body.design3 .loginhero{justify-content:flex-start}
 body.design3 .loginhero>div:nth-child(2){margin-top:40px}
 body.design3 .loginhero>footer{margin-top:auto}
}


@media screen and (min-width:761px) and (display-mode:browser){
 body.design3 .loginhero.login-market-art{position:relative;isolation:isolate;background:#173f50;overflow:hidden}
 body.design3 .loginhero.login-market-art:before,body.design3 .loginhero.login-market-art:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border:0;border-radius:0;transform:none;width:auto;height:auto}
 body.design3 .loginhero.login-market-art:before{background:linear-gradient(180deg,#102e3ccc,#102e3c70 55%,#102e3cb3),url('/promo/warehouse-market.jpg') left center/cover no-repeat;opacity:1}
 body.design3 .loginhero.login-market-art:after{display:none}
 body.design3 .loginhero.login-market-art>div,body.design3 .loginhero.login-market-art>footer{position:relative;z-index:1}
 body.design3 #loginInstallCodes .pwaqr{text-decoration:none}
 body.design3 #loginInstallCodes .login-more-warehouse,body.design3 #loginInstallCodes .login-more-buyer{font-size:13px;color:#fff;text-decoration:underline;text-underline-offset:4px;margin-top:8px}
 body.design3 #loginInstallCodes .pwaqr:focus-visible{outline:3px solid #ffbf72;outline-offset:8px;border-radius:8px}
}

@media screen and (min-width:761px) and (display-mode:browser){
 html body.design3 .employee-list-toolbar{display:flex!important;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:nowrap}
 html body.design3 .employee-list-toolbar>label:first-child{display:block;flex:0 1 420px;min-width:0;max-width:420px;margin:0}
 html body.design3 .employee-list-toolbar>label:first-child input{width:100%;max-width:none;min-width:0}
 html body.design3 .employee-list-toolbar>label:last-child{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin:0;white-space:nowrap}
 html body.design3 .employee-list-toolbar>label:last-child select{width:84px;min-width:84px;margin:0}
}
/* A sector suggestion below the selector must not lift that selector above the warehouse. */
@media screen and (min-width:761px){
 html body.design3.staff-work-web #modalform .two.productlocationrow{align-items:start!important}
 html body.design3.staff-work-web #modalform .two.productlocationrow>label,
 html body.design3.staff-work-web #modalform .two.productlocationrow>.productsectorfield>label{align-self:start!important}
}