/* إشراف — صفحة دخول مستقلة وآمنة بصريًا */
.eshraf-login-page{
  margin:0;
  min-height:100vh;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 15% 18%,rgba(246,166,83,.14),transparent 24%),
    radial-gradient(circle at 84% 14%,rgba(44,151,211,.15),transparent 26%),
    radial-gradient(circle at 20% 88%,rgba(99,199,165,.14),transparent 24%),
    linear-gradient(180deg,#f7fbfe 0%,#eef8fd 46%,#f8fcfa 100%);
}
.eshraf-login-shell{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:28px 16px;
}
.eshraf-login-card{
  width:min(460px,100%);
  background:rgba(255,255,255,.96);
  border:1px solid #d9e8ef;
  border-radius:28px;
  padding:28px 30px 26px;
  box-shadow:0 24px 65px rgba(18,65,92,.13);
  position:relative;
  overflow:hidden;
}
.eshraf-login-card:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:5px;
  background:linear-gradient(90deg,#1996c8,#f0a249,#63c5a2);
}
.eshraf-login-brand{
  display:flex;
  justify-content:center;
  align-items:center;
  margin:0 auto 8px;
  min-height:150px;
}
.eshraf-login-logo{
  display:block;
  width:min(300px,82%);
  height:150px;
  max-width:100%;
  object-fit:contain;
  object-position:center;
  margin:0 auto;
  filter:drop-shadow(0 10px 18px rgba(13,99,121,.12));
}
.eshraf-login-copy{
  text-align:center;
  margin:0 0 22px;
}
.eshraf-login-copy p{
  margin:0;
  color:#617988;
  font-size:14px;
  line-height:1.8;
}
.eshraf-login-form .field{margin-bottom:14px}
.eshraf-login-form .field label{color:#23475c}
.eshraf-login-form .field input{
  border-color:#d4e3eb;
  background:#fbfdfe;
}
.eshraf-login-form .field input:focus{
  border-color:#54a9d4;
  outline:3px solid rgba(46,151,207,.11);
}
.eshraf-login-submit{
  margin-top:3px;
  background:linear-gradient(135deg,#137fbe 0%,#2ca7cf 52%,#5bc3a1 100%)!important;
  box-shadow:0 11px 24px rgba(19,127,190,.18)!important;
}
.eshraf-login-help{
  margin-top:16px;
  padding-top:14px;
  border-top:1px dashed #dce8ee;
  text-align:center;
  color:#738694;
  font-size:12px;
  line-height:1.8;
}
.eshraf-login-card .notice,.eshraf-login-card .login-error{margin:0 0 16px}
@media(max-width:560px){
  .eshraf-login-shell{padding:16px 12px}
  .eshraf-login-card{padding:22px 18px;border-radius:22px}
  .eshraf-login-brand{min-height:124px}
  .eshraf-login-logo{width:min(250px,86%);height:124px}
  .eshraf-login-copy{margin-bottom:18px}
}


/* v0.9.6 — قراءة مريحة في صفحة الدخول */
@media screen {
  .eshraf-login-help{font-size:13.5px!important;}
  .eshraf-login-copy p{font-size:14.5px!important;}
}

/* v1.1 — Soft Academic Luxe login */
.eshraf-login-page{
  background:
    radial-gradient(circle at 15% 17%,rgba(235,179,197,.19),transparent 26%),
    radial-gradient(circle at 84% 14%,rgba(186,212,242,.25),transparent 29%),
    radial-gradient(circle at 18% 88%,rgba(177,226,211,.22),transparent 27%),
    radial-gradient(circle at 82% 84%,rgba(207,190,245,.20),transparent 30%),
    linear-gradient(160deg,#fcfbff 0%,#f7f9fd 46%,#fbf9fc 100%)!important;
}
.eshraf-login-card{
  background:rgba(255,254,255,.95)!important;
  border:1px solid #e5dde9!important;
  box-shadow:0 30px 80px rgba(61,44,87,.14)!important;
  border-radius:30px!important;
}
.eshraf-login-card:before{
  height:6px!important;
  background:linear-gradient(90deg,#8e73df 0%,#d99aae 34%,#e5a879 62%,#68b7a6 100%)!important;
}
.eshraf-login-logo{filter:drop-shadow(0 12px 22px rgba(83,61,111,.12))!important}
.eshraf-login-copy p{color:#736b7f!important}
.eshraf-login-form .field label{color:#443957!important}
.eshraf-login-form .field input{border-color:#e2dbe8!important;background:#fffefe!important}
.eshraf-login-form .field input:focus{border-color:#b9a7e9!important;outline:4px solid rgba(118,87,216,.08)!important}
.eshraf-login-submit{
  background:linear-gradient(135deg,#7456d7 0%,#8e72e2 58%,#8bb0df 100%)!important;
  box-shadow:0 12px 26px rgba(116,86,215,.22)!important;
}
.eshraf-login-help{border-top-color:#e8e1ed!important;color:#7b7485!important}

/* v1.2.7 — خيار تثبيت الدخول الآمن */
.eshraf-remember-row{
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  grid-template-areas:"check copy";
  align-items:start;
  gap:10px;
  margin:-1px 0 15px;
  padding:10px 12px;
  border:1px solid #ebe4f0;
  border-radius:14px;
  background:rgba(250,248,253,.74);
  cursor:pointer;
  user-select:none;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.eshraf-remember-row:hover{
  border-color:#d8ccec;
  background:#fcfaff;
}
.eshraf-remember-row input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.eshraf-remember-check{
  grid-area:check;
  width:20px;
  height:20px;
  margin-top:2px;
  border:2px solid #b7a9ca;
  border-radius:7px;
  background:#fff;
  display:grid;
  place-items:center;
  box-sizing:border-box;
  transition:all .18s ease;
}
.eshraf-remember-check:after{
  content:"✓";
  font-size:14px;
  line-height:1;
  font-weight:900;
  color:#fff;
  transform:scale(.3);
  opacity:0;
  transition:all .16s ease;
}
.eshraf-remember-row input:checked + .eshraf-remember-check{
  border-color:#795bd8;
  background:linear-gradient(135deg,#7456d7,#8d73df);
  box-shadow:0 4px 12px rgba(116,86,215,.20);
}
.eshraf-remember-row input:checked + .eshraf-remember-check:after{
  transform:scale(1);
  opacity:1;
}
.eshraf-remember-row input:focus-visible + .eshraf-remember-check{
  outline:4px solid rgba(118,87,216,.11);
}
.eshraf-remember-copy{
  grid-area:copy;
  display:flex;
  flex-direction:column;
  min-width:0;
  color:#4d435b;
  line-height:1.45;
}
.eshraf-remember-copy strong{
  font-size:13.5px;
  font-weight:800;
}
.eshraf-remember-copy small{
  margin-top:2px;
  color:#8a8193;
  font-size:11.5px;
  line-height:1.55;
}
@media(max-width:560px){
  .eshraf-remember-row{padding:9px 10px;margin-bottom:13px}
  .eshraf-remember-copy strong{font-size:13px}
  .eshraf-remember-copy small{font-size:11px}
}