/* BetShot theme — 9 Nov 2026. "Le ticket" : nuit d'encre, or de ticket de
   pari pour la marque, vert/corail réservés aux gains et pertes. Chargé en
   dernier : redéfinit les jetons et la typographie de toutes les vues. */
:root{
  --ink:#0E1220;--bg:#0E1220;--panel:#161B2B;--panel2:#121726;--raised:#1D2336;
  --border:#252C42;--line-soft:#1E2436;
  --text:#ECEFF7;--muted:#959DB4;--faint:#6C748C;
  --gold:#F4C35A;--gold-ink:#2A1F05;--gold-soft:rgba(244,195,90,.12);
  --gain:#44D69E;--loss:#FF7183;
  --accent:#F4C35A;--danger:#FF7183;--warn:#F4C35A;
  --display:'Bricolage Grotesque','Instrument Sans',system-ui,sans-serif;
  --body:'Instrument Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --r-lg:18px;--r-md:12px;--r-sm:9px;
  --shadow:0 1px 0 rgba(255,255,255,.03) inset,0 20px 40px -24px rgba(0,0,0,.6);
}
html{background:var(--ink)}
body{font-family:var(--body);background:var(--ink);color:var(--text);font-feature-settings:'tnum' 1,'ss01' 1;-webkit-font-smoothing:antialiased}
h1,h2,h3,.page-intro h2,.modal-head h3,.panel-head h3{font-family:var(--display);letter-spacing:-.02em;font-weight:650}
::selection{background:var(--gold);color:var(--gold-ink)}
button:focus-visible,summary:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* Gains et pertes : jamais la couleur de marque. */
.positive,.value.positive,.recent-profit.positive{color:var(--gain)!important}
.negative,.value.negative,.recent-profit.negative{color:var(--loss)!important}

/* Petits libellés : casse de phrase, sans espacement, discrets. */
.eyebrow,.curve-kicker{display:inline-block;color:var(--faint);letter-spacing:0;font-size:12px;font-weight:600;text-transform:lowercase}
.eyebrow::first-letter,.curve-kicker::first-letter{text-transform:uppercase}

/* Barre latérale */
.tracker-nav{background:var(--panel2);border-right:1px solid var(--line-soft)}
.nav-brand .brand-mark,.brand-mark{background:var(--gold);color:var(--gold-ink);font-family:var(--display);font-weight:800;border-radius:11px}
.nav-brand strong{font-family:var(--display);font-weight:700;letter-spacing:-.02em}
.nav-label{display:block;color:var(--faint);letter-spacing:0;text-transform:lowercase;font-size:12px;font-weight:600}.nav-label::first-letter{text-transform:uppercase}
.tracker-nav button{border-radius:10px;color:var(--muted);font-weight:500;position:relative}
.tracker-nav button:hover{background:rgba(255,255,255,.035);color:var(--text)}
.tracker-nav button.active{background:var(--raised);color:var(--text);border-color:transparent}
.tracker-nav button.active>span:first-child{color:var(--gold)}
@media(min-width:761px){.tracker-nav button.active::before{content:'';position:absolute;left:-16px;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--gold)}}
.nav-foot{color:var(--faint)}

/* Barre du haut */
.topbar{background:transparent;border-bottom:1px solid var(--line-soft)}
.topbar .eyebrow{color:var(--faint)}

/* Boutons */
.btn{border-radius:var(--r-sm);font-weight:600;border:1px solid var(--border);background:transparent;color:var(--text)}
.btn:hover{border-color:#3A4360;background:rgba(255,255,255,.03)}
.btn.primary,#openUpload{background:var(--gold);border-color:var(--gold);color:var(--gold-ink);font-weight:700}
.btn.primary:hover,#openUpload:hover{background:#FFD06B;border-color:#FFD06B}
.btn:disabled,.btn.primary:disabled{opacity:.45;cursor:not-allowed}
select,input,textarea{background:var(--panel2);border:1px solid var(--border);color:var(--text);border-radius:var(--r-sm)}
select:hover,input:hover{border-color:#3A4360}

/* Surfaces : une seule ombre, rayon selon la hiérarchie. */
.panel,.modal-card{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--r-lg);box-shadow:var(--shadow)}
.help-text{color:var(--muted)}

/* En-tête de page */
.page-intro h2{font-size:40px;font-weight:700;letter-spacing:-.035em;line-height:1.05}
.page-intro p{font-size:15px;max-width:60ch}

/* Bilan : le bénéfice net est le ticket gagnant, le reste est discret. */
#summaryCards{display:grid;grid-template-columns:minmax(0,1.55fr) repeat(2,minmax(0,1fr));gap:0;background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow)}
#summaryCards .stat-card{background:transparent;border:0;border-radius:0;box-shadow:none;padding:22px 24px;border-left:1px solid var(--line-soft);border-top:1px solid var(--line-soft);min-width:0;grid-column:auto}
#summaryCards .stat-card:nth-child(2),#summaryCards .stat-card:nth-child(3){border-top:0}
#summaryCards .stat-card .label{color:var(--muted);font-size:13px;font-weight:500}
#summaryCards .stat-card .value{font-family:var(--display);font-size:30px;font-weight:650;letter-spacing:-.03em;margin:6px 0 4px;color:var(--text)}
#summaryCards .stat-card small{color:var(--faint);font-size:12px;line-height:1.45}
#summaryCards .stat-card:first-child{grid-row:span 2;border:0;padding:30px 32px;display:flex;flex-direction:column;justify-content:space-between;
  background:radial-gradient(90% 70% at 100% 0%,rgba(244,195,90,.07),transparent 70%),var(--panel)}
