/* Ledger Metallic v2 — load AFTER styles.css. Scoped to enhanced icon slots. */
.ledger-icon { display: inline-block; flex: none; vertical-align: middle; overflow: visible; pointer-events: none; }
.ledger-icon-metallic { filter: drop-shadow(0 1px 1px rgba(0,0,0,.28)); }
.ledger-nav-item { min-height: 46px; }
.ledger-nav-item .nav-icon { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; flex: 0 0 28px; line-height: 1; color: inherit; }
.ledger-nav-item .nav-icon .ledger-icon { width: 26px; height: 26px; }
.ledger-nav-item.active .ledger-icon-metallic { --li-top: #ffe9a4; --li-mid: #f4c765; --li-low: #c59438; --li-bottom: #80561e; }
.ledger-nav-item:focus-visible { outline: 2px solid var(--gold-bright, #f3bf63); outline-offset: 2px; }
.metric-card .metric-icon.ledger-metric-icon {
  display: grid; place-items: center; width: 52px; height: 52px; flex: 0 0 52px; box-sizing: border-box; border-radius: 10px;
  border: 1px solid rgba(186,181,153,.23); background: linear-gradient(140deg,#272d2b 0%,#1b2223 48%,#151b1d 100%);
  box-shadow: inset 0 1px 0 rgba(255,248,218,.055), inset 0 -1px 0 rgba(0,0,0,.2), 0 3px 8px rgba(0,0,0,.1);
}
.ledger-metric-icon .ledger-icon { width: 34px; height: 34px; }
.metric-card .ledger-metric-icon[data-ledger-tone="negative"] { border-color: rgba(241,111,104,.22); }
.metric-card .ledger-metric-icon[data-ledger-tone="zero"] { border-color: rgba(156,161,166,.22); }
@media (max-width: 820px), (pointer: coarse) {
  .ledger-nav-item { min-height: 48px; }
  .ledger-nav-item .nav-icon .ledger-icon { width: 27px; height: 27px; }
  .metric-card .metric-icon.ledger-metric-icon { width: 46px; height: 46px; flex-basis: 46px; border-radius: 9px; }
  .ledger-metric-icon .ledger-icon { width: 30px; height: 30px; }
}
@media (forced-colors: active) {
  .ledger-icon-metallic { filter: none; }
  .ledger-icon-metallic > g:last-child { fill: CanvasText; stroke: CanvasText; }
}