fluent-breadcrumb {
    margin-bottom: 0.25rem;
}

fluent-breadcrumb fluent-breadcrumb-item {
    color: var(--color-accent);
}

fluent-breadcrumb fluent-breadcrumb-item:last-child {
    color: black;
}

fluent-tabs::part(tablist) {
    gap: 10px;
    row-gap: 5px;
}

fluent-tabs::part(activeIndicator) {
    background: var(--color-accent);
}

fluent-divider {
    border:0.5px solid var(--color-divider);
    width: 100%;
}

/* Fix FluentAutocomplete listbox scroll — cover both light DOM listbox and shadow DOM ::part(listbox) */
fluent-listbox {
    overflow-y: auto !important;
}
fluent-listbox::part(listbox),
fluent-autocomplete::part(listbox),
fluent-combobox::part(listbox),
fluent-select::part(listbox) {
    overflow-y: auto !important;
}

.users-grid th.users-grid-employees-column,
.users-grid td.users-grid-employees-column,
.users-grid tr[row-type='sticky-header'] > th:first-child,
.users-grid tbody tr > td:first-child {
    position: sticky;
    left: 0;
    z-index: 10 !important;
    background: #ffffff !important;
    box-shadow: 1px 0 0 0 var(--color-divider);
}

.users-grid tr[row-type='sticky-header'] > th.users-grid-employees-column,
.users-grid tr[row-type='sticky-header'] > th.users-grid-employees-column.column-header,
.users-grid tr[row-type='sticky-header'] > th.users-grid-employees-column .column-header,
.users-grid tr[row-type='sticky-header'] > th:first-child.column-header {
    z-index: 10 !important;
    background: #ffffff !important;
    isolation: isolate;
}

.users-grid tr[row-type='sticky-header'] > th.users-grid-employees-column > div,
.users-grid tr[row-type='sticky-header'] > th.users-grid-employees-column .col-title,
.users-grid tr[row-type='sticky-header'] > th.users-grid-employees-column .col-title-text,
.users-grid tr[row-type='sticky-header'] > th:first-child > div,
.users-grid tr[row-type='sticky-header'] > th:first-child .col-title,
.users-grid tr[row-type='sticky-header'] > th:first-child .col-title-text,
.users-grid tr[row-type='sticky-header'] > th:first-child .column-header {
    background: #ffffff !important;
    position: relative;
    z-index: 10 !important;
}

.users-grid th.users-grid-actions-column,
.users-grid td.users-grid-actions-column {
    position: sticky;
    right: 0;
    background: var(--neutral-layer-1, #ffffff);
    box-shadow: -1px 0 0 0 var(--color-divider);
}

.users-grid td.users-grid-actions-column {
    z-index: 6;
}

.users-grid tr[row-type='sticky-header'] > th.users-grid-actions-column {
    z-index: 9;
}

.assigned-property-select fluent-option.selected::before {
    background: var(--color-accent) !important;
}

.assigned-property-select fluent-option::part(content) {
    padding-left: 10px !important;
}