/* ═══════════════════════════════════════════════════════════════════════════
   Offres Creator — CSS spécifique à l'application.
   Chargé APRÈS fokus-base.css (le socle partagé).

   Règles (cf. ~/claude-workspace/fokus-ui/DESIGN.md) :
   - Aucune couleur, police ou rayon en valeur littérale : uniquement var(--token).
   - Ne jamais redéfinir une classe du socle (.btn, .card, .badge, .data-table…).
     Préfixer les classes propres à cette app : .oc-
   - Un composant générique manquant s'ajoute au socle, pas ici.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Boutons de téléchargement des deux documents générés, côte à côte. */
.oc-download-row {
  display: flex;
  gap: .625rem;
  width: 100%;
  flex-wrap: wrap;
}
.oc-download-row .btn { flex: 1; }

/* Post LinkedIn : zone de texte en lecture seule, police du corps de texte
   (et non monospace) pour refléter le rendu réel sur LinkedIn. */
.oc-linkedin-text {
  font-family: var(--font-body);
  min-height: 16rem;
}