/* /* Zones spécifiques aux zones cardio */ */
/* pm-base.css gère l'essentiel — ce fichier ne contient que les overrides propres à cet outil */

/* Zones spécifiques aux zones cardio */


.zone-card {
  display:grid; grid-template-columns:4px 1fr auto;
  align-items:center; gap:.75rem;
  padding:.75rem 1rem; background:var(--ink-2);
}
.zone-card:first-child { border-radius:var(--r-md) var(--r-md) 0 0; }
.zone-card:last-child  { border-radius:0 0 var(--r-md) var(--r-md); }
.zone-bar  { width:4px; height:100%; min-height:36px; border-radius:2px; }
.zone-info { display:flex; flex-direction:column; gap:.15rem; }
.zone-name { font-size:.83rem; font-weight:600; color:var(--txt); }
.zone-range { font-family:var(--mono); font-size:.7rem; color:var(--dim); }
.zone-desc  { font-size:.72rem; color:var(--dim); font-weight:300; }
.zone-bpm   { font-family:var(--mono); font-size:.95rem; font-weight:600; color:var(--txt); white-space:nowrap; text-align:right; }
.legend-item { display:flex; align-items:center; gap:.5rem; font-size:.72rem; color:var(--dim); }
.legend-dot  { width:8px; height:8px; border-radius:50%; flex-shrink:0; }