/* Don Mac POS v1.5.74 — approved borderless-logo split login. */
#authScreen.auth-screen {
  min-height:100vh;
  min-height:100dvh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:clamp(16px,5vw,52px);
  background:#ead8c7;
  background-image:
    radial-gradient(ellipse at 8% 10%,rgba(129,76,43,.09) 0 9%,transparent 9.5%),
    radial-gradient(ellipse at 93% 87%,rgba(129,76,43,.1) 0 11%,transparent 11.5%),
    linear-gradient(135deg,#f1e4d7 0%,#e7d4c2 100%);
}
#authScreen .auth-shell{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  width:min(1260px,100%);
  min-height:min(710px,calc(100dvh - 60px));
  border-radius:40px;
  overflow:hidden;
  border:0;
  box-shadow:0 25px 90px rgba(42,35,24,.2);
  background:#f8f3e9;
}
#authScreen .auth-brand-panel{
  display:flex;align-items:center;justify-content:center;
  min-width:0;min-height:100%;
  background:#faf7f1;
  padding:clamp(28px,4.5vw,72px);
}
#authScreen .auth-brand-logo{
  display:block;
  width:min(100%,475px);
  max-height:590px;
  height:auto;
  object-fit:contain;
  background:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
}
#authScreen .auth-card{
  width:100%;max-width:none;
  border:0;box-shadow:none;border-radius:0;
  padding:clamp(28px,4.2vw,64px) clamp(28px,4.2vw,68px);
  margin:0;
  min-width:0;
  background:#075D38;
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:stretch;
  gap:0;
}
#authScreen .auth-beans-icon{
  align-self:center;
  display:block;
  width:clamp(78px,9.5vw,120px);
  height:clamp(78px,9.5vw,120px);
  object-fit:contain;
  margin:0 auto clamp(14px,2vw,22px);
  padding:0!important;
  border:none!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
}
#authScreen .auth-card #authTitle{
  font-size:clamp(25px,2.35vw,36px);
  font-weight:800;
  line-height:1.22;
  letter-spacing:-.025em;
  color:#fff;
  margin:0 0 clamp(18px,2.2vw,26px);
  max-width:25ch;
}
#authScreen .auth-hint{
  color:#e0f2e6;
  font-size:13px;
  line-height:1.5;
  margin:-10px 0 16px;
}
#authScreen .auth-hint:empty{display:none}
#authScreen .auth-card>label:not(.auth-remember){
  display:block;
  margin:0 0 8px;
  color:#fff;font-size:14px;font-weight:750;
}
#authScreen .auth-input-box{
  display:flex;
  align-items:center;
  min-width:0;
  height:56px;
  border:1px solid rgba(255,255,255,.3);
  border-radius:12px;
  margin-bottom:18px;
  background:rgba(255,255,255,.09);
  color:#e1f3e7;
  transition:border-color .16s,box-shadow .16s;
}
#authScreen .auth-input-box:focus-within{
  border-color:#d1eac8;
  box-shadow:0 0 0 3px rgba(210,235,207,.12);
}
#authScreen .auth-field-icon{margin-left:18px;flex-shrink:0;opacity:.88}
#authScreen .auth-input-box input{
  flex:1;min-width:0;width:100%;height:100%;
  border:0!important;outline:0!important;box-shadow:none!important;
  background:transparent!important;color:#fff!important;
  padding:0 15px;
  font-size:16px;font-weight:550;
}
#authScreen .auth-input-box input::placeholder{color:rgba(255,255,255,.6)}
/* Keep browser autofill from drawing a nested green capsule inside the textbox. */
#authScreen .auth-input-box > input:-webkit-autofill,
#authScreen .auth-input-box > input:-webkit-autofill:hover,
#authScreen .auth-input-box > input:-webkit-autofill:focus {
  -webkit-text-fill-color:#fff!important;
  -webkit-box-shadow:none!important;
  box-shadow:none!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  caret-color:#fff!important;
}

