/* Ardoise responsive table layout */
/* Desktop: all SMS columns fit inside the viewport without horizontal scrolling. */
@media(min-width:721px){
  #smsView .table-wrap{overflow-x:hidden!important;overflow-y:auto!important;max-width:100%!important}
  #smsView table{width:100%!important;min-width:0!important;max-width:100%!important;table-layout:fixed!important}
  #smsView th:nth-child(1),#smsView td:nth-child(1){width:3%!important}
  #smsView th:nth-child(2),#smsView td:nth-child(2){width:16%!important}
  #smsView th:nth-child(3),#smsView td:nth-child(3){width:9%!important}
  #smsView th:nth-child(4),#smsView td:nth-child(4){width:13%!important}
  #smsView th:nth-child(5),#smsView td:nth-child(5){width:9%!important;min-width:0!important;max-width:none!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;overflow:visible!important}
  #smsView th:nth-child(6),#smsView td:nth-child(6){width:8%!important}
  #smsView th:nth-child(7),#smsView td:nth-child(7){width:11%!important}
  #smsView th:nth-child(8),#smsView td:nth-child(8){width:12%!important}
  #smsView th:nth-child(9),#smsView td:nth-child(9){width:10%!important}
  #smsView th:nth-child(10),#smsView td:nth-child(10){width:9%!important}
  #smsView td:nth-child(5) a,#smsView td:nth-child(5) .link{display:inline-block!important;width:max-content!important;min-width:0!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;hyphens:none!important;line-height:1.2!important}
  #smsView .status{min-width:0!important;width:100%!important;max-width:100%!important}
  #smsView .notes{width:100%!important;max-width:100%!important;min-width:0!important}
}

/* Mobile: keep the complete table horizontally scrollable so no information is lost. */
@media(max-width:720px){
  #smsView .table-wrap{overflow-x:auto!important;max-width:100%!important;-webkit-overflow-scrolling:touch!important}
  #smsView table{width:1600px!important;min-width:1600px!important;table-layout:fixed!important}
  #smsView th:nth-child(5),#smsView td:nth-child(5){width:180px!important;min-width:180px!important;max-width:180px!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important}
}

/* Phone numbers must always remain on one line. */
#smsView th:nth-child(5),#smsView td:nth-child(5),#smsView td:nth-child(5) *{white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;hyphens:none!important}