/* =====================================================================
   LOTOPOTOS · design v2 « Tribune » — socle commun (phase 1)
   Chargée en dernier dans le <head> par lp_design/boot.php, uniquement en aperçu (?design=v2)
   ou après activation. Aucune règle ne change le comportement : couleurs, typographie,
   espacements, formes. Toutes les règles sont préfixées par html[data-lp-theme] pour
   l'emporter sur les styles des pages (dont beaucoup sont en !important).
   Thème clair par défaut ; thème sombre « bleu nuit de stade » au choix (menu utilisateur).
   Couleurs métier conservées : vert = acquis/sauvegardé, violet = brouillon, rouge = direct/dette,
   or = action principale et podium.
   ===================================================================== */

/* ---------- 1. Jetons ---------- */
html[data-lp-theme]{
  --lp-font:'Outfit','Inter','SF Pro Text','Segoe UI',system-ui,-apple-system,sans-serif;
  --lp-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --lp-r-lg:18px;--lp-r-md:13px;--lp-r-sm:9px;
}
html[data-lp-theme=light]{
  color-scheme:light;
  --lp-bg:#e8edf5;--lp-bg-glow:#d6e1f4;--lp-surface:#ffffff;--lp-surface-2:#f2f5fa;--lp-surface-3:#e3e9f2;
  --lp-line:#cfd8e5;--lp-line-soft:#e1e7f0;
  --lp-ink:#0b1424;--lp-ink-2:#26344d;--lp-muted:#4f5d75;
  --lp-gold:#f2b705;--lp-gold-ink:#1d1500;--lp-gold-text:#7f5d00;--lp-gold-soft:#fff1c7;--lp-gold-line:#e9c85a;
  --lp-blue:#1f5bd8;--lp-blue-soft:#dfe8ff;--lp-blue-line:#a9c1f3;
  --lp-green:#0f7a50;--lp-green-soft:#d7f2e5;--lp-green-line:#98d6b7;
  --lp-violet:#5b3fc9;--lp-violet-soft:#e7e0ff;
  --lp-red:#c42a43;--lp-red-soft:#fde0e5;--lp-red-line:#f0a9b6;
  --lp-amber:#9c5a00;--lp-amber-soft:#ffe9c8;
  --lp-shadow:0 1px 2px rgba(11,20,36,.08),0 10px 28px -18px rgba(11,20,36,.45);
  --lp-header:rgba(255,255,255,.92);--lp-rail:#ffffff;--lp-rail-ink:#26344d;--lp-rail-active:#fff1c7;
}
html[data-lp-theme=dark]{
  color-scheme:dark;
  --lp-bg:#0a1120;--lp-bg-glow:#172a52;--lp-surface:#121c31;--lp-surface-2:#18253f;--lp-surface-3:#213152;
  --lp-line:#2b3c60;--lp-line-soft:#1f2d4b;
  --lp-ink:#f1f4fb;--lp-ink-2:#c9d2e6;--lp-muted:#94a2c0;
  --lp-gold:#f5c02e;--lp-gold-ink:#1d1500;--lp-gold-text:#f5c02e;--lp-gold-soft:#3b2f0f;--lp-gold-line:#6b5418;
  --lp-blue:#7cb4ff;--lp-blue-soft:#18325e;--lp-blue-line:#2d4f86;
  --lp-green:#3ad08e;--lp-green-soft:#12392a;--lp-green-line:#215c43;
  --lp-violet:#b39bff;--lp-violet-soft:#2b2253;
  --lp-red:#ff6f84;--lp-red-soft:#3e1a26;--lp-red-line:#6c2b3c;
  --lp-amber:#ffb94f;--lp-amber-soft:#3b2b10;
  --lp-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 16px 36px -24px rgba(0,0,0,.85);
  --lp-header:rgba(10,17,32,.9);--lp-rail:#0e1729;--lp-rail-ink:#c9d2e6;--lp-rail-active:#22314f;
}
/* Les variables des anciennes feuilles (série « rd », « lf-ui », onglets…) suivent les nouveaux jetons. */
html[data-lp-theme]:root,html[data-lp-theme] body,html[data-lp-theme] body *{
  --rd-bg:var(--lp-bg);--rd-bg2:var(--lp-surface-2);--rd-card:var(--lp-surface);--rd-card2:var(--lp-surface-2);
  --rd-border:var(--lp-line);--rd-border2:var(--lp-line);--rd-text:var(--lp-ink);--rd-muted:var(--lp-muted);
  --rd-cyan:var(--lp-blue);--rd-cyan2:var(--lp-blue);--rd-gold:var(--lp-gold);--rd-green:var(--lp-green);--rd-red:var(--lp-red);
  --rd-font:var(--lp-font);--rd-mono:var(--lp-mono);--rd-radius:var(--lp-r-md);--rd-radius-sm:var(--lp-r-sm);
  --lf-ui-bg:var(--lp-bg);--lf-ui-card:var(--lp-surface);--lf-ui-text:var(--lp-ink);--lf-ui-muted:var(--lp-muted);--lf-ui-cyan:var(--lp-blue);
  --bg:var(--lp-bg);--bg1:var(--lp-bg);--bg2:var(--lp-surface-2);--card:var(--lp-surface);--border:var(--lp-line);
  --text:var(--lp-ink);--muted:var(--lp-muted);--cyan:var(--lp-blue);--cyan2:var(--lp-blue);
  --tabs-bg1:var(--lp-surface);--tabs-bg2:var(--lp-surface-2);--tabs-text:var(--lp-ink);--tabs-muted:var(--lp-muted);
  --tabs-accent:var(--lp-blue);--tabs-accent2:var(--lp-blue);--tabs-border:var(--lp-line);
  --ui-text:var(--lp-ink);--ui-font:var(--lp-font);--shadow:var(--lp-shadow);
}

/* ---------- 2. Base ---------- */
html[data-lp-theme]{background:var(--lp-bg)!important}
html[data-lp-theme] body{
  background:var(--lp-bg) radial-gradient(1100px 380px at 50% -200px,var(--lp-bg-glow),transparent 70%) no-repeat!important;
  color:var(--lp-ink)!important;font-family:var(--lp-font)!important;
  -webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;
}
html[data-lp-theme] body::before,html[data-lp-theme] body::after{background:none!important;opacity:0!important}
html[data-lp-theme] body a{color:var(--lp-blue)}
html[data-lp-theme] body ::selection{background:var(--lp-blue-soft);color:var(--lp-ink)}
html[data-lp-theme] body :focus-visible{outline:3px solid color-mix(in srgb,var(--lp-blue) 55%,transparent)!important;outline-offset:2px}
html[data-lp-theme] body h1,html[data-lp-theme] body h2,html[data-lp-theme] body h3,html[data-lp-theme] body h4{color:var(--lp-ink);font-family:var(--lp-font)!important;letter-spacing:-.02em}
html[data-lp-theme] body .small-muted,html[data-lp-theme] body .muted,html[data-lp-theme] body .t-dim{color:var(--lp-muted)!important}
html[data-lp-theme] body hr{border:0;border-top:1px solid var(--lp-line)}

/* ---------- 3. Barre du haut commune (#lfTabsBar) ---------- */
html[data-lp-theme] body #lfTabsBar{
  background:var(--lp-header)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid var(--lp-line-soft)!important;box-shadow:none!important;color:var(--lp-ink)!important;
}
html[data-lp-theme] body #lfTabsBar .lfBrandLogo{
  background:var(--lp-gold)!important;color:var(--lp-gold-ink)!important;border:0!important;border-radius:10px!important;
  font-weight:900!important;box-shadow:0 6px 16px -8px var(--lp-gold)!important;
}
html[data-lp-theme] body #lfTabsBar .lfBrandText{
  background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;
  -webkit-text-fill-color:var(--lp-ink)!important;color:var(--lp-ink)!important;font-weight:800!important;letter-spacing:-.03em!important;
}
html[data-lp-theme] body #lfTabsBar .lfModeBadge{
  background:var(--lp-blue-soft)!important;color:var(--lp-blue)!important;border:1px solid var(--lp-blue-line)!important;
  border-radius:999px!important;font-weight:800!important;box-shadow:none!important;
}
html[data-lp-theme] body #lfTabsBar .lfModeBadge.is-real{background:var(--lp-gold-soft)!important;color:var(--lp-gold-text)!important;border-color:var(--lp-gold-line)!important}
html[data-lp-theme] body #lfTabsBar .lfPushBellBtn,html[data-lp-theme] body #lfTabsBar .lfAvatarBtn{
  background:var(--lp-surface)!important;border:1px solid var(--lp-line)!important;box-shadow:none!important;
}
html[data-lp-theme] body #lfTabsBar .lfAvatarBtn img{border-radius:10px!important}
html[data-lp-theme] body #lfTabsBar .lfAvatarPseudo{color:var(--lp-muted)!important;font-weight:700!important}
html[data-lp-theme] body #lfTabsBar .lfPushBellMsg{color:var(--lp-muted)!important}
/* Menu utilisateur : reste sombre dans les deux thèmes (certains liens imposent leur couleur en ligne). */
html[data-lp-theme] body #lfUserMenu{border-radius:14px!important}
html[data-lp-theme] body #lfUserMenu .lp2-menu-item{
  display:block;padding:11px 14px;text-decoration:none;color:#e2e8f0!important;font-weight:700;border-bottom:1px solid rgba(255,255,255,.06);cursor:pointer
}
html[data-lp-theme] body #lfUserMenu .lp2-menu-item:hover{background:rgba(255,255,255,.06)}
html[data-lp-theme] body #lfUserMenu .lp2-menu-muted{color:#9fb0c8!important;font-weight:600;font-size:.92em}

/* ---------- 4. En-têtes de page ---------- */
html[data-lp-theme] body .topbar h1,html[data-lp-theme] body .topbar .section-title,html[data-lp-theme] body .rd-grad-title{
  background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--lp-ink)!important;
}
html[data-lp-theme] body .topbar h1 span,html[data-lp-theme] body .rd-grad-title span{-webkit-text-fill-color:currentColor!important;background:none!important}
html[data-lp-theme] body .topbar-context-name{color:var(--lp-ink)!important}
html[data-lp-theme] body .topbar-status-chip,html[data-lp-theme] body .topbar-mode-chip{border-radius:999px!important;font-weight:800!important}