#authScreen .auth-password-toggle{
  display:grid;place-items:center;flex:0 0 44px;
  height:44px;margin-right:5px;
  padding:0;color:#e2f5e8;background:transparent;
  border:0;border-radius:10px;cursor:pointer;
}
#authScreen .auth-password-toggle:hover{background:rgba(255,255,255,.12)}
#authScreen .auth-options{
  display:flex;justify-content:space-between;align-items:center;
  flex-wrap:wrap;gap:9px;
  margin:-3px 0 20px;
}
#authScreen .auth-remember{
  display:flex!important;align-items:center;gap:8px;
  color:#f2fbf4!important;
  font-size:12px!important;font-weight:600!important;
  cursor:pointer;
}
#authScreen .auth-remember input{
  width:17px!important;height:17px!important;
  min-width:17px!important;margin:0;
  accent-color:#d5eeac;
}
#authScreen .auth-text-action{
  background:none;border:0;padding:4px 0;
  font-size:12px;font-weight:700;
  color:#fff;text-decoration:underline;
  text-underline-offset:3px;cursor:pointer;
}
#authScreen .auth-text-action:hover{color:#d4efac}
#authScreen .auth-scope-details{
  margin:0 0 22px;
  border:1px solid rgba(255,255,255,.19);
  background:rgba(255,255,255,.055);
  border-radius:12px;
  padding:11px 14px;
  color:#f4fbf5;
}
#authScreen .auth-scope-details summary{
  cursor:pointer;
  color:#ecfbf0;
  font-size:12px;font-weight:800;
}
#authScreen .auth-scope-caption{font-size:10px;font-weight:500;opacity:.75}
#authScreen .auth-scope-fields{padding-top:13px;display:grid;gap:11px}
#authScreen .auth-scope-details label{
  display:grid;gap:6px;
  color:#fff;font-size:12px;font-weight:700;
}
#authScreen .auth-scope-details input{
  padding:11px 12px;min-height:42px;
  border-radius:9px;border:1px solid rgba(255,255,255,.25);
  color:#fff;background:rgba(255,255,255,.1);
}
#authScreen .auth-scope-details input::placeholder{color:#c2deca}
#authScreen .auth-scope-details .auth-scope-note{
  color:#d1e5d7;margin:3px 0 0;
  font-size:11px;line-height:1.5;
}
#authScreen .auth-submit{
  width:min(100%,390px);
  min-height:58px;
  align-self:center;
  border:0!important;
  border-radius:18px;
  background:#f9f4ec!important;
  color:#075D38!important;
  box-shadow:0 7px 17px rgba(0,0,0,.15);
  font-size:23px;font-weight:800;
  margin:0 0 22px;
  transition:background .15s,transform .15s;
}
#authScreen .auth-submit:hover:not(:disabled){background:#e7efe0!important;transform:translateY(-1px)}
#authScreen .auth-signup{
  margin:0;text-align:center;
  color:#f0f9f2;font-size:14px;
}
#authScreen .auth-signup .auth-text-action{font-size:14px;color:#d5f6ab;margin-left:2px}
#authScreen .auth-help-message{
  margin:15px 0 0;padding:12px 14px;
  color:#fff;background:rgba(0,0,0,.2);
  border:1px solid rgba(255,255,255,.2);
  border-radius:10px;font-size:12px;line-height:1.5;
}
#authScreen .auth-help-message.hidden{display:none!important}
@media(max-width:900px){
  #authScreen.auth-screen{padding:18px}
  #authScreen .auth-shell{min-height:0;grid-template-columns:.76fr 1.24fr;border-radius:29px}
  #authScreen .auth-brand-panel{padding:25px}
  #authScreen .auth-card{padding:35px 28px}
  #authScreen .auth-card #authTitle{font-size:clamp(22px,3vw,30px)}
}
@media(max-width:640px){
  #authScreen.auth-screen{padding:14px;align-items:flex-start}
  #authScreen .auth-shell{grid-template-columns:1fr;border-radius:25px;min-height:0;max-width:500px;margin:auto}
  #authScreen .auth-brand-panel{min-height:175px;max-height:205px;padding:12px 24px}
  #authScreen .auth-brand-logo{width:auto;max-width:260px;height:175px;max-height:100%;object-fit:contain}
  #authScreen .auth-card{padding:24px 25px 32px}
  #authScreen .auth-beans-icon{width:72px;height:72px;margin-bottom:12px}
  #authScreen .auth-card #authTitle{font-size:25px;margin-bottom:21px}
  #authScreen .auth-input-box{height:51px}
  #authScreen .auth-submit{min-height:52px;font-size:19px}
}
@media(prefers-reduced-motion:reduce){
  #authScreen .auth-input-box,#authScreen .auth-submit{transition:none}
}

