/* ============================================================
   全局统一分页样式 —— 与 screeningrosterproject 页面保持一致
   · 只对包裹在 ._g-pager-wrap 容器里的分页组件生效
   · 避免污染 KT UI / Bootstrap 其它用了 .pagination 类的组件
   ============================================================ */
._g-pager-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;      /* 与 screeningrosterproject 一致：行 0.75 / 列 1 间距 */
    padding: 1.25rem 2rem;  /* 与 screeningrosterproject 内嵌 _srp_pager_wrap 完全一致的留白 */
    border-top: 1px solid #f1f1f4;   /* 顶部分隔线（用户截图箭头那条线） */
    font-size: 1.1rem;      /* 容器默认文字风格：与内嵌模板一致 */
    font-weight: 400;
    color: #5e6278;
}
._g-pager-wrap > ._g-pager-left {
    display: flex;
    flex-wrap: wrap;        /* 与 screeningrosterproject 一致（不强制 nowrap） */
    align-items: center;
    gap: 0.75rem;           /* 左栏：下拉/共X条/前往区间距 */
}
._g-pager-wrap > ._g-pager-right {
    display: flex;
    flex-wrap: wrap;        /* 与 screeningrosterproject 一致（不强制 nowrap） */
    align-items: center;
    gap: 0.75rem;           /* 右栏：pagination/共X条/前往区间距 */
}
._g-pager-wrap ._g-total,
._g-pager-wrap ._g-goto-label {
    font-size: 1.1rem !important;
    font-weight: 400 !important;
    color: #5e6278;
    letter-spacing: 0.02em;
    /* 文字垂直居中对齐：防止在 flex 容器里与 select/input 高低不平 */
    display: inline-flex;
    align-items: center;
    height: 2.25rem;   /* 与分页按钮 / input 高度统一，彻底解决高低变形 */
    line-height: 1;
    white-space: nowrap;   /* 「共 0 条」「前往」「页」文字各自不换行 */
    flex-shrink: 0;        /* 文字不被压缩断字 */
}
._g-pager-wrap ._g-page-size-sel {
    min-width: 100px;      /* 比默认 110px 再缩 10px，减少横向占用，避免折行 */
    max-width: 120px;
    height: 2.25rem !important;   /* 与分页按钮 / input / _g-total 高度严格统一 */
    font-size: 1.1rem !important;
    font-weight: 400 !important;
    color: #5e6278 !important;
    padding-top: 0.3rem !important;
    padding-bottom: 0.3rem !important;
    flex-shrink: 0;        /* 下拉框不被压缩变窄 */
}
._g-pager-wrap ul.pagination {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
}
._g-pager-wrap ul.pagination > li {
    margin: 0 !important;
}
._g-pager-wrap ul.pagination > li > a,
._g-pager-wrap ul.pagination > li > span {
    min-width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    padding: 0 0.6rem;
    font-weight: 400 !important;
    font-size: 1.1rem !important;
    border: 1px solid #e4e6ef !important;   /* 强制保留外边框（避免 Bootstrap .page-link / .disabled 覆盖） */
    background: #fff !important;
    color: #5e6278;
    transition: all .2s ease;
    cursor: pointer;
    text-decoration: none !important;
    line-height: 1;
    box-shadow: none !important;
}
._g-pager-wrap ul.pagination > li > a:hover:not(.active) {
    border-color: #517fff;
    color: #517fff;
    background: rgba(81, 127, 255, 0.04) !important;
}
._g-pager-wrap ul.pagination > li.active > a,
._g-pager-wrap ul.pagination > li.active > span,
._g-pager-wrap ul.pagination > li > a.active,
._g-pager-wrap ul.pagination > li > span.active {
    background: #1e1e2d !important;
    color: #fff;
    border-color: #1e1e2d !important;
    cursor: default;
    font-weight: 400 !important;
}
._g-pager-wrap ul.pagination > li.disabled > a,
._g-pager-wrap ul.pagination > li.disabled > span {
    opacity: 0.5;
    cursor: not-allowed;
    border: 1px solid #e4e6ef !important;   /* disabled 下也强制保留外边框 */
    background: #fff !important;
    color: #5e6278 !important;
    box-shadow: none !important;
}
/* 前往 X 页 label：强制行内对齐 + 不换行（解决「前往 / 输入框 / 页」串行竖排的间隙问题） */
._g-pager-wrap ._g-goto-label {
    display: inline-flex !important;
    align-items: center;
    white-space: nowrap;
}
/* ‹ › 上下页箭头：单独放大到 1.5rem（不影响 1 2 3 数字字号） */
._g-pager-wrap ul.pagination > li:first-child > a,
._g-pager-wrap ul.pagination > li:first-child > span,
._g-pager-wrap ul.pagination > li:last-child > a,
._g-pager-wrap ul.pagination > li:last-child > span {
    font-size: 1.5rem !important;
    line-height: 1;
}
._g-pager-wrap ul.pagination > li > span:focus,
._g-pager-wrap ul.pagination > li > a:focus {
    outline: none;
}
/* 前往 X 页 */
._g-pager-wrap ._g-goto-wrap {
    display: inline-flex;
    flex-wrap: nowrap;   /* 前往 3 个元素整体不折行 */
    flex-shrink: 0;      /* 前往区不被压缩，整体保留 */
    align-items: center;
    gap: 0.5rem;
}
/* 前往 X 页：输入框基础态 —— KT UI 标准 form-control-solid 浅灰背景 #f3f6f9（不是纯白），
   与页面其它「下拉/输入」控件统一背景色，避免「白盒子」突兀 */
._g-pager-wrap ._g-goto-input {
    width: 52px;         /* 60px → 52px 缩小，刚好放 3-4 位页码，避免整体折行 */
    height: 2.25rem !important;   /* 与分页按钮 / page-size / _g-total 高度严格统一，彻底对齐 */
    padding: 0 0.15rem !important;   /* 高度固定，左右留内边距即可（再减小 2px 缩横向） */
    text-align: center;
    font-size: 1.1rem !important;
    font-weight: 400 !important;
    color: #181c32 !important;
    line-height: 1;
    border: 1px solid #e4e6ef !important;          /* 与页码按钮统一浅灰边框 */
    background-color: #f3f6f9 !important;          /* KT UI form-control-solid 浅灰背景（用户说的"有背景色"） */
    outline: none !important;
    box-shadow: none !important;
    border-radius: 0.5rem !important;
    flex-shrink: 0;   /* 输入框不被压缩变窄 */
}
/* 前往 X 页：聚焦态（保持浅灰背景，去掉外边黑框） */
._g-pager-wrap ._g-goto-input:focus,
._g-pager-wrap ._g-goto-input:focus-visible,
._g-pager-wrap ._g-goto-input:active,
._g-pager-wrap ._g-goto-input:focus-within {
    outline: none !important;
    box-shadow: none !important;
    border-color: #e4e6ef !important;
    background-color: #f3f6f9 !important;          /* 聚焦也保留浅灰背景（与 page_size 下拉一致） */
}
/* 前往 X 页：去掉 number 输入框默认的上下箭头 spinner
   （Windows/Chrome 右边默认有 ↑↓ 占空间，导致数字和「页」字之间有多余空白，视觉变形） */
._g-pager-wrap ._g-goto-input::-webkit-outer-spin-button,
._g-pager-wrap ._g-goto-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}