/* Bio2Twin member-only Black Graphite · design.md v2.14
   Opt-in: body.bt-member-graphite. Never applied to public marketing,
   public research articles, public MY OI profiles, or biological visualizations. */
body.bt-member-graphite {
  --ds-canvas:#0b0c0c; --ds-elevated:#171919; --ds-soft:#101111;
  --ds-ink:#f2f3f1; --ds-body:#b8bdb9; --ds-muted:#858d89;
  --ds-line:rgba(255,255,255,.075); --ds-line-strong:rgba(255,255,255,.13);
  --ds-accent:#e2e5e3; --ds-success:#c0c6c3;
  --bt-bg:#0b0c0c; --bt-section:#101111; --bt-section-alt:#131515;
  --bt-panel:#171919; --bt-panel-deep:#101111; --bt-panel-hi:#202323;
  --bt-ink:#f2f3f1; --bt-body:#b8bdb9; --bt-muted:#858d89;
  --bt-line:rgba(255,255,255,.075); --bt-line-strong:rgba(255,255,255,.13);
  --bt-line-active:rgba(226,229,227,.26);
  --pm-canvas:#0b0c0c; --pm-surface:#101111; --pm-surface-soft:#171919;
  --pm-ink:#f2f3f1; --pm-body:#b8bdb9; --pm-muted:#858d89;
  --pm-line:#25292c; --pm-line-strong:#2f3438; --pm-accent:#e2e5e3;
  --os-section:#101111; --os-section-alt:#131515;
  --os-card:#171919; --os-card-deep:#101111; --os-card-hover:#202323;
  --os-active:rgba(226,229,227,.26);
  --tech-bg:#0b0c0c; --tech-surface:#171919; --tech-surface-2:#101111;
  --tech-ink:#f2f3f1; --tech-line:rgba(255,255,255,.075);
  --tech-line-strong:rgba(255,255,255,.13);
  background:#0b0c0c; color:var(--ds-ink);
}
/* Keep the site shell quiet; never recolor physiological graphics/canvases. */
body.bt-member-graphite.pmv2 .pmv2-sidebar,
body.bt-member-graphite.pmv2 .pmv2-topbar {
  background:#101111; border-color:#25292c;
}
body.bt-member-graphite.pmv2 .pmv2-workspace,
body.bt-member-graphite.pmv2 .pmv2-main-col {
  background:#0b0c0c;
}
body.bt-member-graphite.pmv2 .pmv2-sidebar a.is-current,
body.bt-member-graphite.pmv2 .pmv2-sidebar a[aria-current="page"] {
  background:#202323; border-color:rgba(226,229,227,.24);
}
body.bt-member-graphite .os-sidebar{background:#101111;border-color:#25292c}
body.bt-member-graphite .os-topbar,
body.bt-member-graphite .mobile-nav {background:rgba(16,17,17,.97);border-color:#25292c}
body.bt-member-graphite .login-cover{background:rgba(11,12,12,.97)}
/* Member cards: common surface only, not stage colours, CGM, mood artwork or plots. */
body.bt-member-graphite #pmv2Sleep {
  --sr-bg:#0b0c0c;--sr-panel:#171919;--sr-soft:#101111;--sr-deep:#101111;
  --sr-line:rgba(255,255,255,.075);--sr-strong:rgba(255,255,255,.13);
  --sr-ink:#f2f3f1;--sr-muted:#b8bdb9;--sr-accent:#e2e5e3;
}
body.bt-member-graphite #pmv2Sleep .sr-hero,
body.bt-member-graphite #pmv2Sleep .sr-panel,
body.bt-member-graphite #pmv2Sleep .sr-empty {
  background:#171919; border-color:rgba(255,255,255,.09);
}
body.bt-member-graphite #pmv2Sleep .sr-night,
body.bt-member-graphite #pmv2Sleep .sr-recovery-card,
body.bt-member-graphite #pmv2Sleep .sr-trend-detail {background:#101111}
body.bt-member-graphite #pmv2Sleep .sr-trend-detail {background:transparent}
body.bt-member-graphite .metric-grid,
body.bt-member-graphite .focus-card,
body.bt-member-graphite .module,
body.bt-member-graphite .system-card,
body.bt-member-graphite .body-system-card,
body.bt-member-graphite .closure-status-card {background:#171919;border-color:rgba(255,255,255,.075)}
body.bt-member-graphite .oi-band,
body.bt-member-graphite .reality-pill {background:#131515;border-color:rgba(255,255,255,.13)}
body.bt-member-graphite .body-map-panel{background:linear-gradient(180deg,#171919,#101111)}
body.bt-member-graphite .today-myoi-card {background:#171919}
/* Do not force black fills onto #mind-state visualizations, SVG, canvas, live mood imagery. */

/* v1.1 compatibility for legacy strong green selectors; member scope only. */
html body.bt-member-graphite,
html body.bt-member-graphite.pmv2,
html body.bt-member-graphite.bt-state-page {
  background:#0b0c0c !important;
  background-color:#0b0c0c !important;
}
body.bt-member-graphite.pmv2[data-page="overview"] .pmhome3-card {
  background:#171919 !important;
  border-color:rgba(255,255,255,.09) !important;
}
body.bt-member-graphite.pmv2[data-page="overview"] .pmhome3-section {
  border-color:rgba(255,255,255,.075);
}
body.bt-member-graphite.bt-state-page .hs5-shell {
  background:transparent;
}


/* v2.14 member controls are monochrome; scientific datasets keep semantic colours. */
body.bt-member-graphite {
 --bt-mint:#e2e5e3; --bt-accent:#c0c6c3;
 --bt-line-active:rgba(226,229,227,.26);
 --tech-mint:#e2e5e3; --tech-gold:#e2e5e3; --tech-purple:#e2e5e3;
 --la-gold:#e2e5e3;
 --plan-personal-accent:#c0c6c3; --plan-twin-accent:#e2e5e3;
 --plan-experiment-accent:#bfc5c2; --plan-deep-accent:#c7ccca;
}
body.bt-member-graphite.pmv2 .pmv2-sidebar a[aria-current="page"],
body.bt-member-graphite.pmv2 .pmv2-sidebar a.is-current,
body.bt-member-graphite .os-nav a.active{
 border-color:rgba(226,229,227,.28);
}
body.bt-member-graphite .os-nav a.active,
body.bt-member-graphite .os-nav a:hover {
 background:#202323;
}
body.bt-member-graphite #pmv2Sleep .sr-trend-total{
 fill:#d6dbd8;
}
body.bt-member-graphite #pmv2Sleep .sr-legend-key.sr-total,
body.bt-member-graphite #pmv2Sleep .sr-detail-dot.sr-total {
 background:#d6dbd8;
}
body.bt-member-graphite #pmv2Sleep .sr-primary:hover {
 background:#f3f4f2;
}
body.bt-member-graphite #pmv2Sleep .sr-switch button[aria-pressed="true"]{
 color:#111313;
}
body.bt-member-graphite.pmv2[data-page="restoration-map"]{
 --r-green:#c0c6c3;
}
body.bt-member-graphite .os-sidebar .sync-dot i.ok,
body.bt-member-graphite .reality-pill i,
body.bt-member-graphite .run-dot.is-ok {
 background:#c0c6c3;
}
body.bt-member-graphite .os-sidebar a:focus-visible,
body.bt-member-graphite button:focus-visible,
body.bt-member-graphite a:focus-visible,
body.bt-member-graphite input:focus-visible {
 outline-color:#e2e5e3;
}
/* Bio2Twin member surface standard v4 — Black Graphite UI, restrained Mint. */
body.bt-member-graphite {
 --ds-canvas:#0b0c0c;--ds-elevated:#171919;--ds-soft:#101111;
 --ds-line:rgba(255,255,255,.085);--ds-line-strong:rgba(255,255,255,.15);
 --ds-accent:#b9ffcb;--ds-success:#72e6cf;
 --bt-bg:#0b0c0c;--bt-section:#101111;--bt-section-alt:#171919;
 --bt-panel:#171919;--bt-panel-deep:#101111;--bt-panel-hi:#202222;
 --bt-line:rgba(255,255,255,.085);--bt-line-strong:rgba(255,255,255,.15);
 --bt-line-active:rgba(185,255,203,.25);--bt-mint:#b9ffcb;--bt-accent:#b9ffcb;
 --pm-canvas:#0b0c0c;--pm-surface:#101111;--pm-surface-soft:#171919;
 --pm-line:#303333;--pm-line-strong:#3a3e3d;--pm-accent:#b9ffcb;
 --os-section:#101111;--os-section-alt:#171919;--os-card:#171919;
 --os-card-deep:#101111;--os-card-hover:#202222;--os-active:rgba(185,255,203,.24);
 --tech-bg:#0b0c0c;--tech-surface:#171919;--tech-surface-2:#101111;
 --tech-line:rgba(255,255,255,.085);--tech-line-strong:rgba(255,255,255,.15);
}
body.bt-member-graphite.pmv2 .pmv2-sidebar,
body.bt-member-graphite.pmv2 .pmv2-topbar,
body.bt-member-graphite .os-sidebar,
body.bt-member-graphite .os-topbar{background:#101111;border-color:#303333}
body.bt-member-graphite.pmv2 .pmv2-workspace,
body.bt-member-graphite.pmv2 .pmv2-main-col{background:#0b0c0c}
body.bt-member-graphite .metric-grid,
body.bt-member-graphite .focus-card,
body.bt-member-graphite .module,
body.bt-member-graphite .system-card,
body.bt-member-graphite .body-system-card,
body.bt-member-graphite .closure-status-card,
body.bt-member-graphite .oi-band,
body.bt-member-graphite .reality-pill{background:#171919;border-color:rgba(255,255,255,.085)}
body.bt-member-graphite .body-map-panel{background:#171919;border-color:rgba(255,255,255,.085)}
/* Member UI cards and dynamic authenticated Personal Model surfaces. */
body.bt-member-graphite[data-page="overview"] .pmhome3-card,
body.bt-member-graphite[data-page="overview"] .pace-pm,
body.bt-member-graphite[data-page="overview"] .pmhome3-state-card,
body.bt-member-graphite[data-page="overview"] .pmstate2-done,
body.bt-member-graphite[data-page="overview"] .surface-role,
body.bt-member-graphite[data-page="overview"] .rc-card,
body.bt-member-graphite[data-page="overview"] #pace-analysis,
body.bt-member-graphite[data-page="overview"] #prot-analysis,
body.bt-member-graphite[data-page="overview"] #pheno-analysis,
body.bt-member-graphite[data-page="overview"] #blsa-analysis {
 background:#171919!important;border-color:rgba(255,255,255,.10)!important;
}
body.bt-member-graphite[data-page="overview"] .pmhome3-metric,
body.bt-member-graphite[data-page="overview"] .pmhome3-activity-item,
body.bt-member-graphite[data-page="overview"] .pmhome3-state-primary,
body.bt-member-graphite[data-page="overview"] .pmhome3-state-cell,
body.bt-member-graphite[data-page="overview"] .pmhome3-state-sleep,
body.bt-member-graphite[data-page="overview"] .pmhome3-state-activity,
body.bt-member-graphite[data-page="overview"] .pmhome3-state-recovery,
body.bt-member-graphite[data-page="overview"] .pmhome3-state-hrv,
body.bt-member-graphite[data-page="overview"] .rc-row,
body.bt-member-graphite[data-page="overview"] .rc-full-row{
 background:#101111!important;border-color:rgba(255,255,255,.10)!important;
}
body.bt-member-graphite[data-page="overview"] .pmhome3-metrics,
body.bt-member-graphite[data-page="overview"] .pmhome3-activity-grid,
body.bt-member-graphite[data-page="overview"] .pmhome3-state-grid{
 background:#303333!important;border-color:#303333!important;
}
body.bt-member-graphite[data-page="overview"] .pmhome3-section:first-of-type > .pmhome3-card{
 background:#171919!important;
}
body.bt-member-graphite[data-page="overview"] .pmhome3-section:first-of-type > .pmhome3-card::before,
body.bt-member-graphite[data-page="overview"] .pmhome3-state-card::before,
body.bt-member-graphite[data-page="overview"] .pmhome3-card::before {
 background:#414545!important;box-shadow:none!important;
}
body.bt-member-graphite[data-page="overview"] .pmhome3-card,
body.bt-member-graphite[data-page="overview"] .pmhome3-metric,
body.bt-member-graphite[data-page="overview"] .pmhome3-activity-item,
body.bt-member-graphite[data-page="overview"] .pmhome3-state-cell,
body.bt-member-graphite[data-page="overview"] .pmhome3-state-primary{
 box-shadow:none!important;
}
/* Neutral card contours; preserve separate evidence and physiological colour encodings. */
body.bt-member-graphite[data-page="overview"] .pmhome3-metric,
body.bt-member-graphite[data-page="overview"] .pmhome3-activity-item,
body.bt-member-graphite[data-page="overview"] .rc-row{outline-color:rgba(255,255,255,.12)}
body.bt-member-graphite[data-page="overview"] .rc-row:hover,
body.bt-member-graphite[data-page="overview"] .rc-badge.longitudinal,
body.bt-member-graphite[data-page="overview"] .rc-badge.available{
 border-color:rgba(255,255,255,.20)!important;
}
body.bt-member-graphite .mobile-nav{background:rgba(16,17,17,.97)}

/* High-specificity fix for legacy v3/v4 !important metric tile fills. */
html body.bt-member-graphite.pmv2[data-page="overview"]
 .pmhome3 .pmhome3-section .pmhome3-card .pmhome3-metric,
html body.bt-member-graphite.pmv2[data-page="overview"]
 .pmhome3 .pmhome3-section:first-of-type .pmhome3-metrics .pmhome3-metric,
html body.bt-member-graphite.pmv2[data-page="overview"]
 .pmhome3 .pmhome3-activity .pmhome3-activity-grid .pmhome3-activity-item {
 background:#101111!important;
 background-image:none!important;
 border-color:rgba(255,255,255,.10)!important;
}


/* v4c · authenticated dashboard neutral surfaces, without changing measured-data hues. */
html body.bt-member-graphite.pmv2[data-page="overview"]{
 --pm3-card:#171919;--pm3-card-2:#101111;
 --pm4-panel:#171919;--pm4-panel-hi:#202222;
 --pm3-bg:#0b0c0c;--pm4-bg:#0b0c0c;
}
html body.bt-member-graphite.pmv2[data-page="overview"]
 :is(.pmhome3-card,.pmhome3-state-card,.pmstate2-done,.pmstate2-done.pmhome3-card,.rc-card,.pace-pm,.surface-role,.pmhs-learning,.pmhs-research){
 background:#171919!important;
 background-image:none!important;
 border-color:rgba(255,255,255,.11)!important;
 box-shadow:none!important;
}
html body.bt-member-graphite.pmv2[data-page="overview"]
 :is(.pmhome3-metric,.pmhome3-activity-item,.pmhome3-state-primary,.pmhome3-state-cell,.pmhome3-state-sleep,.pmhome3-state-activity,.pmhome3-state-recovery,.pmhome3-state-hrv,.rc-row,.pmhome3-trend-item){
 background:#101111!important;
 background-image:none!important;
 border-color:rgba(255,255,255,.105)!important;
 box-shadow:none!important;
}
html body.bt-member-graphite.pmv2[data-page="overview"]
 :is(.pmhome3-metrics,.pmhome3-activity-grid,.pmhome3-state-grid){
 background:#303333!important;
 background-image:none!important;
 border-color:#303333!important;
 box-shadow:none!important;
}
html body.bt-member-graphite.pmv2[data-page="overview"]
 :is(.pmhome3-card,.pmhome3-state-card,.pmstate2-done,.pmhome3-metric,.pmhome3-state-primary,.pmhome3-state-cell,.pmhome3-activity-item,.rc-card,.rc-row)::before,
html body.bt-member-graphite.pmv2[data-page="overview"]
 :is(.pmhome3-card,.pmhome3-state-card,.pmstate2-done,.pmhome3-metric,.pmhome3-state-primary,.pmhome3-state-cell,.pmhome3-activity-item,.rc-card,.rc-row)::after{
 background-image:none!important;
 box-shadow:none!important;
}
html body.bt-member-graphite.pmv2[data-page="overview"]
 :is(.pmhome3-card,.pmhome3-state-card,.pmstate2-done)::before{
 background-color:#414545!important;
}
html body.bt-member-graphite.pmv2[data-page="overview"]
 :is(.pmhome3-card,.pmhome3-state-card,.pmstate2-done)::after{
 background-color:transparent!important;
}
html body.bt-member-graphite.pmv2[data-page="overview"] .pmhome3-state-pill,
html body.bt-member-graphite.pmv2[data-page="overview"] .rc-badge{
 background:#202222!important;
}
html body.bt-member-graphite.pmv2[data-page="overview"] .pmhs-learning,
html body.bt-member-graphite.pmv2[data-page="overview"] .pmhs-research{
 background:#171919!important;
 border-color:rgba(255,255,255,.11)!important;
}



/* Member overview v5: 7-day trend cards float on graphite, not a light gray grid. */
html body.bt-member-graphite.pmv2[data-page="overview"] .pmhome3-trends,
html body.bt-member-graphite.pmv2[data-page="overview"] #pmhome3TrendGrid,
html body.bt-member-graphite.pmv2[data-page="overview"] .pmhome3-trend-grid {
 background:transparent!important;
 background-color:transparent!important;
 background-image:none!important;
 border:0!important;
 outline:0!important;
 box-shadow:none!important;
}
html body.bt-member-graphite.pmv2[data-page="overview"] .pmhome3-trend-grid{
 gap:10px!important;
}
html body.bt-member-graphite.pmv2[data-page="overview"] .pmhome3-trend-item {
 background:#101111!important;
 background-image:none!important;
 border:1px solid rgba(255,255,255,.10)!important;
 border-radius:13px;
 box-shadow:none!important;
}
html body.bt-member-graphite.pmv2[data-page="overview"] .pmhome3-trend-grid::before,
html body.bt-member-graphite.pmv2[data-page="overview"] .pmhome3-trend-grid::after{
 content:none!important;
 background:none!important;
 box-shadow:none!important;
}