/* Infobell chat widget overrides (Support Board). Loaded by every site that embeds the widget. */
/* Brand logo above the agent/bot name while a conversation is open; no avatar circle there. */
.sb-main .sb-header.sb-header-agent{background-image:url(https://support.infobell.gr/email/logo-white.png)!important;background-repeat:no-repeat!important;background-position:center 14px!important;background-size:170px auto!important;padding-top:80px!important}
/* Bigger window on desktop; phones keep Support Board's own sizing. */
@media (min-width: 768px){
  .sb-main .sb-body{width:460px!important;max-height:min(78vh,820px)!important}
  .sb-main .sb-scroll-area,.sb-main .sb-list{height:min(60vh,640px)!important;max-height:none!important}
}
/* Avatars keep their proportions (Support Board stretches non-square images). */
.sb-main .sb-header .sb-profile > img{object-fit:cover!important;width:54px!important;height:54px!important}
.sb-main .sb-thumb img,.sb-main img.sb-thumb{object-fit:cover!important}
/* Message avatars: 40 px, sitting left of the bubble instead of inside it. */
.sb-main .sb-list > div.sb-thumb-active{margin-left:50px!important;padding-left:15px!important;overflow:visible!important}
.sb-main .sb-list .sb-thumb{width:40px!important;height:40px!important;left:-50px!important;top:0!important}
.sb-main .sb-list .sb-thumb img{width:40px!important;height:40px!important}
/* Visitor bubbles: Support Board's light-blue default; setting a secondary colour switches them to grey. */
.sb-main .sb-list > div.sb-right,.sb-main .sb-right .sb-player > div{background-color:#e6f2fc!important}
/* The header overlays the message list; the taller branded header needs the list to start lower. */
.sb-main .sb-list{padding-top:170px!important}