/* Social feed v2: Facebook-like interaction patterns */
.live-feed-posts{display:grid;gap:16px}.premium-feed-post{padding:0!important;border-radius:18px;overflow:visible;box-shadow:0 6px 24px rgba(15,34,58,.06)}
.premium-feed-post>.post-header{padding:16px 16px 8px}.premium-feed-post>.post-body{padding:4px 16px 14px;margin:0!important}.premium-post-image{border-radius:0;max-height:680px;object-fit:contain;background:#f7f9fc}
.edited-badge{display:inline-flex;align-items:center;margin-left:5px;padding:2px 6px;border-radius:999px;background:#edf2f8;color:#718097;font-size:.63rem;font-weight:800;vertical-align:middle}
.post-social-summary{display:flex;justify-content:space-between;align-items:center;min-height:34px;padding:7px 16px;color:#68758a;font-size:.8rem;border-bottom:1px solid #edf1f6}
.post-like-summary{border:0;background:transparent;color:#68758a;padding:0;display:inline-flex;align-items:center;gap:5px;font:inherit;cursor:pointer}.reaction-dot{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#1877f2;color:#fff;font-size:.68rem}
.post-action-row{display:grid;grid-template-columns:1fr 1fr;padding:4px 10px;border-bottom:1px solid #edf1f6}.post-action-button{height:38px;border:0;border-radius:9px;background:transparent;color:#5f6b7d;display:flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:.86rem;font-weight:800;cursor:pointer}.post-action-button:hover{background:#f1f4f8}.post-action-button[aria-pressed=true]{color:#1877f2}.post-action-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.premium-comments{padding:12px 16px 2px;display:grid;gap:9px}.premium-comment{display:flex;align-items:flex-start;gap:8px;min-width:0}.premium-comment.reply{margin-left:0}.comment-children{display:grid;gap:8px;margin-top:8px;margin-left:22px;padding-left:12px;border-left:2px solid #e7edf4}.comment-children .comment-children{margin-left:14px}
.comment-avatar{width:32px!important;height:32px!important;flex:0 0 32px;font-size:.82rem!important}.comment-content{min-width:0;flex:1}.premium-comment-bubble{display:inline-block;max-width:min(100%,620px);padding:8px 11px!important;border-radius:16px!important;background:#f0f2f5!important;box-shadow:none!important}.comment-bubble-header{display:flex;align-items:center;gap:8px}.comment-bubble-header strong{font-size:.84rem;line-height:1.25}.premium-comment-bubble p{margin:2px 0 0;white-space:pre-wrap;font-size:.87rem;line-height:1.42;color:#1f2937}
.comment-manage{position:relative;margin-left:auto}.comment-menu-toggle{width:24px;height:24px;border:0;border-radius:50%;background:transparent;color:#68758a;display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity .15s,background .15s}.premium-comment:hover .comment-menu-toggle,.comment-menu-toggle:focus,.comment-menu-toggle[aria-expanded=true]{opacity:1}.comment-menu-toggle:hover,.comment-menu-toggle[aria-expanded=true]{background:#e3e8ef}.comment-menu-toggle svg{width:17px;height:17px;fill:currentColor}.comment-menu{position:absolute;right:0;top:27px;z-index:50;width:150px;padding:6px;border:1px solid #dde4ed;border-radius:11px;background:#fff;box-shadow:0 12px 30px rgba(20,35,60,.15)}.comment-menu form{display:block}.comment-menu-action{width:100%;border:0;border-radius:8px;padding:9px 10px;background:transparent;color:#26384f;text-align:left;font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}.comment-menu-action:hover{background:#f1f4f8}.comment-menu-action.danger-text:hover{background:#fff0f0}
.comment-meta{display:flex;align-items:center;gap:9px;padding:3px 7px 0;color:#7a8799;font-size:.7rem}.comment-meta button{border:0;background:transparent;padding:0;color:#53657e;font:inherit;font-weight:800;cursor:pointer}.comment-meta button:hover{text-decoration:underline}.comment-like-button[aria-pressed=true]{color:#1877f2}.comment-like-count{padding:1px 5px;border-radius:999px;background:#edf3fb;color:#1877f2;font-weight:800}
.comment-reply-form,.comment-edit-form{display:block;margin-top:6px}.comment-reply-form input,.comment-edit-form input{width:100%;height:36px;padding:8px 13px;border:0;border-radius:999px;background:#f0f2f5;box-shadow:inset 0 0 0 1px #e2e7ee;font-size:.84rem}.comment-reply-form input:focus,.comment-edit-form input:focus{background:#fff;box-shadow:inset 0 0 0 2px rgba(24,119,242,.2);outline:0}.comment.is-editing>.comment-content>.comment-bubble{display:none}
.premium-comment-form{position:relative;display:block;margin:8px 16px 14px;padding:0}.premium-comment-form input{height:40px!important;padding:9px 46px 9px 14px!important;border:0!important;border-radius:999px!important;background:#f0f2f5!important;box-shadow:inset 0 0 0 1px #e3e8ef;font-size:.86rem}.comment-send-icon{position:absolute;right:4px;top:4px;width:32px;height:32px;border:0;border-radius:50%;background:#1877f2;color:#fff;display:grid;place-items:center;cursor:pointer}.comment-send-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.form-message{font-size:.78rem}
.notification-button.has-unread{background:#e7f3ff!important;color:#1877f2!important}.notification-button.is-ringing,.sidebar-nav-link.is-ringing{animation:ggRing .65s ease}.notification-badge,.sidebar-count-badge{transition:transform .2s ease}.notification-button.is-ringing .notification-badge,.sidebar-nav-link.is-ringing .sidebar-count-badge{transform:scale(1.18)}@keyframes ggRing{0%,100%{transform:rotate(0)}25%{transform:rotate(-7deg)}75%{transform:rotate(7deg)}}
@media(max-width:650px){.comment-children{margin-left:12px;padding-left:8px}.premium-comments{padding-left:12px;padding-right:12px}.premium-comment-form{margin-left:12px;margin-right:12px}.comment-menu-toggle{opacity:1}.post-action-button{font-size:.8rem}}
.comment-reply-form[hidden],.comment-edit-form[hidden],.comment-menu[hidden],.post-like-summary[hidden]{display:none!important}

/* Facebook-style comments modal */
.post-comment-summary{
    border:0;
    padding:0;
    background:transparent;
    color:#68758a;
    font:inherit;
    cursor:pointer;
}

.post-comment-summary:hover{
    text-decoration:underline;
}

.comments-modal[hidden]{
    display:none!important;
}

.comments-modal{
    position:fixed;
    inset:0;
    z-index:1200;
    display:grid;
    place-items:center;
    padding:18px;
}

.comments-modal-backdrop{
    position:absolute;
    inset:0;
    border:0;
    background:rgba(15,23,42,.58);
    backdrop-filter:blur(3px);
    cursor:default;
}

.comments-modal-dialog{
    position:relative;
    z-index:1;
    width:min(720px,calc(100vw - 28px));
    height:min(780px,calc(100vh - 36px));
    max-height:calc(100vh - 36px);
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.55);
    border-radius:20px;
    background:#fff;
    box-shadow:0 26px 80px rgba(15,23,42,.32);
    animation:commentsModalIn .18s ease-out;
}

@keyframes commentsModalIn{
    from{opacity:0;transform:translateY(10px) scale(.985)}
    to{opacity:1;transform:translateY(0) scale(1)}
}

.comments-modal-header{
    min-height:68px;
    padding:13px 16px 12px 20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    border-bottom:1px solid #e7ebf1;
    background:#fff;
}

.comments-modal-header h2{
    margin:0;
    font-size:1.08rem;
    line-height:1.25;
    color:#172033;
}

.comments-modal-header>div{
    display:grid;
    gap:3px;
}

.comments-modal-count{
    color:#748197;
    font-size:.76rem;
    font-weight:700;
}

.comments-modal-close{
    width:40px;
    height:40px;
    flex:0 0 40px;
    border:0;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#f0f2f5;
    color:#4f5e72;
    cursor:pointer;
}

.comments-modal-close:hover{
    background:#e4e8ee;
    color:#1e2c41;
}

.comments-modal-close svg{
    width:20px;
    height:20px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
}

.comments-modal-scroll{
    flex:1;
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:16px 18px 24px;
    background:#fff;
    scrollbar-width:thin;
    scrollbar-color:#c7d0dc transparent;
}

.comments-modal-scroll::-webkit-scrollbar{
    width:8px;
}

.comments-modal-scroll::-webkit-scrollbar-thumb{
    border-radius:999px;
    background:#c7d0dc;
}

.comments-modal-scroll .premium-comments{
    padding:0;
}

.comments-modal-empty{
    min-height:280px;
    display:grid;
    place-items:center;
    align-content:center;
    gap:7px;
    text-align:center;
    color:#748197;
}

.comments-modal-empty[hidden]{
    display:none!important;
}

.comments-modal-empty strong{
    color:#28374e;
    font-size:.96rem;
}

.comments-modal-empty span:last-child{
    font-size:.82rem;
}

.comments-modal-empty-icon{
    width:56px;
    height:56px;
    margin-bottom:6px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#eaf3ff;
    color:#1877f2;
}

.comments-modal-empty-icon svg{
    width:25px;
    height:25px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linejoin:round;
}

.comments-modal-footer{
    padding:12px 14px;
    display:flex;
    align-items:flex-start;
    gap:10px;
    border-top:1px solid #e7ebf1;
    background:#fff;
    box-shadow:0 -8px 24px rgba(15,23,42,.035);
}

.comments-modal-user-avatar{
    width:38px;
    height:38px;
    flex:0 0 38px;
    border-radius:50%;
    object-fit:cover;
    display:grid;
    place-items:center;
    background:#eaf3ff;
    color:#1877f2;
    font-weight:800;
}

.comments-modal-compose{
    min-width:0;
    flex:1;
}

.comments-modal-footer .premium-comment-form{
    margin:0;
}

.comments-modal-footer .main-comment-message{
    margin:5px 8px 0;
}

body.comments-modal-open{
    overflow:hidden;
}

.comments-modal .comment-children{
    margin-left:22px;
    padding-left:12px;
}

.comments-modal .premium-comment{
    scroll-margin-top:16px;
}

@media(max-width:650px){
    .comments-modal{
        padding:0;
    }

    .comments-modal-dialog{
        width:100vw;
        height:100dvh;
        max-height:100dvh;
        border:0;
        border-radius:0;
    }

    .comments-modal-header{
        min-height:62px;
        padding:10px 12px 9px 16px;
    }

    .comments-modal-scroll{
        padding:14px 12px 20px;
    }

    .comments-modal-footer{
        padding:10px 10px max(10px,env(safe-area-inset-bottom));
    }

    .comments-modal .comment-children{
        margin-left:12px;
        padding-left:8px;
    }
}