/* Community workspace. Keep the shared app chrome, give conversations room. */
.community-page{background:#fff;color:#243b33;overflow:hidden}
.community-page>.workspace{height:100dvh;display:flex;flex-direction:column}
.community-page .workspace>main{max-width:none;width:100%;padding:0;flex:1;min-height:0;display:flex;flex-direction:column}
.community-page .workspace>footer{display:none}
.community-page .topbar{height:58px;min-height:58px;padding:0 28px;background:#fafbf7}
.community-page .workspace>main>.flash{border-radius:0;margin:0;padding:8px 24px;font-size:12px}
.channel-workspace{display:grid;grid-template-columns:252px minmax(0,1fr);flex:1;min-height:0;position:relative;isolation:isolate}
.channel-workspace [hidden]{display:none!important}
.channel-sidebar{display:flex;flex-direction:column;min-height:0;background:#193e33;color:#d9e7dd;padding:30px 16px 17px;border-right:1px solid #17392f}
.channel-sidebar-heading{display:flex;gap:12px;align-items:center;margin:0 9px 25px}
.channel-workspace-mark{width:38px;height:42px;display:grid;place-items:center;border:1px solid #72948060;border-radius:12px;font:39px Georgia;color:#dce9be;background:#ffffff09}
.channel-sidebar-heading h2{font-size:22px;letter-spacing:-.8px;color:#f0f2e3;white-space:nowrap;line-height:1.5}
.channel-search{position:relative;margin:0 4px 30px}.channel-search>span{position:absolute;left:11px;top:6px;font-size:25px;color:#a7bdae;line-height:30px}
.channel-search input[type=search]{font-size:12px;background:#ffffff0a;border:1px solid #ffffff20;color:#f1f5eb;padding:10px 10px 10px 34px;border-radius:7px;min-height:40px}
.channel-search input::placeholder{color:#afc3b7}.channel-search input:focus{outline:2px solid #a2bc89;outline-offset:2px}
.channel-list-heading{display:flex;align-items:center;justify-content:space-between;padding:0 12px 8px;min-height:32px}.channel-list-heading h3{font:650 10px 'DM Sans',sans-serif;letter-spacing:1.5px;color:#9bb7a6}
.channel-add{padding:0;width:28px;height:28px;display:grid;place-items:center;background:transparent;color:#aec6b6;font-size:24px;line-height:1}.channel-add:hover{background:#ffffff15}
.channel-list{overflow:auto;min-height:50px;scrollbar-width:thin;scrollbar-color:#5a7c68 transparent}
.channel-link{display:flex;align-items:center;gap:12px;min-height:43px;border-radius:6px;padding:8px 12px;font-size:14px;color:#c5d6cb;margin:2px 0;transition:background .15s,color .15s}
.channel-link>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-link:hover{background:#ffffff0d;color:#fff}.channel-link.active{background:#dce9bb;color:#1c4033;font-weight:650;box-shadow:0 1px 2px #071d1910}
.channel-hash{display:inline-flex;align-items:center;justify-content:center;font-size:22px;width:17px;line-height:1;font-weight:400;opacity:.65;flex-shrink:0}.channel-hash .icon{width:17px;height:17px;stroke-width:1.8}.channel-default-label{margin-left:auto;font-size:8px;letter-spacing:1px;opacity:.7}
.channel-create-link{display:flex;gap:13px;align-items:center;background:transparent;color:#b5cbbb;font-weight:400;font-size:12px;padding:10px 13px;margin-top:8px;text-align:left}.channel-create-link>span{font-size:21px;line-height:1}.channel-create-link:hover{background:#ffffff0c}
.channel-sidebar-bottom{margin-top:auto;padding:22px 10px 0}
.channel-members-link{border-top:1px solid #ffffff18;padding:18px 0 10px;display:flex;align-items:center;gap:9px;font-size:11px;color:#ceddd2}.channel-members-link .icon{width:16px;height:16px}.channel-members-link>span{margin-left:auto;color:#9bb7a6}.channel-members-link:hover{color:#e9f5b5}
.channel-house-rules{display:flex;gap:8px;font-size:10px;color:#9bb7a6}.channel-house-rules a:hover{color:#e9f5b5}
.channel-main{min-width:0;min-height:0;display:flex;flex-direction:column;background:#fff}
.channel-header{min-height:87px;flex-shrink:0;padding:18px 32px;border-bottom:1px solid #e8ece5;display:flex;align-items:center;gap:16px;background:#fffffff5;z-index:1}
.channel-heading-copy{min-width:0;flex:1}.channel-heading-copy h1{font-size:23px;letter-spacing:-.65px;line-height:1.3;overflow-wrap:anywhere}.channel-heading-copy h1>span{font-weight:400;color:#8b9c88;margin-right:4px}.channel-heading-copy p{font-size:12px;color:#7b887e;margin:4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.channel-visibility{display:flex;align-items:center;gap:7px;flex-shrink:0;font-size:11px;color:#788777;border:1px solid #e8ece3;padding:6px 9px;border-radius:5px}.channel-visibility .icon{width:14px;height:14px}
.channel-content{display:flex;flex:1;flex-direction:column;min-height:0}.channel-scroll-wrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}
.channel-message-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d3ddcf transparent;outline-offset:-3px;scroll-behavior:auto;overflow-anchor:none}


.channel-history-label{display:flex;align-items:center;gap:14px;margin:10px 32px 17px;text-align:center;font-size:10px;color:#8a9585}.channel-history-label:before,.channel-history-label:after{content:"";height:1px;background:#edf0e9;flex:1}.channel-history-label a{color:#4b6e42;background:#f3f6eb;border:1px solid #e3ead7;padding:5px 12px;border-radius:20px}
.channel-messages{padding:0 0 24px;min-width:0}.channel-messages>.community-post{padding:13px 34px 12px;border:0;margin:0;scroll-margin-top:12px;transition:background-color .15s;position:relative}.channel-messages>.community-post:hover{background:#fafbf7}.channel-messages>.community-post:target{outline:0;background:#f5f4df;box-shadow:inset 3px 0 #aabb70}
.channel-messages .post-heading{font-size:14px;gap:10px;min-height:24px;padding-left:47px;position:relative}
.channel-messages .post-heading .community-author{gap:0}.channel-messages .post-heading .community-author>.avatar,.channel-messages .post-heading .community-author>.founder-avatar{position:absolute;left:0;top:3px}.channel-messages .post-heading .avatar,.channel-messages .comment-heading .avatar{width:34px;height:34px;border-radius:10px;font-size:11px;background:#e8e6da}.channel-messages .post-heading .founder-avatar>.avatar{border-radius:10px}
.channel-messages .post-heading time{font-size:10px;color:#92998c}.channel-messages .post-heading .text-button{font-size:10px;color:#90988a;padding:3px 0}.channel-messages .post-heading .text-button:hover{color:#a05a40}
.channel-messages .post-body{font-size:14px;line-height:1.75;margin:2px 0 2px 47px;color:#4d5a4e;overflow-wrap:anywhere}.channel-messages .post-body p{margin:0 0 5px}.channel-messages .comments{margin-left:47px}.channel-messages .community-actions{gap:14px;min-height:27px}.channel-messages .community-action,.channel-messages .reply-count,.channel-messages .community-actions .text-button{font-size:11px}.channel-messages .community-action{padding:3px 0;color:#6d7e62}.channel-messages .reaction-chip{font-size:11px;padding:1px 7px;min-height:23px;border-radius:5px;background:#f5f7ee}.channel-messages .reaction-chip[aria-pressed=true]{background:#e7eed9;border-color:#9eb68b}.channel-messages .reaction-widget{gap:8px}
.channel-messages .post-replies:has(>.comment-thread){margin:7px 0 2px;padding:4px 0 0 17px;border-left:2px solid #e0e8d5}.channel-messages .comment-thread .comment{font-size:13px;padding:5px 0}.channel-messages .comment-heading{font-size:12px;gap:8px}.channel-messages .comment-heading time{font-size:10px}.channel-messages .comment-body{font-size:13px;line-height:1.7;color:#5a6658;overflow-wrap:anywhere}.channel-messages .comment-children{border-color:#e0e8d5;padding-left:15px;margin-left:5px}.channel-messages .comment-children .comment-children .comment-children{margin-left:0;padding-left:8px}.channel-messages .reply-composer{margin:8px 0 14px;padding:12px;background:#f5f7ef;border:1px solid #e4eadc;border-radius:8px}.channel-messages .reply-composer label{margin-top:0;font-size:11px}.channel-messages .reply-composer textarea{background:#fff;font-size:14px}.channel-messages .reply-composer input[type=submit]{font-size:11px;padding:7px 13px;margin-top:8px}.channel-messages .reply-composer .form-note{margin:4px 0 0}
.channel-empty{padding:25px 32px 55px;text-align:center}.channel-empty h2{font-size:15px;font-weight:500;color:#65735b}
.channel-composer-area{padding:10px 30px 15px;background:#fff;flex-shrink:0}.channel-composer{border:1px solid #d8dfd0;border-radius:10px;box-shadow:0 3px 14px #213e2a06;overflow:hidden;transition:box-shadow .2s,border-color .2s}.channel-composer:focus-within{border-color:#90a77e;box-shadow:0 0 0 3px #eaf0e166}.channel-composer textarea{background:transparent;border:0!important;border-radius:0!important;padding:15px 16px 5px;resize:none;min-height:66px;max-height:180px;font-size:14px;line-height:1.6;display:block}.channel-composer textarea:focus{outline:0}.channel-composer textarea::placeholder{color:#929c8c}
.channel-composer-toolbar{padding:6px 10px 10px 16px;display:flex;justify-content:flex-end;align-items:center;gap:12px}.channel-composer-toolbar button{display:flex;gap:14px;align-items:center;font-size:11px;min-height:34px;padding:6px 13px;background:#335c42;border-radius:6px}.channel-composer-toolbar button>span:last-child{font-size:18px;line-height:1}.channel-composer-toolbar button:hover{background:#254b32}
.channel-composer-hint{display:flex;justify-content:space-between;gap:12px;margin-top:8px;padding:0 2px;color:#939b8a;font-size:9px}.channel-composer-hint kbd{font:inherit;color:#6f7b62}.channel-composer-hint>span>span{padding:0 5px}
.channel-status{flex-shrink:0;background:#f2f5e9;padding:9px 30px;color:#5c704a;font-size:12px;margin:0;border-bottom:1px solid #e2e8d6}.channel-form-error{color:#944c37;background:#fcf2eb;font-size:12px;padding:9px 12px;margin:4px 10px 10px;border-radius:5px}
.channel-new-messages{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:#294f3c;padding:8px 16px;font-size:12px;border-radius:20px;box-shadow:0 4px 20px #20442b20}.channel-new-messages span{margin-left:8px}
.channel-search-results{overflow:auto;flex:1;min-height:0;padding:28px 32px}.channel-search-results .community-search-group>h3{font-size:14px}.channel-search-results .community-search-result{padding:15px 12px}.channel-search-results .community-search-result p{font-size:14px}.channel-search-results .search-result-meta{font-size:11px}
.channel-icon-button{display:grid;place-items:center;width:32px;height:32px;padding:6px;background:transparent;color:#6a7f63;border-radius:6px}.channel-icon-button .icon{width:20px;height:20px}.channel-icon-button:hover{background:#eaf0e1;color:#254f40}.channel-mobile-toggle,.channel-mobile-close{display:none}
.channel-modal{width:min(490px,calc(100% - 32px));max-height:90dvh;overflow:auto;border:1px solid #dfe6d7;border-radius:17px;padding:28px;color:#294a38;box-shadow:0 25px 90px #0e302b33}.channel-modal::backdrop{background:#132c2a7a;backdrop-filter:blur(3px)}.channel-modal-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px}.channel-modal-heading .channel-icon-button{flex-shrink:0}.channel-modal h2{font-size:25px;letter-spacing:-.7px}.channel-modal label{font-size:12px;margin-top:17px}.channel-modal input,.channel-modal textarea{font-size:14px;background:#fbfcf8}.channel-modal-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:25px}.channel-modal-actions>span{display:flex;align-items:center;gap:6px;font-size:10px;color:#88977e}.channel-modal-actions .icon{width:14px;height:14px}.channel-modal-actions button{font-size:12px;padding:10px 17px}.channel-modal .channel-form-error{margin:12px 0 0}
@media(min-width:801px){
  .community-page #app-sidebar{width:80px;padding:20px 13px 15px;align-items:center;background:#f2f4ec}
  .community-page>.workspace{margin-left:80px}
  .community-page #app-sidebar .sidebar-heading{margin-bottom:21px}
  .community-page #app-sidebar .brand{gap:0}.community-page #app-sidebar .brand-mark{font-size:46px;width:40px;text-align:center}
  .community-page #app-sidebar .brand>span:last-child,.community-page #app-sidebar .nav-link-label,.community-page #app-sidebar .user-chip>span:not(.avatar):not(.founder-avatar){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  .community-page #app-sidebar nav{width:100%;gap:7px}.community-page #app-sidebar .nav-link{width:46px;height:46px;padding:13px;margin:4px auto;grid-template-columns:20px;border-radius:10px;position:relative}.community-page #app-sidebar .nav-link .dot{position:absolute;right:3px;top:5px;margin:0}.community-page #app-sidebar .nav-link.active{background:#dce7cc}
  .community-page #app-sidebar .sidebar-bottom{width:100%;text-align:center}.community-page #app-sidebar .user-chip{justify-content:center;padding:20px 0 12px;margin-top:12px}.community-page #app-sidebar .sidebar-bottom>form .text-button{font-size:9px}
}
@media(max-width:1100px){.channel-workspace{grid-template-columns:225px minmax(0,1fr)}.channel-sidebar{padding-left:12px;padding-right:12px}.channel-sidebar-heading{gap:9px;margin-left:5px}.channel-sidebar-heading h2{font-size:20px}.channel-workspace-mark{width:32px}.channel-header{padding:17px 24px}.channel-messages>.community-post{padding-left:26px;padding-right:26px}.channel-composer-area{padding-left:24px;padding-right:24px}}
@media(max-width:800px){.community-page .topbar{height:61px;min-height:61px;padding:0 20px}.community-page>.workspace{margin-left:0}.channel-workspace{grid-template-columns:210px minmax(0,1fr)}.channel-sidebar-heading h2{font-size:18px}.channel-workspace-mark{display:none}.channel-visibility{display:none}}
@media(max-width:620px){
  .channel-workspace{grid-template-columns:minmax(0,1fr)}.channel-sidebar{position:absolute;inset:0 auto 0 0;width:min(290px,85vw);z-index:5;box-shadow:20px 0 60px #17372d22;visibility:hidden;transform:translateX(-100%);transition:transform .2s,visibility .2s}
  .channel-workspace.channels-open .channel-sidebar{visibility:visible;transform:translateX(0)}.channel-workspace.channels-open:after{content:"";position:absolute;inset:0;background:#152f2545;z-index:4}
  .channel-mobile-toggle,.channel-mobile-close{display:grid}.channel-mobile-close{margin-left:auto;color:#bed0bd}.channel-sidebar-heading h2{font-size:23px}.channel-sidebar-heading{margin:3px 9px 25px}.channel-header{padding:13px 17px 13px 10px;min-height:76px;gap:9px}.channel-heading-copy h1{font-size:21px}.channel-heading-copy p{font-size:11px}.channel-history-label{margin:10px 20px 14px;font-size:9px;gap:10px}
  .channel-messages>.community-post{padding:12px 18px}.channel-messages .post-heading{gap:7px;padding-left:41px;font-size:13px}.channel-messages .post-heading .avatar,.channel-messages .comment-heading .avatar{width:30px;height:30px;font-size:10px}.channel-messages .post-heading time{font-size:9px}.channel-messages .post-heading>form{margin-left:0}.channel-messages .post-heading .text-button{font-size:9px}.channel-messages .post-body{font-size:14px;margin-left:41px}.channel-messages .comments{margin-left:41px}.channel-messages .post-replies:has(>.comment-thread){padding-left:12px}.channel-messages .comment-heading time{font-size:9px}.channel-messages .comment-children{padding-left:10px;margin-left:0}.channel-messages .comment-children .comment-children .comment-children{padding-left:0;border:0}.channel-messages .community-actions{gap:10px}.channel-messages .reply-composer{padding:9px}.channel-messages .reply-composer textarea{font-size:16px}
  .channel-composer-area{padding:8px 12px max(12px,env(safe-area-inset-bottom))}.channel-composer textarea{font-size:16px;min-height:58px;padding:12px 12px 3px}.channel-composer-toolbar{padding:5px 8px 8px 12px}.channel-composer-hint{font-size:9px;justify-content:center;margin-top:6px}.channel-status{padding:8px 16px;font-size:11px}.channel-search-results{padding:22px 20px}.channel-modal{padding:24px}.channel-modal-actions{gap:10px}.channel-modal-actions>span{font-size:9px}.channel-empty{padding:24px 20px 40px}
}
@media(max-height:720px){.channel-sidebar{padding-top:22px}.channel-search{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){.channel-workspace *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.channel-workspace.is-loading .channel-header{opacity:.6}
.channel-sidebar>[data-channel-list-content]{display:flex;flex-direction:column;min-height:0}
.channel-live-state{display:flex;align-items:center;gap:6px;font-size:10px;color:#82917a;white-space:nowrap}
.channel-live-state:before{content:"";width:6px;height:6px;border-radius:50%;background:#a7b09e}
.channel-live-state[data-state=connected]:before{background:#729b50;box-shadow:0 0 0 3px #eef4e8}
.channel-live-state[data-state=offline]:before,.channel-live-state[data-state=reconnecting]:before{background:#b48b4e}
@media(max-width:620px){.channel-live-state{font-size:9px;gap:5px}}
.channel-modal textarea{min-height:94px;resize:vertical}
.channel-workspace .message-highlight{animation:channel-highlight 2.2s ease-out}
@keyframes channel-highlight{0%,35%{background:#eef0d6}100%{background:transparent}}
@media(prefers-reduced-motion:reduce){.channel-workspace .message-highlight{animation:none;outline:1px solid #a7b97e}}
/* Channel settings and subscription access. */
.channel-edit-button{display:flex;align-items:center;gap:7px;flex-shrink:0;background:#f3f6ee;border:1px solid #dfe7d7;color:#456440;padding:7px 10px;font-size:11px;border-radius:6px}.channel-edit-button:hover{background:#e9f0df}.channel-edit-button .icon{width:16px;height:16px}.channel-heading-copy h1>[data-channel-name]{font-weight:inherit;color:inherit;margin:0}
.channel-list-heading h3{font-size:12px;letter-spacing:0}.channel-list-empty{font-size:12px;line-height:1.6;padding:12px;color:#c5d6cb}.channel-access-unavailable{padding:32px;color:#65735b;font-size:14px}
.channel-access{border:0;padding:0;margin:22px 0 0;min-width:0}.channel-access legend{font-size:12px;font-weight:600;margin-bottom:10px;padding:0;color:#294a38}.channel-access-options{display:grid;gap:8px}.channel-modal .channel-access-option{display:flex;align-items:center;gap:10px;margin:0;padding:11px 12px;border:1px solid #dfe5d8;border-radius:8px;background:#fbfcf8;cursor:pointer;font-size:13px;font-weight:400}.channel-access-option:has(input:checked){border-color:#8eaa7d;background:#f0f5e8}.channel-access-option:focus-within,.channel-plan-option:focus-within{outline:2px solid #91a777;outline-offset:2px}.channel-modal .channel-access input[type=radio],.channel-modal .channel-access input[type=checkbox]{width:16px;height:16px;min-height:0;margin:0;flex-shrink:0;accent-color:#456b3c;padding:0}
.channel-plan-picker{margin-top:12px}.channel-plan-badges{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:9px}.channel-plan-badges:empty{display:none}.channel-plan-badge{display:inline-flex;align-items:center;max-width:100%;gap:6px;background:#e9f0dc;color:#36562e;border:1px solid #d6e1c4;border-radius:6px;padding:4px 5px 4px 9px;font-size:12px;line-height:1.4}.channel-plan-badge>span{min-width:0;overflow-wrap:anywhere}.channel-plan-badge button{display:grid;place-items:center;width:22px;height:22px;min-height:22px;border:0;padding:3px;background:transparent;color:#547247;border-radius:4px}.channel-plan-badge button:hover{background:#d4e1bf}.channel-plan-badge .icon{width:14px;height:14px}
.channel-plan-menu{border:1px solid #dbe3d2;border-radius:8px;background:#fff;overflow:hidden}.channel-plan-menu summary{display:flex;align-items:center;gap:10px;padding:12px;cursor:pointer;list-style:none;font-size:12px;color:#3f5e36}.channel-plan-menu summary::-webkit-details-marker{display:none}.channel-plan-menu summary>span:first-child{flex:1}.channel-plan-menu summary>[data-channel-plan-count]{color:#7f8e74;font-size:11px}.channel-plan-menu summary>.icon{width:15px;height:15px;transition:transform .15s}.channel-plan-menu[open] summary>.icon{transform:rotate(90deg)}.channel-plan-menu[open] summary{border-bottom:1px solid #e6ebdf}.channel-plan-options{max-height:210px;overflow-y:auto;padding:5px}.channel-modal .channel-plan-option{display:flex;align-items:center;gap:10px;margin:0;padding:10px 8px;border-radius:5px;font-size:13px;font-weight:400;cursor:pointer}.channel-plan-option:hover{background:#f3f6ec}.channel-plan-option>span{min-width:0;overflow-wrap:anywhere}.channel-access-note{font-size:11px;color:#7a8970;line-height:1.5;margin:9px 0 0}.channel-modal-actions>span{line-height:1.5}.channel-modal-actions button{flex-shrink:0}
@media(max-width:800px){.channel-edit-button>span{display:none}.channel-edit-button{padding:8px}.channel-edit-button .icon{width:18px;height:18px}}
@media(max-width:620px){.channel-modal{padding:20px;max-height:92dvh}.channel-access-option{min-height:44px}.channel-plan-menu summary{gap:7px}.channel-plan-options{max-height:180px}.channel-modal .channel-plan-option{min-height:44px}.channel-access-unavailable{padding:24px 18px}.channel-live-state{margin-left:auto}}
.channel-no-channels{display:flex;flex:1;align-items:center;justify-content:center;padding:32px}.channel-no-channels>div{max-width:360px}.channel-no-channels h2{font-size:22px;letter-spacing:-.5px}.channel-no-channels p{font-size:14px;line-height:1.65;color:#718066;margin:10px 0 18px}.channel-no-channels button{font-size:13px}

/* Mentions stay above clipped message panes and follow the active composer. */
.community-mention{color:#315c42;background:#eaf1df;border-radius:4px;padding:1px 3px;font-weight:600;text-decoration:none;box-decoration-break:clone;-webkit-box-decoration-break:clone}.community-mention:hover{color:#1c402d;background:#dae8c8;text-decoration:underline}.community-mention:focus-visible{outline:2px solid #739459;outline-offset:2px}
.mention-picker{position:fixed;inset:auto;margin:0;padding:5px;border:1px solid #dbe4d2;border-radius:12px;background:#fff;color:#294a38;box-shadow:0 12px 40px #193e3326;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;z-index:20;font-family:'DM Sans',sans-serif}.mention-picker[hidden]{display:none}.mention-picker::backdrop{background:transparent;pointer-events:none}
.mention-option{display:flex;align-items:center;gap:11px;padding:9px 10px;min-height:52px;border-radius:7px;cursor:pointer}.mention-option:hover,.mention-option[aria-selected=true]{background:#edf3e5}.mention-option[aria-selected=true]{box-shadow:inset 3px 0 #8aa774}.mention-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#e1e8d7;color:#516b42;font-size:11px;font-weight:650;flex-shrink:0}.mention-option-copy{display:flex;flex-direction:column;min-width:0;gap:2px}.mention-option-copy strong{font-size:13px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.mention-option-copy small{font-size:11px;line-height:1.4;color:#78866f;overflow-wrap:anywhere}.mention-picker-status{font-size:11px;color:#718064;line-height:1.5;padding:9px 10px 6px;margin:0}.mention-picker [role=listbox]:not(:empty)+.mention-picker-status{border-top:1px solid #edf0e7;margin-top:4px}
@media(max-width:620px){.mention-option{min-height:56px}.mention-option-copy strong{font-size:14px}.mention-picker-status{font-size:11px}}

/* Consecutive messages share an author heading, with a timestamp in the gutter. */
.message-short-time{display:none}
.channel-messages>.community-post:has(+.message-continuation){padding-bottom:3px}
.channel-messages>.message-continuation{padding-top:3px}
.channel-messages>.message-continuation>.post-heading{display:block;min-height:0;height:0;padding:0}
.channel-messages>.message-continuation>.post-heading .community-author{display:none}
.channel-messages>.message-continuation>.post-heading .message-permalink{position:absolute;top:5px;left:0;width:37px;text-align:center;line-height:20px}
.channel-messages>.message-continuation .message-full-time{display:none}
.channel-messages>.message-continuation .message-short-time{display:inline}
.channel-messages .community-actions>.button_to .text-button{color:#90988a;padding:3px 0}
.channel-messages .community-actions>.button_to .text-button:hover{color:#a05a40}
@media(max-width:620px){.channel-messages>.message-continuation>.post-heading .message-permalink{width:31px}}

/* Overview links lead directly to each conversation. */
.overview-channels{list-style:none;padding:0;margin:0}
.overview-channels li+li{border-top:1px solid var(--line)}
.overview-channel{display:flex;align-items:center;gap:12px;padding:17px 0;min-height:58px;border-radius:5px;color:var(--ink)}
.overview-channel:hover{background:#f4f7ef}.overview-channel:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.overview-channel-symbol{display:flex;align-items:center;justify-content:center;width:24px;flex-shrink:0;color:var(--muted);font-size:23px}.overview-channel-symbol .icon{width:19px;height:19px}
.overview-channel-name{flex:1;min-width:0;overflow-wrap:anywhere;font-size:15px}.overview-channel.has-unread .overview-channel-name{font-weight:650}
.overview-channel-count{flex-shrink:0;border-radius:20px;background:var(--sage);color:var(--green);font-size:12px;font-weight:650;padding:4px 10px;white-space:nowrap}
.overview-channel-read{font-size:12px;color:var(--muted);white-space:nowrap}.overview-channel>.icon{width:16px;height:16px;color:var(--muted);flex-shrink:0}
@media(max-width:600px){.overview-channel{gap:9px}.overview-channel-name{font-size:14px}.overview-channel-read{font-size:11px}}