.smart-mentions-menu {
position:absolute;
z-index:99999;
max-height:280px;
overflow-y:auto;
border:1px solid rgba(16,91,209,.14);
border-radius:18px;
background:#fff;
box-shadow:0 18px 45px rgba(15,23,42,.16);
padding:8px;
}
.smart-mentions-item {
width:100%;
border:0;
background:transparent;
display:flex;
align-items:center;
gap:10px;
padding:10px;
border-radius:14px;
text-align:left;
font-family:var(--app-font, Arial, sans-serif);
cursor:pointer;
color:var(--noir, #111827);
}
.smart-mentions-item.active,
.smart-mentions-item:hover {
background:rgba(16,91,209,.1);
}
.smart-mentions-item img {
width:38px;
height:38px;
border-radius:50%;
object-fit:cover;
flex:0 0 auto;
}
.smart-mentions-item span {
min-width:0;
display:flex;
flex-direction:column;
gap:2px;
}
.smart-mentions-item strong,
.smart-mentions-item small {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.smart-mentions-item strong {
font-size:14px;
font-weight:800;
}
.smart-mentions-item small {
font-size:12px;
color:rgba(15,23,42,.58);
}
.smart-mentions-hash {
width:38px;
height:38px;
border-radius:50%;
background:rgba(16,91,209,.12);
color:var(--base_1_couleur, #105BD1);
display:flex;
align-items:center;
justify-content:center;
font-weight:900;
font-size:18px;
flex:0 0 auto;
}
@media(max-width:700px){
.smart-mentions-menu {
left:12px!important;
right:12px!important;
width:auto!important;
max-height:240px;
}
}