/*
 * Breakdown table macro (templates/macros/breakdown_table.html) styles.
 *
 * Sticky headers + first sticky column for horizontal scroll. Keeps headers
 * visible during vertical scroll inside table_container.
 */

.breakdown-table {
    position: relative;
    border-collapse: separate;
    border-spacing: 0;
}

.breakdown-table thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--md-sys-color-surface, #fff);
}

.breakdown-table tbody td:first-child,
.breakdown-table thead th:first-child {
    position: sticky;
    left: 0;
    background: var(--md-sys-color-surface, #fff);
    z-index: 1;
}

.breakdown-table thead th:first-child {
    z-index: 3;
}

/* Focus-visible styling for keyboard navigation on expandable rows */
.breakdown-row-expandable:focus-visible {
    outline: 2px solid var(--md-sys-color-primary);
    outline-offset: -2px;
}