.community-messages-panel{--panel-border-radius:16px;--panel-shadow:0 8px 32px rgba(0,0,0,.12);--item-padding:16px;--avatar-size:40px;--gap-items:12px;--conv-name-size:14px;--conv-name-line-height:20px;--conv-name-weight:600;--conv-name-color:hsl(var(--foreground));--preview-size:12px;--preview-line-height:16px;--preview-weight:400;--preview-color:hsl(var(--muted-foreground));--timestamp-size:11px;--timestamp-line-height:14px;--timestamp-weight:500;--timestamp-color:hsl(var(--muted-foreground));--badge-size:10px;--badge-line-height:12px;--badge-weight:700;--unread-bg:hsl(var(--primary)/0.08);--hover-bg:hsl(var(--muted));--active-border:hsl(var(--primary));--tandria-primary:hsl(var(--primary));--tandria-primary-hover:hsl(var(--primary));--transition:all 200ms ease-out}.community-messages-panel__container{border-radius:var(--panel-border-radius);box-shadow:var(--panel-shadow);max-height:500px;overflow:hidden}.community-messages-panel__conversations-scroll{max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d1d5db #f3f4f6}.community-messages-panel__conversations-scroll::-webkit-scrollbar{width:6px}.community-messages-panel__conversations-scroll::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.community-messages-panel__conversations-scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.community-messages-panel__conversations-scroll::-webkit-scrollbar-thumb:hover{background:#9ca3af}.community-messages-panel__item{padding:var(--item-padding);gap:var(--gap-items);min-height:64px;transition:var(--transition);border-left:2px solid transparent;cursor:pointer;opacity:.85}.community-messages-panel__item:hover{background-color:var(--hover-bg);border-left-color:var(--active-border);opacity:1;transform:translateX(2px)}.community-messages-panel__item--unread{background-color:var(--unread-bg);border-left-color:var(--active-border);opacity:1;font-weight:600}.community-messages-panel__item--unread .community-messages-panel__conversation-name{font-weight:700;color:#1f2937}.community-messages-panel__item--unread .community-messages-panel__message-preview{font-weight:500;color:#4b5563}.community-messages-panel__conversation-name{font-size:var(--conv-name-size);line-height:var(--conv-name-line-height);font-weight:var(--conv-name-weight);color:var(--conv-name-color)}.community-messages-panel__message-preview{font-size:var(--preview-size);line-height:var(--preview-line-height);font-weight:var(--preview-weight);color:var(--preview-color)}.community-messages-panel__timestamp{font-size:var(--timestamp-size);line-height:var(--timestamp-line-height);font-weight:var(--timestamp-weight);color:var(--timestamp-color)}.community-messages-panel__unread-badge{background-color:var(--tandria-primary);color:#fff;font-size:var(--badge-size);line-height:var(--badge-line-height);font-weight:var(--badge-weight);border-radius:12px;padding:2px 8px;min-width:20px;text-align:center}.community-messages-panel__unread-badge-red{background-color:#ef4444!important;color:#fff;font-size:10px;font-weight:700;border-radius:50%;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(239,68,68,.4),0 0 0 2px #fff;z-index:10;animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.community-messages-panel__avatar{width:var(--avatar-size);height:var(--avatar-size);flex-shrink:0}.community-messages-panel__loading{display:flex;align-items:center;justify-content:center;padding:2rem}.community-messages-panel__loading-spinner{width:32px;height:32px;border:2px solid var(--tandria-primary);border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.community-messages-panel__empty{display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center}@media (max-width:768px){.community-messages-panel__container{position:fixed;inset:0;width:100vw;height:100vh;max-height:none;border-radius:0;margin:0}.community-messages-panel__conversations-scroll{max-height:calc(100vh - 140px);-webkit-overflow-scrolling:touch}.community-messages-panel__item{min-height:72px;padding:16px}}.community-messages-panel__media-icon{font-size:14px;margin-right:4px}.community-messages-panel__item-enter{opacity:0;transform:translateY(10px)}.community-messages-panel__item-enter-active{opacity:1;transform:translateY(0);transition:var(--transition)}.community-messages-panel__arrow{position:absolute;top:-8px;right:24px;width:16px;height:16px;background:#fff;border:1px solid #e5e7eb;border-right:none;border-bottom:none;transform:rotate(45deg);z-index:51}