/* v1.5.75: true viewport-sized desktop login and sharp original artwork */
#authScreen.auth-screen{height:100dvh;min-height:0;overflow:hidden;padding:clamp(9px,1.8vh,20px) clamp(10px,2vw,30px)}
#authScreen .auth-shell{height:min(650px,calc(100dvh - 22px));min-height:0;max-height:calc(100dvh - 18px);border-radius:clamp(16px,2vw,30px)}
#authScreen .auth-brand-panel{min-height:0;padding:clamp(10px,2vw,28px)}
#authScreen .auth-brand-logo{width:auto;max-width:100%;max-height:calc(100dvh - 85px);filter:contrast(1.65);object-fit:contain}
#authScreen .auth-card{min-height:0;overflow-y:auto;padding:clamp(12px,2.3vh,25px) clamp(18px,3vw,45px);scrollbar-width:thin}
#authScreen .auth-beans-icon{width:clamp(55px,9vh,78px);height:clamp(55px,9vh,78px);margin-bottom:clamp(6px,1.1vh,11px)}
#authScreen .auth-card #authTitle{font-size:clamp(20px,2.1vw,29px);margin-bottom:clamp(12px,1.9vh,16px)}
#authScreen .auth-input-box{height:clamp(42px,6vh,50px);margin-bottom:clamp(9px,1.6vh,13px)}
#authScreen .auth-options{margin-bottom:clamp(13px,2.3vh,20px)}
#authScreen .auth-submit{min-height:45px;margin-bottom:10px;font-size:18px}
#authScreen #authPassword::-ms-reveal,#authScreen #authPassword::-ms-clear{display:none!important}
#authScreen .auth-password-toggle,#authScreen .auth-password-toggle svg{color:#fff!important;stroke:#fff!important}
#authScreen .auth-card:has(.auth-secondary-panel:not(.hidden)){display:block;padding:0}
#authScreen .auth-card:has(.auth-secondary-panel:not(.hidden)) > :not(.auth-secondary-panel){display:none!important}
#authScreen .auth-secondary-panel{padding:20px clamp(18px,3vw,44px);color:#fff;overflow-y:auto;height:100%;display:flex;flex-direction:column;gap:9px;scrollbar-width:thin}
#authScreen .auth-secondary-panel.hidden{display:none!important}
#authScreen .auth-secondary-panel h2{margin:0;font-size:clamp(21px,2.2vw,29px);color:#fff}
#authScreen .auth-secondary-panel .auth-beans-icon{align-self:center;flex-shrink:0;width:50px;height:50px;margin:0}
#authScreen .auth-secondary-intro{margin:0;color:#d8f3df;font-size:12px;line-height:1.5}
#authScreen .auth-secondary-form{display:grid;gap:10px}
#authScreen .auth-secondary-form.hidden{display:none!important}
#authScreen .auth-secondary-form label{color:#fff;display:grid;gap:5px;font-size:12px;font-weight:750}
#authScreen .auth-secondary-form input{width:100%;min-width:0;box-sizing:border-box;min-height:39px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:9px 10px;color:#fff}
#authScreen .auth-secondary-form input::placeholder{color:#c2e4cd}
#authScreen .auth-secondary-form .auth-submit{font-size:15px;margin:6px 0 0;border-radius:10px;min-height:44px}
#authScreen .auth-field-status{font-size:11px;color:#d5eed9;margin:0}
#authScreen .auth-field-input{display:block;position:relative}
#authScreen .auth-field-input input{padding-right:60px}
#authScreen .auth-eye{position:absolute;top:4px;bottom:4px;right:4px;background:none;border:0;color:#fff;font-size:11px;cursor:pointer;padding:4px 10px}
#authScreen .auth-secondary-message{font-size:12px;color:#e9f8ee;line-height:1.5;margin:2px 0}
#authScreen .auth-secondary-message.error,#authScreen .auth-field-status.error{color:#ffe0cc}
#authScreen .auth-back{background:transparent;border:0;color:#fff;text-decoration:underline;cursor:pointer;padding:6px;font-size:12px;align-self:center}
@media(max-width:640px){#authScreen.auth-screen{height:auto;min-height:100dvh;overflow:auto}#authScreen .auth-shell{height:auto;max-height:none}#authScreen .auth-brand-panel{min-height:145px;max-height:180px}#authScreen .auth-brand-logo{max-height:150px}#authScreen .auth-card{height:auto;max-height:none;overflow:visible}#authScreen .auth-secondary-panel{height:auto;overflow:visible}}

/* v1.5.75.1: share the green right-hand pane between login/signup/recovery. */
#authScreen .auth-panel{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;overflow:hidden;background:#075d38}
#authScreen .auth-panel>.auth-card{flex:1;overflow-y:auto}
#authScreen .auth-panel>.auth-secondary-panel{flex:1;min-height:0;max-height:100%;overflow-y:auto}
#authScreen .auth-panel>.auth-secondary-panel.hidden{display:none!important}
#authScreen .auth-panel:has(.auth-secondary-panel:not(.hidden))>.auth-card{display:none!important}
#authScreen .auth-panel:has(.auth-secondary-panel:not(.hidden))>.auth-secondary-panel:not(.hidden){display:flex!important}
@media(max-width:640px){
 #authScreen .auth-panel{height:auto;overflow:visible}
 #authScreen .auth-panel>.auth-secondary-panel{height:auto;max-height:none;overflow:visible}
}

/* Hide Edge's native password-eye icon wherever the custom white icon is used. */
#authScreen input[type="password"]::-ms-reveal,
#authScreen input[type="password"]::-ms-clear{display:none!important}

/* v1.5.76: visual dimensions at 100% browser zoom match former 75% card.
   Keep viewport units as limits rather than asking users to lower zoom. */
@media (min-width:641px) {
 #authScreen.auth-screen {
   min-height:100dvh;
   height:100dvh;
   padding:clamp(14px,2.5vh,28px) clamp(14px,2.5vw,32px);
   overflow:auto;
   align-items:center;
   justify-content:center;
 }
 #authScreen .auth-shell {
   width:min(970px,calc(100vw - 42px));
   height:min(500px,calc(100dvh - 38px));
   min-height:0;
   max-height:calc(100dvh - 38px);
   border-radius:22px;
   grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
   margin:auto;
 }
 #authScreen .auth-brand-panel {padding:15px 24px;min-height:0}
 #authScreen .auth-brand-logo {
   width:auto;
   max-width:100%;
   height:auto;
   max-height:calc(min(500px,100dvh - 38px) - 38px);
   filter:contrast(1.72);
   object-fit:contain;
 }
 #authScreen .auth-panel>.auth-card {
   padding:16px 27px 19px;
   min-height:0;
   gap:0;
   overflow-y:auto;
   justify-content:center;
 }
 #authScreen .auth-panel>.auth-card .auth-beans-icon{
   width:56px;height:56px;min-height:56px;margin-bottom:8px
 }
 #authScreen .auth-panel>.auth-card #authTitle{
   font-size:clamp(18px,1.9vw,23px);
   letter-spacing:-.02em;line-height:1.24;margin:0 0 12px;
 }
 #authScreen .auth-panel>.auth-card>label{font-size:12px;margin:0 0 5px}
 #authScreen .auth-panel>.auth-card .auth-input-box{
   height:41px;min-height:41px;margin-bottom:10px;border-radius:9px;
 }
 #authScreen .auth-panel>.auth-card .auth-input-box input{
   font-size:13px;padding:0 11px;
 }
 #authScreen .auth-panel>.auth-card .auth-options{
   margin:1px 0 13px;
 }
 #authScreen .auth-panel>.auth-card .auth-submit{
   min-height:42px;width:min(100%,310px);
   margin-bottom:10px;border-radius:11px;font-size:16px;
 }
 #authScreen .auth-panel>.auth-card .auth-signup{font-size:12px}
 #authScreen .auth-panel>.auth-card .auth-signup .auth-text-action{font-size:12px}
 #authScreen .auth-panel>.auth-card .auth-remember{font-size:11px!important}
 #authScreen .auth-panel>.auth-card .auth-text-action{font-size:11px}
 #authScreen .auth-panel>.auth-secondary-panel{padding:17px 25px}
 #authScreen .auth-panel>.auth-secondary-panel .auth-secondary-form{gap:7px}
 #authScreen .auth-panel>.auth-secondary-panel .auth-secondary-form input{min-height:36px}
}
@media (min-width:641px) and (max-height:565px){
 #authScreen .auth-shell{height:calc(100dvh - 28px);max-height:calc(100dvh - 28px)}
 #authScreen .auth-panel>.auth-card{justify-content:flex-start}
 #authScreen .auth-panel>.auth-card .auth-beans-icon{width:46px;height:46px;min-height:46px}
}

