/* ═══ Page du pointage (/circuit/pointage/) ═══ */
.pts { background: var(--c-soft, #f5f5f7); padding: clamp(48px, 7vw, 96px) 0; }
.pts__layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 24px; align-items: start; }
.pts__weeks { display: grid; gap: 16px; }
.pts__wk { background: #fff; border-radius: 22px; padding: clamp(20px, 3vw, 28px); }
.pts__wk-h { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.pts__wk-h h2 { margin: 0; font: 900 italic clamp(1.5rem, 2.6vw, 2rem)/1 var(--font-display); text-transform: uppercase; color: var(--c-ink, #1d1d1f) !important; -webkit-text-fill-color: var(--c-ink, #1d1d1f) !important; background: none !important; box-shadow: none !important; }
.pts__wk-h > span { font-size: .9rem; color: #6e6e73; }
.pts__tag { font: 600 11px var(--font-body); font-style: normal; background: var(--c-volt, #D4FF00); color: #1d1d1f; padding: 4px 10px; border-radius: 999px; vertical-align: middle; margin-left: 6px; text-transform: none; }
.pts__band { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 16px; }
.pts__band > div { background: var(--c-soft, #f5f5f7); border-radius: 14px; padding: 12px 14px; display: grid; grid-template-columns: auto 1fr; column-gap: 10px; align-items: center; }
.pts__band i { grid-row: span 2; width: 28px; height: 10px; border-radius: 3px; background: var(--c-volt, #D4FF00); border: 1.5px solid #1d1d1f; }
.pts__band span { font-size: 12px; color: #6e6e73; }
.pts__band b { font-weight: 600; color: #1d1d1f; }
.pts__table { margin-top: 16px; display: grid; }
.pts__tr { display: grid; grid-template-columns: 1.3fr 1.3fr .7fr .8fr 1.4fr; gap: 10px; align-items: center; padding: 12px 0; border-top: 1px solid #f0f0f2; font-size: .95rem; }
.pts__tr--h { border-top: 0; font-size: 12px; color: #6e6e73; padding-bottom: 6px; }
.pts__tr b { display: block; font-weight: 600; color: #1d1d1f; }
.pts__tr small { display: block; font-size: 12px; color: #6e6e73; }
.pts__score { font: 600 1rem var(--font-body); }
.pts__pill { font-style: normal; font-size: 12px; font-weight: 600; background: var(--c-soft, #f5f5f7); color: #424245; border-radius: 999px; padding: 5px 10px; display: inline-block; }
.pts__pill.is-win { background: #1d1d1f; color: var(--c-volt, #D4FF00); }
.pts__note { grid-column: 1 / -1; margin: 6px 0 0; font-size: .9rem; color: #6e6e73; }
.pts__none { margin: 14px 0 0; color: #6e6e73; font-size: .95rem; }
.pts__side { position: sticky; top: 140px; background: #1d1d1f; color: #fff; border-radius: 22px; padding: 22px; }
.pts__side h3 { margin: 0 0 12px; font: 900 italic 1.3rem var(--font-display); text-transform: uppercase; color: #fff; }
.pts__side ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.pts__side li { display: flex; justify-content: space-between; font-size: .95rem; border-bottom: 1px solid #2c2c2e; padding-bottom: 8px; }
.pts__side li b { color: var(--c-volt, #D4FF00); }
.pts__side p { color: #a1a1a6; font-size: .9rem; }
.pts__rule { margin: 14px 0 0; font-size: 12px !important; }
.pts__empty { background: #fff; border-radius: 22px; padding: 32px; text-align: center; }
.pts__empty b { font: 900 italic 1.4rem var(--font-display); text-transform: uppercase; }
.pts__empty p { color: #6e6e73; margin: 8px 0 0; }
@media (max-width: 900px) {
  .pts__layout { grid-template-columns: 1fr; } .pts__side { position: static; }
  .pts__tr { grid-template-columns: 1fr 1fr; } .pts__tr--h { display: none; }
  .pts__band { grid-template-columns: 1fr; }
}
.pts__band { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
.pts__band .is-coeur { background: #1d1d1f; } .pts__band .is-coeur span { color: #a1a1a6; } .pts__band .is-coeur b { color: #fff; }
.pts__band .is-coeur i { background: #fff; border-color: #fff; border-radius: 50%; width: 12px; height: 12px; }