.nh-metrics { display: flex; flex-direction: column; gap: 1.25rem; }

.nh-metrics-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .75rem; }
.nh-metrics-head h2 { margin: 0; font-size: var(--nh-font-size-heading); }

.nh-row-link { cursor: pointer; }
.nh-row-link:hover { background: var(--nh-color-hover, rgba(255, 255, 255, 0.05)); }

.nh-back {
    font-size: 1.4rem;
    line-height: 1;
    text-decoration: none;
    color: inherit;
    padding: 4px 10px;
    border-radius: 6px;
}
.nh-back:hover { background: var(--nh-color-hover, rgba(255, 255, 255, 0.08)); }

.nh-range { display: inline-flex; background: var(--nh-color-bg-surface); border: 1px solid var(--nh-color-border); border-radius: 999px; padding: 3px; }
.nh-range button { background: none; border: 0; color: var(--nh-color-text-muted); padding: .35rem .9rem; border-radius: 999px; cursor: pointer; font-size: var(--nh-font-size-sm); }
.nh-range button:hover { color: var(--nh-color-text); }
.nh-range button.active { background: var(--nh-color-accent-darker); color: var(--nh-color-text); }

.nh-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: .75rem; }
.nh-stat, .nh-card { background: var(--nh-color-bg-surface); border: 1px solid var(--nh-color-border-subtle); border-radius: var(--nh-border-radius, 15px); }
.nh-stat { padding: .9rem 1.1rem; }
.nh-stat-label { color: var(--nh-color-text-muted); font-size: var(--nh-font-size-sm); }
.nh-stat-value { font-size: 1.75rem; font-weight: 600; margin-top: .15rem; }
.nh-stat-note { color: var(--nh-color-text-subtle); font-size: 12px; margin-top: .1rem; }

.nh-card { padding: 1.1rem 1.25rem; }
.nh-card h3 { margin: 0 0 .75rem; font-size: var(--nh-font-size-sub-heading); }
.nh-muted { color: var(--nh-color-text-muted); font-size: var(--nh-font-size-sm); }

.nh-table { width: 100%; border-collapse: collapse; }
.nh-table th { text-align: left; color: var(--nh-color-text-muted); font-weight: 500; font-size: var(--nh-font-size-sm); padding: .4rem .5rem; border-bottom: 1px solid var(--nh-color-border); }
.nh-table td { padding: .5rem; border-bottom: 1px solid var(--nh-color-border-subtle); }
.nh-table .num { text-align: right; font-variant-numeric: tabular-nums; width: 5rem; }
.nh-table .share { width: 35%; }
.nh-share-track { height: 6px; border-radius: 3px; background: var(--nh-color-accent-darkest); }
.nh-share-fill { height: 100%; border-radius: 3px; background: var(--nh-color-accent); }


.nh-controls { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; }

.nh-table a { color: var(--nh-color-accent-light); text-decoration: none; }
.nh-table a:hover { text-decoration: underline; }