/* Admin shell and forms (French UI, desktop first but usable on a phone). */
.admin-nav { display: flex; align-items: center; gap: var(--space-4); margin-inline-start: auto; }
.admin-nav a { text-decoration: none; font-weight: 500; }
.admin-nav form { margin: 0; }
.admin-nav__button { background: none; border: 0; padding: 0; min-block-size: var(--touch); cursor: pointer; color: var(--ink-2); text-decoration: underline; }

.admin-grid { display: grid; gap: var(--space-4); margin-block-start: var(--space-5); }
@media (min-width: 900px) { .admin-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

.auth-card { max-inline-size: 420px; margin-inline: auto; display: grid; gap: var(--space-4); }

.form { display: grid; gap: var(--space-4); }
.field { display: grid; gap: var(--space-1); }
.field label { font-weight: 600; font-size: var(--step--1); }
.field input {
  min-block-size: var(--touch);
  padding-inline: var(--space-3);
  background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-m);
}

.button {
  display: inline-flex; align-items: center; justify-content: center;
  min-block-size: var(--touch); padding-inline: var(--space-5);
  border: 1px solid var(--line); border-radius: var(--radius-m);
  background: var(--surface); font-weight: 600; cursor: pointer;
}
.button--primary { background: var(--atlas-green); border-color: var(--atlas-green); color: var(--on-status); }