/* 4 xonali sensor PIN oynalari monoblokning ko‘rinadigan qismiga to‘liq sig‘adi. */
.login-screen,.admin-login{height:100dvh;min-height:0;overflow:hidden}
.login-brand-panel{min-height:0}
.login-touch-panel{height:100%;max-height:100dvh;padding-top:18px;padding-bottom:18px;overflow:auto}
.login-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}
.admin-entry{min-height:54px;padding:0 18px;border:1px solid rgba(255,255,255,.2);border-radius:14px;color:#fff;text-decoration:none;display:grid;place-items:center;font-weight:900;white-space:nowrap}
.pin-pad .pin-clear strong,.pin-pad .pin-back strong{display:block;font-size:14px}
.pin-pad .pin-back strong{font-size:14px;line-height:normal}
.pin-pad button span{font-size:10px}
.pin-dots i,.admin-pin-dots i{width:15px;height:15px}
/* Admin PIN sahifasida ichki scroll paydo bo'lmasin: barcha elementlar bir ekranga sig'adi. */
.admin-login-card{height:100%;max-height:100dvh;overflow:hidden;padding-top:22px;padding-bottom:22px}
.admin-pin-dots{height:42px;margin:8px 0}.admin-pin-pad{gap:6px}.admin-pin-pad button{min-height:52px}
.admin-pin-pad .clear strong,.admin-pin-pad .back strong{display:block;font-size:12px}
.admin-pin-pad .back strong{font-size:12px;line-height:normal}
.admin-pin-pad button small{font-size:9px}
@media(max-height:850px){
  .login-touch-panel{padding-top:10px;padding-bottom:10px}.login-title{margin:7px 0}.login-user{min-height:62px}.pin-pad button{min-height:52px}.login-button{min-height:52px}.login-message h1{font-size:44px}.edge-state{padding:11px}.admin-entry{min-height:46px}
  .admin-login-card h1{font-size:34px;margin:15px 0 4px}.admin-users{margin:8px 0}.admin-user{height:58px}.admin-pin-pad button{min-height:48px}.admin-login-button{height:50px;margin-top:7px}.admin-login-error{margin:4px 0}.admin-login-card>p{margin:4px 0}
}

/* Terminal fonda avtomatik ulanayotgan paytdagi qisqa spinner (login/parol maydonisiz). */
.setup-spinner{width:40px;height:40px;margin:18px auto 4px;border-radius:50%;border:4px solid #dfe7e3;border-top-color:var(--primary,#ef4b43);animation:setupspin .8s linear infinite}
@keyframes setupspin{to{transform:rotate(360deg)}}

/* Xodim tanlash (staff-picker) ekrani — endi .wselect/.wselect-btn/.user-avatar
   (workstation/app.js#renderStaffSelect chiqaradi), o'lchami workstation/styles.css oxirida
   #loginStaffList/#loginPinArea qoidalari bilan boshqariladi (ikkalasi ham width:100%,
   #loginPicker ramkasiga mos). Bu yerda faqat qo'shimcha jilo beramiz — width/max-width YO'Q,
   aks holda shu yerdagi qoida workstation/styles.css'dan KEYIN yuklanib uni bosib ketadi.*/
.user-avatar{background:var(--primary,#ef4b43);color:#fff;box-shadow:0 6px 14px -5px rgba(0,0,0,.35)}
html.dark .login-user{background:#16332b;border-color:#234238}
html.dark .login-user b{color:#f1f7f4}
html.dark .login-user small{color:#9db8ad}