/* [project]/src/components/ui/focus.module.css [app-client] (css) */
.focus-module__JTvKyq__focusRing:focus-visible {
  outline: 3px solid var(--sky-700);
  outline-offset: 2px;
}

.focus-module__JTvKyq__focusRingTight:focus-visible {
  outline: 3px solid var(--sky-700);
  outline-offset: 1px;
}

/* [project]/src/components/ui/Toast.module.css [app-client] (css) */
.Toast-module__dpyMdW__region {
  z-index: 50;
  gap: var(--space-xs);
  inline-size: min(calc(100vw - var(--space-xl)), 400px);
  pointer-events: none;
  display: grid;
  position: fixed;
  inset-block-end: var(--space-md);
  inset-inline-end: var(--space-md);
}

.Toast-module__dpyMdW__stack {
  gap: var(--space-xs);
  display: grid;
}

.Toast-module__dpyMdW__toast {
  align-items: flex-start;
  gap: var(--space-xs);
  padding: var(--space-xs) var(--space-xs) var(--space-xs) var(--space-sm);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--card);
  color: var(--navy);
  box-shadow: var(--shadow-md);
  pointer-events: auto;
  border-inline-start-width: 4px;
  display: flex;
}

.Toast-module__dpyMdW__succes {
  border-inline-start-color: var(--success-700);
}

.Toast-module__dpyMdW__erreur {
  border-inline-start-color: var(--danger-700);
}

.Toast-module__dpyMdW__mark {
  block-size: 24px;
  inline-size: 24px;
  border-radius: var(--radius-pill);
  color: var(--card);
  font-size: var(--text-sm);
  flex: none;
  justify-content: center;
  align-items: center;
  margin-block-start: var(--space-xs);
  font-weight: 800;
  display: inline-flex;
}

.Toast-module__dpyMdW__succes .Toast-module__dpyMdW__mark {
  background: var(--success-700);
}

.Toast-module__dpyMdW__erreur .Toast-module__dpyMdW__mark {
  background: var(--danger-700);
}

.Toast-module__dpyMdW__message {
  padding-block: var(--space-xs);
  font-size: var(--text-sm);
  line-height: var(--leading-snug);
  flex: 1;
  margin: 0;
}

.Toast-module__dpyMdW__close {
  inline-size: var(--tap);
  block-size: var(--tap);
  border-radius: var(--radius-sm);
  color: var(--slate-600);
  font-size: var(--text-lg);
  cursor: pointer;
  background: none;
  border: 0;
  flex: none;
}

.Toast-module__dpyMdW__close:hover {
  background: var(--slate-100);
  color: var(--navy);
}

.Toast-module__dpyMdW__close:active {
  background: var(--slate-200);
}

@media (prefers-reduced-motion: no-preference) {
  .Toast-module__dpyMdW__toast {
    animation: Toast-module__dpyMdW__entree var(--duration-base) ease-out;
  }
}

@keyframes Toast-module__dpyMdW__entree {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

/* [project]/src/components/layout/ProShell.module.css [app-client] (css) */
.ProShell-module__5arwRG__shell {
  background: var(--surface);
  flex-direction: column;
  min-height: calc(100vh - 32px);
  display: flex;
}

.ProShell-module__5arwRG__screen {
  width: 100%;
  padding: var(--space-xl) var(--gutter);
  flex: 1;
  align-content: start;
  justify-items: center;
  display: grid;
}

.ProShell-module__5arwRG__content {
  justify-items: start;
  gap: var(--space-md);
  width: 100%;
  display: grid;
}

.ProShell-module__5arwRG__simple {
  max-width: 640px;
}

.ProShell-module__5arwRG__screen:has( > .ProShell-module__5arwRG__panel) {
  align-content: center;
}

.ProShell-module__5arwRG__large {
  max-width: var(--container);
}

.ProShell-module__5arwRG__panel {
  max-width: 480px;
  padding: var(--space-lg);
  border: 1px solid var(--line);
  border-radius: var(--radius-xl);
  background: var(--card);
  box-shadow: var(--shadow-sm);
}

.ProShell-module__5arwRG__header {
  gap: var(--space-2xs);
  width: 100%;
  display: grid;
}

.ProShell-module__5arwRG__titleRow {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-xs) var(--space-md);
  flex-wrap: wrap;
  display: flex;
}

