/* Explicitly scoped tree rules keep console list and disclosure styles out. */
#surface-view[data-surface="feature-ledger"] .ledger #ledger-tree,
#surface-view[data-surface="feature-ledger"] .ledger #ledger-tree ol {
  display:block; margin:0; padding:0; border:0; background:transparent; list-style:none;
}
#surface-view[data-surface="feature-ledger"] .ledger #ledger-tree { padding:8px 0 0; }
#surface-view[data-surface="feature-ledger"] .ledger #ledger-tree ol {
  margin-left:13px; padding-left:23px; border-left:1px solid var(--line);
}
#surface-view[data-surface="feature-ledger"] #ledger-tree li {
  position:relative; display:block; min-width:0; margin:2px 0; padding:0; border:0; background:transparent;
}
#surface-view[data-surface="feature-ledger"] #ledger-tree ol > li::before {
  position:absolute; top:19px; left:-23px; width:18px; border-top:1px solid var(--line); content:'';
}
#surface-view[data-surface="feature-ledger"] #ledger-tree details { display:block; margin:0; padding:0; border:0; background:transparent; }
#surface-view[data-surface="feature-ledger"] #ledger-tree .ledger-row {
  display:grid; grid-template-columns:12px minmax(0,1fr) auto; align-items:start; gap:7px;
  min-height:38px; margin:0; padding:7px; border:0; border-radius:5px; list-style:none;
  color:var(--ink); background:transparent;
}
#surface-view[data-surface="feature-ledger"] #ledger-tree summary { cursor:pointer; }
#surface-view[data-surface="feature-ledger"] #ledger-tree summary::-webkit-details-marker { display:none; }
#surface-view[data-surface="feature-ledger"] #ledger-tree .ledger-row::before {
  content:''; width:12px; color:var(--muted); font-size:11px; line-height:24px;
}
#surface-view[data-surface="feature-ledger"] #ledger-tree summary::before { content:'▸'; }
#surface-view[data-surface="feature-ledger"] #ledger-tree details[open] > summary::before { content:'▾'; }
#surface-view[data-surface="feature-ledger"] #ledger-tree .ledger-row:hover { background:color-mix(in srgb,var(--accent) 9%,transparent); }
#surface-view[data-surface="feature-ledger"] #ledger-tree summary:focus-visible { outline:2px solid var(--accent); outline-offset:1px; }
#surface-view[data-surface="feature-ledger"] #ledger-tree .ledger-node-label { min-width:0; overflow-wrap:anywhere; }
#surface-view[data-surface="feature-ledger"] #ledger-tree .ledger-node-label strong { display:block; line-height:24px; }
#surface-view[data-surface="feature-ledger"] #ledger-tree .ledger-node-description { display:block; color:var(--muted); font-size:12px; line-height:1.4; }
#surface-view[data-surface="feature-ledger"] .ledger .loc-count {
  padding:3px 6px; border:1px solid color-mix(in srgb,#b71937 var(--loc-heat),var(--line)); border-radius:5px;
  background:color-mix(in srgb,#d92f4e var(--loc-heat),var(--surface)); color:var(--ink);
  font:800 11px/1.3 ui-monospace,monospace; white-space:nowrap;
}
@media(prefers-color-scheme:dark) {
  #surface-view[data-surface="feature-ledger"] .ledger .loc-count {
    border-color:color-mix(in srgb,#ff8a9d var(--loc-heat),var(--line));
    background:color-mix(in srgb,#9f233b var(--loc-heat),var(--surface));
  }
}
@media(max-width:600px) {
  #surface-view[data-surface="feature-ledger"] .ledger #ledger-tree ol { margin-left:10px; padding-left:13px; }
  #surface-view[data-surface="feature-ledger"] #ledger-tree ol > li::before { left:-13px; width:9px; }
  #surface-view[data-surface="feature-ledger"] #ledger-tree .ledger-row { column-gap:4px; padding-inline:3px; }
}