.query-ai-panel { margin-top: 14px; overflow: hidden; background: linear-gradient(135deg, #fff 65%, #f4f1ff); }
.query-ai-badge { padding: 5px 9px; border-radius: 20px; background: #f0edff; color: var(--purple) !important; font-weight: 800; }
.query-ai-content { padding: 20px; }
.query-ai-summary { margin: 0 0 17px; padding: 14px 16px; border-left: 3px solid var(--purple); background: #f7f5ff; color: #354158; font-size: 12px; line-height: 1.8; }
.query-ai-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.query-ai-grid article { padding: 14px; border: 1px solid #e6e1fa; border-radius: 9px; background: #fff; }
.query-ai-grid h4 { margin: 0 0 10px; font-size: 12px; }
.query-ai-grid ul { margin: 0; padding-left: 17px; }
.query-ai-grid li { margin: 0 0 7px; color: #657187; font-size: 10px; line-height: 1.6; }
.query-ai-grid li:last-child { margin-bottom: 0; }
.query-ai-error { padding: 14px; background: #fff3ee; border-radius: 8px; color: #b4421b; }
.query-ai-error b { font-size: 12px; }
.query-ai-error p { font-size: 11px; margin: 6px 0 0; }
@media (max-width: 1150px) { .query-ai-grid { grid-template-columns: repeat(2, 1fr); } }