.ProShell-module__5arwRG__actions {
  gap: var(--space-xs);
  flex-wrap: wrap;
  display: flex;
}

.ProShell-module__5arwRG__breadcrumb {
  color: var(--slate-600);
  font-size: var(--text-sm);
}

.ProShell-module__5arwRG__brand {
  color: var(--sky-800);
  font-size: var(--text-sm);
  letter-spacing: .02em;
  font-weight: 800;
}

.ProShell-module__5arwRG__title {
  color: var(--navy);
  font-size: var(--text-xl);
  font-weight: 800;
  line-height: var(--leading-tight);
}

.ProShell-module__5arwRG__simple .ProShell-module__5arwRG__title, .ProShell-module__5arwRG__large .ProShell-module__5arwRG__title {
  font-size: clamp(var(--text-xl), 5vw, var(--text-3xl));
}

.ProShell-module__5arwRG__title:focus {
  outline: none;
}

.ProShell-module__5arwRG__lead {
  color: var(--slate-700);
  font-size: var(--text-md);
}

/* [project]/src/components/ui/Button.module.css [app-client] (css) */
.Button-module__8RiFmG__button {
  min-height: var(--tap);
  padding: var(--space-xs) var(--space-md);
  border-radius: var(--radius-md);
  text-align: center;
  transition: background-color var(--duration-fast),
    border-color var(--duration-fast),
    color var(--duration-fast),
    transform var(--duration-fast);
  border: 1px solid #0000;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  display: inline-flex;
}

.Button-module__8RiFmG__button:active:not(:disabled):not([aria-disabled="true"]) {
  transform: translateY(1px);
}

.Button-module__8RiFmG__button:disabled, .Button-module__8RiFmG__button[aria-disabled="true"] {
  opacity: .55;
  cursor: not-allowed;
  transform: none;
}

.Button-module__8RiFmG__button[aria-disabled="true"] {
  pointer-events: none;
}

.Button-module__8RiFmG__button[aria-busy="true"] {
  cursor: progress;
}

.Button-module__8RiFmG__button[aria-busy="true"]:after {
  content: "";
  border-radius: var(--radius-pill);
  vertical-align: baseline;
  background: currentColor;
  block-size: 8px;
  inline-size: 8px;
  margin-inline-start: 8px;
  display: inline-block;
}

@media (prefers-reduced-motion: no-preference) {
  .Button-module__8RiFmG__button[aria-busy="true"]:after {
    animation: 1s ease-in-out infinite Button-module__8RiFmG__pulse;
  }
}

@keyframes Button-module__8RiFmG__pulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .25;
  }
}

.Button-module__8RiFmG__button[aria-pressed="true"] {
  border-color: var(--navy);
  background: var(--slate-100);
  color: var(--navy);
}

.Button-module__8RiFmG__md {
  font-size: var(--text-sm);
}

.Button-module__8RiFmG__lg {
  padding: var(--space-sm) var(--space-lg);
  border-radius: var(--radius-lg);
  font-size: 16px;
}

.Button-module__8RiFmG__primary {
  background: var(--navy);
  color: var(--card);
}

.Button-module__8RiFmG__primary:hover:not(:disabled) {
  background: var(--slate-800);
}

.Button-module__8RiFmG__primary:active:not(:disabled) {
  background: var(--ink);
}

.Button-module__8RiFmG__secondary {
  background: var(--card);
  color: var(--navy);
  border-color: var(--slate-300);
}

.Button-module__8RiFmG__secondary:hover:not(:disabled) {
  border-color: var(--slate-500);
}

.Button-module__8RiFmG__secondary:active:not(:disabled) {
  background: var(--slate-100);
  border-color: var(--slate-600);
}

.Button-module__8RiFmG__ghost {
  color: var(--navy);
  background: none;
}

