/* Same two-panel login layout and user-then-PIN interaction as авКАСА+.
   Scoped to the unauthenticated warehouse screen so the working UI is unchanged. */
.warehouse-login-active .sidebar,.warehouse-login-active .topbar{display:none}
.warehouse-login-active .workspace{padding:0;min-height:100vh}
.warehouse-login-screen{min-height:100vh;display:flex;position:relative;overflow:hidden;background:radial-gradient(1100px 560px at 8% -8%,rgba(217,125,52,.18),transparent 58%),radial-gradient(820px 520px at 102% 112%,rgba(63,125,92,.12),transparent 55%),linear-gradient(155deg,#1c1f2d 0%,#14161f 52%,#0e1017 100%)}
.warehouse-login-screen:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1.4px);background-size:24px 24px;-webkit-mask-image:linear-gradient(155deg,#000 0%,transparent 72%);mask-image:linear-gradient(155deg,#000 0%,transparent 72%)}
.warehouse-login-screen:after{content:"";position:absolute;left:-30px;bottom:-40px;width:560px;height:340px;pointer-events:none;opacity:.55;background:repeating-linear-gradient(90deg,rgba(217,125,52,.16) 0 3px,transparent 3px 8px,rgba(255,255,255,.05) 8px 10px,transparent 10px 18px,rgba(217,125,52,.1) 18px 20px,transparent 20px 27px);-webkit-mask-image:linear-gradient(to top right,#000,transparent 68%);mask-image:linear-gradient(to top right,#000,transparent 68%)}
.warehouse-login-aside{position:relative;z-index:1;flex:1 1 50%;display:flex;flex-direction:column;justify-content:space-between;padding:52px 56px;color:#eaebf2;min-width:0}
.warehouse-login-aside-top{display:flex;align-items:center;gap:11px}
.warehouse-login-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:rgba(217,125,52,.15)}
.warehouse-login-mark svg{width:32px;height:32px;fill:var(--amber)}
.warehouse-login-wordmark{font-weight:650;font-size:18px;letter-spacing:-.01em}.warehouse-login-wordmark span{color:var(--amber)}
.warehouse-login-hero{max-width:440px}.warehouse-login-hero-barcode{height:42px;width:208px;border-radius:2px;margin-bottom:28px;background:repeating-linear-gradient(90deg,var(--amber) 0 2px,transparent 2px 4px,var(--amber) 4px 5px,transparent 5px 9px,var(--amber) 9px 12px,transparent 12px 14px,var(--amber) 14px 15px,transparent 15px 19px,var(--amber) 19px 22px,transparent 22px 26px,var(--amber) 26px 27px,transparent 27px 31px);opacity:.92}
.warehouse-login-hero h2{font-size:30px;line-height:1.16;letter-spacing:-.02em;font-weight:650;color:#fff}.warehouse-login-hero p{margin-top:15px;font-size:14.5px;line-height:1.6;color:#a6aabc;max-width:392px}.warehouse-login-aside-foot{font-size:12px;color:#696d82}
.warehouse-login-feats{margin-top:32px;display:flex;flex-direction:column;gap:14px}.warehouse-login-feats>div{display:flex;align-items:center;gap:13px;color:#c9ccda;font-size:13.5px;font-weight:500}.warehouse-login-feats span{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;border:1px solid rgba(217,125,52,.22);border-radius:9px;background:rgba(217,125,52,.15);color:var(--amber);font-size:16px}
.warehouse-login-panel{flex:1 1 50%;position:relative;z-index:1;display:flex;padding:40px}
.warehouse-login-box{margin:auto;background:var(--paper);border-radius:18px;padding:38px 38px 34px;width:100%;max-width:396px;border:1px solid rgba(255,255,255,.05);box-shadow:0 28px 64px rgba(0,0,0,.46),0 3px 8px rgba(0,0,0,.22)}
.warehouse-login-brand{text-align:center;margin-bottom:24px}.warehouse-login-barcode{display:flex;align-items:flex-end;justify-content:center;gap:1.5px;height:30px;margin-bottom:16px}.warehouse-login-barcode span{display:block;width:2px;background:var(--amber);border-radius:1px 1px 0 0}
.warehouse-login-brand h1{margin:0;font-size:21px;font-weight:650;letter-spacing:-.015em}.warehouse-login-brand p{font-size:12.5px;color:var(--text-dim);margin:5px 0 0}
.warehouse-user-pick{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.warehouse-user-pick-btn{display:flex;align-items:center;gap:12px;width:100%;padding:11px 13px;border:1px solid var(--paper-line);border-radius:var(--radius-sm);background:#fff;color:var(--ink);cursor:pointer;text-align:left;font:inherit;transition:border-color .15s,box-shadow .15s}.warehouse-user-pick-btn:hover{border-color:var(--amber);box-shadow:0 1px 4px rgba(217,125,52,.1)}.warehouse-user-pick-btn.selected{border-color:var(--amber);background:var(--amber-bg);box-shadow:0 0 0 3px rgba(217,125,52,.13)}.warehouse-user-pick-btn:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.warehouse-user-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:var(--amber);color:var(--ink);font-size:13px;font-weight:700}.warehouse-user-pick-btn strong,.warehouse-user-pick-btn small{display:block}.warehouse-user-pick-btn strong{font-size:14px}.warehouse-user-pick-btn small{font-size:12px;color:var(--text-dim);margin-top:2px}
.warehouse-login-pin-area{display:flex;flex-direction:column}.warehouse-login-pin-area[hidden]{display:none}.warehouse-login-pin-area label{display:block;color:var(--ink-soft);font-size:12.5px;font-weight:650;margin-bottom:6px}.warehouse-login-pin-area input{width:100%;padding:9px 12px;border:1px solid var(--paper-line);border-radius:var(--radius-sm);background:#fff;color:var(--ink);font-size:17px;font-weight:650;text-align:center;letter-spacing:.4em;outline:none}.warehouse-login-pin-area input:focus{border-color:var(--amber);box-shadow:0 0 0 3px rgba(217,125,52,.13)}.warehouse-login-pin-area button{width:100%;justify-content:center;margin-top:15px}.warehouse-login-hint{margin:4px 0 16px;color:var(--text-dim);font-size:12px;line-height:1.5}.warehouse-login-error{min-height:0;margin:8px 0 0;color:var(--red);font-size:12px;line-height:1.5}.warehouse-login-error:empty{display:none}.warehouse-login-abca{display:block;margin-top:18px;text-align:center;color:var(--text-dim);font-size:12.5px;text-decoration:none}.warehouse-login-abca:hover{color:var(--amber-deep)}
@media(max-width:900px){.warehouse-login-aside{display:none}.warehouse-login-panel{flex:1 1 100%;padding:24px}.warehouse-login-screen:after{opacity:.4}}