/* =====================================================================
   KAPITAL ONLINE — Login (APEX app 110, page 101) — v4
   ---------------------------------------------------------------------
   v4 da tuzatildi:
     1) Xato xabari ichidagi APEX'ning standart × tugmasi YASHIRILDI
        (panel tepasiga sirpanib chiqib ketgan edi).
     2) Xato xabari kontayneri panel tepasiga (absolute) joylashtirildi
        — endi logoni pastga itarmaydi va alohida "ko'tarilgan"
        ko'rinish bo'lmaydi. Chiroyli inline alert.
     3) "Назад к входу" havolasi uchun stil — bu havolani sahifaga
        kichik JS qo'shadi (deploy ko'rsatmasiga qarang). CSS uni
        faqat "Забыли пароль?" formasi ko'rinayotganda chiqaradi
        (`:has()` orqali).
     4) Brauzer back/refresh ham xuddi shu JS bilan to'g'rilangan.

   Layout (Screenshot 1 bilan bir xil):
     * Chap oq panel (full-height), o'ngda sariq radar
     * Forma vertikal markazda, max-width 360px
     * Logo + h1 markazda
   ===================================================================== */


/* 0)  Box-sizing ---------------------------------------------------- */
#uLogin, #uLogin *, #uLogin *::before, #uLogin *::after { box-sizing: border-box; }


/* 1)  BODY + radar foni (o'ng tarafda) ----------------------------- */
body#uLogin {
  margin: 0; padding: 0;
  min-height: 100vh; min-height: 100dvh;
  background-color: #fbbb19 !important;
  background-image: none !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}
body#uLogin::before {
  content: ""; position: fixed; inset: 0;
  background-image: url(radar.svg);
  background-position: right bottom; background-size: cover; background-repeat: no-repeat;
  pointer-events: none; z-index: 0;
}


/* 2)  Konteynerlar ------------------------------------------------- */
body#uLogin #wwvFlowForm,
body#uLogin #uBodyContainer {
  display: block !important; width: 100% !important;
  min-height: 100vh; min-height: 100dvh;
  margin: 0 !important; padding: 0 !important; position: static !important;
}

/* CHAP PANEL — oq, full-height */
body#uLogin #uLoginContainer {
  position: fixed !important;
  top: 0 !important; left: 0 !important; bottom: 0 !important; right: auto !important;
  width: clamp(340px, 33vw, 480px) !important;
  height: 100vh !important; height: 100dvh !important;
  margin: 0 !important;
  padding: 44px 48px !important;
  display: flex !important; flex-direction: column !important;
  align-items: center !important; justify-content: center !important;
  /* Panel — iliq sariq/krem fon (oq emas).
     Brendning sariq tonidan biroz ochroq — radar bilan ham mos. */
  background: linear-gradient(180deg, #fff4d6 0%, #ffe9a8 100%) !important;
  background-color: #fff0c4 !important;
  box-shadow: 10px 0 50px -16px rgba(120, 80, 0, .45),
              1px 0 0 rgba(0, 0, 0, .06) !important;
  overflow-y: auto !important;
  z-index: 5 !important;
}
body#uLogin #R9245806933185063 {
  position: absolute !important; width: 0; height: 0; margin: 0; padding: 0; overflow: hidden;
}


/* 3)  KARTA/REGION — shaffof, panel ichida markazda --------------- */
/* DISPLAY berilmaydi (toggle saqlanadi) */
body#uLogin #uLoginContainer section.uRegion.uLoginRegion {
  position: relative !important;
  flex: 0 0 auto !important;
  flex-direction: column !important; align-items: center !important;
  width: 100% !important; max-width: 360px !important;
  height: auto !important; min-height: 0 !important; max-height: none !important;
  margin: 0 auto !important; padding: 0 !important;
  background: transparent !important; background-color: transparent !important;
  border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  overflow: visible !important;
  -webkit-animation: kapEnter .5s cubic-bezier(.16,.84,.44,1) both;
          animation: kapEnter .5s cubic-bezier(.16,.84,.44,1) both;
}
@-webkit-keyframes kapEnter {
  from { opacity: 0; -webkit-transform: translateY(12px); }
  to   { opacity: 1; -webkit-transform: translateY(0); } }
@keyframes kapEnter {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); } }


