/* Same field-header surface for tables, trees and record lists in every theme. */
.sm-list-header { display: block; flex: 0 0 auto; padding: .5rem .75rem; margin: 0; color: var(--tblr-secondary, inherit); background: var(--tblr-bg-surface-secondary, #f6f8fb); border-bottom: 1px solid var(--tblr-border-color, #dce1e7); font-size: .75rem; font-weight: 600; line-height: 1.5; }

/* Plain record lists share row spacing and action alignment with other lists. */
.sm-record-list { list-style: none; padding: 0; margin: 0 0 1rem; }
.sm-record-list > li { display: flex; align-items: center; gap: .75rem; padding: .5rem .75rem; min-width: 0; }
.sm-record-list > li > .sm-record-link { min-width: 0; overflow-wrap: anywhere; }
.sm-record-list > li > .sm-record-actions { margin-inline-start: auto; flex-shrink: 0; }
.sm-record-list .sm-record-actions .btn { background: transparent; border-color: transparent; box-shadow: none; }
.sm-record-list .sm-record-actions .btn:hover, .sm-record-list .sm-record-actions .btn:focus-visible { border-color: currentColor; }

/* Optional trailing field column stays aligned across all hierarchy depths. */
.sm-hierarchy-column { flex: 0 0 var(--sm-tree-column-width, 12rem); width: var(--sm-tree-column-width, 12rem); overflow-wrap: anywhere; }
.sm-hierarchy-column-header { display: flex; align-items: center; gap: .4rem; padding-inline: 0; min-width: max-content; }
.sm-hierarchy-column-header > .sm-hierarchy-content { flex: 1 1 auto; padding-inline-start: .75rem; }
.sm-hierarchy-header-actions { flex: 0 0 calc(var(--sm-tree-action-count, 3) * 1.65rem - .15rem); margin-inline-start: .75rem; }

.sm-hierarchy-columns { width: max-content; min-width: 100%; }