/* Home dashboard presentation. Calculation and patient context stay in their existing modules. */
html body main section[aria-label="Health Metric Trend Chart"] {
  padding: 0 !important; background: transparent !important; border: 0 !important;
  border-radius: 0 !important; box-shadow: none !important; min-width: 0;
}
html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard {
  --mm-home-ink: #243244;
  --mm-home-muted: #586678;
  --mm-home-border: #e5e9ef;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 20px !important;
  align-items: stretch !important;
  padding: 0 !important;
  margin-bottom: 18px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard .health-metric-chart-card {
  min-width: 0 !important;
  grid-column: auto !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border: 1px solid var(--mm-home-border) !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: 0 4px 18px rgba(28, 42, 62, .045) !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
}
html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard .health-metric-chart-card::before,
html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard .health-metric-chart-card::after,
html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard .health-metric-chart-wrap::before,
html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard .health-metric-chart-wrap::after { content: none !important; display: none !important; }
html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard .health-metric-chart-card .card-header {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 112px !important;
  grid-template-rows: minmax(42px,auto) 24px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px 10px !important;
  min-height: 88px !important;
  padding: 14px 16px 10px !important;
  background: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}
html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard .header-copy { min-width: 0 !important; grid-column: 1; grid-row: 1; }
html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard .mm-chart-heading-row { display: flex !important; align-items: center !important; gap: 12px !important; }
html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard .mm-chart-icon {
  width: 38px !important; height: 38px !important; min-width: 38px !important;
  border-radius: 12px !important; background: #f5f0e6 !important;
  color: #806421 !important; border: 1px solid #ede2cb !important;
  box-shadow: none !important; font-size: 18px !important;
}
html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard .health-metric-chart-card .chart-title {
  font-size: 20px !important; line-height: 1.35 !important; font-weight: 700 !important;
  color: var(--mm-home-ink) !important; text-shadow: none !important; letter-spacing: -.2px !important;
}
html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard .health-metric-chart-card .chart-badge,
html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard #quadChartSelectedMetric {
  display: inline-flex !important; align-items: center !important;
  flex: 0 0 auto !important; min-width: 76px !important; justify-content: center !important;
  font-size: 16px !important; line-height: 20px !important; font-weight: 600 !important;
  padding: 3px 10px !important; border-radius: 100px !important; border-width: 1px !important;
  white-space: nowrap !important; box-shadow: none !important;
  grid-column: 1; grid-row: 2; justify-self: start;
}
html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard .mm-chart-focus-button {
  display: inline-flex; align-items: center; gap: 6px; border: 1px solid #e5e9ef;
  background: #fff; color: #586678; font-size: 16px !important; font-weight: 500 !important;
  border-radius: 8px; padding: 7px 9px !important; cursor: pointer; flex: 0 0 auto; min-height: 38px;
  grid-column: 2; grid-row: 1; justify-self: end; justify-content: center; width: 112px;
}
html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard .mm-chart-focus-button[hidden] { display: none !important; }
html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard .mm-chart-focus-button:focus-visible { outline: 3px solid #bf9d37; outline-offset: 2px; }
html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard .health-metric-chart-card.is-focused {
  grid-column: 1 / -1 !important; order: -1; border-color: #bf9d37 !important;
  box-shadow: 0 0 0 1px #bf9d37, 0 10px 30px rgba(128,100,33,.09) !important;
}
html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard .health-metric-chart-card.is-focused .card-header { background: linear-gradient(110deg,#faf6ec,#fff 70%) !important; }
html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard .health-metric-chart-card.is-focused .mm-chart-focus-button { background: #f5f0e6; color: #806421; border-color: #ede2cb; }
html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard .health-metric-chart-card.is-focused .health-metric-chart-wrap { height: 260px !important; min-height: 260px !important; max-height: 260px !important; max-width: 620px !important; margin: 0 auto !important; }
html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard .health-metric-chart-card .card-body { padding: 0 16px 12px !important; background: #fff !important; flex: 1 1 auto !important; }
html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard .health-metric-chart-card .health-metric-chart-wrap {
  position: relative !important; height: 210px !important; min-height: 210px !important; max-height: 210px !important;
  width: 100% !important; margin: 0 !important; padding: 0 !important;
  border: 0 !important; border-radius: 0 !important; background: transparent !important;
  box-shadow: none !important; overflow: hidden !important;
}
html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard .health-metric-chart-card canvas {
  position: absolute !important; inset: 0 !important;
  display: block !important; width: 100% !important; height: 100% !important;
  max-width: 100% !important; max-height: 100% !important; min-height: 0 !important;
  margin: 0 !important; padding: 0 !important;
}
html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard .health-chart-footer-note {
  display: flex !important; justify-content: center !important; align-items: center !important;
  min-height: 30px !important; gap: 0 !important; padding: 0 !important; margin: 0 !important;
  background: transparent !important; border: 0 !important;
}
html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard .mm-risk-scale-pill {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  gap: 8px !important; min-width: 0 !important; padding: 0 !important;
  background: transparent !important; border: 0 !important; box-shadow: none !important;
  color: var(--mm-home-muted) !important; font-size: 16px !important; font-weight: 500 !important;
}
html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard .mm-risk-scale-swatch {
  width: 44px !important; height: 5px !important; border: 0 !important; box-shadow: none !important;
  background: linear-gradient(90deg, #198b68, #d9ba38, #e9853e, #b83d50) !important;
}
html body section[aria-label="Health Metric Trend Chart"] > .filter-controls {
  display: flex !important; flex-wrap: wrap !important; align-items: center !important;
  gap: 14px !important; padding: 16px 18px !important; margin-bottom: 20px !important;
  border-radius: 16px !important; background: #fff !important; border: 1px solid #e5e9ef !important;
  box-shadow: none !important;
}
html body section[aria-label="Health Metric Trend Chart"] > .filter-controls > div { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
html body section[aria-label="Health Metric Trend Chart"] .form-label { font-size: 16px !important; margin: 0 !important; }
html body section[aria-label="Health Metric Trend Chart"] .mm-indexes-title { font-size: 21px !important; font-weight: 700 !important; color: #243244 !important; margin: 0 !important; }
html body section[aria-label="Health Metric Trend Chart"] .form-select { max-width: 100%; font-size: 16px !important; }
html body section[aria-label="Health Metric Trend Chart"] .btn { padding: 8px 12px !important; font-size: 16px !important; border-radius: 9px !important; box-shadow: none !important; transform: none !important; }

/* Reserve the initial asynchronous care panel, then keep its same-scope contents mounted during refresh. */
html body #mmCareFollowthroughMount { min-height: 110px; margin: 0 0 20px; }
html body #mmCareFollowthrough {
  padding: 18px !important; margin: 0 !important; background: #fff !important;
  border: 1px solid #e5e9ef !important; border-radius: 20px !important;
  box-shadow: 0 4px 18px rgba(28, 42, 62, .035) !important;
  font-size: 16px; line-height: 1.6; color: #344256;
}
html body #mmCareFollowthrough .mm-care-heading { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 6px; }
html body #mmCareFollowthrough .mm-care-title { font-size: 21px !important; line-height: 1.3 !important; font-weight: 700 !important; margin: 0 !important; color: #243244 !important; }
html body #mmCareFollowthrough .mm-care-message { min-height: 24px; margin: 0 0 8px; color: #586678; font-size: 16px; }
html body #mmCareFollowthrough .mm-care-team-toggle { display: flex; align-items: center; gap: 10px; margin: 0 0 16px; font-size: 16px; }
html body #mmCareFollowthrough [hidden], html body #mmFollowups [hidden] { display: none !important; }
html body #mmCareFollowthrough .mm-care-stats { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; margin: 6px 0 22px; }
html body #mmCareFollowthrough .mm-care-stats:empty { display: none; }
html body #mmCareFollowthrough .mm-care-stat { display: flex; flex-direction: column; padding: 16px 18px; gap: 4px; border-radius: 14px; border: 1px solid #e5e9ef; background: #f9fafc; }
html body #mmCareFollowthrough .mm-care-stat-value { font-size: 28px; font-weight: 700; line-height: 1.2; }
html body #mmCareFollowthrough .mm-care-stat-label { font-size: 16px; color: #586678; }
html body #mmCareFollowthrough .mm-care-stat--pending .mm-care-stat-value { color: #977420; }
html body #mmCareFollowthrough .mm-care-stat--overdue .mm-care-stat-value { color: #b83d50; }
html body #mmCareFollowthrough .mm-care-stat--completed .mm-care-stat-value { color: #198b68; }
html body #mmCareFollowthrough .mm-care-form { background: #f9fafc; padding: 20px; margin: 0 0 24px !important; border: 1px solid #e5e9ef; border-radius: 14px; }
html body #mmCareFollowthrough .mm-care-form-title { margin-top: 0 !important; font-size: 18px !important; line-height: 1.4 !important; font-weight: 600 !important; }
html body #mmCareFollowthrough .form-label, html body #mmFollowups .form-label { font-size: 16px !important; font-weight: 600 !important; color: #344256 !important; }
html body #mmCareFollowthrough .form-control, html body #mmCareFollowthrough .form-select,
html body #mmFollowups .form-control { font-size: 16px !important; min-height: 44px; border-radius: 9px !important; border-color: #d8dfe8 !important; }
html body #mmCareFollowthrough .mm-care-form-note { margin-bottom: 0; font-size: 16px; color: #586678; }
html body #mmCareFollowthrough .mm-care-confirmation { display: flex; align-items: flex-start; gap: 10px; font-size: 16px; }
html body #mmCareFollowthrough .form-check-input { flex-shrink: 0; width: 18px; height: 18px; margin-top: 3px; }
html body #mmCareFollowthrough .btn, html body #mmFollowups .btn { font-size: 16px !important; padding: 8px 14px !important; border-radius: 9px !important; box-shadow: none !important; transform: none !important; }
html body #mmCareFollowthrough .mm-care-list { display: grid; gap: 14px; }
html body #mmCareFollowthrough .mm-care-card { padding: 20px; border: 1px solid #e5e9ef; border-radius: 14px; }
html body #mmCareFollowthrough .mm-care-card-heading, html body #mmFollowups .mm-followup-card-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
html body #mmCareFollowthrough .mm-care-card-title, html body #mmFollowups .mm-followup-card-title { margin: 0 !important; color: #243244 !important; font-size: 18px !important; font-weight: 600 !important; line-height: 1.45; overflow-wrap: anywhere; }
html body #mmCareFollowthrough .mm-care-status, html body #mmFollowups .mm-followup-status { flex-shrink: 0; font-size: 16px; font-weight: 600; border-radius: 100px; padding: 4px 10px; background: #f1f4f8; color: #5f6b7d; }
html body #mmCareFollowthrough .mm-care-status--pending { background: #fbf5e6; color: #977420; }
html body #mmCareFollowthrough .mm-care-status--accepted, html body #mmFollowups .mm-followup-status--in_progress { background: #edf3fc; color: #3b6296; }
html body #mmCareFollowthrough .mm-care-status--completed, html body #mmFollowups .mm-followup-status--completed { background: #eaf5ef; color: #198b68; }
html body #mmCareFollowthrough .mm-care-card-meta, html body #mmFollowups .mm-followup-card-meta { display: flex; flex-wrap: wrap; gap: 12px; font-size: 16px; color: #586678; margin-bottom: 14px; }
html body #mmCareFollowthrough .mm-care-overdue, html body #mmFollowups .mm-followup-overdue { color: #b83d50; font-weight: 600; }
html body #mmCareFollowthrough .mm-care-people { display: flex; flex-wrap: wrap; gap: 18px 48px; margin: 14px 0; }
html body #mmCareFollowthrough .mm-care-person { display: flex; flex-direction: column; gap: 2px; }
html body #mmCareFollowthrough .mm-care-person-label { font-size: 16px; color: #586678; }
html body #mmCareFollowthrough .mm-care-person-name { font-size: 16px; font-weight: 600; }
html body #mmCareFollowthrough .mm-care-source, html body #mmCareFollowthrough .mm-care-outcome { display: block; margin: 12px 0; font-size: 16px; overflow-wrap: anywhere; }
html body #mmCareFollowthrough .mm-care-actions { display: flex; gap: 8px; flex-wrap: wrap; margin: 12px 0; }
html body #mmCareFollowthrough .mm-care-outcome-input { flex: 1 1 100%; }
html body #mmCareFollowthrough .mm-care-history, html body #mmFollowups .mm-followup-history { margin-top: 14px; font-size: 16px; color: #586678; }
html body #mmCareFollowthrough .mm-care-history summary, html body #mmFollowups .mm-followup-history summary { cursor: pointer; padding: 4px 0; }
html body #mmCareFollowthrough .mm-care-empty { color: #586678; margin: 0; }

/* Native disclosures keep the lower page compact and remain keyboard accessible. */
html body #mmFollowups, html body #mmSpecialistCards .mm-specialist-card {
  padding: 0 !important; margin: 0 0 20px !important; overflow: hidden;
  border: 1px solid #e5e9ef !important; border-radius: 18px !important;
  background: #fff !important; box-shadow: 0 4px 18px rgba(28, 42, 62, .035) !important;
}
html body #mmFollowups > summary, html body #mmSpecialistCards .mm-specialist-summary {
  display: flex !important; align-items: center !important; gap: 16px !important;
  list-style: none; padding: 16px 18px !important; cursor: pointer; border-top: 0 !important;
}
html body #mmFollowups > summary::-webkit-details-marker, html body #mmSpecialistCards .mm-specialist-summary::-webkit-details-marker { display: none; }
html body #mmFollowups > summary::marker, html body #mmSpecialistCards .mm-specialist-summary::marker { content: ''; }
html body #mmFollowups > summary:hover, html body #mmSpecialistCards .mm-specialist-summary:hover { background: #fafbfc; }
html body #mmFollowups > summary:focus-visible, html body #mmSpecialistCards summary:focus-visible { outline: 3px solid #bf9d37; outline-offset: -4px; border-radius: 16px; }
html body #mmFollowups .mm-home-summary-icon, html body #mmSpecialistCards .mm-specialist-icon {
  display: grid !important; place-items: center !important; width: 40px !important; height: 40px !important;
  flex: 0 0 40px !important; border-radius: 14px !important;
  background: #f5f0e6 !important; color: #806421 !important; border: 0 !important; box-shadow: none !important;
}
html body #mmFollowups .mm-home-summary-title, html body #mmSpecialistCards .mm-specialist-title { font-size: 20px !important; line-height: 1.35 !important; font-weight: 600 !important; color: #243244 !important; margin: 0 !important; overflow-wrap: anywhere; }
html body #mmFollowups .mm-home-summary-title { flex: 1; }
html body #mmFollowups .mm-home-summary-toggle, html body #mmSpecialistCards .mm-specialist-toggle { display: inline-flex; align-items: center; gap: 12px; font-size: 16px; color: #586678; white-space: nowrap; }
html body #mmFollowups .mm-toggle-close, html body #mmSpecialistCards .mm-specialist-toggle-close { display: none; }
html body #mmFollowups[open] .mm-toggle-open, html body #mmSpecialistCards details[open] .mm-specialist-toggle-open { display: none; }
html body #mmFollowups[open] .mm-toggle-close, html body #mmSpecialistCards details[open] .mm-specialist-toggle-close { display: inline; }
html body #mmFollowups[open] .mm-home-summary-toggle i, html body #mmSpecialistCards details[open] .mm-specialist-chevron { transform: rotate(180deg); }
html body #mmFollowups .mm-followup-body, html body #mmSpecialistCards .mm-specialist-body { padding: 0 24px 24px !important; border-top: 1px solid #eef1f5; }
html body #mmFollowups .mm-followup-toolbar { display: flex; justify-content: flex-end; margin: 16px 0 6px; }
html body #mmFollowups [role="status"] { min-height: 24px; color: #586678; font-size: 16px; }
html body #mmFollowups .mm-followup-card { border: 1px solid #e5e9ef; border-radius: 14px; padding: 18px; margin-top: 14px; }
html body #mmFollowups .mm-followup-status-select { max-width: 200px; margin: 10px 0; font-size: 16px !important; }
html body #mmSpecialistSection { margin: 30px 0 24px !important; }
html body #mmSpecialistHeading { font-size: 21px !important; font-weight: 700 !important; color: #243244 !important; margin: 0 0 16px !important; }
html body #mmSpecialistCards { display: grid !important; grid-template-columns: minmax(0,1fr) !important; gap: 14px !important; }
html body #mmSpecialistCards .mm-specialist-card { margin: 0 !important; }
html body #mmSpecialistCards .mm-specialist-header { display: flex; align-items: center; gap: 14px; flex: 1 1 0; min-width: 0; margin: 0 !important; }
html body #mmSpecialistCards .mm-specialist-heading { display: flex; flex-direction: column; flex: 1; min-width: 0; }
html body #mmSpecialistCards .mm-specialist-subtitle { display: block; margin: 5px 0 0 !important; color: #586678 !important; font-size: 16px !important; line-height: 1.4 !important; }
html body #mmSpecialistCards .mm-specialist-ring {
  width: 54px !important; height: 54px !important; flex: 0 0 54px !important;
  display: grid !important; place-items: center !important; border: 0 !important;
  background: conic-gradient(var(--mm-specialist-accent,#bf9d37) calc(var(--mm-score,0) * 1%),#eef1f5 0) !important; border-radius: 50% !important;
  box-shadow: none !important;
}
html body #mmSpecialistCards .mm-specialist-ring > span { display: grid !important; place-items: center !important; background: #fff; border-radius: 50%; width: 44px; height: 44px; }
html body #mmSpecialistCards .mm-specialist-ring strong { font-size: 19px !important; color: #243244 !important; font-weight: 700; }
html body #mmSpecialistCards .mm-specialist-ring > span > span { display: none !important; }
html body #mmSpecialistCards .mm-specialist-summary-meta { display: flex; flex-direction: column; gap: 3px; max-width: 135px; }
html body #mmSpecialistCards .mm-specialist-date, html body #mmSpecialistCards .mm-specialist-status { font-size: 16px !important; line-height: 1.4 !important; margin: 0 !important; color: #586678 !important; }
html body #mmSpecialistCards .mm-specialist-status { font-weight: 500 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
html body #mmSpecialistCards .mm-specialist-chevron { width: 18px; height: 18px; }
html body #mmSpecialistCards .mm-specialist-stats { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 12px !important; margin: 20px 0 !important; }
html body #mmSpecialistCards .mm-specialist-stats > div { background: #f9fafc !important; border: 1px solid #e5e9ef !important; border-radius: 12px !important; padding: 14px !important; min-width: 0; }
html body #mmSpecialistCards .mm-specialist-stats dt { font-size: 16px !important; color: #586678 !important; font-weight: 500; }
html body #mmSpecialistCards .mm-specialist-stats dd { font-size: 23px !important; color: #243244 !important; margin: 6px 0 0; font-weight: 700; }
html body #mmSpecialistCards .mm-specialist-plot { background: #fafbfc !important; border: 1px solid #e5e9ef !important; border-radius: 14px !important; padding: 18px !important; }
html body #mmSpecialistCards .mm-specialist-plot svg { display: block; width: 100%; max-height: 240px; }
html body #mmSpecialistCards .mm-specialist-note { color: #586678 !important; font-size: 16px !important; line-height: 1.5; margin: 16px 0 0 !important; }
html body #mmSpecialistCards .mm-specialist-history { margin-top: 16px; font-size: 16px; color: #586678; }
html body #mmSpecialistCards .mm-specialist-history summary { cursor: pointer; padding: 4px 0; }
@media (max-width: 1120px) {
  html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard { grid-template-columns: minmax(0,1fr) !important; }
  html body #mmSpecialistCards .mm-specialist-summary { flex-wrap: wrap; }
  html body #mmSpecialistCards .mm-specialist-header { flex: 1 1 100%; }
  html body #mmSpecialistCards .mm-specialist-score { margin-left: 54px; }
  html body #mmSpecialistCards .mm-specialist-summary-meta { flex: 1; min-width: 0; max-width: none; }
  html body #mmSpecialistCards .mm-specialist-toggle { margin-left: auto; }
  html body #mmSpecialistCards .mm-specialist-toggle-open,
  html body #mmSpecialistCards .mm-specialist-toggle-close { display: none !important; }
}
@media (max-width: 650px) {
  html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard { gap: 16px !important; }
  html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard .health-metric-chart-card .card-header { padding: 16px 18px 8px !important; }
  html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard .health-metric-chart-card .card-body { padding: 0 12px 16px !important; }
  html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard .health-metric-chart-card .chart-title { font-size: 18px !important; }
  html body #mmCareFollowthrough { padding: 18px !important; }
  html body #mmCareFollowthrough .mm-care-stat { padding: 12px 10px; }
  html body #mmCareFollowthrough .mm-care-stat-label { font-size: 16px; }
  html body #mmCareFollowthrough .mm-care-form { padding: 14px; }
  html body #mmCareFollowthrough .mm-care-card-heading, html body #mmFollowups .mm-followup-card-heading { flex-wrap: wrap; }
  html body #mmFollowups > summary, html body #mmSpecialistCards .mm-specialist-summary { flex-wrap: wrap; padding: 18px !important; gap: 12px !important; }
  html body #mmFollowups .mm-home-summary-toggle { margin-left: 54px; }
  html body #mmFollowups .mm-home-summary-title { flex: 1 1 calc(100% - 62px); min-width: 0; }
  html body #mmFollowups .mm-home-summary-toggle { flex: 1 1 100%; }
  html body #mmSpecialistCards .mm-specialist-header { flex: 1 1 100%; }
  html body #mmSpecialistCards .mm-specialist-score { margin-left: 54px; }
  html body #mmSpecialistCards .mm-specialist-summary-meta { flex: 1; }
  html body #mmSpecialistCards .mm-specialist-toggle { margin-left: auto; }
  html body #mmSpecialistCards .mm-specialist-toggle-open, html body #mmSpecialistCards .mm-specialist-toggle-close { display: none !important; }
  html body #mmFollowups .mm-followup-body, html body #mmSpecialistCards .mm-specialist-body { padding: 0 18px 18px !important; }
  html body #mmSpecialistCards .mm-specialist-stats { gap: 8px !important; }
  html body #mmSpecialistCards .mm-specialist-stats > div { padding: 10px !important; }
}
html body.dark-mode #healthMetricsChartBoard { --mm-home-ink: #e7edf5; --mm-home-muted: #a8b6c8; --mm-home-border: #344256; }
html body.dark-mode #healthMetricsChartBoard .health-metric-chart-card,
html body.dark-mode #healthMetricsChartBoard .health-metric-chart-card .card-header,
html body.dark-mode #healthMetricsChartBoard .health-metric-chart-card .card-body { background: #182231 !important; }
html body.dark-mode #mmCareFollowthrough, html body.dark-mode #mmFollowups,
html body.dark-mode #mmSpecialistCards .mm-specialist-card { background: #182231 !important; border-color: #344256 !important; color: #c2cedc; }
html body.dark-mode #mmCareFollowthrough .mm-care-title, html body.dark-mode #mmSpecialistHeading,
html body.dark-mode #mmFollowups .mm-home-summary-title, html body.dark-mode #mmSpecialistCards .mm-specialist-title,
html body.dark-mode #mmCareFollowthrough .mm-care-card-title, html body.dark-mode #mmFollowups .mm-followup-card-title,
html body.dark-mode #mmSpecialistCards .mm-specialist-ring strong, html body.dark-mode #mmSpecialistCards .mm-specialist-stats dd { color: #e7edf5 !important; }
html body.dark-mode #mmCareFollowthrough .mm-care-form, html body.dark-mode #mmCareFollowthrough .mm-care-stat,
html body.dark-mode #mmSpecialistCards .mm-specialist-stats > div, html body.dark-mode #mmSpecialistCards .mm-specialist-plot { background: #202d3d !important; border-color: #344256 !important; }
html body.dark-mode #mmSpecialistCards .mm-specialist-ring > span { background: #182231; }
html body.dark-mode #mmFollowups > summary:hover, html body.dark-mode #mmSpecialistCards .mm-specialist-summary:hover { background: #202d3d; }
html body.dark-mode #mmCareFollowthrough .form-label, html body.dark-mode #mmFollowups .form-label { color: #c2cedc !important; }
html body.dark-mode #healthMetricsChartBoard .health-metric-chart-card.is-focused .card-header { background: linear-gradient(110deg,#2c2a21,#182231 70%) !important; }
@media print {
  html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 12px !important; }
  html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard .health-metric-chart-card { break-inside: avoid; box-shadow: none !important; }
  html body #mmFollowups .mm-home-summary-toggle, html body #mmSpecialistCards .mm-specialist-toggle { display: none !important; }
  html body #mmSpecialistCards .mm-specialist-body { display: block !important; }
}
@media (max-width:450px) {
  html body #mmSpecialistCards .mm-specialist-stats { grid-template-columns: minmax(0,1fr) !important; }
}

/* Compact summary cards keep the assessment view within easy reach. */
html body #home-dashboard { margin-bottom:20px!important; padding:0!important; background:transparent!important; border:0!important; box-shadow:none!important; }
html body #home-dashboard .dashboard-cards { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px!important; margin:0!important; }
html body #home-dashboard .dashboard-cards > div { width:100%!important; padding:0!important; margin:0!important; }
html body #home-dashboard .dashboard-cards .card { border-radius:14px!important; transform:none!important; box-shadow:0 2px 8px rgba(28,42,62,.04)!important; }
html body #home-dashboard .dashboard-cards .card .card-body { min-height:88px!important; padding:12px 14px!important; }
html body #home-dashboard .dashboard-cards .card .card-body > .me-3 { width:32px!important; height:32px!important; min-width:32px!important; margin-right:10px!important; border-radius:9px!important; }
html body #home-dashboard .dashboard-cards .card .card-body > .me-3 i { font-size:18px!important; }
html body #home-dashboard .metric-value { font-size:28px!important; line-height:1.1!important; }
html body #home-dashboard .metric-label { font-size:16px!important; line-height:1.3!important; }
html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard #trendHeader { font-size:20px!important; color:#243244!important; line-height:1.35!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; width:auto!important; min-height:0!important; }
html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard .health-metric-chart-card[data-mm-gauge-empty="true"] .card-header { grid-template-columns:minmax(0,1fr)!important; grid-template-rows:minmax(42px,auto)!important; min-height:66px!important; padding:12px 14px 4px!important; }
html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard .health-metric-chart-card[data-mm-gauge-empty="true"] .header-copy { grid-column:1 / -1; }
html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard .health-metric-chart-card[data-mm-gauge-empty="true"] .chart-badge,
html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard .health-metric-chart-card[data-mm-gauge-empty="true"] #quadChartSelectedMetric,
html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard .health-metric-chart-card[data-mm-gauge-empty="true"] .mm-chart-focus-button { display:none!important; }
html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard .health-metric-chart-card[data-mm-gauge-empty="true"] .health-metric-chart-wrap { height:72px!important; min-height:72px!important; max-height:72px!important; }
html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard .health-metric-chart-card[data-mm-gauge-empty="true"] .mm-chart-icon { width:32px!important; height:32px!important; min-width:32px!important; border-radius:9px!important; }
html body .mm-indexes-empty-hint { font-size:16px!important; color:#586678!important; margin:0 0 12px!important; }
html body .mm-indexes-scale { display:flex; justify-content:flex-end; align-items:center; gap:12px; font-size:16px; color:#586678; margin:0 0 12px; }
html body .mm-indexes-scale-bar { display:inline-block; width:100px; height:7px; border-radius:100px; background:linear-gradient(90deg,#198b68,#d9ba38,#e9853e,#b83d50); }
html body #mmIndexesEmptyHint[hidden], html body #mmIndexesScale[hidden] { display:none!important; }
html body #mmSpecialistCards .mm-specialist-empty { margin:0!important; padding:16px 0 0; text-align:center; font-size:16px!important; color:#586678!important; }
html body #mmSpecialistCards .mm-specialist-card[data-mm-specialist-empty="true"] > summary { display:grid!important; grid-template-columns:minmax(0,1fr) 22px; grid-template-rows:auto auto; gap:4px 12px!important; }
html body #mmSpecialistCards .mm-specialist-card[data-mm-specialist-empty="true"] .mm-specialist-header { grid-column:1; grid-row:1; }
html body #mmSpecialistCards .mm-specialist-card[data-mm-specialist-empty="true"] .mm-specialist-summary-meta { grid-column:1; grid-row:2; margin-left:54px; max-width:none; }
html body #mmSpecialistCards .mm-specialist-card[data-mm-specialist-empty="true"] .mm-specialist-toggle { grid-column:2; grid-row:1 / 3; margin:0; }
html body #mmSpecialistCards .mm-specialist-card[data-mm-specialist-empty="true"] .mm-specialist-toggle-open,
html body #mmSpecialistCards .mm-specialist-card[data-mm-specialist-empty="true"] .mm-specialist-toggle-close { display:none!important; }
@media (max-width:1120px) { html body #home-dashboard .dashboard-cards { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:700px) and (max-width:1599px) { html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard[data-mm-all-empty="true"] { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important; } }
@media screen and (min-width:1600px) { html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard { grid-template-columns:repeat(4,minmax(0,1fr))!important; } }
@media (max-width:450px) { html body #home-dashboard .dashboard-cards .card .card-body { padding:10px!important; } html body #home-dashboard .dashboard-cards .card .card-body > .me-3 { display:none!important; } }
html body.dark-mode section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard #trendHeader { color:#e7edf5!important; }
html body.dark-mode #mmSpecialistCards .mm-specialist-date, html body.dark-mode #mmSpecialistCards .mm-specialist-status,
html body.dark-mode #mmCareFollowthrough .mm-care-stat-label, html body.dark-mode #mmSpecialistCards .mm-specialist-empty,
html body.dark-mode .mm-indexes-scale, html body.dark-mode .mm-indexes-empty-hint { color:#a8b6c8!important; }

/* Keep all index titles aligned after the older title-pill rules. */
html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard .health-metric-chart-card .chart-title {
  padding:0!important; border:0!important; border-radius:0!important;
  background:transparent!important; background-image:none!important; box-shadow:none!important;
  width:auto!important; min-height:0!important;
}
/* Result details retain the same readable type scale as the compact summaries. */
html body #mmSpecialistCards .mm-trend-heading,
html body #mmSpecialistCards .mm-trend-heading span,
html body #mmSpecialistCards .mm-trend-legend,
html body #mmSpecialistCards .mm-trend-detail,
html body #mmSpecialistCards .mm-specialist-history th,
html body #mmSpecialistCards .mm-specialist-history td,
html body #mmSpecialistCards .mm-specialist-plot svg text { font-size:16px!important; }
@media (max-width:450px) {
  html body #mmSpecialistCards .mm-specialist-plot svg text { font-size:24px!important; }
}

/* Readable patient summary without a large empty placeholder. */
html body #mmClinicalActionCenter .mm-clinical-title { font-size:22px!important; line-height:1.3!important; margin:0!important; }
html body #mmClinicalActionCenter .mm-clinical-topbar { padding:14px 16px!important; gap:12px!important; flex-wrap:wrap; }
html body #mmClinicalActionCenter .mm-clinical-heading { gap:12px!important; min-width:0; }
html body #mmClinicalActionCenter .mm-clinical-heading-icon { width:36px!important; height:36px!important; flex:0 0 36px!important; font-size:18px!important; }
html body #mmClinicalActionCenter .mm-clinical-body { padding:0 16px 16px!important; }
html body #mmClinicalActionCenter .mm-clinical-empty { min-height:88px!important; padding:16px!important; font-size:16px!important; line-height:1.5!important; color:#586678; }
html body #mmClinicalActionCenter .mm-clinical-scope,
html body #mmClinicalActionCenter .mm-snapshot-label,
html body #mmClinicalActionCenter .mm-snapshot-note,
html body #mmClinicalActionCenter .mm-queue-name,
html body #mmClinicalActionCenter .mm-queue-reason,
html body #mmClinicalActionCenter .mm-queue-meta,
html body #mmClinicalActionCenter .mm-coverage-row > span,
html body #mmClinicalActionCenter #mmClinicalLastUpdated,
html body #mmClinicalActionCenter .btn { font-size:16px!important; line-height:1.4!important; }
html body #mmClinicalActionCenter .mm-queue-title,
html body #mmClinicalActionCenter .mm-next-title { font-size:18px!important; line-height:1.4!important; }
html body #mmClinicalActionCenter .mm-clinical-refresh { min-width:40px; min-height:40px; }
html body #mmClinicalActionCenter .mm-queue-item { transform:none!important; }
html body.dark-mode #mmClinicalActionCenter .mm-clinical-empty { color:#c2cedc; }

/* Primary information stays visible; secondary details open on demand. */
html body #home-dashboard .dashboard-cards { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
html body #mmOverviewMore { grid-column:1/-1; margin:0; }
html body #mmOverviewMore > summary { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 16px; list-style:none; cursor:pointer; font-size:16px!important; font-weight:600; color:#586678; border:1px solid #e5e9ef; border-radius:12px; background:#fff; }
html body #mmOverviewMore > summary::-webkit-details-marker { display:none; }
html body #mmOverviewMore > summary::marker { content:''; }
html body #mmOverviewMore[open] > summary i { transform:rotate(180deg); }
html body #mmOverviewMore .mm-overview-more-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; padding-top:12px; }
html body #mmOverviewMore .mm-overview-more-grid > div { width:100%!important; padding:0!important; }
html body #mmOverviewMore > summary:focus-visible,
html body #mmClinicalActionCenter .mm-attention-details > summary:focus-visible { outline:3px solid #bf9d37; outline-offset:2px; }
html body #mmClinicalActionCenter .col-xl-7:has(#mmClinicalPatientState.d-none) { display:none; }
html body #mmClinicalActionCenter .row:has(#mmClinicalPatientState.d-none) > .col-xl-5 { width:100%; }
html body #mmClinicalActionCenter .mm-attention-details { height:auto!important; box-shadow:none!important; }
html body #mmClinicalActionCenter .mm-attention-details > summary { cursor:pointer; list-style:none; margin:0; padding:12px 14px!important; border-bottom:0; }
html body #mmClinicalActionCenter .mm-attention-details > summary::-webkit-details-marker { display:none; }
html body #mmClinicalActionCenter .mm-attention-details > summary::after { content:'⌄'; font-size:20px; color:#586678; }
html body #mmClinicalActionCenter .mm-attention-details[open] > summary::after { transform:rotate(180deg); }
html body #mmClinicalActionCenter .mm-attention-details:not([open]) #mmClinicalLastUpdated { display:none; }
html body #mmClinicalActionCenter .mm-queue-title { font-size:16px!important; }
html body #mmClinicalActionCenter #mmClinicalWorklistBody > .small { font-size:16px!important; }
html body #mmSpecialistCards .mm-specialist-summary-meta:empty { display:none!important; }
html body #mmSpecialistCards .mm-specialist-card[data-mm-specialist-empty="true"] .mm-specialist-summary { min-height:72px; }
html body #mmSpecialistCards .mm-specialist-card[data-mm-specialist-empty="true"] .mm-specialist-body { text-align:left; padding:16px 18px!important; }
html body #mmSpecialistCards .mm-specialist-empty-action { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 16px; border:1px solid #bfa05b; border-radius:10px; background:#f6f1e6; color:#614810; font-family:inherit; font-size:16px; font-weight:600; line-height:1.4; text-decoration:none; cursor:pointer; }
html body #mmSpecialistCards .mm-specialist-empty-action:focus-visible { outline:3px solid #bf9d37; outline-offset:3px; }
html body footer.footer { min-height:44px!important; height:44px!important; padding:10px!important; font-size:16px!important; line-height:24px!important; }
html body.dark-mode #mmOverviewMore > summary { background:#182231; color:#c2cedc; border-color:#344256; }
@media (max-width:1120px) { html body #mmOverviewMore .mm-overview-more-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:450px) { html body #home-dashboard .dashboard-cards .card .card-body { min-height:80px!important; padding:10px!important; } html body #home-dashboard .metric-value { font-size:26px!important; } }
@media print { html body #healthMetricsChartBoard { grid-template-columns:repeat(2,minmax(0,1fr))!important; } }

html body #mmCareDisclosure { padding:0!important; margin:20px 0!important; overflow:hidden; border:1px solid #e5e9ef; border-radius:18px; background:#fff; box-shadow:0 4px 18px rgba(28,42,62,.035); }
html body #mmCareDisclosure > summary { display:flex; align-items:center; gap:14px; padding:16px 18px; list-style:none; cursor:pointer; }
html body #mmCareDisclosure > summary::-webkit-details-marker { display:none; }
html body #mmCareDisclosure > summary::marker { content:''; }
html body #mmCareDisclosure .mm-home-summary-icon { display:grid; place-items:center; width:40px; height:40px; flex:0 0 40px; border-radius:14px; background:#f5f0e6; color:#806421; }
html body #mmCareDisclosure .mm-home-summary-title { flex:1; font-size:20px!important; line-height:1.35; font-weight:600; color:#243244; }
html body #mmCareDisclosure > summary > i { color:#586678; }
html body #mmCareDisclosure[open] > summary > i { transform:rotate(180deg); }
html body #mmCareDisclosure > summary:focus-visible { outline:3px solid #bf9d37; outline-offset:-4px; }
html body #mmCareDisclosure #mmCareFollowthroughMount { min-height:0; margin:0; }
html body #mmCareDisclosure #mmCareFollowthrough { border:0!important; border-top:1px solid #eef1f5!important; border-radius:0!important; box-shadow:none!important; }
html body #mmCareDisclosure .mm-care-title { display:none; }
html body #mmCareDisclosure .mm-care-heading { justify-content:flex-end; }
html body section[aria-label="Health Metric Trend Chart"] #healthMetricsChartBoard .health-metric-chart-card[data-mm-gauge-empty="true"] .health-metric-chart-wrap { height:40px!important; min-height:40px!important; max-height:40px!important; }
html body #mmSpecialistCards .mm-specialist-card[data-mm-specialist-empty="true"] .mm-specialist-summary { grid-template-rows:auto!important; }
html body #mmSpecialistCards .mm-specialist-card[data-mm-specialist-empty="true"] .mm-specialist-toggle { grid-row:1!important; }
html body.dark-mode #mmCareDisclosure { background:#182231; border-color:#344256; }
html body.dark-mode #mmCareDisclosure .mm-home-summary-title { color:#e7edf5; }
html body section[aria-label="Health Metric Trend Chart"] { background:transparent!important; border:0!important; box-shadow:none!important; padding:0!important; }
html body section[aria-label="Health Metric Trend Chart"] .filter-controls .btn { background:#fff!important; border:1px solid #d8dfe8!important; color:#435066!important; }
html body section[aria-label="Health Metric Trend Chart"] .filter-controls .btn:hover { background:#f6f1e6!important; border-color:#bf9d37!important; }
html body section[aria-label="Health Metric Trend Chart"] .filter-controls { border:0!important; border-radius:0!important; box-shadow:none!important; background:transparent!important; padding:8px 0!important; }
html body #mmClinicalActionCenter .mm-clinical-shell::before { background:#bca05f!important; height:3px!important; }
html body #home-dashboard .dashboard-cards .card::before { background:#bca05f!important; height:3px!important; }
html body.dark-mode section[aria-label="Health Metric Trend Chart"] .filter-controls .btn { background:#202d3d!important; border-color:#344256!important; color:#e7edf5!important; }
@media (max-width:450px) {
  html body #home-dashboard .dashboard-cards > div .card .card-body { padding:8px!important; }
  html body #home-dashboard .dashboard-cards > div .metric-label { overflow-wrap:normal!important; word-break:normal!important; }
  html body section[aria-label="Health Metric Trend Chart"] .filter-controls .btn { padding:8px 8px!important; }
}
@media (max-width:370px) {
  html body #home-dashboard .dashboard-cards { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  html body #home-dashboard .dashboard-cards > div:nth-child(3) { grid-column:1/-1; }
}
@media (max-width:1120px) {
  html body #home-dashboard .dashboard-cards > div .card .card-body > .me-3 { display:none!important; }
  html body #home-dashboard .dashboard-cards > div .metric-label { overflow-wrap:normal!important; word-break:normal!important; }
}
html body #mmClinicalActionCenter .mm-clinical-body > .row > .col-xl-7,
html body #mmClinicalActionCenter .mm-clinical-body > .row > .col-xl-5 { width:100%!important; }
html body #mmClinicalActionCenter .mm-snapshot-value { white-space:normal!important; overflow-wrap:normal!important; text-overflow:clip!important; font-size:22px!important; line-height:1.35!important; }