/* Admin list pagination follows the item album pager across list screens. */
@layer admin-pagination {
  html body #admin_wrap :is(.pagination_box, .text-center):has(> :is(ul.pagination, ul.customer_pagination, ul#pagination)):not(.modal *, [id^="modal"] *) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    height: auto !important;
    min-height: 0 !important;
    margin-top: 0 !important;
    padding: 10px !important;
    border-top: 1px solid #e5e9f0 !important;
    border-radius: 0 !important;
    background: #f6f8fc !important;
  }
  html body #admin_wrap :is(ul.pagination, ul.customer_pagination, ul#pagination):not(.modal *, [id^="modal"] *)>li:not(.active):not(.disabled)>:is(a, span) {
    color: #768397 !important;
  }
  html body #admin_wrap :is(ul.pagination, ul.customer_pagination, ul#pagination):not(.modal *, [id^="modal"] *)>li.active>:is(a, span) {
    background: #163b77 !important;
    border-color: #163b77 !important;
    color: #fff !important;
  }
  html body #admin_wrap #ownerInsertForm.cx-edit .owner_memo_area .pagination_box {
    min-height: 0 !important;
    padding: 8px 0 0 !important;
    border-top: 1px solid #e5e9f0 !important;
    background: #fff !important;
  }
  html body #admin_wrap #ownerInsertForm.cx-edit .owner_memo_area .pagination_box.timeline-pager-single {
    display: none !important;
  }
  html body #admin_wrap #ownerInsertForm.cx-edit #timeline_pagination {
    display: flex !important;
    justify-content: center !important;
    gap: 4px !important;
    min-height: 0 !important;
    margin: 0 !important;
  }
  html body #admin_wrap #ownerInsertForm.cx-edit #timeline_pagination > li > :is(a, span) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 30px !important;
    height: 30px !important;
    padding: 0 8px !important;
    border: 1px solid #d5deeb !important;
    border-radius: 4px !important;
    background: #fff !important;
    color: #475569 !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }
  html body #admin_wrap #ownerInsertForm.cx-edit #timeline_pagination > li.active > :is(a, span) {
    border-color: #163b77 !important;
    background: #163b77 !important;
    color: #fff !important;
  }
}