/* ColdPipe — thèmes optionnels.
   Le thème par défaut n'est PAS touché : tout ici est encapsulé sous
   html[data-theme="…"], qui n'est posé que si l'agent choisit un thème dans
   ses réglages. Les deux apps (app.html, m.html) chargent ce fichier.

   Règle de base : on ne repeint que le décor (fond, surfaces, accent
   principal). Vert = gagné, rouge = perdu, jaune = rappel gardent leur sens —
   un badge de statut doit rester lisible d'un coup d'œil. */

/* ── Valentine : rose poudré, accent framboise ─────────────────────────── */
html[data-theme="valentine"]{
  --paper:#fdf1f6; --surface:#fffafc; --surface-2:#fdf3f8; --surface-3:#f9e6f0;
  --ink:#26101c; --ink-2:#6d4c5c; --ink-3:#a5808f;
  --line:#f3dce8; --line-2:#e8c3d8; --hard:#26101c;
  --blue:#d6337f; --blue-d:#b12566; --blue-soft:#fde3ef;
  --red:#d92d4e; --red-soft:#fde8ec;
  --yellow:#f3b52a; --yellow-soft:#fdf2d8;
  --green:#19895c; --green-soft:#e2f3ec;
  --sh-soft:0 1px 2px rgba(120,30,75,.05), 0 8px 22px rgba(120,30,75,.07);
}
/* Le sigle : le rond devient un cœur, le triangle rosit. */
html[data-theme="valentine"] .geo .c{
  background:var(--blue);border-radius:0;
  -webkit-mask:var(--cp-heart) center/contain no-repeat;mask:var(--cp-heart) center/contain no-repeat;
}
html[data-theme="valentine"] .geo .t{border-bottom-color:#f39ec6}
html[data-theme="valentine"] .geo .s{background:#8e2f6b}
html[data-theme="valentine"]{
  --cp-heart:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-8-5.1-8-10.4A4.6 4.6 0 0 1 12 7a4.6 4.6 0 0 1 8 3.6C20 15.9 12 21 12 21z'/%3E%3C/svg%3E");
}
/* Le bouton « Chaud → CRM » : c'est LE moment de la journée. */
html[data-theme="valentine"] .dispbtn.hot,
html[data-theme="valentine"] .dbtn.hot{
  background:linear-gradient(135deg,#e34b93,#c02370);border-color:#c02370;
}

/* ── Couche d'effets (confettis, cœurs, paillettes) ────────────────────── */
/* Purement décorative : elle ne reçoit aucun clic, et disparaît toute seule.
   Composer le prospect suivant reste possible pendant l'animation. */
#cp-fx{position:fixed;inset:0;z-index:95;pointer-events:none;display:block}
#cp-fx-flash{position:fixed;inset:0;z-index:94;pointer-events:none;opacity:0;
  background:radial-gradient(ellipse at 50% 60%,rgba(214,51,127,.22),transparent 62%);
  transition:opacity .45s ease-out}
#cp-fx-flash.on{opacity:1;transition:opacity .12s ease-out}
@media (prefers-reduced-motion: reduce){
  #cp-fx{display:none}
}