/* 4)  SARLAVHA — logo + h1 ----------------------------------------- */
body#uLogin #uLoginContainer .uLoginRegion .uLoginHeading {
  position: static !important; top: auto !important; left: auto !important; right: auto !important;
  display: block !important; width: 100% !important;
  margin: 0 0 30px 0 !important; padding: 0 !important;
  background: none !important; border: 0 !important; text-align: center !important;
}
body#uLogin #uLoginContainer .uLoginRegion .uLoginHeading .appIcon {
  position: static !important; top: auto !important; left: auto !important;
  display: block !important; margin: 0 0 18px 0 !important; padding: 0 !important;
  line-height: 0; text-align: center !important;
}
body#uLogin #uLoginContainer .uLoginRegion .uLoginHeading .appIcon img {
  position: static !important; display: inline-block !important;
  width: clamp(120px, 15vw, 170px) !important; height: clamp(120px, 15vw, 170px) !important;
  margin: 0 auto !important; padding: 0 !important;
  background: none !important; background-color: transparent !important;
  object-fit: contain;
  -webkit-filter: drop-shadow(0 8px 18px rgba(225,150,0,.30));
          filter: drop-shadow(0 8px 18px rgba(225,150,0,.30));
}
body#uLogin #uLoginContainer .uLoginRegion .uLoginHeading h1 {
  position: static !important; top: auto !important;
  display: block !important; width: 100% !important;
  margin: 0 !important; padding: 0 !important;
  color: #4a4a4a !important; font-size: clamp(24px, 3vw, 30px) !important;
  font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: 1px;
  text-align: center !important; text-transform: none;
}
body#uLogin #uLoginContainer .uLoginRegion .uLoginHeading h1::after {
  content: ""; display: block; width: 52px; height: 4px; margin: 16px auto 0;
  border-radius: 4px; background: linear-gradient(90deg, #fbbb19, #ffd45e);
}


/* 5)  FORMA — butun .uLoginBody daraxti oqimga --------------------- */
body#uLogin #uLoginContainer .uLoginRegion .uLoginBody,
body#uLogin #uLoginContainer .uLoginRegion .uLoginBody * {
  position: static !important;
  top: auto !important; left: auto !important; right: auto !important; bottom: auto !important;
  float: none !important;
}
body#uLogin #uLoginContainer .uLoginRegion .uLoginBody {
  display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important;
  background: none !important;
}
body#uLogin #uLoginContainer .uLoginRegion .uLoginBody table.formlayout,
body#uLogin #uLoginContainer .uLoginRegion .uLoginBody table.formlayout tbody,
body#uLogin #uLoginContainer .uLoginRegion .uLoginBody table.formlayout tr,
body#uLogin #uLoginContainer .uLoginRegion .uLoginBody table.formlayout td {
  display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important;
  border: 0 !important; background: none !important; vertical-align: top;
}
body#uLogin #uLoginContainer .uLoginRegion .uLoginBody label { display: none !important; }

body#uLogin #uLoginContainer .uLoginRegion .uLoginBody input[type="text"],
body#uLogin #uLoginContainer .uLoginRegion .uLoginBody input[type="password"],
body#uLogin #uLoginContainer .uLoginRegion .uLoginBody input.apex-item-text,
body#uLogin #uLoginContainer .uLoginRegion .uLoginBody input.text_field {
  display: block !important; width: 100% !important; height: 52px !important;
  margin: 0 0 14px 0 !important; padding: 0 16px !important;
  border: 1.5px solid #e4e6ea !important; border-radius: 12px !important;
  background: #ffffff !important; color: #23262b !important;
  font-size: 16px !important; line-height: normal !important;
  -webkit-appearance: none; -moz-appearance: none; appearance: none;
  box-shadow: none !important;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
body#uLogin #uLoginContainer .uLoginBody input::-webkit-input-placeholder { color: #aeb2ba; }
body#uLogin #uLoginContainer .uLoginBody input::-moz-placeholder { color: #aeb2ba; opacity: 1; }
body#uLogin #uLoginContainer .uLoginBody input:-ms-input-placeholder { color: #aeb2ba; }
body#uLogin #uLoginContainer .uLoginBody input::placeholder { color: #aeb2ba; opacity: 1; }

