/* ==========================================================================
   شاشتا الدخول والتسجيل — طبقة الموبايل
   ========================================================================== */
.stm-auth { padding-block: var(--stm-s6) var(--stm-s7); }

.stm-auth__brand { text-align: center; margin-block-end: var(--stm-s6); }
.stm-auth__brand img {
  border-radius: 22px;
  margin-inline: auto;
  box-shadow: 0 12px 34px rgba(124, 92, 255, .40);
}
.stm-auth__name {
  margin: var(--stm-s3) 0 2px;
  font-size: var(--stm-fs-title);
  font-weight: 900;
  background: linear-gradient(90deg, #FFE3A3, #FFB82E 55%, #FFD980);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
}
.stm-auth__tag { margin: 0; font-size: var(--stm-fs-caption); color: var(--stm-text-muted); }

.stm-auth__card { padding: var(--stm-s5); }
.stm-auth__title { margin: 0 0 var(--stm-s5); font-size: var(--stm-fs-card); font-weight: 900; }

.stm-auth__error {
  margin-block-end: var(--stm-s4);
  padding: 11px var(--stm-s3);
  border-radius: var(--stm-r-sm);
  border: 1px solid rgba(255, 92, 124, .42);
  background: rgba(255, 92, 124, .12);
  color: var(--stm-error);
  font-size: var(--stm-fs-caption);
  font-weight: 800;
  line-height: 1.6;
}

/* ---------- الحقول ---------- */
.stm-field { display: block; position: relative; margin-block-end: var(--stm-s4); }
.stm-field__label {
  display: block;
  margin-block-end: 7px;
  font-size: var(--stm-fs-caption);
  font-weight: 800;
  color: var(--stm-text-secondary);
}
.stm-field input {
  width: 100%;
  min-height: 54px;
  padding: 0 var(--stm-s4);
  border-radius: var(--stm-btn-r);
  border: 1px solid var(--stm-border);
  background: rgba(5, 8, 23, .55);
  color: var(--stm-text);
  font: inherit;
  font-size: var(--stm-fs-body);
  font-weight: 700;
  transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}
.stm-field input::placeholder { color: rgba(255, 255, 255, .28); font-weight: 600; }
.stm-field input:focus {
  outline: none;
  border-color: var(--stm-border-highlight);
  background: rgba(5, 8, 23, .75);
  box-shadow: 0 0 0 4px rgba(124, 92, 255, .16);
}
/* رقم الهاتف: أرقام لاتينية معزولة اتجاهيًا مهما كانت لغة الواجهة */
.stm-field input[type="tel"] {
  direction: ltr;
  unicode-bidi: isolate;
  text-align: start;
  letter-spacing: 1px;
  font-variant-numeric: tabular-nums;
}
.stm-field__hint {
  display: block;
  margin-block-start: 6px;
  font-size: 11px;
  color: var(--stm-text-muted);
}

.stm-field__eye {
  position: absolute;
  inset-inline-end: 10px;
  inset-block-start: 34px;
  width: 38px; height: 38px;
  border: 0;
  border-radius: var(--stm-r-pill);
  background: transparent;
  font-size: 15px;
  opacity: .55;
  cursor: pointer;
}
.stm-field__eye:active { opacity: 1; }

.stm-auth__switch {
  margin: var(--stm-s5) 0 0;
  text-align: center;
  font-size: var(--stm-fs-caption);
  color: var(--stm-text-muted);
}
.stm-auth__switch a { color: var(--stm-cyan); font-weight: 900; text-decoration: none; }

.stm-auth__help {
  margin: var(--stm-s5) 0 0;
  text-align: center;
  font-size: 11px;
  color: var(--stm-text-muted);
  line-height: 1.8;
}