/* The reserved bottom space lets the last row clear the floating control. */
.tp-pan-enabled{padding-bottom:60px!important;touch-action:auto}
/* A reserved overlay-scrollbar gutter reports a phantom horizontal tail in
   Chromium. Native gutter sizing keeps the range and actual endpoint equal. */
.detail-fullscreen .tp-pan-enabled{scrollbar-gutter:auto}
.table-pan-bar{position:fixed;z-index:45;display:flex;align-items:center;gap:12px;min-height:48px;padding:4px 10px;background:#fff;border:1px solid #d4d8dd;border-radius:9px;box-shadow:0 3px 18px #20252d24;color:#434a53}
.detail-fullscreen .table-pan-bar,dialog .table-pan-bar{z-index:90}
.tp-label{font-size:12px;white-space:nowrap;user-select:none}
.table-pan-bar button{padding:0;flex:0 0 36px;width:36px;min-height:36px;font-size:25px;line-height:1;border:0;background:#f3f4f6}
.table-pan-bar button:disabled{opacity:.35}
.table-pan-bar input[type=range]{--tp-thumb-color:#626b77;appearance:none;-webkit-appearance:none;flex:1;min-width:40px;width:100%;height:36px;min-height:36px;padding:0;margin:0;border:0;background:transparent;cursor:grab;touch-action:pan-y}
.table-pan-bar input[type=range]::-webkit-slider-runnable-track{height:8px;background:#e4e6e9;border-radius:4px}
.table-pan-bar input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:64px;height:24px;margin-top:-8px;border:2px solid #fff;border-radius:6px;background:var(--tp-thumb-color);box-shadow:0 0 0 1px var(--tp-thumb-color)}
.table-pan-bar input[type=range]::-moz-range-track{height:8px;background:#e4e6e9;border-radius:4px}
.table-pan-bar input[type=range]::-moz-range-thumb{width:60px;height:20px;border:2px solid #fff;border-radius:6px;background:var(--tp-thumb-color);box-shadow:0 0 0 1px var(--tp-thumb-color)}
.table-pan-bar input[type=range]:focus-visible{outline:2px solid #272a30;outline-offset:2px}
.tp-pan-armed,.tp-pan-armed *{user-select:none!important}
@media(pointer:fine){.tp-pan-enabled td,.tp-pan-enabled tbody th{cursor:grab}.tp-pan-enabled :is(button,a,input,select,textarea,[role=button]){cursor:pointer}.tp-pan-enabled :is(input,textarea){cursor:text}.tp-pan-dragging,.tp-pan-dragging *{cursor:grabbing!important}}
@media(max-width:600px){.table-pan-bar{gap:8px;padding:3px 7px;min-height:52px}.tp-label{display:none}.table-pan-bar button{flex-basis:44px;width:44px;min-height:44px}.table-pan-bar input[type=range]{height:44px;min-height:44px}.table-pan-bar input[type=range]::-webkit-slider-thumb{width:48px}}

.table-pan-bar input[type=range]:hover{--tp-thumb-color:#46515f}
.table-pan-bar input[type=range]:active{--tp-thumb-color:var(--red,#bd2330);cursor:grabbing}
.table-pan-bar input[type=range]::-webkit-slider-thumb{cursor:inherit}
.table-pan-bar input[type=range]::-moz-range-thumb{cursor:inherit}