/* Decoration belongs to the chat list, never to the conversation itself. */
.ch-cols{position:relative}
.ch-mailpost{position:absolute;left:0;bottom:52px;width:min(470px,100%);height:260px;overflow:hidden;pointer-events:none;background:transparent}
.ch-mailpost[hidden]{display:none!important}
.ch-mailpost img{position:absolute;left:50%;top:0;width:480px;height:480px;max-width:none;object-fit:contain;transform:translate(-58%,-200px);opacity:1}
@media(min-width:601px){.ch-cols.has-postman .ch-dialogs{padding-bottom:320px}}
@media(max-width:600px){#view-dashboard[data-section="chat"] .ch-cols{display:flex;flex-direction:column}.ch-listcol{flex:0 0 auto}.ch-mailpost{position:relative;left:auto;bottom:auto;width:100%;height:auto;min-height:285px;flex:1 0 285px;margin-top:0}.ch-mailpost img{top:50%;width:520px;height:520px;transform:translate(-58%,-69%)}.ch-cols.thread-open .ch-mailpost{display:none}.ch-cols.has-postman .ch-dialogs{padding-bottom:10px}}
@media(min-width:601px) and (max-width:900px) and (orientation:portrait){
  #view-dashboard[data-section="chat"] .ch-cols{display:flex;flex-direction:column;width:100%;max-width:100%;background:transparent;border:none;box-shadow:none;overflow:hidden}
  #view-dashboard[data-section="chat"] .ch-listcol{width:100%;height:auto;min-height:0;flex:0 0 auto;border-right:0;border-bottom:1px solid #ece8df;background:#fffefb;box-sizing:border-box}
  #view-dashboard[data-section="chat"] .ch-dialogs{flex:0 1 auto;height:auto;min-height:0;max-height:35dvh;overflow-y:auto;padding-bottom:10px}
  #view-dashboard[data-section="chat"] .ch-mailpost{position:relative;left:auto;bottom:auto;width:100%;height:auto;min-height:360px;flex:1 0 360px;margin-top:0}
  #view-dashboard[data-section="chat"] .ch-mailpost img{top:50%;width:650px;height:650px;transform:translate(-58%,-69%)}
  #view-dashboard[data-section="chat"] .ch-threadcol{position:absolute;inset:0;width:100%;max-width:100%;z-index:20;background:#fffefb;transform:translateX(100%);box-sizing:border-box}
  #view-dashboard[data-section="chat"] .ch-cols.thread-open .ch-threadcol{transform:none}
  #view-dashboard[data-section="chat"] .ch-cols.thread-open .ch-mailpost{display:none}
  #view-dashboard[data-section="chat"] .ch-back{display:flex}
}