/* ============================================================================ * odc-pages.css — Layer tipografico/finitura condiviso (refresh 2026-07) * ============================================================================ * Incluso DOPO tm-theme.css dalle pagine interne (onboarding, dettagli, * registrazioni, dashboard, ...). Le pagine aderiscono aggiungendo la classe * `odc-page` al . Regole volutamente poche e a basso rischio: * tipografia display per i titoli di pagina e numeri "da tabellone". * ========================================================================= */ :root { --font-display: "Barlow Condensed", Inter, system-ui, sans-serif; } /* Titolo principale di pagina */ .odc-page h1 { font-family: var(--font-display); font-style: italic; font-weight: 900; text-transform: uppercase; letter-spacing: 0.01em; line-height: 0.95; } /* Punteggi grandi (dettaglio partita, rigori) */ .odc-page .score, .odc-page .score-team1, .odc-page .score-team2, .odc-page .penalty-score, .odc-page .penalty-result-score { font-family: var(--font-display); font-weight: 900; font-style: italic; letter-spacing: 0.01em; } /* Numeri statistici grandi (dashboard, carriera): le pagine marcano gli elementi con la classe esistente più comune; regole aggiuntive mirate possono essere appese qui sotto per-pagina. */ .odc-page .stat-value, .odc-page .stats-value, .odc-page .kpi-value { font-family: var(--font-display); font-weight: 900; letter-spacing: 0.01em; } /* ── Storico tornei (dettagli-squadra / dettagli-giocatore) ─────────────── */ .odc-hist-row { display: flex; align-items: center; gap: 12px; padding: 11px 4px; border-bottom: 1px solid rgba(255, 255, 255, 0.07); } .odc-hist-row:last-child { border-bottom: none; } .odc-hist-row .hc-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; background: var(--hc, #94a3b8); box-shadow: 0 0 10px color-mix(in oklab, var(--hc, #94a3b8) 55%, transparent); } .odc-hist-row .hc-main { flex: 1; min-width: 0; } .odc-hist-row .hc-title { font-family: var(--font-display); font-weight: 800; text-transform: uppercase; font-size: 16px; letter-spacing: 0.02em; line-height: 1.1; } .odc-hist-row .hc-sub { margin-top: 2px; font-size: 12px; font-weight: 600; color: rgba(255, 255, 255, 0.6); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .odc-hist-row .hc-tag { flex-shrink: 0; font-size: 10.5px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; padding: 4px 9px; border-radius: 999px; color: color-mix(in oklab, var(--hc, #94a3b8) 45%, #fff); background: color-mix(in oklab, var(--hc, #94a3b8) 14%, transparent); border: 1px solid color-mix(in oklab, var(--hc, #94a3b8) 35%, transparent); }