/*
  Community compact layout module.
  Extracted from the former pages/70-community.css; keep after 70-community.css.
*/

/* =========================================================
   P294 — community compact refinements
   ========================================================= */
body.page-community .communityShell.panel{
  padding:6px;
  gap:6px;
}
.communityShell{
  gap:6px;
}
.communityWorkspace{
  height:100%;
  min-height:0;
  gap:6px;
  grid-template-columns:220px minmax(0,1fr) 210px;
  overflow:hidden;
}
.communityTopbar,
.communitySidebar,
.communityBoard,
.communityComposer,
.communityHistory,
.communityChannel,
.communityMessage,
.communityRoster,
.communityRosterCard,
.communityUploadItem,
.communityLinkCard,
.communityEmbedCard,
.communityMediaCard{
  box-shadow:none;
  backdrop-filter:blur(8px);
}
.communityTopbar,
.communitySidebar,
.communityBoard,
.communityRoster{
  background:rgba(7,11,17,.9);
  border-color:rgba(255,255,255,.045);
}
.communityTopbar{
  padding:6px 8px;
  border-radius:12px;
}
.communityTopbar__left,
.communityTopbar__right{
  gap:6px;
}
.communityTopbar .btn,
.communityTopbar__back,
.communityBoard__channelsBtn,
.communityMessage__actions .btn{
  min-height:32px;
  padding:0 10px;
  border-radius:10px;
}
.communityMiniProfile{
  grid-template-columns:34px minmax(0,1fr);
  gap:8px;
  padding:5px 9px 5px 5px;
  border-radius:12px;
}
.communityMiniProfile__avatar{
  width:34px;
  height:34px;
  border-radius:10px;
}
.communityMiniProfile__name{
  font-size:13px;
}
.communityMiniProfile__meta{
  font-size:11px;
}
.communitySidebar,
.communityRoster,
.communityBoard{
  height:100%;
  max-height:100%;
  padding:8px;
  gap:8px;
  border-radius:16px;
  overflow:hidden;
}
.communitySidebar__head,
.communityRoster__head,
.communityBoard__top{
  gap:8px;
}
.communitySidebar__title,
.communityRoster__title{
  font-size:13px;
}
.communitySidebar__hint,
.communityRoster__hint,
.communityBoard__eyebrow,
.communityBoard__desc,
.communityComposer__hint,
.communityComposer__status,
.communityComposer__counter,
.communityRoster__count,
.communityMessage__time,
.communityMessage__edited,
.communityMessage__deleted{
  font-size:11px;
}
.communitySearch{
  min-height:36px;
  padding:0 10px;
  border-radius:12px;
}
.communitySearch .input{
  min-height:34px;
  font-size:13px;
}
.communityChannels,
.communityRoster__sections,
.communityRosterSection__list,
.communityMessages{
  gap:6px;
}
.communityChannel{
  min-height:42px;
  align-items:center;
  padding:8px 10px;
  border-radius:12px;
  background:rgba(255,255,255,.016);
}
.communityChannel:hover{
  transform:none;
  border-color:rgba(255,255,255,.1);
  background:rgba(255,255,255,.026);
}
.communityChannel.is-active{
  border-color:rgba(223,126,34,.46);
  background:rgba(223,126,34,.08);
}
.communityChannel.has-unread:not(.is-active){
  border-color:rgba(223,126,34,.22);
}
.communityChannel__main{
  display:flex;
  align-items:center;
  min-width:0;
}
.communityChannel__title{
  min-width:0;
  gap:6px;
  font-size:13px;
}
.communityChannel__titleText{
  min-width:0;
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#f4f6f8;
}
.communityChannel.is-active .communityChannel__titleText,
.communityChannel.has-unread .communityChannel__titleText{
  color:#df7e22;
}
.communityChannel__desc{
  display:none !important;
}
.communityChannel__meta{
  min-width:auto;
  flex-direction:row;
  align-items:center;
  gap:5px;
}
.communityChannel__count,
.communityUnread{
  min-width:20px;
  height:20px;
  padding:0 7px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:10px;
  font-weight:800;
  line-height:1;
}
.communityChannel__count{
  color:rgba(255,255,255,.84);
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.06);
}
.communityUnread{
  background:rgba(223,126,34,.16);
  border:1px solid rgba(223,126,34,.34);
  color:#ffd8b3;
}
.communityChannel__lock{
  font-size:10px;
  color:rgba(223,126,34,.72);
}
.communityBoard{
  grid-template-rows:auto minmax(0,1fr) auto;
}
.communityBoard__top{
  padding:0 0 6px;
  border-bottom:1px solid rgba(255,255,255,.045);
  overflow-anchor:none;
}
.communityBoard__title{
  font-size:18px;
  line-height:1.1;
}
.communityBoard__desc{
  margin-top:2px;
}
.communityBoard__meta .pill{
  min-height:24px;
  padding:0 8px;
  font-size:10px;
}
.communityHistory{
  padding:6px;
  border-radius:12px;
  background:rgba(255,255,255,.014);
  overscroll-behavior:contain;
}
.communityMessages{
  padding-right:0;
  overscroll-behavior:contain;
}
.communityMessage{
  grid-template-columns:32px minmax(0,1fr);
  gap:8px;
  padding:8px 9px;
  border-radius:12px;
  background:rgba(255,255,255,.02);
}
.communityMessage__avatar,
.communityRosterCard__avatar{
  width:32px;
  height:32px;
  border-radius:9px;
}
.communityMessage__name{
  font-size:13px;
}
.communityMessage__top{
  gap:6px;
}
.communityMessage__actions{
  gap:4px;
}
.communityMessage__reply{
  margin-top:6px;
  padding:6px 8px;
  border-radius:9px;
  font-size:11px;
}
.communityMessage__text{
  margin-top:6px;
  font-size:13px;
  line-height:1.44;
}
.communityComposer{
  padding:7px;
  border-radius:12px;
  background:rgba(7,11,17,.94);
  overflow-anchor:none;
}
.communityComposer__context{
  margin-bottom:8px;
  padding:8px 9px;
  border-radius:10px;
}
.communityComposer__toolbar{
  margin-bottom:8px;
  gap:6px;
}
.communityComposer__toolbarLeft,
.communityComposer__toolbarRight,
.communityComposer__bottom,
.communityComposer__actions{
  gap:6px;
}
.communityComposer__hint--inline{
  font-size:11px;
}
.communityComposerUploads{
  margin-bottom:8px;
}
.communityComposerUploads__list{
  gap:8px;
}
.communityUploadItem{
  min-width:180px;
  max-width:240px;
  gap:8px;
  padding:8px;
  border-radius:12px;
}
.communityUploadItem__thumb{
  width:42px;
  height:42px;
  border-radius:10px;
}
.communityComposer__input{
  min-height:76px;
  max-height:156px;
  resize:none;
  border-radius:12px;
  font-size:13px;
  line-height:1.42;
}
.communityComposer__bottom{
  margin-top:8px;
  align-items:center;
}
.communityComposer__statusWrap{
  gap:2px;
}
.communityComposer__actions .btn,
.communityComposer__toolbar .btn{
  min-height:32px;
  border-radius:10px;
}

