/* TrainerBinder 0.2 - notifiche e conversazioni */
.tb-social-alert[hidden], .tb-chat-contact-dot[hidden] { display:none!important; }
.tb-social-alert {
  display:inline-flex; align-items:center; justify-content:center; gap:4px;
  vertical-align:middle; min-width:26px; min-height:23px; padding:2px 6px;
  border:1px solid transparent; border-radius:999px; font-size:12px; line-height:1.2;
  font-weight:800; text-decoration:none; color:#fff!important; box-sizing:border-box;
  white-space:nowrap; box-shadow:0 1px 3px #0003;
}
.tb-social-alert.is-request { background:#b42f40; border-color:#f46a7a; }
.tb-social-alert.is-message { background:#087a44; border-color:#37d98c; }
.tb-social-alert.is-other { background:#555d77; border-color:#a2a8c1; }
.tb-social-alert:focus-visible { outline:2px solid #fff; outline-offset:2px; }
.tb-account-name-wrap,.mb-account-name-wrap { display:inline-flex; align-items:center; flex-wrap:wrap; gap:5px; }
.tb-social-tab-wrap { display:inline-flex; align-items:center; gap:4px; flex-shrink:0; }
.tb-social-tab-wrap .tab { flex-shrink:0; }
.mb-friend-pick { position:relative; display:flex!important; align-items:center; gap:8px; }
.mb-friend-pick .tb-chat-contact-name { min-width:0; flex:1 1 auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tb-chat-contact-dot { width:10px; height:10px; border-radius:50%; flex:0 0 10px; margin-left:auto; display:inline-block; }
.tb-chat-contact-dot.online { background:#28ef72; box-shadow:0 0 0 2px #28ef722a, 0 0 8px #28ef72aa; }
.tb-chat-contact-dot.offline { background:#8b919a; box-shadow:0 0 0 1px #a7aebc66; }
.mb-message-compose-v2 .tb-chat-status { width:100%; flex-basis:100%; font-size:12px; color:#ffbc9c; padding:4px 0; }
.mb-chat-message.tb-is-pending { opacity:.66; }
.mb-chat-message .tb-pending-label { font-size:11px; opacity:.85; font-style:italic; margin-left:6px; }
@media(max-width:620px){ .tb-social-tab-wrap {gap:2px} .tb-social-alert {font-size:11px; padding:2px 4px; min-width:22px} }