/* ========== 3) Page FORMULAIRE devis (scopée) ========== */
.azh-form html, .azh-form body{
  margin:0; padding:0; background:#f6f9fc; line-height:1.5; -webkit-font-smoothing:antialiased;
}
.azh-form *, .azh-form *::before, .azh-form *::after{box-sizing:border-box}

.azh-form .wrap{max-width:980px; margin:24px auto; padding:24px}

/* En-tête formulaire (logo + titre) */
.azh-form .form-header{display:flex; align-items:center; gap:16px; margin-bottom:18px}
.azh-form .mark{
  width:96px; height:96px; border-radius:12px;
  background:var(--azh-azur); display:grid; place-items:center; color:#fff; font-weight:700;
}
/* Ajuste le logo dans le carré bleu */
.azh-form .mark img{max-height:96px; width:auto; display:block}

.azh-form h1{margin:0; font-size:clamp(20px,3vw,28px); color:var(--azh-navy)}
.azh-form p.lead{margin:4px 0 0 0; color:#3d3d3d}

/* Carte formulaire */
.azh-form form{
  background:#fff; border:1px solid #e5eef7; border-radius:16px; padding:20px; box-shadow:var(--shadow-md)
}
.azh-form fieldset{border:none; margin:0 0 16px; padding:0}
.azh-form legend{font-weight:600; margin:0 0 10px; color:var(--azh-navy)}
.azh-form label{display:block; margin:8px 0 6px; color:var(--azh-navy)}
.azh-form input[type=text],
.azh-form input[type=email],
.azh-form input[type=tel],
.azh-form select,
.azh-form textarea{
  width:100%; padding:12px 14px; margin-top:0;
  border:1px solid var(--azh-line); border-radius:12px;
  background:#fbfdff; color:var(--azh-navy); font:inherit;
}
.azh-form textarea{min-height:120px}
.azh-form input:focus, .azh-form select:focus, .azh-form textarea:focus{
  border-color:var(--azh-azur); outline:none; box-shadow:0 0 0 2px rgba(56,189,248,.25);
}

.azh-form .grid{display:grid; gap:12px}
@media (min-width:720px){ .azh-form .grid.cols-2{grid-template-columns:1fr 1fr} }

.azh-form .row{display:flex; gap:8px; align-items:center}
.azh-form .checks{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:8px}
.azh-form .check{background:#fbfdff; border:1px solid var(--azh-line); border-radius:12px; padding:10px}
.azh-form .muted{color:var(--azh-gris); font-size:13px}
.azh-form .actions{display:flex; gap:10px; margin-top:12px}
.azh-form button{
  appearance:none; border:0; background:var(--azh-azur); color:#fff;
  padding:12px 16px; border-radius:12px; font-weight:600; cursor:pointer;
  box-shadow:var(--shadow); transition:background-color .2s ease
}
.azh-form button:hover{background:var(--azh-bleu)}
.azh-form .ghost{background:var(--azh-navy)}

.azh-form .alert{padding:12px 14px; border-radius:10px; margin-bottom:14px}
.azh-form .alert.error{background:#ffe9e9; border:1px solid #ffb3b3; color:#7a0b0b}
.azh-form .alert.success{background:#e9fff3; border:1px solid #b3ffd1; color:#084d2e}

.azh-form table{width:100%; border-collapse:collapse; margin-top:1rem}
.azh-form th, .azh-form td{padding:.8rem; border-bottom:1px solid var(--azh-line); text-align:left}
.azh-form th{background:#f8fbff; font-weight:700; color:var(--azh-navy)}
.azh-form tr:hover td{background:#f1f5f9}
.azh-form footer{margin-top:18px; color:var(--azh-gris); font-size:13px; text-align:left}