body#uLogin #uLoginContainer .uLoginBody input[type="text"]:hover,
body#uLogin #uLoginContainer .uLoginBody input[type="password"]:hover,
body#uLogin #uLoginContainer .uLoginBody input.apex-item-text:hover {
  border-color: #d4d7dd !important; background: #ffffff !important;
}
body#uLogin #uLoginContainer .uLoginBody input[type="text"]:focus,
body#uLogin #uLoginContainer .uLoginBody input[type="password"]:focus,
body#uLogin #uLoginContainer .uLoginBody input.apex-item-text:focus {
  outline: none !important; border-color: #fbbb19 !important; background: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(251,187,25,.20) !important;
}
body#uLogin #uLoginContainer .uLoginBody input:-webkit-autofill,
body#uLogin #uLoginContainer .uLoginBody input:-webkit-autofill:hover,
body#uLogin #uLoginContainer .uLoginBody input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
  -webkit-text-fill-color: #23262b !important; caret-color: #23262b;
  transition: background-color 9999s ease-in-out 0s;
}

/* 5.x  PASSWORD SHOW/HIDE EYE ICON — universal reset'dan ISTISNO.
   JS .pwd-wrapper (input atrofiga) va .pwd-toggle (ko'zcha) qo'shadi.
   .pwd-wrapper RELATIVE, .pwd-toggle ABSOLUTE bo'lib input ICHIDA o'ngga
   joylashishi shart. Avval reset uni static qilib qo'ygandi — shu sabab
   ko'zcha input ostida ko'rinardi. */
body#uLogin #uLoginContainer .uLoginRegion .uLoginBody .pwd-wrapper {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
body#uLogin #uLoginContainer .uLoginRegion .uLoginBody .pwd-wrapper input[type="password"],
body#uLogin #uLoginContainer .uLoginRegion .uLoginBody .pwd-wrapper input[type="text"] {
  margin: 0 !important;
  padding-right: 46px !important;   /* ko'zcha uchun o'ng tomondan joy */
}
body#uLogin #uLoginContainer .uLoginRegion .uLoginBody .pwd-toggle {
  position: absolute !important;
  right: 14px !important;
  left: auto !important;
  top: 50% !important;
  bottom: auto !important;
  -webkit-transform: translateY(-50%) !important;
          transform: translateY(-50%) !important;
  margin: 0 !important;
  padding: 4px !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  color: #aeb2ba !important;
  font-size: 16px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  z-index: 10 !important;
  -webkit-user-select: none; user-select: none;
  transition: color .15s ease !important;
  float: none !important;
}
body#uLogin #uLoginContainer .uLoginRegion .uLoginBody .pwd-toggle:hover,
body#uLogin #uLoginContainer .uLoginRegion .uLoginBody .pwd-toggle:focus-visible {
  color: #f3ad06 !important;
  outline: none !important;
}


/* 6)  TUGMALAR ----------------------------------------------------- */
body#uLogin #uLoginContainer .uLoginRegion a.uButtonLarge.uHotButton {
  display: block !important; position: static !important;
  width: 100% !important; height: 52px !important; margin: 10px 0 0 0 !important; padding: 0 !important;
  border: 0 !important; border-radius: 12px !important;
  background: linear-gradient(135deg, #ffce3d 0%, #fbbb19 58%, #f3ad06 100%) !important;
  box-shadow: 0 10px 22px -8px rgba(243,173,6,.55), 0 2px 4px rgba(0,0,0,.08) !important;
  text-align: center !important; text-decoration: none !important; cursor: pointer;
  overflow: hidden; transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
body#uLogin #uLoginContainer .uLoginRegion a.uButtonLarge.uHotButton span {
  display: block !important; position: static !important;
  background: none !important; background-image: none !important;
  color: #1c1c1c !important; font-size: 16px !important; font-weight: 700 !important;
  line-height: 52px !important; letter-spacing: .4px;
}
body#uLogin #uLoginContainer .uLoginRegion a.uButtonLarge.uHotButton:hover {
  -webkit-filter: brightness(1.04); filter: brightness(1.04); transform: translateY(-1px);
  box-shadow: 0 14px 26px -8px rgba(243,173,6,.65), 0 3px 6px rgba(0,0,0,.10) !important;
}
body#uLogin #uLoginContainer .uLoginRegion a.uButtonLarge.uHotButton:active {
  transform: translateY(0); box-shadow: 0 6px 14px -6px rgba(243,173,6,.50) !important;
}
body#uLogin #uLoginContainer .uLoginRegion a.uButtonLarge.uHotButton:focus-visible {
  outline: 3px solid rgba(243,173,6,.55); outline-offset: 3px;
}
body#uLogin #uLoginContainer .uLoginRegion #forgot_password {
  display: block !important; position: static !important;
  width: auto !important; height: auto !important; margin: 18px auto 2px !important; padding: 6px 8px !important;
  background: none !important; background-image: none !important; border: 0 !important; box-shadow: none !important;
  text-align: center !important; text-decoration: none !important; cursor: pointer;
}
body#uLogin #uLoginContainer .uLoginRegion #forgot_password > span {
  display: inline !important; position: static !important; top: auto !important; left: auto !important;
  background: none !important; color: #9a9a9a !important;
  font-size: 14px !important; font-weight: 600 !important; letter-spacing: .2px;
  transition: color .15s ease;
}
body#uLogin #uLoginContainer .uLoginRegion #forgot_password:hover > span,
body#uLogin #uLoginContainer .uLoginRegion #forgot_password:focus-visible > span {
  color: #f3ad06 !important; text-decoration: underline;
}


