.social-banner{background:#ffe600;border-radius:22px;padding:32px;margin-bottom:24px}.social-banner h1{font-size:30px;margin:12px 0}.social-row{display:flex;align-items:center;gap:16px;color:inherit;text-decoration:none;padding:20px 0;border-bottom:1px solid #eee}.social-row>div{flex:1;min-width:0}.social-row p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:600px;margin:6px 0}.social-row small,.social-row time{display:block;color:#888;font-size:12px}.social-avatar{width:44px;height:44px;background:#fff2a6;border-radius:50%;display:grid;place-items:center;font-weight:bold;flex-shrink:0}.social-badge{border-radius:20px;background:#fa624a;color:white;padding:2px 7px;font-size:12px}.chat-log{display:flex;flex-direction:column;gap:14px;min-height:150px;max-height:52vh;overflow:auto;padding:18px 4px}.bubble{border-radius:16px;padding:12px 16px;max-width:85%;background:#f6f6f6;align-self:flex-start}.bubble.sent{background:#fff2a6;align-self:flex-end}.bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0}.bubble small{color:#777;font-size:11px}.social-post{display:block;text-decoration:none;color:inherit;padding:24px 0;border-bottom:1px solid #eee}.social-post p{color:#666;white-space:pre-wrap;overflow-wrap:anywhere}.social-post h2{margin:12px 0;font-size:22px}.social-post small{color:#888}.social-topic{font-size:13px;color:#756500;background:#fff7bf;border-radius:8px;padding:5px 10px;width:fit-content}.social-comment,.social-moderate{border-bottom:1px solid #eee;padding:18px 0}.social-comment small{color:#888;margin-left:12px;font-size:12px}.social-comment p{white-space:pre-wrap;overflow-wrap:anywhere}#post-form{background:#fafafa;border-radius:16px;padding:20px;margin:16px 0}.chat-panel form textarea{min-height:80px}.social-moderate .detail-text{max-height:260px;overflow:auto}@media(max-width:600px){.social-banner{padding:24px}.social-banner h1{font-size:24px}.social-row{gap:10px}.social-row time{max-width:64px}.social-comment small{display:block;margin:8px 0}.bubble{max-width:94%}}

.social-report{font-size:12px!important;padding:5px 10px!important;margin:4px 0}.report-moderate{padding:20px 0;border-bottom:1px solid #eee}.social-report-dialog{width:min(520px,90vw);border:0;border-radius:20px;padding:24px}.social-report-dialog::backdrop{background:#0005}
.chat-message-image{display:block;max-width:min(220px,100%);max-height:260px;width:auto;height:auto;object-fit:contain;border-radius:8px}.chat-image-link{display:block;margin:8px 0}.chat-image-dialog{width:min(440px,calc(100vw - 32px));border:0;border-radius:16px;padding:22px}.chat-image-dialog::backdrop{background:#0006}.chat-image-dialog form{display:grid;gap:14px}.chat-image-dialog input{max-width:100%}.chat-image-upload-status{overflow-wrap:anywhere;margin:0}.bubble:has(.chat-message-image){min-width:130px}
.chat-image-link{display:block;padding:0;border:0;background:transparent;max-width:100%;border-radius:8px;overflow:hidden}.chat-image-link:focus-visible{outline:3px solid #867500;outline-offset:3px}.chat-new-messages{align-self:center;background:#fff5b0;color:#665b00;padding:8px 18px;font-size:13px;border-radius:22px;margin:8px auto;min-height:40px}.chat-new-messages[hidden]{display:none}.chat-log{overflow-anchor:none}

.messages-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.messages-heading h1{margin:0}.messages-heading [data-clear-unread]{font-size:13px;background:#f5f5f5;color:#333}.message-read-all-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 32px));max-height:85dvh;overflow:auto;padding:24px;border:0;border-radius:12px;color:#222}.message-read-all-dialog::backdrop{background:#0006}.message-read-all-dialog h2{font-size:20px;margin:0 0 18px}.message-read-all-dialog p{line-height:1.7;overflow-wrap:anywhere}.message-read-all-dialog .actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.message-read-all-dialog [data-confirm]{background:#ffe613;color:#222}.message-read-all-dialog [data-close]{background:#f5f5f5;color:#555}

.chat-directory-row{position:relative;display:flex;align-items:center;border-bottom:1px solid #eee;gap:12px}.chat-directory-row .social-row{flex:1;min-width:0;border-bottom:0}.chat-hide-action{flex:none;font-size:12px;background:#ff2b2b;color:#fff;border-radius:8px;padding:10px 16px}.chat-more{display:none}.chat-hide-pending{display:flex;gap:8px;flex-wrap:wrap}.chat-hide-pending:empty{display:none}.chat-hide-pending button{font-size:12px;overflow-wrap:anywhere}.chat-hide-dialog{width:min(440px,calc(100vw - 32px));max-height:85dvh;overflow:auto;border:0;border-radius:12px;padding:24px;box-sizing:border-box}.chat-hide-dialog::backdrop{background:#0006}.chat-hide-dialog h2{font-size:20px;margin:0 0 16px}.chat-hide-dialog p{line-height:1.65;overflow-wrap:anywhere}.chat-hide-dialog .actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.chat-hide-dialog [data-confirm]{background:#ffe613;color:#222}@media(max-width:700px){.chat-directory-row{overflow:hidden;gap:0;touch-action:pan-y}.chat-directory-row .social-row{padding-right:40px;transition:transform .16s ease;background:#fff;z-index:1}.chat-more{display:block;position:absolute;right:0;z-index:2;font-size:11px;padding:8px 5px;background:#f5f5f5;color:#777}.chat-hide-action{position:absolute;right:0;top:0;bottom:0;width:68px;border-radius:0;visibility:hidden}.show-chat-action .social-row{transform:translateX(-68px)}.show-chat-action .chat-more{right:68px}.show-chat-action .chat-hide-action{visibility:visible}.chat-directory-row .social-row time{position:absolute;top:5px;right:42px;font-size:10px;max-width:none}}@media(prefers-reduced-motion:reduce){.chat-directory-row .social-row{transition:none}}

@media(max-width:700px){.chat-directory-row .social-row .social-badge{position:absolute;right:46px;top:42px}}
[data-report-filter]{align-items:flex-end}[data-report-filter]>button{min-height:44px;height:44px}[data-report-filter]>label{margin-bottom:0}