/* ==========================================================================
   MOTORAUTO — STUDIO : système de design global (inspiré d'Apple), chargé en dernier.
   Tout passe par les variables des thèmes (16 ambiances + thème personnalisé) : aucune couleur n'est écrite en dur ici.
   Hors périmètre : la barre du bas (dock.css), les cartes à collectionner (.tcg), les circuits et le Studio de circuits.
   ========================================================================== */
:root {
  --corner-xs: 10px; --corner-sm: 14px; --corner-md: 22px; --st-lg: 28px;
  --st-line: color-mix(in srgb, var(--color-ink) 9%, transparent);
  --st-line-2: color-mix(in srgb, var(--color-ink) 15%, transparent);
  --st-soft: color-mix(in srgb, var(--color-ink) 5%, transparent);
  --st-shadow: 0 1px 2px rgba(0,0,0,.18), 0 14px 34px -18px rgba(0,0,0,.5);
  --st-shadow-up: 0 2px 4px rgba(0,0,0,.2), 0 26px 50px -22px rgba(0,0,0,.6);
  --st-ease: cubic-bezier(.22, .8, .3, 1);
  --st-w: 1180px;
}
:root[data-theme="carrara-white"], :root[data-theme="silver-arrow"], :root[data-theme="ivory-dune"], :root[data-theme="nordic-frost"],
:root[data-theme="solar-flare"], :root[data-theme="alpine-horizon"], :root[data-theme="rose-gold-gt"], :root[data-theme="mint-speedway"] {
  --st-shadow: 0 1px 2px rgba(20,30,50,.06), 0 14px 34px -20px rgba(20,30,50,.28);
  --st-shadow-up: 0 2px 4px rgba(20,30,50,.08), 0 26px 50px -24px rgba(20,30,50,.36);
}
h1:where(:not(.app-header *, [class*="dock"] *)),
h2:where(:not(.app-header *, [class*="dock"] *)),
h3:where(:not(.app-header *, [class*="dock"] *)),
h4:where(:not(.app-header *, [class*="dock"] *)),
.page-title:where(:not(.app-header *, [class*="dock"] *)),
.section-title:where(:not(.app-header *, [class*="dock"] *)),
.dialog-title:where(:not(.app-header *, [class*="dock"] *)) { font-family: var(--font-display); letter-spacing: -.03em; text-transform: none; }
.stage-shell:where(:not(.app-header *, [class*="dock"] *)) { width: min(var(--st-w), 100% - 2rem); margin-inline: auto; }
::selection { background: color-mix(in srgb, var(--accent) 35%, transparent); }
/* ------------------------------------------------------------------ en-tête */
/* ------------------------------------------------------------------ boutons, champs, pastilles */
.cta-btn:where(:not(.app-header *, [class*="dock"] *)),
.btn:where(:not(.app-header *, [class*="dock"] *)) { min-height: 44px; padding: 0 1.3rem; border-radius: 999px; font-family: var(--font-sans); font-weight: 600; font-size: .95rem; letter-spacing: -.012em; text-transform: none; border: 0; transition: transform .2s var(--st-ease), background .2s, box-shadow .2s, opacity .2s; }
.cta-btn:active:where(:not(.app-header *, [class*="dock"] *)),
.btn:active:where(:not(.app-header *, [class*="dock"] *)) { transform: scale(.97); }
.fill-btn:where(:not(.app-header *, [class*="dock"] *)),
.btn-primary:where(:not(.app-header *, [class*="dock"] *)) { background: var(--accent); color: var(--on-accent); box-shadow: 0 8px 22px -12px var(--accent); }
.fill-btn:hover:where(:not(.app-header *, [class*="dock"] *)),
.btn-primary:hover:where(:not(.app-header *, [class*="dock"] *)) { transform: translateY(-1px); box-shadow: 0 14px 28px -14px var(--accent); filter: brightness(1.06); }
.btn-ghost:where(:not(.app-header *, [class*="dock"] *)) { background: var(--st-soft); color: var(--color-ink); border: 1px solid var(--st-line); box-shadow: none; }
.btn-ghost:hover:where(:not(.app-header *, [class*="dock"] *)) { background: var(--st-line); border-color: var(--st-line-2); }
.compact-btn:where(:not(.app-header *, [class*="dock"] *)) { min-height: 34px; padding: 0 .95rem; font-size: .84rem; }
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):where(:not(.app-header *, [class*="dock"] *)),
select:where(:not(.app-header *, [class*="dock"] *)),
textarea:where(:not(.app-header *, [class*="dock"] *)) { font-family: var(--font-sans); font-size: 1rem; letter-spacing: -.011em; border-radius: var(--corner-sm); border: 1px solid var(--st-line); background: var(--st-soft); color: var(--color-ink); transition: border-color .2s, box-shadow .2s, background .2s; }
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):focus:where(:not(.app-header *, [class*="dock"] *)),
select:focus:where(:not(.app-header *, [class*="dock"] *)),
textarea:focus:where(:not(.app-header *, [class*="dock"] *)) { outline: none; border-color: var(--accent); box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 22%, transparent); background: var(--bg-surface); }
.custom-select:where(:not(.app-header *, [class*="dock"] *)) { border-radius: var(--corner-sm); }
.filter-pill:where(:not(.app-header *, [class*="dock"] *)),
.quick-chip:where(:not(.app-header *, [class*="dock"] *)),
.chip:where(:not(.app-header *, [class*="dock"] *)) { min-height: 36px; padding: 0 1rem; border-radius: 999px; border: 1px solid var(--st-line); background: var(--st-soft); color: var(--color-secondary); font-family: var(--font-sans); font-weight: 600; font-size: .86rem; letter-spacing: -.01em; box-shadow: none; transition: background .2s, color .2s, border-color .2s, transform .15s; }
.filter-pill:hover:where(:not(.app-header *, [class*="dock"] *)),
.quick-chip:hover:where(:not(.app-header *, [class*="dock"] *)),
.chip:hover:where(:not(.app-header *, [class*="dock"] *)) { background: var(--st-line); color: var(--color-ink); }
.filter-pill.active:where(:not(.app-header *, [class*="dock"] *)),
.chip.active:where(:not(.app-header *, [class*="dock"] *)),
.filter-pill[aria-pressed="true"]:where(:not(.app-header *, [class*="dock"] *)),
.chip[aria-pressed="true"]:where(:not(.app-header *, [class*="dock"] *)) { background: var(--color-ink); color: var(--bg-core); border-color: transparent; }
.status-tag-verified:where(:not(.app-header *, [class*="dock"] *)) { display: inline-block; padding: 0; margin-bottom: .55rem; background: none; border: 0; border-radius: 0; font-family: var(--font-sans); font-size: .78rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); }
.empty-note:where(:not(.app-header *, [class*="dock"] *)) { border-radius: var(--corner-md); background: var(--st-soft); border: 1px dashed var(--st-line-2); color: var(--color-secondary); }
.toast:where(:not(.app-header *, [class*="dock"] *)) { border-radius: 16px; border: 1px solid var(--st-line); background: color-mix(in srgb, var(--bg-elevated) 88%, transparent); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); box-shadow: var(--st-shadow-up); }
/* ------------------------------------------------------------------ titres de pages et onglets */
.page-head:where(:not(.app-header *, [class*="dock"] *)) { margin-bottom: 1.4rem; align-items: flex-end; }
.page-title:where(:not(.app-header *, [class*="dock"] *)) { font-size: clamp(2.1rem, 6.4vw, 3.6rem); font-weight: 800; line-height: 1.04; letter-spacing: -.04em; margin: 0 0 .35rem; }
.page-sub:where(:not(.app-header *, [class*="dock"] *)),
.count-stream:where(:not(.app-header *, [class*="dock"] *)) { font-family: var(--font-sans); font-size: 1.02rem; line-height: 1.45; letter-spacing: -.011em; color: var(--color-secondary); text-transform: none; }
.count-stream:where(:not(.app-header *, [class*="dock"] *)) { font-size: .92rem; }
.section-title:where(:not(.app-header *, [class*="dock"] *)) { font-size: clamp(1.55rem, 4.2vw, 2.3rem); font-weight: 800; line-height: 1.08; letter-spacing: -.035em; }
.section-title.small:where(:not(.app-header *, [class*="dock"] *)) { font-size: 1.2rem; }
.section-head:where(:not(.app-header *, [class*="dock"] *)) { margin-bottom: 1.1rem; align-items: flex-end; }
.link-more:where(:not(.app-header *, [class*="dock"] *)) { font-weight: 600; font-size: .92rem; color: var(--accent); text-decoration: none; white-space: nowrap; }
.link-more:hover:where(:not(.app-header *, [class*="dock"] *)) { text-decoration: underline; }
.page-wrap:where(:not(.app-header *, [class*="dock"] *)) { padding-top: clamp(1.4rem, 4vw, 2.6rem); padding-bottom: 3rem; }
/* ------------------------------------------------------------------ cartes de contenu */
.car-box:where(:not(.app-header *, [class*="dock"] *)),
.comm-card:where(:not(.app-header *, [class*="dock"] *)),
.feed-item:where(:not(.app-header *, [class*="dock"] *)),
.panel:where(:not(.app-header *, [class*="dock"] *)),
.stat-card:where(:not(.app-header *, [class*="dock"] *)),
.dash-card:where(:not(.app-header *, [class*="dock"] *)),
.hub-card:where(:not(.app-header *, [class*="dock"] *)),
.trade-row:where(:not(.app-header *, [class*="dock"] *)),
.pilot-row:where(:not(.app-header *, [class*="dock"] *)),
.event-card:where(:not(.app-header *, [class*="dock"] *)),
.listing-card:where(:not(.app-header *, [class*="dock"] *)),
.club-card:where(:not(.app-header *, [class*="dock"] *)),
.contest-card:where(:not(.app-header *, [class*="dock"] *)) {
  border-radius: var(--corner-md); border: 1px solid var(--st-line); background: var(--bg-surface); box-shadow: var(--st-shadow); transition: transform .3s var(--st-ease), box-shadow .3s, border-color .3s; }