/* v1.5.77: circular 60-second OTP resend indicator */
#authScreen .auth-otp-widget{
 display:flex;flex-direction:column;align-items:center;gap:8px;
 padding:5px 0 2px;margin:0 auto;width:100%;text-align:center;
 color:#e5f6e9;
}
#authScreen .auth-otp-caption{font-size:12px;font-weight:650;margin:0;color:#ecfaef}
#authScreen .auth-otp-ring{
 display:grid;place-items:center;position:relative;
 width:88px;height:88px;flex-shrink:0;border-radius:50%;background:rgba(255,255,255,.035);
}
#authScreen .auth-otp-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
#authScreen .auth-otp-track,#authScreen .auth-otp-progress{
 fill:none;stroke-width:6;stroke-linecap:round;
}
#authScreen .auth-otp-track{stroke:rgba(255,255,255,.2)}
#authScreen .auth-otp-progress{
 stroke:#d8f7b7;stroke-dasharray:100;stroke-dashoffset:0;transition:stroke-dashoffset .24s linear;
}
#authScreen .auth-otp-countdown,#authScreen .auth-otp-resend{
 position:relative;z-index:1;font-weight:800;font-variant-numeric:tabular-nums;
}
#authScreen .auth-otp-countdown{font-size:19px;color:white;letter-spacing:.035em}
#authScreen .auth-otp-resend{
 width:70px;height:70px;border:0;cursor:pointer;border-radius:50%;
 background:transparent;color:#f0ffd9;font-size:12px;padding:0;
}
#authScreen .auth-otp-resend:hover:not(:disabled){background:rgba(255,255,255,.13);color:#fff}
#authScreen .auth-otp-resend:focus-visible{outline:3px solid #d8f7b7;outline-offset:2px}
#authScreen .auth-otp-resend:disabled{opacity:.65;cursor:default}
#authScreen .auth-otp-hint{font-size:11px;color:#d1ebd6;line-height:1.4;margin:0}
#authScreen .auth-otp-resend.hidden,#authScreen .auth-otp-countdown.hidden{display:none!important}
@media(prefers-reduced-motion:reduce){#authScreen .auth-otp-progress{transition:none}}

/* v1.5.78: prominent, always reachable navigation in registration and recovery */
#authScreen .auth-panel>.auth-secondary-panel .auth-back-top{
 display:inline-flex;
 align-self:flex-start;
 align-items:center;
 justify-content:flex-start;
 flex:0 0 auto;
 gap:8px;
 width:auto;
 min-height:36px;
 margin:0 0 8px;
 padding:7px 11px 7px 8px;
 background:rgba(255,255,255,.10);
 border:1px solid rgba(255,255,255,.25);
 border-radius:9px;
 color:#ffffff;
 font-size:12px;
 font-weight:750;
 text-decoration:none;
 cursor:pointer;
}
#authScreen .auth-panel>.auth-secondary-panel .auth-back-top:hover{
 background:rgba(255,255,255,.19);
}
#authScreen .auth-panel>.auth-secondary-panel .auth-back-top:focus-visible{
 outline:3px solid #dbefcb;
 outline-offset:2px;
}
#authScreen .auth-panel>.auth-secondary-panel .auth-back-top svg{
 display:block;
 flex:none;
}

