/* La Bétaillère — finition cockpit pour les deux donuts de l'accueil.
 * Strictement visuel : les couleurs restent pilotées par lbPunctualityColor.
 * Ne change ni le SVG, ni les pourcentages, ni les clics / données.
 */
html[data-lb-v4-live="1"] body.lb-v3 #home #homePunctualityChartHost.home-punct-chart-host {
  align-items: start !important;
  justify-items: center !important;
  justify-content: center !important;
  row-gap: 0 !important;
}

html[data-lb-v4-live="1"] body.lb-v3 #home #homePunctualityChartHost .home-punct-chart-wrap {
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: center !important;
  gap: 5px !important;
}

html[data-lb-v4-live="1"] body.lb-v3 #home #homePunctualityChartHost .home-punct-svg-ring {
  position: relative !important;
  isolation: isolate;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 31% 23%,rgba(68,226,246,.105),transparent 48%),
    radial-gradient(circle at center,rgba(8,32,48,.97) 0%,rgba(4,20,32,.99) 72%,rgba(3,17,27,.96) 100%) !important;
  box-shadow: inset 0 0 10px rgba(35,192,218,.075),0 1px 5px rgba(0,0,0,.20) !important;
  filter: none !important;
  transform: none !important;
  overflow: visible !important;
}

/* Contour extérieur micro-cyan, centre "verre cockpit" en surface basse. */
html[data-lb-v4-live="1"] body.lb-v3 #home #homePunctualityChartHost .home-punct-svg-ring::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: 50%;
  border: 1px solid rgba(73,221,240,.24);
  box-shadow: inset 0 0 0 1px rgba(73,221,240,.025),0 0 5px rgba(73,221,240,.055);
  pointer-events: none;
  z-index: 0;
}
html[data-lb-v4-live="1"] body.lb-v3 #home #homePunctualityChartHost .home-punct-svg-ring::after {
  content: "";
  position: absolute;
  inset: 25%;
  border-radius: 50%;
  background: radial-gradient(circle at 33% 25%,rgba(49,160,184,.11),rgba(2,16,27,.72) 73%);
  border: 1px solid rgba(86,208,230,.115);
  box-shadow: inset 0 0 7px rgba(2,12,24,.4);
  pointer-events: none;
  z-index: 0;
}

html[data-lb-v4-live="1"] body.lb-v3 #home #homePunctualityChartHost .home-punct-svg {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1;
  transform: none !important;
  overflow: visible !important;
}
html[data-lb-v4-live="1"] body.lb-v3 #home #homePunctualityChartHost .home-punct-svg-track {
  stroke: rgba(62,128,147,.34) !important;
  stroke-width: 4.5px !important;
  stroke-linecap: round !important;
}
html[data-lb-v4-live="1"] body.lb-v3 #home #homePunctualityChartHost .home-punct-svg-progress {
  /* La couleur provient toujours de la fonction existante, sans override. */
  stroke-width: 4.5px !important;
  stroke-linecap: round !important;
  filter: drop-shadow(0 0 1.15px color-mix(in srgb,var(--lb-home-punct-color) 44%,transparent)) !important;
}

html[data-lb-v4-live="1"] body.lb-v3 #home #homePunctualityChartHost .home-punct-svg-value {
  position: absolute !important;
  z-index: 2 !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  width: auto !important;
  max-width: 75% !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translate(-50%,-50%) !important;
  color: #e8f9ff !important;
  font: 800 9.3px/1 "Orbitron","Rajdhani",system-ui,sans-serif !important;
  letter-spacing: -.025em !important;
  text-align: center !important;
  white-space: nowrap !important;
  text-shadow: 0 0 4px rgba(80,214,236,.2) !important;
}
html[data-lb-v4-live="1"] body.lb-v3 #home #homePunctualityChartHost .home-punct-mini-label {
  width: 100% !important;
  margin: 0 !important;
  color: #b3d8e0 !important;
  font: 800 10.2px/1.13 "Rajdhani",system-ui,sans-serif !important;
  letter-spacing: .055em !important;
  text-align: center !important;
  text-shadow: 0 0 5px rgba(70,202,235,.055) !important;
}

@media (min-width:1025px){
  html[data-lb-v4-live="1"] body.lb-v3 #home #homePunctualityChartHost .home-punct-svg-value {
    font-size: 10.8px !important;
  }
  html[data-lb-v4-live="1"] body.lb-v3 #home #homePunctualityChartHost .home-punct-mini-label {
    font-size: 11px !important;
  }
}

@media (hover:hover) and (pointer:fine){
  html[data-lb-v4-live="1"] body.lb-v3 #home #homePunctualityChartHost .home-punct-chart-wrap.lb-punct-interactive:hover > .home-punct-svg-ring {
    filter: drop-shadow(0 0 4px rgba(68,219,242,.14)) !important;
  }
}
@media (prefers-reduced-motion:reduce){
  html[data-lb-v4-live="1"] body.lb-v3 #home #homePunctualityChartHost .home-punct-svg-progress {
    transition: none !important;
  }
}