.car-box:hover:where(:not(.app-header *, [class*="dock"] *)),
.comm-card:hover:where(:not(.app-header *, [class*="dock"] *)),
.club-card:hover:where(:not(.app-header *, [class*="dock"] *)),
.listing-card:hover:where(:not(.app-header *, [class*="dock"] *)),
.event-card:hover:where(:not(.app-header *, [class*="dock"] *)) { transform: translateY(-4px); box-shadow: var(--st-shadow-up); border-color: var(--st-line-2); }
.vehicles-dynamic-grid:where(:not(.app-header *, [class*="dock"] *)) { grid-template-columns: repeat(auto-fill, minmax(min(100%, 290px), 1fr)); gap: 1.1rem; }
.car-thumb-wrap:where(:not(.app-header *, [class*="dock"] *)) { border-radius: 0; aspect-ratio: 16 / 10; }
.car-thumb-wrap:where(:not(.app-header *, [class*="dock"] *))::after { background: linear-gradient(to top, color-mix(in srgb, var(--bg-surface) 70%, transparent), transparent 55%); }
.car-card-body:where(:not(.app-header *, [class*="dock"] *)) { padding: .35rem 1.15rem 1.15rem; gap: .25rem; }
.car-brand-name:where(:not(.app-header *, [class*="dock"] *)) { font-size: .74rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--accent); }
.car-model-name:where(:not(.app-header *, [class*="dock"] *)) { font-family: var(--font-display); font-size: 1.22rem; font-weight: 700; letter-spacing: -.03em; line-height: 1.15; }
.car-years-label:where(:not(.app-header *, [class*="dock"] *)) { font-family: var(--font-sans); font-size: .8rem; color: var(--color-muted); background: none; padding: 0; }
.panel-section-title:where(:not(.app-header *, [class*="dock"] *)) { font-family: var(--font-display); font-size: 1.15rem; font-weight: 700; letter-spacing: -.025em; text-transform: none; }
.toolbar-cluster:where(:not(.app-header *, [class*="dock"] *)),
.adv-panel:where(:not(.app-header *, [class*="dock"] *)) { border-radius: var(--corner-md); border: 1px solid var(--st-line); background: var(--bg-surface); box-shadow: none; padding: 1rem; }
.command-search-wrapper:where(:not(.app-header *, [class*="dock"] *)) { border-radius: 999px; border: 1px solid var(--st-line); background: var(--st-soft); min-height: 52px; box-shadow: none; transition: border-color .2s, box-shadow .2s, background .2s; }
.command-search-wrapper:focus-within:where(:not(.app-header *, [class*="dock"] *)) { border-color: var(--accent); background: var(--bg-surface); box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 20%, transparent); }
.command-search-wrapper input:where(:not(.app-header *, [class*="dock"] *)) { border: 0 !important; background: transparent !important; box-shadow: none !important; }
.search-suggestions-dropdown:where(:not(.app-header *, [class*="dock"] *)) { border-radius: var(--corner-md); border: 1px solid var(--st-line); box-shadow: var(--st-shadow-up); }
.modal-dialog:where(:not(.app-header *, [class*="dock"] *)) { border-radius: var(--st-lg); border: 1px solid var(--st-line); box-shadow: var(--st-shadow-up); }
.dialog-title:where(:not(.app-header *, [class*="dock"] *)) { font-weight: 800; letter-spacing: -.03em; }
.dialog-close-btn:where(:not(.app-header *, [class*="dock"] *)) { border-radius: 50%; background: var(--st-soft); }
/* ------------------------------------------------------------------ accueil */
.badge-hero-pill:where(:not(.app-header *, [class*="dock"] *)) { margin: 0 0 1.3rem; padding: .35rem .95rem; border-radius: 999px; background: var(--st-soft); border: 1px solid var(--st-line); font-size: .84rem; font-weight: 600; color: var(--color-secondary); -webkit-backdrop-filter: none; backdrop-filter: none; }
.hero-heroic-title:where(:not(.app-header *, [class*="dock"] *)) { margin: 0; font-family: var(--font-display); font-size: clamp(2.5rem, 6.4vw, 5rem); font-weight: 800; line-height: 1; letter-spacing: -.05em; text-transform: none; }
.ht-line:where(:not(.app-header *, [class*="dock"] *)) { display: block; background: linear-gradient(180deg, var(--color-ink) 30%, color-mix(in srgb, var(--color-ink) 62%, var(--bg-core))); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
.ht-line.ht-outline:where(:not(.app-header *, [class*="dock"] *)) { -webkit-text-stroke: 0; background: linear-gradient(95deg, var(--accent), color-mix(in srgb, var(--accent) 50%, #fff) 85%); -webkit-background-clip: text; background-clip: text; text-shadow: none; }
.hero-heroic-sub:where(:not(.app-header *, [class*="dock"] *)) { max-width: 640px; margin: 1.3rem 0 0; font-size: clamp(1.02rem, 2.6vw, 1.3rem); line-height: 1.45; color: var(--color-secondary); letter-spacing: -.014em; }
.cmd-key-indicator:where(:not(.app-header *, [class*="dock"] *)) { border-radius: 8px; border: 1px solid var(--st-line); background: var(--st-soft); font-family: var(--font-sans); font-size: .76rem; }
.hero-stats dd:where(:not(.app-header *, [class*="dock"] *)) { margin: 0; order: -1; font-family: var(--font-display); font-size: clamp(1.9rem, 6vw, 3.1rem); font-weight: 800; letter-spacing: -.045em; line-height: 1; color: var(--color-ink); }
.hero-stats dt:where(:not(.app-header *, [class*="dock"] *)) { font-size: .82rem; font-weight: 500; color: var(--color-muted); letter-spacing: 0; text-transform: none; }
.brand-marquee:where(:not(.app-header *, [class*="dock"] *)) { border: 0; background: none; padding: .6rem 0 1.4rem; opacity: .9; }
.home-section:where(:not(.app-header *, [class*="dock"] *)) { padding-top: clamp(1.6rem, 5vw, 3rem); padding-bottom: clamp(.4rem, 2vw, 1rem); }
.home-cols:where(:not(.app-header *, [class*="dock"] *)) { gap: 1.2rem; }
.home-col:where(:not(.app-header *, [class*="dock"] *)) { padding: 1.3rem; border-radius: var(--corner-md); border: 1px solid var(--st-line); background: var(--bg-surface); box-shadow: var(--st-shadow); }
.bento:where(:not(.app-header *, [class*="dock"] *)) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; margin-top: 1rem; }
.bento-tile:where(:not(.app-header *, [class*="dock"] *)) { position: relative; display: grid; align-content: end; gap: .2rem; min-height: 150px; padding: 1.15rem; border-radius: var(--corner-md); border: 1px solid var(--st-line); background: var(--bg-surface); color: var(--color-ink); text-decoration: none; overflow: hidden; box-shadow: var(--st-shadow); transition: transform .3s var(--st-ease), box-shadow .3s, border-color .3s; }
.bento-tile:hover:where(:not(.app-header *, [class*="dock"] *)) { transform: translateY(-4px); box-shadow: var(--st-shadow-up); border-color: var(--st-line-2); }
.bento-tile .bt-ic:where(:not(.app-header *, [class*="dock"] *)) { position: absolute; left: 1.15rem; top: 1.1rem; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 13px; background: color-mix(in srgb, var(--accent) 14%, transparent); color: var(--accent); }
.bento-tile .bt-ic svg:where(:not(.app-header *, [class*="dock"] *)) { width: 22px; height: 22px; }
.bento-tile b:where(:not(.app-header *, [class*="dock"] *)) { font-family: var(--font-display); font-size: 1.12rem; font-weight: 700; letter-spacing: -.03em; }
.bento-tile small:where(:not(.app-header *, [class*="dock"] *)) { font-size: .82rem; line-height: 1.35; color: var(--color-secondary); }
.bento-tile .bt-go:where(:not(.app-header *, [class*="dock"] *)) { position: absolute; right: 1rem; top: 1rem; font-style: normal; font-size: 1.5rem; line-height: 1; color: var(--color-muted); transition: transform .3s var(--st-ease), color .2s; }
.bento-tile:hover .bt-go:where(:not(.app-header *, [class*="dock"] *)) { transform: translateX(3px); color: var(--accent); }
.bento-tile.bt-wide:where(:not(.app-header *, [class*="dock"] *)) { grid-column: 1 / -1; min-height: 190px; background: radial-gradient(120% 140% at 100% 0, color-mix(in srgb, var(--accent) 30%, transparent), transparent 60%), var(--bg-surface); }
.bento-tile.bt-wide b:where(:not(.app-header *, [class*="dock"] *)) { font-size: 1.6rem; }
@media (min-width: 880px) {
.bento:where(:not(.app-header *, [class*="dock"] *)) { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.bento-tile.bt-wide:where(:not(.app-header *, [class*="dock"] *)) { grid-column: span 2; grid-row: span 2; min-height: 300px; }
.bento-tile.bt-wide b:where(:not(.app-header *, [class*="dock"] *)) { font-size: 2rem; }
.bento-tile.bt-wide small:where(:not(.app-header *, [class*="dock"] *)) { font-size: 1rem; max-width: 26ch; }
}
.daily-wrap:where(:not(.app-header *, [class*="dock"] *)) { margin-bottom: .8rem; }
.cta-band:where(:not(.app-header *, [class*="dock"] *)) { margin-top: 2rem; padding: clamp(1.6rem, 5vw, 3.2rem); border-radius: var(--st-lg); border: 1px solid var(--st-line); background: radial-gradient(90% 120% at 0 0, color-mix(in srgb, var(--accent) 28%, transparent), transparent 62%), var(--bg-surface); box-shadow: var(--st-shadow); text-align: left; }
.cta-copy h2:where(:not(.app-header *, [class*="dock"] *)) { font-family: var(--font-display); font-size: clamp(1.7rem, 5vw, 2.8rem); font-weight: 800; letter-spacing: -.04em; line-height: 1.06; text-transform: none; }
/* ------------------------------------------------------------------ pied de page */
.site-footer:where(:not(.app-header *, [class*="dock"] *)) { margin-top: 4rem; border-top: 1px solid var(--st-line); background: none; padding-top: 2.4rem; }
.footer-inner:where(:not(.app-header *, [class*="dock"] *)) { display: grid; gap: 1.6rem; }
.footer-brand:where(:not(.app-header *, [class*="dock"] *)) { font-family: var(--font-display); font-size: 1.15rem; font-weight: 800; letter-spacing: -.035em; }
.footer-brand p:where(:not(.app-header *, [class*="dock"] *)) { margin: .5rem 0 0; font-family: var(--font-sans); font-size: .9rem; font-weight: 400; letter-spacing: -.01em; color: var(--color-secondary); max-width: 38ch; }
.footer-links:where(:not(.app-header *, [class*="dock"] *)) { display: flex; flex-wrap: wrap; gap: .5rem 1.4rem; }
.footer-links a:where(:not(.app-header *, [class*="dock"] *)),
.footer-links button:where(:not(.app-header *, [class*="dock"] *)) { background: none; border: 0; padding: 0; font: inherit; font-size: .88rem; font-weight: 500; color: var(--color-secondary); text-decoration: none; cursor: pointer; }
.footer-links a:hover:where(:not(.app-header *, [class*="dock"] *)),
.footer-links button:hover:where(:not(.app-header *, [class*="dock"] *)) { color: var(--color-ink); }
.footer-legal:where(:not(.app-header *, [class*="dock"] *)) { display: flex; flex-wrap: wrap; gap: .3rem 1.2rem; justify-content: space-between; margin-top: 1.6rem; padding: 1.2rem 0 5.5rem; border-top: 1px solid var(--st-line); font-family: var(--font-sans); font-size: .78rem; color: var(--color-muted); }
/* ------------------------------------------------------------------ fiche voiture */
.car-hero:where(:not(.app-header *, [class*="dock"] *)),
.vehicle-hero:where(:not(.app-header *, [class*="dock"] *)),
.car-showcase:where(:not(.app-header *, [class*="dock"] *)) { border-radius: var(--st-lg); }
.back-link:where(:not(.app-header *, [class*="dock"] *)),
.page-back:where(:not(.app-header *, [class*="dock"] *)) { font-weight: 600; color: var(--color-secondary); }
@media (min-width: 880px) {
.home-cols:where(:not(.app-header *, [class*="dock"] *)) { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
.page-head:where(:not(.app-header *, [class*="dock"] *)) { align-items: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
.car-box:where(:not(.app-header *, [class*="dock"] *)),
.comm-card:where(:not(.app-header *, [class*="dock"] *)),
.bento-tile:where(:not(.app-header *, [class*="dock"] *)),
.cta-btn:where(:not(.app-header *, [class*="dock"] *)) { transition: none; }
}
.section-title:where(:not(.app-header *, [class*="dock"] *))::before,
.section-title:where(:not(.app-header *, [class*="dock"] *))::after,
.section-head:where(:not(.app-header *, [class*="dock"] *))::after,
.page-title:where(:not(.app-header *, [class*="dock"] *))::after,
.page-title:where(:not(.app-header *, [class*="dock"] *))::before { display: none !important; content: none !important; }
/* onglets de section : barre segmentée défilante (remplace la grille compressée) */
.stage-shell:where(:not(.app-header *, [class*="dock"] *)) { padding-inline: 0 !important; }
.status-tag-verified:where(:not(.app-header *, [class*="dock"] *)) { color: var(--accent) !important; }
.chip-row:where(:not(.app-header *, [class*="dock"] *)) { display: flex; flex-wrap: wrap; gap: .4rem; }
.car-model-name:where(:not(.app-header *, [class*="dock"] *)),
.car-box h3:where(:not(.app-header *, [class*="dock"] *)),
.comm-card h3:where(:not(.app-header *, [class*="dock"] *)) { text-transform: none; }
h1:where(:not(.app-header *, [class*="dock"] *)),
h2:where(:not(.app-header *, [class*="dock"] *)),
h3:where(:not(.app-header *, [class*="dock"] *)),
h4:where(:not(.app-header *, [class*="dock"] *)) { text-transform: none !important; }

/* Polices du style Studio : toutes les pages et fenêtres, jamais la barre haute ni la navigation */
#page-main, .modal-layer, .site-footer, .toast { --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Inter", "Segoe UI", system-ui, sans-serif; --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Segoe UI", system-ui, sans-serif; --font-tech: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace; }
#page-main, .modal-layer { font-family: var(--font-sans); letter-spacing: -.011em; -webkit-font-smoothing: antialiased; }

/* Liste des pilotes : même carte que la liste du fil */
#pilots-registry-list { display: flex; flex-direction: column; gap: .55rem; }
#pilots-registry-list .telemetry-row { display: flex; align-items: center; gap: .8rem; padding: .75rem .9rem; margin: 0; border-radius: var(--corner-md); border: 1px solid var(--st-line); background: var(--bg-surface); box-shadow: var(--st-shadow); color: inherit; min-width: 0; transition: transform .3s var(--st-ease), box-shadow .3s, border-color .3s; }
#pilots-registry-list .telemetry-row:hover { transform: translateY(-1px); border-color: var(--st-line-2); box-shadow: var(--st-shadow-up); }
#pilots-registry-list .pilot-row-avatar { width: 40px; height: 40px; border: 0; }
#pilots-registry-list .pilot-row-name { font-weight: 800; }
#pilots-registry-list .see-profile { font-size: .78rem; font-weight: 700; color: var(--color-secondary); }

/* Accueil : même agencement qu'avant (texte à gauche, compteur à droite), seulement le style change */
.hero-heroic-sub { margin: 1.1rem 0 1.6rem; }
.hero-stats > div { display: grid; gap: .15rem; }
.quick-chips { margin-top: 1rem; }
.hero-stats { margin-top: 1.6rem; }