/*
 * Le détail d'un point de Smoon AI et ses liens « Où regarder » (resources/views/filament/resources/signals/) : le panneau ne
 * compile aucune classe utilitaire de Tailwind hors des siennes — des classes comme `grid`, `underline` ou `text-primary-600`
 * posées dans une vue à nous n'y peignaient rien (passe au navigateur du 25/10 : le lien blanc, les faits empilés). Toutes les
 * règles sous `smoon-ai-…`, les couleurs aux variables de Filament. Publiée comme rail.css par filament:assets (public/css/app/).
 */
.smoon-ai-detail {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    font-size: 0.875rem;
}

.smoon-ai-muted {
    color: var(--gray-500);
}

.dark .smoon-ai-muted {
    color: var(--gray-400);
}

.smoon-ai-heading {
    margin-bottom: 0.25rem;
    font-weight: 500;
}

.smoon-ai-meta {
    margin-top: 0.25rem;
}

.smoon-ai-reopened {
    margin-top: 0.25rem;
    font-weight: 500;
    color: var(--warning-600);
}

.dark .smoon-ai-reopened {
    color: var(--warning-400);
}

.smoon-ai-facts {
    display: grid;
    grid-template-columns: minmax(0, 12rem) minmax(0, 1fr);
    column-gap: 1rem;
    row-gap: 0.25rem;
    margin: 0;
}

.smoon-ai-facts dd {
    margin: 0;
    overflow-wrap: anywhere;
}

.smoon-ai-links {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1rem;
    row-gap: 0.5rem;
    padding: 0.5rem 0.75rem;
}

.smoon-ai-link {
    display: inline-flex;
    align-items: center;
    min-height: 2.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--primary-600);
    text-decoration: underline;
}

.dark .smoon-ai-link {
    color: var(--primary-400);
}

.smoon-ai-reviews {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.smoon-ai-strong {
    font-weight: 500;
}

.smoon-ai-comment {
    white-space: pre-line;
    color: var(--gray-600);
}

.dark .smoon-ai-comment {
    color: var(--gray-300);
}