/* Lot B3 (22/10) : la file des reprises en ligne (Offres › Reprises) et le bloc « Reprises » de la fiche.
   Recadrage du 21/10 : jetons --ap-… seulement (texte 13 px, grille de 4 px, filets, un seul bleu d'action,
   trois couleurs d'état) ; une ligne de tableau par reprise ; la reprise ouverte à côté de la liste au grand
   écran, à sa place au téléphone ; aucun cadre dans un cadre. */
.rpv{font-family:var(--ap-police);font-size:var(--ap-t-m);line-height:var(--ap-li);color:hsl(var(--ap-encre));display:flex;flex-direction:column;gap:var(--ap-e3);max-width:1600px;margin:0 auto;padding:var(--ap-e3) var(--ap-e4) var(--ap-e5);box-sizing:border-box;width:100%}
.rpv-tete{display:flex;align-items:center;gap:var(--ap-e2) var(--ap-e3);flex-wrap:wrap;min-height:var(--ap-h-ctrl-l)}
.rpv-tete h1{margin:0;font-size:var(--ap-t-titre);font-weight:var(--ap-g-titre);line-height:var(--ap-li-serre)}
.rpv-n{font-size:var(--ap-t-s);font-weight:var(--ap-g-titre);color:hsl(var(--ap-ambre));background:hsl(var(--ap-ambre-doux));border-radius:var(--ap-r-s);padding:2px var(--ap-e2)}
.rpv-n:empty{display:none}
.rpv-cherche{flex:1 1 240px;max-width:360px;min-width:0;height:var(--ap-h-ctrl);padding:0 var(--ap-e3);border:1px solid hsl(var(--ap-trait-fort));border-radius:var(--ap-r-s);font:inherit;font-size:var(--ap-t-m);background:hsl(var(--ap-carte));color:hsl(var(--ap-encre))}
.rpv-cherche:focus,.rpv-in:focus,.rpv-champ input:focus,.rpv-note:focus{outline:2px solid hsl(var(--ap-action)/.35);border-color:hsl(var(--ap-action))}
.rpv-gestes{margin-left:auto;display:flex;gap:var(--ap-e2);align-items:center}
.rpv-onglets{display:flex;gap:0;border:1px solid hsl(var(--ap-trait-fort));border-radius:var(--ap-r-s);overflow-x:auto;align-self:flex-start;max-width:100%;background:hsl(var(--ap-carte))}
.rpv-onglets button{height:calc(var(--ap-h-ctrl) - 2px);padding:0 var(--ap-e3);border:0;border-left:1px solid hsl(var(--ap-trait));background:none;font:inherit;font-size:var(--ap-t-s);color:hsl(var(--ap-encre));cursor:pointer;display:inline-flex;align-items:center;gap:var(--ap-e1);white-space:nowrap}
.rpv-onglets button:first-child{border-left:0}
.rpv-onglets button.on{background:hsl(var(--ap-action-doux));color:hsl(var(--ap-action-fort));font-weight:var(--ap-g-titre)}
.rpv-c{font-size:var(--ap-t-xs);color:hsl(var(--ap-doux));font-weight:var(--ap-g-moyen);margin-left:var(--ap-e1)}
.rpv-filtre{margin:0;display:flex;align-items:center;gap:var(--ap-e2);font-weight:var(--ap-g-moyen)}
.rpv-phrase{margin:0;font-size:var(--ap-t-s);color:hsl(var(--ap-doux))}
.rpv-msg{margin:0;font-size:var(--ap-t-s);font-weight:var(--ap-g-moyen);color:hsl(var(--ap-ambre))}
.rpv-msg.ok{color:hsl(var(--ap-vert))}
.rpv-msg.non{color:hsl(var(--ap-rouge))}
.rpv-b{display:inline-flex;align-items:center;height:var(--ap-h-ctrl);padding:0 var(--ap-e3);border:1px solid hsl(var(--ap-trait-fort));border-radius:var(--ap-r-s);background:hsl(var(--ap-carte));color:hsl(var(--ap-encre));font:inherit;font-size:var(--ap-t-s);font-weight:var(--ap-g-titre);cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.rpv-b:hover{background:hsl(var(--ap-fond))}
.rpv-b.prim{background:hsl(var(--ap-action));border-color:hsl(var(--ap-action));color:hsl(var(--ap-carte))}
.rpv-b.prim:hover{background:hsl(var(--ap-action-fort))}
.rpv-b.rouge{color:hsl(var(--ap-rouge));border-color:hsl(var(--ap-rouge)/.5)}
.rpv-b:disabled{opacity:.45;cursor:default}
.rpv-lien{color:hsl(var(--ap-action));text-decoration:none;font-weight:var(--ap-g-moyen);background:none;border:0;padding:0;font:inherit;font-size:var(--ap-t-m);cursor:pointer;text-align:left}
.rpv-tag{display:inline-block;font-size:var(--ap-t-xs);font-weight:var(--ap-g-titre);padding:2px var(--ap-e2);border-radius:var(--ap-r-s);background:hsl(var(--ap-gris-doux));color:hsl(var(--ap-doux));white-space:nowrap}
.rpv-tag.rouge{color:hsl(var(--ap-rouge));background:hsl(var(--ap-rouge-doux))}
.rpv-tag.orange{color:hsl(var(--ap-ambre));background:hsl(var(--ap-ambre-doux))}
.rpv-tag.vert{color:hsl(var(--ap-vert));background:hsl(var(--ap-vert-doux))}
/* La liste et le volet. */
.rpv-plan{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ap-e3);align-items:start}
.rpv-avec-volet .rpv-plan{grid-template-columns:minmax(0,1fr) minmax(420px,520px)}
.rpv-liste{display:flex;flex-direction:column;gap:var(--ap-e3);min-width:0}
.rpv-t{width:100%;border-collapse:collapse;background:hsl(var(--ap-carte));border:1px solid hsl(var(--ap-trait));border-radius:var(--ap-r-l);box-shadow:var(--ap-ombre-1);overflow:hidden}
.rpv-t caption,.rpv-traitees>summary{text-align:left;font-size:var(--ap-t-xs);font-weight:var(--ap-g-titre);color:hsl(var(--ap-doux));text-transform:uppercase;letter-spacing:.02em;padding:0 0 var(--ap-e1)}
.rpv-t caption .rpv-point,.rpv-traitees>summary .rpv-point{margin-right:var(--ap-e1);vertical-align:middle}
.rpv-traitees>summary{cursor:pointer;list-style:none;padding-bottom:var(--ap-e2);display:flex;align-items:center}
.rpv-traitees>summary::-webkit-details-marker{display:none}
.rpv-traitees>summary::after{content:"›";margin-left:var(--ap-e1)}
.rpv-traitees[open]>summary::after{content:"⌄"}
.rpv-traitees .rpv-l{opacity:.75}
.rpv-point{width:6px;height:6px;border-radius:3px;background:hsl(var(--ap-doux)/.5);display:inline-block}
.rpv-point.orange{background:hsl(var(--ap-ambre-vif))}
.rpv-t th{text-align:left;font-size:var(--ap-t-xs);font-weight:var(--ap-g-titre);color:hsl(var(--ap-doux));text-transform:uppercase;letter-spacing:.02em;padding:var(--ap-e2) var(--ap-e3);border-bottom:1px solid hsl(var(--ap-trait))}
.rpv-t td{padding:6px var(--ap-e3);border-top:1px solid hsl(var(--ap-trait));vertical-align:middle;max-width:300px}
.rpv-t .r{text-align:right}
.rpv-t .num,.rpv .num{font-variant-numeric:tabular-nums}
.rpv-t td small{display:block;font-size:var(--ap-t-s);color:hsl(var(--ap-doux));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rpv-l{cursor:pointer}
.rpv-l:hover{background:hsl(var(--ap-fond))}
.rpv-l.rpv-a-faire td:first-child{box-shadow:inset 2px 0 0 hsl(var(--ap-ambre-vif))}
.rpv-l.sel{background:hsl(var(--ap-action-doux))}
.rpv-age{white-space:nowrap}
.rpv-veh{display:flex;align-items:center;gap:var(--ap-e2);min-width:0}
.rpv-vig{width:56px;height:38px;border-radius:var(--ap-r-s);object-fit:cover;background:hsl(var(--ap-gris-doux));flex:none}
.rpv-lib{display:flex;flex-direction:column;min-width:0}
.rpv-lib b{font-weight:var(--ap-g-titre);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rpv-interet{color:hsl(var(--ap-action-fort)) !important}
.rpv-manque{display:block;font-size:var(--ap-t-xs);color:hsl(var(--ap-ambre));font-weight:var(--ap-g-moyen)}
.rpv-att{white-space:nowrap;font-size:var(--ap-t-s);font-weight:var(--ap-g-moyen);color:hsl(var(--ap-doux))}
.rpv-att.orange{color:hsl(var(--ap-ambre))}
.rpv-att.rouge{color:hsl(var(--ap-rouge))}
.rpv-att.vert{color:hsl(var(--ap-vert))}
.rpv-att.action{color:hsl(var(--ap-action-fort))}
/* La reprise ouverte : un bloc, des sections séparées par un filet. */
.rpv-volet{background:hsl(var(--ap-carte));border:1px solid hsl(var(--ap-trait));border-radius:var(--ap-r-l);box-shadow:var(--ap-ombre-1);padding:var(--ap-e3) var(--ap-e4);display:flex;flex-direction:column;gap:var(--ap-e3);position:sticky;top:var(--ap-e3);max-height:calc(100vh - 88px);overflow-y:auto;box-sizing:border-box;min-width:0}
.rpv-volet>*{flex-shrink:0}
.rpv-v-tete{display:flex;align-items:center;gap:var(--ap-e2);flex-wrap:wrap}
.rpv-v-tete h2{margin:0;font-size:var(--ap-t-l);font-weight:var(--ap-g-titre);flex:1 1 auto;min-width:0}
.rpv-retour{display:none}
.rpv-x{width:var(--ap-h-ctrl);justify-content:center;padding:0}
.rpv-bandeau{margin:0;padding:var(--ap-e2) var(--ap-e3);border-radius:var(--ap-r-m);background:hsl(var(--ap-gris-doux));font-size:var(--ap-t-s)}
.rpv-bandeau.orange{background:hsl(var(--ap-ambre-doux));color:hsl(var(--ap-ambre))}
.rpv-photos{display:flex;gap:var(--ap-e2);overflow-x:auto;padding-bottom:2px}
.rpv-photos a{flex:none;display:flex;flex-direction:column;align-items:center;text-decoration:none;color:hsl(var(--ap-doux));font-size:var(--ap-t-xs)}
.rpv-photos img{width:96px;height:64px;object-fit:cover;border-radius:var(--ap-r-s);background:hsl(var(--ap-gris-doux));display:block}
.rpv-cg img{outline:2px solid hsl(var(--ap-trait-fort))}
.rpv-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ap-e2) var(--ap-e3)}
.rpv-kv{display:flex;flex-direction:column;min-width:0}
.rpv-kv span{font-size:var(--ap-t-xs);color:hsl(var(--ap-doux));text-transform:uppercase;letter-spacing:.02em}
.rpv-kv b{font-weight:var(--ap-g-moyen);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rpv-client{display:flex;align-items:center;gap:var(--ap-e2);flex-wrap:wrap}
.rpv-pli>summary{cursor:pointer;font-size:var(--ap-t-s);font-weight:var(--ap-g-titre);color:hsl(var(--ap-doux))}
.rpv-texte{margin:var(--ap-e1) 0 0;white-space:pre-wrap;font-size:var(--ap-t-s)}
.rpv-sec{display:flex;flex-direction:column;gap:var(--ap-e2);border-top:1px solid hsl(var(--ap-trait));padding-top:var(--ap-e3)}
.rpv-sec h3{margin:0;font-size:var(--ap-t-m);font-weight:var(--ap-g-titre);display:flex;align-items:center;gap:var(--ap-e2)}
.rpv-champs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ap-e2)}
.rpv-champ{display:flex;flex-direction:column;gap:2px;font-size:var(--ap-t-xs);color:hsl(var(--ap-doux))}
.rpv-champ input,.rpv-in,.rpv-note{height:var(--ap-h-ctrl);padding:0 var(--ap-e2);border:1px solid hsl(var(--ap-trait-fort));border-radius:var(--ap-r-s);font:inherit;font-size:var(--ap-t-m);background:hsl(var(--ap-carte));color:hsl(var(--ap-encre));box-sizing:border-box;min-width:0;width:100%}
.rpv-champ input:disabled{background:hsl(var(--ap-fond));color:hsl(var(--ap-encre))}
.rpv-note{height:auto;padding:var(--ap-e1) var(--ap-e2);resize:vertical}
.rpv-sec>a.ap-v1,.rpv-sec>.rpv-ligne-gestes>a.ap-v1{align-self:flex-start}
.rpv-ligne-gestes{display:flex;align-items:center;gap:var(--ap-e2);flex-wrap:wrap}
.rpv-seg{display:inline-flex;border:1px solid hsl(var(--ap-trait-fort));border-radius:var(--ap-r-s);overflow:hidden;align-self:flex-start}
.rpv-seg button{height:calc(var(--ap-h-ctrl) - 2px);padding:0 var(--ap-e4);border:0;border-left:1px solid hsl(var(--ap-trait));background:hsl(var(--ap-carte));font:inherit;font-size:var(--ap-t-s);cursor:pointer;color:hsl(var(--ap-encre))}
.rpv-seg button:first-child{border-left:0}
.rpv-seg button.on{background:hsl(var(--ap-action-doux));color:hsl(var(--ap-action-fort));font-weight:var(--ap-g-titre)}
.rpv-choix{display:flex;flex-direction:column;gap:var(--ap-e2);padding:var(--ap-e2);background:hsl(var(--ap-fond));border-radius:var(--ap-r-m)}
.rpv-autres{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.rpv-autres li{padding:2px 0}
/* Bloc « Reprises » de la carte Offres de la fiche. */
.rpv-fiche{display:flex;flex-direction:column;gap:var(--ap-e1);margin-top:var(--ap-e3);padding-top:var(--ap-e2);border-top:1px solid hsl(var(--ap-trait))}
.rpv-fiche h4{margin:0;font-size:var(--ap-t-xs);font-weight:var(--ap-g-titre);color:hsl(var(--ap-doux));text-transform:uppercase;letter-spacing:.02em}
.rpv-fiche ul{list-style:none;margin:0;padding:0}
.rpv-fiche li{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:var(--ap-e3);align-items:center;padding:6px 0;border-top:1px solid hsl(var(--ap-trait))}
.rpv-fiche li:first-child{border-top:0}
.rpv-fiche small{font-size:var(--ap-t-s);color:hsl(var(--ap-doux))}
@media (max-width:1700px){
  .rpv-avec-volet .rpv-cache-volet{display:none}
}
@media (max-width:1180px){
  .rpv-avec-volet .rpv-plan{grid-template-columns:minmax(0,1fr)}
  .rpv-avec-volet .rpv-liste{display:none}
  .rpv-avec-volet .rpv-onglets,.rpv-avec-volet .rpv-filtre{display:none}
  .rpv-volet{position:static;max-height:none}
  .rpv-retour{display:inline-flex}
  .rpv-x{display:none}
}
@media (max-width:700px){
  .rpv{padding:var(--ap-e2) var(--ap-e4) var(--ap-e5)}
  .rpv-cache-tel{display:none}
  .rpv-cherche{max-width:none;flex-basis:100%;order:3}
  .rpv-t td{max-width:none}
  .rpv-vig{width:44px;height:30px}
  .rpv-grille,.rpv-champs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rpv-volet{padding:var(--ap-e3)}
  .rpv-fiche li{grid-template-columns:minmax(0,1fr) auto;row-gap:var(--ap-e1)}
}
