.health-context-bar { display: flex; align-items: end; flex-wrap: wrap; gap: 14px 24px; padding: 14px 0 22px; margin-bottom: 18px; border-bottom: 1px solid var(--line); }
.health-context-bar label { display: grid; gap: 7px; min-width: 180px; max-width: 100%; flex: 1; }
.health-context-bar label span { font-size: var(--text-13,13px); color: var(--muted); }
.health-context-bar select { width: 100%; min-height: 44px; }
.health-context-bar p { flex: 1; min-width: 180px; margin: 0 0 10px; font-size: var(--text-13,13px); overflow-wrap: anywhere; }
.health-context-empty { display: none; min-height: 380px; align-content: center; justify-items: center; gap: 18px; text-align: center; padding: 40px 16px; }
.health-context-empty strong { font-size: var(--text-22,22px); }
.health-context-empty p { color: var(--muted); margin: 0; }
.health-unselected #dashboard > :not(.health-context-empty):not(.home-reminder-entry), .health-unselected #monitor > :not(.health-context-empty) { display: none !important; }
.health-unselected .health-context-empty { display: grid; }
.choose-family-dialog { width: min(600px,calc(100vw - 24px)); }
.family-choice-list { display: grid; gap: 12px; padding: 20px 24px; }
.family-choice { display: grid; gap: 8px; text-align: left; background: #fff; border: 1px solid var(--line); border-radius: 6px; padding: 18px; width: 100%; color: var(--text); }
.family-choice strong { font-size: var(--text-18,18px); overflow-wrap: anywhere; }
.family-choice span { color: var(--muted); font-size: var(--text-13,13px); }
.family-choice:hover { border-color: var(--teal); background: #eef8f4; }
.family-choice-actions { display: flex; justify-content: space-between; gap: 14px; flex-wrap: wrap; padding: 0 24px 24px; }
.family-member-roster { display: flex; gap: 14px 28px; flex-wrap: wrap; padding: 16px 0; border-block: 1px solid var(--line); }
.family-member-roster > div { display: flex; gap: 9px; align-items: center; flex-wrap: wrap; }
.family-member-roster span { color: var(--muted); font-size: var(--text-13,13px); }
@media(max-width:760px) { .health-context-bar { gap: 12px; } .health-context-bar label { min-width: 0; flex-basis: calc(50% - 12px); } .health-context-bar p { flex-basis: 100%; margin-bottom: 0; } .family-choice-actions { flex-direction: column; } }