/*
  Community compact legacy module.
  Extracted from the former pages/60-profile-systems.css; keep after profile modules and before 70-community.css.
*/

   Community page — compact full-screen layout
   ========================================================= */
.communityShell{
  min-height:100dvh;
  height:100dvh;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.communityWorkspace{
  flex:1 1 auto;
  min-height:0;
  display:grid;
  grid-template-columns:260px minmax(0,1fr) 250px;
  gap:10px;
}
.communityTopbar,
.communitySidebar,
.communityBoard,
.communityComposer,
.communityHistory,
.communityChannel,
.communityMessage,
.communityRoster,
.communityRosterCard{
  border:1px solid rgba(255,255,255,.06);
  background:rgba(8,12,18,.84);
  box-shadow:0 10px 28px rgba(0,0,0,.18);
  backdrop-filter:blur(10px);
}
.communityBrand__kicker,
.communityBoard__eyebrow,
.communityRosterSection__title,
.communitySidebar__hint,
.communityComposer__hint,
.communityMessage__time,
.communityMessage__edited,
.communityMessage__deleted,
.communityChannel__count,
.communityMiniProfile__meta,
.communityRoster__hint{
  color:var(--text700);
}
.communityTopbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:9px 11px;
  border-radius:14px;
}
.communityTopbar__left,
.communityTopbar__right,
.communityBoard__meta,
.communityComposer__actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.communityTopbar__right{
  justify-content:flex-end;
}
.communityTopbar__back,
.communityTopbar .btn,
.communityBoard__channelsBtn,
.communityMessage__actions .btn{
  min-height:36px;
  border-radius:12px;
}
.communityMiniProfile{
  min-width:0;
  display:inline-grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:6px 10px 6px 6px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.03);
  text-decoration:none;
  color:inherit;
}
.communityMiniProfile--brand{ pointer-events:none; }
.communityMiniProfile__avatar{
  width:42px;
  height:42px;
  border-radius:12px;
  object-fit:cover;
  background:rgba(255,255,255,.06);
}
.communityMiniProfile__body{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.communityMiniProfile__name{
  font-size:14px;
  line-height:1.2;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.communityMiniProfile__meta,
.communitySidebar__hint,
.communityComposer__status,
.communityComposer__hint,
.communityChannel__count,
.communityMessage__time,
.communityMessage__edited,
.communityMessage__deleted,
.communityRoster__hint{
  font-size:12px;
}
.communitySidebar__close,
.communityBoard__channelsBtn,
.communityDrawerBackdrop{
  display:none;
}
.communitySidebar,
.communityRoster{
  min-height:0;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:12px;
  border-radius:20px;
}
.communitySidebar__head,
.communityRoster__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.communitySidebar__title,
.communityRoster__title{
  font-size:15px;
  line-height:1.2;
  font-weight:900;
}
.communitySearch{
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 12px;
  min-height:42px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:14px;
  background:rgba(255,255,255,.025);
}
.communitySearch .input{
  min-height:40px;
  border:none;
  background:transparent;
  box-shadow:none;
  padding:0;
  font-size:14px;
}
.communitySearch .input:focus{ outline:none; }
.communityChannels,
.communityRoster__sections,
.communityRosterSection__list{
  min-height:0;
  display:flex;
  flex-direction:column;
  gap:8px;
  overflow:auto;
}
.communityChannel{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  padding:11px 12px;
  border-radius:16px;
  transition:border-color .16s ease, background .16s ease, transform .16s ease;
  cursor:pointer;
}
.communityChannel:hover{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.12);
}
.communityChannel.is-active{
  border-color:rgba(114,209,255,.30);
  background:rgba(32,61,92,.28);
}
.communityChannel.is-disabled{ opacity:.58; }
.communityChannel__main{ min-width:0; }
.communityChannel__title{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:14px;
  font-weight:800;
}
.communityChannel__desc{
  margin-top:4px;
  line-height:1.35;
  font-size:13px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.communityChannel__meta{
  flex:0 0 auto;
  min-width:72px;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:6px;
}
.communityUnread{
  min-width:22px;
  height:22px;
  padding:0 7px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:900;
  background:linear-gradient(135deg, rgba(255,112,112,.94), rgba(255,71,119,.92));
  color:#fff;
}
.communityChannel__lock{
  color:var(--text700);
  font-size:11px;
}
.communityBoard{
  min-height:0;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  gap:10px;
  padding:12px;
  border-radius:20px;
  overflow:hidden;
}
.communityBoard__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(255,255,255,.05);
}
.communityBoard__topLeft{
  min-width:0;
  display:flex;
  align-items:flex-start;
  gap:10px;
}
.communityBoard__heading{ min-width:0; }
.communityBoard__eyebrow{
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.communityBoard__title{
  font-size:24px;
  line-height:1.05;
  font-weight:900;
}
.communityBoard__desc{
  margin-top:4px;
  line-height:1.4;
  font-size:13px;
  color:var(--text700);
}
.communityBoard__meta .pill{
  min-height:30px;
  padding:0 10px;
  font-size:11px;
}
.communityHistory{
  min-height:0;
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:8px;
  border-radius:16px;
  background:rgba(255,255,255,.02);
  overflow:hidden;
}
.communityLoadMore{ align-self:flex-start; }
.communityMessages{
  min-height:0;
  height:100%;
  overflow:auto;
  display:flex;
  flex-direction:column;
  gap:8px;
  padding-right:2px;
}
.communityMessage{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:end;
  gap:10px;
  padding:0;
  border:none;
  background:transparent;
  box-shadow:none;
  border-radius:0;
  position:relative;
}
.communityMessage:hover{
  background:transparent;
  border-color:transparent;
}
.communityMessage.is-own{
  grid-template-columns:minmax(0,1fr);
  justify-items:end;
}
.communityMessage.is-replying .communityMessage__body{
  border-color:rgba(114,209,255,.38);
  box-shadow:0 0 0 1px rgba(114,209,255,.14) inset;
}
.communityMessage__avatar{
  width:38px;
  height:38px;
  border-radius:11px;
  object-fit:cover;
  background:rgba(255,255,255,.06);
  align-self:end;
}
.communityMessage.is-own .communityMessage__avatar{
  display:none;
}
.communityMessage__body{
  min-width:0;
  width:fit-content;
  justify-self:start;
  max-width:min(78%, 860px);
  padding:11px 12px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(11,16,24,.92);
  box-shadow:0 10px 24px rgba(0,0,0,.14);
}
.communityMessage.is-own .communityMessage__body{
  grid-column:1;
  justify-self:end;
  border-color:rgba(201,118,44,.32);
  background:linear-gradient(180deg, rgba(72,42,18,.94), rgba(42,26,14,.94));
}
.communityMessage__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
}
.communityMessage__meta{
  min-width:0;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  align-items:center;
}
.communityMessage.is-own .communityMessage__meta,
.communityMessage.is-own .communityMessage__top,
.communityMessage.is-own .communityMessage__reply,
.communityMessage.is-own .communityMessage__text,
.communityMessage.is-own .communityMessage__media{
  text-align:right;
}
.communityMessage__name{
  font-size:14px;
  font-weight:800;
}
.communityMessage__actions{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  opacity:0;
  pointer-events:none;
  transition:.16s ease;
}
.communityMessageAction{
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  border:none;
  border-radius:999px;
  color:var(--text700);
  background:rgba(255,255,255,.055);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);
  transition:background .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease;
}
.communityMessageAction:hover,
.communityMessageAction:focus-visible{
  color:var(--text900);
  background:rgba(255,255,255,.1);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
}
.communityMessageAction:active{ transform:translateY(1px); }
.communityMessage.is-own .communityMessageAction{
  color:rgba(255,232,210,.82);
  background:rgba(255,255,255,.07);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);
}
.communityMessage.is-own .communityMessageAction:hover,
.communityMessage.is-own .communityMessageAction:focus-visible{
  color:#fff4ea;
  background:rgba(255,255,255,.12);
}
.communityMessage:hover .communityMessage__actions,
.communityMessage:focus-within .communityMessage__actions{
  opacity:1;
  pointer-events:auto;
}
.communityMessage.is-own .communityMessage__actions{
  justify-content:flex-end;
}
.communityMessage__reply{
  margin-top:7px;
  padding:7px 9px;
  border-radius:12px;
  border-left:3px solid rgba(114,209,255,.38);
  background:rgba(255,255,255,.04);
  color:var(--text700);
  font-size:12px;
}
.communityMessage.is-own .communityMessage__reply{
  border-left:none;
  border-right:3px solid rgba(255,182,90,.48);
  background:rgba(255,255,255,.06);
}
.communityMessage__reply b{ color:var(--text900); }
.communityMessage__body > *{ max-width:100%; }
.communityMessage__text{
  margin-top:7px;
  line-height:1.48;
  font-size:14px;
  white-space:pre-wrap;
  word-break:break-word;
}
.communityMessage__text.is-deleted{
  color:var(--text700);
  font-style:italic;
}
.communityMessage.is-own .communityMessage__time,
.communityMessage.is-own .communityMessage__edited,
.communityMessage.is-own .communityMessage__deleted{
  color:rgba(255,226,194,.7);
}
.communityMessage.is-own .communityMessage__link{
  color:rgba(255,233,208,.96);
}
.communityMessage.is-own .communityLinkCard,
.communityMessage.is-own .communityEmbedCard,
.communityMessage.is-own .communityMediaCard,
.communityMessage.is-own .communityMessage__reply{
  margin-left:auto;
}
.communityMessage.is-own .communityLinkCard{
  border-color:rgba(255,255,255,.08);
  background:rgba(255,255,255,.05);
}
.communityMessage.is-own .communityEmbedCard__badge{
  border-color:rgba(255,255,255,.12);
  background:rgba(255,255,255,.08);
}
.communityComposer{
  padding:9px;
  border-radius:14px;
  box-shadow:none;
}
.communityComposer__context{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
  padding:9px 10px;
  border-radius:12px;
  border:1px solid rgba(114,209,255,.2);
  background:rgba(114,209,255,.06);
}
.communityComposer__contextText{
  min-width:0;
  font-size:12px;
  color:var(--text700);
}
.communityComposer__field{ display:block; }
.communityComposer__input{
  width:100%;
  min-height:88px;
  max-height:220px;
  resize:vertical;
  border-radius:14px;
  font-size:14px;
}
.communityComposer__bottom{
  margin-top:10px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.communityComposer__statusWrap{
  display:flex;
  flex-direction:column;
  gap:3px;
}
.communityComposer__counter,
.communityRoster__count{
  font-size:12px;
  color:var(--text700);
  font-variant-numeric:tabular-nums;
}
.communityAuthNotice,
.communityState{
  padding:12px;
  border-radius:14px;
  background:rgba(255,255,255,.025);
  color:var(--text700);
  font-size:13px;
}
.communityMessageEmpty{
  min-height:180px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}

@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{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.communityRosterSection__title{
  font-size:11px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.communityRosterCard{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  padding:9px;
  border-radius:14px;
}
.communityRosterCard__avatar{
  width:34px;
  height:34px;
  border-radius:10px;
  object-fit:cover;
  background:rgba(255,255,255,.06);
}
.communityRosterCard__body{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.communityRosterCard__name{
  font-size:13px;
  font-weight:800;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.communityRosterCard__meta{
  font-size:11px;
  color:var(--text700);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.communityRosterCard__badges{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.communityRosterBadge{
  min-height:22px;
  padding:0 8px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}
.communityRosterBadge--accent{
  border-color:rgba(114,209,255,.24);
  background:rgba(114,209,255,.10);
}
.communityRoster__empty{
  padding:10px;
  border-radius:12px;
  border:1px dashed rgba(255,255,255,.07);
  color:var(--text700);
  font-size:12px;
}

html.page-community,
html.page-community body{
  min-height:100%;
}
body.page-community{
  min-height:100dvh;
  background:#070b11;
}
body.page-community.community-lock-scroll,
html.communitySidebarOpen,
html.communitySidebarOpen body.page-community{
  overflow:hidden;
}
body.page-community main.wrap--community{
  position:relative;
  isolation:isolate;
  width:100%;
  max-width:none;
  min-height:100dvh;
  margin:0;
  padding:0;
}
body.page-community main.wrap--community::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(4,7,11,.78), rgba(4,7,11,.92)),
    radial-gradient(900px 380px at 0% 0%, rgba(223,126,34,.08), transparent 55%),
    radial-gradient(760px 360px at 100% 0%, rgba(60,120,210,.08), transparent 60%);
}
body.page-community .communityShell.panel{
  position:relative;
  z-index:1;
  min-height:100dvh;
  height:100dvh;
  margin:0;
  padding:10px;
  border:none;
  border-radius:0;
  box-shadow:none;
  background:transparent;
  overflow:hidden;
}

@media (min-width: 1121px){
  body.page-community{ overflow:hidden; }
}
@media (max-width: 1440px){
  .communityWorkspace{
    grid-template-columns:240px minmax(0,1fr) 220px;
  }
}
@media (max-width: 1260px){
  .communityWorkspace{
    grid-template-columns:240px minmax(0,1fr);
    grid-template-areas:'sidebar board' 'sidebar roster';
  }
  .communitySidebar{ grid-area:sidebar; }
  .communityBoard{ grid-area:board; }
  .communityRoster{
    grid-area:roster;
    max-height:220px;
  }
}
@media (max-width: 1120px){
  body.page-community{ overflow:auto; }
  body.page-community .communityShell.panel{
    min-height:100dvh;
    height:auto;
    overflow:visible;
  }
  .communityWorkspace{
    grid-template-columns:1fr;
    grid-template-areas:none;
  }
  .communitySidebar{
    position:fixed;
    inset:10px auto 10px 10px;
    width:min(320px, calc(100vw - 20px));
    max-width:calc(100vw - 20px);
    max-height:calc(100dvh - 20px);
    z-index:40;
    transform:translateX(calc(-100% - 20px));
    transition:transform .18s ease;
  }
  .communityShell.is-sidebar-open .communitySidebar,
  .communitySidebar.is-open{
    transform:translateX(0);
  }
  .communityDrawerBackdrop{
    position:fixed;
    inset:0;
    z-index:35;
    display:block;
    background:rgba(2,5,9,.62);
    border:none;
    padding:0;
    cursor:pointer;
  }
  .communitySidebar__close,
  .communityBoard__channelsBtn{
    display:inline-flex;
  }
  .communityBoard{
    min-height:68vh;
  }
  .communityRoster{
    max-height:none;
  }
}
@media (max-width: 760px){
  body.page-community .communityShell.panel{
    padding:8px;
    gap:8px;
  }
  .communityTopbar,
  .communitySidebar,
  .communityBoard,
  .communityComposer,
  .communityHistory,
  .communityChannel,
  .communityMessage,
  .communityRoster,
  .communityRosterCard{
    border-radius:16px;
  }
  .communityTopbar{
    align-items:flex-start;
    flex-direction:column;
  }
  .communityTopbar__left,
  .communityTopbar__right{
    width:100%;
  }
  .communityBoard__top,
  .communityComposer__bottom{
    flex-direction:column;
    align-items:flex-start;
  }
  .communityBoard__topLeft{
    width:100%;
  }
  .communityBoard__title{
    font-size:20px;
  }
  .communityMessage{
    grid-template-columns:34px minmax(0,1fr);
    padding:9px 10px;
  }
  .communityMessage__avatar,
  .communityRosterCard__avatar{
    width:34px;
    height:34px;
  }
  .communityMessage__actions{
    opacity:1;
    pointer-events:auto;
  }
}
@media (max-width: 560px){
  .communityTopbar .btn,
  .communityComposer__actions .btn,
  .communityBoard__channelsBtn{
    width:100%;
    justify-content:center;
  }
  .communityTopbar__right,
  .communityComposer__actions{
    width:100%;
  }
  .communityMiniProfile{
    width:100%;
  }
  .communitySidebar{
    inset:8px auto 8px 8px;
    width:min(310px, calc(100vw - 16px));
    max-height:calc(100dvh - 16px);
  }
}