/* v1.5.79 — uploaded coffee artwork on the logo panel and larger bean emblem. */
#authScreen .auth-brand-panel {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#c69c6d !important;
}
#authScreen .auth-brand-panel::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:url('/assets/login-coffee-pattern.png?v=1.5.79');
  background-position:center;
  background-repeat:repeat;
  background-size:520px 520px;
  mix-blend-mode:multiply;
  opacity:.82;
}
#authScreen .auth-brand-panel::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:radial-gradient(ellipse at 50% 50%, rgba(249,234,204,.70) 0%, rgba(249,234,204,.33) 48%, transparent 81%);
}
#authScreen .auth-brand-panel .auth-brand-logo {
  position:relative;
  z-index:2;
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  filter:contrast(1.45);
}
/* Increase the original three-bean icon and move it upward in all 3 forms. */
#authScreen .auth-panel>.auth-card .auth-beans-icon {
  width:84px;
  height:84px;
  min-height:84px;
  margin:-9px auto -5px;
  transform:translateY(-8px);
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}
#authScreen .auth-panel>.auth-secondary-panel>.auth-beans-icon {
  width:82px;
  height:82px;
  min-height:82px;
  flex-shrink:0;
  align-self:center;
  margin:-7px auto -3px;
  transform:translateY(-6px);
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}
@media (max-width:640px) {
  #authScreen .auth-brand-panel::before {
    background-size:370px 370px;
  }
  #authScreen .auth-panel>.auth-card .auth-beans-icon {
    width:83px;
    height:83px;
    min-height:83px;
    margin:-5px auto -1px;
    transform:translateY(-7px);
  }
  #authScreen .auth-panel>.auth-secondary-panel>.auth-beans-icon {
    width:81px;
    height:81px;
    min-height:81px;
    margin:-4px auto 0;
    transform:translateY(-4px);
  }
}
@media (min-width:641px) and (max-height:565px) {
  #authScreen .auth-panel>.auth-card .auth-beans-icon {
    width:68px;
    height:68px;
    min-height:68px;
    margin:-5px auto -3px;
  }
  #authScreen .auth-panel>.auth-secondary-panel>.auth-beans-icon {
    width:68px;
    height:68px;
    min-height:68px;
  }
}

