/** 256BIP:deps — gerado por deps_annotate.py; não editar manualmente
 * used-by: frontend/pages/activity.php, frontend/pages/profile.php
 * uses: (nenhum detectado)
 */

/**
 * Lista de respostas (perfil + atividade) — CARTÕES (21/07/26): mesmo sistema
 * de grid do feed; as linhas divisórias morreram junto com as do feed.
 */

.bip-reply-feed {
    display: flex;
    flex-direction: column;
    gap: 12px;
    /* SEM padding-top próprio: o container da aba (#profile-tab-content /
       #activity-content) já dá os 14px — somado dava o dobro do respiro das
       abas BiPs/Repost (pedido de uniformidade, 21/07/26). */
}

.bip-reply-feed-item {
    position: relative;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 16px;
    overflow: hidden; /* o hover --link pinta até o canto arredondado */
}

/* Margens espelhadas REMOVIDAS (24/07/26, inversão): item preenche a coluna —
   mesma régua do feed (respiro = --feed-gutter-x da coluna). */

.bip-reply-feed-item__parent {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 14px 12px 0;
    opacity: 0.78;
}

.bip-reply-feed-item__parent-body {
    flex: 1;
    min-width: 0;
}

.bip-reply-feed-item__parent-head {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 6px;
    margin-bottom: 4px;
}

.bip-reply-feed-item__parent-author {
    font-weight: 600;
    font-size: 0.92rem;
    color: var(--text);
    text-decoration: none;
}

.bip-reply-feed-item__parent-author:hover {
    text-decoration: underline;
}

.bip-reply-feed-item__parent-handle {
    font-size: 0.82rem;
    color: var(--text-3);
}

.bip-reply-feed-item__parent-text {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.45;
    color: var(--text-2);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}

.bip-reply-feed-item__reply {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 10px 12px 14px;
    position: relative;
}

.bip-reply-feed-item__reply .bip-reply__avatar-wrap {
    position: relative;
    width: 40px;
    flex-shrink: 0;
}

.bip-reply-feed-item__reply .bip-reply__avatar {
    width: 40px;
    height: 40px;
    border-radius: var(--radius);
}

.bip-reply-feed-item__parent .bip-reply__avatar {
    width: 32px;
    height: 32px;
    border-radius: var(--radius);
}

.bip-reply-feed-item__parent .bip-reply__avatar-wrap {
    width: 32px;
    flex-shrink: 0;
    position: relative;
}

.bip-reply-feed-item__parent .bip-reply__avatar-wrap::after {
    content: '';
    position: absolute;
    left: 50%;
    top: calc(100% + 3px);
    width: 2px;
    height: 16px;
    margin-left: -1px;
    background: var(--border);
    border-radius: 1px;
}

.bip-reply-feed-item__body {
    flex: 1;
    min-width: 0;
}

.bip-reply-feed-item__head {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 2px;
}

.bip-reply-feed-item__head-main {
    flex: 1;
    min-width: 0;
}

.bip-reply-feed-item__author-row {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 6px;
}

.bip-reply-feed-item__author {
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--text);
    text-decoration: none;
}

.bip-reply-feed-item__author:hover {
    text-decoration: underline;
}

.bip-reply-feed-item__time {
    font-size: 0.82rem;
    color: var(--text-3);
}

.bip-reply-feed-item__reply-to {
    margin: 0 0 6px;
    font-size: 0.82rem;
    color: var(--text-3);
}

.bip-reply-feed-item__reply-to a {
    color: var(--text-2);
    text-decoration: none;
    font-weight: 500;
}

.bip-reply-feed-item__reply-to a:hover {
    text-decoration: underline;
    color: var(--accent);
}

.bip-reply-feed-item__text {
    font-size: 0.96rem;
    line-height: 1.5;
    color: var(--text);
    word-break: break-word;
    margin-bottom: 8px;
}

.bip-reply-feed-item__text .bip-content-link {
    color: var(--accent);
}

.bip-reply-feed-item__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    font-size: 0.78rem;
    color: var(--text-3);
    margin-top: 4px;
}

.bip-reply-feed-item__meta a {
    color: var(--accent);
    text-decoration: none;
}

.bip-reply-feed-item__meta a:hover {
    text-decoration: underline;
}

.bip-reply-feed-item__actions .bip-card__actions {
    margin-top: 2px;
    padding-top: 0;
}

.bip-reply-feed-item__actions .bip-action-btn {
    padding: 6px 8px;
}

.bip-reply-feed-item--link {
    cursor: pointer;
    transition: background var(--duration);
}

.bip-reply-feed-item--link:hover {
    background: var(--surface-2);
}

.bip-reply-feed-item--link:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: -2px;
}

@media (max-width: 640px) {
    .bip-reply-feed-item__parent,
    .bip-reply-feed-item__reply {
        padding-left: 8px;
        padding-right: 8px;
    }
}