/* V021：黑名单、店铺、店铺声誉、评价管理统一采用成本维护记录的滚动与分页布局。 */
body.hl-management-layout-v021-active .app-main{
  padding-top:0!important;
}

/* V023：成本页改用真实 DOM 占位区，不再依赖可能被旧布局覆盖的 padding-bottom。 */
.cost-workspace.cost-profit-layout-v009:has(.cost-pagination),
.cost-workspace.cost-profit-layout-v009.cost-profit-has-hscroll-v009:has(.cost-pagination){
  padding-bottom:0!important;
}
.cost-workspace.cost-profit-layout-v009>.hl-cost-bottom-spacer-v023{
  display:block!important;
  width:100%!important;
  height:110px!important;
  min-height:110px!important;
  clear:both!important;
  flex:none!important;
  pointer-events:none!important;
  visibility:hidden!important;
}

#hl-blacklist-root.hl-management-layout-v021,
.store-workspace.hl-management-layout-v021,
.hl-rep-app.hl-management-layout-v021,
.hl-rv-app.hl-management-layout-v021{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  padding-bottom:86px!important;
  box-sizing:border-box!important;
}

.hl-rep-host:has(.hl-rep-app.hl-management-layout-v021),
.hl-rv-host:has(.hl-rv-app.hl-management-layout-v021){
  min-width:0!important;
  overflow:visible!important;
}

.hl-management-scroll-host-v021{
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow-x:clip!important;
  overflow-y:visible!important;
  contain:inline-size!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  padding-bottom:0!important;
  margin-bottom:0!important;
  box-sizing:border-box!important;
}
.hl-management-scroll-host-v021::-webkit-scrollbar{width:0!important;height:0!important}
.hl-management-table-v021{
  transform:translate3d(0,0,0);
  transform-origin:left top!important;
  will-change:transform;
}
.hl-management-table-v021 thead.hl-management-thead-v021{
  position:sticky!important;
  top:0!important;
  z-index:127!important;
  background:#f4f7fa!important;
  box-shadow:0 1px 0 rgba(217,225,232,.95)!important;
  isolation:isolate!important;
}
.hl-management-table-v021 thead.hl-management-thead-v021 th{
  position:sticky!important;
  top:0!important;
  z-index:128!important;
  background:#f4f7fa!important;
  box-shadow:0 -10px 0 #f4f7fa!important;
}

/* 固定分页的尺寸、间距和控件样式与成本维护记录完全一致。 */
.hl-management-footer-v021{
  position:fixed!important;
  bottom:0!important;
  z-index:130!important;
  height:48px!important;
  min-height:48px!important;
  padding:0 12px!important;
  margin:0!important;
  display:flex!important;
  flex:none!important;
  align-items:center!important;
  justify-content:space-between!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border-top:1px solid #d8e0ea!important;
  box-shadow:0 -2px 8px rgba(28,45,70,.09)!important;
  color:#657283!important;
  font-size:12px!important;
}
.hl-management-footer-v021>span:first-child{white-space:nowrap!important;color:#657283!important}
.hl-management-pagination-v021{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;white-space:nowrap!important}
.hl-management-pagination-size-v021{
  height:28px!important;min-width:86px!important;padding:0 24px 0 9px!important;border:1px solid #dce3eb!important;border-radius:4px!important;background:#fff!important;color:#6c7885!important;font-size:11px!important;
}
.hl-management-pagination-nav-v021{display:flex!important;align-items:center!important;gap:4px!important}
.hl-management-pagination-nav-v021 button{
  min-width:28px!important;width:28px!important;height:28px!important;padding:0!important;border:1px solid #e1e7ed!important;border-radius:2px!important;background:#f7f8fa!important;color:#8e99a6!important;font-size:12px!important;line-height:26px!important;text-align:center!important;
}
.hl-management-pagination-nav-v021 button.active{background:#269bf0!important;border-color:#269bf0!important;color:#fff!important}
.hl-management-pagination-nav-v021 button:disabled{opacity:.4!important;cursor:not-allowed!important}
.hl-management-pagination-jump-v021{display:flex!important;align-items:center!important;gap:5px!important;font-weight:400!important;color:#657283!important}
.hl-management-pagination-jump-v021 input{
  width:42px!important;height:28px!important;padding:0 5px!important;border:1px solid #dce3eb!important;border-radius:3px!important;background:#fff!important;text-align:center!important;color:#657283!important;font-size:11px!important;box-sizing:border-box!important;
}

body>#hl-management-fixed-hscroll-v021{
  position:fixed!important;
  z-index:131!important;
  height:14px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  box-sizing:border-box!important;
  background:#fbfcfd!important;
  border-top:1px solid #eef2f5!important;
  border-bottom:1px solid #eef2f5!important;
  box-shadow:none!important;
  scrollbar-width:thin!important;
  scrollbar-color:#c8d0d8 #f5f7f9!important;
  overscroll-behavior-x:contain!important;
}
body>#hl-management-fixed-hscroll-v021[hidden]{display:none!important}
body>#hl-management-fixed-hscroll-v021::-webkit-scrollbar{height:9px!important}
body>#hl-management-fixed-hscroll-v021::-webkit-scrollbar-track{background:#f5f7f9!important;border-radius:5px!important}
body>#hl-management-fixed-hscroll-v021::-webkit-scrollbar-thumb{background:#c8d0d8!important;border-radius:5px!important;border:1px solid #f5f7f9!important}
body>#hl-management-fixed-hscroll-v021::-webkit-scrollbar-thumb:hover{background:#b8c2cc!important}
.hl-management-fixed-hscroll-inner-v021{height:1px!important;min-height:1px!important;pointer-events:none!important}

body>#hl-management-top-guard-v021{
  position:fixed!important;
  z-index:129!important;
  height:8px!important;
  background:#f4f7fa!important;
  pointer-events:none!important;
}
body>#hl-management-top-guard-v021[hidden]{display:none!important}

@media(max-width:900px){
  .hl-management-footer-v021{overflow-x:auto!important}
}