/* Aljiyadi Mail Box - Professional Login (Elastic) */

body.task-login #layout-content.no-navbar,
body.task-logout #layout-content.no-navbar,
#layout-content.no-navbar{
  min-height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;

  /* هذا يحل "القاب الكبير": نرفع المحتوى للأعلى بدل ما يكون بالنص */
  justify-content: flex-start !important;
  padding: 30px 18px 40px !important;

  margin: 0 !important;

  background:
    radial-gradient(1100px 600px at 70% 20%, rgba(74,168,255,.20), transparent 60%),
    radial-gradient(900px 500px at 25% 80%, rgba(0,0,0,.06), transparent 55%),
    linear-gradient(180deg, #ffffff, #f3f7ff) !important;
}

/* Logo */
#layout-content.no-navbar #logo{
  width: 103px !important;
  height: 103px !important;
  border-radius: 0px !important;
  background: transparent !important;
  padding: 0px !important;
  object-fit: contain !important;
  margin: 0 0 18px 0 !important;
  box-shadow: none !important;
}

/* Card (أعرض ومرتب) */
#layout-content.no-navbar #login-form{
  width: min(720px, 94vw) !important;
  max-width: 720px !important;
  background: rgba(255,255,255,.95) !important;
  border: 1px solid rgba(30, 60, 120, .10) !important;
  border-radius: 26px !important;
  padding: 28px 28px 18px !important;
  box-shadow: 0 28px 70px rgba(0,0,0,.16) !important;
}

/* ===== Fix ugly icons فوق الحقول ===== */
/* اجبر input-group يصير صف واحد مرتب */
#layout-content.no-navbar #login-form .input-group{
  width: 100% !important;
  display: flex !important;
  align-items: stretch !important;
  margin: 0 0 16px 0 !important;
}

/* صندوق الأيقونة (user/lock) */
#layout-content.no-navbar #login-form .input-group .input-group-prepend,
#layout-content.no-navbar #login-form .input-group .input-group-append{
  display: flex !important;
}

#layout-content.no-navbar #login-form .input-group .input-group-text{
  width: 54px !important;
  min-width: 54px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: #e9f1ff !important;
  border: 1px solid rgba(74,168,255,.28) !important;

  /* نفس ارتفاع الحقل */
  height: 54px !important;

  /* زوايا أنيقة مع الحقل */
  border-radius: 16px 0 0 16px !important;
}

/* الحقل نفسه */
#layout-content.no-navbar #login-form input[type="text"],
#layout-content.no-navbar #login-form input[type="email"],
#layout-content.no-navbar #login-form input[type="password"]{
  flex: 1 1 auto !important;
  height: 54px !important;
  background: #eef4ff !important;
  border: 1px solid rgba(74,168,255,.28) !important;
  border-left: 0 !important; /* عشان يصير متصل مع صندوق الأيقونة */
  border-radius: 0 16px 16px 0 !important;
  padding: 0 16px !important;
  font-size: 16px !important;
  box-shadow: none !important;
}

/* تركيز */
#layout-content.no-navbar #login-form input:focus{
  outline: none !important;
  border-color: rgba(45,140,255,.75) !important;
  box-shadow: 0 0 0 5px rgba(45,140,255,.16) !important;
}

/* زر الدخول */
#layout-content.no-navbar #login-form button,
#layout-content.no-navbar #login-form input[type="submit"]{
  width: 100% !important;
  height: 54px !important;
  margin-top: 12px !important;
  border: 0 !important;
  border-radius: 16px !important;
  font-weight: 900 !important;
  font-size: 16px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #4aa8ff, #2d8cff) !important;
  box-shadow: 0 18px 40px rgba(45,140,255,.25) !important;
}

/* Footer */
#layout-content.no-navbar #login-footer{
  margin-top: 14px !important;
  font-size: 13px !important;
  color: rgba(0,0,0,.55) !important;
  text-align: center !important;
}
#layout-content.no-navbar #login-footer a{
  color: #2d8cff !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}
#layout-content.no-navbar #login-footer a:hover{
  text-decoration: underline !important;
}