/* Grille KPI adaptée à 9 vignettes */
.pnin-kpi-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
    gap: 12px;
    margin-bottom: 20px;
}
.pnin-kpi-card {
    background: #f7fafc;
    border-top: 4px solid #1f4e79;
    border-radius: 8px;
    padding: 12px 10px;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.pnin-kpi-title { font-size: 0.72rem; text-transform: uppercase; color: #4a5568; font-weight: 700; display: block; margin-bottom: 4px; }
.pnin-kpi-num { font-size: 1.2rem; font-weight: 700; color: #1a365d; }
.pnin-kpi-sub { font-size: 0.7rem; color: #718096; display: block; margin-top: 2px; }

/* Bloc Ingrédients sous le plat */
.pnin-recipe-ingredients-preview {
    background: #edf2f7;
    border-left: 3px solid #4a5568;
    padding: 6px 10px;
    border-radius: 4px;
    line-height: 1.4;
}

/* Boîte de cohérence */
.pnin-coherence-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}
@media (max-width: 650px) {
    .pnin-coherence-grid { grid-template-columns: 1fr; }
}
.pnin-coherence-item {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 10px 14px;
}
.pnin-coherence-item.status-ok { border-left: 4px solid #38a169; }
.pnin-coherence-item.status-warn { border-left: 4px solid #dd6b20; }
.pnin-coherence-item strong { display: block; font-size: 0.85rem; color: #2d3748; margin-bottom: 4px; }
.pnin-coherence-item p { margin: 0 0 4px 0; font-size: 0.8rem; color: #4a5568; }
.pnin-coherence-item small { font-size: 0.75rem; color: #718096; }