/* Baseline Fitness — static structure styles and the single Binaural icon colour source. */

html[data-app="fitness"] #bl-beats-toggle,
html[data-app="fitness"] #bl-beats-toggle .bl-btn-icon,
html[data-app="fitness"] #bl-beats-toggle .bl-icon-svg{
  color:#fff!important;
  opacity:1!important;
}
html[data-app="fitness"] #bl-beats-toggle .bl-icon-svg path{
  fill:#fff!important;
  stroke:none!important;
  opacity:1!important;
}

.my-body-shell{display:grid;gap:16px}
.my-body-subtabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:2px}
.my-body-subtab{
  appearance:none;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  padding:10px 15px;
  background:rgba(255,255,255,.07);
  color:var(--ink);
  font-weight:850;
  cursor:pointer;
}
.my-body-subtab.active{
  background:linear-gradient(135deg,rgba(143,15,31,.96),rgba(177,18,38,.82));
  border-color:rgba(255,255,255,.2);
}
.my-body-panel[hidden]{display:none!important}
.body-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.body-summary-card{
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;
  padding:14px;
  background:rgba(255,255,255,.045);
}
.body-summary-label{color:var(--muted);font-size:.9rem;font-weight:760}
.body-summary-value{font-size:1.45rem;font-weight:900;margin-top:5px}
.body-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.body-profile-grid .field-stack{min-width:0}
.body-calculation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.connected-service-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  padding:18px;
  background:rgba(255,255,255,.045);
}
.service-status{display:inline-flex;align-items:center;gap:7px;font-weight:850;color:var(--muted)}
.service-status::before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor}
.service-scope{margin:10px 0 0;padding-left:20px;color:var(--muted)}

@media(max-width:900px){
  .body-summary-grid,.body-profile-grid,.body-calculation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .body-summary-grid,.body-profile-grid,.body-calculation-grid{grid-template-columns:1fr}
  .connected-service-card{grid-template-columns:1fr}
}