/* CEA V3 2F.9.4 — page de connexion uniquement, écrans mobiles.
   N'affecte pas les budgets ni les utilisateurs connectés. */
@media (max-width: 600px) {
  html, body.cea-body { width: 100%; max-width: 100%; overflow-x: hidden; }
  body.cea-body:has(.cea-authwrap) .cea-shell,
  body.cea-body:has(.cea-authwrap) .cea-main {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  body.cea-body .cea-authwrap {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 16px !important;
    overflow: visible !important;
  }
  body.cea-body .cea-authwrap > .cea-welcome,
  body.cea-body .cea-authwrap > .cea-authpanel {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
  }
  body.cea-body .cea-authwrap .cea-welcome { padding: 12px 4px !important; }
  body.cea-body .cea-authwrap .cea-welcome h1 {
    font-size: clamp(23px, 7vw, 32px) !important;
    line-height: 1.13 !important;
    overflow-wrap: anywhere;
  }
  body.cea-body .cea-authwrap .cea-authpanel { padding: 18px 14px !important; }
  body.cea-body .cea-authwrap .auth-tabs { display: flex; min-width: 0; width: 100%; }
  body.cea-body .cea-authwrap .auth-tab { flex: 1 1 0; min-width: 0; white-space: normal; }
  body.cea-body .cea-authwrap form,
  body.cea-body .cea-authwrap label {
    box-sizing: border-box; width: 100%; min-width: 0;
  }
  body.cea-body .cea-authwrap input:not([type="hidden"]),
  body.cea-body .cea-authwrap button,
  body.cea-body .cea-authwrap select {
    box-sizing: border-box; max-width: 100%;
  }
  body.cea-body .cea-authwrap input:not([type="hidden"]) {
    width: 100% !important; min-width: 0 !important;
    font-size: 16px !important; /* évite le zoom Safari au focus */
  }
}