/* The presentation styles keep their metric layouts; the Classic shell and
   dashboard filter placement are shared across them. Load after style CSS. */
.bsr-app:is(.bsr-momentum,.bsr-focus,.bsr-mission) .bs-app-header {
  margin-bottom:var(--bs-space-5);
  color:#fff;
  background:linear-gradient(100deg,var(--bs-navy-a),var(--bs-navy-b));
}
.bsr-app:is(.bsr-momentum,.bsr-focus,.bsr-mission) .bs-app-header :is(.bs-app-brand,.bsr-hbtn,.bs-header-quick-nav a,.bs-header-menu>summary,.bsr-account>summary) {
  color:#fff;
}
.bsr-app:is(.bsr-momentum,.bsr-focus,.bsr-mission) .bs-app-header .bsr-hbtn {
  border-color:rgba(255,255,255,.28);
  background:transparent;
}
.bsr-app:is(.bsr-momentum,.bsr-focus,.bsr-mission) .bs-app-header .bsr-hbtn:hover,
.bsr-app:is(.bsr-momentum,.bsr-focus,.bsr-mission) .bs-app-header .bsr-hbtn:focus-visible {
  background:rgba(255,255,255,.18);
}
.bsr-app:is(.bsr-momentum,.bsr-focus,.bsr-mission) .bsr-alt-controls {
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr) auto auto;
  align-items:stretch;
  gap:10px;
  margin-bottom:var(--bs-space-4);
}
.bsr-alt-controls > * { min-width:0; }
.bsr-alt-controls .bsr-period { margin-bottom:0; }
.bsr-alt-history {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:var(--bs-control-height);
  padding:0 12px;
  border:1px solid var(--bs-border);
  border-radius:var(--bs-radius-control);
  background:var(--bs-surface);
  color:var(--bs-muted);
  font:inherit;
  font-size:12px;
  font-weight:650;
  white-space:nowrap;
  cursor:pointer;
}
.bsr-alt-history:hover { color:var(--bs-blue); background:var(--bs-hover); }
.bsr-alt-history:focus-visible { outline:2px solid var(--bs-blue); outline-offset:2px; }
.bsr-focus-controls .bsr-fx { width:max-content; }
html[data-theme="dark"] .bsr-alt-history {
  border-color:var(--bs-border);
  background:var(--bs-surface);
  color:var(--bs-muted);
}
.bsr-mission .bsr-alt-history {
  border-color:#28405f;
  background:#071323;
  color:#aab9d2;
}
.bsr-mission .bsr-alt-history:hover { background:#0d2c55; color:#49bfff; }
@media(max-width:760px) {
  .bsr-app:is(.bsr-momentum,.bsr-focus,.bsr-mission) .bsr-alt-controls {
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:8px;
  }
  .bsr-alt-controls .bsr-fx { justify-self:start; }
  .bsr-alt-history { min-height:40px; }
}