/* Teamilo chat header 1.0: back button, picture, name. */
html body #app .tm-chat-navigation-bar.tm-chat-with-image {
 display:flex;flex-wrap:nowrap!important;align-items:center;gap:12px!important;
}
html body #app .tm-chat-with-image > .tm-chat-back {
 order:0;margin-inline:0!important;flex:0 0 auto!important;
}
html body #app .tm-chat-with-image > .tm-account-chat-copy {
 order:2;flex:1 1 0!important;min-width:0!important;
}
html body #app .tm-chat-with-image > .tm-chat-image,
html body #hig-direct-root .hig-dm-head > .tm-chat-image {
 display:grid!important;position:relative;place-items:center;overflow:hidden;order:1;
 flex:0 0 44px!important;width:44px!important;height:44px!important;min-width:44px;
 border-radius:12px;background:var(--hig-soft,#e9eeed);color:var(--hig-text,#183c36);
 border:1px solid var(--hig-line,#ccd6d3);box-sizing:border-box;
 font-size:15px;font-weight:650;line-height:1;isolation:isolate;
}
html body #app .tm-chat-with-image > .tm-chat-image-user,
html body #hig-direct-root .hig-dm-head > .tm-chat-image-thread {border-radius:50%}
html body #app .tm-chat-with-image .tm-chat-image > img,
html body #hig-direct-root .hig-dm-head .tm-chat-image > img {
 position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;
 margin:0!important;object-fit:cover;border-radius:inherit;box-sizing:border-box;
 background:var(--hig-soft,#e9eeed);
}
html body #app .tm-chat-with-image .tm-chat-image-team > img {object-fit:contain;padding:3px}
html body #app .tm-chat-with-image .tm-chat-image > img[hidden],
html body #hig-direct-root .hig-dm-head .tm-chat-image > img[hidden] {display:none!important}
html body #hig-direct-root .hig-dm-head > .tm-chat-image + div {order:2}
html body #app .tm-chat-with-image .tm-chat-current-title {
 white-space:normal!important;overflow-wrap:anywhere;
}
@media(max-width:468px){
 html body #app .tm-chat-navigation-bar.tm-chat-with-image {gap:8px!important}
 html body #app .tm-chat-with-image > .tm-chat-image,
 html body #hig-direct-root .hig-dm-head > .tm-chat-image {
  flex-basis:40px!important;width:40px!important;height:40px!important;min-width:40px;
 }
}