/* ===== Section globale ===== */
.maintenance{padding:48px 0}
.maintenance .carte{
  background: var(--blanc);
  border-radius: var(--rayon);
  box-shadow: var(--ombre);
}

/* ===== Bandeau d’intro ===== */
.entete-maintenance{
  display:grid; grid-template-columns:auto 1fr; gap:18px;
  padding:22px;
  margin-bottom:24px;
}
.entete-maintenance .embleme{
  width:64px; height:64px; border-radius:16px;
  display:grid; place-items:center;
  background: linear-gradient(160deg, rgba(250,2,2,.12), rgba(16,18,24,.06));
}
.entete-maintenance .embleme i{
  font-size:28px; color: var(--couleur);
}
.entete-maintenance h1{margin:0; font-size: clamp(26px, 3.2vw, 36px); color: var(--noir)}
.entete-maintenance .sous-titre{margin:.35rem 0 0; color: var(--gris)}
.liste-prestations{margin:12px 0 0; padding:0; list-style:none; display:grid; gap:6px}
.liste-prestations i{color: var(--couleur); margin-right:8px}

/* ===== Grille des cartes ===== */
.grille-maintenance{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap:22px;
}
@media (max-width: 980px){
  .grille-maintenance{grid-template-columns:1fr}
}

/* ===== Cartes ===== */
.carte-titre{
  display:flex; align-items:center; gap:10px;
  padding:16px 18px; border-bottom:1px solid #e9edf5;
}
.carte-titre i{color: var(--couleur); font-size:18px}
.carte-titre h2{margin:0; font-size:20px; color: var(--noir)}

.formulaire{padding:18px}
.formulaire label{display:block; margin:.5rem 0 .25rem}
.formulaire input[type="email"],
.formulaire input[type="password"]{
  width:100%; padding:12px; border-radius:10px;
  border:1px solid #d9deea; background:#fff;
}
.formulaire .btn{
  margin-top:12px; background: var(--couleur);
  color:#fff; border:0; border-radius:12px; padding:11px 16px;
  display:inline-flex; gap:8px; align-items:center;
  box-shadow: var(--ombre);
}
.formulaire .btn:hover{filter:brightness(1.05)}
.formulaire .note{margin:.6rem 0 0; color: var(--gris); font-size:.95rem}

/* Alertes */
.alerte{margin:14px 18px 0; padding:10px 12px; border-radius:10px}
.alerte.ok{background:#e6f7ed;color:#126b2e}
.alerte.erreur{background:#ffecec;color:#8b1b1b}

/* Confiance */
.confiance{
  margin:10px 18px 18px; padding:0; list-style:none; display:grid; gap:8px;
  border-top:1px dashed #e9edf5; padding-top:12px;
}
.confiance li{color: var(--gris)}
.confiance i{color: var(--couleur); margin-right:8px}