.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-16);
  padding: var(--space-24) var(--space-40);
  border-radius: var(--radius-pill);
  font-family: var(--font-text);
  font-size: var(--fs-button-l);
  font-weight: 500;
  line-height: var(--lh-button);
  white-space: nowrap;
  cursor: pointer;
  border: none;
  transition: background-color var(--motion-duration-base) var(--motion-ease-standard), color var(--motion-duration-base) var(--motion-ease-standard), border-color var(--motion-duration-base) var(--motion-ease-standard), box-shadow var(--motion-duration-base) var(--motion-ease-standard), opacity var(--motion-duration-base) var(--motion-ease-standard), scale var(--motion-duration-base) var(--motion-ease-spring);
}
.btn:where(.btn-primary, .btn-secondary, .btn-tertiary) {
  min-height: 44px;
  padding: 0 var(--space-24);
  gap: var(--space-8);
  font-size: var(--fs-body-m);
  font-weight: 500;
}
.btn-primary {
  background: var(--color-pill-dark);
  color: var(--color-ink-inverse);
}
.btn-primary:hover {
  background: var(--color-pill-dark);
  box-shadow: 0 10px 22px -10px var(--color-glow);
}
.btn:is(.btn-primary, .btn-secondary, .btn-tertiary):focus-visible { outline: 2px solid var(--color-focus-ring); outline-offset: var(--space-2); }
.btn-primary:disabled,
.btn-primary[aria-disabled="true"] { opacity: .5; cursor: not-allowed; pointer-events: none; }
.btn-secondary {
  border: 0;
  background: var(--color-surface-card);
  box-shadow: inset 0 0 0 1px var(--color-surface-card-line), var(--shadow-card-soft);
  color: var(--color-ink);
}
.btn-secondary:hover { background: var(--color-monogram-1-bg); color: var(--color-monogram-1-ink); }
.btn-secondary:disabled,
.btn-secondary[aria-disabled="true"] { opacity: .5; cursor: not-allowed; pointer-events: none; }
.btn.btn-tertiary {
  padding-inline: var(--space-4);
  background: none;
  color: var(--color-principal);
}
.btn-tertiary:hover { color: var(--color-extra-1); text-decoration: underline; text-underline-offset: 3px; }
.btn-tertiary:disabled,
.btn-tertiary[aria-disabled="true"] { opacity: .5; cursor: not-allowed; pointer-events: none; }
.field {
  display: flex;
  align-items: center;
  gap: var(--space-8);
  width: 100%;
  padding: var(--space-16) var(--space-24);
  border-radius: var(--radius);
  border: 1px solid var(--color-gris-4-border);
  background: var(--color-white);
  font-family: var(--font-text);
  font-size: var(--fs-body-m);
  color: var(--color-texte);
}
.field::placeholder { color: var(--color-gris-5-texte-secondaire); }
.admin-shell .field {
  border-color: transparent;
  border-radius: var(--radius);
  background: var(--color-surface-chip);
}
.field--classic {
  padding: var(--space-8) var(--space-16);
  border-radius: var(--radius);
  border: none;
  background: var(--color-secondaire);
}
.field--classic .field__input::placeholder,
.field--classic.field__input::placeholder {
  color: var(--color-gris-6-texte-secondaire);
}
.card {
  background: var(--color-white);
  border-radius: var(--radius);
  box-shadow: var(--shadow-02);
  padding: var(--space-32);
}
.card--plain {
  border-radius: var(--radius);
  box-shadow: none;
  padding: var(--space-24) var(--space-16);
}
.field__icon {
  color: var(--color-gris-5-texte-secondaire);
  flex-shrink: 0;
  font-size: 20px;
}
.field__input {
  flex: 1;
  min-width: 0;
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  outline: none;
}
.field__input::placeholder { color: var(--color-gris-5-texte-secondaire); }
.field__suffix {
  flex-shrink: 0;
  color: var(--color-gris-6-texte-secondaire);
  white-space: nowrap;
}
.field:has(.field__input:disabled) .field__suffix {
  color: var(--color-gris-5-texte-secondaire);
}
.field:focus-visible,
.field:has(.field__input:focus-visible) {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: var(--space-2);
  border-color: transparent;
}
.btn .material-symbols-outlined { font-size: 1.2em; }
.search-bar {
  display: flex;
  align-items: center;
  gap: var(--space-16);
  padding: var(--space-16);
  background: var(--color-white);
  border-radius: var(--radius);
}
.search-bar__field {
  background: var(--color-secondaire);
  border: none;
  border-radius: var(--radius-pill);
  padding: var(--space-8) var(--space-16);
}
.btn--compact {
  min-height: 36px;
  padding: 0 var(--space-16);
  border-radius: var(--radius-pill);
  gap: var(--space-8);
  font-size: var(--fs-body-s);
  font-weight: 500;
  line-height: var(--lh-button);
}
.chip {
  display: inline-flex;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-4) var(--space-16);
  border-radius: var(--radius-pill);
  background: var(--color-gris-2);
  color: var(--color-principal);
  font-family: var(--font-text);
  font-size: var(--fs-body-xs);
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color var(--motion-duration-base) var(--motion-ease-standard), color var(--motion-duration-base) var(--motion-ease-standard), scale var(--motion-duration-base) var(--motion-ease-spring);
}
.chip.chip--active {
  background: var(--color-principal);
  color: var(--color-white);
}
.chip:hover { background: var(--color-extra-2); }
.chip:focus-visible { outline: 2px solid var(--color-focus-ring); outline-offset: var(--space-2); }
.card--client {
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
  width: 290px;
  box-sizing: border-box;
  padding: var(--space-16) var(--space-24);
  background: var(--color-white);
  border-radius: var(--radius);
}
.card--client .card__identity {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
.card--client .card__identity .card__title,
.card--client .card__identity .card__line {
  margin: 0;
}
.card--client .card__title {
  margin: 0;
  font-family: var(--font-text);
  font-weight: 700;
  font-size: var(--fs-button-l);
  color: var(--color-extra-1);
}
.card--client .card__line {
  margin: 0;
  font-size: var(--fs-body-m);
  color: var(--color-texte);
}
.card--client .card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-8);
}
.card--client .card__tags .chip {
  background: var(--color-gris-3);
  color: var(--color-texte);
  border-radius: var(--radius-pill);
  padding: var(--space-4) var(--space-8);
  font-size: var(--fs-body-xs);
}
.card--client .card__tags .chip:hover { background: var(--color-gris-2); }
.client-grid {
  align-content: flex-start;
  padding: var(--space-16);
  border: 1px solid var(--color-gris-6-texte-secondaire);
  border-radius: var(--radius);
}
.client-grid.is-loading {
  opacity: 0.5;
  pointer-events: none;
}
.sleaty-panel {
  position: relative;
  box-sizing: border-box;
  min-width: 0;
  padding: var(--space-24);
  border-radius: var(--radius);
  background: var(--color-surface-card);
  box-shadow: inset 0 0 0 1px var(--color-surface-card-line), var(--shadow-card-soft);
  color: var(--color-ink);
}
.sleaty-panel--lift {
  transition:
    translate var(--motion-duration-slow) var(--ease-soft),
    box-shadow var(--motion-duration-slow) var(--ease-soft);
}
.sleaty-panel--lift:is(:hover, :focus-within) {
  translate: 0 calc(var(--motion-distance-s) * -1);
  box-shadow: inset 0 0 0 1px var(--color-surface-card-line), var(--shadow-card-hover);
}
.material-symbols-outlined.sleaty-go {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  flex: none;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: var(--radius-round);
  background: var(--color-pill-dark);
  font-size: 20px;
  color: var(--color-ink-inverse);
  user-select: none;
  transition:
    rotate var(--motion-duration-slow) var(--motion-ease-spring),
    box-shadow var(--motion-duration-slow) var(--ease-soft);
}
.sleaty-go::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--gradient-accent);
  opacity: 0;
  transition: opacity var(--motion-duration-slow) var(--ease-soft);
}
:is(.sleaty-panel--lift:is(:hover, :focus-within), a:is(:hover, :focus-visible)) .sleaty-go {
  rotate: 45deg;
  box-shadow: 0 8px 20px -6px var(--color-glow);
}
:is(.sleaty-panel--lift:is(:hover, :focus-within), a:is(:hover, :focus-visible)) .sleaty-go::before {
  opacity: 1;
}
.sleaty-monogram {
  flex: none;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-round);
  background: var(--color-monogram-1-bg);
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: var(--fs-body-s);
  line-height: 1;
  letter-spacing: 0.02em;
  color: var(--color-monogram-1-ink);
  user-select: none;
}
.sleaty-monogram--1 { background: var(--color-monogram-1-bg); color: var(--color-monogram-1-ink); }
.sleaty-monogram--2 { background: var(--color-monogram-2-bg); color: var(--color-monogram-2-ink); }
.sleaty-monogram--3 { background: var(--color-monogram-3-bg); color: var(--color-monogram-3-ink); }
.sleaty-monogram--4 { background: var(--color-monogram-4-bg); color: var(--color-monogram-4-ink); }
.sleaty-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  box-sizing: border-box;
  min-width: 0;
  padding: var(--space-24) var(--space-32) var(--space-32);
  border-radius: var(--radius);
  background-color: var(--color-hero-bg);
  background-image:
    radial-gradient(48% 130% at 92% -20%, var(--color-hero-glow-soft), transparent 70%),
    radial-gradient(34% 120% at 0% 125%, var(--color-hero-glow-accent-soft), transparent 70%);
  box-shadow: var(--shadow-card-soft);
  color: var(--color-hero-text-muted);
}
.sleaty-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    linear-gradient(var(--color-hero-grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--color-hero-grid) 1px, transparent 1px);
  background-size: 32px 32px;
  background-position: -1px -1px;
  -webkit-mask-image: linear-gradient(90deg, transparent, var(--color-black) 35%, var(--color-black) 75%, transparent);
  mask-image: linear-gradient(90deg, transparent, var(--color-black) 35%, var(--color-black) 75%, transparent);
}
.sleaty-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -70%;
  right: -8%;
  width: 46%;
  height: 240%;
  pointer-events: none;
  border-radius: var(--radius-round);
  background: radial-gradient(closest-side, var(--color-glow), transparent);
  opacity: 0.32;
  filter: blur(28px);
}
.sleaty-screen-head,
.sleaty-clients-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-24) var(--space-32);
  padding: var(--space-24);
}
.sleaty-screen-head__intro,
.sleaty-clients-head__intro {
  flex: none;
  display: flex;
  align-items: center;
  gap: var(--space-16);
}
.material-symbols-outlined.sleaty-screen-head__icon,
.material-symbols-outlined.sleaty-clients-head__icon {
  flex: none;
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  border-radius: var(--radius-round);
  background: var(--gradient-accent);
  box-shadow: 0 10px 24px -10px var(--color-glow);
  font-size: 28px;
  color: var(--color-ink-inverse);
}
.sleaty-screen-head__title,
.sleaty-clients-head__title {
  margin: 0 0 var(--space-2);
  font-family: var(--font-primary);
  font-weight: 500;
  font-size: var(--fs-body-m);
  line-height: 1.25;
  color: var(--color-ink-muted);
}
.sleaty-screen-head__figure,
.sleaty-clients-head__figure {
  display: flex;
  align-items: baseline;
  gap: var(--space-8);
  margin: 0;
}
.sleaty-screen-head__value,
.sleaty-clients-head__value {
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: var(--fs-display-3);
  line-height: 1.05;
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
  color: var(--color-ink);
}
.sleaty-screen-head__unit,
.sleaty-clients-head__unit {
  font-size: var(--fs-body-s);
  color: var(--color-ink-muted);
}
.sleaty-screen-head__intro { flex: 0 1 auto; min-width: 0; }
.sleaty-screen-head__text { min-width: 0; }
.sleaty-screen-head__eyebrow {
  margin: 0 0 var(--space-4);
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: var(--fs-body-xs);
  line-height: var(--lh-subtitle);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--color-monogram-1-ink);
}
.sleaty-screen-head__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--space-16);
  margin-left: auto;
}
.sleaty-screen-head__actions > .field {
  flex: 0 1 auto;
  width: 260px;
  min-width: 160px;
}
.sleaty-screen-head__back {
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: var(--space-4);
  min-height: 36px;
  padding: 0 var(--space-16) 0 var(--space-8);
  border-radius: var(--radius-pill);
  background: var(--color-surface-chip);
  font-size: var(--fs-body-s);
  font-weight: 500;
  color: var(--color-ink);
  transition: background-color var(--motion-duration-base) var(--motion-ease-standard), color var(--motion-duration-base) var(--motion-ease-standard);
}
.sleaty-screen-head__back:hover { background: var(--color-pill-dark); color: var(--color-ink-inverse); }
.sleaty-screen-head__back:focus-visible { outline: 2px solid var(--color-focus-ring); outline-offset: var(--space-2); }
.sleaty-screen-head__back .material-symbols-outlined { font-size: 18px; }
.sleaty-screen-head__monogram.sleaty-monogram {
  width: 56px;
  height: 56px;
  font-size: var(--fs-h6);
}
:is(.sleaty-screen-head--identity, .sleaty-screen-head--title-only) .sleaty-screen-head__title {
  font-weight: 700;
  font-size: var(--fs-h4);
  line-height: var(--lh-heading);
  letter-spacing: -0.02em;
  overflow-wrap: anywhere;
  color: var(--color-ink);
}
.sleaty-dossier-head .sleaty-screen-head__actions {
  order: -1;
  flex-basis: 100%;
  justify-content: flex-start;
  margin-left: 0;
}
.sleaty-dossier-head .sleaty-fiche-actions {
  flex: 1;
  margin-top: 0;
}
.btn--lead-icon {
  --lead-btn-h: 44px;
  --lead-icon-size: 32px;
  padding-left: calc((var(--lead-btn-h) - var(--lead-icon-size)) / 2);
}
.btn--lead-icon > .material-symbols-outlined:first-child {
  display: grid;
  place-items: center;
  width: var(--lead-icon-size);
  height: var(--lead-icon-size);
  border-radius: var(--radius-round);
  background: var(--gradient-accent);
  font-size: 20px;
  color: var(--color-ink-inverse);
  transition: rotate var(--motion-duration-slow) var(--motion-ease-spring);
}
.btn--compact.btn--lead-icon { --lead-btn-h: 36px; --lead-icon-size: 26px; }
.btn--compact.btn--lead-icon > .material-symbols-outlined:first-child { font-size: 18px; }
.btn--add:hover > .material-symbols-outlined:first-child { rotate: 90deg; }
a.sleaty-go:is(:hover, :focus-visible) { rotate: 45deg; box-shadow: 0 8px 20px -6px var(--color-glow); }
a.sleaty-go:is(:hover, :focus-visible)::before { opacity: 1; }
a.sleaty-go:focus-visible { outline: 2px solid var(--color-focus-ring); outline-offset: var(--space-4); }
:is(.sleaty-fiche-actions, .sleaty-actionbar):not(.sleaty-fiche-hero__bar) .chip--neutral {
  min-height: 36px;
  padding: 0 var(--space-16) 0 var(--space-8);
  gap: var(--space-8);
  border-radius: var(--radius-pill);
  background: var(--color-surface-card);
  box-shadow: inset 0 0 0 1px var(--color-surface-card-line), var(--shadow-card-soft);
  font-size: var(--fs-body-s);
  color: var(--color-ink);
  transition: background-color var(--motion-duration-base) var(--motion-ease-standard), color var(--motion-duration-base) var(--motion-ease-standard), box-shadow var(--motion-duration-base) var(--motion-ease-standard), scale var(--motion-duration-base) var(--motion-ease-spring);
}
:is(.sleaty-fiche-actions, .sleaty-actionbar):not(.sleaty-fiche-hero__bar) .chip--neutral:hover {
  background: var(--color-surface-card);
  box-shadow: inset 0 0 0 1px var(--color-surface-card-line), var(--shadow-card-hover);
  color: var(--color-extra-1);
}
:is(.sleaty-fiche-actions, .sleaty-actionbar):not(.sleaty-fiche-hero__bar) .chip--neutral .material-symbols-outlined { font-size: 18px; }
.sleaty-dossier-head :is(.sleaty-fiche-actions, .sleaty-actionbar) .chip--neutral {
  background: var(--color-surface-chip);
  box-shadow: none;
}
.sleaty-dossier-head :is(.sleaty-fiche-actions, .sleaty-actionbar) .chip--neutral:hover {
  background: var(--color-pill-dark);
  box-shadow: none;
  color: var(--color-ink-inverse);
}
:is(.sleaty-btn-danger-quiet, :is(.sleaty-fiche-actions, .sleaty-actionbar):not(.sleaty-fiche-hero__bar) form.ml-auto .chip--neutral):is(:hover, :focus-visible) {
  background: var(--color-badge-danger-bg);
  box-shadow: inset 0 0 0 1px var(--color-state-rouge);
  color: var(--color-badge-danger-ink);
}
:is(.sleaty-fiche-actions, .sleaty-actionbar):not(.sleaty-fiche-hero__bar) .sleaty-autosave-status {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 var(--space-16);
  border-radius: var(--radius-pill);
  box-shadow: inset 0 0 0 1px var(--color-surface-card-line);
}
:is(.sleaty-fiche-actions, .sleaty-actionbar):not(.sleaty-fiche-hero__bar) .sleaty-autosave-status:not([data-state="saving"], [data-state="error"]) { color: var(--color-ink-muted); }
:is(.sleaty-fiche-actions, .sleaty-actionbar):not(.sleaty-fiche-hero__bar) .sleaty-autosave-status[data-state="saving"] { color: var(--color-monogram-1-ink); }
:is(.sleaty-fiche-actions, .sleaty-actionbar):not(.sleaty-fiche-hero__bar) .sleaty-autosave-status::after { left: var(--space-16); }
:is(.sleaty-fiche-actions, .sleaty-actionbar):not(.sleaty-fiche-hero__bar) .sleaty-autosave-status[data-state="error"] {
  background: var(--color-badge-danger-bg);
  color: var(--color-badge-danger-ink);
}
.sleaty-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-4) var(--space-8);
  border: 1px solid var(--color-badge-neutral-line);
  border-radius: var(--radius-pill);
  background: var(--color-badge-neutral-bg);
  font-size: var(--fs-body-xs);
  font-weight: 500;
  line-height: var(--lh-body);
  white-space: nowrap;
  color: var(--color-badge-neutral-ink);
}
.sleaty-badge .material-symbols-outlined { font-size: 14px; }
.sleaty-badge:is(.sleaty-badge--ok, .sleaty-badge--warn, .sleaty-badge--danger, .sleaty-badge--info) { border-color: transparent; }
.sleaty-badge--ok { background: var(--color-badge-ok-bg); color: var(--color-badge-ok-ink); }
.sleaty-badge--warn { background: var(--color-badge-warn-bg); color: var(--color-badge-warn-ink); }
.sleaty-badge--danger { background: var(--color-badge-danger-bg); color: var(--color-badge-danger-ink); }
.sleaty-badge--info { background: var(--color-badge-info-bg); color: var(--color-badge-info-ink); }
.sleaty-badge--neutral { background: var(--color-badge-neutral-bg); color: var(--color-badge-neutral-ink); }
.sleaty-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-8);
  margin: 0;
  padding: 0;
  list-style: none;
}
.sleaty-tab,
.sleaty-tab.chip--neutral {
  display: inline-flex;
  align-items: center;
  gap: var(--space-8);
  min-height: 36px;
  padding: 0 var(--space-16);
  border-radius: var(--radius-pill);
  background: var(--color-surface-card);
  box-shadow: inset 0 0 0 1px var(--color-surface-card-line), var(--shadow-card-soft);
  font-size: var(--fs-body-s);
  font-weight: 500;
  color: var(--color-ink);
  transition: background-color var(--motion-duration-base) var(--motion-ease-standard), color var(--motion-duration-base) var(--motion-ease-standard);
}
.sleaty-tab:hover,
.sleaty-tab.chip--neutral:hover { background: var(--color-monogram-1-bg); color: var(--color-monogram-1-ink); }
.sleaty-tab:has(> .material-symbols-outlined:first-child) { padding-left: var(--space-8); }
.sleaty-tab .material-symbols-outlined { font-size: 18px; }
.sleaty-tabs--compact { gap: var(--space-8); }
.sleaty-tabs--compact .sleaty-tab { padding-inline: var(--space-8); font-variant-numeric: tabular-nums; }
@media (max-width: 1599.98px) {
  .sleaty-tabs--compact { gap: var(--space-4); }
  .sleaty-tabs--compact .sleaty-tab { padding-inline: var(--space-4); font-size: 13px; }
}
.sleaty-tab:is([aria-current="page"], .chip--active) {
  background: var(--color-pill-dark);
  box-shadow: none;
  color: var(--color-ink-inverse);
}
.sleaty-tab:focus-visible { outline: 2px solid var(--color-focus-ring); outline-offset: var(--space-2); }
.sleaty-section-title {
  display: flex;
  align-items: center;
  gap: var(--space-16);
  margin: 0;
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: var(--fs-h5);
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: var(--color-ink);
}
.material-symbols-outlined:is(.sleaty-section-title__icon, .sleaty-panel__icon, .sleaty-history__title-icon) {
  flex: none;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-round);
  background: var(--color-surface-chip);
  font-size: 20px;
  color: var(--color-ink);
}
.material-symbols-outlined.sleaty-section-title__icon {
  background: var(--color-surface-card);
  box-shadow: inset 0 0 0 1px var(--color-surface-card-line), var(--shadow-card-soft);
}
.sleaty-panel__head {
  display: flex;
  align-items: center;
  gap: var(--space-16);
  min-width: 0;
  margin: 0 0 var(--space-24);
}
.sleaty-panel__title {
  margin: 0;
  min-width: 0;
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: var(--fs-h6);
  line-height: 1.25;
  color: var(--color-ink);
}
.sleaty-empty,
.sleaty-clients-empty {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-8);
  padding: var(--space-56) var(--space-24);
  border-radius: var(--radius);
  background: var(--color-surface-card);
  box-shadow: inset 0 0 0 1px var(--color-surface-card-line), var(--shadow-card-soft);
  text-align: center;
}
.material-symbols-outlined:is(.sleaty-empty__icon, .sleaty-clients-empty__icon) {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  margin-bottom: var(--space-8);
  border-radius: var(--radius-round);
  background: var(--color-surface-chip);
  font-size: 30px;
  color: var(--color-ink-muted);
}
.sleaty-empty__title,
.sleaty-clients-empty__title {
  margin: 0;
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: var(--fs-h5);
  line-height: 1.25;
  color: var(--color-ink);
}
.sleaty-empty__text,
.sleaty-clients-empty__text {
  max-width: 52ch;
  margin: 0;
  text-wrap: balance;
  font-size: var(--fs-body-s);
  line-height: var(--lh-body);
  color: var(--color-ink-muted);
}
.admin-shell label.text-secondaire { color: var(--color-ink-muted); }
.admin-shell__main--clients {
  display: flex;
  flex-direction: column;
  gap: var(--space-page-gap);
  color: var(--color-ink);
}
.sleaty-clients-head > .sleaty-filters {
  flex: 0 1 640px;
  min-width: 0;
  margin-left: auto;
}
.admin-shell__main--clients .sleaty-filters__topbar.sleaty-clients-topbar {
  flex-wrap: nowrap;
  gap: var(--space-16);
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.admin-shell__main--clients .sleaty-clients-filters .sleaty-filters__search {
  box-sizing: border-box;
  height: 52px;
  padding: 0 var(--space-24) 0 var(--space-16);
  border-radius: var(--radius-pill);
  background: var(--color-surface-chip);
  box-shadow: inset 0 0 0 1px transparent;
  transition:
    background-color var(--motion-duration-base) var(--motion-ease-standard),
    box-shadow var(--motion-duration-base) var(--motion-ease-standard);
}
.admin-shell__main--clients .sleaty-clients-filters .sleaty-filters__search:hover {
  box-shadow: inset 0 0 0 1px var(--color-surface-card-line);
}
.admin-shell__main--clients .sleaty-clients-filters .sleaty-filters__search:has(.field__input:focus-visible) {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: var(--space-2);
  background: var(--color-surface-card);
  box-shadow: inset 0 0 0 1px var(--color-surface-card-line), var(--shadow-card-soft);
}
.admin-shell__main--clients .sleaty-clients-filters .sleaty-filters__search .field__icon {
  font-size: 22px;
  color: var(--color-ink-muted);
}
.admin-shell__main--clients .sleaty-clients-filters .field__input {
  font-size: var(--fs-body-m);
  color: var(--color-ink);
}
.admin-shell__main--clients .sleaty-clients-filters .field--classic .field__input::placeholder {
  color: var(--color-ink-muted);
}
.admin-shell__main--clients .sleaty-clients-head__add {
  box-sizing: border-box;
  height: 52px;
  padding: 0 var(--space-24) 0 var(--space-8);
  gap: var(--space-8);
  border-radius: var(--radius-pill);
  background: var(--color-pill-dark);
  font-family: var(--font-text);
  font-size: var(--fs-body-m);
  font-weight: 500;
  white-space: nowrap;
  color: var(--color-ink-inverse);
  transition: box-shadow var(--motion-duration-slow) var(--ease-soft), scale var(--motion-duration-base) var(--motion-ease-spring);
}
.admin-shell__main--clients .sleaty-clients-head__add .material-symbols-outlined {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: var(--radius-round);
  background: var(--gradient-accent);
  font-size: 22px;
  transition: rotate var(--motion-duration-slow) var(--motion-ease-spring);
}
.admin-shell__main--clients .sleaty-clients-head__add:hover {
  background: var(--color-pill-dark);
  box-shadow: 0 12px 26px -12px var(--color-glow);
}
.admin-shell__main--clients .sleaty-clients-head__add:hover .material-symbols-outlined {
  rotate: 90deg;
}
.admin-shell__main--clients .sleaty-clients-head__add:focus-visible {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: var(--space-4);
}
.admin-shell__main--clients .client-grid {
  --grid-gap: var(--space-24);
  align-items: stretch;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: var(--radius);
}
.admin-shell__main--clients .client-grid.is-skeleton::after {
  background: var(--color-surface-page);
}
.admin-shell__main--clients .card--client {
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
  width: auto;
  padding: var(--space-24);
  border-radius: var(--radius);
  background: var(--color-surface-card);
}
.admin-shell__main--clients .card--client.sleaty-panel:is(:hover, :focus-within) {
  background: var(--color-surface-card);
}
.admin-shell__main--clients .card--client.sleaty-panel.is-target,
.admin-shell__main--clients .card--client.sleaty-panel.is-target:is(:hover, :focus-within) {
  background: var(--color-extra-2);
}
.admin-shell__main--clients .card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-16);
}
.admin-shell__main--clients .card--client .card__identity {
  flex: 1;
  gap: var(--space-8);
  min-width: 0;
}
.admin-shell__main--clients .card--client .card__title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin: 0 0 var(--space-2);
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: var(--fs-h6);
  line-height: 1.25;
  overflow-wrap: anywhere;
  color: var(--color-ink);
}
.admin-shell__main--clients .card__link {
  border-radius: var(--radius);
  color: inherit;
  text-decoration: none;
  transition: color var(--motion-duration-base) var(--motion-ease-standard);
}
.admin-shell__main--clients .card--client:hover .card__link {
  color: var(--color-extra-1);
}
.admin-shell__main--clients .card__link:focus { outline: none; }
.admin-shell__main--clients .card__link:focus-visible {
  color: var(--color-extra-1);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}
