/* نافذة تسجيل الدخول */
.auth-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
}
.auth-modal.is-open{display:flex}

.auth-backdrop{
  position:absolute;
  inset:0;
  background:rgba(2,22,45,.68);
  backdrop-filter:blur(4px);
}

.auth-dialog{
  position:relative;
  z-index:1;
  width:min(430px,100%);
  padding:30px;
  border-radius:24px;
  background:#fff;
  box-shadow:0 20px 70px rgba(0,0,0,.3);
  direction:rtl;
  animation:authIn .18s ease-out;
}
@keyframes authIn{
  from{opacity:0;transform:translateY(12px) scale(.98)}
  to{opacity:1;transform:none}
}
.auth-close{
  position:absolute;
  top:10px;
  left:12px;
  width:36px;height:36px;
  border:0;border-radius:50%;
  background:#f0f3f6;
  color:#12355a;
  font-size:26px;
  line-height:1;
  cursor:pointer;
}
.auth-logo{
  width:66px;height:66px;
  display:grid;place-items:center;
  margin:0 auto 10px;
  border-radius:50%;
  background:#edf5fc;
  font-size:31px;
}
.auth-dialog h2{
  margin:0;
  text-align:center;
  color:#06376c;
  font-size:28px;
}
.auth-subtitle{
  margin:7px 0 22px;
  text-align:center;
  color:#667788;
  font-size:14px;
}
.auth-dialog label{
  display:block;
  margin:12px 0 6px;
  color:#173d63;
  font-weight:700;
  font-size:14px;
}
.auth-dialog input{
  width:100%;
  height:48px;
  padding:0 14px;
  border:1px solid #ccd7e0;
  border-radius:12px;
  outline:none;
  font:inherit;
  direction:rtl;
  transition:border-color .15s,box-shadow .15s;
}
.auth-dialog input:focus{
  border-color:#0a63a8;
  box-shadow:0 0 0 3px rgba(10,99,168,.1);
}
.password-wrap{position:relative}
.password-wrap input{padding-left:48px}
#togglePassword{
  position:absolute;
  left:8px;
  top:7px;
  width:36px;height:34px;
  border:0;background:transparent;
  cursor:pointer;font-size:18px;
}
.auth-message{
  min-height:24px;
  margin:10px 0 2px;
  font-size:13px;
  font-weight:700;
  text-align:center;
}
.auth-message.error{color:#c62828}
.auth-message.success{color:#177245}
.auth-submit{
  width:100%;
  height:50px;
  margin-top:7px;
  border:0;
  border-radius:13px;
  background:linear-gradient(135deg,#0a5c9d,#06376c);
  color:#fff;
  font:inherit;
  font-weight:800;
  cursor:pointer;
  transition:transform .15s,opacity .15s;
}
.auth-submit:hover{transform:translateY(-1px)}
.auth-submit:disabled{opacity:.65;cursor:not-allowed;transform:none}

body.auth-lock{overflow:hidden}

@media(max-width:480px){
  .auth-dialog{padding:24px 18px;border-radius:20px}
  .auth-dialog h2{font-size:24px}
}

.remember-row{display:flex!important;align-items:center;gap:9px;margin:13px 0 4px!important;cursor:pointer;color:#35516b!important;font-weight:600!important}
.remember-row input{width:18px!important;height:18px!important;accent-color:#0862a1;cursor:pointer}
.remember-row span{font-size:13px}
.auth-extra{text-align:center;margin-top:14px}
.auth-extra a{color:#0862a1;text-decoration:none;font-size:13px;font-weight:700}