/* زر إظهار/إخفاء كلمة المرور في شاشة الدخول */
.password-field {
  position: relative;
  display: block;
}

.password-field #loginPassword {
  width: 100%;
  padding-left: 52px !important;
  direction: ltr;
  text-align: right;
  unicode-bidi: plaintext;
}

.password-toggle {
  position: absolute;
  left: 9px;
  right: auto;
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 9px;
  background: #f1f4ff;
  color: #3558d9;
  font-size: 17px;
  line-height: 1;
  cursor: pointer;
}

.password-toggle:hover { background: #e3e9ff; }
.password-toggle:focus-visible { outline: 3px solid #496dff55; }

/* نص الصورة: لون دافئ وواضح لا يحجب تفاصيل الصورة. */
.login-visual .visual-copy {
  color: #315f87;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, .72);
}

.login-visual .visual-copy span {
  color: #24557f;
  background: transparent;
  text-shadow: 0 1px 1px rgba(255, 255, 255, .72);
}

.login-visual .visual-copy h1 { color: #1d4f7d; }
.login-visual .visual-copy p { color: #416b87; }