@media (max-width: 1180px){
  .communityMessage__body{ max-width:min(84%, 100%); }
}
@media (max-width: 720px){
  .communityMessage{
    grid-template-columns:32px minmax(0,1fr);
    gap:8px;
  }
  .communityMessage.is-own{
    grid-template-columns:minmax(0,1fr);
  }
  .communityMessage__avatar{ width:32px; height:32px; border-radius:10px; }
  .communityMessage__body{ max-width:100%; padding:10px 11px; }
}

.communityRosterSection{
  gap:6px;
}
.communityRosterSection__title{
  font-size:10px;
}
.communityRosterSection__meta{
  color:rgba(239,230,218,.54);
  font-size:10px;
  line-height:1.35;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.communityRosterCard{
  grid-template-columns:32px minmax(0,1fr) auto;
  gap:7px;
  padding:7px;
  border-radius:12px;
  background:rgba(255,255,255,.018);
}
.communityRosterCard--server{
  background:linear-gradient(180deg, rgba(217,124,43,.085), rgba(255,255,255,.018));
  border:1px solid rgba(217,124,43,.12);
}
.communityRosterCard__name{
  font-size:12px;
}
.communityRosterCard__meta,
.communityRosterBadge,
.communityRoster__empty{
  font-size:10px;
}
.communityRosterBadge{
  min-height:20px;
  padding:0 7px;
}
.communityRosterBadge--server{
  background:rgba(217,124,43,.14);
  border-color:rgba(217,124,43,.22);
  color:#ffdcb9;
}
.communityMediaGrid{
  gap:6px;
}
.communityMediaGrid.is-single{
  grid-template-columns:minmax(180px,360px);
}
.communityMediaCard,
.communityEmbedCard,
.communityLinkCard{
  border-radius:12px;
}
.communityEmbedCard__top{
  padding:8px 10px;
}
.communityLinkCard{
  padding:9px 10px;
}
.communityBoard__channelsBtn,
.communitySidebar__close{
  min-height:30px;
}
.communityTopbar,
.communitySidebar,
.communityBoard,
.communityRoster,
.communityComposer{
  overflow-anchor:none;
}
@media (max-width: 1440px){
  .communityWorkspace{
    grid-template-columns:210px minmax(0,1fr) 190px;
  }
}
@media (max-width: 1260px){
  .communityWorkspace{
    grid-template-columns:210px minmax(0,1fr);
  }
}
@media (max-width: 760px){
  .communityWorkspace{
    gap:8px;
  }
  .communityBoard,
  .communitySidebar,
  .communityRoster{
    padding:8px;
    border-radius:14px;
  }
  .communityTopbar{
    padding:6px;
  }
  .communityMiniProfile{
    min-width:0;
  }
  .communityChannel{
    min-height:40px;
  }
  .communityComposer__input{
    min-height:74px;
    max-height:144px;
  }
}

.communityMessages,.communityChannels,.communityRoster__sections,.communityRosterSection__list{scrollbar-gutter:stable;}