/* ── Scene banner ── */
.scene-banner {
    display: flex;
    align-items: center;
    gap: .7rem;
    padding: .8rem 1rem;
    border-radius: 14px;
    margin-bottom: .9rem;
    border: 1px solid var(--border-default, #2a3140);
    background: linear-gradient(135deg, rgba(78, 141, 255, .10), transparent 60%);
}

.scene-banner--pod {
    background: linear-gradient(135deg, rgba(144, 96, 208, .12), transparent 60%);
}

.scene-banner__tag {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    font-size: 1.2rem;
    font-weight: 900;
    color: var(--accent-blue, #4e8dff);
    background: rgba(78, 141, 255, .12);
    flex-shrink: 0;
}

.scene-banner--pod .scene-banner__tag {
    color: #9060d0;
    background: rgba(144, 96, 208, .14);
}

.scene-banner__text {
    display: flex;
    flex-direction: column;
    gap: .1rem;
    min-width: 0;
}

.scene-banner__name {
    font-size: 1.02rem;
    font-weight: 800;
    color: var(--text-primary, #e8ecf3);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.scene-banner__meta {
    font-size: .74rem;
    color: var(--text-secondary, #9aa3b2);
}

/* ── Channel:── */
.feed-grid--chat .post-card--chat {
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: .45rem .6rem;
    margin: 0;
    display: grid;
    grid-template-columns: 40px 1fr;
    grid-template-areas:
        "avatar head"
        "avatar body"
        "avatar attach"
        "avatar actions"
        "avatar comments";
    column-gap: .7rem;
    row-gap: .15rem;
}

    .feed-grid--chat .post-card--chat:hover {
        background: rgba(255, 255, 255, .025);
        border-radius: 10px;
    }

    .feed-grid--chat .post-card--chat + .post-card--chat {
        margin-top: .1rem;
    }

    .feed-grid--chat .post-card--chat .post-head {
        grid-area: head;
        display: flex;
        align-items: baseline;
        gap: .5rem;
        margin: 0;
    }

    .feed-grid--chat .post-card--chat .post-avatar {
        grid-area: avatar;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        align-self: start;
    }

    .feed-grid--chat .post-card--chat .post-headtext {
        display: flex;
        align-items: baseline;
        gap: .5rem;
        flex-wrap: wrap;
    }

    .feed-grid--chat .post-card--chat .post-author {
        font-size: .88rem;
    }

    .feed-grid--chat .post-card--chat .post-time {
        font-size: .68rem;
    }

    .feed-grid--chat .post-card--chat .post-body {
        grid-area: body;
        margin: 0;
        font-size: .9rem;
        line-height: 1.45;
    }

    .feed-grid--chat .post-card--chat .post-attachments {
        grid-area: attach;
    }

        .feed-grid--chat .post-card--chat .post-attachments.has-attachments {
            margin: .3rem 0 0;
        }

    .feed-grid--chat .post-card--chat .post-actions {
        grid-area: actions;
        margin: .1rem 0 0;
        gap: .8rem;
        opacity: .55;
        transition: opacity .12s ease;
    }

    .feed-grid--chat .post-card--chat:hover .post-actions {
        opacity: 1;
    }

    .feed-grid--chat .post-card--chat .post-action {
        font-size: .74rem;
        padding: .15rem .4rem;
    }

    .feed-grid--chat .post-card--chat .post-comments {
        grid-area: comments;
    }

/* ── Pod: thread board ── */
.feed-grid--thread .post-card--thread {
    border-left: 4px solid #9060d0;
    border-radius: 10px;
    padding: .8rem .95rem;
}

    .feed-grid--thread .post-card--thread + .post-card--thread {
        margin-top: .7rem;
    }

    .feed-grid--thread .post-card--thread .post-head {
        margin-bottom: .35rem;
    }

    .feed-grid--thread .post-card--thread .post-avatar {
        width: 26px;
        height: 26px;
        font-size: .66rem;
    }

    .feed-grid--thread .post-card--thread .post-author {
        font-size: .78rem;
    }

    .feed-grid--thread .post-card--thread .post-body {
        font-size: .95rem;
        font-weight: 500;
        line-height: 1.5;
    }

    .feed-grid--thread .post-card--thread .post-actions {
        border-top: 1px solid var(--border-default, #2a3140);
        margin-top: .55rem;
        padding-top: .45rem;
    }

    .feed-grid--thread .post-card--thread .like-btn .heart-icon {
        transform: rotate(0);
    }

    .feed-grid--thread .post-card--thread .comment-btn span:first-of-type {
        display: none; /* "Comment" label — the board look leads with counts */
    }

    .feed-grid--thread .post-card--thread .post-comments {
        border-left: 2px solid var(--border-default, #2a3140);
        margin-left: .6rem;
        padding-left: .8rem;
    }

@media (max-width: 640px) {
    .feed-grid--chat .post-card--chat {
        grid-template-columns: 34px 1fr;
    }

        .feed-grid--chat .post-card--chat .post-avatar {
            width: 34px;
            height: 34px;
        }
}