/* زميل — دخول الإدارة: بطاقة واحدة في المنتصف، حقل واحد، وزر واحد */

.login-wrap {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px;
  min-block-size: 100dvh; padding: calc(24px + var(--safe-top)) 16px calc(24px + var(--safe-bottom));
}
.login-card {
  display: flex; flex-direction: column; align-items: stretch; gap: 18px;
  inline-size: 100%; max-inline-size: 380px; padding: 36px 28px 28px;
  border-radius: var(--r-2xl); background: var(--card); box-shadow: var(--sh-2);
  animation: view-in var(--t-slow) var(--ease);
}
.login-card .appicon { align-self: center; }
.login-card h1 { font-size: 26px; font-weight: 700; line-height: 1.25; text-align: center; }
.login-lead { margin-block-start: -10px; font-size: 15px; color: var(--ink-3); text-align: center; }
.login-card .btn { inline-size: 100%; }
.login-err { padding: 10px 14px; border-radius: var(--r-md); background: var(--red-soft); color: var(--red); font-size: 14.5px; }
.login-foot { display: flex; gap: 10px; font-size: 14px; color: var(--ink-4); }
@keyframes view-in { from { opacity: 0; transform: translateY(8px); } }
@media (prefers-reduced-motion: reduce) { .login-card { animation: none; } }
.ltr-in { text-align: left; }