/*sa1103b-21 phone messenger header: chips wrap to a 2nd line instead of being cut off*/
@media (max-width:767px){
.mk793-inbox:has([data-mv801-conv]) .mk795-th.mk795-th.mk795-th{flex-wrap:wrap!important;row-gap:2px!important}
.mk793-inbox:has([data-mv801-conv]) .mk795-th.mk795-th .mk795-tp.mk795-tp{flex:1 1 100%!important;flex-wrap:wrap!important;overflow:visible!important;white-space:normal!important;padding:0 0 2px 42px!important}
.mk793-inbox:has([data-mv801-conv]) .mk795-th.mk795-th .mk795-tp.mk795-tp>div{flex-wrap:wrap!important}
.mk793-inbox:has([data-mv801-conv]) .mk795-th.mk795-th>div:first-child>button:nth-child(2){max-width:calc(100% - 44px)!important}
}
/*sa1103b-17 template email preview fits a phone screen*/
@media (max-width:640px){
section .prose.max-w-none table{width:100%!important;max-width:100%!important;min-width:0!important}
section .prose.max-w-none td,section .prose.max-w-none th{word-break:break-word;overflow-wrap:anywhere}
section .prose.max-w-none img{max-width:100%!important;height:auto!important}
section .prose.max-w-none td[style*="padding"]{padding-left:12px!important;padding-right:12px!important}
}
@media (max-width:640px){
section .ProseMirror{max-width:100%;overflow-wrap:anywhere}
section .ProseMirror .tableWrapper{max-width:100%;overflow-x:auto}
section .ProseMirror table{width:100%!important;max-width:100%!important;table-layout:fixed!important;margin-left:0!important;margin-right:0!important}
section .ProseMirror td,section .ProseMirror th{word-break:break-word;overflow-wrap:anywhere;min-width:0!important}
section .ProseMirror img{max-width:100%!important;height:auto!important}
}