/* Shared console polish: keep native pagination events, totals and permissions. */
html.sixconsole[data-six-visual][theme] .six-context-home>i.el-icon-back{display:none!important}
html.sixconsole[data-six-visual][theme] .six-context-home::before{content:"";display:block;width:16px;height:16px;flex:0 0 16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m10 5-7 7 7 7M3 12h18' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m10 5-7 7 7 7M3 12h18' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
html.sixconsole[data-six-visual][theme] .page:has(>.myPage.custom-pagination){width:100%;min-width:0;height:auto!important;min-height:0!important;margin:0!important;padding:12px 0 0!important;border:0!important;background:transparent!important;box-shadow:none!important;box-sizing:border-box}
html.sixconsole[data-six-visual][theme] .myPage.custom-pagination{display:flex!important;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px!important;width:100%;max-width:100%;min-width:0;height:auto!important;min-height:0!important;margin:0!important;padding:12px 0 0!important;border:0!important;background:transparent!important;box-shadow:none!important;box-sizing:border-box;container-type:inline-size}
html.sixconsole[data-six-visual][theme] .page>.myPage.custom-pagination{padding-top:0!important}
html.sixconsole[data-six-visual][theme] .myPage.custom-pagination>.six-pagination-summary{display:flex;align-items:center;flex:0 1 auto!important;flex-basis:auto!important;flex-wrap:wrap;gap:8px;min-width:0;max-width:100%;margin:0!important;padding:0!important}
html.sixconsole[data-six-visual][theme] .myPage.custom-pagination>.six-pagination-summary:empty{display:none}
html.sixconsole[data-six-visual][theme] .myPage.custom-pagination .page-total{margin:0!important;font-size:12px!important;line-height:22px!important;color:var(--six-muted,#667085);white-space:nowrap}
html.sixconsole[data-six-visual][theme] .myPage.custom-pagination>.el-pagination{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto!important;flex-wrap:wrap;gap:4px;width:auto!important;max-width:100%;min-width:0;margin:0 0 0 auto!important;padding:0;box-sizing:border-box}
html.sixconsole[data-six-visual][theme] .myPage.custom-pagination>.manual-btn{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;max-width:100%;margin:0 0 0 auto!important}
@media(max-width:760px){
 html.sixconsole[data-six-visual][theme] .myPage.custom-pagination>.six-pagination-summary{min-height:44px}
 html.sixconsole[data-six-visual][theme] .myPage.custom-pagination>.el-pagination{min-height:44px}
 html.sixconsole[data-six-visual][theme] .myPage.custom-pagination .el-pagination :is(.btn-prev,.btn-next,.el-pager li){box-sizing:border-box;min-width:44px!important;width:44px!important;height:44px!important;line-height:42px!important;margin:0!important;font-size:14px!important;flex:none;border-radius:4px}
 html.sixconsole[data-six-visual][theme] .myPage.custom-pagination .el-pagination :is(.btn-prev,.btn-next){padding:0;background:transparent}
 html.sixconsole[data-six-visual][theme] .myPage.custom-pagination .el-pager{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;min-width:0;max-width:100%;padding:0;margin:0}
 html.sixconsole[data-six-visual][theme] .myPage.custom-pagination .el-pagination__sizes{order:0;margin:0 4px 0 0!important;height:44px!important;line-height:44px!important;flex:none}
 html.sixconsole[data-six-visual][theme] .myPage.custom-pagination .el-pagination__sizes :is(.el-select,.el-input){width:92px!important;height:44px!important;line-height:44px!important}
 html.sixconsole[data-six-visual][theme] .myPage.custom-pagination .el-pagination__sizes .el-input__inner{height:44px!important;line-height:42px!important;font-size:13px!important;padding:0 24px 0 8px!important;border-radius:5px}
 html.sixconsole[data-six-visual][theme] .myPage.custom-pagination .el-pagination__sizes .el-input__icon{line-height:44px!important}
 html.sixconsole[data-six-visual][theme] .myPage.custom-pagination .btn-prev{order:1}
 html.sixconsole[data-six-visual][theme] .myPage.custom-pagination .el-pager{order:2}
 html.sixconsole[data-six-visual][theme] .myPage.custom-pagination .el-pagination__jump{display:inline-flex!important;align-items:center;justify-content:center;order:2;flex:none;max-width:100%;height:44px!important;line-height:44px!important;margin:0!important;font-size:12px!important}
 html.sixconsole[data-six-visual][theme] #finance .myPage.custom-pagination .el-pagination__jump{display:inline-flex!important}
 html.sixconsole[data-six-visual][theme] .myPage.custom-pagination .btn-next{order:3}
 html.sixconsole[data-six-visual][theme] .myPage.custom-pagination .el-pagination__editor.el-input{width:44px!important;min-width:44px!important;margin:0 4px!important}
 html.sixconsole[data-six-visual][theme] .myPage.custom-pagination .el-pagination__jump :is(.el-pagination__editor.el-input,.el-input__inner){height:44px!important;line-height:42px!important}
 html.sixconsole[data-six-visual][theme] .myPage.custom-pagination>.el-pagination:has(>.el-pagination__jump)>.el-pager{display:none!important}
 html.sixconsole[data-six-visual][theme] .myPage.custom-pagination>.el-pagination:has(>.btn-prev:disabled):has(>.btn-next:disabled)>:is(.el-pagination__jump,.el-pager,.btn-prev,.btn-next),html.sixconsole[data-six-visual][theme] #finance .myPage.custom-pagination>.el-pagination:has(>.btn-prev:disabled):has(>.btn-next:disabled)>.el-pagination__jump{display:none!important}
 html.sixconsole[data-six-visual][theme] .myPage.custom-pagination:has(>.el-pagination>.btn-prev:not(:disabled),>.el-pagination>.btn-next:not(:disabled))>.six-pagination-summary{min-height:22px}
 html.sixconsole[data-six-visual][theme] .myPage.custom-pagination:has(>.el-pagination>.btn-prev:not(:disabled),>.el-pagination>.btn-next:not(:disabled))>.el-pagination{width:100%!important;justify-content:flex-start;flex-wrap:nowrap}
 html.sixconsole[data-six-visual][theme] .myPage.custom-pagination:has(>.el-pagination>.btn-prev:not(:disabled),>.el-pagination>.btn-next:not(:disabled)) .el-pagination__sizes{margin-right:auto!important}
 html.sixconsole[data-six-visual][theme] .myPage.custom-pagination>.manual-btn .el-button{min-width:88px;min-height:44px;margin:0!important}
}
@media(max-width:360px){
 html.sixconsole[data-six-visual][theme] .myPage.custom-pagination .el-pagination__sizes :is(.el-select,.el-input){width:76px!important}
 html.sixconsole[data-six-visual][theme] .myPage.custom-pagination .el-pagination__sizes .el-input__inner{padding:0 18px 0 4px!important}
}

/* Compact only the native jump caption in narrow nested panels; the editable
   page value, page-size selector and 44px previous/next targets stay usable. */
@media(max-width:760px){
@container(max-width:300px){
 html.sixconsole[data-six-visual][theme] .myPage.custom-pagination .el-pagination__sizes :is(.el-select,.el-input){width:76px!important}
 html.sixconsole[data-six-visual][theme] .myPage.custom-pagination .el-pagination__sizes .el-input__inner{padding:0 18px 0 4px!important}
 html.sixconsole[data-six-visual][theme] .myPage.custom-pagination .el-pagination__jump{font-size:0!important;gap:0!important}
 html.sixconsole[data-six-visual][theme] .myPage.custom-pagination .el-pagination__jump .el-pagination__editor.el-input{width:44px!important;margin:0!important}
 html.sixconsole[data-six-visual][theme] .myPage.custom-pagination .el-pagination__jump .el-input__inner{font-size:14px!important}
}
}
@media(max-width:760px){
 @container(max-width:230px){
  html.sixconsole[data-six-visual][theme] .myPage.custom-pagination>.el-pagination:has(>.btn-prev:not(:disabled),>.btn-next:not(:disabled)):has(>.el-pagination__jump){display:grid!important;grid-template-columns:44px minmax(44px,1fr) 44px;gap:4px}
  html.sixconsole[data-six-visual][theme] .myPage.custom-pagination>.el-pagination .el-pagination__sizes{grid-column:1/-1;grid-row:1;justify-self:start}
  html.sixconsole[data-six-visual][theme] .myPage.custom-pagination>.el-pagination .btn-prev{grid-column:1;grid-row:2}
  html.sixconsole[data-six-visual][theme] .myPage.custom-pagination>.el-pagination .el-pagination__jump{grid-column:2;grid-row:2;justify-self:center}
  html.sixconsole[data-six-visual][theme] .myPage.custom-pagination>.el-pagination .btn-next{grid-column:3;grid-row:2}
 }
}

/* Care messages use native Element pagination directly rather than the shared wrapper. */
@media(max-width:760px){
 html.sixconsole[data-six-visual][theme] .service-care .six-care-pagination{min-width:0;max-width:100%;gap:8px 12px;font-size:12px}
 html.sixconsole[data-six-visual][theme] .service-care .six-care-page-controls{min-width:0;max-width:100%;gap:8px;flex:0 1 auto}
 html.sixconsole[data-six-visual][theme] .service-care .six-care-page-controls>span{line-height:44px;white-space:nowrap;margin-right:auto}
 html.sixconsole[data-six-visual][theme] .service-care .six-care-page-controls>.el-pagination{min-width:0;max-width:100%;gap:4px;flex:none;margin-left:auto}
 html.sixconsole[data-six-visual][theme] .service-care .six-care-page-controls .el-pager{display:none!important}
 html.sixconsole[data-six-visual][theme] .service-care .six-care-page-controls :is(.btn-prev,.btn-next){width:44px!important;min-width:44px!important;height:44px!important;line-height:42px!important;padding:0!important;margin:0!important;box-sizing:border-box}
 html.sixconsole[data-six-visual][theme] .service-care .six-care-page-controls .el-pagination__jump{margin:0!important;font-size:0!important;height:44px!important;line-height:44px!important}
 html.sixconsole[data-six-visual][theme] .service-care .six-care-page-controls .el-pagination__editor.el-input{width:44px!important;min-width:44px!important;margin:0!important}
 html.sixconsole[data-six-visual][theme] .service-care .six-care-page-controls .el-input__inner{height:44px!important;line-height:42px!important;font-size:14px!important;padding:0 4px!important}
 html.sixconsole[data-six-visual][theme] .service-care .six-care-page-controls>.el-pagination:has(>.btn-prev:disabled):has(>.btn-next:disabled){display:none!important}
}

/* Unknown totals retain native previous/next names and events, with the same
   touch targets as known-total arrows. The original slot text stays in the DOM. */
@media(max-width:760px){
 html.sixconsole[data-six-visual][theme] .myPage.custom-pagination:has(>.manual-btn)>.el-pagination{margin-left:0!important;flex:0 0 auto!important}
 html.sixconsole[data-six-visual][theme] .myPage.custom-pagination>.manual-btn .el-button{display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;padding:0;font-size:0!important}
 html.sixconsole[data-six-visual][theme] .myPage.custom-pagination>.manual-btn .el-button>span{font-size:0!important}
 html.sixconsole[data-six-visual][theme] .myPage.custom-pagination>.manual-btn .el-button::before{content:"";display:block;width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m15 6-6 6 6 6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m15 6-6 6 6 6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
 html.sixconsole[data-six-visual][theme] .myPage.custom-pagination>.manual-btn .el-button:last-child::before{transform:rotate(180deg)}
}

/* A multi-page care footer has one metadata row and one native control row. */
@media(max-width:760px){
 html.sixconsole[data-six-visual][theme] .service-care .six-care-page-controls .el-input__inner{width:100%!important}
 html.sixconsole[data-six-visual][theme] .service-care .six-care-pagination:has(.el-pagination>.btn-prev:not(:disabled),.el-pagination>.btn-next:not(:disabled)){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding-top:12px;box-sizing:border-box}
 html.sixconsole[data-six-visual][theme] .service-care .six-care-pagination:has(.el-pagination>.btn-prev:not(:disabled),.el-pagination>.btn-next:not(:disabled))>span{grid-column:1;grid-row:1;line-height:22px}
 html.sixconsole[data-six-visual][theme] .service-care .six-care-pagination:has(.el-pagination>.btn-prev:not(:disabled),.el-pagination>.btn-next:not(:disabled)) .six-care-page-controls{display:contents}
 html.sixconsole[data-six-visual][theme] .service-care .six-care-pagination:has(.el-pagination>.btn-prev:not(:disabled),.el-pagination>.btn-next:not(:disabled)) .six-care-page-controls>span{grid-column:2;grid-row:1;line-height:22px;margin:0;justify-self:end}
 html.sixconsole[data-six-visual][theme] .service-care .six-care-pagination:has(.el-pagination>.btn-prev:not(:disabled),.el-pagination>.btn-next:not(:disabled)) .six-care-page-controls>.el-pagination{grid-column:1/-1;grid-row:2;justify-self:end;margin:0!important}
}

@media(max-width:760px){
 html.sixconsole[data-six-visual][theme] .myPage.custom-pagination .el-pagination__editor.el-input,
 html.sixconsole[data-six-visual][theme] .service-care .six-care-page-controls .el-pagination__editor.el-input{padding:0!important;height:44px!important;line-height:44px!important}
}

/* A narrow desktop panel may wrap page numbers without clipping any number. */
html.sixconsole[data-six-visual][theme] .myPage.custom-pagination .el-pager{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;min-width:0;max-width:100%;padding:0;margin:0}