.Button-module__8RiFmG__ghost:hover:not(:disabled) {
  background: var(--slate-100);
}

.Button-module__8RiFmG__ghost:active:not(:disabled) {
  background: var(--slate-200);
}

.Button-module__8RiFmG__danger {
  background: var(--danger-700);
  color: var(--card);
}

.Button-module__8RiFmG__danger:hover:not(:disabled) {
  background: var(--danger);
}

.Button-module__8RiFmG__danger:active:not(:disabled) {
  background: var(--danger-800);
}

/* [project]/src/components/ui/Field.module.css [app-client] (css) */
.Field-module__bfn3sa__field {
  gap: var(--space-3xs);
  display: grid;
}

.Field-module__bfn3sa__label {
  font-size: var(--text-sm);
  color: var(--navy);
  font-weight: 600;
}

.Field-module__bfn3sa__required {
  color: var(--danger-700);
}

.Field-module__bfn3sa__control {
  width: 100%;
  min-height: var(--tap);
  padding: var(--space-xs) var(--space-sm);
  border: 1px solid var(--slate-400);
  border-radius: var(--radius-sm);
  background: var(--card);
  color: var(--navy);
  transition: border-color var(--duration-fast),
    background-color var(--duration-fast);
}

.Field-module__bfn3sa__control::placeholder {
  color: var(--slate-500);
}

.Field-module__bfn3sa__control:hover:not(:disabled) {
  border-color: var(--slate-600);
}

.Field-module__bfn3sa__control:focus-visible, .Field-module__bfn3sa__control:active:not(:disabled), .Field-module__bfn3sa__control:focus {
  border-color: var(--sky-700);
}

.Field-module__bfn3sa__control[aria-invalid="true"] {
  border-color: var(--danger-700);
  border-width: 2px;
}

.Field-module__bfn3sa__control:disabled {
  background-color: var(--slate-100);
  color: var(--slate-600);
  cursor: not-allowed;
}

input.Field-module__bfn3sa__control:read-only {
  background: var(--surface);
  color: var(--slate-700);
  cursor: default;
}

input.Field-module__bfn3sa__control:read-only:hover {
  border-color: var(--slate-400);
}

.Field-module__bfn3sa__hint {
  font-size: var(--text-xs);
  color: var(--slate-600);
}

.Field-module__bfn3sa__error {
  font-size: var(--text-xs);
  color: var(--danger-700);
  font-weight: 600;
}

/* [project]/src/app/connexion/connexion.module.css [app-client] (css) */
.connexion-module__pUzyoq__text {
  color: var(--slate-700);
  font-size: var(--text-md);
}

.connexion-module__pUzyoq__form {
  gap: var(--space-md);
  width: 100%;
  display: grid;
}

.connexion-module__pUzyoq__alert, .connexion-module__pUzyoq__status {
  padding: var(--space-sm);
  border-radius: var(--radius-sm);
  font-size: var(--text-md);
  border: 1px solid;
}

.connexion-module__pUzyoq__alert {
  background: var(--card);
  color: var(--danger-700);
  border-color: currentColor;
}

.connexion-module__pUzyoq__status {
  border-color: var(--sky-700);
  background: var(--card);
  color: var(--navy);
}

.connexion-module__pUzyoq__steps {
  gap: var(--space-lg);
  padding-left: var(--space-lg);
  margin: 0;
  display: grid;
}

.connexion-module__pUzyoq__steps > li {
  gap: var(--space-sm);
  display: grid;
}

.connexion-module__pUzyoq__qr {
  border: 1px solid var(--slate-300);
  border-radius: var(--radius-sm);
  background: var(--card);
  width: 224px;
  max-width: 100%;
  height: auto;
  display: block;
}

.connexion-module__pUzyoq__secret {
  font-family: var(--font-mono), ui-monospace, monospace;
  font-size: var(--text-md);
  letter-spacing: .08em;
  overflow-wrap: anywhere;
  color: var(--navy);
}

/*# sourceMappingURL=src_214nv9x._.css.map*/