/* v1.5.80 — outer coffee pattern, white logo backing, lifted bean emblems. */
#authScreen.auth-screen {
  /* Exact approved high-resolution cafe illustration with its authentic brown.
     No white overlay or color blending: the supplied image carries its own palette. */
  background-color:#c49a6c !important;
  background-image:url('/assets/login-coffee-pattern-approved-hd.png?v=1.5.83') !important;
  background-blend-mode:normal !important;
  background-repeat:repeat !important;
  background-position:center !important;
  background-size:640px 640px !important;
}
#authScreen .auth-brand-panel {
  background:#fff !important;
  background-image:none !important;
}
#authScreen .auth-brand-panel::before,
#authScreen .auth-brand-panel::after {
  content:none !important;
  display:none !important;
  background:none !important;
}
#authScreen .auth-brand-panel .auth-brand-logo {
  z-index:auto;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:contrast(1.50) !important;
}
/* Show the genuine SVG beans larger and higher in each form. */
#authScreen .auth-panel>.auth-card .auth-beans-icon {
  width:92px !important;
  height:92px !important;
  min-height:92px !important;
  flex-shrink:0;
  margin:-16px auto -4px !important;
  transform:translateY(-15px) !important;
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}
#authScreen .auth-panel>.auth-secondary-panel>.auth-beans-icon {
  width:91px !important;
  height:91px !important;
  min-height:91px !important;
  flex-shrink:0;
  margin:-8px auto -3px !important;
  transform:translateY(-13px) !important;
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}
@media(max-width:640px) {
  #authScreen.auth-screen {background-size:440px 440px !important;}
  #authScreen .auth-panel>.auth-card .auth-beans-icon {
    width:87px !important;
    height:87px !important;
    min-height:87px !important;
    margin:-12px auto -2px !important;
    transform:translateY(-13px) !important;
  }
  #authScreen .auth-panel>.auth-secondary-panel>.auth-beans-icon {
    width:86px !important;
    height:86px !important;
    min-height:86px !important;
    margin:-6px auto -1px !important;
    transform:translateY(-10px) !important;
  }
}
@media(min-width:641px) and (max-height:565px) {
  #authScreen .auth-panel>.auth-card .auth-beans-icon {
    width:72px !important;
    height:72px !important;
    min-height:72px !important;
    margin:-9px auto -2px !important;
  }
  #authScreen .auth-panel>.auth-secondary-panel>.auth-beans-icon {
    width:72px !important;
    height:72px !important;
    min-height:72px !important;
    transform:translateY(-9px) !important;
  }
}

