.presence{margin-top:8px;color:#667085;font-size:14px;min-height:20px}
.danger-text{color:#b42318!important;margin-top:12px;text-decoration:underline}
.composer button:disabled{opacity:.55;cursor:wait}
.chat{max-height:58vh;overflow-y:auto;scroll-behavior:smooth}
.message{animation:message-in .16s ease-out}
@keyframes message-in{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}
.multi-picker{border:1px solid #cbd5e1;border-radius:9px;background:#fff;margin-top:7px;overflow:hidden}
.multi-picker summary{padding:13px;cursor:pointer;font-weight:650;color:#17233b;list-style-position:inside}
.multi-picker-list{max-height:280px;overflow:auto;border-top:1px solid #dfe6ef;padding:7px}
.multi-option{display:flex!important;align-items:center;gap:11px;margin:0!important;padding:11px 9px;border-radius:7px;font-weight:500!important;cursor:pointer}
.multi-option:hover{background:#eaf3ff}.multi-option input{width:20px;height:20px;margin:0;flex:0 0 auto}
.compact{padding:20px}.compact h2{margin-top:0}
@media(max-width:760px){
  .top{padding:0 10px}.brand{font-size:20px}.top nav{gap:9px}.top nav>a:not(.button){display:inline-flex!important;font-size:0}
  .top nav>a[href*="dashboard"]::after{content:"Richiesta";font-size:12px;font-weight:750}
  .top nav>a[href*="matches"]::after{content:"Match";font-size:12px;font-weight:750}
  .top nav .link{font-size:12px}.multi-picker-list{max-height:52vh}
}