/* ============================================================
   MUIY — refinement passes (tweakable)
   Each block is gated on a class added to .tc-app by the shell:
     .type-refined  · restore weight hierarchy (less ubiquitous 800)
     .accent-calm   · spend orange only on actions, quiet the links
     .today-tight   · lift the Today content up under the hero
   Toggle any of them from the Tweaks panel to compare with the
   original design. Big numbers + screen titles stay bold throughout.
   ============================================================ */

/* ---- TYPE REFINED ------------------------------------------------
   Demote the sea of weight-800 labels to 700/600 so the display
   numbers and screen titles actually lead the eye. */
.tc-app.type-refined .sec-title,
.tc-app.type-refined .h2,
.tc-app.type-refined .eyebrow,
.tc-app.type-refined .dname,
.tc-app.type-refined .chip-status,
.tc-app.type-refined .btn,
.tc-app.type-refined .link,
.tc-app.type-refined .section .link,
.tc-app.type-refined .focus-title,
.tc-app.type-refined .focus-eyebrow,
.tc-app.type-refined .focus-cta,
.tc-app.type-refined .comp-lead,
.tc-app.type-refined .comp-cta,
.tc-app.type-refined .numtile-k,
.tc-app.type-refined .fstat-k,
.tc-app.type-refined .insf-eyebrow,
.tc-app.type-refined .insf-drug-name,
.tc-app.type-refined .insf-pill,
.tc-app.type-refined .snap-k,
.tc-app.type-refined .snap-sub,
.tc-app.type-refined .nav .lbl,
.tc-app.type-refined .tip-eyebrow,
.tc-app.type-refined .pool-divider span,
.tc-app.type-refined .seg button,
.tc-app.type-refined .field-label,
.tc-app.type-refined .me-row,
.tc-app.type-refined .gt-title {
  font-weight: 700;
}

.tc-app.type-refined .dmeta,
.tc-app.type-refined .chip,
.tc-app.type-refined .numtile-note,
.tc-app.type-refined .numtile-pill,
.tc-app.type-refined .fstat-sub,
.tc-app.type-refined .stat .l,
.tc-app.type-refined .stat-total,
.tc-app.type-refined .snap-u,
.tc-app.type-refined .metric .k,
.tc-app.type-refined .metric .u,
.tc-app.type-refined .count-card .k,
.tc-app.type-refined .gt-sub,
.tc-app.type-refined .tip-cat,
.tc-app.type-refined .tip-day {
  font-weight: 600;
}

/* ---- ACCENT RESTRAINT --------------------------------------------
   Orange = "tap me to do something." Demote inline links + the tip
   shuffle to ink so the primary buttons / FAB keep the punch.
   Semantic status colours (green eligible, slate deferred…) untouched. */
.tc-app.accent-calm .link,
.tc-app.accent-calm .section .link {
  color: var(--ink-2);
}
.tc-app.accent-calm .section .link-pill {
  color: #fff;
  text-decoration: none;
}
.tc-app.accent-calm .tip-next {
  color: var(--ink-3);
}
/* keep links discoverable without the loud fill */
.tc-app.accent-calm .section .link:not(.link-pill) {
  text-decoration: underline;
  text-decoration-color: var(--hairline-2);
  text-underline-offset: 3px;
}

/* ---- TODAY RHYTHM ------------------------------------------------
   Pull the content panel further up so the fold shows value, not the
   empty lower third of the hero illustration. */
.tc-app.today-tight .home-hero {
  height: 234px;
}
.tc-app.today-tight .hero-scrim {
  height: 120px;
}
.tc-app.today-tight .under-scene {
  margin-top: -40px;
  padding-top: 4px;
}

/* ---- SPARKLINES --------------------------------------------------
   Layout for the inline trend line tucked into number tiles + the
   pre-transfusion Hb card. The <Sparkline> SVG itself is rendered by
   the app only when the tweak is on. */
.spark-row {
  margin: 8px 0 2px;
}
.spark-hb {
  margin: 14px 0 2px;
  padding-top: 13px;
  border-top: 1px solid var(--hairline);
}
.spark-hb .spark-cap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 7px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--ink-3);
}
.spark-hb .spark-cap .spark-range {
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}