/* ── V1 timeshare demo: fill2 fixed page heading and scoped list surface (2026-09-21) ── */
html body[data-current-page="fill2"] .main>.content{
  overflow:hidden!important;
}
html body[data-current-page="fill2"] #page-fill2.show>.fill2-page-head{
  position:sticky!important;
  top:0!important;
  z-index:42!important;
  display:block!important;
  min-height:70px!important;
  margin:0!important;
  padding:0 0 16px!important;
  background:var(--bg)!important;
}
html body[data-current-page="fill2"] #page-fill2.show>.fill2-page-head .fill2-page-breadcrumb{
  display:flex;
  align-items:center;
  gap:8px;
  height:24px;
  margin-bottom:4px;
  color:var(--text-3);
  font-size:12px;
  line-height:20px;
}
html body[data-current-page="fill2"] #page-fill2.show>.fill2-page-head .fill2-page-breadcrumb b{
  color:var(--text-2);
  font-weight:500;
}
html body[data-current-page="fill2"] #page-fill2.show>.fill2-page-head h2{
  font-size:16px!important;
  line-height:26px!important;
  font-weight:500!important;
  color:var(--text)!important;
}
html body[data-current-page="fill2"] #page-fill2.show>.fill2-page-head .fill2-page-subtitle{
  margin:2px 0 0!important;
  color:var(--text-2)!important;
  font-size:12px!important;
  line-height:20px!important;
}
html body[data-current-page="fill2"] #page-fill2.show>#fill2-regular,
html body[data-current-page="fill2"] #page-fill2.show>#fill2-outsource,
html body[data-current-page="fill2"] #page-fill2.show>#fill2-dispatch{
  min-height:0!important;
}
html body[data-current-page="fill2"] #page-fill2.show #fill2-list-shell,
html body[data-current-page="fill2"] #page-fill2.show #fill2-out-list-shell{
  min-height:0!important;
}
html body[data-current-page="fill2"] #page-fill2.show .fill2-list-shell .fill-layout,
html body[data-current-page="fill2"] #page-fill2.show .fill2-list-shell .fill-main,
html body[data-current-page="fill2"] #page-fill2.show .fill2-list-shell .tbl-wrap{
  min-height:0!important;
}
html body[data-current-page="fill2"] #page-fill2.show .fill2-list-shell .tbl-scroll{
  min-height:220px!important;
  max-height:calc(100vh - 430px)!important;
  overflow:auto!important;
  overscroll-behavior:contain;
}
html body[data-current-page="fill2"] #page-fill2.show .fill2-list-shell thead th{
  position:sticky!important;
  top:0!important;
  z-index:8!important;
}
html body[data-current-page="fill2"] #page-fill2.show .fill2-list-shell .fill-pagination{
  flex:0 0 auto!important;
  min-height:48px;
  padding:10px 16px!important;
  border-top:1px solid var(--border)!important;
}
html body[data-current-page="fill2"] #page-fill2.show .fill2-list-shell .fill2-selection-footer{
  flex:0 0 auto!important;
}
@media(max-width:1080px){
  html body[data-current-page="fill2"] #page-fill2.show>.fill2-page-head{padding-bottom:12px!important}
  html body[data-current-page="fill2"] #page-fill2.show .fill2-list-shell .tbl-scroll{max-height:calc(100vh - 520px)!important}
}
@media(max-width:760px){
  html body[data-current-page="fill2"] #page-fill2.show>.fill2-page-head{min-height:82px!important}
  html body[data-current-page="fill2"] #page-fill2.show .fill2-list-shell .tbl-scroll{max-height:none!important}
}