/* Feuille de app_genprompt/templates/app_genprompt/librairie.html — sortie du gabarit le 2026-10-06 (carnet #36, lot 2).
   Chargée par {% feuille 'app_genprompt/css/librairie.css' %} : l'URL porte l'empreinte du fichier, le cache suit. */
.page-title { font-size: 1.8rem; font-weight: 700; color: var(--lfis-blue-dark); margin: 0 0 4px; }
.page-sub { color: #718096; margin: 0 0 32px; }

.cat-titre {
    font-size: 1.05rem; font-weight: 700; color: var(--lfis-blue);
    margin: 2rem 0 .9rem; padding-bottom: 8px; border-bottom: 2px solid #edf2f7;
    display: flex; align-items: center; gap: .5rem;
}
.cat-titre:first-child { margin-top: 0; }

.grille { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; margin-bottom: .5rem; }

.carte {
    background: #fff; border: 1px solid #e2e8f0; border-radius: 12px;
    padding: 1.2rem 1.3rem; display: flex; flex-direction: column; gap: .7rem;
}
.carte-titre { font-weight: 700; font-size: 1rem; color: var(--lfis-blue-dark); display: flex; align-items: center; gap: .4rem; }
.carte-desc { font-size: .88rem; color: #4a5568; line-height: 1.55; }
.carte-champs { font-size: .8rem; color: #94a3b8; }
.carte-champs span { display: inline-block; background: #f1f5f9; border-radius: 4px; padding: 1px 7px; margin: 2px 2px 0 0; }

.btn-charger {
    margin-top: auto; align-self: flex-start;
    display: inline-block; padding: .5rem 1.1rem;
    background: var(--lfis-blue); color: #fff; border-radius: 7px;
    text-decoration: none; font-weight: 600; font-size: .88rem;
}
.btn-charger:hover { background: var(--lfis-blue-dark); }

.actions-haut { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; }
.btn-retour {
    color: var(--lfis-blue); text-decoration: none; font-weight: 600; font-size: .9rem;
}
.btn-vide {
    display: inline-block; padding: .55rem 1.2rem; background: var(--lfis-red);
    color: #fff; border-radius: 8px; text-decoration: none; font-weight: 600; font-size: .9rem;
}