/* Shared desktop and staff sign-in surfaces. Mobile personal App remains isolated. */
@layer staff-liquid {
body.admin.staff-auth{--m-ink:var(--a-ink);--m-muted:var(--a-muted);--m-accent:var(--a-accent);--m-line:var(--a-line);--m-light:#ffffff73;--m-tint:var(--a-tint);--m-primary:#315cbf;--m-focus:var(--focus);--m-paper:var(--a-paper);--m-button:inset 0 1px 0 #ffffff50,0 3px 7px #254b7610}
html[data-theme=dark] body.admin.staff-auth{--m-light:#dbeaff20;--m-primary:#365dbd}
body:is(.personal-glass,.staff-auth) .lw-auth{background:transparent!important}
body:is(.personal-glass,.staff-auth) :is(.lw-auth-stage,.lw-auth-entry,.lw-auth-form-wrap){background:transparent!important;color:var(--m-ink)!important}
body:is(.personal-glass,.staff-auth) .lw-auth-stage{border-radius:0!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;position:relative!important;height:auto!important;min-height:0!important;padding:36px clamp(28px,4vw,64px)!important}
body:is(.personal-glass,.staff-auth) .lw-auth-form-wrap{padding:28px 32px!important;border-radius:26px!important;margin:auto!important}
body:is(.personal-glass,.staff-auth) .lw-auth{grid-template-columns:minmax(0,1fr) minmax(420px,.85fr)!important;min-height:100dvh!important}
body:is(.personal-glass,.staff-auth) .lw-auth-entry{min-height:100dvh!important;padding:24px clamp(24px,4vw,64px) 18px!important}
body:is(.personal-glass,.staff-auth) .lw-auth-stage-copy{padding:24px 0 0!important}
body:is(.personal-glass,.staff-auth) .lw-auth-stage-copy>span,body:is(.personal-glass,.staff-auth) .lw-auth-stage-copy>p,body:is(.personal-glass,.staff-auth) .lw-auth-stage-foot{color:var(--m-muted)!important}
body:is(.personal-glass,.staff-auth) .lw-auth-art{height:210px!important;margin-top:20px!important}
body:is(.personal-glass,.staff-auth) .lw-auth-welcome>span{width:42px!important;height:44px!important;margin-bottom:14px!important;background:var(--m-tint)!important;border-color:var(--m-line)!important;color:var(--m-accent)!important;border-radius:15px!important}
body:is(.personal-glass,.staff-auth) .lw-auth-welcome>span>.ico{width:25px!important;height:25px!important}
body:is(.personal-glass,.staff-auth) .lw-auth-welcome h1{font-size:23px!important}
body:is(.personal-glass,.staff-auth) .lw-auth-welcome p{margin-top:5px!important;color:var(--m-muted)!important}
body:is(.personal-glass,.staff-auth) .lw-auth-tabs{margin:22px 0!important;border-color:var(--m-line)!important}
body:is(.personal-glass,.staff-auth) .lw-auth-tabs button{color:var(--m-muted)!important}
body:is(.personal-glass,.staff-auth) .lw-auth-tabs button.active{color:var(--m-accent)!important}
body:is(.personal-glass,.staff-auth) .lw-auth-tabs button.active:after{background:var(--m-accent)!important}
body:is(.personal-glass,.staff-auth) .lw-auth-field{margin-bottom:17px!important}
body:is(.personal-glass,.staff-auth) .lw-auth-field>span{color:var(--m-muted)!important;margin-bottom:6px!important}
body:is(.personal-glass,.staff-auth) .lw-auth-field>div{padding-bottom:8px!important;border-color:var(--m-line)!important;transition:border-color .18s}
body:is(.personal-glass,.staff-auth) .lw-auth-field>div:focus-within{border-color:var(--m-accent)!important}
body:is(.personal-glass,.staff-auth) .lw-auth-field :is(input,.password-control,.password-mask,.password-keyboard-trigger){background:transparent!important;box-shadow:none!important;color:var(--m-ink)!important}
/* Layout boxes inside the lens carry no separate surface, including focus/password wrappers. */
body:is(.personal-glass,.staff-auth) .lw-auth-form-wrap :is(#auth-form,#wallet-auth-fields,.lw-auth-field,.lw-auth-field>div,.password-control,.password-mask){background:transparent!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;outline:0!important}
body:is(.personal-glass,.staff-auth) .lw-auth-field>div{border-radius:0!important;border-top:0!important;border-right:0!important;border-left:0!important}
body:is(.personal-glass,.staff-auth) .lw-auth-field input{appearance:none!important;-webkit-appearance:none!important;border-radius:0!important}
body:is(.personal-glass,.staff-auth) .lw-auth-field input{outline:none!important;border:0!important}
body:is(.personal-glass,.staff-auth) .lw-auth-field input::placeholder{color:var(--m-muted)!important;opacity:1!important}
body:is(.personal-glass,.staff-auth) .lw-auth-field input:autofill{background:transparent!important;color:var(--m-ink)!important;-webkit-text-fill-color:var(--m-ink)!important;transition:background-color 86400s!important}
body:is(.personal-glass,.staff-auth) .lw-auth-submit{margin-top:18px!important;min-height:46px!important}
body:is(.personal-glass,.staff-auth) .lw-auth-safe{margin-top:17px!important;color:var(--m-muted)!important}
body:is(.personal-glass,.staff-auth) .lw-auth-foot{margin-top:16px!important;color:var(--m-muted)!important}
@media(min-width:761px) and (max-height:760px){body:is(.personal-glass,.staff-auth) .lw-auth-welcome>span{display:none!important}body:is(.personal-glass,.staff-auth) .lw-auth-form-wrap{padding:23px 30px!important}body:is(.personal-glass,.staff-auth) .lw-auth-tabs{margin:18px 0!important}body:is(.personal-glass,.staff-auth) .lw-auth-art{height:160px!important}}
@media(max-width:760px){body:is(.personal-glass,.staff-auth) .lw-auth{display:block!important}body:is(.personal-glass,.staff-auth) .lw-auth-stage{display:none!important}body:is(.personal-glass,.staff-auth) .lw-auth-entry{padding:24px 18px!important}}


body:is(.personal-glass,.staff-auth) .lw-auth-form-wrap{background:var(--staff-glass-face)!important;box-shadow:var(--staff-glass-shadow)!important;border:1px solid transparent!important}
body.staff-auth .lw-auth{background:transparent!important}
body.staff-auth :is(.lw-auth-stage,.lw-auth-entry){color:var(--m-ink)!important;background:transparent!important}
body.staff-auth .lw-auth-stage{border-radius:0!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
body.staff-auth .lw-auth-field input{display:block!important;min-width:0!important;width:100%!important;border:0!important;border-radius:0!important;min-height:32px!important;padding:3px 0!important;font-size:15px!important;margin:0!important}
body.staff-auth .lw-auth-field input::placeholder{font-size:12px!important}
body.staff-auth .lw-auth-field .password-control{flex:1!important;min-width:0!important}
body.staff-auth .lw-auth-field .password-keyboard-trigger{border:0!important}
body.staff-auth .lw-auth-field>div>i{color:var(--m-muted)!important}
body.staff-auth .lw-auth :is(h1,strong){color:var(--m-ink)!important}
body.staff-auth .lw-auth-submit{background:var(--m-primary)!important;color:#fff!important;border:1px solid var(--m-light)!important;box-shadow:var(--m-button)!important}
body.staff-auth .wallet-brand{position:relative!important;z-index:2!important;isolation:isolate!important;color:var(--m-ink)!important}
body.staff-auth .wallet-brand>span{background:linear-gradient(145deg,#6c91e2,#655ac2)!important;color:#fff!important;border:1px solid var(--m-light)!important;width:34px!important;height:36px!important}
body.staff-auth .wallet-brand small{color:var(--m-muted)!important}
body.staff-auth .wallet-brand .ico{width:21px!important;height:21px!important}
body.staff-auth .staff-auth-divider{height:1px!important;background:var(--m-line)!important;margin:24px 0!important}
body.staff-auth .staff-auth-art{display:flex;align-items:center;gap:28px;margin-top:46px;max-width:330px;padding:0 6px}
body.staff-auth .staff-auth-art>span{display:grid;place-items:center;flex:none;width:100px;height:100px;border-radius:30px;background:linear-gradient(145deg,#a2bbed32,#8398c514)!important;color:var(--m-accent)!important;border:1px solid var(--m-line)!important;transform:rotate(-8deg)}
body.staff-auth .staff-auth-art .ico{width:44px!important;height:44px!important;stroke-width:1.15}
body.staff-auth .staff-auth-art>div{flex:1;display:grid;gap:15px}
body.staff-auth .staff-auth-art i{display:block;height:5px;border-radius:5px;background:var(--m-line)!important}
body.staff-auth .staff-auth-art i:nth-child(2){width:75%}body.staff-auth .staff-auth-art i:nth-child(3){width:50%}
body:is(.personal-glass,.staff-auth) .wallet-qr-login-entry{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:100%!important;min-height:46px!important;padding:12px 18px!important;margin-top:14px!important;background:transparent!important;border:1px solid var(--m-line)!important;border-radius:13px!important;color:var(--m-accent)!important;box-shadow:none!important;font-size:13px!important}
body:is(.personal-glass,.staff-auth) .wallet-qr-login-entry:hover{background:var(--m-tint)!important}
body.staff-auth .wallet-qr-login-entry>.ico{width:18px!important;height:18px!important}
body.staff-auth :is(button,a):focus-visible{outline:2px solid var(--m-focus)!important;outline-offset:3px!important}
body:is(.personal-glass,.merchant) .modal.wallet-access-modal{display:flex!important;flex-direction:column!important;width:min(440px,100%)!important;max-height:calc(100vh - 32px)!important;max-height:calc(100dvh - 32px)!important;overflow:hidden!important;padding:22px!important;color:var(--m-ink)!important}
body:is(.personal-glass,.merchant) .wallet-access-modal>.modal-head{flex:none!important;margin-bottom:14px!important}
body:is(.personal-glass,.merchant) .wallet-access-modal>.modal-scroll{min-height:0!important;overflow:auto!important;padding:0!important;overscroll-behavior:contain!important}
body:is(.personal-glass,.merchant) .wallet-access-modal .wallet-access{gap:14px!important;padding:8px 6px 12px!important;color:var(--m-ink)!important}
body:is(.personal-glass,.merchant) .wallet-access-modal :is(h2,h3,.wallet-login-number){color:var(--m-ink)!important;opacity:1!important}
body:is(.personal-glass,.merchant) .wallet-access-modal :is(p,small){color:var(--m-muted)!important;opacity:1!important}
body:is(.personal-glass,.merchant) .wallet-access-modal .wallet-access-link{color:var(--m-accent)!important;background:transparent!important;border:1px solid var(--m-line)!important;border-radius:11px!important;min-height:36px!important;padding:8px 12px!important}
body:is(.personal-glass,.merchant) .wallet-access-modal .wallet-access-qr{background:#fff!important;padding:20px!important;border-radius:16px!important;line-height:0!important;flex:none!important}
body:is(.personal-glass,.merchant) .wallet-access-modal .wallet-access-qr svg{background:#fff!important;color:#000!important;width:210px!important;max-width:55vw!important;height:auto!important;filter:none!important}
/* A dark page scrim behind clear glass turns light-theme text muddy. Keep access dialogs on a light scrim. */
body:is(.personal-glass,.merchant) #modal-root .wallet-access-overlay{background:#e7eefb38!important;backdrop-filter:blur(7px)!important}
html[data-theme=dark] body:is(.personal-glass,.merchant) #modal-root .wallet-access-overlay{background:#0a142a4d!important}
body:is(.personal-glass,.merchant) #modal-root .modal.wallet-access-modal{padding:22px!important}
body:is(.personal-glass,.merchant) #modal-root .wallet-access-modal>.modal-head{margin:0 0 14px!important;padding:0 0 14px!important;border-color:var(--m-line)!important}
body:is(.personal-glass,.merchant) #modal-root .wallet-access-modal>.modal-scroll{padding:0!important}
body:is(.personal-glass,.merchant) #modal-root .wallet-access-modal .close{color:var(--m-muted)!important;background:var(--m-tint)!important;border:1px solid var(--m-line)!important}
@media(max-height:760px) and (min-width:761px){body.staff-auth .staff-auth-art{margin-top:24px!important}body.staff-auth .lw-auth-stage-copy h1{font-size:44px!important}}
@media(prefers-reduced-transparency:reduce){body.staff-auth .lw-auth-form-wrap{background:var(--m-paper)!important}}
body.staff-auth:not([data-liquid-mode]) .lw-auth-form-wrap{background:var(--m-paper)!important}
}