/* Column controls share the admin visual style. Input values and row selection stay in place. */
.ap-column-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 9px;color:#748094;font-size:11px;line-height:1.5}
body .ap-column-reset{background:#f8fafc;color:#526178;border:1px solid #dce3ed;border-radius:8px;padding:6px 10px!important;font-size:11px!important;line-height:1.4;white-space:nowrap;cursor:pointer;box-shadow:none}
body .ap-column-reset:hover{background:#edf4ff;color:#1d64d8;border-color:#c2d5f3}
.ap-column-scroll{overflow:auto;max-width:100%;overscroll-behavior-x:contain}
body .ap-resizable-table>thead>tr>th{padding-right:17px!important}
body .ap-resizable-table .ap-column-relative{position:relative!important}
body .ap-resizable-table>thead>tr>th:has(input[type=checkbox]){padding-right:9px!important}
body button.ap-column-handle{position:absolute!important;inset:0 -1px 0 auto!important;width:10px!important;min-width:10px!important;max-width:10px!important;height:100%!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;cursor:col-resize!important;touch-action:none;z-index:3;outline-offset:-2px}
body button.ap-column-handle::after{content:'';position:absolute;top:22%;bottom:22%;left:4px;width:2px;border-radius:2px;background:#cbd5e1;transition:background .12s}
body button.ap-column-handle:hover::after,body button.ap-column-handle:focus-visible::after{background:#3182f6;width:3px}
body .ap-columns-fixed td{overflow-wrap:anywhere;overflow:hidden;box-sizing:border-box}
body .ap-columns-fixed td input:not([type=checkbox]),body .ap-columns-fixed td select,body .ap-columns-fixed td textarea{max-width:100%!important;box-sizing:border-box}
body #customerDbTable.ap-columns-fixed .customer-credit-cell .credit-input{width:100%!important;min-width:0!important;max-width:100%!important}
body #customerDbTable.ap-columns-fixed .customer-balance-cell>input{flex:1 1 0!important;width:0!important;min-width:0!important;max-width:100%!important}
body.ap-column-dragging,body.ap-column-dragging *{cursor:col-resize!important;user-select:none!important}
@media print{.ap-column-tools,.ap-column-handle{display:none!important}.ap-column-scroll{overflow:visible}}