/* Community modules deliberately reuse sticky lists, rich embeds and role selectors. */
.dev-community { min-width: 0; color: #e2e8f0; }
.dev-community [hidden] { display: none !important; }
.dev-community-label { display: flex; align-items: center; gap: 8px; color: #cbd5e1; font-size: 14px; }
.dev-community-label > svg { flex: 0 0 18px; width: 18px; height: 18px; color: #94a3b8; }
.dev-community-label > small { color: #94a3b8; font-size: 14px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.dev-community :is(input,textarea,select) { color: #e2e8f0; font-family: inherit; }
.dev-community input::placeholder,.dev-community textarea::placeholder { color: #94a3b8; opacity: 1; }
.dev-community .panel-input { background: rgba(15,23,30,.72); border: 1px solid rgba(148,163,184,.2); border-radius: 12px; padding: 12px 14px; width: 100%; box-sizing: border-box; }
.dev-community .panel-input:focus-visible { outline: 2px solid rgba(20,99,79,.8); outline-offset: 2px; }
.dev-community .dev-sticky-toolbar > span { color: #94a3b8; font-size: 14px; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.dev-community-actions { display: flex; align-items: center; gap: 8px; }
.dev-community-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.dev-community .dev-sticky-field { margin-bottom: 20px; min-width: 0; }
.dev-community .dev-sticky-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; font-size: 12px; color: #94a3b8; }
.dev-community .dev-sticky-meta svg { width: 14px; height: 14px; flex-shrink: 0; }
.dev-community .dev-sticky-row-copy { min-width: 0; }
.dev-community .dev-sticky-row-copy > p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dev-community .dev-sticky-row-actions { flex-shrink: 0; }
.dev-community [data-community-edit]:is(:hover,:focus-visible) svg { animation: dev-edit-scribble .4s ease; }
.dev-community [data-community-publish]:is(:hover,:focus-visible) svg { transform: scale(1.12); }
.dev-community [data-community-refresh]:is(:hover,:focus-visible) svg { transform: rotate(35deg); }
.dev-community .spanel-log-module-row { justify-content: flex-start; gap: 12px; }
.dev-community .dev-role-new { background: #14634f; color: #effff8; border-color: #2e8b70; }
.dev-community-variables { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 24px; }
.dev-community-birthday-row { display: grid; grid-template-columns: minmax(0,1fr) 80px 80px 34px; gap: 12px; align-items: center; padding: 12px 0; border-bottom: 1px solid rgba(148,163,184,.12); }
.dev-community-birthday-row > strong { overflow: hidden; text-overflow: ellipsis; font-size: 13px; }
.dev-community-birthday-row label { color: #94a3b8; font-size: 11px; }
.dev-community-birthday-row .panel-input { padding: 8px; margin-top: 4px; }
.dev-community-birthday-add { margin-top: 20px; }
.dev-community-members { display: grid; gap: 8px; max-height: 230px; overflow-y: auto; color: #94a3b8; font-size: 13px; }
.dev-community-members .panel-button { justify-content: flex-start; overflow-wrap: anywhere; }
@media(max-width:600px) {
  .dev-community-columns { grid-template-columns: 1fr; gap: 0; }
  .dev-community .dev-sticky-row { flex-wrap: wrap; gap: 8px; }
  .dev-community .dev-sticky-row-copy { flex: 1 1 110px; }
  .dev-community .dev-sticky-row-actions { margin-left: auto; }
  .dev-community-birthday-row { grid-template-columns: minmax(0,1fr) 56px 60px 30px; gap: 6px; }
}
@media(prefers-reduced-motion:reduce) { .dev-community svg { animation: none !important; transition: none !important; transform: none !important; } }