.communitylayout{display:grid;grid-template-columns:66px 220px minmax(0,1fr);min-height:640px;border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden}.communityrail{background:#183b30;display:flex;flex-direction:column;align-items:center;padding:16px 8px;gap:12px}.communityrail button{width:43px;height:43px;border-radius:15px;padding:0;background:#35594b;color:#e6eee3;font-weight:700}.communityrail .active{background:#e4bb6e;color:#263d2b;box-shadow:-4px 0 0 #ebd5a8}.communitychannels{background:#edf1e8;padding:22px 15px;border-right:1px solid var(--line);overflow-wrap:anywhere}.communitychannels h2{font-size:20px;line-height:1.3}.communitydescription{font-size:12px;margin:10px 0 15px}.communitytools{gap:8px}.communitytools small{font-size:11px}.communitychannels>.full{margin-top:10px;font-size:12px;padding:8px}.communitysection{margin:22px 0}.communitysection>.row b{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#748375}.communitysection>.row button{padding:3px 7px;background:transparent}.channelbutton{display:flex;gap:7px;align-items:center;text-align:left;padding:8px;width:100%;background:transparent;margin:3px 0;font-size:13px;overflow-wrap:anywhere}.channelbutton>span{font-size:19px;color:#839682}.channelbutton.active{background:#d6e2cd;font-weight:650}.channelbutton small{font-size:9px;margin-left:auto}.addchannel{background:transparent;font-size:11px;padding:5px 8px;color:#607c60}.communitystage{display:flex;flex-direction:column;min-width:0}.channelheader{padding:20px 24px;border-bottom:1px solid var(--line)}.channelheader h2{font-size:20px}.channelheader p{font-size:12px;margin-top:3px;overflow-wrap:anywhere}.community-messages{padding:18px 24px;min-height:320px;max-height:470px;overflow:auto;flex:1}.channelwelcome{padding:65px 15px 30px}.channelwelcome h2{font:500 29px/1.3 Georgia,serif;margin:10px 0}.channelwelcome p{font-size:14px}.channelmessage{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.channelmessage .avatar{width:32px;height:32px;font-size:12px}.channelmessagebody{flex:1;min-width:0}.channelmessagebody>.row{gap:6px}.channelmessagebody small{font-size:10px}.channelmessagebody p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:5px;font-size:14px;line-height:1.65}.channelmessagebody .row>.row{gap:6px}.communitycompose{padding:15px 20px;border-top:1px solid var(--line)}.communitycompose textarea{min-height:68px;font-size:14px}.communitycompose>.row{margin-top:10px;gap:8px}.communitycompose small{font-size:10px}.communityfoot{padding:0 20px 15px;color:var(--muted);font-size:10px}.communitymanagement{padding:24px;max-height:730px;overflow:auto}.communitymanagement .avatar{width:32px;height:32px;font-size:12px}.communitymanagement .setting{gap:10px}.communitymanagement .setting button{font-size:12px;padding:7px 10px}.communitymanagement h3{margin-top:25px}.communitymanagement .notice{font-size:12px}.communitymanagement .pill{font-size:10px}.communityexit{border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.communityexit button{margin-top:12px}.communityempty{min-height:260px;padding:35px}.communityempty h2{font-size:34px}.communityempty .primary{position:relative;z-index:2}.mobilechannel{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html[data-theme=dark] .communitychannels{background:#203426}html[data-theme=dark] .communityrail{background:#132b21}html[data-theme=dark] .communityrail button{background:#35594b;color:#e6eee3}html[data-theme=dark] .communityrail .active{background:#e4bb6e;color:#263d2b}html[data-theme=dark] .channelbutton,html[data-theme=dark] .communitysection>.row button,html[data-theme=dark] .addchannel{background:transparent;color:#c5d4bd}html[data-theme=dark] .channelbutton.active{background:#38513b;color:#e4eddb}
@media(max-width:1100px){.communitylayout{grid-template-columns:55px 180px minmax(0,1fr)}.communitychannels{padding:18px 12px}.channelheader{padding:18px}.community-messages{padding:16px}.communitymanagement{padding:18px}.communityrail{padding:15px 5px}.communityrail button{width:38px;height:38px}.channelmessagebody>.row{align-items:flex-start}.channelmessagebody>.row>div:first-child{display:grid}}@media(max-width:900px){.communitylayout{grid-template-columns:1fr}.communityrail{flex-direction:row;overflow:auto;padding:10px}.communityrail button{flex-shrink:0}.communitychannels{border-right:0;border-bottom:1px solid var(--line);padding:15px}.communitychannels>h2{font-size:18px}.communitydescription{margin:6px 0 8px}.communitytools{display:inline-flex}.communitychannels>.full{width:auto;display:inline-block;padding:7px 10px;margin:8px 4px 0 0}.sectionlist{display:none}.mobilechannel{display:grid;font-size:12px;gap:6px}.mobilechannel select{width:100%}.communitychannels .eyebrow{display:none}.community-messages{max-height:400px;min-height:280px}.communitymanagement{max-height:none}.communitycompose{padding:13px}.communitycompose>.row{flex-wrap:wrap}.communitycompose button{margin-left:auto}.channelheader{padding:15px}.communityempty{padding:25px}.communityempty h2{font-size:28px}.communitymanagement .setting{flex-wrap:wrap}.communitymanagement .setting>.row{flex-wrap:wrap}.channelwelcome{padding:30px 0}.channelwelcome h2{font-size:23px}.channelmessage{gap:8px}.channelmessagebody .textbutton{font-size:10px}.communitylayout .channelmessage .avatar{width:26px;height:26px;font-size:10px}.community-messages{padding:12px}.heading>.row{gap:15px}.heading>.row>.row button{font-size:12px}.communitymanagement h2{font-size:18px}}

.sidebar{overflow-y:auto}.sidebar nav{flex-shrink:0}

.communityrail button{overflow:hidden}.communityrail button img{width:100%;height:100%;object-fit:cover}.communitybanner{aspect-ratio:8/3;overflow:hidden;border-radius:8px;margin-bottom:14px}.communitybanner img{width:100%;height:100%;object-fit:cover}.communitydefault{background:linear-gradient(130deg,#183b30,#64794f);display:grid;place-items:center;color:#e4bb6e;font-size:8px;letter-spacing:1px}.communityportrait{width:62px;height:62px;object-fit:cover;border:3px solid var(--surface);border-radius:20px;margin-top:-36px;margin-bottom:6px;position:relative;display:block}.communitypicturepreview{width:112px;height:112px;border-radius:30px;background:#d9e3cf;overflow:hidden;display:grid;place-items:center;font-size:30px;color:#193c34}.communitypicturepreview img,.communitycoverpreview img{width:100%;height:100%;object-fit:cover}.communitycoverpreview{aspect-ratio:8/3;overflow:hidden;border-radius:12px;background:linear-gradient(130deg,#183b30,#64794f);color:#e4bb6e;display:grid;place-items:center;font-size:10px;letter-spacing:2px}@media(max-width:900px){.communitybanner{max-height:150px}.communitybanner img{object-position:center}.communityportrait{width:64px;height:64px}}

.companypanel{margin:20px 0;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.companybadge{font-size:9px;margin:8px 0}.companystats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0}.companystats>div{padding:12px;border:1px solid var(--line);border-radius:10px}.companystats b{display:block;font-size:24px}.companystats small{display:block;font-size:11px}

.companytoolsview{padding:24px;min-width:0;max-height:900px;overflow:auto}.companytoolsection{padding-top:22px;margin-top:20px;border-top:1px solid var(--line)}.companyworkthread{padding:18px;border:1px solid var(--line);border-radius:12px;margin-top:20px;background:var(--bg)}.companyworkthread .community-messages{min-height:100px;max-height:350px;padding:10px}.companytoolsview .setting>div{min-width:0}.companytoolsview .setting p{white-space:pre-wrap;overflow-wrap:anywhere}.companytoolsview .setting button{font-size:12px}.companytoolsview input,.companytoolsview textarea{width:100%}@media(max-width:900px){.companytoolsview{padding:15px;max-height:none}.companyworkthread{padding:12px}}

.unreadbadge{display:inline-grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:12px;background:#e4bb6e;color:#183b30!important;font-size:11px!important;font-weight:800;line-height:1}.nav .navunread{margin-left:auto;width:auto;font-size:11px}.navunread:empty,.conversationunread:empty,.channelunread:empty,.communityunread:empty,.workunread:empty{display:none}.channelunread,.conversationunread,.workunread{margin-left:auto}.communityrail button{position:relative}.communityunread{position:absolute;right:0;bottom:0}.communityunread .unreadbadge{height:17px;min-width:17px;font-size:9px!important}.notificationbutton{white-space:nowrap}.notificationitem>div{min-width:0}.notificationitem h3{overflow-wrap:anywhere}@media(max-width:750px){.notificationlabel{display:none}.nav{position:relative}.nav .navunread{position:absolute;right:0;top:0}.top .notificationbutton{font-size:16px;padding:7px}.top .unreadbadge{font-size:10px!important;min-width:18px;height:18px}}

.pushsettings{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:22px;margin-top:18px}.pushsettings .setting{gap:12px}.pushsettings .setting .row{flex-wrap:wrap}.pushsettings .setting button{font-size:12px}

.messagetools{gap:6px;margin-top:6px}.messagetools .textbutton{font-size:11px}.reactionchip{padding:3px 8px;border-radius:16px;background:var(--bg);border:1px solid var(--line);font-size:12px;white-space:nowrap}.reactionchip.mine{border-color:#b88838;background:#f2dfb5;color:#193c34}.messagequote{border-left:3px solid #b98d43;padding:7px 10px;margin:5px 0 10px;white-space:normal;background:#80907018;border-radius:5px;font-size:12px;overflow-wrap:anywhere}.messagequote p{font-size:12px!important;white-space:pre-wrap;margin:3px 0!important;line-height:1.4!important}.bubble .messagequote small{color:inherit}.messagereplybar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px;border-left:3px solid #b98d43;background:var(--bg);border-radius:8px;grid-column:1/-1;flex-basis:100%}.messagereplybar p{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:60px;overflow:auto}.messagereplybar small{font-weight:700}.chatinput{flex-wrap:wrap}.messagepinned{font-size:10px;color:var(--muted)}.reactionpicker{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.reactionpicker button{font-size:26px;padding:12px}.pinnedmessage{border-bottom:1px solid var(--line);padding:18px 0;overflow-wrap:anywhere}.pinnedmessage .posttext{white-space:pre-wrap}.pinlistbutton{font-size:12px;white-space:nowrap}.messagewrap>.messagetools{max-width:100%}.channelheader>.row{flex-wrap:wrap}