.owner-label{color:#64748b;font-size:12px;line-height:1.6}
/* 管理范围只在顶栏右侧这一处（老板：把管理这个移到顶部右边去，侧边栏那块不要了）。
   顶栏上是横排的一小段：管理范围 [全部用户 · 全部店铺 ▾]。 */
.topbar .scope-inline{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:11px;color:#65758b;margin-right:2px;flex:none}
.topbar .scope-inline>span{white-space:nowrap;color:#8d98ae;font-weight:400}
.topbar .scope-inline select{height:34px;min-height:34px;padding:0 10px;font-size:12px;color:#23324a;background:#fafbfe;border:1px solid #e0e5ef;border-radius:8px;max-width:240px}
.topbar .scope-inline select:focus{border-color:#96a8ee}
.scope-picker{position:relative;z-index:50}.scope-trigger{display:flex;align-items:center;gap:8px;height:34px;max-width:300px;padding:0 10px;border:1px solid #e0e5ef;border-radius:8px;background:#fafbfe;color:#23324a;cursor:pointer;font:inherit;font-size:12px}.scope-trigger span:first-child{color:#8d98ae;font-size:11px}.scope-trigger strong{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.scope-panel{position:absolute;right:0;top:42px;width:min(420px,calc(100vw - 28px));padding:14px;background:#fff;border:1px solid #e0e5ef;border-radius:12px;box-shadow:0 15px 40px rgba(27,42,72,.18)}.scope-panel-head,.scope-panel-filters{display:flex;align-items:center;justify-content:space-between;gap:8px}.scope-panel-filters{margin-top:10px}.scope-panel-filters input,.scope-panel-filters select{min-width:0;height:36px;padding:0 9px;border:1px solid #dce4f0;border-radius:7px;background:#fff;color:#23324a;font:inherit;font-size:12px}.scope-panel-filters input{flex:1}.scope-panel-filters select{width:120px}.scope-panel-hint{margin:10px 0;font-size:11px;line-height:1.5;color:#74849a}.scope-results{max-height:370px;overflow:auto;border-top:1px solid #eef1f6}.scope-tenant{padding:7px 0;border-bottom:1px solid #eef1f6}.scope-tenant-button,.scope-store-button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:9px;border:0;border-radius:7px;background:transparent;color:#23324a;text-align:left;cursor:pointer;font:inherit}.scope-tenant-button:hover,.scope-store-button:hover{background:#f4f7ff}.scope-store-button{padding-left:25px}.scope-tenant-button span:first-child,.scope-store-button span:first-child{display:flex;flex-direction:column;min-width:0}.scope-tenant-button b,.scope-store-button b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.scope-tenant-button small,.scope-store-button small{margin-top:2px;color:#8291a4;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scope-tenant-button>span:last-child,.scope-store-button>span:last-child{flex:none;color:#6d7d95;font-size:11px}.scope-empty{padding:20px 8px;margin:0;color:#8291a4;font-size:12px;text-align:center}
/* 顶栏变窄时先收掉「管理范围」三个字，只留下拉（用户名和退出永远留着） */
@media (max-width:1240px){.topbar .scope-inline>span{display:none}}
.user-actions{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.user-actions .button{white-space:nowrap;padding:6px 9px;font-size:12px}
/* Compact user directory: sticky account/actions and independent table scrolling. */
.card.user-management-card{padding:0;overflow:visible;border-radius:14px}
.user-management-card .user-filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:18px;margin:0;border:0;border-bottom:1px solid #edf0f4;border-radius:14px 14px 0 0;background:linear-gradient(110deg,#f5faf8,#fffdf4)}
.user-management-card .user-filter-bar label{display:block;flex:0 1 140px;min-width:120px;margin:0}
.user-management-card .user-filter-bar label.user-search-label{flex:1 1 290px;max-width:440px}
.user-management-card .user-filter-bar input,.user-management-card .user-filter-bar select{height:38px;min-height:38px;padding:0 12px;font-size:12px!important;border-radius:8px}
.user-management-card .user-filter-bar .button{height:38px;min-height:38px;padding:0 12px;font-size:12px!important;white-space:nowrap}
.user-management-card #refresh-users{margin-left:auto}
.user-management-card .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.user-management-card .user-table-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;background:#f4faf7;border-bottom:1px solid #e9efec;font-size:12px}
.user-management-card .user-table-caption strong{font-weight:600;color:#52685f}
.user-management-card .user-table-caption .table-summary{padding:0;font-size:11px}
.user-management-card .user-table-wrap{border:0;border-radius:0;overflow:auto;max-height:calc(100vh - 340px);min-height:180px;scrollbar-width:thin}
.user-management-card .user-data-table{min-width:1470px;table-layout:fixed;border-collapse:separate;border-spacing:0}
.user-management-card .user-data-table th,.user-management-card .user-data-table td{vertical-align:middle;padding:14px 12px;font-size:12px;line-height:1.5;background:#fff}
.user-management-card .user-data-table th{position:sticky;top:0;z-index:2;background:#f8fafc;font-size:12px;color:#62738a;font-weight:600;height:43px}
.user-management-card .user-data-table th:first-child,.user-management-card .user-data-table td:first-child{position:sticky;left:0;z-index:3;width:170px;box-shadow:5px 0 8px -7px #788799}
.user-management-card .user-data-table th:last-child,.user-management-card .user-data-table td:last-child{position:sticky;right:0;z-index:3;width:210px;box-shadow:-5px 0 8px -7px #788799}
.user-management-card .user-data-table th:first-child,.user-management-card .user-data-table th:last-child{z-index:4;background:#f8fafc}
.user-management-card .user-data-table th:nth-child(2){width:165px}
.user-management-card .user-data-table th:nth-child(3),.user-management-card .user-data-table th:nth-child(4){width:76px}
.user-management-card .user-data-table th:nth-child(5){width:105px}
.user-management-card .user-data-table th:nth-child(6){width:85px}
.user-management-card .user-data-table th:nth-child(n+7):nth-child(-n+10){width:110px}
.user-management-card .user-data-table th:nth-child(11){width:145px}
.user-management-card .user-data-table td strong{font-size:12px;overflow-wrap:anywhere}
.user-management-card .user-data-table td small{display:block;font-size:10px;line-height:1.5;margin-top:5px;color:#8b98a9;overflow-wrap:anywhere}
.user-management-card .user-data-table td:first-child .pill{display:inline-block;margin-top:5px}
.user-management-card .user-data-table .pill{font-size:10px;padding:3px 7px;border-radius:5px;white-space:nowrap}
.user-management-card .user-data-table tbody tr:nth-child(even) td{background:#fbfcfe}
.user-management-card .user-data-table tbody tr:hover td{background:#fffdf4}
.user-management-card .user-actions{display:flex;align-items:center;gap:6px;min-width:0;max-width:none;flex-wrap:nowrap;margin:0}
.user-management-card .user-actions>.button,.user-management-card .user-more-actions summary{padding:4px 5px;border:0;background:transparent;min-height:26px;font-size:11px!important;white-space:nowrap;color:#667b95;box-shadow:none;cursor:pointer}
.user-management-card .user-actions>.button:hover,.user-management-card .user-more-actions summary:hover{color:#8e6a16;background:#fff6d7;border-radius:5px}
.user-management-card .user-more-actions summary{list-style:none}
.user-management-card .user-more-actions summary::-webkit-details-marker{display:none}
.user-management-card .user-more-menu{position:fixed;z-index:80;display:flex;flex-direction:column;gap:3px;min-width:154px;max-height:310px;overflow:auto;padding:7px;border:1px solid #e4e9f0;border-radius:9px;background:#fff;box-shadow:0 10px 35px #24365025}
.user-management-card .user-more-menu .button{text-align:left;justify-content:flex-start;padding:7px 10px;font-size:12px!important;border:0;min-height:31px;background:#fff;box-shadow:none}
.user-management-card .user-more-menu .button:hover{background:#f5f7fb}
.user-management-card .user-more-menu .button.danger{color:#c6534c}
.user-management-card .user-table-pagination{display:flex;align-items:center;gap:16px;padding:14px 18px;border-top:1px solid #e9edf3;font-size:12px;color:#738298}
.user-management-card .user-table-pagination label{display:flex;align-items:center;gap:7px;font-size:12px!important;white-space:nowrap}
.user-management-card .user-table-pagination select{width:65px;min-height:31px;height:31px;padding:0 8px;font-size:12px!important}
.user-management-card .user-pagination-buttons{display:flex;align-items:center;gap:12px;margin-left:auto;font-variant-numeric:tabular-nums}
.user-management-card .user-pagination-buttons .button{min-width:31px;min-height:31px;height:31px;padding:0 8px;font-size:17px!important}
@media(max-width:760px){.user-management-card .user-filter-bar{padding:12px;gap:8px}.user-management-card .user-filter-bar label.user-search-label{flex:1 1 100%;max-width:none}.user-management-card .user-filter-bar label{flex:1 1 120px;min-width:0}.user-management-card .user-table-pagination{flex-wrap:wrap;gap:10px;padding:12px}.user-management-card .user-table-wrap{max-height:60vh}.user-management-card .user-data-table th:first-child,.user-management-card .user-data-table td:first-child{width:145px}.user-management-card .user-data-table th:last-child,.user-management-card .user-data-table td:last-child{width:195px}}
.user-management-card .user-filter-bar input,.user-management-card .user-filter-bar select{width:100%;box-sizing:border-box}
.user-management-card .user-table-pagination label{flex-direction:row}
.user-management-card .user-data-table td:last-child:has(.user-more-actions[open]){z-index:10}