/* Shared heart reactions: anonymous account identifiers never appear in this UI. */
.message-reactions{display:flex;align-items:center;gap:0;width:max-content;max-width:100%;border-radius:18px;background:#e8eef2;border:1px solid #dce5ec;margin-top:5px;overflow:hidden}.mine .message-reactions{margin-left:auto}.message-reactions.reacted-by-me{background:#dceefe;border-color:#b8d9f4}.heart-toggle{display:inline-flex;align-items:center;justify-content:center;gap:4px;border:0;background:transparent;padding:4px 8px;min-height:30px;color:#536976;font-size:12px;cursor:pointer}.heart-toggle svg{fill:#ed3f51;stroke:#ed3f51;stroke-width:1.5}.heart-toggle:only-child:not([aria-pressed=true]) svg{fill:none;stroke:#a3b3bc}.heart-toggle:focus-visible,.reaction-people:focus-visible{outline:2px solid #168dca;outline-offset:-2px}.reaction-people{display:flex;align-items:center;background:transparent;border:0;padding:2px 7px 2px 0;min-height:30px}.reaction-people .avatar{width:23px;height:23px;min-width:23px;border-radius:50%;font-size:9px;border:2px solid #e8eef2;margin-left:-5px;overflow:hidden}.reacted-by-me .reaction-people .avatar{border-color:#dceefe}.reaction-people .avatar:first-child{margin-left:0}.reaction-overflow{font-size:11px;margin-left:4px;color:#527083}.reaction-member-list .person-option{gap:12px}.reaction-member-list .avatar{border-radius:50%}.reaction-member-list{max-height:55dvh;overflow:auto}
@media(min-width:701px){
 .app{grid-template-columns:64px 290px minmax(0,1fr);min-height:0;background:#fff}.rail{padding:18px 8px 12px;gap:19px;background:#25323c}.rail .brand-logo{width:40px;height:40px}.rail-nav{gap:8px}.rail .icon-button{width:40px;height:40px;border-radius:9px}.rail-bottom{gap:6px}.rail .avatar{width:32px;height:32px}.rail .icon-button.active{background:#3a4c58;color:#94d8c8}
 .sidebar{background:#f8f9fa}.sidebar-header{padding:22px 16px 14px}.sidebar-title{margin-bottom:15px}.sidebar-title h1{font-size:20px}.conversation-list{padding:3px 7px}.conv{padding:12px 10px;min-height:74px;gap:11px;border-radius:8px}.conv>.avatar{width:44px;height:44px;border-radius:11px}.conv-name{font-size:15px}.conv-preview{font-size:12px}.conv.active{background:#e5eef3}.sidebar-footer{font-size:11px;padding:11px 15px}
 .workspace{min-height:0;background:#f2f4f6}.chat-header{height:68px;min-height:68px;padding:10px 22px;gap:12px;background:#fcfdfd}.chat-header .avatar{width:38px;height:38px;border-radius:10px}.chat-heading h2{font-size:17px;margin-bottom:3px}.chat-heading small{font-size:12px}.chat-header #quick-ledger,.chat-header #group-details{display:none}#mobile-chat-options{display:inline-flex;width:38px;flex-shrink:0}.chat-header>#toggle-pin,.chat-header>#mute-conversation{flex-shrink:0}
 .message-list{padding:20px 28px;min-height:0}.message{margin-bottom:20px;gap:10px}.message>.avatar{width:36px;height:36px;border-radius:10px}.message-main{max-width:min(72%,620px);min-width:0}.bubble{padding:10px 14px;font-size:15px;line-height:1.55;box-shadow:none;border-radius:4px 12px 12px 12px}.mine .bubble{background:#daf0e3;border-color:#cfe8db;border-radius:12px 4px 12px 12px}.message-author{font-size:11px;margin-bottom:5px}.message-meta{font-size:11px;gap:9px;padding-top:4px}.message-meta button{display:none}.message-meta .mobile-message-more{display:inline-block;min-width:25px;min-height:23px;font-size:13px}.message-meta .mobile-message-more:hover{background:#e4ebf0;border-radius:5px;text-decoration:none}.day-label{font-size:11px;margin:4px 0 22px}.announcement{padding:7px 22px}:root .message-pin-shelf{max-height:115px;padding:4px 20px;font-size:13px}
 .composer{min-height:150px;padding:8px 20px 10px;flex-shrink:0;background:#fff}.composer-toolbar{display:flex;justify-content:flex-start;gap:9px;min-height:35px;max-width:100%}.composer-toolbar>span{display:none}.composer-toolbar>div{display:flex;flex:1;min-width:0;flex-wrap:nowrap;overflow-x:auto;align-items:center;gap:6px}.composer-toolbar button{flex-shrink:0;min-height:32px;height:32px;border-radius:6px;font-size:12px;white-space:nowrap;padding:5px 8px}.composer-toolbar #sticker-panel-button{min-width:76px;padding:5px 9px;border:0;background:#f0f4f6;color:#536b79}.composer-toolbar .record-button{background:#f5f7f9;min-width:60px}#find-attachments{border:0;min-height:32px;padding:5px 8px}#send-chat-file{padding:5px 8px}.composer textarea{padding:9px 3px;min-height:55px;max-height:120px;font-size:15px;line-height:1.5}.composer-footer{height:35px;gap:10px}.composer-hint{display:inline;font-size:11px}.send-button{min-width:80px;min-height:32px;height:32px;padding:5px 13px;font-size:13px}.send-button svg{width:16px;height:16px}.new-message-button{bottom:170px;right:24px}.reply-target{font-size:12px}.drawer{width:330px}.drawer-header{height:68px}.drawer-section{padding:18px 20px}
}
@media(min-width:1550px){.app{grid-template-columns:68px 320px minmax(0,1fr)}.message-list{padding-left:5%;padding-right:5%}}
@media(min-width:701px) and (max-width:1050px){.app{grid-template-columns:58px 245px minmax(0,1fr)}.rail{padding-left:5px;padding-right:5px}.chat-header{padding-left:15px;padding-right:15px}.message-list{padding:17px}.composer{padding-left:14px;padding-right:14px}.composer-hint{display:none}}

.message-meta .message-reactions{margin:0;order:-1;flex-shrink:0}.message-meta .heart-toggle,.message-meta .reaction-people{display:inline-flex}.message-meta .heart-toggle{padding:4px 8px;font-size:12px}.message-meta .reaction-people{padding:2px 7px 2px 0}.message-meta .heart-toggle:hover,.message-meta .reaction-people:hover{text-decoration:none}

/* V20: one centered, toggleable group title; members-first panel below it. */
.chat-header.group-chat-header{position:relative}
.group-chat-header>.avatar,.group-chat-header #toggle-pin,.group-chat-header #mute-conversation{display:none!important}
.group-chat-header .group-title-toggle{position:absolute;left:50%;transform:translateX(-50%);width:calc(100% - 112px);max-width:600px;text-align:center;background:transparent;border:0;color:inherit;padding:0 8px;cursor:pointer;font:inherit}
.group-title-toggle h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}
.group-title-toggle:focus-visible{outline:2px solid #398eaa;border-radius:8px}
.group-chat-header #mobile-chat-options{margin-left:auto}
.drawer.group-info-panel{top:68px}
@media(max-width:700px){.drawer.group-info-panel{top:calc(57px + env(safe-area-inset-top))}.group-chat-header .group-title-toggle{max-width:none}}