/* Staff access. One calm, white, full-screen composition for every access state:
   noted. and the client wordmark with real space between them, the state, and comfortable
   space below. Desk tokens come from noted-team-polish.css on body.noted-staff. Every staff
   page loads this file; guest pages never do. Selectors carry the dialog id and both body
   classes so they settle above the older concierge and base dialog rules. */
body.noted-staff.nu-concierge #notedSignIn.nu-access{
  --sa-ink:var(--desk-ink,#242424);--sa-muted:var(--desk-muted,#676767);--sa-line:var(--desk-line,#e0e0e0);
  --sa-field:#d6d6d6;--sa-error:#8b3029;
  --sa-raised:inset 0 1px 1px #fff,inset 0 -2px 2px #00000010,0 0 0 1px #d1d1d1,0 7px 13px #00000017;
  --sa-raised-hover:inset 0 1px 1px #fff,inset 0 -2px 2px #00000010,0 0 0 1px #bdbdbd,0 10px 18px #0000001c;
  --sa-pressed:inset 0 3px 7px #00000029,0 0 0 1px #c1c1c1,0 1px 2px #0000000f;
  --sa-card:inset 0 1px 1px #fff,inset 0 -2px 2px #0000000d,0 0 0 1px #0000001c,0 5px 12px #00000012,0 16px 34px #0000000b;
  --sa-dark:linear-gradient(155deg,#424242,#171717);
  --sa-key:76px;--sa-key-gap-y:12px;--sa-key-gap-x:24px;--sa-key-font:31px;
  --sa-brand-gap:52px;--sa-noted:152px;--sa-client:118px;--sa-top:76px;--sa-bottom:30px;
  position:fixed!important;inset:0!important;
  width:100%!important;max-width:none!important;
  height:calc(var(--nu-vh,100dvh) - var(--nu-preview-inset,0px))!important;
  max-height:calc(var(--nu-vh,100dvh) - var(--nu-preview-inset,0px))!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
  overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;
  background:#fff!important;box-shadow:none!important;color:var(--sa-ink)!important;
  font-family:var(--team-font)!important;font-synthesis:none;
  -webkit-font-smoothing:antialiased;
}
body.noted-staff.nu-concierge #notedSignIn.nu-access::backdrop{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* Close sits quietly in the corner; the visible title lives in the body. */
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-dialog-head{
  position:absolute!important;top:0;left:0;right:0;z-index:3;min-height:0!important;
  display:flex;justify-content:flex-end;
  padding:calc(12px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 0 16px!important;
  border:0!important;background:transparent!important;pointer-events:none;
}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-dialog-head>span{
  position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;
}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-dialog-head .nu-icon-btn{
  pointer-events:auto;display:grid;place-items:center;
  width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;
  border:0!important;border-radius:50%!important;background:transparent!important;color:var(--sa-muted)!important;
  box-shadow:none!important;font:400 24px/1 var(--team-font)!important;transform:none!important;
}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-dialog-head .nu-icon-btn:hover{background:#f3f3f3!important;color:var(--sa-ink)!important;transform:none!important;box-shadow:none!important}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-login-foot{display:none!important}

/* The body is a single centred column. Free space splits above the brand and above the
   location line, so the content sits centred and the foot never covers a control. */
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-access-body{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;
  gap:0!important;box-sizing:border-box;
  width:min(440px,100%)!important;max-width:440px!important;
  min-height:calc(var(--nu-vh,100dvh) - var(--nu-preview-inset,0px))!important;
  margin:0 auto!important;
  padding:var(--sa-top) 24px calc(var(--sa-bottom) + env(safe-area-inset-bottom))!important;
  text-align:center!important;
}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-access-intro{
  display:flex!important;flex-direction:column!important;align-items:center!important;
  width:100%;margin:auto 0 0!important;padding:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;text-align:center!important;
}
body.noted-staff.nu-concierge #notedSignIn.nu-access :is(.nu-login-brand,.nu-access-lock){display:none!important}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-original-lockup{
  display:flex!important;flex-direction:column;align-items:center;margin:0 0 40px!important;
}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-original-noted{
  display:block;width:var(--sa-noted);height:auto;max-width:48vw;object-fit:contain;
}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-original-client{
  display:block;width:var(--sa-client);height:auto;max-width:40vw;margin-top:var(--sa-brand-gap)!important;object-fit:contain;
}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-original-lockup span{
  display:block;margin-top:14px;color:var(--sa-muted)!important;
  font:400 11px/1.4 var(--team-font)!important;letter-spacing:.22em;text-transform:lowercase;
}
body.noted-staff.nu-concierge #notedSignIn.nu-access h1{
  max-width:12ch;margin:0 auto 12px!important;color:var(--sa-ink)!important;text-align:center!important;
  font:600 clamp(32px,5.4vw,42px)/1.08 var(--team-font)!important;letter-spacing:-.05em!important;text-wrap:balance;
}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-muted{
  max-width:34ch!important;margin:0 auto!important;color:var(--sa-muted)!important;text-align:center!important;
  font:400 15px/1.55 var(--team-font)!important;text-wrap:pretty;
}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-access-workflow{
  display:flex!important;flex-direction:column;align-items:stretch;width:100%;margin-top:32px;padding:0!important;text-align:left;
}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-original-pin-label{display:none}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-original-foot{
  display:block!important;position:static!important;margin:auto 0 0!important;padding-top:36px;
  color:#777!important;font:400 11px/1.5 var(--team-font)!important;letter-spacing:.22em;text-align:center;text-transform:lowercase;
}

/* Shared controls. */
body.noted-staff.nu-concierge #notedSignIn.nu-access :is(.nu-primary,.nu-secondary){
  display:flex;align-items:center;justify-content:center;width:100%;min-height:48px!important;margin:0!important;
  padding:0 24px!important;border-radius:14px!important;font:600 15px/20px var(--team-font)!important;letter-spacing:0;
}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-primary{
  background:var(--sa-dark)!important;border:1px solid #626262!important;color:#fff!important;
  box-shadow:inset 0 1px 1px #ffffff61,inset 0 -2px 2px #00000052,0 6px 12px #00000033!important;
}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-secondary{
  background:linear-gradient(150deg,#fff,#f2f2f2)!important;border:1px solid #fff!important;color:var(--sa-ink)!important;box-shadow:var(--sa-raised)!important;
}
body.noted-staff.nu-concierge #notedSignIn.nu-access :is(.nu-primary,.nu-secondary):disabled{
  background:#ededed!important;border-color:#dddddd!important;color:#666!important;box-shadow:none!important;transform:none!important;
}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-access-link{
  display:block;align-self:center;min-height:44px!important;margin:10px auto 0!important;padding:10px 12px!important;
  border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;transform:none!important;
  color:var(--sa-muted)!important;font:500 13px/1.5 var(--team-font)!important;
  text-decoration:underline;text-decoration-color:#bdbdbd;text-underline-offset:4px;
}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-access-link:hover{color:var(--sa-ink)!important;text-decoration-color:currentColor;background:transparent!important;box-shadow:none!important;transform:none!important}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-access-link:not([hidden])+.nu-access-link:not([hidden]){margin-top:0!important}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-access-link[hidden]{display:none!important}
body.noted-staff.nu-concierge #notedSignIn.nu-access :is(button,input,a):focus-visible{outline:3px solid var(--sa-ink)!important;outline-offset:3px!important}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-error{
  margin:0!important;color:var(--sa-error)!important;text-align:center;font:500 14px/1.5 var(--team-font)!important;
}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-error:empty{display:none}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-error:not(:empty){margin:18px 0 0!important;padding:12px 16px!important;border-radius:13px!important;background:#f6f6f6!important}

/* Loading and the device check that could not finish. */
body.noted-staff.nu-concierge #notedSignIn.nu-access [data-access-view=loading]:not([hidden]){display:flex;flex-direction:column;align-items:center;width:100%;max-width:320px}
body.noted-staff.nu-concierge #notedSignIn.nu-access #staffRetry{max-width:320px;margin:0 auto!important}
body.noted-staff.nu-concierge #notedSignIn.nu-access[data-mode=loading] .nu-access-workflow{margin-top:24px;align-items:center}
body.noted-staff.nu-concierge #notedSignIn.nu-access[data-mode=loading] .nu-error:not(:empty){order:-1;width:100%;max-width:320px;box-sizing:border-box;margin:0 0 14px!important}

/* Profiles: a clear name and initials. Profile photos are not built. */
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-profiles{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0 0 10px!important}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-profile{
  display:flex;align-items:center;gap:16px;width:100%;min-width:0;max-width:100%;overflow:hidden;min-height:76px!important;padding:14px 18px 14px 14px!important;
  border:1px solid #fff!important;border-radius:22px!important;
  background:linear-gradient(154deg,#fff,#f7f7f7 72%,#eeeeee)!important;color:var(--sa-ink)!important;
  box-shadow:var(--sa-card)!important;text-align:left;font:500 16px/1.35 var(--team-font)!important;
}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-profile-avatar{
  display:grid;place-items:center;flex:none;width:46px;height:46px;border:0!important;border-radius:50%;
  background:var(--sa-dark)!important;color:#fff!important;
  box-shadow:inset 0 1px 1px #ffffff55,inset 0 -2px 2px #00000040,0 3px 7px #00000026!important;
  font:600 16px/1 var(--team-font)!important;letter-spacing:.02em;
}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-profile-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-profile-arrow{flex:none;margin-left:auto;color:var(--sa-muted)!important;font:400 26px/1 var(--team-font)!important}
/* A name people recognize, with the email as a quiet second line. */
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-profile-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-profile .nu-profile-name{flex:none;font:600 17px/22px var(--team-font)!important;letter-spacing:-.01em}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-profile-email{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sa-muted)!important;font:400 13px/18px var(--team-font)!important}
/* iPad and wider: profiles as tiles, two across, three when there are three or more and room for them. A lone
   last tile sits centred. The phone keeps the list above. */
@media(min-width:744px){
  body.noted-staff.nu-concierge #notedSignIn.nu-access[data-mode=profiles] .nu-access-body{width:min(720px,100%)!important;max-width:720px!important}
  body.noted-staff.nu-concierge #notedSignIn.nu-access[data-mode=profiles] .nu-access-intro{max-width:440px;margin-left:auto!important;margin-right:auto!important}
  body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-profiles{display:flex!important;flex-wrap:wrap;justify-content:center;gap:24px!important;margin:0 0 12px!important}
  body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-profile{
    flex:0 1 calc((100% - 24px) / 2);flex-direction:column;justify-content:center;gap:12px;
    min-height:168px!important;padding:24px 16px!important;text-align:center;
  }
  body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-profile .nu-profile-avatar{width:64px;height:64px;font-size:20px!important}
  body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-profile-text{flex:none;width:100%;align-items:center}
  body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-profile-text>*{max-width:100%}
  body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-profile-arrow{display:none}
}
@media(min-width:1024px){
  body.noted-staff.nu-concierge #notedSignIn.nu-access[data-mode=profiles]:has(.nu-profile:nth-child(3)) .nu-access-body{width:min(800px,100%)!important;max-width:800px!important}
  body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-profiles:has(>.nu-profile:nth-child(3)) .nu-profile{flex-basis:calc((100% - 48px) / 3);padding-left:12px!important;padding-right:12px!important}
}
/* Remove this device: for the owner, not the staff path. A quiet line at the very foot, same confirmation. */
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-forget{
  display:block;align-self:center;flex:none;min-height:44px!important;margin:12px auto 0!important;padding:12px!important;
  border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;transform:none!important;
  color:#767676!important;font:500 12px/20px var(--team-font)!important;letter-spacing:0;
  text-decoration:underline;text-decoration-color:#d4d4d4;text-underline-offset:4px;
}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-forget:hover{color:var(--sa-ink)!important;text-decoration-color:currentColor;background:transparent!important;box-shadow:none!important;transform:none!important}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-forget[hidden]{display:none!important}
/* The profiles view opens with focus on a profile, not on Close. Like the PIN, its ring follows the keyboard: a
   finger sees a calm screen, a keyboard sees where it is from the first key. */
body.noted-staff.nu-concierge #notedSignIn.nu-access:not([data-input=keyboard]) .nu-profile:focus-visible{outline:none!important}

/* PIN: identity, six dots, a large round keypad, and room to breathe below. */
body.noted-staff.nu-concierge #notedSignIn.nu-access[data-mode=pin] h1,
body.noted-staff.nu-concierge #notedSignIn.nu-access[data-mode=pin] .nu-muted{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;
}
body.noted-staff.nu-concierge #notedSignIn.nu-access[data-mode=pin] .nu-original-lockup{margin-bottom:34px!important}
body.noted-staff.nu-concierge #notedSignIn.nu-access[data-mode=pin] .nu-access-workflow{margin-top:0;align-items:center}
body.noted-staff.nu-concierge #notedSignIn.nu-access #staffPinForm:not([hidden]){display:flex!important;flex-direction:column;align-items:center;width:100%}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-profile-choice{
  display:inline-flex!important;align-items:center;gap:10px;width:auto!important;max-width:100%;min-height:44px!important;
  margin:0 auto 24px!important;padding:4px 16px 4px 4px!important;
  border:1px solid var(--sa-line)!important;border-radius:999px!important;background:#fff!important;color:var(--sa-ink)!important;
  box-shadow:0 1px 2px #0000000a,0 4px 10px #0000000a!important;font:500 15px/1.3 var(--team-font)!important;text-align:left;
}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-profile-choice::after{
  content:''!important;flex:none;width:7px;height:7px;margin:0 2px 3px 2px!important;float:none!important;
  border-right:1.6px solid var(--sa-muted);border-bottom:1.6px solid var(--sa-muted);transform:rotate(45deg);
}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-profile-choice .nu-profile-avatar{width:34px;height:34px;font-size:13px!important}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-profile-choice .nu-profile-name{max-width:min(260px,62vw)}
body.noted-staff.nu-concierge #notedSignIn.nu-access[data-mode=pin] .nu-original-pin-label{
  display:block;margin:0 0 12px!important;color:var(--sa-muted)!important;
  font:400 11px/1.5 var(--team-font)!important;letter-spacing:.24em;text-align:center;text-transform:lowercase;
}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-pin-entry{
  position:relative;width:236px!important;height:44px!important;margin:0 auto!important;
  border:0!important;border-radius:22px!important;background:transparent!important;box-shadow:none!important;outline:0!important;
}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-pin-entry input{
  position:absolute;inset:0;width:100%!important;height:100%!important;min-height:0!important;margin:0;padding:0!important;
  border:0!important;border-radius:22px!important;background:transparent!important;box-shadow:none!important;
  color:transparent!important;caret-color:transparent;opacity:0;cursor:pointer;z-index:1;
}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-pin-entry:focus-within{outline:0!important}
body.noted-staff.nu-concierge #notedSignIn.nu-access[data-input=keyboard] .nu-pin-entry:has(input:focus){outline:3px solid var(--sa-ink)!important;outline-offset:3px!important}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-pin-dots{display:flex;align-items:center;justify-content:center;gap:22px;height:100%;border:0!important;pointer-events:none}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-pin-dot{
  width:14px!important;height:14px!important;border:1.5px solid #8a8a8a!important;border-radius:50%;background:transparent!important;
  transition:background-color 120ms ease,border-color 120ms ease,transform 120ms ease;
}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-pin-dot.is-filled{background:var(--sa-ink)!important;border-color:var(--sa-ink)!important;transform:scale(1.04)}
body.noted-staff.nu-concierge #notedSignIn.nu-access[data-pin-state=checking] .nu-pin-dot.is-filled{background:#5c5c5c!important;border-color:#5c5c5c!important}
body.noted-staff.nu-concierge #notedSignIn.nu-access[data-pin-state=wrong] .nu-pin-dots{animation:sa-nudge 320ms cubic-bezier(.3,.7,.4,1)}
@keyframes sa-nudge{0%,100%{transform:none}25%{transform:translateX(-7px)}55%{transform:translateX(5px)}80%{transform:translateX(-2px)}}
/* The PIN message holds its line, so the keypad never jumps when it appears. */
body.noted-staff.nu-concierge #notedSignIn.nu-access[data-mode=pin] #staffLoginError{
  display:block!important;min-height:21px;margin:12px 0!important;padding:0 8px!important;background:transparent!important;
  color:var(--sa-error)!important;font:500 14px/1.5 var(--team-font)!important;text-align:center;
}
body.noted-staff.nu-concierge #notedSignIn.nu-access[data-mode=pin][data-pin-state=wrong] #staffLoginError{color:var(--sa-ink)!important}
/* After a refused PIN the reset path sits right under the message, in place of the foot link: 12 above, 12 below. */
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-pin-recovery:not([hidden]){display:flex;justify-content:center;width:100%;margin:0 0 12px}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-pin-recovery .nu-access-link{margin:0 auto!important;color:var(--sa-ink)!important;text-decoration-color:#9a9a9a}
body.noted-staff.nu-concierge #notedSignIn.nu-access:has(.nu-pin-recovery:not([hidden])) #staffPinForm>.nu-access-link{display:none!important}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-keypad{
  display:grid!important;grid-template-columns:repeat(3,var(--sa-key))!important;justify-content:center!important;
  gap:var(--sa-key-gap-y) var(--sa-key-gap-x)!important;width:auto!important;max-width:none!important;margin:0 auto 24px!important;
}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-keypad button{
  display:grid;place-items:center;width:var(--sa-key)!important;height:var(--sa-key)!important;min-width:44px!important;min-height:44px!important;
  padding:0!important;border:1px solid #fff!important;border-radius:50%!important;
  background:linear-gradient(150deg,#fff,#f0f0f0 70%,#e8e8e8)!important;color:var(--sa-ink)!important;
  box-shadow:var(--sa-raised)!important;
  font:600 var(--sa-key-font)/1 var(--team-font)!important;letter-spacing:-.02em;font-variant-numeric:tabular-nums;
  touch-action:manipulation;-webkit-tap-highlight-color:transparent;
  transition:transform 120ms cubic-bezier(.2,.7,.2,1),box-shadow 120ms cubic-bezier(.2,.7,.2,1),background-color 120ms ease!important;
}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-keypad .nu-key-action{
  background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:var(--sa-muted)!important;
  font:500 13px/1 var(--team-font)!important;letter-spacing:0;
}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-keypad [data-key=delete]{font-size:24px!important}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-keypad button:not(:disabled):active{
  transform:scale(.95)!important;background:linear-gradient(150deg,#e4e4e4,#f4f4f4)!important;box-shadow:var(--sa-pressed)!important;
}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-keypad .nu-key-action:not(:disabled):active{background:#efefef!important;box-shadow:none!important}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-keypad button:disabled{opacity:.55;transform:none!important}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-keypad button:not(.nu-key-action):disabled{box-shadow:var(--sa-raised)!important}
body.noted-staff.nu-concierge #notedSignIn.nu-access #staffPinSubmit{max-width:268px;margin:0 auto 4px!important}
body.noted-staff.nu-concierge #notedSignIn.nu-access[data-mode=pin] .nu-access-link{margin-top:0!important}
@media(hover:hover) and (pointer:fine){
  body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-keypad button:not(.nu-key-action):not(:disabled):hover{transform:translateY(-1px)!important;box-shadow:var(--sa-raised-hover)!important}
  body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-keypad .nu-key-action:not(:disabled):hover{background:#f3f3f3!important;color:var(--sa-ink)!important;transform:none!important}
  body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-profile:hover{transform:translateY(-2px)!important;box-shadow:var(--desk-hover,var(--sa-raised-hover))!important}
  body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-profile-choice:hover{transform:none!important;border-color:#c9c9c9!important;box-shadow:0 2px 4px #0000000f,0 8px 16px #0000000f!important}
}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-profile:not(:disabled):active{transform:translateY(1px) scale(.995)!important;box-shadow:inset 0 3px 7px #00000017,0 0 0 1px #c7c7c7,0 2px 5px #0000000f!important}

/* Locked out: the keypad steps aside for a quiet panel with the server's own words. */
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-pin-lockout:not([hidden]){
  display:flex;flex-direction:column;align-items:center;gap:0;width:100%;max-width:340px;margin:0 auto;text-align:center;
}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-pin-lockout-icon{
  display:grid;place-items:center;width:52px;height:52px;margin:0 0 20px;border:1px solid #626262;border-radius:16px;
  background:linear-gradient(155deg,#454545,#1a1a1a 72%);color:#fff;
  box-shadow:inset 0 1px 1px #ffffff66,inset 0 -2px 2px #00000047,0 0 0 1px #00000033,0 6px 12px #00000026;
}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-pin-lockout-icon svg{width:25px;height:25px}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-pin-lockout-title{
  margin:0 0 8px!important;color:var(--sa-ink)!important;font:600 26px/1.15 var(--team-font)!important;letter-spacing:-.045em!important;
}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-pin-lockout-detail{
  max-width:30ch;margin:0 0 26px!important;color:var(--sa-muted)!important;font:400 15px/1.55 var(--team-font)!important;
}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-pin-lockout .nu-secondary{margin-top:12px!important}
body.noted-staff.nu-concierge #notedSignIn.nu-access[data-pin-state=locked-out] :is(.nu-original-pin-label,.nu-pin-entry,.nu-keypad,#staffPinSubmit,#staffPinForm>.nu-access-link){display:none!important}
body.noted-staff.nu-concierge #notedSignIn.nu-access[data-pin-state=locked-out] #staffLoginError{
  position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;
}

/* Setup, add a profile, reset a PIN, remove this device: one clean form. */
body.noted-staff.nu-concierge #notedSignIn.nu-access #staffCredentials:not([hidden]){display:flex;flex-direction:column;margin:0!important;text-align:left}
body.noted-staff.nu-concierge #notedSignIn.nu-access #staffCredentials label,
body.noted-staff.nu-concierge #notedSignIn.nu-access #staffPinSetup label{
  display:block;margin:24px 0 12px!important;color:var(--sa-muted)!important;font:600 13px/18px var(--team-font)!important;text-align:left!important;
}
body.noted-staff.nu-concierge #notedSignIn.nu-access #staffCredentials>label:first-child{margin-top:0!important}
body.noted-staff.nu-concierge #notedSignIn.nu-access #staffCredentials input{
  width:100%;min-height:48px!important;margin:0!important;padding:12px 16px!important;box-sizing:border-box;
  border:1px solid var(--sa-field)!important;border-radius:14px!important;background:#fff!important;color:var(--sa-ink)!important;
  box-shadow:inset 0 1px 2px #0000000a!important;font:400 16px/22px var(--team-font)!important;
}
body.noted-staff.nu-concierge #notedSignIn.nu-access #staffCredentials input:focus-visible{border-color:var(--sa-ink)!important;outline:3px solid var(--sa-ink)!important;outline-offset:2px!important}
body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-pin-setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
body.noted-staff.nu-concierge #notedSignIn.nu-access #staffCredentials .nu-login-help{margin:12px 0 0!important;color:var(--sa-muted)!important;font:400 13px/1.55 var(--team-font)!important;text-align:left}
body.noted-staff.nu-concierge #notedSignIn.nu-access #staffCredentialsSubmit{margin-top:24px!important}
body.noted-staff.nu-concierge #notedSignIn.nu-access #staffCredentials #staffCredentialsSubmit+.nu-login-help{margin-top:12px!important;text-align:center}
body.noted-staff.nu-concierge #notedSignIn.nu-access:is([data-mode=setup],[data-mode=forget]) .nu-access-link{margin-top:16px!important}
body.noted-staff.nu-concierge #notedSignIn.nu-access:is([data-mode=setup],[data-mode=forget]) .nu-access-link+.nu-access-link{margin-top:0!important}
body.noted-staff.nu-concierge #notedSignIn.nu-access:is([data-mode=setup],[data-mode=forget]) .nu-original-lockup{margin-bottom:32px!important}

/* iPad landscape and short windows: same composition, tighter rhythm, still roomy below. */
@media(max-height:900px){
  body.noted-staff.nu-concierge #notedSignIn.nu-access{--sa-key:70px;--sa-key-gap-y:12px;--sa-key-gap-x:24px;--sa-key-font:29px;--sa-brand-gap:38px;--sa-noted:140px;--sa-client:108px;--sa-top:60px;--sa-bottom:22px}
  body.noted-staff.nu-concierge #notedSignIn.nu-access[data-mode=pin] .nu-original-lockup{margin-bottom:24px!important}
  body.noted-staff.nu-concierge #notedSignIn.nu-access[data-mode=pin] #staffLoginError{margin:12px 0!important}
  body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-keypad{margin-bottom:12px!important}
  body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-original-foot{padding-top:22px}
  /* The reset path takes the location line's room, so the keypad keeps its space below. */
  body.noted-staff.nu-concierge #notedSignIn.nu-access:has(.nu-pin-recovery:not([hidden])) .nu-original-foot{display:none!important}
  body.noted-staff.nu-concierge #notedSignIn.nu-access:has(.nu-pin-recovery:not([hidden])) .nu-access-workflow{margin-bottom:auto}
}
@media(max-height:760px){
  body.noted-staff.nu-concierge #notedSignIn.nu-access{--sa-key:62px;--sa-key-gap-y:12px;--sa-key-gap-x:24px;--sa-key-font:26px;--sa-brand-gap:26px;--sa-noted:124px;--sa-client:96px;--sa-top:52px;--sa-bottom:16px}
  body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-original-lockup{margin-bottom:24px!important}
  body.noted-staff.nu-concierge #notedSignIn.nu-access[data-mode=pin] .nu-original-lockup{margin-bottom:18px!important}
  body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-profile-choice{margin-bottom:12px!important}
  body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-original-lockup span{margin-top:10px}
  body.noted-staff.nu-concierge #notedSignIn.nu-access[data-mode=pin] .nu-original-pin-label{margin-bottom:12px!important}
  body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-original-foot{display:none!important}
  body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-forget{margin-top:auto!important}
}
@media(max-height:700px){
  body.noted-staff.nu-concierge #notedSignIn.nu-access{--sa-key:58px;--sa-key-gap-y:9px;--sa-key-font:25px;--sa-brand-gap:20px;--sa-top:50px;--sa-bottom:12px}
  body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-profile-choice{margin-bottom:12px!important}
  body.noted-staff.nu-concierge #notedSignIn.nu-access[data-mode=pin] #staffLoginError{margin:4px 0 8px!important}
  body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-keypad{margin-bottom:12px!important}
  body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-pin-recovery:not([hidden]){margin:-10px 0 10px}
}
@media(max-height:620px){
  body.noted-staff.nu-concierge #notedSignIn.nu-access{--sa-key:52px;--sa-key-gap-y:8px;--sa-key-gap-x:20px;--sa-key-font:23px;--sa-brand-gap:16px;--sa-noted:108px;--sa-client:84px;--sa-top:48px}
  body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-original-lockup span{display:none!important}
}
/* Phone: the same column, edge to edge, home indicator respected. */
@media(max-width:600px){
  body.noted-staff.nu-concierge #notedSignIn.nu-access{--sa-noted:136px;--sa-client:106px;--sa-brand-gap:36px}
  body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-access-body{padding-left:24px!important;padding-right:24px!important}
  body.noted-staff.nu-concierge #notedSignIn.nu-access h1{font-size:34px!important}
  body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-muted{font-size:14px!important}
}
@media(max-width:600px) and (max-height:760px){
  body.noted-staff.nu-concierge #notedSignIn.nu-access{--sa-noted:118px;--sa-client:92px;--sa-brand-gap:24px}
}
@media(max-width:380px){
  body.noted-staff.nu-concierge #notedSignIn.nu-access{--sa-key-gap-x:20px}
  body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-access-body{padding-left:18px!important;padding-right:18px!important}
  body.noted-staff.nu-concierge #notedSignIn.nu-access .nu-pin-setup-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  body.noted-staff.nu-concierge #notedSignIn.nu-access{animation:none!important}
  body.noted-staff.nu-concierge #notedSignIn.nu-access :is(.nu-keypad button,.nu-profile,.nu-pin-dot,.nu-profile-choice){transition:none!important}
  body.noted-staff.nu-concierge #notedSignIn.nu-access :is(.nu-keypad button,.nu-profile,.nu-pin-dot,.nu-profile-choice):is(:hover,:active,.is-filled){transform:none!important}
  body.noted-staff.nu-concierge #notedSignIn.nu-access[data-pin-state=wrong] .nu-pin-dots{animation:none!important}
}

/* Locked screen and signed out: staff pages reload here after Lock or when the lease ends.
   Desk eyebrow, Desk heading scale, the estate photo as a raised card, one way back in. */
body.noted-staff.nu-concierge .nu-locked-home{
  box-sizing:border-box;width:100%;max-width:1280px!important;margin:0 auto!important;
  padding:54px 48px calc(64px + env(safe-area-inset-bottom))!important;text-align:left!important;
}
html.noted-staff-locked body.noted-staff.nu-concierge .nu-locked-home{display:grid!important;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:44px;align-items:center}
body.noted-staff.nu-concierge .nu-locked-home .nu-welcome-copy{
  position:static!important;inset:auto!important;width:auto!important;max-width:520px!important;padding:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;
}
body.noted-staff.nu-concierge .nu-locked-home .nu-eyebrow{
  margin:0 0 12px!important;color:var(--desk-muted)!important;font:600 13px/1.4 var(--team-font)!important;letter-spacing:0!important;text-transform:none!important;
}
body.noted-staff.nu-concierge .nu-locked-home .nu-welcome-copy h1{
  margin:0 0 16px!important;color:var(--desk-ink)!important;font:600 clamp(40px,5vw,60px)/1.05 var(--team-font)!important;letter-spacing:-.055em!important;text-wrap:balance;
}
body.noted-staff.nu-concierge .nu-locked-home .nu-welcome-copy .nu-muted{
  max-width:40ch;margin:0 0 30px!important;color:var(--desk-muted)!important;font:400 16px/1.6 var(--team-font)!important;
}
body.noted-staff.nu-concierge .nu-locked-home .nu-welcome-copy .nu-primary{
  width:auto!important;min-width:220px;min-height:48px!important;margin:0!important;padding:0 24px!important;border-radius:14px!important;
  font:600 15px/20px var(--team-font)!important;
}
body.noted-staff.nu-concierge .nu-locked-home .nu-welcome-estate{
  height:min(560px,64vh);border:1px solid #fff;border-radius:25px;box-shadow:var(--desk-card-shadow,0 10px 28px #0000000b);
}
html.noted-staff-locked body.noted-staff.nu-concierge .nu-shell .nu-account{margin-left:auto!important}
@media(max-width:900px){
  html.noted-staff-locked body.noted-staff.nu-concierge .nu-locked-home{grid-template-columns:1fr;gap:34px;padding:44px 32px calc(48px + env(safe-area-inset-bottom))!important}
  body.noted-staff.nu-concierge .nu-locked-home .nu-welcome-estate{order:2;height:min(640px,52vh)}
  body.noted-staff.nu-concierge .nu-locked-home .nu-welcome-copy{order:1}
}
@media(max-width:600px){
  html.noted-staff-locked body.noted-staff.nu-concierge .nu-locked-home{padding:32px 24px calc(40px + env(safe-area-inset-bottom))!important;gap:28px}
  body.noted-staff.nu-concierge .nu-locked-home .nu-welcome-copy h1{font-size:38px!important}
  body.noted-staff.nu-concierge .nu-locked-home .nu-welcome-copy .nu-muted{font-size:15px!important;margin-bottom:24px!important}
  body.noted-staff.nu-concierge .nu-locked-home .nu-welcome-copy .nu-primary{width:100%!important}
  body.noted-staff.nu-concierge .nu-locked-home .nu-welcome-estate{height:min(340px,40vh);border-radius:22px}
}