main>.table-panel{width:100%;max-width:100%;margin:24px 0;clear:both}
main>.table-panel .table-scroll{width:100%;max-width:100%;overflow-x:auto}
main>.table-panel .mail-table{width:100%;min-width:0;table-layout:fixed}
main>.table-panel .mail-table th,main>.table-panel .mail-table td{white-space:normal;overflow-wrap:anywhere;word-break:normal;padding:14px 10px}
.mail-table th:nth-child(1),.mail-table td:nth-child(1){width:23%}
.mail-table th:nth-child(2),.mail-table td:nth-child(2){width:5%;text-align:center}
.mail-table th:nth-child(3),.mail-table td:nth-child(3){width:19%}
.mail-table th:nth-child(4),.mail-table td:nth-child(4){width:14%}
.mail-table th:nth-child(5),.mail-table td:nth-child(5){width:30%}
.mail-table th:nth-child(6),.mail-table td:nth-child(6){width:9%}
.mail-table .email-copy{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.mail-table .code-copy{max-width:100%;font-size:15px;padding:8px 5px}
@media(max-width:760px){main>.table-panel .mail-table{min-width:780px;table-layout:fixed}main>.table-panel .table-scroll{overflow-x:auto}main>.table-panel{margin:18px 0}}

/* Align the complete result panel with the reader controls, after the ad column. */
@media(min-width:761px){
 main>.table-panel{width:calc(100% - 180px);max-width:calc(100% - 180px);margin:24px 0 24px 180px}
}
@media(max-width:760px){
 main>.table-panel{width:100%;max-width:100%;margin:18px 0}
}

/* Reserve room for 4–8 digit codes without splitting. */
main>.table-panel .mail-table th:nth-child(5),main>.table-panel .mail-table td:nth-child(5){width:26%}
main>.table-panel .mail-table th:nth-child(6),main>.table-panel .mail-table td:nth-child(6){width:13%;min-width:100px;white-space:nowrap;overflow-wrap:normal;word-break:normal}
main>.table-panel .mail-table .code-copy{display:inline-block;min-width:82px;max-width:none;white-space:nowrap;overflow-wrap:normal;word-break:normal;letter-spacing:0;font:700 14px/1.4 ui-monospace,monospace;padding:9px 7px}

main>.table-panel .mail-table .code-copy{white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;min-width:84px!important;width:max-content!important;max-width:none!important}

/* Wider index column; keep STT and row numbers on one line. */
main>.table-panel .mail-table th:nth-child(2),main>.table-panel .mail-table td:nth-child(2){width:7%;min-width:56px;white-space:nowrap!important;overflow-wrap:normal!important;word-break:keep-all!important;text-align:center;padding-left:7px;padding-right:7px}
main>.table-panel .mail-table th:nth-child(5),main>.table-panel .mail-table td:nth-child(5){width:24%}