/* RC26R229 — Login Mobile-First CTA Refinement — Habitat 3.44.77
 * Scope: anonymous login only. Visual hierarchy only; auth semantics remain owner-side.
 * Mobile-first: full-width primary action on small viewports, compact action on desktop.
 */
body.ottoni-account-entry-surface .ot199-auth-shell.is-login .ot199-form-panel{
  padding:14px!important;
}
body.ottoni-account-entry-surface .ot199-auth-shell.is-login .ot227-login-form{
  gap:12px!important;
}
body.ottoni-account-entry-surface .ot199-auth-shell.is-login .ot228-login-actions{
  display:flex!important;
  width:100%!important;
  align-items:center!important;
  justify-content:stretch!important;
  margin:2px 0 0!important;
  padding:0!important;
}
body.ottoni-account-entry-surface .ot199-auth-shell.is-login button.ot228-login-submit{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:48px!important;
  height:48px!important;
  margin:0!important;
  padding:0 15px 0 17px!important;
  border:1px solid rgba(31,73,59,.22)!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#fffefa 0%,#f3f0e9 100%)!important;
  box-shadow:0 8px 20px rgba(42,55,48,.075),inset 0 1px 0 rgba(255,255,255,.92)!important;
  color:#21483b!important;
  font:800 11px/1 var(--ot199-ui)!important;
  letter-spacing:.01em!important;
  text-align:left!important;
  text-indent:0!important;
  cursor:pointer!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  z-index:3!important;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
body.ottoni-account-entry-surface .ot199-auth-shell.is-login button.ot228-login-submit::before{
  content:"";
  width:7px!important;
  height:7px!important;
  flex:0 0 7px!important;
  border-radius:50%!important;
  background:#b8785f!important;
  box-shadow:0 0 0 4px rgba(184,120,95,.10)!important;
}
body.ottoni-account-entry-surface .ot199-auth-shell.is-login button.ot228-login-submit::after{
  content:"→";
  margin-left:auto!important;
  color:#315f50!important;
  font:800 15px/1 var(--ot199-ui)!important;
  transition:transform .18s ease!important;
}
body.ottoni-account-entry-surface .ot199-auth-shell.is-login button.ot228-login-submit:hover{
  border-color:rgba(31,73,59,.34)!important;
  background:linear-gradient(180deg,#ffffff 0%,#eef3ef 100%)!important;
  box-shadow:0 11px 24px rgba(42,70,58,.10),inset 0 1px 0 rgba(255,255,255,.95)!important;
  color:#173d31!important;
  transform:translateY(-1px)!important;
}
body.ottoni-account-entry-surface .ot199-auth-shell.is-login button.ot228-login-submit:hover::after{
  transform:translateX(3px)!important;
}
body.ottoni-account-entry-surface .ot199-auth-shell.is-login button.ot228-login-submit:focus-visible{
  outline:2px solid rgba(49,95,80,.34)!important;
  outline-offset:3px!important;
  border-color:rgba(31,73,59,.42)!important;
}
body.ottoni-account-entry-surface .ot199-auth-shell.is-login .ot227-login-meta{
  display:flex!important;
  align-items:flex-start!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  gap:10px!important;
  width:100%!important;
  padding:2px 1px 0!important;
}
body.ottoni-account-entry-surface .ot199-auth-shell.is-login .ot227-forgot{
  margin-left:24px!important;
}
body.ottoni-account-entry-surface .ot199-auth-shell.is-login .ot227-password-toggle,
body.ottoni-account-entry-surface .ot199-auth-shell.is-login .ot227-password-field button:not([type="submit"]){
  min-height:30px!important;
  height:30px!important;
  padding-inline:9px!important;
}

/* Desktop expansion: keep the primary action deliberately compact. */
@media (min-width:641px){
  body.ottoni-account-entry-surface .ot199-auth-shell.is-login .ot199-form-panel{
    padding:18px!important;
  }
  body.ottoni-account-entry-surface .ot199-auth-shell.is-login .ot228-login-actions{
    justify-content:flex-end!important;
  }
  body.ottoni-account-entry-surface .ot199-auth-shell.is-login button.ot228-login-submit{
    width:220px!important;
    min-width:180px!important;
    max-width:220px!important;
    min-height:44px!important;
    height:44px!important;
  }
  body.ottoni-account-entry-surface .ot199-auth-shell.is-login .ot227-login-meta{
    align-items:center!important;
    flex-direction:row!important;
    justify-content:space-between!important;
    gap:14px!important;
  }
  body.ottoni-account-entry-surface .ot199-auth-shell.is-login .ot227-forgot{
    margin-left:auto!important;
  }
}

@media (max-width:390px){
  body.ottoni-account-entry-surface .ot199-auth-shell.is-login .ot199-form-panel{
    padding:12px!important;
  }
  body.ottoni-account-entry-surface .ot199-auth-shell.is-login .ot227-login-form{
    gap:11px!important;
  }
  body.ottoni-account-entry-surface .ot199-auth-shell.is-login button.ot228-login-submit{
    min-height:47px!important;
    height:47px!important;
    border-radius:11px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.ottoni-account-entry-surface .ot199-auth-shell.is-login button.ot228-login-submit,
  body.ottoni-account-entry-surface .ot199-auth-shell.is-login button.ot228-login-submit::after{
    transition:none!important;
  }
}