/* Style partagé des pages document (légal, statut, changelog…).
   Complète web.css (mêmes couleurs / police). */
.doc {
  max-width: 820px;
  margin: 0 auto;
  padding: 120px 22px 72px;
}
.doc .eyebrow { display: inline-block; margin-bottom: 10px; }
.doc h1 {
  font-size: clamp(28px, 5vw, 40px);
  font-weight: 800;
  letter-spacing: -0.5px;
  margin: 0 0 6px;
  line-height: 1.1;
}
.doc .updated { color: #8a8d96; font-size: 13px; margin: 0 0 28px; }
.doc h2 {
  font-size: 20px;
  font-weight: 700;
  margin: 34px 0 10px;
  color: #fff;
}
.doc h3 { font-size: 16px; font-weight: 700; margin: 22px 0 8px; color: #fff; }
.doc p, .doc li {
  color: #b7b9c0;
  line-height: 1.75;
  font-size: 15px;
}
.doc ul { padding-left: 20px; margin: 8px 0 14px; }
.doc li { margin-bottom: 6px; }
.doc a { color: #ff5c63; text-decoration: none; }
.doc a:hover { text-decoration: underline; }
.doc strong { color: #e9eaee; }
.doc .card {
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 16px;
  padding: 22px 24px;
  margin: 18px 0;
}
.doc .back {
  display: inline-flex; align-items: center; gap: 6px;
  color: #8a8d96; font-size: 14px; margin-bottom: 18px;
}
.doc .back:hover { color: #fff; text-decoration: none; }

/* Formulaire (suppression de compte) */
.doc .field { margin: 14px 0; }
.doc input[type=email] {
  width: 100%; box-sizing: border-box;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 12px; padding: 14px 16px; color: #fff; font-size: 15px;
}
.doc input[type=email]:focus { outline: none; border-color: #e50914; }

/* Statut des services */
.status-list { display: grid; gap: 10px; margin: 18px 0; }
.status-row {
  display: flex; align-items: center; justify-content: space-between;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px; padding: 14px 18px;
}
.status-row .name { color: #e9eaee; font-weight: 600; font-size: 15px; }
.status-dot { display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:600; }
.status-dot i { width: 10px; height: 10px; border-radius: 50%; display:inline-block; }
.st-ok i   { background: #2ecc71; box-shadow: 0 0 10px #2ecc71; } .st-ok   { color:#2ecc71; }
.st-warn i { background: #e0a800; box-shadow: 0 0 10px #e0a800; } .st-warn { color:#e0a800; }
.st-down i { background: #e50914; box-shadow: 0 0 10px #e50914; } .st-down { color:#ff5c63; }
.st-load i { background: #6b6f7a; } .st-load { color:#8a8d96; }

/* Pied de page compact des pages document */
.doc-foot {
  border-top: 1px solid rgba(255,255,255,.08);
  padding: 28px 22px; text-align: center;
}
.doc-foot .links { display:flex; flex-wrap:wrap; gap:14px 22px; justify-content:center; margin-bottom:14px; }
.doc-foot .links a { color:#8a8d96; font-size:13px; text-decoration:none; }
.doc-foot .links a:hover { color:#fff; }
.doc-foot .copy { color:#6b6f7a; font-size:12.5px; }