/* Figma health pages 11–18 and their original data states. Native forms stay native. */
.owj-ui .owj-health { display:flex; flex-direction:column; gap:24px; width:100%; max-width:800px; min-height:604px; margin:0 auto; padding:24px 20px 40px; background:var(--bch5-canvas); color:var(--bch5-ink); }
.owj-ui .owj-health :is(h1,h2,h3,p,strong,b,small,span,label,li) { font-family:inherit; letter-spacing:0; text-shadow:none; overflow-wrap:anywhere; }
.owj-ui .owj-health :is(h1,h2,h3,p,ol) { margin:0; }
.owj-ui .owj-health h1 { color:var(--bch5-ink)!important; font-size:26px!important; line-height:38px!important; font-weight:700!important; }
.owj-ui .owj-health h2 { color:var(--bch5-ink)!important; font-size:20px!important; line-height:30px!important; font-weight:700!important; }
.owj-ui .owj-health p,.owj-ui .owj-health li { color:var(--bch5-ink); font-size:16px; line-height:29px; }
.owj-ui .owj-health>.bch5-context-back { display:flex; align-items:center; min-height:48px; margin:0; padding:0; font-size:14px; line-height:22px; font-weight:500; color:var(--bch5-green); text-decoration:none; }
.owj-ui .owj-health>.bch5-health-head { display:flex; flex-direction:column; gap:24px; margin:0; padding:0; border:0; border-radius:0; background:transparent!important; box-shadow:none; }
.owj-ui .owj-health>.bch5-health-head::before,.owj-ui .owj-health>.bch5-health-head::after { content:none; }
.owj-ui .owj-health>.bch5-health-head>p { font-size:14px; line-height:22px; color:var(--bch5-muted); }
.owj-ui .owj-health>.bch5-section { display:flex; flex-direction:column; gap:24px; margin:0; padding:0; border:0; border-radius:0; background:transparent!important; box-shadow:none; }
.owj-ui .owj-health .bch5-health-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:0; padding:0; overflow:visible; }
.owj-ui .owj-health .bch5-health-tabs>a { display:flex; align-items:center; justify-content:center; min-height:44px; margin:0; padding:8px 4px; border:1px solid var(--bch5-line); border-radius:8px; background:#fff; color:var(--bch5-muted); font-size:14px; line-height:22px; font-weight:500; text-align:center; white-space:normal; text-decoration:none; }
.owj-ui .owj-health--checkin .bch5-health-tabs>a[href$='/checkin'],.owj-ui .owj-health--profile .bch5-health-tabs>a[href$='/profile'],.owj-ui .owj-health--consents .bch5-health-tabs>a[href$='/consents'],.owj-ui .owj-health--history .bch5-health-tabs>a[href$='/history'],.owj-ui .owj-health--trends .bch5-health-tabs>a[href$='/trends'],.owj-ui .owj-health--reports .bch5-health-tabs>a[href$='/reports'],.owj-ui .owj-health--identity .bch5-health-tabs>a[href$='/identity'] { border-color:var(--bch5-green); background:var(--bch5-green); color:#fff!important; }
.owj-ui .owj-health :is(.bch5-primary,.btn-success,.btn-outline-secondary,.bch5-state p>a,.bch5-notice>a) { display:flex; align-items:center; justify-content:center; gap:8px; min-height:48px; width:100%; margin:0; padding:12px 16px; border:1px solid var(--bch5-green); border-radius:8px; background:var(--bch5-green); color:#fff!important; font-size:14px; line-height:22px; font-weight:500; text-decoration:none; box-shadow:none; }
.owj-ui .owj-health .bch5-consent form>.btn-outline-secondary { background:#fff!important; color:var(--bch5-green)!important; }
.owj-ui .owj-health :is(a,button,input,select,textarea):focus-visible { outline:2px solid var(--bch5-green); outline-offset:3px; }
.owj-ui .owj-health .bch5-health-summary { display:grid; grid-template-columns:1fr; gap:12px; margin:0; padding:0; }
.owj-ui .owj-health .bch5-health-summary article { display:flex; flex-direction:column; gap:8px; margin:0; padding:20px; border:0; border-radius:12px; background:#fff; }
.owj-ui .owj-health .bch5-health-summary small { margin:0; font-size:14px; line-height:22px; font-weight:500; color:var(--bch5-muted); }
.owj-ui .owj-health .bch5-health-summary strong { margin:0; font-size:26px; line-height:38px; font-weight:700; color:var(--bch5-green); }
.owj-ui .owj-health .bch5-health-form { display:flex; flex-direction:column; gap:20px; margin:0; padding:20px; border:0; border-radius:12px; background:#fff; box-shadow:none; }
.owj-ui .owj-health .bch5-health-form>p:empty { display:none; }
.owj-ui .owj-health .bch5-health-form label { display:flex; flex-direction:column; gap:8px; min-width:0; width:100%; margin:0; }
.owj-ui .owj-health .bch5-health-form label>span { display:block; margin:0; font-size:14px; line-height:22px; font-weight:500; color:var(--bch5-ink); }
.owj-ui .owj-health .bch5-health-form :is(input:not([type=hidden]),select,textarea) { display:block; width:100%; min-width:0; max-width:100%; min-height:52px!important; margin:0; padding:12px 16px; border:1px solid var(--bch5-line); border-radius:8px; background:#fff; color:var(--bch5-ink); font-size:16px; line-height:26px; font-weight:400; box-sizing:border-box; box-shadow:none; }
.owj-ui .owj-health .bch5-health-form :is(select[multiple],textarea) { min-height:144px!important; height:auto; }
.owj-ui .owj-health .bch5-health-form textarea { resize:vertical; }
.owj-ui .owj-health :is(.bch5-health-list,.bch5-trend-grid) { display:flex; flex-direction:column; gap:24px; margin:0; padding:0; }
.owj-ui .owj-health :is(.bch5-health-list>article,.bch5-health-report-link,.bch5-consent,.bch5-trend-grid>article,.bch5-health-group,.owj-health-report-body) { display:flex; flex-direction:column; align-items:stretch; gap:12px; min-width:0; margin:0; padding:20px; border:0; border-radius:12px; background:#fff; color:var(--bch5-ink); text-decoration:none; }
.owj-ui .owj-health :is(.bch5-health-list>article,.bch5-health-report-link,.bch5-consent)>div { display:flex; flex-direction:column; gap:12px; min-width:0; }
.owj-ui .owj-health :is(.bch5-health-list strong,.bch5-health-group h2,.bch5-consent h2,.bch5-trend-grid h2) { color:var(--bch5-ink); font-size:17px!important; line-height:27px!important; font-weight:500!important; }
.owj-ui .owj-health :is(.bch5-health-list small,.bch5-health-group small) { display:block; margin:0; color:var(--bch5-muted); font-size:14px; line-height:22px; font-weight:500; }
.owj-ui .owj-health :is(.bch5-health-list p,.bch5-health-group p) { margin:0; color:var(--bch5-ink); font-size:16px; line-height:29px; }
.owj-ui .owj-health .bch5-health-list b { margin:0; color:var(--bch5-green); font-size:14px; line-height:22px; font-weight:500; white-space:normal; }
.owj-ui .owj-health .bch5-health-group .bch5-health-list { gap:16px; }
.owj-ui .owj-health .bch5-health-group .bch5-health-list>article { gap:8px; padding:0; }
.owj-ui .owj-health .bch5-health-group .bch5-health-list strong { color:var(--bch5-muted); font-size:14px!important; line-height:22px!important; }
.owj-ui .owj-health .bch5-health-group .bch5-health-list b { color:var(--bch5-ink); font-size:16px; line-height:29px; font-weight:400; }
.owj-ui .owj-health .bch5-consent { gap:16px; }
.owj-ui .owj-health .bch5-consent>form { width:100%; margin:0; }
.owj-ui .owj-health .bch5-consent small { color:var(--bch5-muted); font-size:12px; line-height:20px; }
.owj-ui .owj-health--trends .bch5-trend-grid>article { gap:16px; }
.owj-ui .owj-health .bch5-trend-grid>article>small { color:var(--bch5-muted); font-size:12px; line-height:20px; }
.owj-ui .owj-health .bch5-trend-points { display:grid; grid-template-columns:repeat(auto-fit,minmax(72px,1fr)); gap:12px; margin:0; padding:0; overflow:visible; }
.owj-ui .owj-health .bch5-trend-points>span { display:flex; flex:1 0 72px; flex-direction:column; gap:8px; min-width:72px; max-width:100%; margin:0; padding:0; text-align:left; }
.owj-ui .owj-health .bch5-trend-points b,.owj-ui .owj-health--trends .bch5-health-list b { color:var(--bch5-green); font-size:26px; line-height:38px; font-weight:700; }
.owj-ui .owj-health .bch5-trend-points small { color:var(--bch5-muted); font-size:12px; line-height:20px; }
.owj-ui .owj-health .owj-health-report-body { gap:12px; }
.owj-ui .owj-health .owj-health-report-body h2:not(:first-child) { margin-top:12px; }
.owj-ui .owj-health .owj-health-report-body ol { padding-left:26px; list-style:decimal-leading-zero; }
.owj-ui .owj-health .owj-health-report-body li+li { margin-top:12px; }
.owj-ui .owj-health--report .text-muted { color:var(--bch5-muted)!important; font-size:12px; line-height:20px; }
/* Exact design icons: small contextual headings stay distinct from full result illustrations. */
.owj-ui .owj-health :is(.bch5-health-group h2,.bch5-consent h2,.bch5-trend-grid h2,.bch5-health-report-link strong),.owj-ui .owj-health--history .bch5-health-list strong,.owj-ui .owj-health--identity .bch5-health-list strong { position:relative; display:block; min-height:28px; padding-left:36px; }
.owj-ui .owj-health :is(.bch5-health-group h2,.bch5-consent h2,.bch5-trend-grid h2,.bch5-health-report-link strong)::before,.owj-ui .owj-health--history .bch5-health-list strong::before,.owj-ui .owj-health--identity .bch5-health-list strong::before { content:''; position:absolute; top:0; left:0; width:24px; height:28px; background:center/24px no-repeat; }
.owj-ui .owj-health .bch5-health-group h2::before,.owj-ui .owj-health--identity .bch5-health-list>article:first-child strong::before { background-image:url('../img/owj/member/profile.svg'); }
.owj-ui .owj-health .bch5-health-report-link strong::before { background-image:url('../img/owj/nav-health.svg'); }
.owj-ui .owj-health .bch5-consent h2::before { background-image:url('../img/owj/health/shield.svg'); }
.owj-ui .owj-health .bch5-trend-grid h2::before { background-image:url('../img/owj/health/trend.svg'); }
.owj-ui .owj-health--history .bch5-health-list strong::before { background-image:url('../img/owj/health/history.svg'); }
.owj-ui .owj-health--identity .bch5-health-list>article:nth-child(2) strong::before { background-image:url('../img/owj/health/link.svg'); }
.owj-ui .owj-health .bch5-notice { position:relative; display:flex; flex-direction:column; gap:8px; margin:0; padding:16px 16px 16px 52px; border:0; border-radius:12px; background:var(--bch5-mint); }
.owj-ui .owj-health .bch5-notice::before { content:''; position:absolute; top:16px; left:16px; width:24px; height:24px; background:url('../img/owj/health/tick.svg') center/contain no-repeat; }
.owj-ui .owj-health .bch5-notice strong { font-size:17px; line-height:27px; font-weight:500; color:var(--bch5-green); }
.owj-ui .owj-health .bch5-notice p { margin:0; font-size:14px; line-height:23px; color:var(--bch5-muted); }
.owj-ui .owj-health--identity .bch5-notice { padding:0; border-radius:0; background:transparent; }
.owj-ui .owj-health--identity .bch5-notice::before { content:none; }
.owj-ui .owj-health--identity .bch5-notice>strong { display:none; }
.owj-ui .owj-health--identity .bch5-notice>p { margin-bottom:16px; font-size:12px; line-height:20px; }
.owj-ui .owj-health--identity .bch5-notice code { overflow-wrap:anywhere; white-space:normal; }
.owj-ui .owj-health .bch5-empty-line { display:flex; flex-direction:column; align-items:flex-start; gap:16px; margin:0; padding:24px; border:0; border-radius:12px; background:#fff; color:var(--bch5-ink); text-align:left; font-size:17px; line-height:27px; font-weight:500; }
.owj-ui .owj-health .bch5-empty-line::before { content:''; display:block; width:32px; height:32px; background:center/contain no-repeat; }
.owj-ui .owj-health--checkin .bch5-empty-line::before { background-image:url('../img/owj/health/checkin.svg'); }
.owj-ui .owj-health--reports .bch5-empty-line::before { background-image:url('../img/owj/nav-health.svg'); }
.owj-ui .owj-health--history .bch5-empty-line::before { background-image:url('../img/owj/health/history.svg'); }
.owj-ui .owj-health--trends .bch5-empty-line::before { background-image:url('../img/owj/health/trend.svg'); }
.owj-ui .owj-health--consents .bch5-empty-line::before { background-image:url('../img/owj/health/shield.svg'); }
/* Full result artwork is centered; unavailable-service feedback remains an inline card. */
.owj-ui .owj-health .bch5-state { display:flex; flex-direction:column; align-items:stretch; gap:24px; margin:0; padding:0; background:transparent; text-align:center; }
.owj-ui .owj-health .owj-health-state-copy { display:flex; flex-direction:column; align-items:center; gap:20px; margin:0; padding:24px 0; }
.owj-ui .owj-health .owj-health-state-copy>strong { color:var(--bch5-ink); font-size:20px; line-height:30px; }
.owj-ui .owj-health .bch5-state p { width:100%; margin:0; font-size:14px; line-height:24px; color:var(--bch5-muted); }
.owj-ui .owj-health .owj-health-state-art { display:block; width:96px; height:96px; flex-shrink:0; background:center/contain no-repeat; }
.owj-ui .owj-health .bch5-state:is(.is-unauthorized,.is-identity-review) .owj-health-state-art { background-image:url('../img/owj/health/identity-review.svg'); }
.owj-ui .owj-health .bch5-state.is-error .owj-health-state-art { background-image:url('../img/owj/health/service-error.svg'); }
.owj-ui .owj-health .bch5-state.is-not-open .owj-health-state-copy { position:relative; align-items:stretch; gap:12px; padding:16px 16px 16px 52px; border-radius:12px; background:var(--bch5-mint); text-align:left; }
.owj-ui .owj-health .bch5-state.is-not-open .owj-health-state-art { position:absolute; left:16px; top:16px; width:24px; height:24px; background-image:url('../img/owj/health/pending.svg'); }
.owj-ui .owj-health .bch5-state.is-not-open .owj-health-state-copy>strong { font-size:17px; line-height:27px; font-weight:500; }
.owj-ui .owj-health .bch5-state.is-not-open p>a { background:#fff; color:var(--bch5-green)!important; }
.owj-ui .owj-health--trends .bch5-health-list { padding:20px; border-radius:12px; background:#fff; gap:12px; }
.owj-ui .owj-health--trends .bch5-health-list>article { padding:0; background:transparent; }
@media(min-width:768px) { .owj-ui .owj-health { padding:32px 32px 48px; } }
/* Home, preparation/welcome states and assessment entry retain their source destinations. */
.owj-ui .owj-health .bch5-secondary { display:flex; align-items:center; justify-content:center; gap:8px; min-height:48px; width:100%; margin:0; padding:12px 16px; border:1px solid var(--bch5-green); border-radius:8px; background:#fff!important; color:var(--bch5-green)!important; font-size:14px; line-height:22px; font-weight:500; text-decoration:none; box-shadow:none; }
.owj-ui .owj-health--home :is(.bch5-health-data,.owj-health-home-content) { display:flex; flex-direction:column; gap:24px; width:100%; margin:0; padding:0; }
.owj-ui .owj-health--home .bch5-health-tabs>a[href$='/home'] { border-color:var(--bch5-green); background:var(--bch5-green); color:#fff!important; }
.owj-ui .owj-health--home .owj-health-home-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
.owj-ui .owj-health--home .bch5-notice::before { background-image:url('../img/owj/health/pending.svg'); }
.owj-ui .owj-health--home .owj-health-overview { display:flex; flex-direction:column; gap:12px; padding:20px; border-radius:12px; background:#fff; }
.owj-ui .owj-health--home .owj-health-overview .bch5-health-summary>article { padding:0; background:transparent; }
.owj-ui .owj-health--home .owj-health-overview h2 { position:relative; padding-left:36px; font-size:17px!important; line-height:27px!important; font-weight:500!important; }
.owj-ui .owj-health--home .owj-health-overview h2::before { content:''; position:absolute; left:0; top:1px; width:24px; height:24px; background:center/contain no-repeat; }
.owj-ui .owj-health--home .owj-health-overview.is-profile h2::before { background-image:url('../img/owj/member/profile.svg'); }
.owj-ui .owj-health--home .owj-health-overview.is-checkin h2::before { background-image:url('../img/owj/health/checkin.svg'); }
.owj-ui .owj-health--home .owj-health-overview.is-report h2::before { background-image:url('../img/owj/nav-health.svg'); }
.owj-ui .owj-health--home .bch5-empty-line::before { background-image:url('../img/owj/health/trend.svg'); }
.owj-ui .owj-health--home .owj-health-path-card { display:flex; flex-direction:column; gap:12px; padding:20px; border-radius:12px; background:#fff; }
.owj-ui .owj-health--home .bch5-health-path { display:flex; flex-direction:column; gap:12px; margin:0; padding:0; }
.owj-ui .owj-health--home .bch5-health-path>article { display:flex; align-items:center; gap:12px; min-height:27px; padding:0; border:0; border-radius:0; background:transparent; }
.owj-ui .owj-health--home .bch5-health-path small { width:28px; color:var(--bch5-muted); font-size:12px; line-height:20px; }
.owj-ui .owj-health--home .bch5-health-path strong { color:var(--bch5-ink); font-size:17px; line-height:27px; font-weight:500; }
.owj-ui .owj-health--home .bch5-health-coming-soon { display:flex; flex-direction:column; align-items:stretch; gap:24px; margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.owj-ui .owj-health--home .bch5-health-coming-copy { display:flex; flex-direction:column; gap:16px; margin:0; padding:20px; border:0; border-radius:12px; background:var(--bch5-mint); }
.owj-ui .owj-health--home .bch5-health-coming-copy>h2 { color:var(--bch5-green)!important; font-size:26px!important; line-height:38px!important; text-wrap:balance; }
.owj-ui .owj-health--home .bch5-health-coming-copy>p { color:var(--bch5-muted); font-size:14px; line-height:23px; }
.owj-ui .owj-health--home .bch5-health-coming-copy>p:empty { display:none; }
.owj-ui .owj-health--home .bch5-health-coming-actions { display:flex; flex-direction:column; align-items:stretch; gap:16px; margin:0; padding:0; }
.owj-ui .owj-health--home .bch5-health-poster { display:flex; flex-direction:column; gap:16px; width:100%; max-width:480px; margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.owj-ui .owj-health--home .bch5-health-poster img { display:block; width:100%; height:auto; max-height:none; border-radius:12px; object-fit:contain; }
.owj-ui .owj-health--home .bch5-health-poster figcaption { padding:0; color:var(--bch5-muted); font-size:14px; line-height:23px; text-align:left; }
.owj-ui .owj-health--home .bch5-welcome-result { position:relative; display:flex; flex-direction:column; gap:8px; margin:0; padding:16px 16px 16px 52px; border:0; border-radius:12px; background:var(--bch5-mint); }
.owj-ui .owj-health--home .bch5-welcome-result::before { content:''; position:absolute; left:16px; top:16px; width:24px; height:24px; background:url('../img/owj/health/pending.svg') center/contain no-repeat; }
.owj-ui .owj-health--home .bch5-welcome-result.is-success::before { background-image:url('../img/owj/health/tick.svg'); }
.owj-ui .owj-health--home .bch5-welcome-result.is-warning::before { background-image:url('../img/owj/health/welcome-error.svg'); }
.owj-ui .owj-health--home .bch5-welcome-result strong { margin:0; color:var(--bch5-green); font-size:17px; line-height:27px; font-weight:500; }
.owj-ui .owj-health--home .bch5-welcome-result span { color:var(--bch5-muted); font-size:14px; line-height:23px; }
.owj-ui .owj-health--home .bch5-health-coming-path { display:flex; flex-direction:column; gap:12px; margin:0; padding:0; }
.owj-ui .owj-health--home .bch5-health-coming-path>article { position:relative; display:grid; grid-template-columns:28px minmax(0,1fr); gap:8px 4px; margin:0; padding:16px 16px 16px 56px; border:0; border-radius:12px; background:#fff; }
.owj-ui .owj-health--home .bch5-health-coming-path>article::before { content:''; position:absolute; top:16px; left:16px; width:28px; height:28px; background:center/contain no-repeat; }
.owj-ui .owj-health--home .bch5-health-coming-path>article:nth-child(1)::before { background-image:url('../img/owj/nav-health.svg'); }
.owj-ui .owj-health--home .bch5-health-coming-path>article:nth-child(2)::before { background-image:url('../img/owj/health/stage-question.svg'); }
.owj-ui .owj-health--home .bch5-health-coming-path>article:nth-child(3)::before { background-image:url('../img/owj/health/stage-checkin.svg'); }
.owj-ui .owj-health--home .bch5-health-coming-path>article:nth-child(4)::before { background-image:url('../img/owj/health/stage-report.svg'); }
.owj-ui .owj-health--home .bch5-health-coming-path>article:nth-child(5)::before { background-image:url('../img/owj/health/stage-trend.svg'); }
.owj-ui .owj-health--home .bch5-health-coming-path small,.owj-ui .owj-health--home .bch5-health-coming-path strong { margin:0; font-size:17px; line-height:27px; font-weight:500; color:var(--bch5-ink); }
.owj-ui .owj-health--home .bch5-health-coming-path span { grid-column:1/-1; color:var(--bch5-muted); font-size:14px; line-height:23px; }
.owj-ui .owj-health--home .bch5-health-alternatives { display:flex; flex-direction:column; align-items:stretch; gap:12px; margin:0; padding:0; border:0; border-radius:0; background:transparent; }
.owj-ui .owj-health--home .bch5-health-alternatives strong { margin:0 0 12px; color:var(--bch5-ink); font-size:20px; line-height:30px; }
.owj-ui .owj-health--home .bch5-health-alternatives>a { display:flex; align-items:center; justify-content:center; width:100%; min-height:48px; padding:12px 16px; border:1px solid var(--bch5-green); border-radius:8px; background:#fff!important; color:var(--bch5-green)!important; text-decoration:none; font-size:14px; line-height:22px; font-weight:500; }
.owj-ui .owj-health.owj-health--assessment { background:var(--bch5-canvas)!important; border:0; border-radius:0; box-shadow:none; }
.owj-ui .owj-health--assessment::before,.owj-ui .owj-health--assessment::after { content:none; }
.owj-ui .bionovo-surface.bionovo-surface--brand-dark.owj-health.owj-health--assessment :is(h1,h2) { color:var(--bch5-ink)!important; }
.owj-ui .owj-health--assessment>a { display:flex; align-items:center; min-height:48px; margin:0; padding:0; color:var(--bch5-green)!important; font-size:14px; line-height:22px; font-weight:500; text-decoration:none; }
.owj-ui .owj-health--assessment .owj-health-assessment-cover { display:block; width:100%; height:auto; aspect-ratio:350/196; object-fit:cover; border-radius:12px; }
.owj-ui .owj-health--assessment>h2 { color:var(--bch5-ink)!important; font-size:26px!important; line-height:38px!important; }
.owj-ui .owj-health--assessment>div { display:flex; flex-direction:column; gap:16px; width:100%; margin:0; padding:20px; border-radius:12px; background:#fff; }