.admin-shell__main--clients .card--client:has(.card__link:focus-visible) {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: var(--space-4);
}
.admin-shell__main--clients .card--client .card__line {
  display: flex;
  align-items: center;
  gap: var(--space-8);
  min-width: 0;
  font-size: var(--fs-body-s);
  line-height: var(--lh-body);
  color: var(--color-ink-muted);
}
.admin-shell__main--clients .card__line-icon {
  flex: none;
  font-size: 17px;
}
.admin-shell__main--clients .card__line-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.admin-shell__main--clients .card--client .card__tags {
  container-type: inline-size;
  gap: var(--space-8);
}
.admin-shell__main--clients .card--client .card__tags .chip {
  padding: var(--space-8) var(--space-16);
  border-radius: var(--radius-pill);
  background: var(--color-surface-chip);
  font-size: var(--fs-body-xs);
  font-weight: 500;
  color: var(--color-ink);
}
.admin-shell__main--clients .card--client .card__tags .chip:hover {
  background: var(--color-pill-dark);
  color: var(--color-ink-inverse);
}
.admin-shell__main--clients .card--client .card__tags .chip:focus-visible {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: var(--space-2);
}
@container (max-width: 216px) {
  .admin-shell__main--clients .card--client .card__tags .chip {
    padding-inline: var(--space-8);
  }
}
.admin-shell__main--clients .sleaty-pagination-slot > .sleaty-pagination {
  margin-top: var(--space-4);
}
.form-notice {
  display: flex;
  align-items: center;
  gap: var(--space-16);
  padding: var(--space-16) var(--space-24);
  border-radius: var(--radius);
  font-size: var(--fs-body-s);
}
.form-notice--error {
  background: var(--color-badge-danger-bg);
  color: var(--color-badge-danger-ink);
}
.unsupported-device-notice {
  width: min(100%, 560px);
}
.unsupported-device-notice .sleaty-empty__text {
  font-size: var(--fs-body-m);
  color: var(--color-ink);
}
.login-screen__inner {
  display: flex;
  justify-content: center;
}
.login-card {
  width: 100%;
  max-width: 420px;
  display: flex;
  flex-direction: column;
  gap: var(--space-24);
}
.login-card__title {
  margin: 0;
  text-align: center;
}
.login-card.card {
  padding: var(--space-40) var(--space-32) var(--space-32);
  box-shadow: inset 0 0 0 1px var(--color-surface-card-line), var(--shadow-card-soft);
}
.material-symbols-outlined.login-card__icon {
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  margin: 0 auto calc(-1 * var(--space-8));
  border-radius: var(--radius-round);
  background: var(--gradient-accent);
  box-shadow: 0 10px 24px -10px var(--color-glow);
  font-size: 28px;
  color: var(--color-ink-inverse);
}
.login-card .field {
  box-sizing: border-box;
  min-height: 52px;
  padding-block: var(--space-8);
  border-color: transparent;
  background: var(--color-surface-chip);
}
.login-card .field__icon { color: var(--color-ink-muted); }
.login-card .field__input::placeholder { color: var(--color-ink-muted); }
.btn.login-card__submit { min-height: 52px; }
.login-card__form {
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
}
.login-card__submit {
  width: 100%;
}
.login-card__help {
  margin: 0;
  text-align: center;
  color: var(--color-ink-muted);
}
.chip--neutral {
  color: var(--color-texte);
  background: var(--color-gris-3);
  border: none;
  border-radius: var(--radius-pill);
  padding: var(--space-8) var(--space-16);
}
.chip--neutral:hover { background: var(--color-gris-4-border); }
.dossier-tile-row {
  align-items: stretch;
}
.dossier-tile {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--space-16);
  text-align: left;
  min-height: 150px;
  box-sizing: border-box;
  padding: var(--space-16);
  background: var(--color-white);
  border-radius: var(--radius);
  box-shadow: none;
}
.dossier-tile { transition: box-shadow var(--motion-duration-base) var(--motion-ease-standard); }
.dossier-tile:hover { background: var(--color-white); box-shadow: var(--shadow-02); }
.dossier-tile:focus-visible { outline: 3px solid var(--color-accentue); outline-offset: var(--space-2); }
.dossier-tile__icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: var(--radius);
  background: var(--color-gris-2);
}
.dossier-tile__icon {
  font-size: 24px;
  color: var(--color-texte);
}
.service-category {
  margin-top: var(--space-48);
}
.service-category:first-child {
  margin-top: 0;
}
.service-category__title {
  display: flex;
  align-items: center;
  gap: var(--space-8);
  margin-bottom: var(--space-16);
}
.service-tile-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--space-24);
}
.service-tile {
  position: relative;
  box-sizing: border-box;
  text-align: left;
  font-family: inherit;
  border: none;
  cursor: default;
}
.service-tile--big {
  width: 150px;
  height: 150px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--space-8);
  padding: var(--space-16);
  border-radius: var(--radius);
}
.service-tile-pair {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-16);
  width: fit-content;
}
.service-tile--small {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--space-8);
  padding: var(--space-8);
  border-radius: var(--radius);
}
.service-tile--active {
  background: var(--color-white);
}
.service-tile--active .service-tile__icon { color: var(--color-texte); }
.service-tile--active .service-tile__label { color: var(--color-texte); }
.service-tile--inactive {
  background: var(--color-gris-3);
  cursor: pointer;
}
.service-tile--inactive:hover { background: var(--color-gris-4-border); }
.service-tile--inactive:focus-visible { outline: 3px solid var(--color-accentue); outline-offset: var(--space-2); }
.service-tile--inactive .service-tile__icon,
.service-tile--inactive .service-tile__label,
.service-tile--inactive .service-tile__caption {
  color: var(--color-gris-5-texte-secondaire);
}
.service-tile__icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 49px;
  height: 49px;
  border-radius: var(--radius);
  background: var(--color-gris-2);
}
.service-tile__icon-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  display: block;
}
.service-tile__icon {
  font-size: 24px;
}
.service-tile__text {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
.service-tile__label {
  font-family: var(--font-text);
  font-weight: 500;
  font-size: var(--fs-button-l);
}
.service-tile--big .service-tile__label {
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: var(--fs-h4);
}
.service-tile__caption {
  font-size: var(--fs-body-m);
  color: var(--color-texte);
}
.service-tile--inactive .service-tile__caption {
  color: var(--color-gris-5-texte-secondaire);
}
.service-tile__badge {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-4);
  border-radius: var(--radius-pill);
  background: var(--color-accentue);
  color: var(--color-white);
  flex-shrink: 0;
}
.service-tile--big .service-tile__badge {
  position: absolute;
  top: var(--space-8);
  right: var(--space-8);
}
.service-tile--small .service-tile__badge {
  margin-left: auto;
}
.service-tile__badge .material-symbols-outlined {
  font-size: 16px;
}
.service-tile__remove-form {
  display: contents;
}
.service-tile__badge--remove {
  box-sizing: border-box;
  min-width: 32px;
  min-height: 32px;
  border: none;
  font-family: inherit;
  cursor: pointer;
  background: var(--color-gris-3);
  color: var(--color-gris-5-texte-secondaire);
}
.service-tile__badge--remove:hover {
  background: var(--color-gris-4-border);
  color: var(--color-texte);
}
.service-tile__badge--remove:focus-visible {
  outline: 3px solid var(--color-accentue);
  outline-offset: var(--space-2);
}
.sleaty-fiche-actions,
.sleaty-actionbar {
  display: flex;
  align-items: center;
  gap: var(--space-16);
  margin-top: var(--space-24);
}
.sleaty-actionbar:not(.sleaty-fiche-actions) { margin-top: 0; }
.sleaty-info-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-24);
}
.sleaty-info-grid--single {
  grid-template-columns: minmax(0, 520px);
}
@media (max-width: 1023.98px) {
  .sleaty-info-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 767.98px) {
  .sleaty-info-grid,
  .sleaty-info-grid--single { grid-template-columns: 1fr; }
}
.sleaty-info-grid--articles {
  grid-template-columns: repeat( auto-fit, minmax( 240px, 1fr ) );
}
.sleaty-info-grid__add {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-gris-3);
  border: none;
  border-radius: var(--radius);
  color: var(--color-gris-6-texte-secondaire);
  cursor: default;
  padding: 0;
}
.sleaty-info-grid__add .material-symbols-outlined {
  font-size: 24px;
}
.sleaty-fiche-card {
  display: flex;
  flex-direction: column;
}
.sleaty-fiche-card > * + * {
  margin-top: var(--space-8);
}
.sleaty-fiche-card > h3 + * {
  margin-top: var(--space-16);
}
.sleaty-contact-badge {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: var(--space-4);
  padding: var(--space-2) var(--space-8);
  border-radius: var(--radius-pill);
  background: var(--color-extra-2);
  color: var(--color-principal);
  font-weight: 500;
}
.sleaty-contact-badge .material-symbols-outlined { font-size: 16px; }
.sleaty-contact-rep-toggle .material-symbols-outlined { font-size: 18px; }
.sleaty-contact-rep-toggle[aria-pressed="true"] { color: var(--color-principal); }
.sleaty-check {
  display: inline-flex;
  align-items: center;
  gap: var(--space-8);
  cursor: pointer;
}
.sleaty-check__input {
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: var(--color-principal);
  cursor: pointer;
}
.sleaty-check__input:focus-visible { outline: 3px solid var(--color-accentue); outline-offset: var(--space-2); }
.sleaty-autosave-status {
  margin: 0;
  color: var(--color-gris-5-texte-secondaire);
  transition: color var(--motion-duration-base) var(--motion-ease-standard);
}
.sleaty-autosave-status[data-state="saving"] {
  color: var(--color-gris-6-texte-secondaire);
}
.sleaty-autosave-status[data-state="error"] {
  color: color-mix(in srgb, var(--color-state-rouge) 65%, var(--color-black));
  font-weight: 500;
}
.admin-shell__main--fiche .sleaty-fiche-hero__bar {
  flex-wrap: wrap;
  gap: var(--space-8);
  margin-top: 0;
}
.admin-shell__main--fiche .sleaty-fiche-hero .chip--neutral,
.admin-shell__main--fiche .sleaty-fiche-hero .sleaty-autosave-status {
  box-sizing: border-box;
  min-height: 34px;
  padding: var(--space-8) var(--space-16);
  border-radius: var(--radius-pill);
  background: var(--color-hero-surface);
  box-shadow: inset 0 0 0 1px var(--color-hero-line);
  font-family: var(--font-text);
  font-size: var(--fs-body-xs);
  font-weight: 500;
  line-height: var(--lh-button);
}
.admin-shell__main--fiche .sleaty-fiche-hero .chip--neutral {
  gap: var(--space-8);
  color: var(--color-hero-text);
  transition:
    background-color var(--motion-duration-base) var(--motion-ease-standard),
    color var(--motion-duration-base) var(--motion-ease-standard),
    box-shadow var(--motion-duration-base) var(--motion-ease-standard),
    scale var(--motion-duration-base) var(--motion-ease-spring);
}
.admin-shell__main--fiche .sleaty-fiche-hero .chip--neutral .material-symbols-outlined {
  font-size: 16px;
}
.admin-shell__main--fiche .sleaty-fiche-hero__back:hover {
  background: var(--color-hero-text);
  color: var(--color-ink);
}
.admin-shell__main--fiche .sleaty-fiche-hero .sleaty-fiche-hero__delete {
  background: transparent;
  color: var(--color-hero-text-muted);
}
.admin-shell__main--fiche .sleaty-fiche-hero .sleaty-fiche-hero__delete:hover {
  background: var(--color-hero-danger-soft);
  box-shadow: inset 0 0 0 1px var(--color-hero-danger);
  color: var(--color-hero-text);
}
.admin-shell__main--fiche .sleaty-fiche-hero .chip--neutral:focus-visible {
  outline: 2px solid var(--color-hero-accent);
  outline-offset: var(--space-4);
}
.admin-shell__main--fiche .sleaty-fiche-hero .sleaty-autosave-status {
  display: inline-flex;
  align-items: center;
  color: var(--color-hero-text);
}
.admin-shell__main--fiche .sleaty-fiche-hero .sleaty-autosave-status::before {
  background: var(--color-hero-ok);
}
.admin-shell__main--fiche .sleaty-fiche-hero .sleaty-autosave-status::after {
  left: var(--space-16);
}
.admin-shell__main--fiche .sleaty-fiche-hero .sleaty-autosave-status[data-state="saving"] {
  color: var(--color-hero-text-muted);
}
.admin-shell__main--fiche .sleaty-fiche-hero .sleaty-autosave-status[data-state="error"] {
  background: var(--color-hero-danger-soft);
  box-shadow: inset 0 0 0 1px var(--color-hero-danger);
  color: var(--color-hero-danger);
}
.admin-shell__main--fiche .sleaty-fiche-hero__identity {
  display: flex;
  align-items: center;
  gap: var(--space-24);
  min-width: 0;
  margin-top: var(--space-32);
}
.admin-shell__main--fiche .sleaty-monogram.sleaty-fiche-hero__monogram {
  width: 76px;
  height: 76px;
  font-size: var(--fs-h4);
  box-shadow: 0 0 0 6px var(--color-hero-surface), 0 0 0 7px var(--color-hero-line);
}
.admin-shell__main--fiche .sleaty-fiche-hero__text {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  min-width: 0;
}
.admin-shell__main--fiche .sleaty-fiche-hero__eyebrow {
  margin: 0;
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: var(--fs-body-xs);
  line-height: var(--lh-subtitle);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--color-hero-accent);
}
.admin-shell__main--fiche .sleaty-fiche-hero__title {
  margin: 0;
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: var(--fs-h3);
  line-height: var(--lh-heading);
  letter-spacing: -0.02em;
  overflow-wrap: anywhere;
  color: var(--color-hero-text);
  background: var(--gradient-hero-title);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.admin-shell__main--fiche .sleaty-fiche-hero__facts {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-8);
  margin: var(--space-8) 0 0;
  padding: 0;
  list-style: none;
}
.admin-shell__main--fiche .sleaty-fiche-hero__fact {
  display: inline-flex;
  align-items: center;
  gap: var(--space-4);
  min-width: 0;
  max-width: 100%;
  padding: var(--space-4) var(--space-8);
  border-radius: var(--radius-pill);
  background: var(--color-hero-surface);
  box-shadow: inset 0 0 0 1px var(--color-hero-line);
  font-size: var(--fs-body-xs);
  font-weight: 500;
  line-height: var(--lh-button);
  font-variant-numeric: tabular-nums;
  color: var(--color-hero-text);
  overflow-wrap: anywhere;
}
.admin-shell__main--fiche .sleaty-fiche-hero__fact .material-symbols-outlined {
  flex: none;
  font-size: 16px;
  color: var(--color-hero-accent);
}
.admin-shell__main--fiche .dossier-tile-row.sleaty-dossiers {
  --grid-gap: var(--space-24);
}
.admin-shell__main--fiche .sleaty-dossier {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  padding: var(--space-16);
}
.admin-shell__main--fiche .sleaty-dossier__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-16);
  margin-bottom: var(--space-16);
}
.admin-shell__main--fiche .sleaty-dossier .dossier-tile__icon-wrap {
  width: 44px;
  height: 44px;
  border-radius: var(--radius-round);
  background: var(--color-surface-chip);
  transition:
    background-color var(--motion-duration-slow) var(--ease-soft),
    color var(--motion-duration-slow) var(--ease-soft);
}
.admin-shell__main--fiche .sleaty-dossier .dossier-tile__icon {
  font-size: 22px;
  color: var(--color-ink);
  transition: color var(--motion-duration-slow) var(--ease-soft);
}
.admin-shell__main--fiche .sleaty-dossier:is(:hover, :focus-within) .dossier-tile__icon-wrap {
  background: var(--color-monogram-1-bg);
}
.admin-shell__main--fiche .sleaty-dossier:is(:hover, :focus-within) .dossier-tile__icon {
  color: var(--color-monogram-1-ink);
}
.admin-shell__main--fiche .sleaty-dossier__title {
  margin: 0;
  min-width: 0;
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: var(--fs-h6);
  line-height: 1.25;
}
.admin-shell__main--fiche .sleaty-dossier .dossier-tile {
  display: inline;
  min-height: 0;
  padding: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: var(--color-ink);
  transition: color var(--motion-duration-slow) var(--ease-soft);
}
.admin-shell__main--fiche .sleaty-dossier .dossier-tile::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: var(--radius);
}
.admin-shell__main--fiche .sleaty-dossier .dossier-tile:is(:hover, :focus-visible),
.admin-shell__main--fiche .sleaty-dossier:hover .dossier-tile {
  background: none;
  box-shadow: none;
  color: var(--color-extra-1);
}
.admin-shell__main--fiche .sleaty-dossier .dossier-tile:focus { outline: none; }
.admin-shell__main--fiche .sleaty-dossier .dossier-tile:focus-visible::after {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: var(--space-4);
}
.admin-shell__main--fiche .sleaty-dossier__text {
  margin: 0;
  font-size: var(--fs-body-s);
  line-height: var(--lh-body);
  color: var(--color-ink-muted);
}
@media (forced-colors: active) {
  .admin-shell__main--fiche .sleaty-fiche-hero__title {
    background: none;
    color: CanvasText;
    -webkit-text-fill-color: CanvasText;
  }
}
.admin-shell__main--fiche .sleaty-fiche-section__title {
  display: flex;
  align-items: center;
  gap: var(--space-16);
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--color-ink);
}
.admin-shell__main--fiche .sleaty-fiche-section__icon,
.admin-shell__main--fiche .sleaty-fiche-panel__icon,
.admin-content-row--fiche > .admin-sidebar--tasks .sleaty-history__title-icon {
  flex: none;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-round);
  background: var(--color-surface-chip);
  font-size: 20px;
  color: var(--color-ink);
}
.admin-shell__main--fiche .sleaty-fiche-section__icon {
  background: var(--color-surface-card);
  box-shadow: inset 0 0 0 1px var(--color-surface-card-line), var(--shadow-card-soft);
}
.admin-shell__main--fiche .sleaty-info-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.4fr);
  gap: var(--space-24);
}
.admin-shell__main--fiche .sleaty-info-grid--single {
  grid-template-columns: minmax(0, 560px);
}
.admin-shell__main--fiche .sleaty-fiche-panel > * + * { margin-top: var(--space-16); }
.admin-shell__main--fiche .sleaty-fiche-panel > .sleaty-fiche-panel__head + * { margin-top: var(--space-24); }
.admin-shell__main--fiche .sleaty-fiche-panel__head {
  display: flex;
  align-items: center;
  gap: var(--space-16);
  min-width: 0;
}
.admin-shell__main--fiche .sleaty-fiche-panel__title {
  min-width: 0;
  font-weight: 500;
  line-height: 1.25;
  color: var(--color-ink);
}
.admin-shell__main--fiche .sleaty-fiche-panel > h4 {
  margin-top: var(--space-24);
  padding-top: var(--space-16);
  border-top: 1px solid var(--color-surface-card-line);
  font-family: var(--font-primary);
  font-weight: 600;
  color: var(--color-ink);
}
.admin-shell__main--fiche .sleaty-fiche-panel label.text-secondaire {
  font-weight: 500;
  color: var(--color-ink-muted);
}
.admin-shell__main--fiche .sleaty-fiche-panel .field--classic {
  box-sizing: border-box;
  min-height: 44px;
  padding: var(--space-8) var(--space-16);
  border-radius: var(--radius);
  background: var(--color-surface-chip);
  color: var(--color-ink);
  transition:
    background-color var(--motion-duration-base) var(--motion-ease-standard),
    box-shadow var(--motion-duration-base) var(--motion-ease-standard);
}
.admin-shell__main--fiche .sleaty-fiche-panel .field--classic:hover {
  box-shadow: inset 0 0 0 1px var(--color-gris-5-texte-secondaire);
}
.admin-shell__main--fiche .sleaty-fiche-panel .field--classic:has(.field__input:focus-visible) {
  outline: 2px solid transparent;
  outline-offset: var(--space-2);
  background: var(--color-surface-card);
  box-shadow: 0 0 0 2px var(--color-focus-ring), 0 0 0 6px var(--color-monogram-1-bg);
}
.admin-shell__main--fiche .sleaty-fiche-panel .btn {
  align-self: flex-start;
  gap: var(--space-4);
  padding: var(--space-8) var(--space-16);
  border: 0;
  border-radius: var(--radius-pill);
  font-size: var(--fs-body-s);
  font-weight: 500;
  white-space: normal;
  text-align: left;
}
.admin-shell__main--fiche .sleaty-fiche-panel .btn .material-symbols-outlined {
  font-size: 18px;
  transition: rotate var(--motion-duration-base) var(--motion-ease-spring);
}
.admin-shell__main--fiche .sleaty-fiche-panel .btn-primary {
  background: var(--color-pill-dark);
  color: var(--color-ink-inverse);
}
.admin-shell__main--fiche .sleaty-fiche-panel .btn-primary:hover {
  background: var(--color-pill-dark);
  box-shadow: 0 8px 20px -6px var(--color-glow);
}
.admin-shell__main--fiche .sleaty-fiche-panel .btn-primary .material-symbols-outlined {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  margin-left: calc(-1 * var(--space-8));
  border-radius: var(--radius-round);
  background: var(--gradient-accent);
}
.admin-shell__main--fiche .sleaty-fiche-panel .btn-primary:hover .material-symbols-outlined {
  rotate: 90deg;
}
.admin-shell__main--fiche .sleaty-fiche-panel .btn-secondary {
  background: var(--color-surface-chip);
  color: var(--color-ink);
}
.admin-shell__main--fiche .sleaty-fiche-panel .btn-secondary:hover {
  background: var(--color-monogram-1-bg);
  color: var(--color-monogram-1-ink);
}
.admin-shell__main--fiche .sleaty-account-attach:has(> .sleaty-account-attach__panel:not([hidden])) .sleaty-account-attach__toggle .material-symbols-outlined {
  rotate: 45deg;
}
.admin-shell__main--fiche .sleaty-fiche-panel :is(.btn, .chip):focus-visible {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: var(--space-4);
}
.admin-shell__main--fiche .sleaty-contact-list {
  gap: var(--space-2);
  margin-inline: calc(-1 * var(--space-8));
}
.admin-shell__main--fiche .sleaty-contact-list > li {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  align-items: start;
  gap: var(--space-8) var(--space-16);
  padding: var(--space-8);
  border: 0;
  border-radius: var(--radius);
}
.admin-shell__main--fiche .sleaty-contact-list > .sleaty-account-row {
  grid-template-columns: 40px minmax(0, 1fr) auto;
  align-items: center;
}
.admin-shell__main--fiche .sleaty-contact-list > li[data-sleaty-empty] {
  display: flex;
  align-items: center;
  gap: var(--space-16);
  color: var(--color-ink-muted);
}
.admin-shell__main--fiche .sleaty-contact-list > li[data-sleaty-empty]::before {
  content: "";
  flex: none;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-round);
  border: 1px dashed var(--color-gris-4-border);
}
.admin-shell__main--fiche .sleaty-contact__text {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  min-width: 0;
  padding-top: var(--space-2);
}
.admin-shell__main--fiche .sleaty-contact__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4) var(--space-8);
  min-width: 0;
}
.admin-shell__main--fiche .sleaty-contact__name {
  min-width: 0;
  font-family: var(--font-primary);
  font-weight: 600;
  line-height: 1.35;
  color: var(--color-ink);
  overflow-wrap: anywhere;
}
.admin-shell__main--fiche .sleaty-contact__line {
  color: var(--color-ink-muted);
  overflow-wrap: anywhere;
}
.admin-shell__main--fiche .sleaty-contact__line .material-symbols-outlined {
  margin-right: var(--space-8);
  font-size: 15px;
  vertical-align: -3px;
}
.admin-shell__main--fiche .sleaty-contact-badge {
  padding: var(--space-2) var(--space-8) var(--space-2) var(--space-4);
  background: var(--color-monogram-3-bg);
  color: var(--color-monogram-3-ink);
  font-weight: 600;
}
.admin-shell__main--fiche .sleaty-contact__actions {
  grid-column: 2;
  flex-wrap: wrap;
  gap: var(--space-8);
  margin-top: 0;
}
.admin-shell__main--fiche .sleaty-contact__pill {
  gap: var(--space-4);
  min-height: 28px;
  padding: var(--space-4) var(--space-8);
  border-radius: var(--radius-pill);
  background: var(--color-surface-chip);
  font-weight: 500;
  color: var(--color-ink);
}
.admin-shell__main--fiche .sleaty-contact__pill .material-symbols-outlined { font-size: 16px; }
.admin-shell__main--fiche .sleaty-contact__pill[aria-pressed="true"] {
  background: var(--color-monogram-3-bg);
  color: var(--color-monogram-3-ink);
}
.admin-shell__main--fiche .sleaty-contact__pill:hover {
  background: var(--color-pill-dark);
  color: var(--color-ink-inverse);
}
.admin-shell__main--fiche .sleaty-contact__remove:hover {
  background: var(--color-cockpit-danger-soft);
  color: var(--color-cockpit-danger-ink);
}
.admin-shell__main--fiche .sleaty-contact-add {
  margin-top: var(--space-16);
  padding: var(--space-16);
  border-radius: var(--radius);
  background: var(--color-surface-chip);
}
.admin-shell__main--fiche .sleaty-fiche-panel .sleaty-contact-add .field--classic {
  background: var(--color-surface-card);
}
.admin-shell__main--fiche .sleaty-contact-add .btn {
  align-self: stretch;
  justify-content: center;
  margin-top: var(--space-4);
}
.admin-shell__main--fiche .sleaty-account-attach { margin-top: var(--space-16); }
.admin-shell__main--fiche .sleaty-account-attach__results > li {
  padding: var(--space-8) var(--space-16);
  border-radius: var(--radius);
  font-size: var(--fs-body-s);
  color: var(--color-ink-muted);
  overflow-wrap: anywhere;
}
.admin-shell__main--fiche .sleaty-account-attach__result {
  color: var(--color-ink);
  cursor: pointer;
  transition: background-color var(--motion-duration-fast) var(--motion-ease-standard);
}
.admin-shell__main--fiche .sleaty-account-attach__result:hover { background: var(--color-surface-chip); }
.admin-shell__main--fiche .sleaty-account-attach__results > .is-selected {
  background: var(--color-monogram-1-bg);
  color: var(--color-monogram-1-ink);
  font-weight: 500;
}
.admin-shell__main--fiche .sleaty-account-attach__result:focus-visible {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: var(--space-2);
}
.admin-content-row--fiche > .admin-sidebar--tasks {
  padding: var(--space-24);
  border-radius: var(--radius);
  background: var(--color-surface-card);
  box-shadow: inset 0 0 0 1px var(--color-surface-card-line), var(--shadow-card-soft);
}
.admin-content-row--fiche > .admin-sidebar--tasks > h2 {
  display: flex;
  align-items: center;
  gap: var(--space-16);
  font-weight: 500;
}
.admin-content-row--fiche > .admin-sidebar--tasks .sleaty-history__title-icon {
  margin: 0;
  font-size: 18px;
}
.admin-content-row--fiche > .admin-sidebar--tasks .sleaty-history-list { margin-top: var(--space-16); }
.admin-content-row--fiche > .admin-sidebar--tasks :is(.sleaty-history-bucket__header, .sleaty-history-entry__meta, .sleaty-history-entry__arrow, .sleaty-history-list__more) {
  color: var(--color-ink-muted);
}
.admin-content-row--fiche > .admin-sidebar--tasks .sleaty-history-entry { border-bottom-color: var(--color-surface-card-line); }
.admin-content-row--fiche > .admin-sidebar--tasks .sleaty-history-entry__change { color: var(--color-ink); }
.admin-content-row--fiche > .admin-sidebar--tasks .admin-tasks-placeholder {
  margin-top: var(--space-16);
  padding: var(--space-24);
  border: 0;
  border-radius: var(--radius);
  background: var(--color-surface-chip);
  color: var(--color-ink-muted);
}
.tag-picker {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-8);
  position: relative;
}
.tag-picker__source,
.tag-picker > select {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.tag-picker__chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-8);
}
.tag-picker__empty {
  color: var(--color-ink-muted);
  font-size: var(--fs-body-s);
}
.chip--removable {
  background: var(--color-surface-card);
  box-shadow: inset 0 0 0 1px var(--color-badge-neutral-line);
  color: var(--color-ink);
}
.chip--selection {
  background: var(--color-badge-info-bg);
  box-shadow: none;
  color: var(--color-badge-info-ink);
  border-radius: var(--radius-pill);
  padding: var(--space-4) var(--space-8);
  gap: var(--space-4);
}
.chip--selection:hover { background: var(--color-filtre-selection); }
.chip--selection.chip--removable .chip__remove {
  width: 18px;
  height: 18px;
  font-size: 16px;
}
.chip--removable .chip__remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: var(--radius-round);
  background: none;
  color: inherit;
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
}
.chip--removable .chip__remove:hover { background: var(--color-badge-danger-bg); color: var(--color-badge-danger-ink); }
.chip--removable .chip__remove:focus-visible { outline: 2px solid var(--color-focus-ring); outline-offset: var(--space-2); }
.tag-picker__add {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  border-radius: var(--radius-pill);
  background: var(--gradient-accent);
  color: var(--color-ink-inverse);
  cursor: pointer;
  transition: box-shadow var(--motion-duration-base) var(--motion-ease-standard);
}
.tag-picker__add .material-symbols-outlined { font-size: 18px; transition: rotate var(--motion-duration-slow) var(--motion-ease-spring); }
.tag-picker__add:hover { box-shadow: 0 6px 14px -6px var(--color-glow); }
.tag-picker__add:hover .material-symbols-outlined { rotate: 90deg; }
.tag-picker__add:focus-visible { outline: 2px solid var(--color-focus-ring); outline-offset: var(--space-2); }
.tag-picker__chips .chip--removable {
  background: var(--color-white);
  color: var(--color-texte);
  border: 1px solid var(--color-tags);
  box-shadow: none;
}
.tag-popover {
  position: absolute;
  z-index: 20;
  top: calc(100% + var(--space-8));
  left: 0;
  width: 260px;
  max-width: calc(100vw - 2 * var(--space-16));
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  padding: var(--space-16);
  background: var(--color-surface-card);
  border-radius: var(--radius);
  box-shadow: inset 0 0 0 1px var(--color-surface-card-line), var(--shadow-card-hover);
}
.tag-popover[hidden] { display: none; }
.tag-popover__search { padding: var(--space-4) var(--space-8);  }
.tag-popover__search .field__icon { font-size: 18px; }
.tag-popover__list {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  max-height: 180px;
  overflow-y: auto;
}
.tag-popover__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-8);
  padding: var(--space-8);
  border-radius: var(--radius);
  font-size: var(--fs-body-s);
  cursor: pointer;
  border: none;
  background: none;
  text-align: left;
  width: 100%;
  color: var(--color-ink);
}
.tag-popover__item:hover,
.tag-popover__item:focus-visible { background: var(--color-surface-chip); }
.tag-popover__item:focus-visible { outline: 2px solid var(--color-focus-ring); outline-offset: calc(-1 * var(--space-2)); }
.tag-popover__item.is-selected {
  color: var(--color-badge-info-ink);
  font-weight: 500;
}
.tag-popover__item.is-selected .material-symbols-outlined { display: inline-flex; }
.tag-popover__item .material-symbols-outlined {
  display: none;
  font-size: 18px;
}
.tag-popover__empty {
  padding: var(--space-8);
  font-size: var(--fs-body-s);
  color: var(--color-ink-muted);
}
.tag-popover__settings-link {
  display: block;
  padding-top: var(--space-8);
  border-top: 1px solid var(--color-surface-card-line);
  color: var(--color-ink-muted);
}
.tag-popover__settings-link:hover { color: var(--color-principal); }
.radio-pill-group {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-8);
}
.radio-pill {
  display: inline-flex;
  align-items: center;
  gap: var(--space-8);
  padding: var(--space-8) var(--space-16) var(--space-8) var(--space-8);
  border-radius: var(--radius-pill);
  background: var(--color-gris-2);
  color: var(--color-texte);
  font-size: var(--fs-body-s);
  cursor: pointer;
  transition: background-color var(--motion-duration-base) var(--motion-ease-standard), color var(--motion-duration-base) var(--motion-ease-standard);
}
.radio-pill:has(.radio-pill__input:focus-visible) {
  outline: 3px solid var(--color-accentue);
  outline-offset: var(--space-2);
}
.radio-pill:has(.radio-pill__input:checked) {
  background: var(--color-extra-2);
  color: var(--color-principal);
  font-weight: 500;
}
.radio-pill__input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.radio-pill__check {
  display: none;
  font-size: 16px;
}
.radio-pill:has(.radio-pill__input:checked) .radio-pill__check {
  display: inline-flex;
}
.radio-pill.is-active {
  background: var(--color-extra-2);
  color: var(--color-principal);
  font-weight: 500;
}
.radio-pill.is-active .radio-pill__check {
  display: inline-flex;
}
.option-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
.option-list__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-16);
  width: 100%;
  padding: var(--space-8) var(--space-16);
  border: none;
  border-radius: var(--radius);
  background: none;
  color: var(--color-ink);
  font-family: var(--font-text);
  font-size: var(--fs-body-s);
  text-align: left;
  cursor: pointer;
  transition: background-color var(--motion-duration-base) var(--motion-ease-standard), color var(--motion-duration-base) var(--motion-ease-standard), scale var(--motion-duration-base) var(--motion-ease-spring);
}
.option-list__row:hover { background: var(--color-monogram-1-bg); }
.option-list__row:focus-visible { outline: 2px solid var(--color-focus-ring); outline-offset: var(--space-2); }
.option-list__row.is-active {
  background: var(--color-badge-info-bg);
  color: var(--color-badge-info-ink);
  font-weight: 500;
}
.option-list__row .option-list__check {
  display: none;
  font-size: 18px;
}
.option-list__row.is-active .option-list__check {
  display: inline-flex;
}
.sleaty-tarif-rows {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}
.sleaty-tarif-row {
  display: flex;
  align-items: center;
  gap: var(--space-8);
}
.sleaty-tarif-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: var(--space-4);
  border-radius: var(--radius-pill);
  background: var(--color-accentue);
  cursor: pointer;
  transition: background-color var(--motion-duration-base) var(--motion-ease-standard);
}
.sleaty-tarif-badge.is-active {
  background: var(--color-tarif-badge-actif);
}
.sleaty-tarif-badge__input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.sleaty-tarif-badge:has(.sleaty-tarif-badge__input:focus-visible) {
  outline: 3px solid var(--color-principal);
  outline-offset: var(--space-2);
}
.sleaty-tarif-badge__icon {
  font-size: 18px;
  color: var(--color-texte);
}
.sleaty-tarif-row__label {
  color: var(--color-texte);
}
.sleaty-tarif-row__value {
  color: var(--color-texte);
}
.sleaty-tarif-row__field:has(.field__input:disabled) {
  opacity: .55;
}
.relation-picker {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  position: relative;
}
.relation-picker__chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-8);
}
.relation-picker__search { padding: var(--space-8) var(--space-16); }
.relation-picker .chip--trashed {
  opacity: 0.55;
  font-style: italic;
  cursor: default;
}
.relation-picker__results {
  position: absolute;
  z-index: 20;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: var(--space-4);
  max-height: 200px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding: var(--space-8);
  background: var(--color-surface-card);
  border-radius: var(--radius);
  box-shadow: inset 0 0 0 1px var(--color-surface-card-line), var(--shadow-card-hover);
}
.relation-picker__results[hidden] { display: none; }
.sleaty-account-attach__panel[hidden] { display: none; }
.relation-picker__result {
  padding: var(--space-8);
  border-radius: var(--radius);
  font-size: var(--fs-body-s);
  cursor: pointer;
  border: none;
  background: none;
  text-align: left;
  width: 100%;
  color: var(--color-ink);
}
.relation-picker__result:hover,
.relation-picker__result:focus-visible { background: var(--color-surface-chip); }
.relation-picker__result:focus-visible { outline: 2px solid var(--color-focus-ring); outline-offset: calc(-1 * var(--space-2)); }
.relation-picker__result-ref {
  margin-left: var(--space-8);
  font-size: var(--fs-body-xs);
  color: var(--color-ink-muted);
}
.relation-picker__empty {
  padding: var(--space-8);
  font-size: var(--fs-body-s);
  color: var(--color-ink-muted);
}
.modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-24);
  background: var(--color-overlay-scrim);
}
.modal-overlay[hidden] { display: none; }
.modal-panel {
  width: 100%;
  max-width: 720px;
  max-height: calc(100vh - 48px);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: var(--space-24);
  padding: var(--space-24);
  background: var(--color-surface-card);
  border-radius: var(--radius);
  box-shadow: inset 0 0 0 1px var(--color-surface-card-line), var(--shadow-card-hover);
}
.modal-panel__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-16);
}
.modal-panel__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: none;
  border-radius: var(--radius-pill);
  background: var(--color-surface-chip);
  color: var(--color-ink);
  cursor: pointer;
}
.modal-panel__close:hover { background: var(--color-pill-dark); color: var(--color-ink-inverse); }
.modal-panel__close:focus-visible { outline: 2px solid var(--color-focus-ring); outline-offset: var(--space-2); }
.modal-panel__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-24);
}
.modal-panel__col {
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
  min-width: 0;
}
.modal-panel__footer {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-16);
  padding-top: var(--space-16);
  border-top: 1px solid var(--color-surface-card-line);
}
@media (max-width: 767.98px) {
  .modal-panel__columns { grid-template-columns: 1fr; }
  .modal-overlay { padding: 0; align-items: flex-end; }
  .modal-panel { max-width: 100%; max-height: 85vh; border-radius: var(--radius) var(--radius) 0 0; }
}
.filters-popover {
  position: absolute;
  z-index: 20;
  top: calc(100% + var(--space-8));
  left: 50%;
  transform: translateX(-50%);
  width: 762px;
  max-width: calc(100vw - 2 * var(--space-16));
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
  padding: var(--space-16);
  background: var(--color-surface-card);
  border-radius: var(--radius);
  box-shadow: inset 0 0 0 1px var(--color-surface-card-line), var(--shadow-card-hover);
}
.filters-popover[hidden] { display: none; }
.popover-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  transform: translate(50%, -50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  border-radius: var(--radius-pill);
  background: var(--color-surface-card);
  color: var(--color-ink);
  box-shadow: inset 0 0 0 1px var(--color-surface-card-line), var(--shadow-card-soft);
  cursor: pointer;
  transition: background-color var(--motion-duration-base) var(--motion-ease-standard), color var(--motion-duration-base) var(--motion-ease-standard), box-shadow var(--motion-duration-base) var(--motion-ease-standard), scale var(--motion-duration-base) var(--motion-ease-spring);
}
.popover-close .material-symbols-outlined {
  font-size: 18px;
  color: inherit;
}
.popover-close:hover {
  background: var(--color-pill-dark);
  color: var(--color-ink-inverse);
  box-shadow: var(--shadow-card-hover);
}
.popover-close:focus-visible {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: var(--space-2);
}
.filters-popover__columns {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: var(--space-16);
}
.filters-popover__col {
  box-sizing: border-box;
  width: 234px;
  flex: 0 1 234px;
  min-width: 0;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
  padding: var(--space-8);
}
.filters-popover__col-title {
  display: flex;
  align-items: center;
  gap: var(--space-4);
}
.filters-popover__col-title .material-symbols-outlined {
  font-size: 20px;
  color: var(--color-ink);
}
.filters-popover__col--favoris {
  background: var(--color-surface-chip);
  border-radius: var(--radius);
}
.filters-popover__footer {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-16);
  padding-top: var(--space-16);
  border-top: 1px solid var(--color-surface-card-line);
}
@media (max-width: 1023.98px) {
  .filters-popover { width: calc(100vw - 2 * var(--space-16)); }
  .filters-popover__columns { flex-direction: column; }
  .filters-popover__col { width: 100%; flex: 1 1 auto; }
}
.sleaty-filters__topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-16);
  flex-wrap: wrap;
  position: relative;
  margin-top: var(--space-16);
  padding: var(--space-16);
  background: var(--color-surface-card);
  border-radius: var(--radius);
  box-shadow: inset 0 0 0 1px var(--color-surface-card-line), var(--shadow-card-soft);
}
.sleaty-filters__search {
  flex: 1;
  min-width: 220px;
}
.sleaty-filters__search .field__icon { font-size: 18px; }
.field.sleaty-filters__search {
  box-sizing: border-box;
  height: 48px;
  padding: 0 var(--space-16);
  border-radius: var(--radius-pill);
  background: var(--color-surface-chip);
}
.field.sleaty-filters__search:has(.field__input:focus-visible) { background: var(--color-surface-card); }
.sleaty-filters__topbar .btn:not(.filters-popover .btn) { min-height: 48px; }
.sleaty-filters__topbar .btn--lead-icon:not(.filters-popover .btn) {
  --lead-btn-h: 48px;
  --lead-icon-size: 32px;
  padding-right: var(--space-16);
}
.sleaty-filters__topbar .btn--lead-icon:not(.filters-popover .btn) > .material-symbols-outlined:first-child {
  width: 32px;
  height: 32px;
  font-size: 20px;
}
.sleaty-filters__message { margin-top: var(--space-16); }
.sleaty-filters__message[hidden] { display: none; }
.sleaty-filters__topbar.sleaty-clients-topbar { margin-top: var(--space-24); }
.sleaty-clients-filters .sleaty-filters__search .field__icon { font-size: 24px; }
.sleaty-clients-filters .field--classic .field__input::placeholder { color: var(--color-gris-5-texte-secondaire); }
.sleaty-filters-bar {
  position: static;
  display: flex;
  align-items: stretch;
  gap: var(--space-8);
  min-height: 48px;
  flex: 3 1 0%;
  max-width: max-content;
}
.sleaty-filters-bar__toggle {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: var(--space-4);
  border: 0;
  background: var(--color-surface-card);
  box-shadow: inset 0 0 0 1px var(--color-surface-card-line), var(--shadow-card-soft);
  padding: 0 var(--space-16);
  border-radius: var(--radius-pill);
  color: var(--color-ink);
  font-family: var(--font-text);
  font-size: var(--fs-body-s);
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color var(--motion-duration-base) var(--motion-ease-standard), color var(--motion-duration-base) var(--motion-ease-standard);
}
.sleaty-filters-bar__toggle .material-symbols-outlined {
  font-size: 20px;
  color: inherit;
}
.sleaty-filters-bar__toggle:hover,
.sleaty-filters-bar__toggle[aria-expanded="true"] {
  background: var(--color-monogram-1-bg);
  color: var(--color-monogram-1-ink);
}
.sleaty-filters-bar__toggle:focus-visible {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: var(--space-2);
}
.sleaty-filters-bar__chips {
  box-sizing: border-box;
  min-width: 281px;
  flex: 1 1 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  gap: var(--space-4);
  padding: var(--space-4);
  border: 0;
  background: transparent;
}
.sleaty-filters-bar__chips:not(:has(.chip)) { min-width: 0; padding: 0; }
.sleaty-filters-bar__chip.chip--removable {
  padding: var(--space-4) var(--space-8);
  font-size: var(--fs-body-xs);
}
.sleaty-filters-bar__favorites {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: var(--space-4);
  border: 0;
  background: var(--color-surface-card);
  box-shadow: inset 0 0 0 1px var(--color-surface-card-line), var(--shadow-card-soft);
  padding: 0 var(--space-16);
  border-radius: var(--radius-pill);
  color: var(--color-ink);
  font-family: var(--font-text);
  font-size: var(--fs-body-s);
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color var(--motion-duration-base) var(--motion-ease-standard), color var(--motion-duration-base) var(--motion-ease-standard);
}
.sleaty-filters-bar__favorites .material-symbols-outlined {
  font-size: 18px;
  color: inherit;
}
.sleaty-filters-bar__favorites:hover:not(:disabled) {
  background: var(--color-monogram-1-bg);
  color: var(--color-monogram-1-ink);
}
.sleaty-filters-bar__favorites:focus-visible {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: var(--space-2);
}
.sleaty-filters-bar__favorites:disabled,
.sleaty-filters-bar__favorites[disabled] {
  opacity: .5;
  cursor: not-allowed;
}
.sleaty-filters-bar__favorites.is-error {
  outline: 2px solid var(--color-state-rouge);
  outline-offset: var(--space-2);
}
.sleaty-filters-modal__group-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
  color: inherit;
}
.sleaty-filters-modal__group-toggle .material-symbols-outlined {
  font-size: 20px;
  color: var(--color-ink-muted);
}
.sleaty-filters-modal__group-toggle:focus-visible {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: var(--space-2);
  border-radius: var(--radius);
}
.sleaty-filters-modal__group {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
.sleaty-filters-modal__group--card {
  gap: var(--space-8);
  padding: var(--space-8);
  background: var(--color-surface-chip);
  border-radius: var(--radius);
}
.sleaty-filters-modal__search { padding: var(--space-4) var(--space-8); }
.sleaty-filters-modal__search .field__icon { font-size: 12px; }
.sleaty-filters-modal__search .field__input { font-size: var(--fs-body-s); }
.sleaty-filters-modal__favorites-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-8);
}
.sleaty-filters-modal__favorite {
  display: inline-flex;
  align-items: center;
}
.sleaty-filters-modal__favorite a {
  font-size: var(--fs-body-xs);
  font-weight: 500;
  color: inherit;
}
.sleaty-filters-modal__empty {
  color: var(--color-ink-muted);
  font-size: var(--fs-body-s);
}
.option-list__row {
  background: var(--color-surface-chip);
  border-radius: var(--radius);
  padding: var(--space-8);
}
.option-list__row.is-active { background: var(--color-filtre-selection); }
.kpi-bar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-16);
}
.kpi-tile {
  flex: 1 1 220px;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  padding: var(--space-24);
  background: var(--color-surface-card);
  border-radius: var(--radius);
  box-shadow: inset 0 0 0 1px var(--color-surface-card-line), var(--shadow-card-soft);
}
.kpi-tile__label {
  display: flex;
  align-items: center;
  gap: var(--space-8);
  color: var(--color-ink-muted);
}
.kpi-tile__label .material-symbols-outlined { font-size: 16px; }
.kpi-tile__value {
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: var(--fs-display-3);
  line-height: 1.05;
  letter-spacing: -0.03em;
  color: var(--color-texte);
  border: none;
  background: none;
  padding: 0;
  width: 100%;
}
.kpi-tile__value:disabled {
  color: var(--color-texte);
  opacity: 1;
  -webkit-text-fill-color: var(--color-texte);
}
input.kpi-tile__value:not(:disabled) {
  border-bottom: 1px dashed var(--color-gris-4-border);
}
input.kpi-tile__value:not(:disabled):focus-visible {
  outline: none;
  border-bottom-color: var(--color-principal);
}
.kpi-tile__caption {
  font-size: var(--fs-body-xs);
  color: var(--color-ink-muted);
}
[data-sleaty-inline-target][hidden] { display: none; }
.sleaty-toast {
  display: flex;
  align-items: center;
  gap: var(--space-8);
  padding: var(--space-8) var(--space-16);
  border-radius: var(--radius);
  background: var(--color-pill-dark);
  box-shadow: inset 0 0 0 1px var(--color-hero-line-strong), var(--shadow-card-hover);
  font-size: var(--fs-body-s);
  font-weight: 500;
  color: var(--color-ink-inverse);
  opacity: 1;
  transition: opacity var(--motion-duration-base) var(--motion-ease-decelerate), translate var(--motion-duration-base) var(--motion-ease-decelerate);
}
.sleaty-toast.is-hidden {
  opacity: 0;
  translate: 0 calc(var(--motion-distance-s) * -1);
  transition-duration: var(--motion-duration-fast);
  transition-timing-function: var(--motion-ease-accelerate);
}
.sleaty-toast::before {
  content: "";
  flex: none;
  width: 8px;
  height: 8px;
  border-radius: var(--radius-round);
  background: var(--sleaty-toast-dot, var(--color-hero-accent));
}
.sleaty-toast--success {
  --sleaty-toast-dot: var(--color-state-vert);
}
.sleaty-notice {
  margin: 0;
  padding: var(--space-8) var(--space-16);
  border-radius: var(--radius);
  border-left: 3px solid var(--color-tarif-badge-actif);
  background: var(--color-secondaire);
  color: var(--color-texte);
  font-weight: 500;
}
.sleaty-notice--warning {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-8);
  border-left-color: var(--color-state-jaune);
}
.sleaty-notice--warning > .material-symbols-outlined {
  flex-shrink: 0;
  font-size: 20px;
  color: var(--color-texte);
}
.sleaty-notice__link {
  color: var(--color-principal);
  font-weight: 600;
  text-decoration: underline;
  white-space: nowrap;
}
.sleaty-notice__link:hover { color: var(--color-extra-1); }
.sleaty-notice__link:focus-visible {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: var(--space-2);
  border-radius: var(--radius);
}
.sleaty-notice--warning > span:not(.material-symbols-outlined) {
  flex: 1 1 0;
  min-width: 0;
}
:is(.sleaty-timezone-warning, .sleaty-mail-paused, .sleaty-cron-warning) {
  padding: var(--space-16);
  border-left: 4px solid var(--color-cockpit-warning);
  background: var(--color-badge-warn-bg);
}
:is(.sleaty-timezone-warning, .sleaty-mail-paused, .sleaty-cron-warning) .sleaty-notice__link {
  margin-left: auto;
  text-decoration: none;
}
:is(.sleaty-timezone-warning, .sleaty-mail-paused, .sleaty-cron-warning) .sleaty-notice__link:hover {
  text-decoration: underline;
}
.sleaty-history-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
  margin-top: var(--space-16);
  max-height: 640px;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.sleaty-history-list::-webkit-scrollbar {
  display: none;
}
.sleaty-history-bucket {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}
.sleaty-history-bucket__header {
  margin: 0;
  font-weight: 600;
  color: var(--color-ink-muted);
}
.sleaty-history-entry {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding-bottom: var(--space-16);
  border-bottom: 1px solid var(--color-surface-card-line);
}
.sleaty-history-entry:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.sleaty-history-entry__meta {
  display: flex;
  justify-content: space-between;
  gap: var(--space-8);
  color: var(--color-ink-muted);
}
.sleaty-history-entry__change {
  color: var(--color-ink);
}
.sleaty-history-entry__change + .sleaty-history-entry__change {
  margin-top: var(--space-2);
}
.sleaty-history-entry__field {
  font-weight: 500;
}
.sleaty-history-entry__arrow {
  color: var(--color-ink-muted);
  margin: 0 var(--space-4);
}
.sleaty-history-list__more { color: var(--color-ink-muted); }
.sleaty-pagination-slot > .sleaty-pagination {
  margin-top: var(--space-24);
}
.sleaty-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-16) var(--space-24);
  padding: var(--space-8) var(--space-8) var(--space-8) var(--space-16);
  background: var(--color-surface-card);
  border: 0;
  border-radius: var(--radius-pill);
  box-shadow: inset 0 0 0 1px var(--color-surface-card-line), var(--shadow-card-soft);
  font-family: var(--font-text);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body);
  color: var(--color-ink);
}
.sleaty-pagination__settings {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-16);
  margin: 0;
}
.sleaty-pagination__page,
.sleaty-pagination__per-page {
  display: inline-flex;
  align-items: center;
  gap: var(--space-8);
  white-space: nowrap;
}
.sleaty-pagination__separator {
  width: 1px;
  height: 24px;
  background: var(--color-surface-card-line);
}
.sleaty-pagination__input,
.sleaty-pagination__select {
  height: 32px;
  margin: 0;
  border: 1px solid transparent;
  border-radius: var(--radius-pill);
  background: var(--color-surface-chip);
  font: inherit;
  font-weight: 500;
  color: var(--color-ink);
}
.sleaty-pagination__input {
  width: 44px;
  padding: 0 var(--space-4);
  text-align: center;
  -moz-appearance: textfield;
  appearance: textfield;
}
.sleaty-pagination__input::-webkit-outer-spin-button,
.sleaty-pagination__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.sleaty-pagination__select-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.sleaty-pagination__select {
  -webkit-appearance: none;
  appearance: none;
  padding: 0 var(--space-32) 0 var(--space-16);
  cursor: pointer;
}
.sleaty-pagination__select-icon {
  position: absolute;
  right: var(--space-8);
  font-size: 18px;
  color: var(--color-ink-muted);
  pointer-events: none;
}
.sleaty-pagination__input:hover,
.sleaty-pagination__select:hover {
  border-color: var(--color-surface-card-line);
}
.sleaty-pagination__input:focus-visible,
.sleaty-pagination__select:focus-visible {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: var(--space-2);
  background: var(--color-surface-card);
}
.sleaty-pagination__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-8);
  margin: 0 0 0 auto;
  padding: 0;
  list-style: none;
}
.sleaty-pagination__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  padding: 0 var(--space-4);
  border: 1px solid transparent;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--color-ink);
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  transition: border-color var(--motion-duration-fast) var(--motion-ease-standard), color var(--motion-duration-fast) var(--motion-ease-standard), background-color var(--motion-duration-fast) var(--motion-ease-standard), scale var(--motion-duration-base) var(--motion-ease-spring);
}
.sleaty-pagination__btn--icon {
  width: 32px;
  padding: 0;
}
.sleaty-pagination__btn .material-symbols-outlined {
  font-size: 20px;
}
.sleaty-pagination__btn[href]:hover {
  background: var(--color-surface-chip);
}
.sleaty-pagination__btn:focus-visible {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: var(--space-2);
}
.sleaty-pagination__btn.is-current,
.sleaty-pagination__btn.is-current:hover {
  background: var(--color-pill-dark);
  color: var(--color-ink-inverse);
  font-weight: 600;
}
.sleaty-pagination__btn.is-disabled {
  background: transparent;
  color: var(--color-gris-5-texte-secondaire);
  cursor: not-allowed;
  pointer-events: none;
}
.sleaty-pagination__ellipsis {
  min-width: 20px;
  text-align: center;
  color: var(--color-ink-muted);
  user-select: none;
}
.data-list {
  --data-list-table-pad: var(--space-8);
  --data-list-col-gap: var(--space-16);
  --data-list-icon-button-size: 20px;
  --tag-add-size: 26px;
  --date-picker-icon-size: 16px;
  position: relative;
  overflow-x: clip;
  overflow-clip-margin: var(--space-32);
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
  font-family: var(--font-text);
  color: var(--color-texte);
}
@supports not (overflow-clip-margin: 32px) {
  .data-list :is(.data-list__toolbar, .data-list__table, .line-search) {
    box-shadow: inset 0 0 0 1px var(--color-surface-card-line), 0 14px 24px -12px color-mix(in srgb, var(--color-ink) 12%, transparent);
  }
}
.data-list__toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-16);
  padding: var(--space-16);
  background: var(--color-surface-card);
  border-radius: var(--radius);
  box-shadow: inset 0 0 0 1px var(--color-surface-card-line), var(--shadow-card-soft);
}
.data-list__search {
  flex: 0 0 233px;
  width: 233px;
}
.field.data-list__search { border-radius: var(--radius-pill); }
.data-list__search .field__icon { font-size: 18px; }
.data-list__search .field__icon,
.line-search__field .field__icon { color: var(--color-principal); }
.data-list__table {
  display: grid;
  grid-template-columns: minmax(min-content, 1fr);
  row-gap: var(--space-16);
  padding: var(--data-list-table-pad);
  background: var(--color-surface-card);
  border-radius: var(--radius);
  box-shadow: inset 0 0 0 1px var(--color-surface-card-line), var(--shadow-card-soft);
  overflow-x: auto;
}
.data-list__grid {
  display: grid;
  grid-template-columns: minmax(200px, 1fr);
  column-gap: var(--data-list-col-gap);
  row-gap: 0;
}
.data-list__grid--cols-2 { grid-template-columns: minmax(200px, 1fr) repeat(1, min-content); }
.data-list__grid--cols-3 { grid-template-columns: minmax(200px, 1fr) repeat(2, min-content); }
.data-list__grid--cols-4 { grid-template-columns: minmax(200px, 1fr) repeat(3, min-content); }
.data-list__grid--cols-5 { grid-template-columns: minmax(200px, 1fr) repeat(4, min-content); }
.data-list__grid--cols-6 { grid-template-columns: minmax(200px, 1fr) repeat(5, min-content); }
.data-list__grid--cols-7 { grid-template-columns: minmax(200px, 1fr) repeat(6, min-content); }
.data-list__grid--cols-8 { grid-template-columns: minmax(200px, 1fr) repeat(7, min-content); }
.data-list__grid--cols-9 { grid-template-columns: minmax(200px, 1fr) repeat(8, min-content); }
.data-list__grid--cols-10 { grid-template-columns: minmax(200px, 1fr) repeat(9, min-content); }
.data-list__grid--cols-11 { grid-template-columns: minmax(200px, 1fr) repeat(10, min-content); }
.data-list__grid--cols-12 { grid-template-columns: minmax(200px, 1fr) repeat(11, min-content); }
.data-list__head-group,
.data-list__group,
.data-list__head,
.data-list__row {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: subgrid;
}
.data-list__head-group,
.data-list__group { row-gap: 0; }
.data-list__head,
.data-list__row { align-items: center; }
.data-list__head {
  padding: var(--space-16) var(--space-16) var(--space-8);
  font-size: var(--fs-body-xs);
  font-weight: 500;
  line-height: var(--lh-body);
  color: var(--color-ink-muted);
}
.data-list__head .data-list__cell {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  white-space: nowrap;
  hyphens: manual;
}
.data-list__head .data-list__cell--right { justify-content: flex-end; }
.data-list__row {
  --data-list-sticky-bg: var(--color-surface-card);
  padding: var(--space-16);
  background: linear-gradient(var(--color-surface-card-line), var(--color-surface-card-line)) 16px 0 / calc(100% - 32px) 1px no-repeat var(--data-list-sticky-bg);
  border-radius: var(--radius);
  font-size: var(--fs-body-m);
  line-height: var(--lh-body);
}
.data-list__cell {
  min-width: var(--data-list-w, 0);
  overflow-wrap: break-word;
  hyphens: auto;
}
.data-list__cell--left { text-align: left; }
.data-list__cell--right { text-align: right; }
.data-list__cell--first {
  justify-self: start;
  min-width: 0;
  max-width: var(--data-list-w, none);
  overflow-wrap: anywhere;
}
.data-list__row .data-list__cell > * { vertical-align: middle; }
.data-list__w-20 { --data-list-w: 20px; }
.data-list__w-60 { --data-list-w: 60px; }
.data-list__w-100 { --data-list-w: 100px; }
.data-list__w-120 { --data-list-w: 120px; }
.data-list__w-130 { --data-list-w: 130px; }
.data-list__w-150 { --data-list-w: 150px; }
.data-list__w-200 { --data-list-w: 200px; }
.data-list__w-230 { --data-list-w: 230px; }
.data-list__w-300 { --data-list-w: 300px; }
.data-list__w-450 { --data-list-w: 450px; }
.data-list__group-title {
  grid-column: 1 / -1;
  padding: var(--space-16) var(--space-16) var(--space-8);
  font-family: var(--font-primary);
  font-size: var(--fs-body-m);
  font-weight: 600;
  line-height: var(--lh-body);
  color: var(--color-ink);
}
.data-list__group-title--detailed {
  padding: var(--space-24) var(--space-16) var(--space-8);
}
.data-list__group-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-8);
}
.data-list__group-label {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-8);
  min-width: 0;
}
.data-list__group-icon {
  font-size: 18px;
  line-height: 1;
  color: var(--color-ink);
}
.data-list__group-name {
  font-family: var(--font-primary);
  font-size: var(--fs-h6);
  font-weight: 600;
  line-height: 1.25;
  color: var(--color-ink);
}
.data-list__group-subtotal {
  margin-left: auto;
  font-family: var(--font-text);
  font-size: var(--fs-body-s);
  font-weight: 600;
  line-height: var(--lh-body);
  color: var(--color-ink);
  white-space: nowrap;
}
.data-list__group[hidden] { display: none; }
.data-list__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-8);
  margin: 0;
  padding: var(--space-24) var(--space-16);
  text-align: center;
  font-size: var(--fs-body-s);
  color: var(--color-ink-muted);
}
.data-list__empty::before {
  content: "inbox" / "";
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: var(--radius-round);
  background: var(--color-surface-chip);
  font-family: "Material Symbols Outlined";
  font-size: 24px;
  line-height: 1;
  font-feature-settings: "liga";
  color: var(--color-ink-muted);
}
.data-list__name {
  display: block;
  font-family: var(--font-primary);
  font-size: var(--fs-body-m);
  font-weight: 600;
  line-height: var(--lh-body);
  color: var(--color-ink);
}
.data-list__desc {
  display: block;
  margin-top: var(--space-4);
  font-size: var(--fs-body-xs);
  line-height: var(--lh-body);
  color: var(--color-ink-muted);
}
.data-list__tag,
.data-list__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-4) var(--space-8);
  border: 1px solid var(--color-tags);
  border-radius: var(--radius-pill);
  background: var(--color-white);
  font-size: var(--fs-body-xs);
  font-weight: 400;
  line-height: var(--lh-body);
  color: var(--color-texte);
  white-space: nowrap;
}
.data-list__badge {
  border-color: var(--color-extra-2);
  background: var(--color-extra-2);
}
.data-list__amount {
  display: inline-flex;
  align-items: center;
  gap: var(--space-4);
  font-size: var(--fs-body-m);
  line-height: var(--lh-body);
  color: var(--color-principal);
  white-space: nowrap;
}
.data-list__amount--neutral { color: var(--color-texte); }
.data-list__amount--empty { color: var(--color-ink-muted); }
.data-list__amount .material-symbols-outlined { font-size: 16px; }
.data-list__muted { color: var(--color-ink-muted); }
.data-list__row-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-4);
  min-height: 36px;
  padding: 0 var(--space-16) 0 var(--space-8);
  border: none;
  border-radius: var(--radius-pill);
  background: var(--color-surface-chip);
  font-family: var(--font-text);
  font-size: var(--fs-body-s);
  font-weight: 500;
  line-height: var(--lh-body);
  color: var(--color-ink);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color var(--motion-duration-base) var(--motion-ease-standard), color var(--motion-duration-base) var(--motion-ease-standard), scale var(--motion-duration-base) var(--motion-ease-spring);
}
.data-list__row-button:hover,
.data-list__row:has([data-sleaty-row-link]):is(:hover, :focus-within) :is(.data-list__row-button[data-sleaty-row-link], [data-col="action"] > a.data-list__row-button:only-child) {
  background: var(--color-pill-dark);
  color: var(--color-ink-inverse);
}
.data-list__row-button .material-symbols-outlined { font-size: 18px; }
.data-list__row-button--primary {
  background: var(--color-pill-dark);
  color: var(--color-ink-inverse);
}
.data-list__row-button--primary:is(:hover, :focus-visible) {
  box-shadow: 0 8px 20px -6px var(--color-glow);
}
.data-list__row:has(.data-list__row-button--primary):is(:hover, :focus-within) a.data-list__row-button[data-sleaty-row-link]:not(:hover) {
  background: var(--color-surface-chip);
  color: var(--color-ink);
}
.data-list__actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-8);
  white-space: nowrap;
}
.data-list__head > [data-col="action"],
.data-list__row > [data-col="action"] {
  position: sticky;
  right: 0;
  z-index: 1;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  background: var(--data-list-sticky-bg);
}
.data-list__head > [data-col="action"] { --data-list-sticky-bg: var(--color-surface-card); }
.data-list__head > [data-col="action"]::before,
.data-list__row > [data-col="action"]::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  width: var(--data-list-col-gap);
  background: linear-gradient(to right, transparent, var(--data-list-sticky-bg));
  pointer-events: none;
}
.data-list--wrap-actions .data-list__actions {
  flex-wrap: wrap;
  white-space: normal;
}
.data-list--wrap-actions .data-list__row-button { white-space: nowrap; }
.data-list__call {
  display: block;
  margin-top: var(--space-8);
  text-align: right;
  font-size: var(--fs-body-s);
  line-height: var(--lh-body);
  color: var(--color-texte);
  white-space: normal;
  overflow-wrap: anywhere;
}
.data-list__call [data-sleaty-call-number] { white-space: nowrap; }
.data-list__call a { color: var(--color-principal); font-weight: 600; }
.data-list__name + .data-list__state { margin-top: var(--space-4); }
.data-list__row .data-list__state + .data-list__state { margin-top: var(--space-4); margin-left: var(--space-4); }
.data-list__row input:disabled { cursor: not-allowed; opacity: .7; }
.data-list__state {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-4) var(--space-8);
  border: 1px solid var(--color-badge-neutral-line);
  border-radius: var(--radius-pill);
  background: var(--color-badge-neutral-bg);
  font-size: var(--fs-body-xs);
  font-weight: 400;
  line-height: var(--lh-body);
  color: var(--color-badge-neutral-ink);
  white-space: nowrap;
}
.data-list__state:is(.data-list__state--success, .data-list__state--danger, .data-list__state--warning) { border-color: transparent; }
.data-list__state--success { background: var(--color-badge-ok-bg); color: var(--color-badge-ok-ink); }
.data-list__state--danger { background: var(--color-badge-danger-bg); color: var(--color-badge-danger-ink); }
.data-list__state--warning { background: var(--color-badge-warn-bg); color: var(--color-badge-warn-ink); }
.data-list__state--neutral { background: var(--color-badge-neutral-bg); }
.data-list__count {
  font-size: var(--fs-body-m);
  line-height: var(--lh-body);
  color: var(--color-principal);
  white-space: nowrap;
}
.data-list__icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--data-list-icon-button-size);
  height: var(--data-list-icon-button-size);
  padding: 0;
  border: none;
  background: transparent;
  color: var(--color-texte);
  cursor: pointer;
}
.data-list__icon-button:hover { color: var(--color-principal); }
.data-list__icon-button .material-symbols-outlined { font-size: 20px; }
.data-list__row-button:focus-visible,
.data-list__icon-button:focus-visible {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: var(--space-2);
}
.data-list__totals {
  display: grid;
  grid-template-columns: repeat(2, max-content);
  justify-content: end;
  column-gap: var(--data-list-col-gap);
  row-gap: var(--space-4);
  margin: 0;
  padding: 0 var(--space-16);
  font-size: var(--fs-body-m);
  line-height: var(--lh-body);
  color: var(--color-black);
  text-align: right;
  justify-self: end;
  position: sticky;
  right: calc(var(--data-list-icon-button-size) - var(--space-8));
}
.data-list__totals--after-action { padding-right: calc(var(--space-16) + var(--data-list-col-gap) + var(--space-8)); }
.data-list__total { display: contents; }
.data-list__total dt,
.data-list__total dd { margin: 0; }
.data-list__total dt { min-width: 100px; color: var(--color-ink-muted); }
.data-list__total dd { white-space: nowrap; }
.data-list__total--strong dt,
.data-list__total--strong dd {
  font-weight: 600;
  color: var(--color-ink);
}
.data-list__total--strong dt { align-self: center; }
.data-list__total--strong dd {
  font-family: var(--font-primary);
  font-size: var(--fs-h4);
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}
.info-tip {
  --info-tip-icon-size: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
}
.data-list__cell--left .info-tip { justify-content: flex-start; }
.info-tip__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--color-ink-muted);
  line-height: 1;
  cursor: help;
}
.info-tip__button .material-symbols-outlined { font-size: var(--info-tip-icon-size); }
.info-tip__button:hover,
.info-tip__button:focus-visible { color: var(--color-principal); }
.info-tip__button:focus-visible {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: var(--space-2);
}
.info-tip__bubble {
  position: absolute;
  align-self: flex-start;
  margin-top: calc(var(--info-tip-icon-size) + var(--space-8));
  z-index: 20;
  width: max-content;
  max-width: 240px;
  padding: var(--space-8) var(--space-16);
  border-radius: var(--radius);
  background: var(--color-pill-dark);
  box-shadow: var(--shadow-card-hover);
  font-size: var(--fs-body-xs);
  font-weight: 400;
  line-height: var(--lh-body);
  color: var(--color-ink-inverse);
  text-align: left;
  white-space: normal;
  visibility: hidden;
  opacity: 0;
  translate: 0 calc(var(--motion-distance-s) * -1);
  transition: opacity var(--motion-duration-fast) var(--motion-ease-accelerate), translate var(--motion-duration-fast) var(--motion-ease-accelerate), visibility var(--motion-duration-fast);
}
.data-list .info-tip__bubble { transition-property: opacity, visibility; }
.info-tip__bubble::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 100%;
  left: 0;
  height: 6px;
}
.info-tip:hover .info-tip__bubble,
.info-tip:focus-within .info-tip__bubble {
  visibility: visible;
  opacity: 1;
  translate: none;
  transition-duration: var(--motion-duration-base);
  transition-timing-function: var(--motion-ease-decelerate);
}
.info-tip.is-dismissed .info-tip__bubble {
  visibility: hidden;
  opacity: 0;
}
.data-list__row[hidden] { display: none; }
[data-sleaty-line-message][hidden] { display: none; }
.data-list__empty[hidden] { display: none; }
.data-list .tag-picker {
  position: static;
  flex-wrap: nowrap;
  justify-content: flex-end;
  gap: var(--space-8);
  white-space: nowrap;
}
.data-list .tag-picker__chips,
.sleaty-term-pill .tag-picker__chips { flex-wrap: nowrap; }
.data-list .tag-picker__empty,
.sleaty-term-pill .tag-picker__empty {
  font-size: var(--fs-body-s);
  color: var(--color-ink-muted);
}
.data-list .tag-picker__chips .chip--removable,
.sleaty-term-pill .tag-picker__chips .chip--removable {
  gap: var(--space-4);
  padding: var(--space-4) var(--space-8);
  border-radius: var(--radius-pill);
  font-size: var(--fs-body-xs);
  font-weight: 400;
}
.data-list .tag-picker__add,
.sleaty-term-pill .tag-picker__add {
  flex: 0 0 var(--tag-add-size);
  width: var(--tag-add-size);
  height: var(--tag-add-size);
}
.sleaty-term-pill { --tag-add-size: 26px; }
.sleaty-term-pills {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--space-16);
}
.sleaty-term-pill {
  display: inline-flex;
  align-items: center;
  gap: var(--space-8);
  padding: var(--space-4) var(--space-8);
  border-radius: var(--radius-pill);
  background: var(--color-white);
}
.sleaty-term-pill-group {
  display: inline-flex;
  flex-direction: column;
  gap: var(--space-8);
}
.sleaty-term-pill__warning {
  width: 0;
  min-width: 100%;
  box-sizing: border-box;
}
.sleaty-term-pill__warning[hidden] { display: none; }
.sleaty-term-pill__label {
  font-size: var(--fs-body-m);
  line-height: var(--lh-body);
  color: var(--color-texte);
  white-space: nowrap;
}
.sleaty-term-pill .tag-picker {
  flex-wrap: nowrap;
  gap: var(--space-8);
  white-space: nowrap;
}
.data-list .tag-popover {
  top: auto;
  right: auto;
  left: auto;
  align-self: flex-start;
  margin-top: calc(var(--tag-add-size) + var(--space-8));
  text-align: left;
}
.data-list__date {
  position: relative;
  display: inline-flex;
  justify-content: flex-end;
  max-width: 100%;
}
.data-list__date-input {
  max-width: 100%;
  padding: 0;
  border: none;
  background: transparent;
  font-family: var(--font-text);
  font-size: var(--fs-body-m);
  line-height: var(--lh-body);
  color: var(--color-texte);
  text-align: right;
}
.data-list__date-input:focus-visible {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: var(--space-2);
  border-radius: var(--radius);
}
.data-list__date-input::-webkit-calendar-picker-indicator {
  width: var(--date-picker-icon-size);
  height: var(--date-picker-icon-size);
  margin: 0 0 0 var(--space-4);
  padding: 0;
}
.data-list__date-empty {
  position: absolute;
  top: 0;
  right: calc(var(--date-picker-icon-size) + var(--space-4));
  display: none;
  color: var(--color-ink-muted);
  pointer-events: none;
}
.data-list__date[data-empty] .data-list__date-input:not(:focus) { color: transparent; }
.data-list__date[data-empty] .data-list__date-input:not(:focus) + .data-list__date-empty { display: block; }
.data-list__badge-field {
  gap: 0;
  cursor: text;
}
.data-list__badge-input {
  width: 6ch;
  padding: 0;
  border: none;
  background: transparent;
  font-family: var(--font-text);
  font-size: var(--fs-body-xs);
  line-height: var(--lh-body);
  color: var(--color-texte);
  text-align: right;
}
.data-list__badge-input:focus { outline: none; }
.data-list__badge-field:focus-within {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: var(--space-2);
}
.data-list__period {
  display: block;
  margin-top: var(--space-2);
  font-size: var(--fs-body-xs);
  line-height: var(--lh-body);
  color: var(--color-ink-muted);
  white-space: nowrap;
}
.data-list__period:empty { display: none; }
.data-list__billing {
  display: block;
  font-size: var(--fs-body-xs);
  line-height: var(--lh-body);
  color: var(--color-ink-muted);
}
.data-list__billing:empty { display: none; }
.data-list__billing-line {
  display: block;
  margin-top: var(--space-2);
}
.data-list__price-change {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-2);
  margin-top: var(--space-4);
  font-size: var(--fs-body-xs);
  line-height: var(--lh-body);
  color: var(--color-texte);
}
.data-list__price-change .material-symbols-outlined { font-size: 16px; }
.data-list__price-change--up .material-symbols-outlined { color: var(--color-state-rouge); }
.data-list__price-change--down .material-symbols-outlined { color: var(--color-state-vert); }
.data-list__price-change--neutral { color: var(--color-ink-muted); }
.data-list__adopt {
  display: inline-flex;
  margin-top: var(--space-4);
  padding: var(--space-2) var(--space-8);
  border: none;
  border-radius: var(--radius-pill);
  background: var(--color-surface-chip);
  font-family: var(--font-text);
  font-size: var(--fs-body-xs);
  line-height: var(--lh-body);
  color: var(--color-texte);
  cursor: pointer;
}
.data-list__adopt:hover:not(:disabled) { background: var(--color-pill-dark); color: var(--color-ink-inverse); }
.data-list__adopt:focus-visible {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: var(--space-2);
}
.data-list__adopt:disabled { cursor: wait; }
.data-list__qty-input {
  width: 8ch;
  max-width: 100%;
  padding: 0;
  border: none;
  border-bottom: 1px solid transparent;
  background: transparent;
  font-family: var(--font-text);
  font-size: var(--fs-body-m);
  line-height: var(--lh-body);
  color: var(--color-texte);
  text-align: right;
}
.data-list__qty-input:hover,
.data-list__qty-input:focus { border-bottom-color: var(--color-gris-4-border); }
.data-list__qty-input:focus-visible {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: var(--space-2);
  border-radius: var(--radius);
}
.sleaty-contrat-infos__list {
  margin: 0;
}
.sleaty-contrat-infos__item {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  min-width: 0;
}
.sleaty-contrat-infos__item dt {
  font-size: var(--fs-body-xs);
  line-height: var(--lh-body);
  color: var(--color-ink-muted);
}
.sleaty-contrat-infos__item dd {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4) var(--space-8);
  margin: 0;
  font-size: var(--fs-body-m);
  line-height: var(--lh-body);
  color: var(--color-texte);
  overflow-wrap: anywhere;
}
.sleaty-contrat-infos__date { max-width: 200px; }
.sleaty-document-signature { padding: var(--space-24); }
.sleaty-document-signature__label {
  display: block;
  color: var(--color-ink-muted);
}
.sleaty-document-signature__field { max-width: 420px; }
.sleaty-document-signature__file {
  display: block;
  max-width: 420px;
  color: var(--color-texte);
}
.data-list--documents .data-list__grid--cols-4 {
  grid-template-columns: minmax(160px, 1fr) min-content min-content min-content;
}
.data-list--documents [data-col="creation"] { --data-list-w: 110px; }
.data-list--documents .data-list__cell--first {
  justify-self: stretch;
  max-width: none;
  contain: inline-size;
}
.data-list--documents [data-col="nom"],
.data-list--documents [data-col="nom"] .data-list__name { hyphens: manual; }
.data-list--documents [data-col="signature"] .data-list__badge {
  margin-right: var(--space-8);
  border-radius: var(--radius-pill);
}
.data-list--documents [data-col="signature"] .data-list__badge:not([class*="sleaty-badge--"]) {
  border-color: transparent;
  background: var(--color-badge-info-bg);
  color: var(--color-badge-info-ink);
}
:is(.data-list__badge, .data-list__state):is(.sleaty-badge--ok, .sleaty-badge--warn, .sleaty-badge--danger, .sleaty-badge--info) { border-color: transparent; }
:is(.data-list__badge, .data-list__state).sleaty-badge--ok { background: var(--color-badge-ok-bg); color: var(--color-badge-ok-ink); }
:is(.data-list__badge, .data-list__state).sleaty-badge--warn { background: var(--color-badge-warn-bg); color: var(--color-badge-warn-ink); }
:is(.data-list__badge, .data-list__state).sleaty-badge--danger { background: var(--color-badge-danger-bg); color: var(--color-badge-danger-ink); }
:is(.data-list__badge, .data-list__state).sleaty-badge--info { background: var(--color-badge-info-bg); color: var(--color-badge-info-ink); }
:is(.data-list__badge, .data-list__state).sleaty-badge--neutral {
  border-color: var(--color-badge-neutral-line);
  background: var(--color-badge-neutral-bg);
  color: var(--color-badge-neutral-ink);
}
.data-list--documents [data-col="nom"] .data-list__state {
  max-width: 100%;
  white-space: normal;
  text-align: left;
}
.data-list--documents [data-col="signature"] .data-list__copy {
  display: flex;
  width: max-content;
  margin-top: var(--space-8);
  padding: var(--space-4) var(--space-8);
  gap: var(--space-4);
  font-size: var(--fs-body-s);
}
.data-list--documents [data-col="signature"] .data-list__copy .material-symbols-outlined { font-size: 16px; }
.data-list--documents [data-col="signature"] .data-list__copy-missing,
.data-list--documents [data-col="signature"] .data-list__copy-integrity {
  display: flex;
  width: fit-content;
  max-width: 100%;
  margin-top: var(--space-8);
  white-space: normal;
  text-align: left;
}
.data-list--documents [data-col="signature"] .data-list__copy-archives {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  margin-top: var(--space-8);
}
.data-list--documents [data-col="signature"] .data-list__copy-archive {
  font-size: var(--fs-body-xs);
  line-height: var(--lh-body);
  color: var(--color-principal);
  text-decoration: underline;
  overflow-wrap: anywhere;
}
.data-list--documents [data-col="signature"] .data-list__copy-archive--discarded {
  color: var(--color-ink-muted);
  text-decoration: none;
}
.data-list--documents [data-col="signature"] .data-list__copy-archives .data-list__copy-integrity { margin-top: 0; }
.sleaty-contrat-documents {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--space-24);
}
.sleaty-contrat-documents__main {
  flex: 1 1 auto;
  min-width: 0;
}
.sleaty-doc-preview {
  display: flex;
  flex-direction: column;
  flex: 0 0 390px;
  min-width: 0;
  max-width: 100%;
  background: var(--color-white);
  border-radius: var(--radius);
}
.sleaty-doc-preview__bar {
  display: flex;
  align-items: stretch;
  min-height: 28px;
}
.sleaty-doc-preview__button {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  padding: var(--space-4) var(--space-8);
  border: none;
  background: var(--color-gris-3);
  color: var(--color-texte);
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--motion-duration-base) var(--motion-ease-standard);
}
.sleaty-doc-preview__button:hover { background: var(--color-gris-4-border); }
.sleaty-doc-preview__button:focus-visible {
  z-index: 1;
  outline: 2px solid var(--color-focus-ring);
  outline-offset: var(--space-2);
}
.sleaty-doc-preview__button--expand { border-radius: var(--radius) 0 0 var(--radius); }
.sleaty-doc-preview__button--download { border-radius: 0 var(--radius) var(--radius) 0; }
.sleaty-doc-preview__button .material-symbols-outlined { font-size: 16px; }
.sleaty-doc-preview__name {
  flex: 1 1 0;
  min-width: 0;
  padding: var(--space-4) var(--space-8);
  background: var(--color-extra-2);
  font-family: var(--font-text);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body);
  color: var(--color-texte);
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sleaty-doc-preview__frame {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 595 / 842;
  border: 0;
  background: var(--color-white);
}
.sleaty-doc-preview__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  aspect-ratio: 595 / 842;
  font-size: var(--fs-body-s);
  line-height: var(--lh-body);
  color: var(--color-ink-muted);
}
.sleaty-doc-preview.is-expanded {
  position: fixed;
  inset: 0;
  z-index: 100;
  max-width: none;
  padding: var(--space-16);
  gap: var(--space-16);
  border-radius: 0;
  background: var(--color-secondaire);
}
.sleaty-doc-preview.is-expanded .sleaty-doc-preview__frame {
  flex: 1 1 0;
  min-height: 0;
  height: auto;
  aspect-ratio: auto;
  border-radius: var(--radius);
}
.sleaty-preview-open,
.sleaty-preview-open body { overflow: hidden; }
.data-list__row.is-previewed { box-shadow: inset 0 0 0 1px var(--color-principal); }
.data-list--lines .data-list__toolbar { position: relative; }
.line-search {
  position: absolute;
  z-index: 30;
  top: calc(100% + var(--space-4));
  left: var(--space-16);
  display: flex;
  padding: var(--space-16);
  border-radius: var(--radius);
  background: var(--color-surface-card);
  box-shadow: inset 0 0 0 1px var(--color-surface-card-line), var(--shadow-card-hover);
}
.line-search[hidden] { display: none; }
.line-search__close {
  width: 26px;
  height: 26px;
}
.line-search__col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-16);
  width: 234px;
  padding: var(--space-16) var(--space-8);
}
.line-search__title {
  margin: 0;
  font-size: var(--fs-body-s);
  line-height: var(--lh-body);
  color: var(--color-texte);
}
.line-search__field {
  gap: var(--space-8);
  padding: var(--space-4) var(--space-8);
  font-size: var(--fs-body-s);
}
.line-search__field .field__icon { font-size: 12px; }
.line-search__results {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-8);
  width: 100%;
  max-height: 240px;
  overflow-y: auto;
}
.line-search__result {
  display: inline-flex;
  align-items: center;
  gap: var(--space-4);
  max-width: 100%;
  padding: var(--space-4) var(--space-8);
  border: 1px solid var(--color-extra-2);
  border-radius: var(--radius-pill);
  background: var(--color-extra-2);
  font-family: var(--font-text);
  font-size: var(--fs-body-xs);
  line-height: var(--lh-body);
  color: var(--color-texte);
  text-align: left;
  cursor: pointer;
}
.line-search__result:hover { background: var(--color-filtre-selection); }
.line-search__result:focus-visible {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: var(--space-2);
}
.line-search__ref {
  flex-shrink: 0;
  color: var(--color-ink-muted);
  white-space: nowrap;
}
.line-search__note {
  margin: 0;
  font-size: var(--fs-body-xs);
  line-height: var(--lh-body);
  color: var(--color-ink-muted);
}
.data-list__tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--space-4);
}
.data-list__cell--left .data-list__tags { justify-content: flex-start; }
a.data-list__name { text-decoration: none; }
a.data-list__name:hover,
a.data-list__name:focus-visible {
  color: var(--color-principal);
  text-decoration: underline;
}
a.data-list__name:focus-visible {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: var(--space-2);
}
.data-list__head > [data-col="action"]::before,
.data-list__row > [data-col="action"]::before { z-index: -1; }
.data-list__head > [data-col="action"]::after,
.data-list__row > [data-col="action"]::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 100%;
  width: var(--data-list-table-pad);
  background: var(--data-list-sticky-bg);
}
.data-list--articles [data-col="nom_description"],
.data-list--articles [data-col="nom_marque"],
.data-list--articles [data-col="produit_marque"],
.data-list--articles .data-list__name { hyphens: manual; }
.data-list--articles .data-list__grid--cols-6 { grid-template-columns: minmax(160px, 1fr) repeat(5, min-content); }
.data-list--articles .data-list__grid--cols-7 { grid-template-columns: minmax(160px, 1fr) repeat(6, min-content); }
.material-symbols-outlined.sleaty-history__title-icon {
  vertical-align: middle;
  font-size: 18px;
  margin: 0;
}