/* #1933 — Portail entreprise : mise en page. Composants et couleurs viennent du design system du
   CRM (copie servie à app/ds/) ; les couleurs de l'école sont posées par index.php. */

html { background: var(--ds-color-bg-page); }
body.portail {
  margin: 0;
  min-height: 100vh;
  box-sizing: border-box; /* sinon le padding s'ajoute à 100vh et fait défiler une page qui tient */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--ds-space-4);
  padding: var(--ds-space-4);
  font-size: var(--ds-font-size-md);
}

.portail-tete__logo { display: block; height: 26px; width: auto; }

.portail-carte {
  width: 100%;
  max-width: 460px;
  background: var(--ds-color-bg-surface);
  border: 1px solid var(--ds-color-border);
  border-radius: var(--ds-radius-lg);
  box-shadow: var(--ds-shadow-sm);
  padding: var(--ds-space-6);
}
.ds-root .portail-titre { margin: 0 0 var(--ds-space-3); font-size: var(--ds-font-size-xl); font-weight: var(--ds-font-weight-bold); }
.portail-message { margin: 0; color: var(--ds-color-text-muted); }

@media (max-width: 480px) {
  .portail-carte { padding: var(--ds-space-5) var(--ds-space-4); }
}