/* ==========================================================================
   O2 VET LOGIN R72 - OMNI FIX + LOGIN CARD SLIGHTLY UP
   --------------------------------------------------------------------------
   - Uses the approved R71 artwork with only the OMNI dot repaired.
   - Keeps R70 structure, but moves the live login card slightly upward.
   - Language selector and all functional controls are untouched.
   ========================================================================== */

body.o2-login-app-body .o2-login-app-page{
  background:
    url("/static/unified_portal/o2vet-login-fullscreen-r72.png?v=R72")
    50% 50% / 100% 100% no-repeat!important;
}

/* R70 normal desktop shift was 6.5vh.
   R72 reduces it to 4.5vh = approximately 18px upward on a 900px viewport. */
body.o2-login-app-body .o2-login-card{
  transform:translateY(4.5vh)!important;
}

body.o2-login-app-body:not(:has(.o2-login-card)) #unified-login-form{
  transform:translateY(4.5vh)!important;
}

/* Shorter laptop screens: also move slightly upward, but remain safe. */
@media (max-height:800px){
  body.o2-login-app-body .o2-login-card{
    transform:translateY(3vh)!important;
  }

  body.o2-login-app-body:not(:has(.o2-login-card)) #unified-login-form{
    transform:translateY(3vh)!important;
  }
}

/* Very short windows retain the safe scroll behavior from R70. */
@media (max-height:690px){
  body.o2-login-app-body{
    overflow-y:auto!important;
  }

  body.o2-login-app-body .o2-login-app-page{
    min-height:760px!important;
    height:760px!important;
    overflow:visible!important;
  }

  body.o2-login-app-body .o2-login-card{
    transform:translateY(18px)!important;
  }

  body.o2-login-app-body:not(:has(.o2-login-card)) #unified-login-form{
    transform:translateY(18px)!important;
  }
}

/* Keep language selector exactly where R71/R70 already placed it. */
body.o2-login-app-body .o2-login-language{
  transform:none!important;
}