/* AI观察面板专用：长理由完整换行，手机下不溢出，不改变其它页面布局。 */
.ai-cards { align-items: start; }
[data-ai-panel] { margin-top: 20px; }
.ai-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-bottom: 22px; }
.ai-tile { padding: 14px 10px; background: var(--soft); border-radius: 9px; min-width: 0; }
.ai-tile span { display: block; color: var(--muted); font-size: 11px; margin-bottom: 8px; }
.ai-tile strong { font-size: 15px; overflow-wrap: anywhere; }
.ai-reason { border-top: 1px solid var(--border); padding-top: 18px; margin-bottom: 18px; }
.ai-reason p { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.95; font-size: 13px; margin-top: 12px; }
.ai-status { display: flex; align-items: center; gap: 9px; border-radius: 8px; padding: 12px; margin-bottom: 14px; background: var(--soft); font-size: 13px; color: var(--muted); }
.ai-status i { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: currentColor; flex: none; }
.ai-status.active { color: var(--positive); }
.ai-status.waiting { color: var(--accent); }
.ai-status.error { color: var(--negative); }
.ai-cards .metric-row dd { overflow-wrap: anywhere; }
@media(max-width:400px) { .ai-summary { grid-template-columns: 1fr; } .ai-tile { display: flex; align-items: center; justify-content: space-between; gap: 12px; } .ai-tile span { margin-bottom: 0; } }