/* 7)  XATO XABARI — TUZATILDI (v5) -------------------------------- */
/* MUAMMO: APEX xato kontayneri ichida o'z ichki <div> (yoki
   .a-Notification) elementi bor — to'q-qizil gradient bilan.
   Bu element bizning tashqi yumshoq pushti qutimizdan ichkarida
   ko'rinib qolar edi.
   YECHIM: butun ichki daraxtni "sterillaymiz" — hech qanday fon,
   border, shadow, fixed width bo'lmasin. */

/* 7.1  Standart APEX × ("close") tugmalarini butunlay yashiramiz */
body#uLogin #APEX_ERROR_MESSAGE button,
body#uLogin #APEX_ERROR_MESSAGE .a-Notification-close,
body#uLogin #APEX_ERROR_MESSAGE [class*="close"],
body#uLogin #APEX_ERROR_MESSAGE .t-Button--closeAlert,
body#uLogin #APEX_ERROR_MESSAGE .icon-close,
body#uLogin #APEX_ERROR_MESSAGE [aria-label*="lose"] {
  display: none !important;
  visibility: hidden !important;
  position: static !important;
}

/* 7.2  ICHKI HAMMA ELEMENT (div, ul, li, span) — to'liq sterillash.
        APEX'ning .a-Notification gradient'i shu yerda yenguladi. */
body#uLogin #APEX_ERROR_MESSAGE *,
body#uLogin #APEX_ERROR_MESSAGE *::before,
body#uLogin #APEX_ERROR_MESSAGE *::after {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  color: #b3261e !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  min-width: 0 !important;
  max-width: 100% !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  font-weight: 500 !important;
  font-size: inherit !important;
  line-height: inherit !important;
  list-style: none !important;
  position: static !important;
  float: none !important;
}

/* 7.3  Bo'sh / yashirin xabar bloklari */
body#uLogin #uLoginContainer .apex-page-error:empty,
body#uLogin #uLoginContainer .apex-page-success:empty,
body#uLogin #uLoginContainer .uSingleAlertMessage:empty { display: none !important; }
body#uLogin #uLoginContainer .u-hidden { display: none !important; }

/* 7.4  To'ldirilgan xato qutisi — panel tepasiga ABSOLUTE.
        Kenglik panel ichida saqlanadi (overflow: hidden bilan kafolat). */
body#uLogin #uLoginContainer #APEX_ERROR_MESSAGE.apex-page-error:not(.u-hidden):not(:empty) {
  position: absolute !important;
  top: 32px !important;
  left: 32px !important;
  right: 32px !important;
  bottom: auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: calc(100% - 64px) !important;
  margin: 0 !important;
  padding: 14px 16px 14px 48px !important;
  background: #fdecec !important;
  background-color: #fdecec !important;
  background-image: none !important;
  color: #b3261e !important;
  border: 1px solid #f3c2bf !important;
  border-radius: 12px !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  text-align: left !important;
  box-shadow: 0 10px 24px -10px rgba(179, 38, 30, .22) !important;
  overflow: hidden !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  z-index: 12 !important;
  -webkit-animation: errSlide .35s ease both;
          animation: errSlide .35s ease both;
}

