/* site-ui003: column resize + click-to-sort on the list tables (cols.js) */
.cwrap { width: 100%; max-width: 100%; min-width: 0; flex: 1 1 100%; overflow-x: auto; overflow-y: visible; } /* a widened table scrolls here, never the page */
/* the sideways scrollbar is always drawn (phones hide the overlay one), thick enough to grab with a finger; the hint line says what it is */
.cwrap { scrollbar-width: auto; scrollbar-color: #b8861f #e8edf3; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; }
.cwrap::-webkit-scrollbar { height: 14px; } .cwrap::-webkit-scrollbar-track { background: #e8edf3; border-radius: 7px; } .cwrap::-webkit-scrollbar-thumb { background: #b8861f; border-radius: 7px; border: 3px solid #e8edf3; }
.swipehint { margin: 6px 0 4px; font-size: 13px; line-height: 1.4; color: var(--ink2, #52606d); } .swipehint[hidden] { display: none; }
table.cfixed { max-width: none !important; flex: none !important; }
table.cfixed th, table.cfixed td { overflow: hidden; text-overflow: ellipsis; }
table th { position: relative; }
th > .crz { position: absolute; top: 0; right: -4px; width: 9px; height: 100%; cursor: col-resize; z-index: 2; touch-action: none; }
th > .crz::after { content: ''; position: absolute; top: 20%; bottom: 20%; left: 4px; width: 1px; background: var(--w-line2, #c3ccd8); opacity: 0; transition: opacity .12s; }
th:hover > .crz::after, th > .crz:hover::after, .cresizing th > .crz::after { opacity: 1; }
th > .crz:hover::after { width: 2px; background: #b8861f; }
.cresizing, .cresizing * { cursor: col-resize !important; user-select: none !important; }
th.csort { cursor: pointer; user-select: none; }
th.csort:focus-visible { outline: 2px solid #b8861f; outline-offset: -2px; }
th > .csa { font-style: normal; font-size: 9px; margin-left: 4px; opacity: .45; }
th.csorted > .csa { opacity: 1; color: var(--w-gold-text, #b8861f); }
@media (max-width: 800px) { th > .crz { display: none; } }
@media print { th > .crz, th > .csa { display: none; } .cwrap { overflow: visible; } }