#el-assessment-root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
#el-assessment-root .elass-card{background:#fff;border-radius:14px;box-shadow:0 6px 24px rgba(0,0,0,.06);padding:22px}
#el-assessment-root .elass-progress{height:8px;background:#eee;border-radius:999px;overflow:hidden;margin:6px 0 16px}
#el-assessment-root .elass-bar{display:block;height:100%;width:0;background:#f04ea8;transition:width .25s ease}
#el-assessment-root .elass-btn{appearance:none;border:0;border-radius:10px;background:#f04ea8;color:#fff;padding:12px 16px;font-weight:600;cursor:pointer}
#el-assessment-root .elass-btn:disabled{opacity:.6;cursor:not-allowed}
#el-assessment-root .opt{display:block;width:100%;text-align:left;padding:10px 12px;margin:.4rem 0;border-radius:10px;border:1px solid #e7e7e7;background:#fafafa;cursor:pointer}
#el-assessment-root .opt:hover{background:#f6f1f6}
#el-assessment-root .elass-row{display:flex;gap:12px;flex-wrap:wrap}
#el-assessment-root .elass-col{flex:1 1 220px}
#el-assessment-root input[type="text"],#el-assessment-root input[type="email"],#el-assessment-root input[type="tel"]{display:block;width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:10px;background:#fff}
#el-assessment-root .elass-alert{color:#b00020;margin:8px 0 0}
#el-assessment-root .elass-muted{color:#666;font-size:.92rem}

/* Masquage par défaut SANS !important */
#el-assessment-root .elass-step-quiz,
#el-assessment-root .elass-step-contact,
#el-assessment-root .elass-step-result{display:none}

#el-assessment-root h4{margin:.2rem 0 1rem;font-size:1.05rem}
#el-assessment-root ul{margin:.4rem 0 .8rem .9rem}

#el-assessment-root .elass-loading{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:12px; min-height:180px; background:#fff; border:1px dashed #eee; border-radius:12px;
}
#el-assessment-root .elass-loading-text{color:#555;font-size:0.98rem}
#el-assessment-root .elass-spinner{
  width:36px;height:36px;border-radius:50%;
  border:3px solid rgba(240,78,168,.25);border-top-color:#f04ea8;
  animation: elass-spin .9s linear infinite;
}
@keyframes elass-spin{to{transform:rotate(360deg)}}