.health-summary,
.health-grid {
  display: grid;
  gap: 12px;
  margin-top: 18px;
}

.health-header-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.health-summary {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.health-summary article,
.nutrition-meal,
.recovery-list > div {
  display: grid;
  gap: 5px;
  padding: 14px;
  border: 1px solid var(--pro-line, #d9e6f5);
  border-radius: 6px;
  background: var(--pro-surface-soft, #f7fbff);
}

.health-summary span,
.nutrition-meal span,
.recovery-list span {
  color: var(--pro-muted, #5f7088);
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.health-summary strong,
.nutrition-meal strong,
.recovery-list strong {
  color: var(--pro-ink, #10243f);
  line-height: 1.35;
}

.health-summary small {
  color: var(--pro-muted, #5f7088);
  line-height: 1.4;
}

.health-grid {
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.65fr);
}

.health-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.health-disclaimer {
  margin-top: 12px;
  color: var(--pro-muted, #5f7088);
  font-size: 12px;
}

.recovery-list {
  display: grid;
  gap: 8px;
  margin-bottom: 14px;
}

.nutrition-result {
  margin-top: 18px;
}

.wearable-card {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.wearable-grid {
  display: grid;
  grid-template-columns: minmax(180px, 1.4fr) repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.wearable-grid > div,
.wearable-grid > label {
  display: grid;
  gap: 6px;
  padding: 11px;
  border: 1px solid var(--pro-line, #d9e6f5);
  border-radius: 6px;
  background: var(--pro-surface-soft, #f7fbff);
}

.wearable-grid span,
.wearable-grid label {
  color: var(--pro-muted, #5f7088);
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.wearable-grid strong {
  color: var(--pro-ink, #10243f);
  line-height: 1.35;
}

.nutrition-meals {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin-top: 14px;
}

.nutrition-meal p {
  margin: 0;
  color: var(--pro-muted, #5f7088);
  font-size: 13px;
  line-height: 1.45;
}

.nutrition-empty {
  grid-column: 1 / -1;
  padding: 14px;
  border: 1px dashed var(--pro-line, #d9e6f5);
  border-radius: 6px;
  color: var(--pro-muted, #5f7088);
}

@media (max-width: 860px) {
  .health-grid,
  .nutrition-meals,
  .wearable-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .health-header-actions {
    justify-content: flex-start;
  }

  .health-summary,
  .health-grid,
  .nutrition-meals,
  .wearable-grid {
    grid-template-columns: 1fr;
  }
}
.wearable-session-form,.workload-monitor{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.wearable-session-form label{display:grid;gap:6px;color:#587385;font-size:12px;font-weight:800}.wearable-session-form input{width:100%;box-sizing:border-box;padding:10px;border:1px solid #cadde7;border-radius:10px}.wearable-card>button{margin-top:12px;padding:11px 15px;border:0;border-radius:10px;color:#fff;background:#0874ad;font-weight:850}.workload-monitor>div,.workload-monitor>article{display:grid;gap:5px;padding:12px;border:1px solid #d3e4eb;border-radius:11px;background:#f7fbfd}.workload-monitor span{color:#668092;font-size:11px;font-weight:900;text-transform:uppercase}.workload-monitor strong{color:#123e5c}.workload-monitor article{grid-column:1/-1;border-left:5px solid #db8c27;background:#fff9ef}.workload-monitor p{margin:0;color:#5d7686;line-height:1.45}.wearable-session-history{display:grid;gap:8px;margin-top:14px}.wearable-session-history article{display:flex;justify-content:space-between;gap:12px;padding:11px;border-bottom:1px solid #dfeaf0}.wearable-session-history article div{display:grid;gap:3px}.wearable-session-history span,.wearable-session-history small{color:#6a8292;font-size:12px}@media(max-width:800px){.wearable-session-form,.workload-monitor{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.wearable-session-form,.workload-monitor{grid-template-columns:1fr}.wearable-session-history article{flex-direction:column}}
