/* Compact shared indicator tables, using market-list typography and colors. */
.indicator-category-view .indicator-page .market-database-header h1,
.indicator-index-view .indicator-index-intro h1 { font: 650 clamp(30px, 3.2vw, 40px)/1.15 var(--font-interface); letter-spacing: -.02em; }
.indicator-category-view .indicator-page .indicator-header { margin-bottom: 0; padding-bottom: 18px; }
.indicator-category-view .indicator-page .market-database-header > p:last-child { margin-top: 8px; color: var(--color-text-secondary); font-size: 14px; }
.indicator-page .indicator-ledger-toolbar { min-height: 72px; gap: 16px; }
.indicator-page .indicator-ledger-count { font-size: 12px; color: var(--color-text-secondary); }
.indicator-page .indicator-ledger-search input { min-height: 38px; padding-top: 8px; padding-bottom: 8px; font: 13px var(--font-interface); }
.indicator-index-view .indicator-index-section-heading h2 { font-size: 20px; }
.indicator-ledger-scroll .indicator-ledger { color: var(--color-text); font: 13px/1.4 var(--font-interface); font-variant-numeric: tabular-nums; }
.indicator-ledger-scroll .indicator-ledger-name-column { width: 44%; }
.indicator-ledger-scroll .indicator-ledger-trend-column { width: 22%; }
.indicator-ledger-scroll .indicator-ledger-value-column { width: 18%; }
.indicator-ledger-scroll .indicator-ledger-date-column { width: 16%; }
.indicator-ledger-scroll .indicator-ledger thead th { height: 38px; padding: 8px 12px; font-size: 12px; letter-spacing: 0; text-transform: none; }
.indicator-ledger-scroll .indicator-ledger thead th:nth-child(2) { text-align: center; }
.indicator-ledger-scroll .indicator-ledger thead th:nth-child(n+3) { text-align: right; }
.indicator-ledger-scroll .indicator-ledger-group th { height: auto; padding: 12px; background: var(--color-surface-warm); border-bottom: 1px solid var(--color-border); }
.indicator-ledger-scroll .indicator-ledger-group span { font: 600 13px/1.4 var(--font-interface); letter-spacing: 0; }
.indicator-ledger-scroll .indicator-ledger-group small { margin-left: 10px; font-size: 11px; font-weight: 400; color: var(--color-text-secondary); }
.indicator-ledger-scroll .indicator-ledger-row { height: auto; }
.indicator-ledger-scroll .indicator-ledger-row > :is(th, td) { height: auto; padding: 10px 12px; border-bottom: 1px dotted var(--color-border); }
.indicator-ledger-scroll .indicator-ledger-row > th { color: var(--color-accent); font: 600 13px/1.4 var(--font-interface); }
.indicator-ledger-scroll .indicator-ledger-name { display: inline; min-height: 0; overflow: visible; -webkit-line-clamp: unset; color: var(--color-accent); line-height: 1.4; }
.indicator-ledger-scroll .indicator-ledger-link { display: inline; text-decoration: none; }
.indicator-ledger-scroll .indicator-ledger-link:hover .indicator-ledger-name { text-decoration: underline; text-underline-offset: 3px; }
.indicator-ledger-scroll .indicator-ledger-unit { display: block; margin-top: 3px; color: var(--color-text-secondary); font-size: 11px; font-weight: 400; line-height: 1.35; white-space: normal; }
.indicator-ledger-scroll .indicator-ledger .indicator-ledger-value { color: var(--color-text); font: 600 14px/1.4 var(--font-interface); letter-spacing: 0; text-align: right; }
.indicator-ledger-scroll .indicator-ledger .indicator-ledger-date { color: var(--color-text-secondary); font: 12px/1.4 var(--font-interface); text-align: right; white-space: nowrap; }
.indicator-ledger-scroll .indicator-ledger-trend > div { justify-content: center; gap: 0; }
.indicator-ledger-scroll .indicator-sparkline { width: min(100%, 128px); height: 28px; }
.indicator-ledger-scroll .indicator-sparkline path { stroke: var(--color-accent); stroke-width: 1.6; }
.indicator-ledger-scroll .indicator-sparkline .indicator-sparkline-area { display: inline; fill: var(--color-accent); fill-opacity: .08; stroke: none; }
.indicator-ledger-scroll .indicator-no-history { color: var(--color-text-secondary); font-size: 11px; }
.indicator-ledger-scroll .indicator-change { display: inline-block; margin-left: 8px; font: 500 11px/1.4 var(--font-interface); color: var(--color-text-secondary); white-space: nowrap; }
.indicator-ledger-scroll .indicator-change[data-tone="positive"] { color: var(--color-positive); }
.indicator-ledger-scroll .indicator-change[data-tone="negative"] { color: var(--color-negative); }
.indicator-ledger-scroll .indicator-ledger-name-column { width: 40%; }
.indicator-ledger-scroll .indicator-ledger-trend-column { width: 18%; }
.indicator-ledger-scroll .indicator-ledger-value-column { width: 27%; }
.indicator-ledger-scroll .indicator-ledger-date-column { width: 15%; }
.indicator-ledger-filters { display: flex; align-items: center; gap: 12px; }
.indicator-ledger-filters .bond-filter-grid { grid-template-columns: minmax(0, 1fr); width: 260px; }
.indicator-ledger-filters .bond-search { width: 300px; }
.indicator-ledger-filters :is(.bond-filter-grid, .bond-search) { height: 38px; box-sizing: border-box; }
.indicator-ledger-filters .bond-filter-grid > .bond-filter-field { padding: 0 12px; align-items: center; }
.indicator-ledger-scroll .indicator-categorized-ledger .indicator-ledger-name-column { width: 31%; }
.indicator-ledger-scroll .indicator-categorized-ledger .indicator-ledger-category-column { width: 20%; }
.indicator-ledger-scroll .indicator-categorized-ledger .indicator-ledger-trend-column { width: 15%; }
.indicator-ledger-scroll .indicator-categorized-ledger .indicator-ledger-value-column { width: 22%; }
.indicator-ledger-scroll .indicator-categorized-ledger .indicator-ledger-date-column { width: 12%; }
.indicator-ledger-scroll .indicator-categorized-ledger thead th:nth-child(2) { text-align: center; }
.indicator-ledger-scroll .indicator-categorized-ledger thead th:nth-child(3) { text-align: center; }
.indicator-ledger-scroll .indicator-categorized-ledger .indicator-ledger-category { color: var(--color-text-secondary); font-size: 12px; text-align: center; vertical-align: middle; }
.indicator-ledger-scroll .indicator-ledger-row[hidden] { display: none; }
@media (max-width: 720px) {
    .indicator-ledger-filters { flex-wrap: wrap; gap: 10px; }
    .indicator-ledger-filters .bond-filter-grid, .indicator-ledger-filters .bond-search { width: 100%; }
    .indicator-ledger-scroll .indicator-categorized-ledger .indicator-ledger-row { grid-template-areas: "name value" "category date" "trend trend"; }
    .indicator-ledger-scroll .indicator-categorized-ledger .indicator-ledger-category { grid-area: category; text-align: left; }
    .indicator-page .indicator-ledger-toolbar { min-height: 0; padding: 14px 0; gap: 10px; }
    .indicator-ledger-scroll .indicator-ledger-group th { min-height: 0; padding: 12px 8px; }
    .indicator-ledger-scroll .indicator-ledger .indicator-ledger-row { grid-template-columns: minmax(0, 1fr) minmax(100px, auto); grid-template-areas: "name value" "name date" "trend trend"; height: auto; gap: 3px 16px; padding: 12px 8px; }
    .indicator-ledger-scroll .indicator-ledger-row > :is(th, td) { padding: 0; border: 0; }
    .indicator-ledger-scroll .indicator-ledger-row > th { grid-area: name; }
    .indicator-ledger-scroll .indicator-ledger .indicator-ledger-value { grid-area: value; }
    .indicator-ledger-scroll .indicator-ledger .indicator-ledger-date { grid-area: date; }
    .indicator-ledger-scroll .indicator-ledger .indicator-ledger-trend { grid-area: trend; padding-top: 6px; }
    .indicator-ledger-scroll .indicator-ledger-trend > div { justify-content: flex-start; }
}