/* marketing.css — page Marketing (vague 2) : bandeau du mode simulé, onglets, calendrier, cartes, barres. */
.mk-mode { margin: 12px 0 0; padding: 9px 12px; border-radius: 8px; background: var(--amber-bg); color: var(--amber); font-size: 13px; }
.mk-mode .faint { display: block; margin-top: 2px; }
.mk-onglets { margin-top: 14px; flex-wrap: wrap; max-width: 100%; }
.mk-alerte { border-color: rgba(208, 32, 42, .5); background: var(--red-bg); color: var(--red-2); margin-top: 14px; }
.mk-jour { margin-top: 14px; }
.mk-jour h3 { text-transform: capitalize; margin: 0 0 8px; font-size: 13px; color: var(--muted); }
.mk-pub { border: 1px solid var(--line-2); border-radius: var(--radius); padding: 10px 12px; margin-bottom: 10px; background: var(--panel-2); }
.mk-pub.approuvee { border-color: rgba(59, 130, 246, .45); }
.mk-pub.publiee { border-color: rgba(34, 197, 94, .35); }
.mk-pub.refusee, .mk-pub.annulee { opacity: .65; }
.mk-pub-h { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-bottom: 6px; }
.mk-pub-c { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 6px; }
.mk-pub-c img { width: 120px; height: 90px; object-fit: cover; border-radius: 8px; background: #fff; flex: none; }
.mk-texte { white-space: pre-wrap; margin: 4px 0 6px; font-size: 13.5px; }
.mk-pub .actions { margin-top: 8px; display: flex; gap: 8px; flex-wrap: wrap; }
.mk-etoiles { color: #ffc21a; letter-spacing: 1px; }
.mk-barres { display: flex; align-items: flex-end; gap: 6px; height: 150px; padding-top: 10px; }
.mk-barre { flex: 1; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; height: 100%; gap: 3px; }
.mk-barre span { display: block; width: 100%; max-width: 28px; min-height: 2px; border-radius: 4px 4px 0 0; background: var(--red); }
.mk-barre small, .mk-barre b { color: var(--faint); font-size: 11px; font-weight: 600; }
@media (max-width: 560px) {
  .mk-pub-c { flex-direction: column; }
  .mk-pub-c img { width: 100%; height: 160px; }
  .mk-onglets button { padding: 6px 9px; font-size: 12.5px; }
}

/* Marketing simple (2 nov. 2026) */
.mkp-h2 { margin: 30px 0 12px; font-size: 22px; }
.mkp-avert { background: var(--amber-bg); border: 1px solid var(--amber); border-radius: 12px; padding: 10px 16px; color: var(--amber); font-weight: 600; }
.mkp-gros { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; }
.mkp-chiffre { background: var(--panel); border: 1px solid var(--line); border-radius: 20px; padding: 22px 24px; display: flex; flex-direction: column; gap: 2px; }
.mkp-chiffre b { font-size: 54px; line-height: 1; font-weight: 800; } .mkp-chiffre span { color: var(--muted); font-size: 16px; } .mkp-chiffre em { font-style: normal; color: var(--green); font-size: 14px; font-weight: 700; }
.mkp-total { background: linear-gradient(135deg, var(--red-bg), var(--panel)); border-color: var(--red); } .mkp-total b { font-size: 72px; }
.mkp-grille { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 20px; }
.mkp-pub { background: var(--panel); border: 1px solid var(--line); border-radius: 20px; overflow: hidden; display: flex; flex-direction: column; }
.mkp-img { position: relative; aspect-ratio: 4 / 3; background: var(--panel-2); } .mkp-img img { width: 100%; height: 100%; object-fit: cover; display: block; } .mkp-img .pill { position: absolute; top: 12px; left: 12px; }
.mkp-vide { height: 100%; display: grid; place-items: center; font-size: 64px; opacity: .5; }
.mkp-corps { padding: 14px 18px; display: flex; flex-direction: column; gap: 6px; flex: 1; } .mkp-corps b { font-size: 19px; } .mkp-texte { font-size: 15px; line-height: 1.45; max-height: 6.5em; overflow: hidden; }
.mkp-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 0; } .mkp-actions button { border: 0; padding: 18px; font: inherit; font-size: 18px; font-weight: 800; cursor: pointer; color: #fff; }
.mkp-oui { background: #16a34a; } .mkp-oui:hover { background: #15803d; } .mkp-non { background: #3a3a42; } .mkp-non:hover { background: var(--red); }
.mkp-vide-g { background: var(--panel); border: 1px dashed var(--line-2); border-radius: 20px; padding: 34px; display: flex; flex-direction: column; align-items: center; gap: 16px; font-size: 18px; color: var(--muted); }
.mkp-camp { background: var(--panel); border: 1px solid var(--line); border-radius: 20px; padding: 22px; display: flex; flex-direction: column; gap: 16px; }
.mkp-obj { font-size: 20px; padding: 16px 18px; }
.mkp-plats { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; }
.mkp-plat { text-align: left; border: 2px solid var(--c); background: color-mix(in srgb, var(--c) 22%, var(--panel)); color: inherit; border-radius: 18px; padding: 24px 22px; cursor: pointer; font: inherit; display: flex; flex-direction: column; gap: 6px; transition: transform .12s; } .mkp-plat:hover:not(:disabled) { transform: translateY(-3px); } .mkp-plat b { font-size: 22px; } .mkp-plat span { color: var(--muted); font-size: 14px; }
.mkp-avis { display: grid; grid-template-columns: 240px 1fr; gap: 16px; } .mkp-note { background: var(--panel); border: 1px solid var(--line); border-radius: 20px; padding: 22px; display: flex; flex-direction: column; justify-content: center; } .mkp-note b { font-size: 58px; line-height: 1; } .mkp-note span { color: var(--muted); }
.mkp-un-avis { background: var(--panel); border: 1px solid var(--line); border-radius: 16px; padding: 14px 18px; margin-bottom: 10px; }
.mkp-plus { margin-top: 34px; } .mkp-plus summary { cursor: pointer; color: var(--muted); font-size: 14px; } .mkp-liens { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
@media (max-width: 800px) { .mkp-avis { grid-template-columns: 1fr; } .mkp-total b { font-size: 56px; } }