/* Frontend minimal clean style (modelo semelhante ao print) */
.aev-wrap { max-width: 860px; margin: 0 auto; }
.aev-form, .aev-results { background: #fff; border: 1px solid #e5e7eb; border-radius: 10px; padding: 18px; }
.aev-form-header { margin-bottom: 16px; }
.aev-title { margin: 0 0 6px; font-size: 22px; line-height: 1.2; }
.aev-subtitle { margin: 0 0 10px; font-size: 16px; font-weight: 600; }
.aev-meta { display:flex; gap:14px; flex-wrap:wrap; font-size: 13px; color: #374151; }

.aev-box { border-radius: 10px; padding: 12px 14px; margin: 0 0 14px; border: 1px solid #e5e7eb; background: #f9fafb; }
.aev-success { border-color: #86efac; background: #f0fdf4; }
.aev-warning { border-color: #fde68a; background: #fffbeb; }
.aev-error { border-color: #fecaca; background: #fef2f2; }

.aev-question { margin: 14px 0; border: 1px solid #eef2f7; border-radius: 10px; padding: 12px; background: #fbfdff; }
.aev-question-title { font-weight: 700; margin: 0 0 10px; text-transform: uppercase; font-size: 12px; letter-spacing: .02em; color: #111827; }

.aev-options { display: grid; gap: 10px; }
.aev-option { display:flex; gap:10px; align-items:center; padding: 10px 12px; border: 1px solid #e5e7eb; border-radius: 10px; background:#fff; cursor:pointer; }
.aev-option input { margin: 0; }
.aev-option span { font-size: 14px; }

.aev-fields { margin-top: 14px; display:grid; gap: 8px; }
.aev-fields label { font-weight: 600; font-size: 13px; color:#111827; margin-top: 4px; }
.aev-fields input, .aev-fields textarea {
  width: 100%; border: 1px solid #e5e7eb; border-radius: 10px; padding: 10px 12px; font-size: 14px;
}
.aev-actions { display:flex; justify-content:flex-end; margin-top: 14px; }
.aev-btn {
  border: 0; border-radius: 10px; padding: 10px 16px; font-weight: 700; cursor: pointer;
  background: #2563eb; color:#fff;
}
.aev-btn:hover { filter: brightness(.95); }

/* Results */
.aev-question-results { background:#fff; }
.aev-result-row { display:grid; grid-template-columns: 120px 1fr 72px; gap: 10px; align-items:center; padding: 10px 0; border-top: 1px solid #eef2f7; }
.aev-result-row:first-of-type { border-top: 0; }
.aev-result-label { font-size: 14px; font-weight: 600; color:#111827; }
.aev-bar { height: 10px; background:#eef2f7; border-radius: 999px; overflow:hidden; }
.aev-bar-fill { height: 100%; background:#3b82f6; border-radius: 999px; }
.aev-result-pct { text-align:right; font-variant-numeric: tabular-nums; font-size: 13px; color:#111827; }

@media (max-width: 520px) {
  .aev-result-row { grid-template-columns: 90px 1fr 58px; }
  .aev-title { font-size: 18px; }
}