@import url('health-catalog.css');
.health-bar-chart{height:220px;display:grid;grid-template-columns:repeat(7,1fr);gap:.7rem;align-items:end;padding:1rem 0 0}.health-bar-chart>div{height:100%;display:grid;grid-template-rows:1fr auto;gap:.5rem;align-items:end;text-align:center}.health-bar-chart span{display:block;width:100%;min-height:10px;border-radius:10px 10px 4px 4px;background:#4c876e}.health-bar-chart small{color:#738077;font-size:.75rem}.sleep-bars span{background:#55796f}.health-option-list{display:grid;gap:.25rem}.health-option-list>div,.health-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0;border-top:1px solid #e6ece8}.health-option-list>div:first-child,.health-toggle-row:first-child{border-top:0}.health-option-list strong{font-size:.8rem;color:#5f7368}.health-toggle-row input{width:auto;min-height:0}.progress-list{display:grid}.progress-list>div{display:grid;grid-template-columns:1fr auto;gap:.25rem 1rem;padding:.9rem 0;border-top:1px solid #e5ebe7}.progress-list>div:first-child{border-top:0}.progress-list small{grid-column:1/-1;color:#6b786f}.insight-stack{display:grid;gap:.9rem}.insight-stack article{padding:1rem;border:1px solid #e0e8e3;border-radius:14px;background:#f8fbf9}.insight-stack h3{margin:.55rem 0 .35rem}.insight-stack p{margin:0;color:#627168}.health-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.health-settings-grid>.health-panel:last-child{grid-column:1/-1}.health-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.connected-app-list{display:grid}.connected-app-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0;border-top:1px solid #e5ebe7}.connected-app-row:first-child{border-top:0}.connected-app-row>div{display:grid;gap:.15rem}.connected-app-row span{color:#6c7971;font-size:.82rem}.progress-summary-grid .health-metric-card{min-height:120px}@media(max-width:900px){.health-settings-grid{grid-template-columns:1fr}.health-settings-grid>.health-panel:last-child{grid-column:auto}}@media(max-width:640px){.health-form-grid{grid-template-columns:1fr}.health-bar-chart{gap:.35rem;height:180px}.connected-app-row{align-items:flex-start;flex-direction:column}}