#summaryCards .stat-card:first-child .label{font-size:15px;color:var(--text);font-weight:600}
#summaryCards .stat-card:first-child .value{font-size:clamp(46px,6vw,76px);font-weight:750;letter-spacing:-.05em;line-height:.95;margin:28px 0 14px}
#summaryCards .stat-card:first-child small{font-size:13px;color:var(--muted)}
#summaryCards .stat-card:first-child small{display:block;padding-top:16px;margin-top:6px;border-top:1px dashed #333B55}
@media(max-width:1150px){#summaryCards .stat-card:nth-child(5){grid-column:auto}}
@media(max-width:760px){
  #summaryCards{grid-template-columns:1fr 1fr}
  #summaryCards .stat-card:first-child{grid-column:1/-1;grid-row:auto;padding:22px 20px}
  #summaryCards .stat-card:first-child .value{margin:16px 0 10px}
  #summaryCards .stat-card{padding:16px 18px;border-top:1px solid var(--line-soft)!important}
  #summaryCards .stat-card:nth-child(2n){border-left:0}
  #summaryCards .stat-card:nth-child(5){grid-column:auto;border-left:1px solid var(--line-soft)}
  #summaryCards .stat-card .value{font-size:24px}
  .page-intro h2{font-size:30px}
}

/* Réel vs attendu, calendrier */
.pulse-grid h3{font-family:var(--display);font-size:20px}
.pulse-bar i{background:rgba(68,214,158,.3)}.pulse-bar i.real{background:var(--gain)}.pulse-bar i.neg{background:rgba(255,113,131,.35)}.pulse-bar i.real.neg{background:var(--loss)}
.cal-cell{background:var(--panel2);border-color:var(--line-soft);border-radius:8px}
.cal-cell.up{background:rgba(68,214,158,var(--a))}.cal-cell.down{background:rgba(255,113,131,var(--a))}
.cal-dow{color:var(--faint)}

/* Listes et tableaux */
.recent-bet{border-top:1px solid var(--line-soft)}
.recent-bet:hover{background:rgba(255,255,255,.02)}
.recent-profit{font-family:var(--display);font-weight:650}
.recent-status{color:var(--faint)}
table th,.bets-table th{color:var(--faint);font-weight:600;letter-spacing:0!important;text-transform:none!important;font-size:12px}
table td{border-color:var(--line-soft)}
.bets-table td:first-child,.bets-table td:nth-child(2){white-space:nowrap}.bets-table td:first-child{color:var(--muted)}
.bets-table .row-actions .btn{min-height:34px;padding:6px 11px;font-size:12px}
.table-wrap{border-color:var(--line-soft)}

/* Graphiques : la courbe prend la couleur des gains. */
.overview-chart svg path[stroke],.chart svg polyline,.chart svg path:not([fill]){stroke:var(--gain)}

/* Bandeaux */
.live-summary{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--r-lg)}
.live-summary strong{color:var(--text);font-family:var(--display)}
.overview-actions button{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--r-md)}
.overview-actions button:hover{border-color:#3A4360}
.overview-actions .action-symbol{background:var(--gold-soft);color:var(--gold);border-radius:9px}

@media(prefers-reduced-motion:no-preference){
  #summaryCards .stat-card:first-child .value{animation:bs-rise .6s cubic-bezier(.2,.8,.2,1) both}
  @keyframes bs-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
}
/* 9 Nov 2026 : plus de surtitres décoratifs au-dessus des titres. */
.eyebrow,.curve-kicker,.topbar .eyebrow{display:none!important}
.topbar{min-height:0}
#summaryCards .stat-card small:empty{display:none}
.pulse-grid{align-items:start}
.team-alias-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line-soft)}
.team-alias-row:first-child{border-top:0}