/* Shared quiet controls. Scope stays inside pagination, including legacy pagers. */
:is(.clients-pagination,.cl-pagination,.vhh-pagination,.security-pagination,
  .admin-tool-access .pager,.admin-tool-reports .pager,.admin-tool-sessions .number-pager,
  nav[aria-label^="VOD pages"],nav[aria-label^="Subscriptions pages"],
  nav[aria-label^="Balance history pages"],nav[aria-label="MAG device pages"]) button,
.panel-content ul.pagination .page-link{
  display:inline-flex!important;align-items:center;justify-content:center;
  min-width:32px!important;min-height:32px!important;height:32px!important;
  margin:0!important;padding:5px 10px!important;
  border:1px solid #dbe3ed!important;border-radius:5px!important;
  background:#fff!important;background-image:none!important;color:#536b82!important;
  box-shadow:none!important;font-family:inherit!important;font-size:12px!important;
  font-weight:400!important;line-height:20px!important;text-decoration:none!important;
  white-space:nowrap;transition:background-color .12s,border-color .12s;
}
:is(.clients-pagination,.cl-pagination,.vhh-pagination,.security-pagination,
  .admin-tool-access .pager,.admin-tool-reports .pager,.admin-tool-sessions .number-pager,
  nav[aria-label^="VOD pages"],nav[aria-label^="Subscriptions pages"],
  nav[aria-label^="Balance history pages"],nav[aria-label="MAG device pages"]) button:enabled:hover,
.panel-content ul.pagination .page-link:hover{
  border-color:#b9cadb!important;background:#f5f8fc!important;color:#385a7b!important;
}
:is(.clients-pagination,.cl-pagination,.vhh-pagination,.security-pagination,
  .admin-tool-access .pager,.admin-tool-reports .pager,.admin-tool-sessions .number-pager,
  nav[aria-label^="VOD pages"],nav[aria-label^="Subscriptions pages"],
  nav[aria-label^="Balance history pages"],nav[aria-label="MAG device pages"]) button:disabled,
.panel-content ul.pagination .disabled .page-link{
  border-color:#e4e9ef!important;background:#fff!important;color:#8f9ead!important;
  opacity:.55!important;cursor:default;
}
:is(.clients-pagination,.cl-pagination,.vhh-pagination,.security-pagination,
  .admin-tool-access .pager,.admin-tool-reports .pager,.admin-tool-sessions .number-pager,
  nav[aria-label^="VOD pages"],nav[aria-label^="Subscriptions pages"],
  nav[aria-label^="Balance history pages"],nav[aria-label="MAG device pages"]) button:is([aria-current="page"],.is-current),
.panel-content ul.pagination .active .page-link{
  border-color:#c5d5e7!important;background:#edf3fa!important;color:#315a85!important;
  opacity:1!important;font-weight:600!important;
}
:is(.clients-pagination,.cl-pagination,.vhh-pagination,.security-pagination,
  .admin-tool-access .pager,.admin-tool-reports .pager,.admin-tool-sessions .number-pager,
  nav[aria-label^="VOD pages"],nav[aria-label^="Subscriptions pages"],
  nav[aria-label^="Balance history pages"],nav[aria-label="MAG device pages"]) button:focus-visible,
.panel-content ul.pagination .page-link:focus-visible{
  outline:2px solid #88a9cb!important;outline-offset:2px!important;
}
:is(.clients-pagination,.cl-pagination,.vhh-pagination,.security-pagination,
  .admin-tool-access .pager,.admin-tool-reports .pager,.admin-tool-sessions .number-pager,
  nav[aria-label^="VOD pages"],nav[aria-label^="Subscriptions pages"],
  nav[aria-label^="Balance history pages"],nav[aria-label="MAG device pages"]){
  gap:5px!important;flex-wrap:wrap!important;
  color:#6b7d90!important;font-size:12px!important;line-height:1.5!important;
}
:is(.security-pagination,.admin-tool-reports .pager,.admin-tool-sessions .number-pager) select{
  min-height:32px!important;height:32px!important;padding:4px 8px!important;
  border:1px solid #dbe3ed!important;border-radius:5px!important;
  background-color:#fff!important;color:#536b82!important;font-size:12px!important;
}
:is(.security-pagination,.admin-tool-reports .pager,.admin-tool-sessions .number-pager) label{
  color:#6b7d90!important;font-size:12px!important;font-weight:400!important;
}
@media(max-width:575px){
  :is(.clients-pagination,.cl-pagination,.vhh-pagination,.security-pagination,
    .admin-tool-access .pager,.admin-tool-reports .pager,.admin-tool-sessions .number-pager,
    nav[aria-label^="VOD pages"],nav[aria-label^="Subscriptions pages"],
    nav[aria-label^="Balance history pages"],nav[aria-label="MAG device pages"]) button,
  .panel-content ul.pagination .page-link{min-height:36px!important;height:36px!important;padding:6px 8px!important;}
}
