/* Match the glass tile previews' dark surfaces across every mock screen. */
:root{
  --mock-bg:#0a0b0f;
  --mock-card:#11141c;
  --mock-inset:#161a24;
  --mock-sidebar:#101522;
  --mock-border:#222733;
}
.dashboard-preview,.analysis-preview,.guardrails-preview,.demo-dashboard{
  background-color:var(--mock-bg);
}
.live-preview,.tile .live-preview,.tile .landing-panel-preview{
  background-color:var(--mock-card);
}
.frame-bar{
  background:linear-gradient(180deg,var(--mock-card),var(--mock-bg));
  border-color:var(--mock-border);
}
.demo-sidebar{
  background-color:var(--mock-sidebar);
  border-color:var(--mock-border);
}
.demo-card,.analysis-mock-card,.guardrails-partial,
.journal-mock-tabs,.journal-mock-entry:not(.active),.trades-mock-search,
.prop-demo-menu{
  background-color:var(--mock-card);
  border-color:var(--mock-border);
}
.demo-cell:not(.win):not(.loss),.demo-review-stats>div,
.feature-discipline-stats>div,.journal-mock-input,.journal-mock-metrics>div,
.journal-mock-metrics p span,.market-mock-controls span,
.guardrails-circle.empty,.guardrails-cooldown.finished,
.demo-period,.feature-review-date,.analysis-mock-pill.gray,
.analysis-mock-thumbnail,.journal-mock-shot,.journal-mock-add-shot,
.journal-mock-status:not(.pending),.trades-mock-pill.strategy,
.trades-mock-pager>div span:not(.selected),.performance-mock-rank,
.performance-mock-card-head>span{
  background-color:var(--mock-inset);
  border-color:var(--mock-border);
}
.demo-period .selected{
  background-color:var(--mock-bg);
}
:is(.demo-meter,.performance-mock-track,.analysis-mock-track,
.prop-preview-content .prop-firm-progress,.prop-preview-content .prop-firm-mini-track){
  background-color:var(--mock-inset);
}
.prop-preview-content,.insights-preview-content{
  --card:var(--mock-card);
  --card-2:var(--mock-inset);
  --input-bg:var(--mock-inset);
  --border:var(--mock-border);
}
.frame .shot{
  background-color:var(--mock-bg);
  background-blend-mode:normal;
}