/* ------------------------------------------------------------------
   Facette · Prospects : le calendrier des relances (08/10/2026)
   Que des variables de styles.css (les deux fonds suivent tout seuls),
   plus la couleur de la personne qui relance, celle de Créno, posée
   sur chaque élément par --rp-c (Léo, Alex).
   ------------------------------------------------------------------ */

#vue-prospects{--rp-doux:rgba(255,255,255,0.04);--rp-champ:rgba(255,255,255,0.06);--rp-rouge:#FF8FA6;--rp-vert:#2FD3A5}
html[data-theme="clair"] #vue-prospects,html[data-theme="clair"] .rp-fond{--rp-doux:rgba(60,42,20,0.04);--rp-champ:rgba(60,42,20,0.05);--rp-rouge:#A81447;--rp-vert:#0F6B50}
.rp-fond{--rp-champ:rgba(255,255,255,0.06);--rp-rouge:#FF8FA6}

/* ---- la tête ---- */
#vue-prospects .rp-tete{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:flex-end;justify-content:space-between;margin-top:8px}
#vue-prospects .rp-titre{font-family:var(--display);font-weight:800;font-size:26px;letter-spacing:-0.01em}
#vue-prospects .rp-tete p{color:var(--texte-doux);font-size:14.5px;margin-top:4px;max-width:80ch}
.rp-nouvelle{background:var(--violet);color:#fff;font-weight:700;font-size:14.5px;padding:11px 18px;border-radius:999px;white-space:nowrap}
.rp-nouvelle:hover{filter:brightness(1.1)}
.rp-nouvelle:disabled{opacity:.6;cursor:default}

/* ---- qui : tout le monde / Léo / Alex ---- */
#vue-prospects .rp-barre{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:18px}
#vue-prospects .rp-filtres{display:flex;flex-wrap:wrap;gap:8px}
#vue-prospects .rp-filtres button{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;border:1px solid var(--trait);color:var(--texte-doux);font-size:13.5px;font-weight:600}
#vue-prospects .rp-filtres button i{width:10px;height:10px;border-radius:3px;display:inline-block}
#vue-prospects .rp-filtres button.actif{border-color:var(--trait-fort);color:var(--texte);background:var(--rp-doux)}

/* ---- la recherche ---- */
#vue-prospects .rp-recherche{position:relative;flex:1 1 260px;max-width:420px;margin-left:auto}
#vue-prospects .rp-recherche svg{position:absolute;left:13px;top:50%;width:17px;height:17px;transform:translateY(-50%);fill:none;stroke:var(--texte-faible);stroke-width:2;stroke-linecap:round;pointer-events:none}
#vue-prospects .rp-recherche-champ{width:100%;font:inherit;font-size:14.5px;color:var(--texte);background:var(--rp-champ);border:1px solid var(--trait);border-radius:999px;padding:9px 40px 9px 39px;-webkit-appearance:none;appearance:none}
#vue-prospects .rp-recherche-champ::placeholder{color:var(--texte-faible)}
#vue-prospects .rp-recherche-champ::-webkit-search-cancel-button{-webkit-appearance:none;display:none}
#vue-prospects .rp-recherche-champ:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 3px color-mix(in srgb,var(--violet) 25%,transparent)}
#vue-prospects .rp-recherche:focus-within svg{stroke:var(--texte-doux)}
#vue-prospects .rp-effacer{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;font-size:19px;line-height:1;color:var(--texte-faible)}
#vue-prospects .rp-effacer:hover{color:var(--texte);background:var(--rp-doux)}
#vue-prospects .rp-effacer[hidden]{display:none}
#vue-prospects .rp-resultats{border-color:color-mix(in srgb,var(--violet) 55%,transparent)}
#vue-prospects .rp-compte.rp-compte-recherche{background:var(--violet);color:#fff}
#vue-prospects .rp-aller{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px}
#vue-prospects .rp-aller:hover{color:var(--texte);text-decoration-color:currentColor}
#vue-prospects .rp-vide-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
#vue-prospects .rp-vide-actions:empty{display:none}

/* ---- les blocs ---- */
#vue-prospects .rp-bloc{margin-top:16px}
#vue-prospects .rp-bloc-tete{margin-bottom:14px}
#vue-prospects .rp-bloc-tete h2,#vue-prospects .rp-mois h2{font-family:var(--display);font-weight:700;font-size:19px;letter-spacing:-0.01em;display:flex;align-items:center;gap:10px}
#vue-prospects .rp-bloc-tete p{color:var(--texte-doux);font-size:14px;margin-top:2px}
#vue-prospects .rp-compte{background:var(--orange);color:#2B1600;font-size:13px;font-weight:800;border-radius:999px;padding:1px 9px}
#vue-prospects .rp-vide{color:var(--texte-doux);font-size:14px}
#vue-prospects .rp-astuce{color:var(--texte-faible);font-size:12.5px;margin-top:12px}

/* ---- une relance ---- */
#vue-prospects .rp-cartes{display:grid;gap:10px;align-items:start;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}
#vue-prospects .rp-cartes-colonne{grid-template-columns:1fr}
#vue-prospects .rp-carte{border:1px solid var(--trait);border-left:4px solid var(--rp-c);border-radius:12px;padding:12px 14px;background:var(--rp-doux);min-width:0}
#vue-prospects .rp-carte-haut{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
#vue-prospects .rp-carte h3{font-size:16px;font-weight:700;min-width:0;overflow-wrap:anywhere}
#vue-prospects .rp-qui{background:var(--rp-c);color:#fff;font-size:11.5px;font-weight:700;border-radius:6px;padding:2px 8px;letter-spacing:.02em}
#vue-prospects .rp-retard{color:var(--rp-rouge);font-size:12.5px;font-weight:700}
#vue-prospects .rp-quand{color:var(--texte-faible);font-size:12.5px;margin-left:auto}
#vue-prospects .rp-note{color:var(--texte-doux);font-size:14px;margin-top:6px;white-space:pre-line;overflow-wrap:anywhere}
#vue-prospects .rp-fait-par{color:var(--rp-vert);font-size:13px;font-weight:600;margin-top:6px}
#vue-prospects .rp-faite h3{text-decoration:line-through;text-decoration-thickness:1px;opacity:.7}
#vue-prospects .rp-faite{opacity:.85}
#vue-prospects .rp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}
#vue-prospects .rp-sans-tel{color:var(--texte-faible);font-size:12.5px}
.rp-bouton{border:1px solid var(--trait);color:var(--texte-doux);padding:7px 13px;border-radius:999px;font-size:13px;font-weight:600}
.rp-bouton:hover{border-color:var(--trait-fort);color:var(--texte)}
#vue-prospects .rp-bouton-fait{border-color:var(--rp-c);color:var(--texte)}
#vue-prospects .rp-bouton-fait:hover{background:var(--rp-c);color:#fff}
.rp-discret{border-color:transparent}
#vue-prospects .rp-menu,#vue-prospects .rp-suite{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;padding:10px;border-radius:10px;border:1px dashed var(--trait-fort)}
#vue-prospects .rp-menu button,#vue-prospects .rp-suite button{border:1px solid var(--trait);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;color:var(--texte)}
#vue-prospects .rp-menu button:hover,#vue-prospects .rp-suite button:hover{border-color:var(--rp-c)}
#vue-prospects .rp-menu label{font-size:13px;color:var(--texte-doux);display:inline-flex;align-items:center;gap:6px}
#vue-prospects .rp-suite span{font-size:13.5px;font-weight:600;width:100%}
#vue-prospects .rp-suite .rp-discret{border-color:transparent;color:var(--texte-doux)}
#vue-prospects input[type="date"],.rp-modale input,.rp-modale textarea{font:inherit;color:var(--texte);background:var(--rp-champ);border:1px solid var(--trait);border-radius:10px;padding:7px 10px;color-scheme:dark}
html[data-theme="clair"] #vue-prospects input[type="date"],html[data-theme="clair"] .rp-modale input,html[data-theme="clair"] .rp-modale textarea{color-scheme:light}

/* ---- le calendrier ---- */
#vue-prospects .rp-mois{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:14px}
#vue-prospects .rp-mois h2{min-width:170px;justify-content:center}
#vue-prospects .rp-fleche{width:34px;height:34px;border-radius:50%;border:1px solid var(--trait);font-size:20px;line-height:1;color:var(--texte)}
#vue-prospects .rp-fleche:hover{border-color:var(--trait-fort)}
#vue-prospects .rp-calendrier-corps{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:18px;align-items:start}
#vue-prospects .rp-grille{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
#vue-prospects .rp-entete-jour{font-size:12px;font-weight:700;color:var(--texte-faible);text-transform:uppercase;letter-spacing:.06em;padding:0 6px 4px}
#vue-prospects .rp-jour{display:flex;flex-direction:column;align-items:stretch;gap:3px;min-height:104px;padding:6px;border-radius:10px;border:1px solid var(--trait);text-align:left;min-width:0;background:transparent}
#vue-prospects .rp-jour:hover{border-color:var(--trait-fort);background:var(--rp-doux)}
#vue-prospects .rp-autre-mois{opacity:.4}
#vue-prospects .rp-passe .rp-num{color:var(--texte-faible)}
#vue-prospects .rp-num{font-size:13px;font-weight:700;color:var(--texte-doux);display:flex;align-items:center;gap:6px}
#vue-prospects .rp-ce-jour{border-color:var(--orange)}
#vue-prospects .rp-ce-jour .rp-num{color:var(--orange)}
html[data-theme="clair"] #vue-prospects .rp-ce-jour .rp-num{color:#9A4E00}
#vue-prospects .rp-choisi{border-color:var(--violet);box-shadow:inset 0 0 0 1px var(--violet);background:var(--rp-doux)}
#vue-prospects .rp-oubli{font-style:normal;background:var(--rp-rouge);color:#fff;border-radius:999px;width:15px;height:15px;font-size:10.5px;display:inline-flex;align-items:center;justify-content:center}
html[data-theme="clair"] #vue-prospects .rp-oubli{color:#fff}
#vue-prospects .rp-puce{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--texte);background:color-mix(in srgb,var(--rp-c) 22%,transparent);border-radius:5px;padding:2px 5px;min-width:0}
#vue-prospects .rp-puce i{flex:0 0 auto;width:7px;height:7px;border-radius:2px;background:var(--rp-c)}
#vue-prospects .rp-puce span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#vue-prospects .rp-puce-faite{opacity:.5;text-decoration:line-through}
#vue-prospects .rp-plus{font-size:11.5px;color:var(--texte-faible);padding-left:4px}

/* ---- le panneau à droite ---- */
#vue-prospects .rp-panneau{border:1px solid var(--trait);border-radius:12px;padding:14px;min-width:0}
#vue-prospects .rp-panneau-tete{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
#vue-prospects .rp-panneau-tete h3{font-family:var(--display);font-size:16px;font-weight:700}
#vue-prospects .rp-panneau-sous{color:var(--texte-doux);font-size:13.5px;margin:-4px 0 10px}
#vue-prospects .rp-fermer{font-size:22px;line-height:1;color:var(--texte-faible);padding:0 4px}
#vue-prospects .rp-fermer:hover{color:var(--texte)}
#vue-prospects .rp-ajouter-jour{margin-top:12px;width:100%;border:1px dashed var(--trait-fort);border-radius:10px;padding:10px;font-weight:600;color:var(--texte-doux)}
#vue-prospects .rp-ajouter-jour:hover{color:var(--texte);border-color:var(--violet)}

/* ---- le formulaire ---- */
.rp-fond{position:fixed;inset:0;z-index:90;background:rgba(8,4,20,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.rp-modale{width:min(100%,460px);max-height:calc(100vh - 32px);overflow:auto;background:var(--carte);border:1px solid var(--trait-fort);border-radius:var(--rayon);padding:20px;display:grid;gap:12px;color:var(--texte);box-shadow:0 30px 80px -30px rgba(0,0,0,.6)}
.rp-modale h3{font-family:var(--display);font-size:19px;font-weight:700}
.rp-choix-qui{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.rp-choix-qui legend{font-size:13px;color:var(--texte-doux);margin-bottom:6px;padding:0}
.rp-choix-qui label{cursor:pointer}
.rp-choix-qui input{position:absolute;opacity:0;pointer-events:none}
.rp-choix-qui span{display:inline-block;padding:8px 18px;border-radius:999px;border:2px solid var(--rp-c);font-weight:700;font-size:14px}
.rp-choix-qui input:checked+span{background:var(--rp-c);color:#fff}
.rp-choix-qui input:focus-visible+span{outline:2px solid var(--texte);outline-offset:2px}
.rp-champ{display:grid;gap:5px;font-size:13px;color:var(--texte-doux)}
.rp-champ input,.rp-champ textarea{font-size:15px;width:100%}
.rp-champ textarea{resize:vertical}
.rp-raccourcis{display:flex;flex-wrap:wrap;gap:6px;margin-top:-4px}
.rp-raccourcis button{border:1px solid var(--trait);border-radius:999px;padding:5px 11px;font-size:12.5px;color:var(--texte-doux)}
.rp-raccourcis button:hover{color:var(--texte);border-color:var(--trait-fort)}
.rp-erreur{color:var(--rp-rouge);font-size:13.5px}
.rp-modale-boutons{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;align-items:center;margin-top:4px}
.rp-supprimer{margin-right:auto;color:var(--rp-rouge);font-size:13.5px;font-weight:600}

/* ---- écrans moyens et téléphone ---- */
@media (max-width:1100px){
  #vue-prospects .rp-calendrier-corps{grid-template-columns:1fr}
}
@media (max-width:700px){
  #vue-prospects .rp-titre{font-size:22px}
  #vue-prospects .rp-nouvelle{width:100%}
  #vue-prospects .rp-recherche{flex-basis:100%;max-width:none;margin-left:0}
  #vue-prospects .rp-recherche-champ{font-size:16px}
  #vue-prospects .rp-grille{gap:2px}
  #vue-prospects .rp-entete-jour{padding:0 0 4px;text-align:center;font-size:10.5px;letter-spacing:0}
  #vue-prospects .rp-jour{min-height:54px;padding:4px 2px;align-items:center;flex-flow:row wrap;justify-content:center;align-content:flex-start;gap:3px}
  #vue-prospects .rp-num{width:100%;justify-content:center;font-size:12px;gap:2px}
  #vue-prospects .rp-oubli{width:12px;height:12px;font-size:9px}
  /* sur téléphone, une pastille par relance ; les noms sont dans le panneau du jour */
  #vue-prospects .rp-puce{background:none;padding:0}
  #vue-prospects .rp-puce span{display:none}
  #vue-prospects .rp-puce i{width:8px;height:8px;border-radius:50%}
  #vue-prospects .rp-plus{font-size:10px;padding:0}
}