.sleaty-public {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--space-24) var(--space-16) 0;
  box-sizing: border-box;
  background: var(--color-secondaire);
  color: var(--color-ink);
}
.sleaty-public__top,
.sleaty-public__foot {
  width: 100%;
  max-width: 1340px;
}
.sleaty-public__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-16);
}
.sleaty-public__brand {
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: var(--fs-h6);
  line-height: 1.1;
}
.sleaty-public__main {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--space-80) 0;
}
.sleaty-public__column {
  width: 100%;
  max-width: 880px;
  display: flex;
  flex-direction: column;
  gap: var(--space-24);
}
.sleaty-public__foot {
  padding: var(--space-80) 0 var(--space-24);
  font-size: var(--fs-body-s);
  color: var(--color-ink-muted);
}
.sleaty-public .sleaty-panel {
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
  padding: var(--space-32);
}
.sleaty-public__state {
  width: 100%;
  max-width: 480px;
  align-items: center;
  text-align: center;
}
.sleaty-public__round {
  flex: none;
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  border-radius: var(--radius-round);
  background: var(--gradient-accent);
  color: var(--color-ink-inverse);
  box-shadow: 0 10px 22px -10px var(--color-glow);
}
.sleaty-public-icon {
  display: inline-grid;
  place-items: center;
  line-height: 0;
}
.sleaty-public-icon svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
}
.btn .sleaty-public-icon svg,
.chip .sleaty-public-icon svg { width: 18px; height: 18px; }
.btn--lead-icon > .sleaty-public-icon:first-child svg { width: 20px; height: 20px; }
.sleaty-public__head {
  display: flex;
  align-items: center;
  gap: var(--space-16);
}
.sleaty-public__head-text {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
.sleaty-public__title {
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: var(--fs-h4);
  line-height: 1.1;
  margin: 0;
}
.sleaty-public__muted {
  font-size: var(--fs-body-s);
  line-height: 1.4;
  color: var(--color-ink-muted);
}
.sleaty-public__small {
  font-size: var(--fs-body-xs);
  line-height: 1.4;
  color: var(--color-ink-muted);
}
.sleaty-public__objet {
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: var(--fs-h6);
  line-height: 1.25;
  margin: 0;
}
.sleaty-public__lines {
  display: flex;
  flex-direction: column;
}
.sleaty-public__group,
.sleaty-public__line {
  display: flex;
  align-items: flex-start;
  gap: var(--space-8);
  font-size: var(--fs-body-s);
  line-height: 1.4;
}
.sleaty-public__group {
  padding: var(--space-16) 0 var(--space-8);
  border-bottom: 1px solid var(--color-surface-card-line);
  font-weight: 600;
}
.sleaty-public__group-name {
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
  font: inherit;
  color: var(--color-principal);
}
.sleaty-public__line { padding: var(--space-8) 0; }
.sleaty-public__line-name { flex: 1 1 0; min-width: 0; overflow-wrap: anywhere; }
.sleaty-public__line-qty {
  flex: none;
  width: 80px;
  text-align: right;
  color: var(--color-ink-muted);
}
.sleaty-public__line-total {
  flex: none;
  width: 130px;
  text-align: right;
}
.sleaty-public__line--note { color: var(--color-ink-muted); }
.sleaty-public__line--link a {
  color: var(--color-principal);
  text-decoration: underline;
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
}
.sleaty-public__mention {
  display: flex;
  justify-content: flex-end;
  padding: var(--space-16) 0 var(--space-8);
  font-size: var(--fs-body-xs);
  color: var(--color-ink-muted);
}
.sleaty-public__totals {
  display: flex;
  gap: var(--space-16);
}
.sleaty-public__total {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  padding: var(--space-16);
  border-radius: var(--radius);
  background: var(--color-gris-1);
}
.sleaty-public__total-value {
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: var(--fs-h5);
  line-height: 1.1;
  color: var(--color-principal);
}
.sleaty-public__fields {
  display: flex;
  gap: var(--space-16);
}
.sleaty-public__field {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}
.sleaty-public__label {
  font-size: var(--fs-body-xs);
  color: var(--color-ink-muted);
}
.sleaty-public__check {
  display: flex;
  align-items: flex-start;
  gap: var(--space-8);
  font-size: var(--fs-body-m);
  line-height: 1.4;
}
.sleaty-public__check input { accent-color: var(--color-principal); margin-top: var(--space-4); }
.sleaty-public .btn { width: 100%; justify-content: flex-start; }
.sleaty-public__state .btn { justify-content: center; }
.sleaty-public__refuse { align-self: center; text-align: center; width: 100%; }
.sleaty-public__refuse > summary {
  display: inline-block;
  cursor: pointer;
  padding: var(--space-8) var(--space-4);
  font-size: var(--fs-button-s);
  font-weight: 500;
  color: var(--color-principal);
  list-style: none;
}
.sleaty-public__refuse > summary::-webkit-details-marker { display: none; }
.sleaty-public__refuse > summary:focus-visible { outline: 2px solid var(--color-focus-ring); outline-offset: var(--space-2); border-radius: var(--radius-pill); }
.sleaty-public__refuse[open] > form {
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
  margin-top: var(--space-16);
  text-align: left;
}
.sleaty-public__notice {
  padding: var(--space-16);
  border-radius: var(--radius);
  background: var(--color-badge-warn-bg);
  color: var(--color-badge-warn-ink);
  font-size: var(--fs-body-s);
}
.sleaty-public__notice--info {
  background: var(--color-badge-info-bg);
  color: var(--color-badge-info-ink);
}
@media (max-width: 767.98px) {
  .sleaty-public__main { padding: var(--space-32) 0; }
  .sleaty-public .sleaty-panel { padding: var(--space-24); }
  .sleaty-public__head { flex-wrap: wrap; }
  .sleaty-public__totals,
  .sleaty-public__fields { flex-direction: column; }
  .sleaty-public__line-qty { width: 48px; }
  .sleaty-public__line-total { width: 96px; }
}
.sleaty-public__tag {
  margin-left: var(--space-4);
  vertical-align: middle;
  color: var(--color-ink);
}
.sleaty-public__check a {
  color: var(--color-ink);
  text-decoration: underline;
}