/* 7.5  Chap tarafdagi "!" belgisi — pseudo-element (APEX ichidan emas) */
body#uLogin #uLoginContainer #APEX_ERROR_MESSAGE.apex-page-error:not(.u-hidden):not(:empty)::before {
  content: "!" !important;
  position: absolute !important;
  left: 14px !important; top: 50% !important;
  -webkit-transform: translateY(-50%); transform: translateY(-50%);
  width: 24px !important; height: 24px !important;
  background: #b3261e !important;
  background-color: #b3261e !important;
  background-image: none !important;
  color: #ffffff !important;
  font-weight: 800 !important; font-size: 14px !important;
  text-align: center !important; line-height: 24px !important;
  border-radius: 50% !important;
  margin: 0 !important; padding: 0 !important;
  border: 0 !important;
}

/* 7.6  Ichki matn (li/ul/div) — chiroyli ko'rinish uchun matn formati */
body#uLogin #uLoginContainer #APEX_ERROR_MESSAGE.apex-page-error:not(.u-hidden):not(:empty) ul,
body#uLogin #uLoginContainer #APEX_ERROR_MESSAGE.apex-page-error:not(.u-hidden):not(:empty) ol {
  display: block !important;
}
body#uLogin #uLoginContainer #APEX_ERROR_MESSAGE.apex-page-error:not(.u-hidden):not(:empty) li {
  display: block !important;
  color: #b3261e !important;
  font-size: 13.5px !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
}
body#uLogin #uLoginContainer #APEX_ERROR_MESSAGE.apex-page-error:not(.u-hidden):not(:empty) br {
  display: block !important;
}

@-webkit-keyframes errSlide {
  from { opacity: 0; -webkit-transform: translateY(-6px); }
  to   { opacity: 1; -webkit-transform: translateY(0); } }
@keyframes errSlide {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: translateY(0); } }

/* 7.7  Muvaffaqiyat xabari (yashil) */
body#uLogin #uLoginContainer .apex-page-success:not(.u-hidden):not(:empty) {
  display: block !important; position: absolute !important;
  top: 32px !important; left: 32px !important; right: 32px !important;
  width: auto !important; max-width: calc(100% - 64px) !important;
  margin: 0 !important; padding: 12px 16px !important; border-radius: 12px !important;
  font-size: 14px; font-weight: 500; line-height: 1.45; text-align: center;
  background: #e9f7ee !important; color: #1d7a3a !important; border: 1px solid #b9e3c6 !important;
  box-shadow: 0 8px 20px -10px rgba(0,0,0,.18);
  z-index: 12;
}
body#uLogin #uLoginContainer .apex-page-success:not(.u-hidden):not(:empty) * {
  background: transparent !important; color: #1d7a3a !important; border: 0 !important;
}


/* 8)  "НАЗАД К ВХОДУ" havolasi (v4) ------------------------------- */
/* JS uni sahifaga qo'shadi (deploy ko'rsatmasiga qarang).
   CSS uni faqat "Забыли пароль?" formasi ko'rinayotganda chiqaradi. */
body#uLogin #back_to_login {
  display: none;
  position: absolute;
  top: 24px; left: 24px;
  align-items: center;
  gap: 6px;
  padding: 8px 14px 8px 12px;
  background: rgba(255, 255, 255, .92);
  border: 1px solid rgba(180, 130, 30, .25);
  border-radius: 22px;
  color: #6a5028;
  font-size: 13.5px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 6px 16px -6px rgba(120, 80, 0, .25);
  transition: all .18s ease;
  z-index: 11;
  -webkit-user-select: none; user-select: none;
}
body#uLogin #back_to_login .back-arrow {
  display: inline-block;
  font-size: 16px; font-weight: 800; line-height: 1;
  color: #f3ad06;
  transition: transform .18s ease;
}
body#uLogin #back_to_login .back-text { display: inline-block; line-height: 1; }
body#uLogin #back_to_login:hover {
  background: #fff; border-color: #fbbb19; color: #f3ad06;
  box-shadow: 0 8px 18px -6px rgba(243, 173, 6, .35);
  transform: translateY(-1px);
}
body#uLogin #back_to_login:hover .back-arrow { transform: translateX(-3px); }
body#uLogin #back_to_login:active { transform: translateY(0); }
body#uLogin #back_to_login:focus-visible {
  outline: 3px solid rgba(243, 173, 6, .45); outline-offset: 2px;
}

