/* =========================================================
   LYS-MOI — COMPOSANT ÉTATS VIDES / FEEDBACKS
   ---------------------------------------------------------
   Messages vides, placeholders, alertes et feedbacks.
   Ne modifie PAS les anciens états tant qu’on ne migre pas
   les pages manuellement.
   ========================================================= */

.lm-empty-state {
  padding: 18px;

  border: 1px dashed var(--lm-border-medium);
  border-radius: var(--lm-radius-lg);

  color: var(--lm-text-soft);
  background: var(--lm-surface-soft);

  line-height: 1.7;
}

.lm-empty-state--center {
  text-align: center;
}

.lm-empty-state--accent {
  border-color: var(--lm-border-gold);
  background:
    radial-gradient(
      circle at top,
      var(--lm-accent-soft),
      transparent 14rem
    ),
    var(--lm-surface-soft);
}

.lm-empty-state--danger {
  color: var(--lm-danger);
  border-color: var(--lm-danger-border);
  background: var(--lm-danger-soft);
}

.lm-empty-state__title {
  margin: 0 0 8px;

  color: var(--lm-text-title);
  font-size: 1.08rem;
  line-height: 1.25;
}

.lm-empty-state__text {
  margin: 0;

  color: var(--lm-text-soft);
  line-height: 1.7;
}

.lm-placeholder {
  margin-top: 18px;
  padding: 18px;

  border: 1px dashed var(--lm-border-medium);
  border-radius: var(--lm-radius-lg);

  color: var(--lm-text-soft);
  background: var(--lm-surface-soft);

  line-height: 1.7;
}

.lm-alert {
  padding: 14px 16px;

  border: 1px solid var(--lm-border-soft);
  border-radius: var(--lm-radius-md);

  color: var(--lm-text-soft);
  background: var(--lm-surface-soft);

  line-height: 1.6;
}

.lm-alert--accent {
  color: var(--lm-accent);
  border-color: var(--lm-border-gold);
  background: var(--lm-accent-soft);
}

.lm-alert--success {
  color: var(--lm-success);
  border-color: var(--lm-success-border);
  background: var(--lm-success-soft);
}

.lm-alert--danger {
  color: var(--lm-danger-text);
  border-color: var(--lm-danger-border);
  background: var(--lm-danger-soft);
}

.lm-alert--warning {
  color: var(--lm-warning);
  border-color: var(--lm-warning-border);
  background: var(--lm-warning-soft);
}

.lm-feedback {
  min-height: 22px;

  color: var(--lm-accent);
  font-size: 0.92rem;
  line-height: 1.5;

  white-space: pre-wrap;
}

.lm-feedback--error {
  color: var(--lm-danger-text);
}

.lm-feedback--success {
  color: var(--lm-success);
}