/* Shared lightweight horizontal header. Budgets follow container/text width. */
.page-header-host { container-type: inline-size; container-name: page-header; min-width: 0; }
.public-glass .page-header-host > .ledger-page-header {
  display: block; height: auto; min-height: 0; padding: 1.75rem 2rem;
  margin: 0 0 .875rem; font-family: var(--ui-font);
}
.page-header-main { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; gap: 1.25rem 2rem; }
.page-header-identity, .page-header-right { min-width: 0; }
.ledger-page-header .page-header-brand { color: var(--ui-accent); font-size: .75rem; font-weight: 650; overflow-wrap: anywhere; }
.public-glass .ledger-page-header h1 { margin: .375rem 0 0; font-size: 2rem; line-height: 1.2; font-weight: 720; letter-spacing: -.025em; overflow-wrap: anywhere; }
.public-glass .ledger-page-header p { margin: .625rem 0 0; max-width: none; font-size: .875rem; line-height: 1.65; color: var(--ui-muted); overflow-wrap: anywhere; }
.page-header-right { display: grid; gap: .625rem; justify-items: start; }
.page-header-tools { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.25rem; max-width: 100%; }
.page-header-clocks { display: flex; flex-wrap: wrap; gap: .75rem 1.5rem; margin: 0; max-width: 100%; }
.page-header-clocks > div { display: grid; gap: .25rem; min-width: 0; }
.page-header-clocks dt { color: var(--ui-accent); font-size: .75rem; font-weight: 650; }
.page-header-clocks dd { margin: 0; color: var(--ui-ink); font-size: .8125rem; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.page-header-meta { display: flex; flex-wrap: wrap; gap: .375rem 1rem; min-width: 0; color: var(--ui-muted); font-size: .75rem; line-height: 1.6; }
.page-header-meta > span { min-width: 0; overflow-wrap: anywhere; }
.page-header-meta time { font-variant-numeric: tabular-nums; }
.ledger-page-header .page-header-warning { color: var(--ui-warning); }
.ledger-page-header .page-header-stream { color: var(--ui-accent); }
.page-header-summary { display: flex; flex-wrap: wrap; align-items: baseline; gap: .5rem .875rem; color: var(--ui-muted); font-size: .8125rem; }
.page-header-summary strong { color: var(--ui-ink); font-size: 1.125rem; font-weight: 650; }
.page-header-status { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .375rem 1rem; margin-top: 1rem; }
.page-header-details { min-width: 0; max-width: 100%; color: var(--ui-muted); font-size: .75rem; }
.page-header-details summary { cursor: pointer; min-height: 2.75rem; display: flex; align-items: center; gap: .375rem; color: var(--ui-accent); list-style: none; }
.page-header-details summary::-webkit-details-marker { display: none; }
.page-header-details summary::after { content: "⌄"; }
.page-header-details[open] summary::after { content: "⌃"; }
.page-header-details[open] { flex-basis: 100%; }
.page-header-details dl { display: flex; flex-wrap: wrap; gap: .75rem 2rem; margin: .25rem 0 0; }
.page-header-details dl > div { display: flex; flex-wrap: wrap; gap: .5rem; min-width: 0; }
.page-header-details dd { margin: 0; color: var(--ui-ink); overflow-wrap: anywhere; }
.page-header-details dt { color: var(--ui-muted); }
.page-header-benchmark { display: grid; gap: .375rem; width: min(100%, 13rem); margin: 0; }
.page-header-benchmark label { color: var(--ui-muted); font-size: .75rem; }
.page-header-benchmark select { width: 100%; min-width: 0; min-height: var(--ui-control-height); border: 1px solid var(--ui-border); border-radius: var(--ui-radius-md); background: var(--ui-control-surface); color: var(--ui-ink); font: inherit; padding: .5rem 2rem .5rem .75rem; }
.ledger-page-header .privacy-toggle { flex: 0 0 auto; width: 2.75rem; height: 2.75rem; min-height: 2.75rem; padding: .75rem; border: 1px solid var(--ui-border); border-radius: 50%; background: var(--ui-control-surface); color: var(--ui-accent); cursor: pointer; }
.ledger-page-header .privacy-icon { width: 1.125rem; height: 1.125rem; fill: none; stroke: currentColor; stroke-width: 1.6; }
.ledger-page-header .privacy-icon-eye-off { display: none; }
body.privacy-mode .ledger-page-header .privacy-icon-eye { display: none; }
body.privacy-mode .ledger-page-header .privacy-icon-eye-off { display: block; }
.page-header-admin { color: var(--ui-accent); font-size: .8125rem; overflow-wrap: anywhere; }
.ledger-page-header :is(a, button, select, summary):focus-visible { outline: 2px solid var(--ui-accent); outline-offset: 3px; }
body.public-glass .ledger-page-header[data-private-preview-host] > .private-preview-banner { position: static; left: auto; top: auto; transform: none; max-width: 100%; width: fit-content; margin: 0 0 1rem; white-space: normal; flex-wrap: wrap; }
.ledger-page-header .private-preview-banner span { flex-wrap: wrap; min-width: 0; overflow-wrap: anywhere; }
@container page-header (min-width: 58rem) {
  .page-header-main { grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); }
  .page-header-right { justify-items: end; }
  .page-header-tools, .page-header-right > .page-header-meta { justify-content: flex-end; }
}
@container page-header (max-width: 32rem) {
  .public-glass .page-header-host > .ledger-page-header { padding: 1.25rem; }
  .public-glass .ledger-page-header h1 { font-size: 1.75rem; }
}