/* :has() bilan — back link FAQAT forgot ko'rinayotganda chiqadi */
body#uLogin #uLoginContainer:has(> section#R381948384814255271:not([style*="display: none"]):not([style*="display:none"])) #back_to_login {
  display: inline-flex;
}

/* Agar back link VA xato bir vaqtda ko'rinsa — xatoni pastga surib,
   tugmani bekitmaslikka harakat qilamiz */
body#uLogin #uLoginContainer:has(> section#R381948384814255271:not([style*="display: none"]):not([style*="display:none"])) #APEX_ERROR_MESSAGE.apex-page-error:not(.u-hidden):not(:empty) {
  top: 76px !important;
}
@media (max-width: 768px) {
  body#uLogin #uLoginContainer:has(> section#R381948384814255271:not([style*="display: none"]):not([style*="display:none"])) #APEX_ERROR_MESSAGE.apex-page-error:not(.u-hidden):not(:empty) {
    top: 64px !important;
  }
}


/* 9)  RESPONSIVE --------------------------------------------------- */
@media (min-width: 1280px) {
  body#uLogin #uLoginContainer { width: clamp(420px, 30vw, 520px) !important; }
}
@media (max-width: 768px) {
  body#uLogin #uLoginContainer {
    width: 100% !important; right: 0 !important;
    padding: 40px 28px !important; box-shadow: none !important;
  }
  body#uLogin #uLoginContainer section.uRegion.uLoginRegion { max-width: 380px !important; }
  /* mobil ekranda back link — pastroq, kichikroq */
  body#uLogin #back_to_login { top: 16px; left: 16px; padding: 7px 12px 7px 10px; font-size: 13px; }
  /* mobil xato — kichikroq margin */
  body#uLogin #uLoginContainer #APEX_ERROR_MESSAGE.apex-page-error:not(.u-hidden):not(:empty) {
    top: 60px !important; left: 16px !important; right: 16px !important; padding: 12px 14px 12px 40px !important;
  }
}
@media (max-width: 400px) {
  body#uLogin #uLoginContainer { padding: 28px 20px !important; }
  body#uLogin #uLoginContainer .uLoginRegion .uLoginHeading .appIcon img {
    width: 120px !important; height: 120px !important;
  }
  body#uLogin #uLoginContainer .uLoginBody input[type="text"],
  body#uLogin #uLoginContainer .uLoginBody input[type="password"],
  body#uLogin #uLoginContainer .uLoginBody input.apex-item-text,
  body#uLogin #uLoginContainer .uLoginRegion a.uButtonLarge.uHotButton { height: 50px !important; }
  body#uLogin #uLoginContainer .uLoginRegion a.uButtonLarge.uHotButton span { line-height: 50px !important; }
}
@media (max-height: 600px) {
  body#uLogin #uLoginContainer { justify-content: flex-start !important; padding-top: 60px !important; }
  body#uLogin #uLoginContainer .uLoginRegion .uLoginHeading { margin-bottom: 18px !important; }
  body#uLogin #uLoginContainer .uLoginRegion .uLoginHeading .appIcon img {
    width: 90px !important; height: 90px !important;
  }
}


/* 10) Qulayliklar -------------------------------------------------- */
#uLogin ::selection { background: rgba(251,187,25,.30); }
@media (prefers-reduced-motion: reduce) {
  body#uLogin #uLoginContainer section.uRegion.uLoginRegion,
  body#uLogin #uLoginContainer #APEX_ERROR_MESSAGE,
  body#uLogin #uLoginContainer .uLoginRegion a.uButtonLarge.uHotButton,
  body#uLogin #uLoginContainer .uLoginBody input.apex-item-text,
  body#uLogin #back_to_login {
    -webkit-animation: none !important; animation: none !important; transition: none !important;
  }
}