.column-resize-heading{position:relative;padding-right:24px!important}
.column-resize-handle{position:absolute;right:0;top:0;bottom:0;width:10px;cursor:col-resize;z-index:2;touch-action:none;border-radius:3px}
.column-resize-handle:after{content:'';position:absolute;right:1px;top:25%;height:50%;width:2px;background:var(--records-focus,#315b9e);opacity:.25}
.column-resize-handle:hover:after,.column-resize-handle:focus-visible:after{opacity:1;width:3px}
.column-resize-handle:focus-visible{outline:2px solid var(--records-focus,#315b9e);outline-offset:-2px}
.column-resizing,.column-resizing *{cursor:col-resize!important;user-select:none!important}
.page .resizable-table.column-resize-active,.dialog-body .resizable-table.column-resize-active{width:var(--column-total)!important;min-width:var(--column-total)!important;max-width:none!important;table-layout:fixed!important}
:is(.page,.dialog-body) .table-wrap{min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
.column-resize-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;color:var(--muted);font-size:10px;background:var(--panel);border-bottom:1px solid var(--line);min-width:0;max-width:100%}
.column-resize-toolbar[hidden]{display:none!important}.column-resize-toolbar .btn{font-size:10px;min-height:28px;flex-shrink:0}
.resizable-directory{max-width:100%;min-width:0;width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
.resizable-directory.column-resize-active :is(.account-directory-labels,.account-person,.routing-table-head,.routing-department){grid-template-columns:var(--column-grid)!important;min-width:calc(var(--column-total) + var(--column-inset,0px));width:calc(var(--column-total) + var(--column-inset,0px));column-gap:0!important}
.column-resize-active :is(th,td){overflow-wrap:anywhere;white-space:normal}
.resizable-directory.column-resize-active :is(.account-directory-labels,.account-person)>*{min-width:0;overflow-wrap:anywhere}
.resizable-directory.column-resize-active .account-directory-labels>span:not(:first-child){padding-left:14px}
.resizable-directory.column-resize-active .account-person>:is(.account-role-tags,.account-hod-column){padding-left:14px}
.resizable-directory.column-resize-active .account-person>.badge{justify-self:start;margin-left:14px;max-width:calc(100% - 24px);white-space:normal}
.resizable-directory.column-resize-active .account-more{justify-self:center;align-self:center;width:36px;height:36px;min-width:36px;max-width:36px;padding:0!important;grid-row:auto;grid-column:auto}
.resizable-directory.column-resize-active .directory-hod{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.resizable-directory.column-resize-active .account-person-copy strong{white-space:normal;overflow-wrap:anywhere}
.resizable-directory:not(.column-resize-active){overflow:visible}
.resizable-table:not(.column-resize-active) .column-resize-handle,.resizable-directory:not(.column-resize-active) .column-resize-handle{display:none!important}
@media(max-width:760px){.column-resize-handle,.column-resize-toolbar{display:none!important}.page .resizable-table,.dialog-body .resizable-table{width:100%!important;min-width:0!important;max-width:100%!important;table-layout:auto!important}.resizable-table>colgroup{display:none}.resizable-directory{overflow:visible}.resizable-directory :is(.account-directory-labels,.account-person,.routing-table-head,.routing-department){width:auto;min-width:0}}
@media print{.column-resize-handle,.column-resize-toolbar{display:none!important}.page .resizable-table,.dialog-body .resizable-table{width:100%!important;min-width:0!important;max-width:100%!important}.resizable-table col{width:auto!important}.resizable-directory.column-resize-active :is(.account-directory-labels,.account-person,.routing-table-head,.routing-department){width:100%;min-width:0;grid-template-columns:repeat(5,minmax(0,1fr))!important}}
/* Narrow containers use labelled records rather than compressed or clipped columns. */
:is(.page,.dialog-body) table.column-table-stacked.column-resize-active{display:block;width:100%!important;min-width:0!important;max-width:100%!important}
.column-table-stacked>colgroup,.column-table-stacked>thead{display:none}
.column-table-stacked>tbody{display:grid;gap:10px;padding:10px}
.column-table-stacked>tbody>tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--panel)}
.column-table-stacked>tbody>tr[hidden]{display:none!important}
.column-table-stacked>tbody>tr>td{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;width:auto!important;min-width:0!important;max-width:100%;padding:10px 12px!important;border:0;border-bottom:1px solid var(--line);white-space:normal!important;overflow-wrap:anywhere}
.column-table-stacked>tbody>tr>td:first-child,.column-table-stacked>tbody>tr>td[colspan]{grid-column:1/-1}
.column-table-stacked>tbody>tr>td[data-column-label]:before{content:attr(data-column-label);display:block;font-size:10px;font-weight:500;color:var(--muted)}
.column-table-stacked td :is(.badge,.table-sub,.nowrap){white-space:normal;max-width:100%}
.column-table-stacked td :is(.btn,.icon-btn){max-width:100%;box-sizing:border-box;white-space:normal;justify-content:center;margin:0;min-height:36px}
.column-table-stacked td :is(.row,.actions){display:flex;flex-wrap:wrap;gap:6px;min-width:0;max-width:100%}
:is(.page,.dialog-body) .resizable-table td>.btn+.btn{margin-left:0;margin-top:6px}
@media(max-width:480px){.column-table-stacked>tbody>tr{grid-template-columns:1fr}}
/* Keep header actions available when a table switches to labelled records. */
.column-table-stacked>thead:has(a,button){display:block;border-bottom:1px solid var(--line);padding:8px 10px}
.column-table-stacked>thead>tr{display:flex;flex-wrap:wrap;gap:6px}
.column-table-stacked>thead th{display:none}
.column-table-stacked>thead th:has(a,button){display:block;width:auto!important;padding:6px 8px!important;border:1px solid var(--line);border-radius:5px;font-size:10px}
.column-table-stacked>thead .column-resize-handle{display:none}