/* Mobile interaction mailbox: desktop navigation and mail layout are unchanged. */
.interaction-mobile-email,.email-detail-back{display:none!important}
@media(max-width:700px){
 .interaction-mobile-email{display:flex!important}
 .interaction-email{min-width:0;min-height:0;overflow:auto;flex:1;padding:16px;overflow-wrap:anywhere}
 .interaction-email .inbox-layout{grid-template-columns:minmax(0,1fr)}
 .interaction-email .email-inbox-page:not(.has-mail-detail) .email-message-detail{display:none}
 .interaction-email .has-mail-detail>.page-heading,.interaction-email .has-mail-detail>p,.interaction-email .has-mail-detail .inbox-list{display:none}
 .interaction-email .email-message-detail,.interaction-email .inbox-list{min-width:0;max-width:100%}
 .interaction-email .actions{flex-wrap:wrap}
}
@media(max-width:700px){
 .shell .interaction-workspace:has(>.interaction-detail>.interaction-email)>.channel-people{display:none!important}
}