/* Installation de l'application (lot 5) — s'ajoute à login.css. */

.ui .install-card { max-width: 440px; }
.ui .install-panel { display: flex; flex-direction: column; gap: var(--s-4); }
.ui .install-card .seg { align-self: stretch; }
.ui .install-card .seg-item { flex: 1; }
.ui .install-lead { margin: 0 0 var(--s-2); font-weight: 700; }
.ui .install-done { display: flex; flex-direction: column; align-items: center; gap: var(--s-2); text-align: center; }

.ui .steps { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--s-3); }
.ui .step {
  display: flex; align-items: flex-start; gap: var(--s-3);
  background: var(--c-card); border: 1px solid var(--c-line); border-radius: var(--r-md);
  padding: var(--s-3) var(--s-4);
}
.ui .step-n {
  flex: none; width: 28px; height: 28px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: var(--c-active-bg); color: var(--c-active); font-weight: 800; font-size: var(--f-small);
}
.ui .step-title { margin: 0; font-weight: 800; }
.ui .step-desc { margin: 2px 0 0; color: var(--c-muted); }
.ui .step-desc strong { color: var(--c-text); }
.ui .step > div > .step-desc:first-child { margin-top: 3px; }

/* App du revendeur : page ouverte hors de Safari sur iPhone */
.ui .install-warn { margin: 0; padding: var(--s-3) 14px; border-radius: var(--r-sm); background: var(--c-warn-bg); color: var(--c-warn); font-weight: 700; }
.ui .install-warn strong { color: inherit; }