/* Keep the existing employee table, its columns and in-header filters. */
html table[data-column-table=recent],html table[data-column-table^="transactions:"]{min-width:0;width:100%;table-layout:fixed}
html :is([data-column-table=recent],[data-column-table^="transactions:"]) th:nth-child(1){width:calc(28% - 13.44px)}
html :is([data-column-table=recent],[data-column-table^="transactions:"]) th:nth-child(2){width:calc(17% - 8.16px)}
html :is([data-column-table=recent],[data-column-table^="transactions:"]) th:nth-child(3){width:calc(16% - 7.68px)}
html :is([data-column-table=recent],[data-column-table^="transactions:"]) th:nth-child(4){width:calc(23% - 11.04px)}
html :is([data-column-table=recent],[data-column-table^="transactions:"]) th:nth-child(5){width:calc(16% - 7.68px)}
html :is([data-column-table=recent],[data-column-table^="transactions:"]) th:nth-child(6){width:48px}
html :is([data-column-table=recent],[data-column-table^="transactions:"]) td{white-space:normal;overflow-wrap:normal;word-break:normal;padding:16px 12px}
html :is([data-column-table=recent],[data-column-table^="transactions:"]) td small{overflow-wrap:anywhere}
html :is([data-column-table=recent],[data-column-table^="transactions:"]) td:nth-child(6){padding-inline:4px;text-align:center}
html :is([data-column-table=recent],[data-column-table^="transactions:"]) td:nth-child(6) .icon-btn{width:36px;height:40px}
html :is([data-column-table=recent],[data-column-table^="transactions:"]) .column-trigger{padding:14px 10px;gap:5px;white-space:normal;flex-wrap:wrap}
html :is([data-column-table=recent],[data-column-table^="transactions:"]) .column-trigger>span:first-child{overflow-wrap:normal;word-break:normal}
html :is([data-column-table=recent],[data-column-table^="transactions:"]) .column-sort:empty{display:none}
html :is([data-column-table=recent],[data-column-table^="transactions:"]) .badge{white-space:normal;max-width:100%}
@media(max-width:720px){
 html :is([data-column-table=recent],[data-column-table^="transactions:"]) .column-trigger{padding:12px 4px;gap:4px;font-size:11px;min-height:66px;align-content:center}
 html :is([data-column-table=recent],[data-column-table^="transactions:"]) .column-trigger>span:first-child{flex-basis:100%}
 html :is([data-column-table=recent],[data-column-table^="transactions:"]) .column-trigger .icon{width:13px;height:13px}
 html :is([data-column-table=recent],[data-column-table^="transactions:"]) td{font-size:12px;padding:12px 4px;line-height:1.8}
 html :is([data-column-table=recent],[data-column-table^="transactions:"]) td strong{font-size:12px}
 html :is([data-column-table=recent],[data-column-table^="transactions:"]) td small{font-size:10px}
 html :is([data-column-table=recent],[data-column-table^="transactions:"]) .badge{font-size:10px;padding:3px 4px}
 html :is([data-column-table=recent],[data-column-table^="transactions:"]) th:nth-child(1){width:26%}
 html :is([data-column-table=recent],[data-column-table^="transactions:"]) th:nth-child(2){width:17%}
 html :is([data-column-table=recent],[data-column-table^="transactions:"]) th:nth-child(3){width:16%}
 html :is([data-column-table=recent],[data-column-table^="transactions:"]) th:nth-child(4){width:calc(41% - 94px)}
 html :is([data-column-table=recent],[data-column-table^="transactions:"]) th:nth-child(5){width:58px}
 html :is([data-column-table=recent],[data-column-table^="transactions:"]) th:nth-child(6){width:36px}
 html :is([data-column-table=recent],[data-column-table^="transactions:"]) td:nth-child(6){padding-inline:2px}
 html :is([data-column-table=recent],[data-column-table^="transactions:"]) td:nth-child(6) .icon-btn{width:30px;min-width:0;height:40px}
}
@media(max-width:720px){
 html :is([data-column-table=recent],[data-column-table^="transactions:"]) td{overflow-wrap:anywhere}
 html :is([data-column-table=recent],[data-column-table^="transactions:"]) .badge{display:inline-block;overflow-wrap:anywhere;line-height:1.7}
}