/* auth.css — صفحات الدخول واستعادة كلمة المرور */
  .portal-login-shell {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(120% 140% at 100% -10%, #1c7a56 0%, var(--deep-green) 45%, #093325 100%);
    padding: 24px;
  }
  .portal-login-card {
    position: relative;
    background: var(--ivory);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lift, var(--shadow-soft));
    padding: 44px;
    width: 100%;
    max-width: 420px;
    overflow: hidden;
  }
  .portal-login-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 4px;
    background: var(--gradient-gold, var(--gold));
  }
  .portal-login-brand img {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    margin-bottom: 14px;
    border: 3px solid var(--gold-light);
    box-shadow: var(--shadow-card);
  }
  .portal-login-brand {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 26px;
  }
  .portal-login-brand strong {
    font-size: 1.3rem;
    color: var(--deep-green);
  }
  .portal-login-brand span {
    font-size: .82rem;
    color: var(--ink-soft);
  }
  #portal-login-alert {
    display: none;
    background: #fbe4e2;
    color: #9c3b2e;
    border-radius: var(--radius-sm);
    padding: 10px 14px;
    font-size: .82rem;
    margin-bottom: 16px;
  }
  #portal-login-alert.info {
    background: #fbf0d9;
    color: var(--gold-dark);
  }

  /* ---- عناصر مشتركة بين صفحات الدخول / نسيت كلمة المرور / تعيين كلمة جديدة ---- */
  .auth-field-label { display:block; margin-bottom:6px; font-weight:600; }
  .pw-wrap { position: relative; }
  .pw-wrap input { width: 100%; padding-inline-end: 46px; }
  .pw-toggle {
    position: absolute; top: 50%; inset-inline-end: 8px; transform: translateY(-50%);
    width: 34px; height: 34px; border: none; background: transparent; cursor: pointer;
    color: var(--ink-soft); border-radius: 8px; font-size: 1.05rem; display: flex; align-items: center; justify-content: center;
  }
  .pw-toggle:hover { background: rgba(14, 74, 52, .08); color: var(--deep-green); }
  .pw-toggle:focus-visible { outline: 3px solid var(--gold); outline-offset: 1px; }
  .auth-links { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin: -8px 0 18px; font-size: .84rem; }
  .auth-links a { color: var(--deep-green); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
  .auth-title { font-size: 1.35rem; font-family: "El Messiri", var(--font-body); font-weight: 700; color: var(--deep-green); text-align: center; margin: 0 0 6px; }
  .auth-sub { text-align: center; color: var(--ink-soft); font-size: .86rem; margin: 0 0 20px; line-height: 1.8; }
  #portal-login-alert.success { background: #e4f3ea; color: #1b6b43; }
  .auth-hint { font-size: .76rem; color: var(--ink-soft); margin-top: 6px; }
  .auth-card-state { text-align: center; padding: 8px 0; }