/* balance_viewer.css — scoped under main[data-balance-viewer] */

main[data-balance-viewer] {
    --cell-padding: 6px;
}

main[data-balance-viewer] > header > * {
    flex-shrink: 0;
}

main[data-balance-viewer] > header a {
    white-space: nowrap;
}

main[data-balance-viewer] [data-scroll] {
    overflow-x: auto;
}

main[data-balance-viewer] table {
    width: auto;
    border-collapse: separate;
    border-spacing: 0;
    overflow: visible;
}

main[data-balance-viewer] th {
    background: var(--bg-highlight-secondary);
}

main[data-balance-viewer] th[data-date] {
    white-space: pre;
}

main[data-balance-viewer] td[data-value] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    padding: var(--cell-padding);
}

main[data-balance-viewer] td[data-label] {
    padding-right: var(--cell-padding);
    padding-top: var(--cell-padding);
    padding-bottom: var(--cell-padding);
    white-space: nowrap;
    font-size: 1.2em;
    text-align: left;
}

main[data-balance-viewer] td[data-label] {
    position: sticky;
    left: 0;
    z-index: 1;
    background: inherit;
}

main[data-balance-viewer] thead th:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
}

main[data-balance-viewer] td[data-label] a {
    font-size: inherit;
    font-weight: inherit;
}

main[data-balance-viewer] td[data-label] a[data-muted] {
    color: inherit;
}

main[data-balance-viewer] tr[data-depth-parity="odd"] {
    background: var(--bg-header);
}

main[data-balance-viewer] tbody tr {
    transition: none;
}

main[data-balance-viewer] tbody td {
    transition: line-height 0.1s ease;
    opacity: 1;
}

main[data-balance-viewer] tr[data-hidden] td {
    padding-top: 0;
    padding-bottom: 0;
    border-top: 0;
    border-bottom: 0;
    line-height: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
}

main[data-balance-viewer] tr[data-hidden] td > * {
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

main[data-balance-viewer] tbody tr:hover {
    filter: brightness(0.93);
}

main[data-balance-viewer] tr[data-node] {
    cursor: pointer;
}

main[data-balance-viewer] tr[data-node] td[data-label] {
    font-weight: bold;
}

main[data-balance-viewer] [data-error] {
    color: var(--color-danger);
    padding: 1em;
}

main[data-balance-viewer] [data-muted] {
    color: var(--text-muted);
}