/* ---------- 5. Cartes et panneaux ---------- */
html[data-lp-theme] body .card,html[data-lp-theme] body .panel,html[data-lp-theme] body .box,
html[data-lp-theme] body .settlements-box,html[data-lp-theme] body .info-note{
  background:var(--lp-surface)!important;color:var(--lp-ink)!important;border:1px solid var(--lp-line)!important;
  border-radius:var(--lp-r-lg)!important;box-shadow:var(--lp-shadow)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html[data-lp-theme] body .card .card,html[data-lp-theme] body .card .panel{box-shadow:none!important;background:var(--lp-surface-2)!important}
html[data-lp-theme] body .section-title,html[data-lp-theme] body .infos-section-title{
  color:var(--lp-ink)!important;background:none!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important;
}
html[data-lp-theme] body .card>.section-title,html[data-lp-theme] body .card h2.section-title,html[data-lp-theme] body .card h3.section-title{
  font-size:13px!important;font-weight:850!important;letter-spacing:.06em!important;color:var(--lp-ink-2)!important;
}
html[data-lp-theme] body .info-note{background:var(--lp-blue-soft)!important;border-color:var(--lp-blue-line)!important;box-shadow:none!important}

/* ---------- 6. Boutons ---------- */
html[data-lp-theme] body .btn,html[data-lp-theme] body button.btn,html[data-lp-theme] body a.btn{
  background:var(--lp-surface)!important;color:var(--lp-ink)!important;border:1.5px solid var(--lp-line)!important;
  border-radius:12px!important;font-family:var(--lp-font)!important;font-weight:750!important;box-shadow:none!important;
  text-shadow:none!important;transition:background .15s,border-color .15s,transform .15s;
}
html[data-lp-theme] body .btn:hover{background:var(--lp-surface-2)!important;border-color:var(--lp-blue-line)!important}
html[data-lp-theme] body .btn.primary,html[data-lp-theme] body .btn-primary,html[data-lp-theme] body .btn.btn-gold{
  background:var(--lp-gold)!important;color:var(--lp-gold-ink)!important;border-color:transparent!important;
}
html[data-lp-theme] body .btn.btn-blue,html[data-lp-theme] body .btn.blue{background:var(--lp-blue)!important;color:#fff!important;border-color:transparent!important}
html[data-lp-theme] body .btn.danger,html[data-lp-theme] body .btn-danger{background:var(--lp-red-soft)!important;color:var(--lp-red)!important;border-color:var(--lp-red-line)!important}
html[data-lp-theme] body .create-icon,html[data-lp-theme] body .back{
  background:var(--lp-surface-3)!important;color:var(--lp-ink)!important;border:1.5px solid var(--lp-line)!important;
  box-shadow:var(--lp-shadow)!important;border-radius:14px!important;
}
html[data-lp-theme] body .icon-caption{color:var(--lp-muted)!important;font-weight:700!important}

/* ---------- 7. Tableaux ---------- */
html[data-lp-theme] body .table-wrap{background:var(--lp-surface)!important;border:1px solid var(--lp-line)!important;border-radius:var(--lp-r-md)!important;box-shadow:none!important}
html[data-lp-theme] body table{border-color:var(--lp-line)!important}
html[data-lp-theme] body table th{
  background:var(--lp-surface-2)!important;color:var(--lp-muted)!important;font-weight:800!important;
  border-color:var(--lp-line)!important;text-shadow:none!important;letter-spacing:.02em;
}
html[data-lp-theme] body table td:not(.pick-cell){background:transparent!important;color:var(--lp-ink)!important;border-color:var(--lp-line-soft)!important}
html[data-lp-theme] body table tr:nth-child(even) td:not(.pick-cell){background:color-mix(in srgb,var(--lp-surface-2) 55%,transparent)!important}
html[data-lp-theme] body table td a{color:var(--lp-blue)!important}

/* ---------- 8. Pastilles et badges ---------- */
html[data-lp-theme] body .badge,html[data-lp-theme] body .t-pill{
  background:var(--lp-surface-3)!important;color:var(--lp-ink-2)!important;border:1px solid var(--lp-line)!important;
  border-radius:999px!important;font-weight:800!important;box-shadow:none!important;
}
html[data-lp-theme] body .badge-grey{background:var(--lp-surface-3)!important;color:var(--lp-muted)!important}
html[data-lp-theme] body .is-real.badge,html[data-lp-theme] body .badge.is-real{background:var(--lp-gold-soft)!important;color:var(--lp-gold-text)!important;border-color:var(--lp-gold-line)!important}
html[data-lp-theme] body .amount-neg{color:var(--lp-red)!important}
html[data-lp-theme] body .amount-pos{color:var(--lp-green)!important}

/* ---------- 9. Bandeau défilant du palmarès ---------- */
html[data-lp-theme] body .ticker{background:transparent!important;border:0!important;box-shadow:none!important}
html[data-lp-theme] body .ticker .t-badge{
  background:var(--lp-surface)!important;color:var(--lp-ink)!important;border:1px solid var(--lp-line)!important;
  box-shadow:none!important;border-radius:999px!important;
}
html[data-lp-theme] body .ticker .t-strong{color:var(--lp-ink)!important}
html[data-lp-theme] body .ticker .t-divider{color:var(--lp-muted)!important}
html[data-lp-theme] body .ticker .t-scope{background:var(--lp-blue-soft)!important;border-color:var(--lp-blue-line)!important}

/* ---------- 10. Formulaires ---------- */
html[data-lp-theme] body input[type=text],html[data-lp-theme] body input[type=number],html[data-lp-theme] body input[type=email],
html[data-lp-theme] body input[type=password],html[data-lp-theme] body input[type=search],html[data-lp-theme] body input[type=date],
html[data-lp-theme] body input[type=datetime-local],html[data-lp-theme] body select:not(.pick-select):not(.llm-mini-pick-square),html[data-lp-theme] body textarea{
  background:var(--lp-surface)!important;color:var(--lp-ink)!important;border:1px solid var(--lp-line)!important;
  border-radius:11px!important;font-family:var(--lp-font)!important;box-shadow:none!important;
}
html[data-lp-theme] body input::placeholder,html[data-lp-theme] body textarea::placeholder{color:var(--lp-muted)!important}
html[data-lp-theme] body input:focus,html[data-lp-theme] body select:focus,html[data-lp-theme] body textarea:focus{border-color:var(--lp-blue)!important;outline:3px solid var(--lp-blue-soft)!important}

@media (prefers-reduced-motion:reduce){html[data-lp-theme] body *{transition:none!important}}

/* ---------- 11. Bandeau de titre des pages (.topbar) : plus de bande sombre ---------- */
html[data-lp-theme] body .topbar{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* ---------- 12. Bilan financier (accueil de compétition) ---------- */
html[data-lp-theme] body .fd-tile{
  background:var(--lp-surface-2)!important;color:var(--lp-ink)!important;border:1px solid var(--lp-line)!important;
  box-shadow:none!important;border-radius:var(--lp-r-md)!important;
}
html[data-lp-theme] body .fd-tile-label{color:var(--lp-muted)!important}
html[data-lp-theme] body .fd-tile-icon{color:var(--lp-muted)!important}
html[data-lp-theme] body .finance-dash.is-negative .fd-tile-main{background:var(--lp-red-soft)!important;border-color:var(--lp-red-line)!important;color:var(--lp-red)!important}
html[data-lp-theme] body .finance-dash.is-positive .fd-tile-main{background:var(--lp-green-soft)!important;border-color:var(--lp-green-line)!important;color:var(--lp-green)!important}
html[data-lp-theme] body .finance-dash .fd-tile-main .fd-tile-value,html[data-lp-theme] body .finance-dash .fd-tile-main .fd-tile-trend{color:inherit!important}

/* ---------- 13. Répartition des remboursements (comptes) ---------- */
html[data-lp-theme] body .sett-from,html[data-lp-theme] body .sett-to{color:var(--lp-ink)!important;font-weight:750!important}
html[data-lp-theme] body .sett-arrow{color:var(--lp-muted)!important}
html[data-lp-theme] body .sett-progress{background:var(--lp-surface-3)!important}
html[data-lp-theme] body .sett-progress i{background:var(--lp-green)!important}
html[data-lp-theme] body .sett-row{border-color:var(--lp-line-soft)!important}

/* ---------- 14. Titres en dégradé : de l'encre au bleu (lisibles dans les deux thèmes) ----------
   :not(#lp0) ajoute le poids d'un identifiant sans rien filtrer : il faut cela pour passer devant
   les règles des pages qui ciblent leurs titres par identifiant. */
html[data-lp-theme]:not(#lp0) body .topbar h1>span:first-child,
html[data-lp-theme]:not(#lp0) body .rd-grad-title,
html[data-lp-theme]:not(#lp0) body .topbar .section-title>span:first-child{
  background:linear-gradient(100deg,var(--lp-ink) 35%,var(--lp-blue))!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:var(--lp-ink)!important;text-shadow:none!important;
}
html[data-lp-theme]:not(#lp0) body .fd-tile-value-small,html[data-lp-theme]:not(#lp0) body .fd-tile-value{color:var(--lp-ink)!important;-webkit-text-fill-color:currentColor!important}
html[data-lp-theme]:not(#lp0) body .finance-dash.is-negative .fd-tile-main .fd-tile-value{color:var(--lp-red)!important}
html[data-lp-theme]:not(#lp0) body .finance-dash.is-positive .fd-tile-main .fd-tile-value{color:var(--lp-green)!important}

/* ---------- 15. Pastilles d'état sous le titre (active, réel) ---------- */
html[data-lp-theme]:not(#lp0) body .topbar-status-chip{background:var(--lp-green-soft)!important;color:var(--lp-green)!important;border:1px solid var(--lp-green-line)!important;-webkit-text-fill-color:currentColor!important}
html[data-lp-theme]:not(#lp0) body .topbar-mode-chip{background:var(--lp-gold-soft)!important;color:var(--lp-gold-text)!important;border:1px solid var(--lp-gold-line)!important;-webkit-text-fill-color:currentColor!important}

/* =====================================================================
   16. Navigation d'application (« coquille ») — ajoutée par lp_design.js
   Ordinateur (≥ 1080 px) : barre latérale. Téléphone et tablette : onglets en bas + feuille « Plus ».
   Recherche « Aller à… » (Ctrl+K) dans les deux cas. Les liens mènent aux pages existantes.
   ===================================================================== */
html[data-lp-theme] body.lp2-shell #lfTabsBar{z-index:1001!important}
.lp2-ico{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
/* Recherche dans la barre du haut */
html[data-lp-theme] body #lfTabsBar .lp2-search-btn{
  display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 12px;margin-right:10px;border-radius:12px;cursor:pointer;
  background:var(--lp-surface-2);border:1.5px solid var(--lp-line);color:var(--lp-muted);font:700 13.5px var(--lp-font)
}
html[data-lp-theme] body #lfTabsBar .lp2-search-btn kbd{font:700 11px var(--lp-font);background:var(--lp-surface);border:1px solid var(--lp-line);border-radius:6px;padding:1px 6px;color:var(--lp-muted)}
html[data-lp-theme] body #lfTabsBar .lp2-search-btn:hover{border-color:var(--lp-blue-line);color:var(--lp-ink)}

/* Barre latérale */
#lp2Rail{display:none}
@media (min-width:1080px){
  html[data-lp-theme] body.lp2-shell{padding-left:252px!important}
  html[data-lp-theme] body.lp2-shell #lfTabsBar{left:252px!important}
  html[data-lp-theme] body.lp2-shell #lfTabsBar .lfBrandLogo{display:none!important}
  #lp2Rail{display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;width:252px;z-index:1002;
    background:var(--lp-rail);border-right:1px solid var(--lp-line);padding:16px 12px 14px;overflow-y:auto;font-family:var(--lp-font)}
  #lp2Tabs{display:none!important}
}
#lp2Rail .lp2-brand{display:flex;align-items:center;gap:10px;padding:2px 8px 16px;text-decoration:none;color:var(--lp-ink)}
#lp2Rail .lp2-brand b{font-size:19px;font-weight:850;letter-spacing:-.03em}
.lp2-mark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--lp-gold);color:var(--lp-gold-ink);font-weight:900;font-size:13px;letter-spacing:-.04em;box-shadow:0 6px 16px -8px var(--lp-gold)}
#lp2Rail .lp2-sec{margin:14px 8px 6px;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--lp-muted)}
#lp2Rail .lp2-comp{display:block;width:100%;text-align:left;margin:2px 0 8px;padding:10px 12px;border-radius:14px;background:var(--lp-surface-2);
  border:1.5px solid var(--lp-line);cursor:pointer;font-family:var(--lp-font);color:var(--lp-ink)}
#lp2Rail .lp2-comp:hover{border-color:var(--lp-gold-line)}
#lp2Rail .lp2-comp-g,#lp2Rail .lp2-comp-c{display:flex;align-items:center;gap:8px;min-width:0}
#lp2Rail .lp2-comp-g{font-size:12.5px;font-weight:750;color:var(--lp-muted)}
#lp2Rail .lp2-comp-c{margin-top:5px;font-size:14.5px;font-weight:850;color:var(--lp-ink)}
#lp2Rail .lp2-comp-g span,#lp2Rail .lp2-comp-c span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#lp2Rail .lp2-comp .lp2-ico{width:16px;height:16px}
#lp2Rail .lp2-comp i{font-style:normal;color:var(--lp-blue)}
#lp2Rail .lp2-switch{display:block;margin-top:8px;font-size:12px;font-weight:800;color:var(--lp-blue)}
#lp2Rail .lp2-pick{color:var(--lp-muted)!important}
#lp2Rail a.lp2-item{display:flex;align-items:center;gap:11px;padding:9px 12px;margin:1px 0;border-radius:11px;text-decoration:none!important;
  color:var(--lp-rail-ink)!important;font-weight:700;font-size:14.5px;line-height:1.25}
#lp2Rail a.lp2-item:hover{background:var(--lp-surface-2);color:var(--lp-ink)!important}
#lp2Rail a.lp2-item.on{background:var(--lp-rail-active);color:var(--lp-ink)!important;box-shadow:inset 3px 0 0 var(--lp-gold)}
#lp2Rail a.lp2-item .lp2-ico{color:var(--lp-muted)}#lp2Rail a.lp2-item.on .lp2-ico{color:var(--lp-gold-text)}
#lp2Rail a.lp2-item.off{opacity:.45;pointer-events:none}
#lp2Rail .lp2-foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--lp-line)}

/* Onglets du bas (téléphone, tablette) */
@media (max-width:1079.98px){
  html[data-lp-theme] body.lp2-shell{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))!important}
  html[data-lp-theme] body.lp2-shell #installBar,html[data-lp-theme] body.lp2-shell #iosMiniHelp{bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}
}
#lp2Tabs{position:fixed;left:0;right:0;bottom:0;z-index:1002;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;
  padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));background:var(--lp-header);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-top:1px solid var(--lp-line);font-family:var(--lp-font)}
#lp2Tabs a,#lp2Tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;border-radius:14px;
  text-decoration:none!important;border:0;background:transparent;color:var(--lp-muted)!important;font:750 11px var(--lp-font);cursor:pointer;padding:4px 2px}
#lp2Tabs .lp2-ico{width:22px;height:22px}
#lp2Tabs .on{color:var(--lp-ink)!important;background:var(--lp-rail-active)}
#lp2Tabs .on .lp2-ico{stroke:var(--lp-gold-text)}
#lp2Tabs .off{opacity:.4;pointer-events:none}

/* Feuille « Plus » et recherche « Aller à… » */
.lp2-overlay{position:fixed;inset:0;z-index:1100;background:rgba(6,12,24,.45);backdrop-filter:blur(3px);display:none}
.lp2-overlay.open{display:block}
.lp2-sheet{position:fixed;left:0;right:0;bottom:0;z-index:1101;max-height:82vh;overflow-y:auto;background:var(--lp-surface);color:var(--lp-ink);
  border-radius:22px 22px 0 0;padding:10px 16px calc(18px + env(safe-area-inset-bottom,0px));box-shadow:0 -18px 40px -20px rgba(0,0,0,.5);
  transform:translateY(105%);transition:transform .22s ease;font-family:var(--lp-font)}
