.health-page{max-width:1200px;margin:auto;display:grid;gap:20px;color:#173049}.health-page header,.health-summary,.health-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.health-page h1,.health-page h2,.health-page h3{margin:0 0 8px}.health-page p{line-height:1.6}.health-panel{border:1px solid #e1e6eb;border-radius:14px;background:#fff;padding:20px}.health-score{font-size:44px;font-weight:750}.health-score small{font-size:18px}.health-status{display:inline-block;padding:5px 10px;border-radius:20px;background:#edf1f5}.health-status.ok{background:#e8f7ee;color:#145c37}.health-status.warning{background:#fff4d5;color:#77520d}.health-status.fault{background:#ffe5e5;color:#922c2c}.health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.health-grid article{border:1px solid #e1e6eb;border-radius:12px;padding:16px;min-width:0}.health-grid strong{display:block;font-size:19px;margin-bottom:10px}.health-page button{min-height:44px;border:1px solid #d7dfe5;border-radius:8px;background:#fff;padding:8px 14px;color:inherit;cursor:pointer}.health-page button:disabled{opacity:.6;cursor:wait}.health-page [data-health-check]{background:#15324c;color:white}.health-page nav{display:flex;gap:8px;flex-wrap:wrap}.health-page nav button[aria-selected=true]{background:#fff3d7;border-color:#c89635}.health-issue{padding:18px 0;border-bottom:1px solid #e6eaee}.health-issue:last-child{border:0}.health-muted{color:#697887;font-size:14px}.health-page pre{font-size:12px;max-height:300px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.health-page details{margin-top:10px}.health-page summary{cursor:pointer;min-height:32px}.health-alert{border-inline-start:4px solid #cc4c40}.health-grid dl{margin:0;overflow-wrap:anywhere}.health-grid dt{font-size:12px;color:#697887}.health-grid dd{margin:2px 0 12px}.health-page [role=alert]{color:#922c2c}.health-page button:focus-visible{outline:3px solid #cc9d3f;outline-offset:3px}@media(max-width:760px){.health-page{gap:14px;padding-bottom:85px}.health-panel{padding:15px}.health-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.health-grid article{padding:12px}.health-score{font-size:36px}.health-page h1{font-size:26px}.health-page nav button{flex:1 1 30%;padding:6px}}
.health-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}.health-overview>div{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;font-size:13px}.health-overview .health-status{padding:3px 6px;font-size:12px;white-space:nowrap}@media(max-width:760px){.health-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* A bell-sized health score; the detailed entry lives below Settings in My. */
#appView .wb-reminder-head:has(> .health-indicator){padding-right:108px!important}
#appView .wb-reminder-head > .health-indicator{position:absolute;top:0;right:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;box-sizing:border-box;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:3px;border:1px solid #e3dfd6;border-radius:12px;background:#fff;color:#17364b;cursor:pointer}
#appView .health-indicator svg{display:block;width:23px;height:23px;flex:none}
#appView .health-indicator [data-health-value]{font-size:11px;line-height:13px;font-weight:650;font-variant-numeric:tabular-nums}
#appView .health-indicator:hover{color:#9a6c10;background:#fcf6e9}
#appView .health-indicator:focus-visible{outline:3px solid #c79937;outline-offset:3px}
@media(max-width:760px){#appView.owner-mobile-user .owner-title-row:has(> .health-indicator){flex-wrap:wrap;gap:8px}#appView.owner-mobile-user .owner-title-row > .health-indicator{border:0;background:transparent}}
