.breadcrumb { font-size: 12px; color: var(--text2); margin-bottom: 10px; min-height: 18px; display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }
.bc-link { color: var(--accent); cursor: pointer; }
.bc-link:hover { text-decoration: underline; }
.bc-sep { color: var(--text3); }
.bc-cur { color: var(--text); }
#treemap-svg { width: 100%; display: block; border-radius: 8px; overflow: hidden; background: var(--bg3); cursor: default; }
.tm-hint { font-size: 11px; color: var(--text3); text-align: right; margin-top: 7px; }

.sym-panel {
  display: none; background: var(--bg3); border: 1px solid var(--border2);
  border-radius: 8px; padding: 14px 16px; margin-top: 10px;
}
.sym-panel.show { display: block; }
.sym-panel-row { display: flex; gap: 8px; margin-bottom: 6px; font-size: 12px; align-items: baseline; }
.sym-panel-row:last-child { margin-bottom: 0; }
.sym-panel-key { color: var(--text3); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; font-weight: 600; flex-shrink: 0; width: 80px; }
.sym-panel-val { font-family: var(--mono); color: var(--text); word-break: break-all; }
.tm-no-syms {
  display: none; background: var(--bg3); border: 1px solid var(--border2);
  border-radius: 8px; padding: 24px; text-align: center; color: var(--text2); font-size: 13px;
  margin-top: 8px;
}
.tm-no-syms.show { display: block; }