/* ── Pack 3 #17 Phase A — hybrid unified time chrome (flag-gated) ─
 * data-portfolio-time-merge=hybrid on html / #portfolio-panel.
 * Dual panes stay; Overview|Performance tabs soft-hidden; selection drives layout.
 * Flag off: rules below do not apply (exact dual-tab chrome).
 */
html[data-portfolio-time-merge="hybrid"] #portfolio-mode-nav,
html[data-portfolio-time-merge="hybrid"] .ds-portfolio-mode-nav {
  display: none !important;
}
.portfolio-time-hybrid-only {
  display: none;
}
html[data-portfolio-time-merge="hybrid"] .portfolio-time-hybrid-only:not(.hidden) {
  display: block;
}
/* Hybrid: always show range strip (time drives range → Performance) */
html[data-portfolio-time-merge="hybrid"] .portfolio-mode-history-only {
  display: flex !important;
}
/* Hybrid + day (overview): as-of date + New/Edit/Delete */
html[data-portfolio-time-merge="hybrid"] .portfolio-mode-overview .portfolio-mode-asof-only {
  display: flex !important;
}
/* Hybrid + range (history): hide edit cluster; day pick is #history-date-trigger */
html[data-portfolio-time-merge="hybrid"] .portfolio-mode-history .portfolio-mode-asof-only {
  display: none !important;
}
/* Hybrid + day: hide redundant History Date control (snapshot date owns day pick) */
html[data-portfolio-time-merge="hybrid"] .portfolio-mode-overview #history-date-trigger {
  display: none;
}
/* Hero: stack range strip + as-of actions in the control column (no horizontal overflow) */
html[data-portfolio-time-merge="hybrid"] .ds-portfolio-header-hero-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  column-gap: var(--ds-space-2);
  row-gap: var(--ds-space-1);
  align-items: start;
}
html[data-portfolio-time-merge="hybrid"] .ds-portfolio-header-delta,
html[data-portfolio-time-merge="hybrid"] .ds-portfolio-header-ledger {
  grid-column: 1;
  grid-row: 1 / span 2;
  justify-self: start;
  min-width: 0;
  max-width: 100%;
}
html[data-portfolio-time-merge="hybrid"] .ds-portfolio-header-actions.portfolio-mode-history-only {
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
  max-width: 100%;
  min-width: 0;
}
html[data-portfolio-time-merge="hybrid"] .ds-portfolio-header-actions.portfolio-mode-asof-only {
  grid-column: 2;
  grid-row: 2;
  justify-self: end;
  max-width: 100%;
  min-width: 0;
}
html[data-portfolio-time-merge="hybrid"] .ds-portfolio-time-selection-label {
  grid-column: 2;
  grid-row: 3;
  justify-self: end;
  font-size: var(--ds-text-caption);
  color: var(--ds-text-muted);
  line-height: 1.3;
  max-width: 100%;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Hybrid: range tabs may scroll within control — no new page-level horizontal scroll */
html[data-portfolio-time-merge="hybrid"] .ds-history-range-tabs {
  max-width: min(100%, 22rem);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}