#service-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:#7160e9}
.send-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.composer-bottom{gap:10px;flex-wrap:wrap}
#service-state{flex:1;min-width:130px;overflow-wrap:anywhere}
#service-controls button{padding:7px 10px;border:1px solid #ded8f8;border-radius:7px;background:#f6f3ff}
#service-controls button span{display:flex;align-items:center}#service-controls button svg{width:18px;height:18px}
.avatar>img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.connection{max-width:280px;overflow:hidden;text-overflow:ellipsis}
.message-text{white-space:pre-wrap;overflow-wrap:anywhere}
.map-card{white-space:normal;width:420px;max-width:100%;padding:10px;border:1px solid #d7dfe9;border-radius:10px;margin:8px 0;background:#f8fafc;color:#29364a}
.map-card p{margin:0 0 8px}.map-card a{display:inline-block;color:#3468bc;padding:5px 0}.map-card summary{cursor:pointer;font-size:12px;margin:8px 0}
.map-card iframe{display:block;width:100%;height:250px;border:0;border-radius:8px;background:#edf1f6}
.role-album-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:65vh;overflow:auto}
.role-album-grid img{width:100%;height:190px;object-fit:cover;border-radius:8px;pointer-events:none;display:block}
.role-album-grid span{display:block;padding:6px;font-size:12px}
.role-album-grid .album-send{padding:0;border:1px solid #e4e7ef;border-radius:9px;background:#fff;overflow:hidden;text-align:left;cursor:pointer}
.role-album-grid .album-send:hover{border-color:#7160e9;box-shadow:0 2px 10px #7160e922}
#role-album-button{justify-content:center}
@media(max-width:760px){.map-card{width:270px}.map-card iframe{height:210px}.composer-bottom>span{width:100%}#service-state{display:none}.send-actions{width:100%}}