/* Séries en cours dans le style de la V2 de /app (series-iv.js), chargé par
   la preview seule. Rien ne défile de côté, de 320 à 1440 px. */
.wrap{margin:0 auto;padding:16px 16px 60px}
.sr .iv-tete{margin-bottom:12px}
/* L'en-tête reprend celui de /app (classes de intuitif.css) : les stats en
   gros boutons, une rangée de filtres rapides, le panneau ⚙️ Filtres. Sur
   téléphone, six boutons de stats : les libellés courts dès 480 px. */
@media(max-width:480px){.sr-stats .iv-stats-l{display:none}.sr-stats .iv-stats-c{display:inline}
  .sr-stats>button,.sr-stats .iv-stats-s{font-size:13.5px}.sr-stats .iv-stats-s select{font-size:13px;padding:0 10px 0 1px}
  .sr-stats .iv-stats-ch{right:3px}}
@media(max-width:360px){.sr-stats>button,.sr-stats .iv-stats-s{font-size:13px;padding:0 2px}.sr-stats .iv-stats-s select{font-size:12.5px}}
.sr-rap button{white-space:nowrap}
.sr-rap .sr-o{color:#4ade80}
.sr-rap .sr-u{color:#f87171}
.sr-fil .iv-reg-p b{font-family:var(--m);color:#fff;font-weight:800}
.sr-fil .iv-reg-p button.on b{color:#4ade80}
.sr .iv-factifs button>span{margin-left:6px}
/* Le nombre de séries et le tri, au-dessus de la liste. */
.sr-barre{margin:2px 0 10px}
.sr .sr-barre{display:flex;justify-content:space-between}   /* /app la cache sur ordinateur (en-têtes de colonnes) */
.sr-barre .iv-th-n{font-size:15.5px;min-width:0}
/* Le tri, un petit menu : « Cote la plus haute » y tient en entier. */
.sr-barre .iv-th-s{flex:none}
.sr-barre .iv-th-s select{max-width:none}

/* Une carte par série : le joueur, la série, ses derniers matchs. */
.sr-liste{display:flex;flex-direction:column;gap:10px}
@media(min-width:900px){.sr-liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
.sr-c{display:flex;flex-direction:column;gap:10px;min-width:0;padding:12px 14px 10px;border:1px solid var(--s800);background:var(--s900);
  border-radius:14px;color:inherit;text-decoration:none;transition:border-color .15s,background .15s}
.sr-c:hover{border-color:var(--s600);background:#131318}
.sr-c:focus-visible{outline:2px solid #4ade80;outline-offset:2px}
.sr-h{display:flex;align-items:center;gap:10px;min-width:0}
.sr-id{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.sr-nom{font-size:16px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sr-aff{flex-wrap:nowrap}
.sr .sr-aff .eq-nom{display:none}
.sr-hr{margin-left:6px;font-size:13px;font-weight:700;color:var(--s400)}
.sr-s{display:flex;align-items:center;gap:12px;min-width:0}
.sr-n{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:60px;padding:7px 8px;
  border-radius:12px;background:rgba(74,222,128,.09);border:1px solid rgba(74,222,128,.38)}
.sr-n b{font:800 26px/1 var(--m);color:#4ade80}
/* « 20+ » : la série couvre ses 20 derniers matchs, le « + » en petit. */
.sr-n b .sr-n-p{font-size:17px;font-weight:800;margin-left:1px;vertical-align:5px}
.sr-n span{margin-top:4px;font-size:11.5px;font-weight:700;color:#4ade80;white-space:nowrap}
.sr-c.u .sr-n{background:rgba(248,113,113,.10);border-color:rgba(248,113,113,.38)}
.sr-c.u .sr-n b,.sr-c.u .sr-n span{color:#f87171}
.sr-t{display:flex;flex-direction:column;gap:6px;min-width:0}
.sr-ph{font-size:15px;font-weight:700;color:#e8e8ea;line-height:1.3}
.sr-fl{color:#4ade80}
.sr-c.u .sr-fl{color:#f87171}
.sr-tags{display:flex;flex-wrap:wrap;align-items:center;gap:5px}
.sr-sm{font-size:12.5px;color:var(--s400);white-space:nowrap}
/* Ligne alternative : la ligne du soir, après « sur N matchs ». */
.sr-ls::before{content:"·";margin-right:5px}
/* La cote du soir du côté de la série, en haut à droite de la carte (à la
   place de l'anneau du score de matchup). */
.sr-cote{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:60px;padding:5px 10px 6px;
  border-radius:12px;border:1px solid var(--s700);background:var(--s800);white-space:nowrap}
.sr-cote-l{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--s400)}
.sr-cote b{margin-top:2px;font:800 21px/1.05 var(--m);color:#fff}

/* Ses derniers matchs en barres : la valeur au-dessus, la ligne en jaune
   (sa valeur dans la marge de droite), la série en plein et soulignée. */
.sr-fr{display:flex;flex-direction:column;gap:3px;padding-right:34px}
.sr-fr-z{position:relative;display:flex;align-items:flex-end;gap:5px;height:50px;margin-top:16px}
.sr-fr-c{position:relative;flex:1 1 0;max-width:30px;height:100%}
.sr-fr-b{position:absolute;left:0;right:0;bottom:0;display:block;border-radius:4px 4px 2px 2px;opacity:.35}
.sr-fr-c.s .sr-fr-b{opacity:1}
.sr-fr-b.v{background:#4ade80}
.sr-fr-b.r{background:#f87171}
.sr-fr-b.g{background:#52525b}
.sr-fr-v{position:absolute;left:50%;z-index:2;transform:translateX(-50%);padding:1px 2px;border-radius:3px;background:var(--s900);
  font:700 11px/1 var(--m);color:var(--s500);white-space:nowrap}
.sr-fr-c.s .sr-fr-v{color:#e8e8ea}
/* Changement de saison : un trait fin entre les deux saisons. */
.sr-fr-c.sep::before{content:"";position:absolute;left:-3.5px;top:-14px;bottom:-9px;border-left:1px dashed var(--s500)}
.sr-fr-l{position:absolute;left:0;right:-34px;z-index:1;height:0;border-top:2px dashed rgba(250,204,21,.85);pointer-events:none}
.sr-fr-l b{position:absolute;right:0;top:0;transform:translateY(-50%);font:800 11px/1 var(--m);color:#facc15;background:var(--s900);
  padding:2px 3px;border-radius:4px}
.sr-fr-sous{display:flex;gap:5px}
.sr-fr-sous i{flex:1 1 0;max-width:30px;height:3px;border-radius:2px}
.sr-fr-sous i.s{background:#4ade80}
.sr-c.u .sr-fr-sous i.s{background:#f87171}
/* Sous les barres : la date du plus ancien match à gauche, la série à droite ;
   sans place pour les deux, la série passe dessous (jamais un mot coupé). */
.sr-fr-x{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 8px;font-size:12px;color:var(--s500)}
.sr-fr-x>span{white-space:nowrap}
.sr-fr-s{margin-left:auto;color:var(--s400);font-weight:600;text-align:right}

/* Le gratuit : la série offerte du jour, puis le verrou des autres séries
   (OffertSer) ; sur ordinateur, une colonne au milieu de la page. */
.sr-off{margin:2px 0 12px}
.sr-off-t{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:0 0 10px}
.sr-off-t h2{margin:0;font-size:18px;font-weight:800;color:#fff;line-height:1.3}
.sr-off-t p{margin:0;font-size:14px;color:var(--s400)}
@media(min-width:900px){.sr-liste.sr-un{display:flex}
  .sr-off,.sr-off+.mu-verrou,.sr-off~.sr-note{width:100%;max-width:640px;margin-left:auto;margin-right:auto;box-sizing:border-box}}

.sr-raz{margin-left:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--s700);background:var(--s900);color:#4ade80;
  font:700 13px var(--f);cursor:pointer}
.sr-plus{width:100%;margin-top:10px;padding:13px;border-radius:12px;border:1px dashed var(--s700);background:var(--s900);
  color:var(--s300);font:600 14px var(--f);cursor:pointer}
.sr-plus:hover{border-color:rgba(74,222,128,.38);color:#4ade80}
.sr-raz:focus-visible,.sr-plus:focus-visible{outline:2px solid #4ade80;outline-offset:2px}
.sr-note{margin-top:18px;border:1px solid var(--s800);border-radius:12px;background:var(--s900);padding:10px 14px;color:var(--s400);font-size:14px;line-height:1.55}
.sr-note summary{cursor:pointer;color:var(--s300);font-weight:700}
.sr-note p{margin:10px 0 2px}
.sr-note a{color:#4ade80}
@media(max-width:380px){.sr-c{padding:11px 12px 9px}.sr-n{min-width:54px}.sr-n b{font-size:23px}.sr-ph{font-size:14.5px}
  .sr-fr-z,.sr-fr-sous{gap:4px}.sr-fr-v{font-size:10.5px}}

/* La fenêtre de la fiche (FicheSer, series-iv.js) : les règles de la page de
   /app (style en ligne d'app.html), reprises telles quelles ; aucune feuille
   partagée ne les redéfinit. */
.modal-bg{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;background:rgba(0,0,0,.85);padding:0}
@media(min-width:640px){.modal-bg{padding:16px}}
.modal{position:relative;width:100%;min-height:100vh;background:var(--s950);border:0}
@media(min-width:640px){.modal{max-width:56rem;min-height:0;margin:32px 0;border-radius:1rem;border:1px solid var(--s800);box-shadow:0 25px 50px rgba(0,0,0,.5)}}
.mclose{flex-shrink:0;padding:8px;border-radius:8px;border:none;background:none;color:var(--s400);cursor:pointer;font-size:18px}
.mclose:hover{color:#fff}
.mclose:focus-visible{outline:2px solid var(--em);outline-offset:2px}