/* One continuous username/password field surface across all three portals. */
#authScreen .auth-input-box > input {
  display:block;
  flex:1 1 0%;
  box-sizing:border-box;
  min-width:0;
  min-height:0!important;
  height:100%;
  margin:0!important;
  padding-block:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
  -webkit-appearance:none;
  appearance:none;
  color:#fff!important;
}
#authScreen .auth-input-box > input:-webkit-autofill,
#authScreen .auth-input-box > input:-webkit-autofill:hover,
#authScreen .auth-input-box > input:-webkit-autofill:focus,
#authScreen .auth-input-box > input:autofill {
  border-radius:0!important;
  -webkit-text-fill-color:#fff!important;
  -webkit-box-shadow:none!important;
  box-shadow:none!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  caret-color:#fff!important;
}

/* v1.5.85: preserve original SVG's bold black bean outlines in every login. */
#authScreen .auth-beans-icon,
#authScreen .auth-panel>.auth-card .auth-beans-icon,
#authScreen .auth-panel>.auth-secondary-panel>.auth-beans-icon {
  filter:none !important;
  -webkit-filter:none !important;
  opacity:1 !important;
  object-fit:contain;
  image-rendering:auto;
}

/* Compact centered OTP action in Forgot Password, without affecting Sign In. */
#authScreen #authResetRequestForm #resetSend{
  width:min(100%,190px);min-width:0;min-height:44px;
  margin:6px auto 0;padding:10px 16px;
  justify-self:center;align-self:center;font-size:15px;
}