/* auth.css — صفحات المصادقة وonboarding + شبكات لوحة القيادة */
.ov-grid { display: grid; grid-template-columns: 1.25fr 0.75fr; gap: var(--space-4); align-items: start; }
@media (max-width: 900px) { .ov-grid { grid-template-columns: 1fr; } }
.shop-card { display: grid; gap: var(--space-2); }
.spacer { flex: 1; }
.auth-title { font-size: var(--text-2xl); margin-block-start: var(--space-4); }
.auth-sub { margin-block-start: 4px; font-size: var(--text-sm); }
.auth-head .brand { justify-content: center; width: 100%; margin-block-end: var(--space-2); }

.auth-card .card__header + .card__body { padding-block-start: var(--space-5); }

.pass-row { display: flex; gap: var(--space-2); align-items: center; }
.pass-row .input { flex: 1; }

.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4); }
@media (max-width: 560px) { .form-row { grid-template-columns: 1fr; } }

/* خطوات onboarding */
.steps-track { display: flex; gap: var(--space-2); justify-content: center; margin-block-end: var(--space-5); }
.steps-track .step {
  display: flex; align-items: center; gap: 8px;
  font-size: var(--text-xs); font-weight: 700; color: var(--color-text-faint);
}
.steps-track .step .dot {
  width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center;
  background: var(--color-surface-sunken); color: var(--color-text-muted); border: 1px solid var(--color-border);
}
.steps-track .step.is-current { color: var(--color-primary); }
.steps-track .step.is-current .dot { background: var(--color-primary); color: var(--color-on-primary); border-color: var(--color-primary); }
.steps-track .step.is-done .dot { background: var(--color-success-soft); color: var(--color-success); border-color: var(--color-success); }
.steps-track .step__bar { width: 36px; height: 2px; background: var(--color-border); }

/* ملخص إحصائيات النقل (restore) */
.stats-grid--restore { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: var(--space-3); margin-block: var(--space-4); }
.code-list { display: grid; gap: var(--space-2); margin-block: var(--space-3); }
.code-list .code-row {
  display: flex; justify-content: space-between; gap: var(--space-3);
  padding: 10px 14px; border: 1px dashed var(--color-primary-border);
  border-radius: var(--radius-md); background: var(--color-primary-soft);
  font-size: var(--text-sm);
}
.code-list .code-row b { font-family: ui-monospace, Consolas, monospace; letter-spacing: 1px; }