/* ===== Section MARKETING (file à valider) ===== */
#vue-marketing{ max-width:640px; margin:0 auto; padding:16px 16px calc(28px + env(safe-area-inset-bottom,0px)); }
.mk-ajout{ width:100%; margin:0 0 16px; height:52px; border-radius:16px; background:var(--teal); color:#062a27; font-weight:800; font-size:1.02rem; display:flex; align-items:center; justify-content:center; gap:8px; }
.mk-ajout:active{ background:var(--teal-600); }
.mk-groupe{ margin:10px 2px 10px; font-size:.78rem; text-transform:uppercase; letter-spacing:.08em; color:var(--muted); }
.mk-vide{ text-align:center; color:var(--muted); padding:34px 12px; }
.mk-vide strong{ display:block; color:var(--text); font-size:1.1rem; margin-bottom:6px; }

.mk-carte{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:14px 16px; margin-bottom:12px; }
.mk-carte.attente{ border-left:4px solid var(--gold); }
.mk-tete{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:8px; }
.mk-badge{ font-size:.68rem; font-weight:700; letter-spacing:.4px; text-transform:uppercase; padding:3px 9px; border-radius:999px; border:1px solid var(--line); }
.mk-statut.attente{ color:var(--gold); background:rgba(231,185,60,.12); border-color:rgba(231,185,60,.35); }
.mk-statut.valide{ color:var(--teal); background:rgba(46,230,214,.12); border-color:rgba(46,230,214,.35); }
.mk-statut.publie{ color:var(--green); background:rgba(61,220,132,.14); border-color:rgba(61,220,132,.35); }
.mk-statut.refuse{ color:var(--muted); background:var(--bg-alt); }
.mk-source{ color:var(--muted); }
.mk-canal{ color:var(--blue); background:rgba(59,160,224,.12); border-color:rgba(59,160,224,.3); }
.mk-date{ margin-left:auto; color:var(--muted); font-size:.75rem; }
.mk-contenu{ white-space:pre-wrap; line-height:1.45; }
.mk-media{ margin-top:10px; border-radius:12px; max-width:100%; max-height:200px; display:block; border:1px solid var(--line); }
.mk-actions{ display:flex; gap:8px; margin-top:12px; flex-wrap:wrap; }
.mk-btn{ flex:1; min-width:96px; height:44px; border-radius:12px; font-weight:700; font-size:.9rem; display:inline-flex; align-items:center; justify-content:center; gap:6px; border:1px solid var(--line); background:var(--bg-alt); color:var(--text); }
.mk-btn:active{ transform:scale(.97); }
.mk-btn.ok{ background:var(--green); color:#062a12; border-color:var(--green); }
.mk-btn.mod{ color:var(--muted); }
.mk-btn.suppr{ flex:0 0 auto; min-width:0; padding:0 14px; color:#ff8a80; }
.mk-note{ text-align:center; color:var(--muted); font-size:.82rem; margin-top:8px; }