/* Desktop compact login popover anchored to account action */
@media (min-width:769px){
  .modal-overlay:has(.login-form){
    background:transparent!important;
    backdrop-filter:none!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    padding:0!important;
  }
  .modal-overlay:has(.login-form) .modal-content{
    position:fixed!important;
    top:var(--gojd-login-popover-top,88px)!important;
    left:var(--gojd-login-popover-left,calc(100vw - 390px))!important;
    width:min(360px,calc(100vw - 24px))!important;
    max-width:none!important;
    max-height:calc(100dvh - var(--gojd-login-popover-top,88px) - 14px)!important;
    overflow:auto!important;
    padding:17px 18px 16px!important;
    border:1px solid #e3e5e8!important;
    border-radius:16px!important;
    box-shadow:0 18px 48px rgba(15,23,42,.18),0 4px 14px rgba(15,23,42,.08)!important;
    animation:gojdLoginPopoverIn .16s ease-out!important;
    transform:none!important;
  }
  .modal-overlay:has(.login-form) .modal-content:before{
    content:"";
    position:absolute;
    top:-7px;
    left:var(--gojd-login-arrow-left,280px);
    width:14px;height:14px;
    background:#fff;
    border-left:1px solid #e3e5e8;
    border-top:1px solid #e3e5e8;
    transform:rotate(45deg);
    z-index:0;
  }
  .modal-overlay:has(.login-form) .modal-close{top:10px!important;right:10px!important;width:28px!important;height:28px!important;background:#fff!important;z-index:2}
  .modal-overlay:has(.login-form) .modal-header{margin-bottom:12px!important;text-align:left!important;padding-right:34px}
  .modal-overlay:has(.login-form) .modal-header img{height:44px!important;margin:0 0 3px!important}
  .modal-overlay:has(.login-form) .modal-header h3{font-size:18px!important;line-height:1.2!important;margin:0!important;font-weight:800!important}
  .modal-overlay:has(.login-form) .login-error-alert{padding:8px 10px!important;margin-bottom:10px!important;font-size:11px!important;border-radius:9px!important}
  .modal-overlay:has(.login-form) .login-form .form-group{margin-bottom:10px!important}
  .modal-overlay:has(.login-form) .login-form label{font-size:9.5px!important;margin-bottom:5px!important}
  .modal-overlay:has(.login-form) .login-form input{height:42px!important;padding:0 12px!important;border-radius:10px!important;font-size:12px!important}
  .modal-overlay:has(.login-form) .eye-btn{right:12px!important}
  .modal-overlay:has(.login-form) .login-options-row{margin-bottom:10px!important;gap:10px!important}
  .modal-overlay:has(.login-form) .remember-me-container label,
  .modal-overlay:has(.login-form) .forgot-password{font-size:10.5px!important}
  .modal-overlay:has(.login-form) .gojd-turnstile-security{margin:8px 0!important;min-height:65px!important;justify-content:flex-start!important;transform:scale(.92);transform-origin:left center}
  .modal-overlay:has(.login-form) .login-btn{min-height:42px!important;height:42px!important;padding:0 14px!important;margin:0 0 10px!important;border-radius:10px!important;font-size:12px!important}
  .modal-overlay:has(.login-form) .register-link{font-size:10.5px!important;margin:0!important}
}
@keyframes gojdLoginPopoverIn{from{opacity:0;transform:translateY(-7px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}