/* ============================================
   REFLEXÕES POR VERSÍCULO
   ============================================ */
.bj-reflexoes { margin-top: var(--space-3xl); padding-top: var(--space-2xl); border-top: 1px solid var(--border-subtle); }
.bj-reflexoes__header { margin-bottom: var(--space-lg); }
.bj-reflexoes__count { font-size: .75rem; font-weight: 400; color: var(--text-muted); margin-left: .3rem; }

/* ── FORMULÁRIO ── */
.bj-reflexoes__form {
    display: flex; gap: var(--space-md);
    margin-bottom: var(--space-xl);
    padding: var(--space-lg);
    background: rgba(255,255,255,.03);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
}
.bj-reflexoes__form-avatar { flex-shrink: 0; }
.bj-reflexoes__form-avatar img {
    width: 40px; height: 40px; border-radius: 50%; object-fit: cover;
    border: 2px solid var(--border-subtle);
}
.bj-reflexoes__form-input { flex: 1; min-width: 0; }
.bj-reflexoes__form-input textarea {
    width: 100%; background: none; border: none; outline: none;
    color: var(--text-primary); font-family: var(--font-body);
    font-size: .92rem; line-height: 1.6; resize: none;
    min-height: 44px;
}
.bj-reflexoes__form-input textarea::placeholder { color: var(--text-muted); }
.bj-reflexoes__form-footer {
    display: flex; align-items: center; justify-content: space-between;
    margin-top: var(--space-sm);
    padding-top: var(--space-sm);
    border-top: 1px solid rgba(255,255,255,.05);
}
.bj-reflexoes__charcount { font-size: .7rem; color: var(--text-muted); font-family: var(--font-mono); }

/* ── LOGIN PROMPT ── */
.bj-reflexoes__login-prompt {
    display: flex; align-items: center; gap: var(--space-md);
    padding: var(--space-lg);
    background: rgba(102,126,234,.06);
    border: 1px dashed rgba(102,126,234,.2);
    border-radius: var(--radius-lg);
    margin-bottom: var(--space-xl);
}
.bj-reflexoes__login-prompt i { color: var(--accent-purple); font-size: 1.1rem; flex-shrink: 0; }
.bj-reflexoes__login-prompt span { flex: 1; color: var(--text-secondary); font-size: .88rem; }

/* ── FEED ── */
.bj-reflexoes__feed { display: flex; flex-direction: column; gap: var(--space-md); }
.bj-reflexoes__loading { text-align: center; padding: var(--space-xl); color: var(--text-muted); font-size: .85rem; }
.bj-reflexoes__empty {
    text-align: center; padding: var(--space-2xl);
    color: var(--text-muted); font-size: .88rem;
}
.bj-reflexoes__empty i { font-size: 2rem; display: block; margin-bottom: var(--space-md); opacity: .4; }
.bj-reflexoes__loadmore { text-align: center; margin-top: var(--space-lg); }

/* ── CARD DE REFLEXÃO ── */
.bj-reflexao-card {
    padding: var(--space-lg);
    background: rgba(255,255,255,.02);
    border: 1px solid rgba(255,255,255,.05);
    border-radius: var(--radius-lg);
    transition: all var(--transition-base);
}
.bj-reflexao-card:hover { background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.08); }

.bj-reflexao-card--new {
    animation: bjReflexaoIn .4s ease;
}
@keyframes bjReflexaoIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

.bj-reflexao__top { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: var(--space-sm); }

.bj-reflexao__author { display: flex; align-items: center; gap: var(--space-sm); }
.bj-reflexao__avatar { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.bj-reflexao__author strong { display: block; color: var(--text-primary); font-size: .88rem; font-weight: 600; }
.bj-reflexao__author span { display: block; color: var(--text-muted); font-size: .72rem; }

.bj-reflexao__meta { display: flex; align-items: center; gap: var(--space-sm); }
.bj-reflexao__time { color: var(--text-muted); font-size: .72rem; }
.bj-reflexao__delete {
    background: none; border: none; color: var(--text-muted); cursor: pointer;
    font-size: .75rem; padding: 4px; transition: color var(--transition-fast);
}
.bj-reflexao__delete:hover { color: #f5576c; }

.bj-reflexao__content {
    color: var(--text-primary); font-size: .92rem; line-height: 1.7;
    margin-bottom: var(--space-md);
    white-space: pre-wrap;
    word-wrap: break-word;
}

/* ── REAÇÕES ── */
.bj-reflexao__actions { display: flex; gap: var(--space-sm); }

.bj-reflexao__react {
    display: inline-flex; align-items: center; gap: .3rem;
    padding: .35rem .75rem;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: var(--radius-full);
    color: var(--text-secondary);
    font-family: var(--font-body); font-size: .78rem; font-weight: 500;
    cursor: pointer; transition: all var(--transition-fast);
}
.bj-reflexao__react:hover {
    background: rgba(255,255,255,.08);
    border-color: rgba(255,255,255,.12);
}
.bj-reflexao__react.active {
    background: rgba(102,126,234,.12);
    border-color: rgba(102,126,234,.3);
    color: var(--accent-purple);
}
.bj-react-emoji { font-size: .9rem; }
.bj-react-count { font-size: .7rem; opacity: .7; margin-left: 2px; }

/* ── LIGHT THEME ── */
[data-theme="light"] .bj-reflexoes__form { background: rgba(0,0,0,.02); border-color: rgba(0,0,0,.08); }
[data-theme="light"] .bj-reflexao-card { background: rgba(0,0,0,.015); border-color: rgba(0,0,0,.06); }
[data-theme="light"] .bj-reflexao-card:hover { background: rgba(0,0,0,.03); }
[data-theme="light"] .bj-reflexao__react { background: rgba(0,0,0,.03); border-color: rgba(0,0,0,.06); }
[data-theme="light"] .bj-reflexoes__login-prompt { background: rgba(102,126,234,.04); }

/* ── MOBILE ── */
@media (max-width: 480px) {
    .bj-reflexoes__form { flex-direction: column; gap: var(--space-sm); }
    .bj-reflexoes__form-avatar { display: none; }
    .bj-reflexoes__login-prompt { flex-wrap: wrap; }
    .bj-reflexoes__login-prompt .btn { width: 100%; justify-content: center; }
}