body.sleaty-public.sleaty-commande {
  padding: 0;
  background-color: var(--color-commande-page);
  background-image:
    radial-gradient(45% 40% at 100% 0%, var(--color-commande-glow), transparent 75%),
    radial-gradient(40% 35% at 0% 100%, var(--color-commande-glow-accent), transparent 75%);
  color: var(--color-commande-text);
}
.sleaty-commande :focus-visible { outline: 2px solid var(--color-commande-focus); outline-offset: var(--space-2); }
.sleaty-commande .sleaty-commande__carte--claire :focus-visible,
.sleaty-commande .sleaty-commande__question :focus-visible { outline-color: var(--color-focus-ring); }
.sleaty-commande .field .field__input:focus-visible { outline: none; }
.sleaty-commande__piege {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}
.sleaty-commande__entete {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-8) var(--space-24);
  padding: var(--space-16) var(--space-24);
  border-bottom: 1px solid var(--color-commande-line);
  background: var(--color-commande-page);
}
.sleaty-commande__marque {
  display: inline-flex;
  align-items: center;
  gap: var(--space-16);
}
.sleaty-commande__logo-sleaty { display: block; width: auto; height: 32px; }
.sleaty-commande__marque-texte {
  padding-left: var(--space-16);
  border-left: 1px solid var(--color-commande-line-strong);
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: var(--fs-body-m);
  color: var(--color-commande-text);
}
.sleaty-commande__entete-ref {
  font-size: var(--fs-body-s);
  color: var(--color-commande-text-muted);
  overflow-wrap: anywhere;
}
.sleaty-commande__pied {
  box-sizing: border-box;
  width: 100%;
  max-width: 1340px;
  padding: var(--space-48) var(--space-24) var(--space-24);
  font-size: var(--fs-body-s);
  color: var(--color-commande-text-muted);
}
.sleaty-commande__main {
  box-sizing: border-box;
  width: 100%;
  max-width: 1340px;
  display: flex;
  flex-direction: column;
  gap: var(--space-24);
  padding: var(--space-32) var(--space-24) 0;
}
.sleaty-commande__surtitre {
  margin: 0;
  font-size: var(--fs-body-s);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--color-commande-accent);
}
.sleaty-commande__titre {
  margin: 0;
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: var(--fs-h3);
  line-height: 1.1;
  color: var(--color-commande-text);
}
.sleaty-commande__titre--grand {
  font-size: var(--fs-h2);
  background: var(--gradient-hero-title);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.sleaty-commande__lead {
  margin: 0;
  max-width: 64ch;
  font-size: var(--fs-body-l);
  line-height: 1.5;
  color: var(--color-commande-text-muted);
}
.sleaty-commande__intro {
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
}
.sleaty-commande__petit {
  margin: 0;
  font-size: var(--fs-body-xs);
  line-height: 1.5;
  color: var(--color-commande-text-muted);
}
.sleaty-commande__notice {
  display: flex;
  align-items: flex-start;
  gap: var(--space-8);
  margin: 0;
  padding: var(--space-16);
  border: 1px solid var(--color-commande-line-strong);
  border-radius: var(--radius);
  background: var(--color-commande-surface);
  font-size: var(--fs-body-m);
  line-height: 1.4;
  color: var(--color-commande-text);
}
.sleaty-commande__notice .material-symbols-outlined { flex: none; font-size: 20px; color: var(--color-commande-accent); }
.sleaty-commande__notice--info .material-symbols-outlined { color: var(--color-commande-ok); }
.sleaty-commande__notice--erreur {
  border-color: var(--color-commande-danger);
  background: var(--color-commande-danger-soft);
}
.sleaty-commande__notice--erreur .material-symbols-outlined { color: var(--color-commande-danger); }
.sleaty-commande__notice--attention {
  border-color: var(--color-commande-warn);
  background: var(--color-commande-warn-soft);
}
.sleaty-commande__notice--attention .material-symbols-outlined { color: var(--color-commande-warn); }
.sleaty-commande__notice p,
.sleaty-commande__notice ul { margin: 0; }
.sleaty-commande__notice ul { padding-left: var(--space-24); }
.sleaty-commande__notice a { color: var(--color-commande-text); text-decoration: underline; text-underline-offset: 0.2em; }
.sleaty-commande__carte--claire .sleaty-commande__notice {
  background: var(--color-badge-danger-bg);
  border-color: var(--color-state-rouge);
  color: var(--color-badge-danger-ink);
}
.sleaty-commande__carte--claire .sleaty-commande__notice .material-symbols-outlined { color: var(--color-badge-danger-ink); }
.btn.sleaty-commande__btn-clair,
.btn.sleaty-commande__btn-contour {
  min-height: 44px;
  padding: 0 var(--space-24);
  gap: var(--space-8);
  font-size: var(--fs-body-m);
  font-weight: 500;
}
.btn.sleaty-commande__btn-clair {
  background: var(--color-commande-current-bg);
  color: var(--color-commande-current-ink);
}
.btn.sleaty-commande__btn-clair:hover {
  background: var(--color-filtre-selection);
  box-shadow: 0 10px 22px -10px var(--color-glow);
}
.btn.sleaty-commande__btn-contour {
  background: transparent;
  box-shadow: inset 0 0 0 1px var(--color-commande-line-strong);
  color: var(--color-commande-text);
}
.btn.sleaty-commande__btn-contour:hover { background: var(--color-commande-surface-soft); }
.btn.sleaty-commande__btn-clair:disabled { opacity: 0.5; cursor: not-allowed; }
.sleaty-commande__actions,
.sleaty-commande__nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-8);
}
.sleaty-public .sleaty-commande__actions .btn,
.sleaty-public .sleaty-commande__nav .btn {
  width: auto;
  justify-content: center;
}
.sleaty-commande__nav { justify-content: flex-end; padding-top: var(--space-8); }
.sleaty-commande__retour {
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: var(--space-8);
  padding: var(--space-8) var(--space-16);
  border-radius: var(--radius-pill);
  background: var(--color-commande-surface-soft);
  color: var(--color-commande-text);
  font-size: var(--fs-body-s);
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
}
.sleaty-commande__retour:hover { background: var(--color-commande-line); }
.sleaty-commande__retour .material-symbols-outlined { font-size: 18px; }
.sleaty-commande__lien-discret {
  font-size: var(--fs-body-xs);
  color: var(--color-commande-text-muted);
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.sleaty-commande__lien-clair { color: var(--color-principal); }
.sleaty-commande__carte {
  box-sizing: border-box;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
  padding: var(--space-24);
  border: 1px solid var(--color-commande-line);
  border-radius: var(--radius);
  background: var(--color-commande-surface);
  color: var(--color-commande-text);
}
.sleaty-commande__carte--claire {
  border-color: transparent;
  background: var(--color-surface-card);
  box-shadow: var(--shadow-card-soft);
  color: var(--color-ink);
}
.sleaty-commande__carte--discrete { background: transparent; }
.sleaty-commande__carte-titre {
  display: flex;
  align-items: center;
  gap: var(--space-8);
  margin: 0;
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: var(--fs-h5);
  line-height: 1.25;
}
.sleaty-commande__carte-titre .material-symbols-outlined { font-size: 22px; color: var(--color-commande-accent); }
.sleaty-commande__carte-texte {
  margin: 0;
  font-size: var(--fs-body-m);
  line-height: 1.5;
  color: var(--color-commande-text-muted);
}
.sleaty-commande__carte--claire .sleaty-commande__carte-texte { color: var(--color-ink-muted); }
.sleaty-commande__carte--formulaire { width: 100%; max-width: 720px; align-self: center; }
.sleaty-commande__carte--claire .sleaty-commande__titre { color: var(--color-ink); }
.sleaty-commande .btn[hidden] { display: none; }
.sleaty-commande__carte--claire a:not(.btn):not(.chip) {
  color: var(--color-commande-violet-fonce);
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.sleaty-commande__bande {
  display: flex;
  align-items: center;
  gap: var(--space-16);
  min-width: 0;
  padding: var(--space-8) var(--space-16);
  border: 1px solid var(--color-commande-line);
  border-radius: var(--radius);
  background: var(--gradient-commande-bande);
}
.sleaty-commande__steps {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sleaty-commande__step {
  flex: 0 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-8);
  padding: var(--space-8) var(--space-16) var(--space-8) var(--space-8);
  border-radius: var(--radius-pill);
  color: var(--color-commande-text-muted);
  font-size: var(--fs-body-s);
  white-space: nowrap;
}
.sleaty-commande__step-label { overflow: hidden; text-overflow: ellipsis; }
.sleaty-commande__step-dot {
  flex: none;
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: var(--radius-round);
  box-shadow: inset 0 0 0 1px var(--color-commande-line-strong);
  font-size: var(--fs-body-xs);
  font-weight: 600;
}
.sleaty-commande__step-dot .material-symbols-outlined { font-size: 16px; }
.sleaty-commande__step--fait { color: var(--color-commande-text); }
.sleaty-commande__step--fait .sleaty-commande__step-dot {
  background: var(--color-commande-ok);
  box-shadow: none;
  color: var(--color-commande-ok-ink);
}
.sleaty-commande__step--en_cours {
  background: var(--color-commande-current-bg);
  color: var(--color-commande-current-ink);
  font-weight: 600;
}
.sleaty-commande__step--en_cours .sleaty-commande__step-dot {
  background: var(--color-principal);
  box-shadow: none;
  color: var(--color-ink-inverse);
}
.sleaty-commande__bande-compte {
  flex: none;
  margin: 0;
  font-size: var(--fs-body-xs);
  color: var(--color-commande-text-muted);
  white-space: nowrap;
}
.sleaty-commande__segments {
  flex: 1 1 auto;
  display: flex;
  gap: var(--space-4);
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sleaty-commande__segment {
  flex: 1 1 0;
  height: 8px;
  border-radius: var(--radius-pill);
  background: var(--color-commande-line);
}
.sleaty-commande__segment--commence { background: var(--color-commande-line-strong); }
.sleaty-commande__segment--fait { background: var(--color-commande-ok); }
.sleaty-commande__segment--en_cours { background: var(--gradient-accent); }
.sleaty-commande__now {
  display: flex;
  align-items: flex-start;
  gap: var(--space-8);
  margin: 0;
  padding: var(--space-16);
  border: 1px solid var(--color-commande-line);
  border-radius: var(--radius);
  background: var(--color-commande-surface);
  font-size: var(--fs-body-m);
  line-height: 1.4;
  color: var(--color-commande-text);
}
.sleaty-commande__now .material-symbols-outlined { flex: none; font-size: 20px; color: var(--color-commande-ok); }
.sleaty-commande__now--vous { border-color: var(--color-commande-accent); }
.sleaty-commande__now--vous .material-symbols-outlined { color: var(--color-commande-accent); }
.sleaty-commande__colonnes {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-24);
  align-items: start;
}
.sleaty-commande__colonne {
  display: flex;
  flex-direction: column;
  gap: var(--space-24);
  min-width: 0;
}
.sleaty-commande__parts {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-8);
  margin: 0;
  padding: 0;
  list-style: none;
}
.sleaty-commande__part a {
  display: flex;
  align-items: center;
  gap: var(--space-16);
  padding: var(--space-8) var(--space-16) var(--space-8) var(--space-8);
  border: 1px solid var(--color-commande-line);
  border-radius: var(--radius);
  color: var(--color-commande-text);
  text-decoration: none;
  font-size: var(--fs-body-m);
}
.sleaty-commande__part a:hover { border-color: var(--color-commande-line-strong); background: var(--color-commande-surface-soft); }
.sleaty-commande__part-num {
  flex: none;
  display: inline-grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: var(--radius-round);
  box-shadow: inset 0 0 0 1px var(--color-commande-line-strong);
  font-size: var(--fs-body-s);
  font-weight: 600;
}
.sleaty-commande__part-num .material-symbols-outlined { font-size: 18px; }
.sleaty-commande__part-nom { flex: 1 1 auto; min-width: 0; }
.sleaty-commande__part-compte { flex: none; font-size: var(--fs-body-xs); color: var(--color-commande-text-muted); }
.sleaty-commande__part--commencee .sleaty-commande__part-num { box-shadow: inset 0 0 0 2px var(--color-commande-accent); }
.sleaty-commande__part--complete .sleaty-commande__part-num {
  background: var(--color-commande-ok);
  box-shadow: none;
  color: var(--color-commande-ok-ink);
}
.sleaty-commande__auto {
  display: flex;
  align-items: flex-start;
  gap: var(--space-8);
  margin: 0;
  font-size: var(--fs-body-s);
  line-height: 1.4;
  color: var(--color-commande-text-muted);
}
.sleaty-commande__auto .material-symbols-outlined { flex: none; font-size: 18px; color: var(--color-commande-ok); }
.sleaty-commande__rappels {
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
}
.sleaty-commande__rappel {
  display: flex;
  align-items: flex-start;
  gap: var(--space-8);
  margin: 0;
  font-size: var(--fs-body-s);
  line-height: 1.5;
  color: var(--color-commande-text-muted);
}
.sleaty-commande__rappel strong { color: var(--color-commande-text); font-weight: 600; }
.sleaty-commande__rappel .material-symbols-outlined { flex: none; font-size: 20px; color: var(--color-commande-accent); }
.sleaty-commande__facturation {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-8);
  margin: 0;
  padding: 0;
  list-style: none;
}
.sleaty-commande__facturation li {
  display: inline-flex;
  align-items: center;
  gap: var(--space-8);
  padding: var(--space-4) var(--space-16) var(--space-4) var(--space-4);
  border-radius: var(--radius-pill);
  background: var(--color-commande-surface-soft);
  font-size: var(--fs-body-xs);
  color: var(--color-commande-text);
}
.sleaty-commande__facturation li:last-child { box-shadow: inset 0 0 0 1px var(--color-commande-accent); }
.sleaty-commande__facturation-num {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: var(--radius-round);
  background: var(--color-commande-line);
  font-weight: 600;
}
.sleaty-commande__fil {
  display: flex;
  flex-direction: column-reverse;
  max-height: 480px;
  overflow-y: auto;
  border-radius: var(--radius);
}
.sleaty-commande__messages {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  margin: 0;
  padding: 0;
  list-style: none;
}
.sleaty-commande__message {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  max-width: 88%;
  padding: var(--space-8) var(--space-16);
  border-radius: var(--radius);
  background: var(--color-commande-bubble-team);
  font-size: var(--fs-body-s);
  line-height: 1.4;
  color: var(--color-commande-text);
}
.sleaty-commande__message p { margin: 0; overflow-wrap: anywhere; }
.sleaty-commande__message-qui { font-size: var(--fs-body-xs); color: var(--color-commande-text-muted); }
.sleaty-commande__message--client {
  align-self: flex-end;
  background: var(--color-commande-bubble-client);
}
.sleaty-commande__message--systeme {
  align-self: center;
  max-width: 100%;
  background: transparent;
  color: var(--color-commande-text-muted);
  text-align: center;
}
.sleaty-commande__composer {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  padding-top: var(--space-16);
  border-top: 1px solid var(--color-commande-line);
}
.sleaty-public .sleaty-commande__composer .btn { width: auto; align-self: flex-end; }
.sleaty-commande__label-sombre {
  font-size: var(--fs-body-s);
  font-weight: 500;
  color: var(--color-commande-text);
}
.sleaty-commande__livrable {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  padding: var(--space-16);
  border: 1px solid var(--color-surface-card-line);
  border-radius: var(--radius);
}
.sleaty-commande__livrable--attente { border-color: var(--color-principal); }
.sleaty-commande__livrable-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-8);
}
.sleaty-commande__livrable-title {
  margin: 0;
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: var(--fs-h6);
}
.sleaty-commande__texte {
  margin: 0;
  font-size: var(--fs-body-m);
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.sleaty-commande__options {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: var(--space-8);
  margin: 0;
  padding: 0;
  list-style: none;
}
.sleaty-commande__option {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  padding: var(--space-16);
  border-radius: var(--radius);
  background: var(--color-gris-1);
}
.sleaty-commande__option--choisie { background: var(--color-badge-ok-bg); }
.sleaty-commande__reponse { margin-top: var(--space-8); }
.sleaty-commande__depart {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-40);
  align-items: start;
}
.sleaty-commande__presentation {
  display: flex;
  flex-direction: column;
  gap: var(--space-24);
}
.sleaty-commande__how {
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
  margin: 0;
  padding: 0;
  list-style: none;
}
.sleaty-commande__how li {
  display: flex;
  align-items: flex-start;
  gap: var(--space-16);
  font-size: var(--fs-body-m);
  line-height: 1.5;
  color: var(--color-commande-text-muted);
}
.sleaty-commande__how strong { display: block; color: var(--color-commande-text); font-weight: 600; }
.sleaty-commande__how-num {
  flex: none;
  display: inline-grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: var(--radius-round);
  background: var(--color-principal);
  color: var(--color-ink-inverse);
  font-weight: 700;
}
.sleaty-commande__presentation .sleaty-commande__rappels {
  padding: var(--space-24);
  border: 1px solid var(--color-commande-line);
  border-radius: var(--radius);
  background: var(--color-commande-surface);
}
.sleaty-commande__etat {
  width: 100%;
  max-width: 520px;
  align-self: center;
  align-items: center;
  text-align: center;
  padding: var(--space-40) var(--space-32);
}
.sleaty-commande__etat .sleaty-commande__titre { color: var(--color-ink); font-size: var(--fs-h4); }
.sleaty-commande__etat--alerte .sleaty-public__round {
  background: var(--color-badge-danger-bg);
  color: var(--color-badge-danger-ink);
  box-shadow: none;
}
.sleaty-commande__etat-form { width: 100%; text-align: left; }
.sleaty-commande__etat .sleaty-commande__notice { text-align: left; }
.sleaty-commande__conseils {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  width: 100%;
  margin: 0;
  padding: var(--space-16);
  border-radius: var(--radius);
  background: var(--color-gris-1);
  list-style: none;
  text-align: left;
  font-size: var(--fs-body-s);
  line-height: 1.4;
  color: var(--color-ink-muted);
}
.sleaty-commande__conseils li { display: flex; align-items: flex-start; gap: var(--space-8); }
.sleaty-commande__conseils .material-symbols-outlined { flex: none; font-size: 18px; color: var(--color-principal); }
.sleaty-commande__questions,
.sleaty-commande__recap,
.sleaty-commande__intro[data-sleaty-commande-groupe],
.sleaty-commande__intro[data-sleaty-commande-recap] {
  box-sizing: border-box;
  width: 100%;
  max-width: 880px;
  align-self: center;
}
.sleaty-commande__questions,
.sleaty-commande__recap {
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
}
.sleaty-commande__bande--brief {
  box-sizing: border-box;
  width: 100%;
  max-width: 880px;
  align-self: center;
}
.sleaty-commande__question {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
  margin: 0;
  padding: var(--space-24);
  border: 0;
  border-radius: var(--radius);
  background: var(--color-surface-card);
  box-shadow: var(--shadow-card-soft);
  color: var(--color-ink);
  min-width: 0;
}
.sleaty-commande__question-title {
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-8);
  padding: 0;
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: var(--fs-h6);
  line-height: 1.3;
}
.sleaty-commande__exemple {
  display: flex;
  align-items: flex-start;
  gap: var(--space-8);
  margin: 0;
  font-size: var(--fs-body-s);
  line-height: 1.4;
  color: var(--color-ink-muted);
}
.sleaty-commande__exemple .material-symbols-outlined { flex: none; font-size: 18px; color: var(--color-principal); }
.sleaty-commande__field {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}
.sleaty-commande__choices,
.sleaty-commande__list,
.sleaty-commande__row,
.sleaty-commande__adjectifs,
.sleaty-commande__couleurs {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}
.sleaty-commande__list[hidden] { display: none; }
.sleaty-commande__repeat {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}
.sleaty-commande__row {
  padding: var(--space-16);
  border-radius: var(--radius);
  background: var(--color-gris-1);
}
.sleaty-commande__row .sleaty-commande__row { background: var(--color-surface-card); }
.sleaty-commande__upload { font-size: var(--fs-body-s); }
.sleaty-commande__adjectifs-grille {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-8) var(--space-16);
}
.sleaty-commande__adjectifs > legend {
  float: left;
  width: 100%;
  padding: 0;
  font-weight: 600;
  color: var(--color-ink);
}
.sleaty-commande__adjectifs + .sleaty-commande__adjectifs { padding-top: var(--space-8); }
.sleaty-commande__logo:has(> .sleaty-commande__logo-couleurs[hidden]) { grid-template-columns: minmax(0, 1fr); }
.sleaty-commande__logo-couleurs[hidden] { display: none; }
.sleaty-commande__depliant {
  border-radius: var(--radius);
  background: var(--color-gris-1);
}
.sleaty-commande__depliant-titre {
  display: flex;
  align-items: center;
  gap: var(--space-8);
  padding: var(--space-16);
  border-radius: var(--radius);
  cursor: pointer;
  list-style: none;
  font-weight: 600;
  font-size: var(--fs-body-m);
}
.sleaty-commande__depliant-titre::-webkit-details-marker { display: none; }
.sleaty-commande__depliant-titre:hover { background: var(--color-gris-3); }
.sleaty-commande__depliant-nom { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
.sleaty-commande__depliant-titre .material-symbols-outlined {
  flex: none;
  transition: rotate var(--motion-duration-base) var(--motion-ease-standard);
}
.sleaty-commande__depliant[open] > .sleaty-commande__depliant-titre .material-symbols-outlined { rotate: 180deg; }
.sleaty-commande__depliant-corps {
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
  padding: 0 var(--space-16) var(--space-16);
}
.sleaty-commande__depliant-corps .sleaty-commande__row,
.sleaty-commande__depliant-corps .sleaty-commande__file { background: var(--color-surface-card); }
.sleaty-commande__zone {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}
.sleaty-commande__zone-tete {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-8);
}
.sleaty-commande__zone-aide { margin: 0; }
.sleaty-commande__files {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  margin: 0;
  padding: 0;
  list-style: none;
}
.sleaty-commande__file {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-8);
  padding: var(--space-4) var(--space-8);
  border-radius: var(--radius);
  background: var(--color-surface-chip);
  font-size: var(--fs-body-s);
}
.sleaty-commande__file a {
  display: inline-flex;
  align-items: center;
  gap: var(--space-4);
  color: var(--color-principal);
  overflow-wrap: anywhere;
}
.sleaty-commande__file .material-symbols-outlined { font-size: 18px; }
.sleaty-commande__retirer {
  display: inline-flex;
  align-items: center;
  gap: var(--space-4);
  margin-left: auto;
}
.sleaty-commande__logo {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-16);
  padding: var(--space-16);
  border-radius: var(--radius);
  background: var(--color-gris-1);
}
.sleaty-commande__logo-depot,
.sleaty-commande__logo-couleurs {
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
  min-width: 0;
}
.sleaty-commande__logo .sleaty-commande__file { background: var(--color-surface-card); }
.sleaty-commande__apercu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-8);
}
.sleaty-commande__apercu[hidden] { display: none; }
.sleaty-commande__apercu-cadre {
  position: relative;
  display: grid;
  place-items: center;
  width: 200px;
  height: 200px;
  border-radius: var(--radius);
  background-color: var(--color-white);
  background-image:
    linear-gradient(45deg, var(--color-gris-2) 25%, transparent 25%, transparent 75%, var(--color-gris-2) 75%),
    linear-gradient(45deg, var(--color-gris-2) 25%, transparent 25%, transparent 75%, var(--color-gris-2) 75%);
  background-size: 16px 16px;
  background-position: 0 0, 8px 8px;
  box-shadow: inset 0 0 0 1px var(--color-surface-card-line);
  overflow: hidden;
}
.sleaty-commande__apercu-img {
  display: block;
  width: 200px;
  height: 200px;
  object-fit: contain;
}
.sleaty-commande__apercu-img[hidden],
.sleaty-commande__pipette[hidden] { display: none; }
.sleaty-commande__pipette {
  display: block;
  width: 200px;
  height: 200px;
  cursor: crosshair;
}
.sleaty-commande__apercu-pdf {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-8);
  color: var(--color-ink-muted);
  font-size: var(--fs-body-s);
}
.sleaty-commande__apercu-pdf[hidden] { display: none; }
.sleaty-commande__apercu-pdf .material-symbols-outlined { font-size: 40px; }
.sleaty-commande__apercu p { margin: 0; }
.sleaty-commande__apercu p[hidden] { display: none; }
.sleaty-commande__apercu p .material-symbols-outlined { margin-right: var(--space-4); font-size: 16px; vertical-align: middle; }
.sleaty-commande__pipette-message:empty { display: none; }
.sleaty-commande__couleurs-grille {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-8);
}
.sleaty-commande__couleur {
  display: flex;
  align-items: center;
  gap: var(--space-8);
}
.sleaty-commande__couleur .field { flex: 1 1 auto; min-width: 0; background: var(--color-surface-card); }
.sleaty-commande__pastille {
  flex: none;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: var(--radius);
  background: none;
  cursor: pointer;
}
.sleaty-commande__pastille::-webkit-color-swatch-wrapper { padding: 0; }
.sleaty-commande__pastille::-webkit-color-swatch { border: 1px solid var(--color-gris-4-border); border-radius: var(--radius); }
.sleaty-commande__pastille::-moz-color-swatch { border: 1px solid var(--color-gris-4-border); border-radius: var(--radius); }
.sleaty-commande__pastille[hidden] { display: none; }
.sleaty-commande__couleur-retirer {
  flex: none;
  display: inline-grid;
  place-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-round);
  background: transparent;
  color: var(--color-ink-muted);
  cursor: pointer;
}
.sleaty-commande__couleur-retirer:hover { background: var(--color-gris-3); color: var(--color-ink); }
.sleaty-commande__couleur-retirer[hidden] { display: none; }
.sleaty-commande__answers {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  gap: var(--space-8) var(--space-16);
  margin: 0;
  font-size: var(--fs-body-s);
  line-height: 1.4;
}
.sleaty-commande__answers dt { font-weight: 600; }
.sleaty-commande__answers dd {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  margin: 0;
  overflow-wrap: anywhere;
}
.sleaty-public .sleaty-commande__envoi .btn { width: auto; }
.sleaty-commande__envoi {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-16);
  padding-top: var(--space-16);
  border-top: 1px solid var(--color-commande-line);
}
@media (min-width: 768px) {
  .sleaty-commande__adjectifs-grille { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sleaty-commande__couleurs-grille { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sleaty-commande__logo { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}
@media (min-width: 1024px) {
  .sleaty-commande__bande:not(.sleaty-commande__bande--brief) .sleaty-commande__bande-compte { display: none; }
  .sleaty-commande__main { padding: var(--space-40) var(--space-48) 0; }
  .sleaty-commande__colonnes { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
  .sleaty-commande__depart { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); }
  .sleaty-commande__depart .sleaty-commande__carte--formulaire { max-width: none; }
  .sleaty-commande__entete { padding: var(--space-16) var(--space-48); }
  .sleaty-commande__pied { padding: var(--space-48) var(--space-48) var(--space-24); }
}
@media (max-width: 1023.98px) {
  .sleaty-commande__step { flex: 0 0 auto; padding: var(--space-4); }
  .sleaty-commande__step:not(.sleaty-commande__step--en_cours) .sleaty-commande__step-label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .sleaty-commande__step--en_cours { flex: 1 1 auto; padding-right: var(--space-16); }
  .sleaty-commande__step--en_cours .sleaty-commande__step-label { overflow: visible; white-space: normal; }
}
@media (max-width: 767.98px) {
  .sleaty-commande__main { gap: var(--space-16); padding: var(--space-24) var(--space-16) 0; }
  .sleaty-commande__entete { padding: var(--space-16); }
  .sleaty-commande__entete-ref { width: 100%; }
  .sleaty-commande__titre { font-size: var(--fs-h4); }
  .sleaty-commande__titre--grand { font-size: var(--fs-h3); }
  .sleaty-commande__lead { font-size: var(--fs-body-m); }
  .sleaty-commande__carte,
  .sleaty-commande__question { padding: var(--space-16); }
  .sleaty-commande__etat { padding: var(--space-32) var(--space-16); }
  .sleaty-commande__bande { flex-wrap: wrap; gap: var(--space-8); }
  .sleaty-commande__steps { width: 100%; flex-wrap: wrap; justify-content: flex-start; }
  .sleaty-commande__segments { order: 3; flex-basis: 100%; }
  .sleaty-commande__answers { grid-template-columns: minmax(0, 1fr); }
  .sleaty-commande__message { max-width: 100%; }
  .sleaty-commande__nav { justify-content: stretch; }
  .sleaty-commande__nav .btn { flex: 1 1 auto; }
  .sleaty-commande__composer .btn { align-self: stretch; }
  .sleaty-commande__depart > .sleaty-commande__carte--formulaire:has(.sleaty-commande__notice) { order: -1; }
}
.sleaty-commande__pages {
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
}
.sleaty-commande__pages-rappel {
  display: flex;
  align-items: flex-start;
  gap: var(--space-8);
  margin: 0;
  padding: var(--space-16);
  border-radius: var(--radius);
  background: var(--color-badge-info-bg);
  color: var(--color-badge-info-ink);
  font-size: var(--fs-body-m);
  line-height: 1.5;
}
.sleaty-commande__pages-rappel strong { font-weight: 600; }
.sleaty-commande__pages-rappel .material-symbols-outlined { flex: none; font-size: 20px; }
.sleaty-commande__pages-compte {
  margin: 0;
  font-size: var(--fs-body-m);
  font-weight: 600;
  color: var(--color-ink);
}
.sleaty-commande__pages-liste {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  margin: 0;
  padding: 0;
  list-style: none;
}
.sleaty-commande__page-num {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--space-32);
  height: var(--space-32);
  border-radius: var(--radius-round);
  background: var(--color-principal);
  color: var(--color-ink-inverse);
  font-size: var(--fs-body-m);
  font-weight: 600;
}
.sleaty-commande__page-num:empty { display: none; }
.sleaty-commande__page-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-8);
}
.sleaty-commande__page-actions [hidden] { display: none; }
.sleaty-public .sleaty-commande__page-actions .btn,
.sleaty-public .sleaty-commande__pages-ajout .btn { width: auto; flex: none; }
.sleaty-commande__depliant-corps .field--classic { background: var(--color-surface-card); }
.sleaty-commande__pages-ajout {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-8) var(--space-16);
}
.btn.sleaty-commande__btn-ajout {
  min-height: 44px;
  padding: 0 var(--space-24);
  gap: var(--space-8);
  font-size: var(--fs-body-m);
  font-weight: 500;
  background: var(--color-pill-dark);
  color: var(--color-ink-inverse);
}
.btn.sleaty-commande__btn-ajout:hover { box-shadow: 0 10px 22px -10px var(--color-glow); }
.btn.btn--lead-icon:is(.sleaty-commande__btn-clair, .sleaty-commande__btn-contour, .sleaty-commande__btn-ajout) { padding-left: var(--space-8); }
.btn.sleaty-commande__btn-ajout:disabled { opacity: 0.5; cursor: not-allowed; }
.sleaty-commande__pages-ajout [hidden] { display: none; }
.sleaty-commande__champ-avec-aide {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
.sleaty-commande__champ-aide {
  display: flex;
  align-items: flex-start;
  gap: var(--space-4);
  margin: 0;
}
.sleaty-commande__champ-aide .material-symbols-outlined { flex: none; font-size: 16px; }
.sleaty-commande__question .sleaty-public__label,
.sleaty-commande__question .sleaty-public__small,
.sleaty-commande__carte--claire .sleaty-public__label,
.sleaty-commande__carte--claire .sleaty-public__small,
.sleaty-commande__question .sleaty-depot__aide { color: var(--color-commande-ink-small); }
.sleaty-commande__step-dot,
.sleaty-commande__bande-compte { color: var(--color-commande-text-small); }
.sleaty-commande__step--fait .sleaty-commande__step-dot { color: var(--color-commande-ok-ink); }
.sleaty-commande__step--en_cours .sleaty-commande__step-dot {
  background: var(--color-commande-violet-fonce);
  color: var(--color-ink-inverse);
}
.sleaty-commande__carte--claire .sleaty-public__small a,
.sleaty-commande__question .sleaty-public__small a,
.sleaty-commande [data-sleaty-commande-lien-perdu] { color: var(--color-commande-violet-fonce); }