/* Composer email dell'inbox: pannello "AI Assistant" a card (mock 28-ago).
   Prefisso .jo-iap. Il pannello non compila Tailwind: tutto qui. */

.jo-ai-panel > .fi-section-header,
.jo-ai-panel .fi-section-header {
  background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
  border-radius: 0.75rem 0.75rem 0 0;
  padding: 0.9rem 1.1rem;
}
.jo-ai-panel .fi-section-header-heading,
.jo-ai-panel .fi-section-header-description { color: #fff !important; }
.jo-ai-panel .fi-section-header-description { opacity: .85; }
.jo-ai-panel .fi-section-header svg { color: #fff !important; }
.jo-ai-panel .fi-section-content { background: #f7f5ff; }
.dark .jo-ai-panel .fi-section-content { background: rgb(76 29 149 / .12); }

.jo-iap-card {
  background: #fff; border: 1px solid #e5e7eb; border-radius: 0.75rem;
  padding: 0.85rem 1rem; margin: 0 0 0.75rem; font-size: 0.85rem; line-height: 1.45;
}
.dark .jo-iap-card { background: rgb(17 24 39 / .6); border-color: rgb(255 255 255 / .1); }
.jo-iap-card--warn { background: #fffbeb; border-color: #fde68a; }
.jo-iap-card--ok { background: #ecfdf5; border-color: #a7f3d0; }
.jo-iap-title { display: flex; align-items: center; gap: .4rem; font-weight: 600; font-size: .8rem; color: #6d28d9; margin-bottom: .5rem; }
.jo-iap-card--warn .jo-iap-title { color: #b45309; }
.jo-iap-label { font-size: .65rem; letter-spacing: .06em; text-transform: uppercase; color: #9ca3af; margin-top: .55rem; }
.jo-iap-value { font-weight: 600; color: #111827; }
.dark .jo-iap-value { color: #f3f4f6; }
.jo-iap-bar { height: 6px; border-radius: 9999px; background: #e5e7eb; overflow: hidden; margin-top: .3rem; }
.jo-iap-bar > span { display: block; height: 100%; border-radius: 9999px; }
.jo-iap-pill { display: inline-block; padding: .15rem .6rem; border-radius: .4rem; font-size: .72rem; font-weight: 600; }
.jo-iap-pill--high { background: #fee2e2; color: #b91c1c; }
.jo-iap-pill--mid { background: #fef3c7; color: #b45309; }
.jo-iap-pill--low { background: #e5e7eb; color: #374151; }
.jo-iap-pill--info { background: #ede9fe; color: #6d28d9; }
.jo-iap-list { margin: .25rem 0 0 1rem; list-style: disc; color: #b45309; }
.jo-iap-muted { color: #9ca3af; font-size: .8rem; }

/* "Azioni suggerite": i bottoni Filament diventano card cliccabili a tutta larghezza */
.jo-iap-actions .fi-fo-actions { display: flex; flex-direction: column; gap: .5rem; }
.jo-iap-actions .fi-btn {
  width: 100%; justify-content: flex-start; text-align: left;
  border-radius: .6rem; padding: .65rem .85rem; font-weight: 600; font-size: .85rem;
  border: 1px solid #e5e7eb; background: #fff; color: #111827; box-shadow: none;
}
.dark .jo-iap-actions .fi-btn { background: rgb(17 24 39 / .6); color: #f3f4f6; border-color: rgb(255 255 255 / .1); }
.jo-iap-actions .fi-btn:hover { border-color: #c4b5fd; background: #f5f3ff; }
.jo-iap-actions .fi-btn svg { color: #6d28d9; }
.jo-iap-primary .fi-btn { background: #6d28d9 !important; color: #fff !important; border-color: #6d28d9 !important; justify-content: center; }
.jo-iap-primary .fi-btn svg { color: #fff !important; }