.lp2-sheet.open{transform:none}
.lp2-sheet .lp2-grip{width:42px;height:5px;border-radius:9px;background:var(--lp-line);margin:4px auto 12px}
.lp2-sheet h3{margin:12px 4px 8px;font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--lp-muted)}
.lp2-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.lp2-grid a{overflow-wrap:anywhere;hyphens:auto}
.lp2-grid a{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px;border-radius:16px;text-decoration:none!important;
  background:var(--lp-surface-2);border:1px solid var(--lp-line);color:var(--lp-ink)!important;font-weight:750;font-size:13px;line-height:1.25}
.lp2-grid a .lp2-ico{stroke:var(--lp-blue)}
.lp2-list a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;text-decoration:none!important;color:var(--lp-ink)!important;font-weight:700}
.lp2-list a:hover,.lp2-list a.sel{background:var(--lp-surface-2)}
.lp2-list a small{margin-left:auto;color:var(--lp-muted);font-weight:700}
.lp2-palette{position:fixed;z-index:1101;left:50%;top:12vh;transform:translateX(-50%);width:min(620px,94vw);background:var(--lp-surface);color:var(--lp-ink);
  border:1px solid var(--lp-line);border-radius:18px;box-shadow:0 30px 60px -20px rgba(0,0,0,.55);display:none;font-family:var(--lp-font);overflow:hidden}
.lp2-palette.open{display:block}
.lp2-palette input{width:100%;border:0!important;border-bottom:1px solid var(--lp-line)!important;border-radius:0!important;padding:16px 18px!important;font:700 16px var(--lp-font)!important;
  background:var(--lp-surface)!important;color:var(--lp-ink)!important;outline:none!important}
.lp2-palette .lp2-list{max-height:52vh;overflow-y:auto;padding:8px}
.lp2-palette .lp2-empty{padding:16px 18px;color:var(--lp-muted)}
@media (prefers-reduced-motion:reduce){.lp2-sheet{transition:none}}

/* Anciens raccourcis de navigation remplacés par la nouvelle navigation (repérés par lp_design.js) */
html[data-lp-theme] body.lp2-shell .lp2-legacy-nav{display:none!important}

/* =====================================================================
   17. Corrections de contraste repérées sur ordinateur
   ===================================================================== */
