.record-list {
    max-height: none;
    height: auto;
    overflow-x: auto;
    overflow-y: visible;
}

.record-list thead {
    position: sticky;
    top: 0;
    z-index: 2;
}

.list-tools,
.list-pager {
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: space-between;
    margin: 18px 0;
}

.list-tools label {
    max-width: 480px;
    flex: 1;
    margin: 0;
}

.list-tools span {
    color: #63738a;
}

.list-pager {
    justify-content: flex-end;
}

.list-pager button:disabled {
    opacity: .45;
    cursor: default;
}

.record-editor {
    margin-bottom: 24px;
}

@media (max-width: 650px) {
    .list-tools {
        align-items: stretch;
        flex-direction: column;
    }
}


.user-extra-filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:12px 0;position:relative;z-index:10}.user-extra-filters>label,.user-extra-filters>details{min-width:180px}.user-extra-filters>label{margin:0}.user-extra-filters>label select{height:42px;margin-top:8px}.user-extra-filters>details{position:relative;border:1px solid #b9c9df;border-radius:6px;background:white;height:42px;margin:0;align-self:end}.user-extra-filters>details[open]{z-index:20}.user-extra-filters>details>summary{height:40px;padding:10px;white-space:nowrap}.user-filter-popover{position:absolute;top:calc(100% + 4px);left:0;width:max(100%,280px);max-width:calc(100vw - 40px);padding:10px;background:#fff;border:1px solid #b9c9df;border-radius:6px;box-shadow:0 10px 24px rgba(22,40,66,.18)}.user-filter-popover>input{margin:0}.user-filter-options{max-height:260px;overflow-y:auto;display:grid;gap:6px;margin-top:8px}.user-filter-options label{display:flex;gap:8px;align-items:start;margin:0}

.user-filter-options [hidden]{display:none!important}

#users .table-status-filters .table-count-inline{margin-left:auto;padding-left:16px;color:#63738a;white-space:nowrap;font-size:13px}

/* Keep search progress inside the field so list headings never move. */
.lp-page :is(.list-tools,.invitation-search-row,[data-table-filter]) label:has(>input[type="search"]){position:relative}
.lp-page :is(.list-tools,.invitation-search-row,[data-table-filter]) label>input[type="search"]{padding-right:10px}
.lp-page :is(.list-tools,.invitation-search-row,[data-table-filter]) label:has(>input[type="search"])::after{content:"";position:absolute;right:12px;bottom:11px;width:14px;height:14px;box-sizing:border-box;border:2px solid #d5dfee;border-top-color:#235bc2;border-radius:50%;pointer-events:none;visibility:hidden}
.lp-page [aria-busy="true"] :is(.list-tools,.invitation-search-row,[data-table-filter]) label:has(>input[type="search"])::after{visibility:visible;animation:learning-list-search-spin .7s linear infinite}
.lp-page [aria-busy="true"] :is(.list-tools,.invitation-search-row,[data-table-filter]) input[type="search"]::-webkit-search-cancel-button{visibility:hidden}
@keyframes learning-list-search-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.lp-page [aria-busy="true"] :is(.list-tools,.invitation-search-row,[data-table-filter]) label:has(>input[type="search"])::after{animation:none}}