/* Composeur de publication (06/09/2026) : une seule presentation pour le
   profil, le fil, la fenetre de la barre et la page Mon actualite.
   Charte : bleu #0c376b, vert #8abf56, texte #10131b, gris #67748a,
   bordures #d9e1ec, fonds #f6f8fc / #e6eef8. */
.btb-cp{position:relative;font-family:inherit;color:#10131b}
.btb-cp-tete{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.btb-cp-tete img,.btb-cp-tete .btb-cp-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:#e6eef8;flex:none}
.btb-cp-tete .btb-cp-nom{font-weight:700;font-size:15px;line-height:1.2}
.btb-cp-tete .btb-cp-sous{font-size:12px;color:#67748a}
.btb-cp-texte{display:block;width:100%;box-sizing:border-box;min-height:96px;max-height:480px;resize:none;border:0;outline:0;background:transparent;font:inherit;font-size:17px;line-height:1.45;color:#10131b;padding:6px 2px}
.btb-cp-texte::placeholder{color:#98a4b6}
.btb-cp-texte:focus{outline:0}
.btb-cp-apercus{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(96px, 100%), 1fr));gap:8px;margin:8px 0 4px}
.btb-cp-apercus[hidden]{display:none}
.btb-cp-apercu{position:relative;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:#e9eef5;border:1px solid #d9e1ec}
.btb-cp-apercu img,.btb-cp-apercu video{width:100%;height:100%;object-fit:cover;display:block}
.btb-cp-badge{position:absolute;left:6px;bottom:6px;background:rgba(16,19,27,.7);color:#fff;border-radius:999px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:11px}
.btb-cp-retirer{position:absolute;top:4px;right:4px;width:26px;height:26px;border-radius:50%;border:0;background:rgba(16,19,27,.72);color:#fff;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.btb-cp-retirer:hover{background:#0c376b}
.btb-cp-barre{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid #e3e9f1;padding-top:10px;margin-top:8px}
.btb-cp-ajout{appearance:none;display:inline-flex;align-items:center;gap:8px;border:1px solid #d9e1ec;background:#f6f8fc;color:#0c376b;border-radius:999px;padding:9px 14px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.btb-cp-ajout:hover{background:#e6eef8}
.btb-cp-ajout i{color:#8abf56;font-size:16px}
.btb-cp-ajout:disabled,.btb-cp-ajout.btb-cp-plein{opacity:.5;cursor:not-allowed}
.btb-cp-compteur{font-size:12.5px;color:#67748a}
.btb-cp-sep{flex:1}
.btb-cp-publier,.btb-cp button[type="submit"]{appearance:none;border:0;background:#0c376b;color:#fff;border-radius:999px;padding:10px 22px;font:inherit;font-size:15px;font-weight:700;cursor:pointer;min-width:120px}
.btb-cp-publier:hover,.btb-cp button[type="submit"]:hover{background:#0a2d58}
.btb-cp button[type="submit"]:disabled,.btb-cp button[type="submit"].btb-cp-inactif{background:#d9e1ec;color:#67748a;cursor:not-allowed}
.btb-cp-erreur{font-size:13px;color:#b42318;margin-top:6px}
.btb-cp-erreur[hidden]{display:none}
.btb-cp-regle{font-size:12px;color:#98a4b6;margin-top:6px}
.btb-cp-survol{outline:2px dashed #8abf56;outline-offset:4px;border-radius:12px}
@media (max-width:480px){
  .btb-cp-texte{font-size:16px}
  .btb-cp-barre{gap:8px}
  .btb-cp-publier,.btb-cp button[type="submit"]{width:100%}
  .btb-cp-apercus{grid-template-columns:repeat(3,1fr)}
}