/* Deposit Sources — ranked-source rows. Classes are prefixed `deps-`. */

.deps-rows {
    padding: 8px 4px;
}

.deps-header,
.deps-row {
    display: grid;
    grid-template-columns: 200px 1fr 84px 90px 90px;
    align-items: center;
    column-gap: 12px;
    padding: 6px 10px;
}

.deps-header {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-secondary);
    border-bottom: 1px solid var(--border-light);
}

.deps-row {
    border-bottom: 1px solid var(--border-light);
}

.deps-row:hover {
    background: var(--bg-hover);
}

.deps-source {
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.deps-bar-track {
    display: flex;
    align-items: center;
    height: 22px;
}

.deps-bar-fill {
    height: 18px;
    min-width: 2px;
    background: #FCD354;
    border-radius: 3px;
}

.deps-bar-label {
    margin-left: 8px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    color: var(--text-secondary);
}

.deps-share,
.deps-delta,
.deps-col-right {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.deps-delta-none {
    color: var(--text-secondary);
}

/* Inline-expandable "Other" section */
.deps-other {
    border-bottom: 1px solid var(--border-light);
}

.deps-other-summary {
    list-style: none;
    cursor: pointer;
}

.deps-other-summary::-webkit-details-marker {
    display: none;
}

.deps-other-row {
    border-bottom: none;
    font-style: italic;
}

.deps-other-caret {
    display: inline-block;
    transition: transform 0.15s ease;
}

.deps-other[open] .deps-other-caret {
    transform: rotate(90deg);
}

/* Hover sparkline tooltip */
.deps-spark-title {
    font-weight: 600;
    margin-bottom: 4px;
}

.deps-spark-img {
    display: block;
    width: 240px;
    max-width: 100%;
}

.deps-spark-caption {
    margin-top: 2px;
    font-size: 11px;
    opacity: 0.75;
}