.ecm-form-ai {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 16px;
    padding: 10px 12px;
    color: #183153;
    background: linear-gradient(135deg, #eff6ff, #f5f3ff);
    border: 1px solid #c7d7fe;
    border-radius: 14px;
}
.ecm-form-ai > span { display: inline-flex; align-items: center; gap: 7px; }
.ecm-form-ai > span > i { color: #2563eb; }
.ecm-form-ai small { color: #64748b; }
.ecm-form-ai button { margin-left: auto; padding: 7px 11px; color: #fff; background: #2563eb; border: 0; border-radius: 9px; font-size: .76rem; font-weight: 800; }
.ecm-form-ai button:disabled { opacity: .6; }
.ecm-form-ai em { color: #64748b; font-size: .7rem; font-style: normal; }
.ecm-form-ai[data-state="success"] { border-color: #86efac; background: #f0fdf4; }
.ecm-form-ai[data-state="error"] { border-color: #fecaca; background: #fff7f7; }
.ecm-ai-field-filled { animation: ecmAiField 1.4s ease; }
@keyframes ecmAiField { 0%, 45% { box-shadow: 0 0 0 3px rgba(37, 99, 235, .2); background: #eff6ff; } }
@media (max-width: 640px) {
    .ecm-form-ai { align-items: flex-start; flex-wrap: wrap; }
    .ecm-form-ai small { display: none; }
    .ecm-form-ai button { margin-left: auto; }
    .ecm-form-ai em { flex-basis: 100%; }
}