.community-management .table-toolbar { align-items: center; }
.community-table-card .table.community-list-table { min-width: 940px; table-layout: fixed; }
.community-col-author { width: clamp(140px, 11vw, 250px); }
.community-col-engagement { width: clamp(170px, 14vw, 320px); }
.community-col-report { width: clamp(76px, 6.5vw, 148px); }
.community-col-status { width: clamp(80px, 7vw, 155px); }
.community-col-time { width: clamp(112px, 9vw, 195px); }
.community-col-action { width: 112px; }
@media (min-width: 1600px) {
  .community-col-author { width: 14%; }
  .community-col-content { width: 23%; }
  .community-col-engagement { width: 25%; }
  .community-col-report { width: 11%; }
  .community-col-status { width: 10%; }
  .community-col-time { width: auto; }
}
.community-table-card .community-list-table th:nth-child(n) { width: auto; min-width: 0; }
.community-table-card .community-list-table th:nth-child(3) { text-align: center; }
.community-table-card .community-list-table :is(th, td):nth-child(n+4) { white-space: nowrap; }
.community-table-card .community-list-table td { padding-block: 11px; }
.community-table-card .notice-filters .inline-search { width: 275px; }
.community-filters .community-report-filter { min-height: 38px; padding: 0 10px; border: 1px solid #dce4ee; border-radius: 9px; background: #fff; cursor: pointer; }
.community-filters .community-report-filter:has(input:checked) { border-color: #b9cef5; background: #eef4ff; color: #2857a5; }
.community-filters .community-report-filter input { margin: 0; }
.community-engagement { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; text-align: center; font-variant-numeric: tabular-nums; }
.community-engagement > div { display: flex; flex-direction: column-reverse; align-items: center; gap: 3px; }
.community-engagement > div + div { border-left: 1px solid #e8edf4; }
.community-engagement dt { color: #65758d; font-size: 11px; }
.community-engagement dd { margin: 0; color: #233650; font-size: 14px; font-weight: 650; }
.community-published-at { color: #52647b; font-variant-numeric: tabular-nums; }
@media (max-width: 1750px) {
  .community-published-at span { display: block; }
}
.community-feed-copy { min-width: 0; }
.community-table-card small, .community-post-header small { color: #67758c; display: block; margin-top: 4px; font-size: 11px; }
.community-feed-cell { display: flex; align-items: center; gap: 10px; }
.community-feed-cell img { width: 54px; height: 54px; flex: none; border-radius: 7px; object-fit: cover; }
.community-excerpt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #253751; font-size: 13px; line-height: 1.5; overflow: hidden; overflow-wrap: anywhere; }
.community-scope { display: flex; align-items: center; gap: 8px; margin-top: 5px; font-size: 12px; color: #586981; }
.community-detail { display: grid; gap: 14px; min-width: 0; }
.community-detail .page-heading { margin: 0; }
.community-back { justify-self: start; padding: 2px 0; }
.community-post { padding: 18px 22px 0; }
.community-post-header { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.community-post-header strong { color: #223550; font-size: 16px; }
.community-post p { margin: 14px 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.community-photos { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 15px; }
.community-photos img { width: min(230px, 100%); height: 160px; border-radius: 8px; object-fit: cover; }
.community-post-counts { display: flex; flex-wrap: wrap; gap: 8px 24px; padding: 13px 0; border-top: 1px solid #e8edf4; color: #596983; font-size: 13px; }
.community-post-counts strong { color: #223550; margin-left: 4px; }
.community-comment-card .card-header { border-bottom: 1px solid #e8edf4; }
.community-comment-card .card-header h2 { margin: 0; }
.community-thread { padding: 16px 22px; }
.community-thread + .community-thread { border-top: 1px solid #e8edf4; }
.community-comment { display: flex; align-items: start; justify-content: space-between; gap: 12px; }
.community-comment time { color: #67758c; font-size: 11px; margin-left: 5px; }
.community-comment p { margin: 5px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.community-comment button { flex: none; padding: 0; }
.community-replies { display: grid; gap: 12px; border-left: 2px solid #e1e9f5; background: #f8fafd; margin-top: 12px; margin-left: 16px; padding: 12px 14px; }
.community-comment-empty { text-align: center; padding: 18px; color: #67758c; }
@media (max-width: 1180px) {
  body:has(.community-management) { min-width: 0; }
  body:has(.community-management) .layout { grid-template-columns: 184px minmax(0, 1fr); }
  body:has(.community-management) .sidebar { width: 184px; }
  body:has(.community-management) :is(.content, .topbar) { padding-inline: 20px; }
}
@media (max-width: 720px) {
  body:has(.community-management) .layout { grid-template-columns: 132px minmax(0, 1fr); }
  body:has(.community-management) .sidebar { width: 132px; padding-inline: 8px; }
  body:has(.community-management) :is(.content, .topbar) { padding-inline: 12px; }
  .community-table-card .notice-filters .inline-search { width: min(275px, 100%); }
}
.community-person { display: flex; align-items: flex-start; gap: 10px; min-width: 0; }
.community-person > div { min-width: 0; overflow-wrap: anywhere; }
.community-avatar { --avatar-bg: #e7eef7; --avatar-ink: #536e91; position: relative; display: inline-block; width: 34px; height: 34px; border-radius: 50%; flex: 0 0 auto; background: var(--avatar-bg); overflow: hidden; }
.community-avatar i, .community-avatar b { position: absolute; left: 50%; translate: -50% 0; background: var(--avatar-ink); }
.community-avatar i { width: 11px; height: 11px; top: 6px; border-radius: 45%; }
.community-avatar b { width: 23px; height: 18px; top: 20px; border-radius: 55% 55% 0 0; }
.community-avatar-olivia { --avatar-bg: #dbeafe; --avatar-ink: #3e68a3; }
.community-avatar-david { --avatar-bg: #dbece6; --avatar-ink: #467b6a; }
.community-avatar-emma { --avatar-bg: #f7e8dc; --avatar-ink: #a66549; }
.community-avatar-noah { --avatar-bg: #e7e1f5; --avatar-ink: #78679b; }
.community-avatar-mia { --avatar-bg: #fae2eb; --avatar-ink: #a95f7d; }
.community-content-tags { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 5px; }
.community-post > .community-content-tags { margin-bottom: 14px; }
.community-topic, .community-recipe-tag { padding: 2px 6px; border-radius: 4px; font-size: 11px; background: #edf3ff; color: #2857a5; }
.community-recipe-tag { background: #edf6f3; color: #286b56; }
.community-report-filter { display: inline-flex; align-items: center; gap: 6px; color: #52647b; font-size: 12px; white-space: nowrap; }
.community-report-filter input { accent-color: #246bff; }
.community-report-link { padding: 0; }
.community-photo { border: 0; padding: 0; border-radius: 8px; background: transparent; cursor: zoom-in; overflow: hidden; }
.community-photos .community-photo img { display: block; width: 168px; height: 126px; }
.community-video { display: block; max-width: 100%; width: 320px; max-height: 245px; margin: 0 0 15px; border-radius: 8px; background: #172740; }
.community-related { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 8px 12px; width: fit-content; margin-bottom: 14px; background: #f3f7fe; border-radius: 7px; color: #52647b; }
.community-review { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 14px 20px; }
.community-review > div { display: flex; gap: 8px; }
.community-review-result { padding: 14px 20px; }
.community-review-result h2 { margin: 0 0 6px; font-size: 14px; }
.community-review-result p { margin: 0; color: #52647b; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; }
.community-review-preview { min-width: 0; padding: 10px 12px; border-radius: 8px; background: #f5f7fb; }
.community-review-preview strong { display: block; margin-bottom: 4px; }
.dm-dialog-body label[for="community-confirm-input"] { margin-bottom: -8px; font-weight: 650; }
textarea#community-confirm-input { width: 100%; min-height: 100px; padding: 9px 11px; border: 1px solid #dce4ee; border-radius: 8px; color: #23344d; font: inherit; line-height: 1.5; resize: vertical; }
#community-confirm-input:focus { outline: 2px solid #4a81ff; outline-offset: 1px; }
#community-confirm-input[aria-invalid="true"] { border-color: #c03548; }
.dm-dialog-body .community-review-error { margin-top: -8px; color: #b12f43; font-size: 12px; }
.community-report-table { min-width: 820px; }
.community-table-card .community-report-pending { color: #975010; }
#community-reports .card-header > span { color: #52647b; font-size: 12px; }
.community-report-table :is(td, th):nth-child(n+4):not(:nth-child(6)) { white-space: nowrap; }
.community-report-note { width: 25%; white-space: pre-wrap; overflow-wrap: anywhere; }
.community-topics-page .community-back { margin-bottom: 12px; }
.community-topics-page .notice-filters { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.community-topic-filter { display: flex; align-items: center; gap: 8px; color: #52647b; font-size: 12px; }
.community-topic-filter select { height: 38px; }
.community-topics-table { min-width: 620px; }
.community-topics-table th:first-child { width: 46%; }
.community-topics-table td:first-child { overflow-wrap: anywhere; }
.community-topic-date { white-space: nowrap; font-variant-numeric: tabular-nums; }
.community-comment-likes { display: block; margin-top: 5px; color: #586b88; }
.community-list-photo { position: relative; flex: none; }
.community-list-photo img { display: block; }
.community-list-photo span { position: absolute; right: 2px; bottom: 2px; padding: 0 4px; border-radius: 4px; background: #16243c; color: #fff; font-size: 10px; }
.community-photo:focus-visible, .community-photo-arrow:focus-visible { outline: 2px solid #4a81ff; outline-offset: 2px; }
.community-photo-dialog { width: min(840px, calc(100% - 32px)); }
.community-photo-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 16px; color: #53647c; font-size: 13px; border-bottom: 1px solid #e8edf4; }
.community-photo-view { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; justify-items: center; gap: 8px; min-height: 180px; padding: 12px; background: #f7f9fc; }
.community-photo-view:has([data-step]) { grid-template-columns: auto minmax(0, 1fr) auto; }
.community-photo-view img { display: block; max-width: 100%; max-height: min(68dvh, 680px); object-fit: contain; border-radius: 7px; }
.community-photo-arrow { width: 36px; height: 40px; border: 1px solid #d7e2f0; border-radius: 8px; background: #fff; color: #234679; font-size: 24px; line-height: 1; cursor: pointer; }
.community-photo-arrow:hover { background: #edf3ff; }