html[data-lp-theme]:not(#lp0) body .grid-gain-banner{background:var(--lp-gold-soft)!important;border:1px solid var(--lp-gold-line)!important;box-shadow:none!important}
html[data-lp-theme]:not(#lp0) body .grid-gain-banner .ggb-shine{display:none!important}
html[data-lp-theme]:not(#lp0) body .grid-gain-banner .ggb-eyebrow{color:var(--lp-gold-text)!important;opacity:1!important}
html[data-lp-theme]:not(#lp0) body .grid-gain-banner .ggb-amount{color:var(--lp-ink)!important;-webkit-text-fill-color:currentColor!important;background:none!important}
html[data-lp-theme]:not(#lp0) body .grid-gain-banner .ggb-sub{color:var(--lp-ink-2)!important;opacity:1!important}
html[data-lp-theme]:not(#lp0) body .rap-pill{background:var(--lp-surface-2)!important;border:1px solid var(--lp-line)!important;color:var(--lp-ink-2)!important;font-weight:800!important}
html[data-lp-theme]:not(#lp0) body .rap-pill .rap-eur{color:var(--lp-gold-text)!important;font-weight:850!important}
html[data-lp-theme]:not(#lp0) body .page-business-action-caption,html[data-lp-theme]:not(#lp0) body .icon-caption{color:var(--lp-ink-2)!important}
html[data-lp-theme]:not(#lp0) body .create-icon{width:42px!important;height:42px!important}
html[data-lp-theme]:not(#lp0) body .btn[disabled],html[data-lp-theme]:not(#lp0) body button[disabled]{opacity:.55!important}
/* Libellés et textes trop pâles hérités du thème sombre */
html[data-lp-theme=light]:not(#lp0) body .small-muted,html[data-lp-theme=light]:not(#lp0) body .muted,html[data-lp-theme=light]:not(#lp0) body .t-dim{color:var(--lp-muted)!important;opacity:1!important}
#lp2Rail,#lp2Rail *,#lp2Tabs,#lp2Tabs *,.lp2-sheet,.lp2-sheet *,.lp2-palette,.lp2-palette *{box-sizing:border-box}
/* Sur téléphone et tablette, la recherche est en tête de la feuille « Plus » (la barre du haut reste dégagée). */
@media (max-width:1079.98px){html[data-lp-theme] body #lfTabsBar .lp2-search-btn{display:none!important}}

/* =====================================================================
   18. « Vous êtes ici » (groupe › compétition) et sélecteur
   ===================================================================== */
#lp2Where{display:none}
@media (max-width:1079.98px){
  #lp2Where{position:sticky;top:var(--tabsbar-h,58px);z-index:999;display:flex;align-items:center;gap:8px;width:100%;margin:0;padding:8px 14px;
    background:var(--lp-header);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:0;border-bottom:1px solid var(--lp-line);
    font:700 13px var(--lp-font);color:var(--lp-ink);cursor:pointer;text-align:left}
}
.lp2-where-txt{display:flex;align-items:center;gap:6px;min-width:0;flex:1;overflow:hidden;white-space:nowrap}
.lp2-where-g,.lp2-where-c{display:inline-flex;align-items:center;gap:5px;min-width:0;overflow:hidden;text-overflow:ellipsis}
.lp2-where-g{color:var(--lp-muted);flex:0 1 auto;max-width:55%}
.lp2-where-c{color:var(--lp-ink);font-weight:850;flex:1 1 auto}
.lp2-where-g>.lp2-ico+*{}
.lp2-where-sep{color:var(--lp-muted);flex:none}
.lp2-where-none{color:var(--lp-blue);font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto}
.lp2-where-g .lp2-ico,.lp2-where-c .lp2-ico{width:15px;height:15px;flex:none}
.lp2-where-btn{display:inline-flex;align-items:center;gap:2px;flex:none;font-size:12px;font-weight:850;color:var(--lp-blue);padding:4px 8px;border-radius:999px;background:var(--lp-blue-soft)}
.lp2-where-btn .lp2-ico{width:15px;height:15px}
.lp2-sheet-where{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border-radius:14px;border:1.5px solid var(--lp-line);
  background:var(--lp-surface-2);font:700 13px var(--lp-font);color:var(--lp-ink);cursor:pointer;text-align:left;overflow:hidden}
.lp2-switcher .lp2-sw-title{margin:4px 4px 2px;font-size:19px;font-weight:850;letter-spacing:-.02em;color:var(--lp-ink)}
.lp2-switcher .lp2-sw-sub{margin:0 4px 12px;color:var(--lp-muted);font-size:13px}
.lp2-switcher .lp2-sw-sub b{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap;color:var(--lp-ink)}
.lp2-sw-group{border:1px solid var(--lp-line);border-radius:16px;margin:0 0 8px;background:var(--lp-surface-2);overflow:hidden}
.lp2-sw-group summary{display:flex;align-items:center;gap:9px;padding:12px 14px;cursor:pointer;list-style:none;color:var(--lp-ink);font-size:15px}
.lp2-sw-group summary::-webkit-details-marker{display:none}
.lp2-sw-group summary small{margin-left:auto;color:var(--lp-muted);font-weight:700;font-size:12px}
.lp2-sw-group summary .lp2-ico:last-child{transition:transform .2s;color:var(--lp-muted)}
.lp2-sw-group[open] summary .lp2-ico:last-child{transform:rotate(180deg)}
.lp2-sw-group[open] summary{border-bottom:1px solid var(--lp-line)}
.lp2-sw-hub{display:block;padding:9px 14px;font-size:12.5px;font-weight:800;color:var(--lp-blue)!important;text-decoration:none!important}
.lp2-sw-comp{display:flex;align-items:center;gap:9px;padding:10px 14px;text-decoration:none!important;color:var(--lp-ink)!important;font-weight:750;border-top:1px solid var(--lp-line-soft)}
.lp2-sw-comp span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lp2-sw-comp .lp2-ico{width:17px;height:17px;color:var(--lp-gold-text)}
.lp2-sw-comp.cur{background:var(--lp-rail-active)}
.lp2-sw-comp em{margin-left:auto;font-style:normal;font-size:11px;font-weight:850;color:var(--lp-gold-text);background:var(--lp-gold-soft);border-radius:999px;padding:2px 8px}
.lp2-sw-comp.closed{color:var(--lp-muted)!important;font-weight:650}
.lp2-sw-comp.closed .lp2-ico{color:var(--lp-muted)}
.lp2-sw-closed{padding:8px 14px 4px;font-size:11px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;color:var(--lp-muted)}
@media (min-width:1080px){.lp2-switcher{left:50%;right:auto;bottom:auto;top:8vh;width:min(560px,92vw);transform:translate(-50%,-12px);opacity:0;pointer-events:none;border-radius:20px;max-height:84vh}
  .lp2-switcher.open{transform:translate(-50%,0);opacity:1;pointer-events:auto}}
.lp2-ell{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lp2-where-txt .lp2-mode{flex:none}
/* Barre « Vous êtes ici » sur deux lignes : le groupe au-dessus, la compétition en dessous (rien n'est tronqué inutilement). */
#lp2Where .lp2-where-txt{flex-direction:column;align-items:flex-start;gap:2px}
#lp2Where .lp2-where-sep{display:none}
#lp2Where .lp2-where-g{max-width:100%;font-size:12px}
#lp2Where .lp2-where-c{max-width:100%;font-size:14px}
#lp2Where .lp2-where-c .lp2-mode{margin-left:6px}

/* Les styles génériques des pages (button{…}) ne doivent pas déformer les éléments de la navigation. */
#lp2Rail button,#lp2Tabs button,#lp2Where,.lp2-sheet button,.lp2-palette button,.lp2-sheet-where{
  height:auto!important;min-height:0;line-height:1.3!important;white-space:normal!important;text-transform:none!important;
  letter-spacing:normal!important;box-shadow:none;font-family:var(--lp-font)!important
}
#lp2Tabs a,#lp2Tabs button{min-height:52px!important}
#lp2Rail .lp2-comp{display:block!important;position:relative;overflow:hidden}
#lp2Rail .lp2-comp>span{display:flex}
#lp2Rail .lp2-switch{white-space:normal!important}
#lp2Rail>*{flex-shrink:0}          /* la barre latérale défile au lieu d'écraser ses éléments */
#lp2Rail .lp2-brand,#lp2Rail .lp2-brand b{color:var(--lp-ink)!important;text-decoration:none!important}

/* =====================================================================
   19. Palette des états de jeu — UNE signification par couleur, partout
   (grille, Coach, mini-grille, légendes), déclinée pour chaque thème.
     Enregistré → bleu · Choisi non enregistré → violet · À faire / vide → ambre (pointillés)
     Bon pronostic → vert franc · Mauvais → rouge · En attente du résultat → gris
     Match : en direct → rouge vif · terminé → encre · pas commencé → contour
     Retardataires : substitution → ambre · dicté → bleu-vert (le bleu est réservé à « enregistré »)
   ===================================================================== */
html[data-lp-theme=light]{
  --st-saved-bg:#e2ecff;--st-saved-line:#8eaeea;--st-saved-ink:#163f8f;
  --st-draft-bg:#ece6ff;--st-draft-line:#9f8cf0;--st-draft-ink:#4528ad;
  --st-empty-bg:#fff7e3;--st-empty-line:#e3b54a;--st-empty-ink:#7a5200;
  --st-good-bg:#cdeedb;--st-good-line:#2b9a64;--st-good-ink:#0a4f31;
  --st-bad-bg:#fde1e6;--st-bad-line:#dc6d80;--st-bad-ink:#951b31;
  --st-wait-bg:#edf1f6;--st-wait-line:#c3cddb;--st-wait-ink:#3a4860;
  --st-live:#d92d45;--st-fin:#3a4860;--st-ns:#aab6c7;
  --st-subst:#b26a00;--st-subst-bg:#ffefd6;--st-dict:#0b7a80;--st-dict-bg:#dcf3f3;
}
html[data-lp-theme=dark]{
  --st-saved-bg:rgba(124,180,255,.16);--st-saved-line:rgba(124,180,255,.58);--st-saved-ink:#cfe1ff;
  --st-draft-bg:rgba(179,155,255,.17);--st-draft-line:rgba(179,155,255,.62);--st-draft-ink:#d2c6ff;
  --st-empty-bg:rgba(245,192,46,.08);--st-empty-line:rgba(245,192,46,.45);--st-empty-ink:#f0d58b;
  --st-good-bg:rgba(58,208,142,.24);--st-good-line:#3ad08e;--st-good-ink:#c4f5dc;
  --st-bad-bg:rgba(255,111,132,.2);--st-bad-line:#ff6f84;--st-bad-ink:#ffc6cf;
  --st-wait-bg:rgba(148,162,192,.12);--st-wait-line:rgba(148,162,192,.38);--st-wait-ink:#c9d2e6;
  --st-live:#ff5d73;--st-fin:#c9d2e6;--st-ns:#5d6d8f;
  --st-subst:#ffb94f;--st-subst-bg:rgba(255,185,79,.16);--st-dict:#5fd3d9;--st-dict-bg:rgba(95,211,217,.15);
}
/* Cases de pronostic de la grille (play) : la case et sa liste déroulante portent la même couleur */
html[data-lp-theme]:not(#lp0):not(#lp1) body td.pick-cell{background:transparent!important;background-image:none!important;box-shadow:none!important;border-color:var(--lp-line-soft)!important}
html[data-lp-theme]:not(#lp0):not(#lp1) body td.pick-cell select.pick-select,
html[data-lp-theme]:not(#lp0):not(#lp1) body select.pick-select{
  -webkit-appearance:none;appearance:none;background-image:none!important;border-radius:10px!important;border:1.5px solid var(--st-wait-line)!important;
  background-color:var(--st-wait-bg)!important;color:var(--st-wait-ink)!important;-webkit-text-fill-color:var(--st-wait-ink)!important;--lp2-pick-ink:var(--st-wait-ink);
  font:850 14px var(--lp-font)!important;text-align:center;text-align-last:center;box-shadow:none!important;opacity:1!important
}
html[data-lp-theme]:not(#lp0):not(#lp1) body td.pick-cell.saved select.pick-select,html[data-lp-theme]:not(#lp0):not(#lp1) body select.pick-select.state-saved{background-color:var(--st-saved-bg)!important;border-color:var(--st-saved-line)!important;color:var(--st-saved-ink)!important;-webkit-text-fill-color:var(--st-saved-ink)!important;--lp2-pick-ink:var(--st-saved-ink)}
html[data-lp-theme]:not(#lp0):not(#lp1) body select.pick-select.state-dirty{background-color:var(--st-draft-bg)!important;border-color:var(--st-draft-line)!important;border-style:solid!important;color:var(--st-draft-ink)!important;-webkit-text-fill-color:var(--st-draft-ink)!important;--lp2-pick-ink:var(--st-draft-ink)}
html[data-lp-theme]:not(#lp0):not(#lp1) body td.pick-cell.unsaved select.pick-select,html[data-lp-theme]:not(#lp0):not(#lp1) body select.pick-select.state-empty{background-color:var(--st-empty-bg)!important;border-color:var(--st-empty-line)!important;border-style:dashed!important;color:var(--st-empty-ink)!important;-webkit-text-fill-color:var(--st-empty-ink)!important;--lp2-pick-ink:var(--st-empty-ink)}
html[data-lp-theme]:not(#lp0):not(#lp1) body td.pick-cell.good select.pick-select{background-color:var(--st-good-bg)!important;border-color:var(--st-good-line)!important;color:var(--st-good-ink)!important;-webkit-text-fill-color:var(--st-good-ink)!important;--lp2-pick-ink:var(--st-good-ink)}
html[data-lp-theme]:not(#lp0):not(#lp1) body td.pick-cell.bad select.pick-select{background-color:var(--st-bad-bg)!important;border-color:var(--st-bad-line)!important;color:var(--st-bad-ink)!important;-webkit-text-fill-color:var(--st-bad-ink)!important;--lp2-pick-ink:var(--st-bad-ink)}
html[data-lp-theme]:not(#lp0):not(#lp1) body td.pick-cell.neutral select.pick-select{background-color:var(--st-wait-bg)!important;border-color:var(--st-wait-line)!important;color:var(--st-wait-ink)!important;-webkit-text-fill-color:var(--st-wait-ink)!important;--lp2-pick-ink:var(--st-wait-ink)}
html[data-lp-theme]:not(#lp0):not(#lp1) body td.pick-cell.pred-faded select.pick-select{opacity:.6!important}
/* Mini-grille du Coach (couleurs auparavant écrites par le script de la page) */
html[data-lp-theme]:not(#lp0):not(#lp1) body select.llm-mini-pick-square{border-radius:9px!important;border:1.5px solid var(--st-wait-line)!important;background:var(--st-wait-bg)!important;color:var(--st-wait-ink)!important;-webkit-text-fill-color:var(--st-wait-ink)!important;--lp2-pick-ink:var(--st-wait-ink)}
html[data-lp-theme]:not(#lp0):not(#lp1) body select.llm-mini-pick-square.state-saved{background:var(--st-saved-bg)!important;border-color:var(--st-saved-line)!important;color:var(--st-saved-ink)!important;-webkit-text-fill-color:var(--st-saved-ink)!important;--lp2-pick-ink:var(--st-saved-ink)}
html[data-lp-theme]:not(#lp0):not(#lp1) body select.llm-mini-pick-square.state-dirty{background:var(--st-draft-bg)!important;border-color:var(--st-draft-line)!important;color:var(--st-draft-ink)!important;-webkit-text-fill-color:var(--st-draft-ink)!important;--lp2-pick-ink:var(--st-draft-ink)}
html[data-lp-theme]:not(#lp0):not(#lp1) body select.llm-mini-pick-square.state-empty{background:var(--st-empty-bg)!important;border-color:var(--st-empty-line)!important;border-style:dashed!important;color:var(--st-empty-ink)!important;-webkit-text-fill-color:var(--st-empty-ink)!important;--lp2-pick-ink:var(--st-empty-ink)}
/* Légendes : pastilles identiques aux cases qu'elles décrivent */
html[data-lp-theme]:not(#lp0) body .legend i.dot,html[data-lp-theme]:not(#lp0) body .legend-dot{
  display:inline-block;width:14px!important;height:14px!important;border-radius:5px!important;vertical-align:-2px;margin-right:6px;opacity:1!important;border:1.5px solid var(--st-wait-line)!important;background:var(--st-wait-bg)!important}
html[data-lp-theme]:not(#lp0) body .legend i.dot.lg-saved,html[data-lp-theme]:not(#lp0) body .lg-saved,html[data-lp-theme]:not(#lp0) body .legend .legend-dot.saved,html[data-lp-theme]:not(#lp0) body .legend-dot.saved{background:var(--st-saved-bg)!important;border-color:var(--st-saved-line)!important}
html[data-lp-theme]:not(#lp0) body .legend .legend-dot.draft,html[data-lp-theme]:not(#lp0) body .legend-dot.draft{background:var(--st-draft-bg)!important;border-color:var(--st-draft-line)!important}
html[data-lp-theme]:not(#lp0) body .legend i.dot.lg-unsaved,html[data-lp-theme]:not(#lp0) body .lg-unsaved,html[data-lp-theme]:not(#lp0) body .legend-dot.empty{background:var(--st-empty-bg)!important;border-color:var(--st-empty-line)!important;border-style:dashed!important}
html[data-lp-theme]:not(#lp0) body .legend i.dot.lg-good,html[data-lp-theme]:not(#lp0) body .lg-good{background:var(--st-good-bg)!important;border-color:var(--st-good-line)!important}
html[data-lp-theme]:not(#lp0) body .legend i.dot.lg-bad,html[data-lp-theme]:not(#lp0) body .lg-bad{background:var(--st-bad-bg)!important;border-color:var(--st-bad-line)!important}
html[data-lp-theme]:not(#lp0) body .legend i.dot.lg-neutral,html[data-lp-theme]:not(#lp0) body .lg-neutral{background:var(--st-wait-bg)!important;border-color:var(--st-wait-line)!important}
html[data-lp-theme]:not(#lp0) body .legend span,html[data-lp-theme]:not(#lp0) body .legend-row{color:var(--lp-ink-2)!important;font-weight:700}
/* Statut des matchs */
html[data-lp-theme]:not(#lp0) body .mstat-pill{opacity:1!important;border:1.5px solid transparent!important}
html[data-lp-theme]:not(#lp0) body .mstat-live,html[data-lp-theme]:not(#lp0) body .lg-mstat-live{background:var(--st-live)!important;color:#fff!important}
html[data-lp-theme]:not(#lp0) body .mstat-fin,html[data-lp-theme]:not(#lp0) body .lg-mstat-fin{background:var(--st-fin)!important;color:var(--lp-surface)!important}
html[data-lp-theme]:not(#lp0) body .mstat-ns,html[data-lp-theme]:not(#lp0) body .lg-mstat-ns{background:transparent!important;border-color:var(--st-ns)!important;color:var(--lp-muted)!important}
html[data-lp-theme]:not(#lp0) body i.lg-mstat-live{box-shadow:0 0 0 3px color-mix(in srgb,var(--st-live) 22%,transparent)}
/* Retardataires */
html[data-lp-theme]:not(#lp0) body .badge-subst{background:var(--st-subst-bg)!important;color:var(--st-subst)!important;border:1px solid color-mix(in srgb,var(--st-subst) 45%,transparent)!important}
html[data-lp-theme]:not(#lp0) body .badge-dict{background:var(--st-dict-bg)!important;color:var(--st-dict)!important;border:1px solid color-mix(in srgb,var(--st-dict) 45%,transparent)!important}
/* Cotes : neutres, le favori (cote la plus basse) discrètement souligné */
html[data-lp-theme]:not(#lp0) body .odd-chip{background:var(--lp-surface-2)!important;border:1px solid var(--lp-line)!important;color:var(--lp-ink-2)!important;box-shadow:none!important;font-weight:750!important}
html[data-lp-theme]:not(#lp0) body .odd-chip.odd-low{background:var(--lp-surface)!important;border-color:var(--lp-ink-2)!important;color:var(--lp-ink)!important;font-weight:900!important}
/* Indicateurs du Coach (chronos, validés…) : sobres, couleur réservée au libellé */
html[data-lp-theme]:not(#lp0) body .stat-chip{background:var(--lp-surface)!important;border:1px solid var(--lp-line)!important;box-shadow:none!important}
html[data-lp-theme]:not(#lp0) body .stat-chip .sc-label{color:var(--lp-muted)!important}
html[data-lp-theme]:not(#lp0) body .stat-chip .sc-value{color:var(--lp-ink)!important}
html[data-lp-theme]:not(#lp0) body .stat-chip.chip-amber{border-color:var(--lp-gold-line)!important;background:var(--lp-gold-soft)!important}
html[data-lp-theme]:not(#lp0) body .stat-chip.chip-amber .sc-value{color:var(--lp-gold-text)!important}
html[data-lp-theme]:not(#lp0) body .stat-chip.chip-sky .sc-value{color:var(--lp-blue)!important}
html[data-lp-theme]:not(#lp0) body .row-status{color:var(--lp-muted)!important}
html[data-lp-theme]:not(#lp0) body .grid-gain-banner.is-potential{background:var(--lp-surface)!important;border:1px solid var(--lp-gold-line)!important}
/* Coach : une case sans choix (ni enregistré, ni choisi) est « vide », comme dans la légende */
html[data-lp-theme]:not(#lp0):not(#lp1) body :not(td).pick-cell>select.pick-select:not(.state-saved):not(.state-dirty){
  background-color:var(--st-empty-bg)!important;border-color:var(--st-empty-line)!important;border-style:dashed!important;color:var(--st-empty-ink)!important;-webkit-text-fill-color:var(--st-empty-ink)!important;--lp2-pick-ink:var(--st-empty-ink)}

/* Tableau de la grille : fonds des colonnes de match et en-têtes suivent le thème (plus de bandes sombres en clair) */
html[data-lp-theme]:not(#lp0) body table:has(td.pick-cell) td:not(.pick-cell){background-color:var(--lp-surface)!important;background-image:none!important}
html[data-lp-theme]:not(#lp0) body table:has(td.pick-cell) tr:nth-child(even) td:not(.pick-cell){background-color:var(--lp-surface-2)!important}
html[data-lp-theme]:not(#lp0) body table:has(td.pick-cell) th{background:var(--lp-surface-2)!important;background-image:none!important;color:var(--lp-muted)!important;border-color:var(--lp-line)!important}
html[data-lp-theme]:not(#lp0):not(#lp1) body table:has(td.pick-cell) td.pick-cell{border-color:var(--lp-line-soft)!important}
html[data-lp-theme]:not(#lp0):not(#lp1) body td.pick-cell::before,html[data-lp-theme]:not(#lp0):not(#lp1) body td.pick-cell::after{background:none!important;box-shadow:none!important}
/* Bouton d'enregistrement des pronostics : c'est l'action principale de la page */
html[data-lp-theme]:not(#lp0) body .btn.btn-ok,html[data-lp-theme]:not(#lp0) body button.btn-ok{background:var(--lp-gold)!important;color:var(--lp-gold-ink)!important;border-color:transparent!important;-webkit-text-fill-color:var(--lp-gold-ink)!important}

/* =====================================================================
   20. Fenêtres (popups), notifications éphémères, barre d'installation, bouton d'aide
   Un seul modèle pour toutes les fenêtres du site : voile flouté, carte nette, titre lisible.
   ===================================================================== */
html[data-lp-theme]:not(#lp0) body .lf-modal-backdrop,html[data-lp-theme]:not(#lp0) body .pp-backdrop,
html[data-lp-theme]:not(#lp0) body .group-create-overlay,html[data-lp-theme]:not(#lp0) body #pwdModal,html[data-lp-theme]:not(#lp0) body #gridCreateModal{
  background:rgba(8,14,28,.52)!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important}
html[data-lp-theme]:not(#lp0) body .lf-modal,html[data-lp-theme]:not(#lp0) body .pp-modal,html[data-lp-theme]:not(#lp0) body .group-create-modal,
html[data-lp-theme]:not(#lp0) body .modal-box,html[data-lp-theme]:not(#lp0) body .grid-create-modal-card,html[data-lp-theme]:not(#lp0) body .hp-frame{
  background:var(--lp-surface)!important;background-image:none!important;color:var(--lp-ink)!important;border:1px solid var(--lp-line)!important;
  border-radius:20px!important;box-shadow:0 30px 70px -24px rgba(6,12,24,.55)!important;font-family:var(--lp-font)!important}
html[data-lp-theme]:not(#lp0) body .lf-modal-head,html[data-lp-theme]:not(#lp0) body .pp-modal-head{border-bottom:1px solid var(--lp-line-soft)!important;background:transparent!important}
html[data-lp-theme]:not(#lp0) body .lf-modal-title,html[data-lp-theme]:not(#lp0) body .modal-box h2,html[data-lp-theme]:not(#lp0) body .modal-box h3,
html[data-lp-theme]:not(#lp0) body .group-create-modal h2,html[data-lp-theme]:not(#lp0) body .grid-create-modal-card h2,html[data-lp-theme]:not(#lp0) body .hp-frame h2{
  color:var(--lp-ink)!important;-webkit-text-fill-color:var(--lp-ink)!important;background:none!important;font-weight:850!important;letter-spacing:-.02em}
html[data-lp-theme]:not(#lp0) body .lf-modal-muted,html[data-lp-theme]:not(#lp0) body .lf-modal-label{color:var(--lp-muted)!important}
html[data-lp-theme]:not(#lp0) body .lf-modal-actions,html[data-lp-theme]:not(#lp0) body .modal-actions,html[data-lp-theme]:not(#lp0) body #gridCreateModalActions{
  border-top:1px solid var(--lp-line-soft)!important;background:transparent!important;gap:8px}
html[data-lp-theme]:not(#lp0) body .toast{background:var(--lp-ink)!important;color:var(--lp-surface)!important;border:0!important;border-radius:14px!important;
  box-shadow:0 18px 40px -16px rgba(6,12,24,.6)!important;font:700 13.5px var(--lp-font)!important}
html[data-lp-theme=dark]:not(#lp0) body .toast{background:var(--lp-surface-3)!important;color:var(--lp-ink)!important}
/* Barre « Installer LotoPotos » et aide iPhone */
html[data-lp-theme]:not(#lp0) body #installBar,html[data-lp-theme]:not(#lp0) body #iosHow,html[data-lp-theme]:not(#lp0) body #iosMiniHelp{
  background:var(--lp-surface)!important;color:var(--lp-ink)!important;border:1px solid var(--lp-line)!important;border-radius:18px!important;box-shadow:0 18px 40px -18px rgba(6,12,24,.45)!important}
html[data-lp-theme]:not(#lp0) body #installBar #ibInstall{background:var(--lp-gold)!important;color:var(--lp-gold-ink)!important;border:0!important;border-radius:12px!important;font-weight:850!important}
html[data-lp-theme]:not(#lp0) body #installBar #ibClose{background:var(--lp-surface-2)!important;color:var(--lp-muted)!important;border:1px solid var(--lp-line)!important;border-radius:10px!important}
/* Bouton d'aide flottant */
html[data-lp-theme]:not(#lp0) body .hp-fabbtn{background:var(--lp-gold)!important;color:var(--lp-gold-ink)!important;border:0!important;box-shadow:0 10px 24px -10px var(--lp-gold)!important;font-weight:900!important}
html[data-lp-theme]:not(#lp0) body .hp-caption{color:var(--lp-muted)!important;font-weight:750!important}

/* =====================================================================
   21. Accueil public (index) — vitrine du site
   ===================================================================== */
html[data-lp-theme]:not(#lp0) body:has(.home-main-title) .wrap{max-width:1080px!important;margin-left:auto!important;margin-right:auto!important}
html[data-lp-theme]:not(#lp0) body .card.left:has(.home-main-title){
  position:relative;overflow:hidden;margin:14px 0 22px!important;padding:clamp(26px,5vw,52px)!important;border-radius:26px!important;border:0!important;
  background:
    radial-gradient(700px 300px at 85% -10%,rgba(245,192,46,.30),transparent 60%),
    radial-gradient(600px 320px at -10% 110%,rgba(124,180,255,.22),transparent 60%),
    linear-gradient(135deg,#0d1a33 0%,#13254a 55%,#0b1528 100%)!important;
  color:#f1f4fb!important;box-shadow:0 30px 60px -30px rgba(8,18,40,.8)!important}
html[data-lp-theme]:not(#lp0) body .card.left:has(.home-main-title)::after{
  content:"";position:absolute;right:-60px;bottom:-60px;width:260px;height:260px;border-radius:50%;
  border:2px solid rgba(255,255,255,.08);box-shadow:0 0 0 40px rgba(255,255,255,.03),0 0 0 80px rgba(255,255,255,.02);pointer-events:none}
html[data-lp-theme]:not(#lp0) body .home-main-title{font-size:clamp(32px,6vw,54px)!important;line-height:1.02!important;letter-spacing:-.04em!important;font-weight:900!important;
  color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;background:none!important;margin:0 0 14px!important}
html[data-lp-theme]:not(#lp0) body .home-main-title *{color:#f5c02e!important;-webkit-text-fill-color:#f5c02e!important;background:none!important}
html[data-lp-theme]:not(#lp0) body .card.left:has(.home-main-title) .lead{color:#c9d2e6!important;font-size:clamp(15px,2vw,18px)!important;max-width:60ch;line-height:1.55!important}
html[data-lp-theme]:not(#lp0) body .card.left:has(.home-main-title) .chips>*{background:rgba(255,255,255,.08)!important;color:#e8edf8!important;
  border:1px solid rgba(255,255,255,.16)!important;border-radius:999px!important;font-weight:750!important;box-shadow:none!important}
html[data-lp-theme]:not(#lp0) body .card.left:has(.home-main-title) .ctaRow a,html[data-lp-theme]:not(#lp0) body .card.left:has(.home-main-title) .ctaRow button{
  border-radius:14px!important;font-weight:850!important;padding:13px 22px!important;box-shadow:none!important}
html[data-lp-theme]:not(#lp0) body .card.left:has(.home-main-title) .ctaRow>*:last-child{background:#f5c02e!important;color:#1d1500!important;border:0!important}
html[data-lp-theme]:not(#lp0) body .card.left:has(.home-main-title) .ctaRow>*:first-child{background:transparent!important;color:#ffffff!important;border:1.5px solid rgba(255,255,255,.4)!important}
/* « Les perfs du moment » */
html[data-lp-theme]:not(#lp0) body section.highlights{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
html[data-lp-theme]:not(#lp0) body section.highlights>h2{color:var(--lp-ink)!important;-webkit-text-fill-color:var(--lp-ink)!important;font-size:20px!important;margin:6px 2px 12px!important}
html[data-lp-theme]:not(#lp0) body .hl-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;gap:12px!important}
html[data-lp-theme]:not(#lp0) body .hl-card{position:relative;background:var(--lp-surface)!important;background-image:none!important;border:1px solid var(--lp-line)!important;
  border-radius:18px!important;box-shadow:var(--lp-shadow)!important;padding:16px 16px 14px!important;overflow:hidden;color:var(--lp-ink)!important}
html[data-lp-theme]:not(#lp0) body .hl-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--hl-c,var(--lp-gold))}
html[data-lp-theme]:not(#lp0) body .hl-card::after{display:none!important}
html[data-lp-theme] body .hl-rate{--hl-c:var(--lp-blue)}html[data-lp-theme] body .hl-gains{--hl-c:var(--lp-gold)}html[data-lp-theme] body .hl-roi{--hl-c:var(--lp-green)}
html[data-lp-theme] body .hl-group{--hl-c:var(--lp-violet)}html[data-lp-theme] body .hl-bonus{--hl-c:var(--lp-amber)}html[data-lp-theme] body .hl-score{--hl-c:var(--lp-red)}
html[data-lp-theme]:not(#lp0) body .hl-title{color:var(--lp-muted)!important;font-weight:800!important;font-size:12.5px!important;letter-spacing:.02em}
html[data-lp-theme]:not(#lp0) body .hl-ico{background:var(--lp-surface-2)!important;border:1px solid var(--lp-line)!important;border-radius:10px!important;box-shadow:none!important}
html[data-lp-theme]:not(#lp0) body .hl-big{color:var(--lp-ink)!important;-webkit-text-fill-color:var(--lp-ink)!important;background:none!important;font-weight:900!important;letter-spacing:-.03em;text-shadow:none!important}
html[data-lp-theme]:not(#lp0) body .hl-who{background:var(--lp-surface-2)!important;color:var(--lp-ink-2)!important;border:1px solid var(--lp-line)!important;border-radius:999px!important;box-shadow:none!important;font-weight:800!important}
html[data-lp-theme]:not(#lp0) body .hl-muted{color:var(--lp-muted)!important}
html[data-lp-theme]:not(#lp0) body .hl-link{background:var(--lp-surface-2)!important;color:var(--lp-blue)!important;border:1px solid var(--lp-line)!important;border-radius:999px!important;box-shadow:none!important;font-weight:750!important}
html[data-lp-theme]:not(#lp0) body:has(.home-main-title) .features,html[data-lp-theme]:not(#lp0) body:has(.home-main-title) .foot{background:transparent!important;border:0!important;box-shadow:none!important}
html[data-lp-theme]:not(#lp0) body:has(.home-main-title) .foot a{color:var(--lp-muted)!important;font-weight:700}
html[data-lp-theme]:not(#lp0) body:has(.home-main-title) .wrap{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important}
html[data-lp-theme]:not(#lp0) body .home-main-title{font-size:clamp(28px,8.2vw,56px)!important;overflow-wrap:anywhere}
html[data-lp-theme]:not(#lp0) body .home-main-title>*:first-child:not(:last-child){color:#ffffff!important;-webkit-text-fill-color:#ffffff!important}
html[data-lp-theme]:not(#lp0) body .home-main-title>*:last-child{color:#f5c02e!important;-webkit-text-fill-color:#f5c02e!important;display:block;font-size:.62em;letter-spacing:-.02em;margin-top:6px}
html[data-lp-theme]:not(#lp0) body .hl-card::before{z-index:1}
@media (min-width:900px){html[data-lp-theme]:not(#lp0) body .card.left:has(.home-main-title) .ctaRow{display:flex;gap:12px;flex-wrap:wrap}}
html[data-lp-theme]:not(#lp0) body section.highlights::before,html[data-lp-theme]:not(#lp0) body section.highlights::after,
html[data-lp-theme]:not(#lp0) body:has(.home-main-title) .wrap::before,html[data-lp-theme]:not(#lp0) body:has(.home-main-title) .wrap::after{display:none!important}
html[data-lp-theme]:not(#lp0) body .home-main-title,html[data-lp-theme]:not(#lp0) body .home-main-title>*{white-space:normal!important}
@media (max-width:700px){
  html[data-lp-theme]:not(#lp0) body .card.left:has(.home-main-title){margin:12px 12px 18px!important;width:auto!important;border-radius:22px!important}
  html[data-lp-theme]:not(#lp0) body section.highlights{padding:0 12px!important}
}
html[data-lp-theme]:not(#lp0) body .hl-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))!important}
html[data-lp-theme]:not(#lp0) body .hl-big{font-size:clamp(26px,3.2vw,34px)!important;white-space:nowrap!important}
/* Pages de compte (connexion, inscription, mot de passe) : le bouton de validation est l'action principale */
html[data-lp-theme]:not(#lp0) body:has(input[type=password]) form button[type=submit]:not(.btn-danger):not(.danger){
  background:var(--lp-gold)!important;background-image:none!important;color:var(--lp-gold-ink)!important;-webkit-text-fill-color:var(--lp-gold-ink)!important;
  border:0!important;box-shadow:0 10px 24px -14px var(--lp-gold)!important;border-radius:14px!important;font-weight:850!important}
/* Sommaire du guide : liens dans la couleur des liens du site */
html[data-lp-theme]:not(#lp0) body a.hn-item,html[data-lp-theme]:not(#lp0) body a.hn-item *{color:var(--lp-ink-2)!important;-webkit-text-fill-color:currentColor!important}
html[data-lp-theme]:not(#lp0) body a.hn-item:hover,html[data-lp-theme]:not(#lp0) body a.hn-item.active{background:var(--lp-surface-2)!important;color:var(--lp-ink)!important}
html[data-lp-theme]:not(#lp0) body:has(.home-main-title) .foot a{color:var(--lp-ink-2)!important}
html[data-lp-theme]:not(#lp0) body .ticker-foot a{color:var(--lp-blue)!important;font-weight:750}

html[data-lp-theme]:not(#lp0):not(#lp1) body select.pick-select:disabled{opacity:1!important;cursor:default}
html[data-lp-theme]:not(#lp0):not(#lp1) body td.pick-cell>*:not(select){background:transparent!important;background-image:none!important;box-shadow:none!important}
/* Conteneurs des légendes : fond de carte dans les deux thèmes */
html[data-lp-theme]:not(#lp0) body .legend.legend--match-states,html[data-lp-theme]:not(#lp0) body .legend.legend--pick-states{
  background:var(--lp-surface)!important;background-image:none!important;border:1px solid var(--lp-line)!important;border-radius:12px!important;box-shadow:none!important}

/* =====================================================================
   22. Retardataires (mode « alimesque ») : lignes « Dicté par / Payé par » et bloc d'explication
   ===================================================================== */
html[data-lp-theme]:not(#lp0):not(#lp1) body .grid-table tr.late-dict-row th,
html[data-lp-theme]:not(#lp0):not(#lp1) body .grid-table thead tr.late-dict-row th.late-role-base{
  background:var(--lp-surface-2)!important;background-image:none!important;color:var(--lp-ink)!important;-webkit-text-fill-color:var(--lp-ink)!important;
  border-color:var(--lp-line)!important;box-shadow:none!important;text-shadow:none!important}
html[data-lp-theme]:not(#lp0):not(#lp1) body .grid-table tr.late-pay-row th{border-top:1px dashed var(--lp-line)!important}
html[data-lp-theme]:not(#lp0):not(#lp1) body .grid-table tr.late-dict-row th.late-role-anchor::before,
html[data-lp-theme]:not(#lp0):not(#lp1) body .grid-table tr.late-dict-row th.late-role-anchor::after{background:none!important;box-shadow:none!important}
html[data-lp-theme]:not(#lp0):not(#lp1) body .late-role-title-overlay{color:var(--lp-ink)!important;-webkit-text-fill-color:var(--lp-ink)!important;font-weight:800!important;text-shadow:none!important}
html[data-lp-theme]:not(#lp0):not(#lp1) body .late-role-chip{background:var(--st-dict-bg)!important;color:var(--st-dict)!important;border:1px solid color-mix(in srgb,var(--st-dict) 45%,transparent)!important;
  -webkit-text-fill-color:var(--st-dict)!important;border-radius:999px!important;font-weight:850!important;box-shadow:none!important}
html[data-lp-theme]:not(#lp0):not(#lp1) body .late-pay-row .late-role-chip{background:var(--lp-gold-soft)!important;color:var(--lp-gold-text)!important;-webkit-text-fill-color:var(--lp-gold-text)!important;border-color:var(--lp-gold-line)!important}
html[data-lp-theme]:not(#lp0):not(#lp1) body .late-dict-fixed,html[data-lp-theme]:not(#lp0):not(#lp1) body .late-role-fixed,html[data-lp-theme]:not(#lp0):not(#lp1) body .late-role-na{
  color:var(--lp-ink-2)!important;-webkit-text-fill-color:var(--lp-ink-2)!important;background:transparent!important;font-weight:750!important}
/* Bloc d'explication : texte secondaire mais LISIBLE dans les deux thèmes */
html[data-lp-theme]:not(#lp0):not(#lp1) body #rapportsCard .late-expert-rules,html[data-lp-theme]:not(#lp0):not(#lp1) body .late-expert-rules{border-color:var(--lp-line)!important;background:transparent!important}
html[data-lp-theme]:not(#lp0):not(#lp1) body #rapportsCard .late-expert-rule,html[data-lp-theme]:not(#lp0):not(#lp1) body .late-expert-rule{background:transparent!important;border-color:var(--lp-line-soft)!important;opacity:1!important}
html[data-lp-theme]:not(#lp0):not(#lp1) body #rapportsCard .late-expert-rule-key,html[data-lp-theme]:not(#lp0):not(#lp1) body .late-expert-rule-key{
  color:var(--lp-ink)!important;-webkit-text-fill-color:var(--lp-ink)!important;font-weight:850!important;opacity:1!important}
html[data-lp-theme]:not(#lp0):not(#lp1) body #rapportsCard .late-expert-rule-text,html[data-lp-theme]:not(#lp0):not(#lp1) body .late-expert-rule-text,
html[data-lp-theme]:not(#lp0):not(#lp1) body #rapportsCard .late-expert-lead,html[data-lp-theme]:not(#lp0):not(#lp1) body .late-expert-lead,
html[data-lp-theme]:not(#lp0):not(#lp1) body #rapportsCard .late-expert-account,html[data-lp-theme]:not(#lp0):not(#lp1) body .late-expert-account,html[data-lp-theme]:not(#lp0):not(#lp1) body .late-expert-account span:not(.late-expert-rule-key){
  color:var(--lp-ink-2)!important;-webkit-text-fill-color:var(--lp-ink-2)!important;opacity:1!important;font-size:13.5px!important;line-height:1.5!important}
html[data-lp-theme]:not(#lp0):not(#lp1) body #rapportsCard .late-expert-rule-text strong,html[data-lp-theme]:not(#lp0):not(#lp1) body .late-expert-rule-text strong{color:var(--lp-ink)!important;-webkit-text-fill-color:var(--lp-ink)!important}
html[data-lp-theme]:not(#lp0):not(#lp1) body .late-expert-title{color:var(--lp-ink)!important;-webkit-text-fill-color:var(--lp-ink)!important}

/* =====================================================================
   23. Événements en direct (coup d'envoi, but…) : un signal net mais bref, sans flash agressif
   ===================================================================== */
@keyframes lp2CellFlash{0%{opacity:0}12%{opacity:1}100%{opacity:0}}
@keyframes lp2RowMark{0%{box-shadow:inset 4px 0 0 var(--lp-gold),inset 0 0 0 9999px color-mix(in srgb,var(--lp-gold) 16%,transparent)}
  100%{box-shadow:inset 4px 0 0 transparent,inset 0 0 0 9999px transparent}}
@keyframes lp2PodiumMark{0%{box-shadow:0 0 0 2px var(--lp-gold-line)}100%{box-shadow:0 0 0 0 transparent}}
html[data-lp-theme]:not(#lp0):not(#lp1) body table.grid-table tbody td.flash-change::after{
  background:color-mix(in srgb,var(--lp-gold) 22%,transparent)!important;animation:lp2CellFlash 2.8s ease-out 1 forwards!important;filter:none!important}
html[data-lp-theme]:not(#lp0):not(#lp1) body table.grid-table tbody tr.flash-change{animation:lp2RowMark 2.8s ease-out 1 forwards!important;filter:none!important}
html[data-lp-theme]:not(#lp0):not(#lp1) body table.grid-table tbody tr.flash-change>td{animation:none!important;filter:none!important}
html[data-lp-theme]:not(#lp0):not(#lp1) body .general-live-podium.glp-changed{animation:lp2PodiumMark 2.8s ease-out 1!important;filter:none!important}
html[data-lp-theme]:not(#lp0):not(#lp1) body .general-live-podium.glp-changed .glp-row{animation:lp2RowMark 2.8s ease-out 1!important}
@media (prefers-reduced-motion:reduce){
  html[data-lp-theme]:not(#lp0):not(#lp1) body table.grid-table tbody td.flash-change::after,
  html[data-lp-theme]:not(#lp0):not(#lp1) body table.grid-table tbody tr.flash-change,
  html[data-lp-theme]:not(#lp0):not(#lp1) body .general-live-podium.glp-changed,
  html[data-lp-theme]:not(#lp0):not(#lp1) body .general-live-podium.glp-changed .glp-row{animation:none!important}
}
/* Fenêtre « progression des pronostics » de la grille */
html[data-lp-theme]:not(#lp0) body .lf-prono-progress-dialog{background:var(--lp-surface)!important;color:var(--lp-ink)!important;border:1px solid var(--lp-line)!important;
  border-radius:20px!important;box-shadow:0 30px 70px -24px rgba(6,12,24,.55)!important}
html[data-lp-theme]:not(#lp0) body .lf-prono-progress-title{color:var(--lp-ink)!important;-webkit-text-fill-color:var(--lp-ink)!important}
html[data-lp-theme]:not(#lp0):not(#lp1) body #rapportsCard .late-expert-rule-key,html[data-lp-theme]:not(#lp0):not(#lp1) body .late-expert-rule-key{
  background:var(--lp-surface-2)!important;background-image:none!important;border:1px solid var(--lp-line)!important;border-radius:999px!important;
  font-size:11.5px!important;letter-spacing:.02em;padding:2px 9px!important;box-shadow:none!important;text-transform:none!important}
html[data-lp-theme]:not(#lp0):not(#lp1) body #rapportsCard .late-expert-rule.is-sub .late-expert-rule-key,html[data-lp-theme]:not(#lp0):not(#lp1) body .late-expert-rule.is-sub .late-expert-rule-key{background:var(--st-subst-bg)!important;color:var(--st-subst)!important;-webkit-text-fill-color:var(--st-subst)!important;border-color:color-mix(in srgb,var(--st-subst) 40%,transparent)!important}
html[data-lp-theme]:not(#lp0):not(#lp1) body #rapportsCard .late-expert-rule.is-dict .late-expert-rule-key,html[data-lp-theme]:not(#lp0):not(#lp1) body .late-expert-rule.is-dict .late-expert-rule-key{background:var(--st-dict-bg)!important;color:var(--st-dict)!important;-webkit-text-fill-color:var(--st-dict)!important;border-color:color-mix(in srgb,var(--st-dict) 40%,transparent)!important}
html[data-lp-theme]:not(#lp0):not(#lp1) body #rapportsCard .late-expert-account .late-expert-rule-key,html[data-lp-theme]:not(#lp0):not(#lp1) body .late-expert-account .late-expert-rule-key{background:var(--lp-gold-soft)!important;color:var(--lp-gold-text)!important;-webkit-text-fill-color:var(--lp-gold-text)!important;border-color:var(--lp-gold-line)!important}
html[data-lp-theme]:not(#lp0):not(#lp1) body .late-expert-guide strong{font-size:inherit!important;font-weight:800!important;color:var(--lp-ink)!important;-webkit-text-fill-color:var(--lp-ink)!important}
html[data-lp-theme]:not(#lp0):not(#lp1) body .late-expert-rule,html[data-lp-theme]:not(#lp0):not(#lp1) body .late-expert-account{display:flex!important;gap:10px!important;align-items:baseline!important;padding:7px 0!important}
html[data-lp-theme]:not(#lp0):not(#lp1) body .late-expert-guide .late-expert-rule-key{flex:0 0 auto!important;width:auto!important;min-width:max-content!important;max-width:none!important;
  margin:0!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;justify-self:start!important;text-align:left!important}
html[data-lp-theme]:not(#lp0):not(#lp1) body .late-expert-guide .late-expert-rule,html[data-lp-theme]:not(#lp0):not(#lp1) body .late-expert-guide .late-expert-account{padding-left:2px!important;grid-template-columns:none!important}

/* Colonnes figées de la grille (n°, domicile, extérieur, statut) : fond OPAQUE, les pronostics défilent dessous sans transparaître */
html[data-lp-theme]:not(#lp0):not(#lp1) body .grid-table td.col-num,html[data-lp-theme]:not(#lp0):not(#lp1) body .grid-table td.col-home,
html[data-lp-theme]:not(#lp0):not(#lp1) body .grid-table td.col-away,html[data-lp-theme]:not(#lp0):not(#lp1) body .grid-table td.col-stat{background-color:var(--lp-surface)!important;background-image:none!important}
html[data-lp-theme]:not(#lp0):not(#lp1) body .grid-table tbody tr:nth-child(even) td.col-num,html[data-lp-theme]:not(#lp0):not(#lp1) body .grid-table tbody tr:nth-child(even) td.col-home,
html[data-lp-theme]:not(#lp0):not(#lp1) body .grid-table tbody tr:nth-child(even) td.col-away,html[data-lp-theme]:not(#lp0):not(#lp1) body .grid-table tbody tr:nth-child(even) td.col-stat{background-color:var(--lp-surface-2)!important}
html[data-lp-theme]:not(#lp0):not(#lp1) body .grid-table th.col-num,html[data-lp-theme]:not(#lp0):not(#lp1) body .grid-table th.col-home,
html[data-lp-theme]:not(#lp0):not(#lp1) body .grid-table th.col-away,html[data-lp-theme]:not(#lp0):not(#lp1) body .grid-table th.col-stat{background-color:var(--lp-surface-2)!important;background-image:none!important}
html[data-lp-theme]:not(#lp0):not(#lp1) body .grid-table td.col-stat{box-shadow:6px 0 10px -8px rgba(11,20,36,.35)!important}   /* ombre de séparation avec la partie qui défile */

/* Libellés « Choix · Dicté par » et « Ticket · Payé par » : alignés à droite sur la colonne Statut/score, sans déborder */
html[data-lp-theme]:not(#lp0):not(#lp1) body .grid-table thead tr.late-dict-row th.col-stat{overflow:visible!important;z-index:81!important;position:sticky!important}
html[data-lp-theme]:not(#lp0):not(#lp1) body .grid-table thead tr.late-dict-row th.col-stat .late-role-title-overlay{
  position:absolute!important;right:8px!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;width:auto!important;max-width:none!important;
  display:inline-flex!important;align-items:center!important;gap:6px!important;white-space:nowrap!important;background:transparent!important;margin:0!important;padding:0!important}
html[data-lp-theme]:not(#lp0):not(#lp1) body .grid-table thead tr.late-dict-row th.late-role-anchor::before,
html[data-lp-theme]:not(#lp0):not(#lp1) body .grid-table thead tr.late-dict-row th.late-role-anchor::after{content:none!important;display:none!important}

/* Explications des retardataires : taille compacte sur téléphone (texte 11 px, étiquettes 9,5 px) */
@media (max-width:760px){
  html[data-lp-theme]:not(#lp0):not(#lp1) body #rapportsCard .late-expert-rule-text,html[data-lp-theme]:not(#lp0):not(#lp1) body .late-expert-rule-text,
  html[data-lp-theme]:not(#lp0):not(#lp1) body #rapportsCard .late-expert-lead,html[data-lp-theme]:not(#lp0):not(#lp1) body .late-expert-lead,
  html[data-lp-theme]:not(#lp0):not(#lp1) body #rapportsCard .late-expert-account,html[data-lp-theme]:not(#lp0):not(#lp1) body .late-expert-account,
  html[data-lp-theme]:not(#lp0):not(#lp1) body .late-expert-account span:not(.late-expert-rule-key),
  html[data-lp-theme]:not(#lp0):not(#lp1) body .late-expert-guide strong{font-size:11px!important;line-height:1.4!important}
  html[data-lp-theme]:not(#lp0):not(#lp1) body #rapportsCard .late-expert-rule-key,html[data-lp-theme]:not(#lp0):not(#lp1) body .late-expert-guide .late-expert-rule-key{font-size:9.5px!important;padding:1px 6px!important}
  html[data-lp-theme]:not(#lp0):not(#lp1) body .late-expert-rule,html[data-lp-theme]:not(#lp0):not(#lp1) body .late-expert-account{gap:6px!important;padding:3px 0!important}
  html[data-lp-theme]:not(#lp0):not(#lp1) body .late-expert-guide{margin-bottom:6px!important}
}
/* Bouton flottant de la page (cloche de test des événements) : au-dessus des onglets du bas */
@media (max-width:1079.98px){html[data-lp-theme] body.lp2-shell #lfDebugFlashFab{bottom:calc(84px + env(safe-area-inset-bottom,0px))!important}}

/* =====================================================================
   24. Bouton « Retour » (barre du haut, toutes les pages sauf Mes groupes)
   ===================================================================== */
html[data-lp-theme] body #lfTabsBar .lp2-back{display:inline-flex;align-items:center;gap:4px;flex:none;height:38px;padding:0 12px 0 8px;margin-right:10px;border-radius:12px;
  background:var(--lp-surface-2);border:1.5px solid var(--lp-line);color:var(--lp-ink)!important;text-decoration:none!important;font:800 13.5px var(--lp-font)}
html[data-lp-theme] body #lfTabsBar .lp2-back:hover{border-color:var(--lp-blue-line);background:var(--lp-surface)}
html[data-lp-theme] body #lfTabsBar .lp2-back .lp2-ico{width:18px;height:18px;stroke-width:2.4}
@media (max-width:700px){
  html[data-lp-theme] body #lfTabsBar .lp2-back{width:38px;padding:0;justify-content:center;margin-right:6px}
  html[data-lp-theme] body #lfTabsBar .lp2-back .lp2-back-txt{display:none}
  /* place pour le bouton : le logo carré de la marque cède sa place sur téléphone */
  html[data-lp-theme] body.lp2-has-back #lfTabsBar .lfBrandLogo{display:none!important}
}
/* Pseudo sous l'avatar (barre du haut) : un peu d'air sous la photo (la page le collait avec une marge négative) */
html[data-lp-theme]:not(#lp0) body #lfTabsBar .lfAvatarPseudo{margin-top:-4px!important;display:inline-block;line-height:1.2}

/* =====================================================================
   oai-fix-20261028-v3 : thème clair « moins blanc, plus de couleur »
   Reste un thème clair (texte foncé, contrastes AA conservés) mais : fond bleu ciel doux avec halos bleu + or,
   cartes teintées (plus de blanc pur), filets plus marqués, liseré bleu en haut des cartes, pastilles plus franches.
   Seuls les jetons du thème clair sont redéfinis ; le thème sombre n'est pas touché.
   ===================================================================== */
html[data-lp-theme=light]{
  --lp-bg:#c7d9f1;--lp-bg-glow:#a9c8f2;--lp-surface:#edf4fd;--lp-surface-2:#dce8f8;--lp-surface-3:#c8d9f1;
  --lp-line:#9db6d9;--lp-line-soft:#b9cde8;
  --lp-ink:#0b1424;--lp-ink-2:#1f2f4d;--lp-muted:#3e5174;
  --lp-gold-soft:#ffe9a6;--lp-gold-line:#e3bb45;
  --lp-blue:#1650cf;--lp-blue-soft:#cadcfb;--lp-blue-line:#8fb0ea;
  --lp-green-soft:#c4ecd7;--lp-green-line:#86cfa9;
  --lp-violet-soft:#ddd2ff;
  --lp-red-soft:#fbd0d8;--lp-red-line:#ec9aab;
  --lp-amber-soft:#ffe0ad;
  --lp-shadow:0 1px 2px rgba(11,20,36,.10),0 12px 30px -18px rgba(22,80,207,.50),inset 0 3px 0 rgba(22,80,207,.28);
  --lp-header:rgba(212,227,247,.95);--lp-rail:#e1ecfa;--lp-rail-active:#ffe9a6;
}
html[data-lp-theme=light] body{
  background:radial-gradient(1000px 560px at 8% -40px,var(--lp-bg-glow),transparent 72%) no-repeat,
             radial-gradient(820px 480px at 96% -30px,rgba(242,183,5,.30),transparent 72%) no-repeat,
             var(--lp-bg)!important;
}

/* =====================================================================
   oai-fix-20261028-v6 : feuille de choix des pronostiques (remplace le menu natif blanc / noir)
   ===================================================================== */
html.lp2-pk-on body select.pick-select:not(.no-pick-required):not(:disabled),
html.lp2-pk-on body #matchSelect:not(:disabled){pointer-events:none!important}
.lp2-pk-ov{position:fixed;inset:0;z-index:2000000;background:rgba(6,12,24,.52);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
  opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s .2s}
.lp2-pk-ov.open{opacity:1;visibility:visible;transition:opacity .2s ease}
.lp2-pk{position:fixed;left:0;right:0;bottom:0;z-index:2000001;max-height:82vh;max-height:82dvh;display:flex;flex-direction:column;box-sizing:border-box;
  background:var(--lp-surface);color:var(--lp-ink);border:1px solid var(--lp-line);border-bottom:0;border-radius:22px 22px 0 0;
  padding:8px 16px calc(18px + env(safe-area-inset-bottom,0px));box-shadow:0 -18px 44px -18px rgba(0,0,0,.55),inset 0 3px 0 var(--lp-gold);
  font-family:var(--lp-font);transform:translateY(105%);visibility:hidden;transition:transform .22s ease,visibility 0s .22s}
.lp2-pk.open{transform:none;visibility:visible;transition:transform .22s ease}
.lp2-pk *{box-sizing:border-box;font-family:var(--lp-font)}
.lp2-pk-grab{width:42px;height:5px;border-radius:99px;background:var(--lp-line);margin:4px auto 10px;flex:none}
.lp2-pk-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px;flex:none}
.lp2-pk-ht{min-width:0}
.lp2-pk-title{font-size:18px;font-weight:850;letter-spacing:-.02em;color:var(--lp-ink);line-height:1.2}
.lp2-pk-sub{margin-top:3px;font-size:13.5px;font-weight:700;color:var(--lp-muted);line-height:1.25;overflow-wrap:anywhere}
.lp2-pk-sub:empty{display:none}
html[data-lp-theme] body .lp2-pk .lp2-pk-x{flex:none;width:36px;height:36px;min-height:0;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;
  background:var(--lp-surface-2)!important;color:var(--lp-ink)!important;border:1px solid var(--lp-line)!important;box-shadow:none!important;cursor:pointer}
.lp2-pk-body{overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0}
.lp2-pk-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
html[data-lp-theme] body .lp2-pk button.lp2-pk-big{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:auto!important;min-height:84px;padding:10px 6px;
  border-radius:16px;background:var(--lp-surface-2)!important;color:var(--lp-ink)!important;border:1.5px solid var(--lp-line)!important;box-shadow:none!important;
  cursor:pointer;text-transform:none!important;letter-spacing:normal!important;transition:transform .08s ease,background .12s ease}
html[data-lp-theme] body .lp2-pk button.lp2-pk-big b{font-size:32px;line-height:1;font-weight:900;color:var(--lp-blue)}
html[data-lp-theme] body .lp2-pk button.lp2-pk-big span{max-width:100%;font-size:12.5px;line-height:1.2;font-weight:750;color:var(--lp-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-lp-theme] body .lp2-pk button.lp2-pk-big:active{transform:scale(.96)}
html[data-lp-theme] body .lp2-pk button.lp2-pk-big.on{background:var(--lp-gold-soft)!important;border-color:var(--lp-gold)!important;box-shadow:0 0 0 2px var(--lp-gold-line) inset!important}
html[data-lp-theme] body .lp2-pk button.lp2-pk-big.on b{color:var(--lp-gold-text)}
html[data-lp-theme] body .lp2-pk button.lp2-pk-big.on span{color:var(--lp-ink)}
html[data-lp-theme] body .lp2-pk button.lp2-pk-clear{display:block;width:100%;height:auto!important;min-height:46px;margin-top:12px;padding:10px 14px;border-radius:14px;
  background:transparent!important;color:var(--lp-muted)!important;border:1.5px dashed var(--lp-gold-line)!important;box-shadow:none!important;font-size:14px;font-weight:800;cursor:pointer;text-transform:none!important}
html[data-lp-theme] body .lp2-pk button.lp2-pk-clear.on{background:var(--lp-gold-soft)!important;color:var(--lp-ink)!important}
.lp2-pk-body.is-list{display:flex;flex-direction:column;gap:6px}
html[data-lp-theme] body .lp2-pk button.lp2-pk-opt{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:auto!important;min-height:48px;padding:10px 14px;text-align:left;
  border-radius:14px;background:var(--lp-surface-2)!important;color:var(--lp-ink)!important;border:1.5px solid var(--lp-line-soft)!important;box-shadow:none!important;
  font-size:15px;font-weight:750;cursor:pointer;text-transform:none!important;letter-spacing:normal!important;white-space:normal!important}
html[data-lp-theme] body .lp2-pk button.lp2-pk-opt.on{background:var(--lp-gold-soft)!important;border-color:var(--lp-gold)!important;font-weight:850}
html[data-lp-theme] body .lp2-pk button.lp2-pk-opt.on svg{color:var(--lp-gold-text);flex:none}
html[data-lp-theme] body .lp2-pk button:focus-visible{outline:3px solid color-mix(in srgb,var(--lp-blue) 55%,transparent)!important;outline-offset:2px}
@media (min-width:1080px){
  .lp2-pk{left:50%;right:auto;bottom:auto;top:12vh;width:min(440px,92vw);border-radius:20px;border-bottom:1px solid var(--lp-line);
    transform:translate(-50%,-14px);opacity:0;transition:transform .2s ease,opacity .2s ease,visibility 0s .2s}
  .lp2-pk.open{transform:translate(-50%,0);opacity:1;transition:transform .2s ease,opacity .2s ease}
  .lp2-pk-grab{display:none}
}
/* Les menus déroulants natifs restants du site : au moins le même fond / texte que le thème (là où le navigateur le permet) */
html[data-lp-theme] body select option,html[data-lp-theme] body select optgroup{background-color:var(--lp-surface);color:var(--lp-ink)}

/* Fenetre "Pronostiques par joueur" (coach, "?" a cote de "Pronos valides") : etait sombre en dur, meme en theme clair */
html[data-lp-theme] body .pp-backdrop{background:rgba(6,12,24,.55)!important}
html[data-lp-theme] body .pp-box{background:var(--lp-surface)!important;color:var(--lp-ink)!important;border:1px solid var(--lp-line)!important;border-radius:20px!important;
  box-shadow:0 24px 56px -16px rgba(0,0,0,.55),inset 0 3px 0 var(--lp-gold)!important;font-family:var(--lp-font)}
html[data-lp-theme] body .pp-head{background:var(--lp-surface-2)!important;color:var(--lp-ink)!important;border-bottom:1px solid var(--lp-line)!important;
  padding:14px 14px 12px!important;font-size:1.08rem!important;font-weight:850!important;letter-spacing:-.01em}
html[data-lp-theme] body .pp-close{width:32px!important;height:32px!important;border-radius:11px!important;background:var(--lp-surface)!important;color:var(--lp-ink)!important;border:1px solid var(--lp-line)!important;font-size:.95rem}
html[data-lp-theme] body .pp-list{padding:10px 12px 14px!important;gap:7px!important}
html[data-lp-theme] body .pp-row{background:var(--lp-surface-2)!important;color:var(--lp-ink)!important;border:1px solid var(--lp-line-soft)!important;border-radius:12px!important;padding:9px 12px!important;font-size:.95rem!important;font-weight:700}
html[data-lp-theme] body .pp-row.done{background:var(--lp-green-soft)!important;border-color:var(--lp-green-line)!important}
html[data-lp-theme] body .pp-row .pp-count{color:var(--lp-muted)!important}
html[data-lp-theme] body .pp-row.done .pp-count{color:var(--lp-green)!important}

/* oai-fix-20261028-v7 : onglets du bas « Groupes / Compétitions » et « Grille » = fenêtres de choix (jamais d'ouverture directe) */
#lp2Tabs .lp2-navtab{position:relative}
#lp2Tabs .lp2-navtab[data-lp2-nav="comp"] span{font-size:9.5px;line-height:1.08;text-align:center;letter-spacing:-.01em}
#lp2Tabs .lp2-navtab[data-lp2-nav="comp"]{gap:2px}
#lp2Tabs .lp2-navtab[data-lp2-nav="comp"] .lp2-ico{width:20px;height:20px}
#lp2Rail .lp2-navitem{cursor:pointer}
.lp2-gridsheet .lp2-gr-list{margin-bottom:6px}
.lp2-gr{display:flex;align-items:center;gap:10px;padding:11px 14px;text-decoration:none!important;color:var(--lp-ink)!important;border-top:1px solid var(--lp-line-soft)}
.lp2-gr-list>.lp2-gr:first-child,.lp2-gr-comp>summary+.lp2-gr{border-top:0}
.lp2-gr .lp2-ico{width:18px;height:18px;flex:0 0 auto;color:var(--lp-gold-text)}
.lp2-gr-t{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}
.lp2-gr-t b{font-size:14.5px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lp2-gr-t small{font-size:12px;color:var(--lp-muted);font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lp2-gr-st{font-style:normal;font-size:11px;font-weight:850;border-radius:999px;padding:3px 9px;flex:0 0 auto;white-space:nowrap}
.lp2-gr-st.live{color:#0b6b3a;background:rgba(34,197,94,.18)}
.lp2-gr-st.done{color:var(--lp-muted);background:var(--lp-line-soft)}
html[data-lp-theme="dark"] .lp2-gr-st.live{color:#6ee7a3;background:rgba(34,197,94,.16)}
.lp2-gr em{font-style:normal;font-size:11px;font-weight:850;color:var(--lp-gold-text);background:var(--lp-gold-soft);border-radius:999px;padding:2px 8px;flex:0 0 auto}
.lp2-gr.cur{background:var(--lp-rail-active)}
.lp2-gr.closed .lp2-ico{color:var(--lp-muted)}
.lp2-gr:active{background:var(--lp-rail-active)}
.lp2-gr-comp{background:var(--lp-surface)}
.lp2-gr-comp summary small{white-space:nowrap}
.lp2-gr-comp summary b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lp2-gr-inner{padding:8px 8px 2px;border-top:1px solid var(--lp-line)}
.lp2-sw-empty{padding:12px 14px;color:var(--lp-muted);font-size:13px;font-weight:650}
.lp2-gridsheet .lp2-sw-sub b .lp2-ell{max-width:48vw}
.lp2-gr-comp summary .lp2-mode{white-space:nowrap;flex:0 0 auto}
.lp2-gr-comp>summary{padding:11px 12px;font-size:14.5px}
.lp2-gr-comp:not([open])>summary{border-bottom:0}
.lp2-gr-comp:not([open])>summary .lp2-ico:last-child{transform:none}
.lp2-gr-comp[open]>summary .lp2-ico:last-child{transform:rotate(180deg)}
.lp2-gr-comp>summary .lp2-ico:first-child{color:var(--lp-gold-text)}
body:has(.lp2-sheet.open) #installBar,body:has(.lp2-sheet.open) #iosMiniHelp{display:none!important}

/* oai-fix-20261029-v8 : ordinateur — le bandeau « Installer LotoPotos » (accueil, page du groupe) et l'aide iPhone ne recouvrent plus le bas de la barre latérale
   (ils couvraient toute la largeur, au-dessus d'elle : les entrées du bas — Administration, Rechercher — ne répondaient plus aux clics). */
@media (min-width:1080px){
  html[data-lp-theme] body.lp2-shell #installBar,
  html[data-lp-theme] body.lp2-shell #iosMiniHelp,
  html[data-lp-theme] body.lp2-shell #iosHow{left:264px!important}
}

/* oai-fix-20261029-v9 : navigation — les onglets ouvrent des pages ; le choix de la compétition se fait par le fil d'Ariane
   (bandeau / boîte « Vous êtes ici ») ; le choix d'une autre grille se fait depuis la grille. */
/* Bandeau « Vous êtes ici » (téléphone) : fil d'Ariane cliquable */
#lp2Where,#lp2Where *{box-sizing:border-box}          /* le bandeau est maintenant un <div> : largeur 100 % marges comprises, comme l'ancien bouton */
#lp2Where{cursor:default}
#lp2Where a,#lp2Where button{font:inherit;color:inherit;text-decoration:none!important;background:transparent!important;border:0!important;padding:0!important;
  margin:0;cursor:pointer;text-align:left;font-family:var(--lp-font)!important;height:auto!important;min-height:0!important;line-height:1.3!important;
  text-transform:none!important;letter-spacing:normal!important;box-shadow:none!important;border-radius:0}
#lp2Where .lp2-where-g{color:var(--lp-muted)!important}
#lp2Where .lp2-where-c{color:var(--lp-ink)!important}
#lp2Where .lp2-where-none{color:var(--lp-blue)!important;font-weight:800!important}
#lp2Where a:active .lp2-ell,#lp2Where .lp2-where-none:active .lp2-ell{text-decoration:underline}
#lp2Where .lp2-where-btn{padding:4px 8px!important;border-radius:999px!important;background:var(--lp-blue-soft)!important;color:var(--lp-blue)!important;font-size:12px!important;font-weight:850!important}
/* Boîte « Vous êtes ici » de la barre latérale (ordinateur) */
#lp2Rail .lp2-comp>a,#lp2Rail .lp2-comp>button{display:flex;align-items:center;gap:8px;min-width:0;width:100%;text-align:left;background:transparent!important;
  border:0!important;padding:0!important;margin:0;cursor:pointer;text-decoration:none!important;font-family:var(--lp-font)!important;box-shadow:none!important;border-radius:0}
#lp2Rail .lp2-comp>a:hover>span,#lp2Rail .lp2-comp>button:hover>span,#lp2Rail .lp2-comp>.lp2-switch:hover{text-decoration:underline}
#lp2Rail .lp2-comp-g{font-size:12.5px!important;font-weight:750!important;color:var(--lp-muted)!important}
#lp2Rail .lp2-comp-c{margin-top:5px!important;font-size:14.5px!important;font-weight:850!important;color:var(--lp-ink)!important}
#lp2Rail .lp2-comp-c i{font-style:normal;color:var(--lp-blue)}
#lp2Rail .lp2-comp-c>span{white-space:normal!important;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25}   /* nom long : deux lignes plutôt qu'une troncature */
#lp2Rail .lp2-switch{display:block;width:100%;margin-top:8px!important;font-size:12px!important;font-weight:800!important;color:var(--lp-blue)!important}
#lp2Rail .lp2-switch::after,#lp2Rail .lp2-navitem::after,#lp2Rail .lp2-pick::after{content:"▾";margin-left:auto;padding-left:8px;font-size:11px;opacity:.75}
#lp2Rail .lp2-switch::after{margin-left:4px;padding-left:0}
#lp2Rail .lp2-sec{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#lp2Rail .lp2-sec-comp{color:var(--lp-gold-text)}
/* Onglets estompés (aucune compétition connue) : un appui ouvre « Choisir une compétition » */
#lp2Tabs .lp2-pick{opacity:.55}
/* Bouton « Autres grilles » / « Toutes les grilles » dans le titre de la grille et sur l'accueil de la compétition */
.lp2-gridpick{display:inline-flex!important;align-items:center;gap:1px;vertical-align:middle;margin:0 0 0 10px!important;padding:3px 7px 3px 10px!important;border-radius:999px!important;
  border:1.5px solid var(--lp-blue-line)!important;background:var(--lp-blue-soft)!important;color:var(--lp-blue)!important;-webkit-text-fill-color:var(--lp-blue)!important;
  font:800 12px/1.3 var(--lp-font)!important;cursor:pointer;text-transform:none!important;letter-spacing:normal!important;height:auto!important;min-height:0!important;
  box-shadow:none!important;white-space:nowrap;width:auto!important;background-image:none!important}
.lp2-gridpick .lp2-ico{width:14px;height:14px;stroke:currentColor}
.lp2-gridpick:hover{border-color:var(--lp-blue)!important}
.last-grid-left .lp2-gridpick{margin-left:8px!important}
.lg-actions .lp2-gridpick{margin:0!important;align-self:center}

/* oai-fix-20261030-v10 + oai-fix-20261030-v11 : vue Coach — texte du chat plus grand (13,8 px → 16 px), interligne plus aéré ;
   messages d'information, étiquettes et zone de saisie suivent. Les boutons et la grille ne changent pas. */
html[data-lp-theme] body .coach-chat-card .chat-log .msg{font-size:1rem!important;line-height:1.5!important}
html[data-lp-theme] body .coach-chat-card .chat-log .msg.info{font-size:.88rem!important}
html[data-lp-theme] body .coach-chat-card .chat-log .msg.thinking{font-size:.92rem!important}
html[data-lp-theme] body .coach-chat-card .chat-log .msg-kicker{font-size:1.02rem!important}
html[data-lp-theme] body .coach-chat-card .chat-inputline #chatInput{font-size:.95rem!important}

/* oai-fix-20261030-v12 : bandeau « compétition terminée » + étiquette « terminée » dans le fil d'Ariane et la barre latérale */
#lp2State{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0;padding:9px 14px;font:650 13px/1.35 var(--lp-font);color:var(--lp-ink);
  background:var(--lp-surface-2);border-bottom:1px solid var(--lp-line);border-left:4px solid var(--lp-gold);box-sizing:border-box}
#lp2State .lp2-state-ico{font-size:17px;line-height:1;flex:none}
#lp2State .lp2-state-txt{flex:1 1 200px;min-width:0}
#lp2State .lp2-state-txt b{font-weight:850}
#lp2State em{font-style:normal;font-weight:800}
#lp2State em.ok{color:var(--lp-green)}
#lp2State em.todo{color:var(--lp-gold-text)}
#lp2State .lp2-state-go{flex:none;margin-left:auto;padding:5px 11px;border-radius:999px;background:var(--lp-blue-soft);color:var(--lp-blue)!important;font-weight:800;font-size:12.5px;text-decoration:none!important;white-space:nowrap}
@media (min-width:1080px){html[data-lp-theme] body.lp2-shell #lp2State{margin:10px 16px 0;border-radius:12px;border:1px solid var(--lp-line);border-left:4px solid var(--lp-gold)}}
html[data-lp-theme] body.coach-mode #lp2State{display:none!important}
.lp2-closed-tag{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:var(--lp-surface-2);border:1px solid var(--lp-line);color:var(--lp-muted);font-size:10.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;vertical-align:middle;line-height:1.5}
#lp2Rail .lp2-comp-c .lp2-closed-tag{font-size:10px}
.lp2-closed-tag.tiny{padding:0 5px;font-size:12px;line-height:1.4;background:transparent;border-color:transparent}

/* oai-fix-20261030-v14 : pages principales sans bandeau — la vignette d'état existante est rendue plus visible, et un petit
   bouton de saut (« Ligue 1 2026/27 → », « Grille en cours (LF 12 · n°12) → ») se place à côté d'elle. */
html[data-lp-theme] body .topbar .topbar-status-chip{font-size:.78rem!important;padding:3px 10px!important;font-weight:850!important;letter-spacing:.02em!important;line-height:1.3!important}
html[data-lp-theme] body .topbar .topbar-status-chip.is-active{background:var(--lp-green-soft)!important;color:var(--lp-green)!important;border:1.5px solid var(--lp-green-line)!important}
html[data-lp-theme] body .topbar .topbar-status-chip.is-active::before{content:"● ";font-size:.75em}
html[data-lp-theme] body .topbar .topbar-status-chip.is-closed{background:var(--lp-surface-2)!important;color:var(--lp-ink)!important;border:1.5px solid var(--lp-line)!important}
html[data-lp-theme] body .topbar .topbar-status-chip.is-closed::before{content:"🏁 "}
html[data-lp-theme] body .topbar .topbar-status-chip.is-inactive{border-width:1.5px!important}
html[data-lp-theme] body .topbar h1.section-title .badge{font-size:.8rem!important;padding:3px 10px!important;font-weight:850!important;vertical-align:middle;border-width:1.5px!important}
html[data-lp-theme] body .topbar h1.section-title .badge.badge-grey::before{content:"🏁 "}
.lp2-jump{display:inline-flex!important;align-items:center;gap:2px;vertical-align:middle;margin-left:8px;padding:3px 10px!important;border-radius:999px!important;
  background:var(--lp-blue-soft)!important;color:var(--lp-blue)!important;-webkit-text-fill-color:var(--lp-blue)!important;border:1.5px solid var(--lp-blue-line)!important;
  font:800 12px/1.3 var(--lp-font)!important;text-decoration:none!important;white-space:nowrap;text-transform:none!important;letter-spacing:normal!important;box-shadow:none!important;background-image:none!important}
.lp2-jump:hover{border-color:var(--lp-blue)!important}
html[data-lp-theme] body .topbar h1.section-title .small-muted .lp2-jump{font-size:12px!important}
html[data-lp-theme] body.coach-mode .lp2-jump{display:none!important}
html[data-lp-theme] body .topbar .topbar-context-line{flex-wrap:wrap!important;row-gap:6px!important}   /* le bouton passe à la ligne sur un écran étroit */