/* channel_app.css — app-стиль вывода постов канала пользователя
   Скоуп: .ap-channel (чтобы не задевать другие страницы) */

.ap-channel { --apc-border:#eef0f2; --apc-muted:#8a94a6; --apc-text:#141a24;
    --apc-sub:#5b6474; --apc-blue:#1d4ed8; --apc-bg:#fff; }

.ap-channel .apc {
    position:relative;
    background:var(--apc-bg);
    border:1px solid var(--apc-border);
    border-radius:16px;
    padding:14px 16px;
    margin-bottom:12px;
}
.ap-channel .apc.is-reply { border:none; padding:0; margin:0; }

/* Контекст-строки (репост / ответ / коммент / закреп / рекомендация) */
.ap-channel .apc__ctx {
    display:flex; align-items:center; gap:6px;
    font-size:12.5px; font-weight:500; color:var(--apc-muted);
    margin-bottom:8px;
}
.ap-channel .apc__ctx a { color:var(--apc-sub); font-weight:600; }
.ap-channel .apc__ctx i, .ap-channel .apc__ctx svg { font-size:12px; }
.ap-channel .apc__ctx.is-pin { color:#d9781f; }
.ap-channel .apc__ctx.is-reco { color:#137a3f; }

/* Ряд: аватар + основа */
.ap-channel .apc__row { display:flex; gap:10px; align-items:flex-start; }
.ap-channel .apc__avatar { flex:0 0 auto; }
.ap-channel .apc__avatar img { width:38px; height:38px; border-radius:50%; object-fit:cover; display:block; }
.ap-channel .apc.is-reply .apc__avatar img { width:36px; height:36px; }
.ap-channel .apc__main { flex:1 1 auto; min-width:0; }

/* Клик по карточке (кроме ссылок/кнопок) — открыть пост */
.ap-channel .apc { cursor:pointer; }
.ap-channel .apc.is-repost { cursor:default; }
.ap-channel .apc a, .ap-channel .apc button, .ap-channel .apc .act-btn { cursor:pointer; }

/* Шапка */
.ap-channel .apc__head { display:flex; align-items:center; flex-wrap:wrap; gap:4px 8px; padding-right:34px; }
.ap-channel .apc__name { font-size:15px; font-weight:700; color:var(--apc-text); }
.ap-channel .apc__name:hover { color:var(--apc-blue); }
.ap-channel .apc__login, .ap-channel .apc__time { font-size:13px; color:var(--apc-muted); }
.ap-channel .apc__dot { width:3px; height:3px; border-radius:50%; background:#cbd2dc; display:inline-block; }
.ap-channel .apc__topic {
    font-size:12px; font-weight:600; color:var(--apc-blue);
    background:#eef4ff; padding:2px 9px; border-radius:20px;
}
/* Меню — абсолютно в правом верхнем углу, не налазит на текст */
.ap-channel .apc__menu { position:absolute; top:12px; right:14px; z-index:3; }
.ap-channel .apc__menu > a { color:var(--apc-muted); padding:4px 8px; font-size:18px; }

/* Тело */
.ap-channel .apc__body { margin-top:4px; font-size:15.5px; line-height:1.5; color:var(--apc-text); word-wrap:break-word; }
.ap-channel .apc__body p { margin:0 0 6px; }
.ap-channel .apc__body img { max-width:100%; border-radius:12px; }
.ap-channel .apc__body .editor-content { font-size:15.5px; line-height:1.5; }

/* Вложенная карточка статьи/сборки/репоста */
.ap-channel .apc__embed {
    margin-top:10px; border:1px solid var(--apc-border); border-radius:14px; padding:10px 12px; background:#fafbfc;
}

/* Действия */
.ap-channel .apc__actions { display:flex; align-items:center; gap:20px; margin-top:12px; }
.ap-channel .apc__actions a { color:var(--apc-muted); font-size:13.5px; display:inline-flex; align-items:center; gap:6px; }
.ap-channel .apc__actions a:hover { color:var(--apc-text); }
.ap-channel .apc__actions a.text-danger { color:#e0245e; }
.ap-channel .apc__actions i { font-size:15px; }

/* Тред: вложенные ответы — больше воздуха */
.ap-channel .apc.is-reply { padding:8px 2px; }
.ap-channel .apc.is-reply .apc__row { gap:12px; }
.ap-channel .apc.is-reply .apc__body { margin-top:5px; line-height:1.55; }
.ap-channel .apc.is-reply .apc__actions { margin-top:10px; }
.ap-channel .apc-more {
    display:inline-flex; align-items:center; gap:8px; margin:6px 0 4px 44px;
    font-size:13px; font-weight:600; color:var(--apc-blue);
}
.ap-channel .apc-more .apc-more__line { width:24px; height:2px; background:var(--apc-border); border-radius:2px; }

/* Дерево треда одиночного поста */
.ap-channel.apc-thread-tree { margin-top:6px; }
.ap-channel .apc-node { position:relative; }
.ap-channel .apc-node-children { margin-left:20px; }
.ap-channel .apc-node-flat { margin-left:0; }  /* глубже 2 уровней — без смещения, только линия */
.ap-channel .apc-reply-wrap { display:flex; gap:12px; padding:12px 4px 0 0; }
.ap-channel .apc-reply-wrap .apc-rail { flex:0 0 22px; position:relative; }
.ap-channel .apc-reply-wrap .apc-rail::before {
    content:""; position:absolute; left:10px; top:-2px; bottom:-8px; width:2px; background:var(--apc-border);
}
.ap-channel .apc-node:last-child > .apc-reply-wrap .apc-rail::before { bottom:auto; height:26px; }
.ap-channel .apc-reply-body { flex:1 1 auto; min-width:0; }

/* Поле ответа (переиспользуемое) остаётся своим */
.ap-channel .feed-empty { text-align:center; color:var(--apc-muted); padding:40px 16px; }

/* Адаптив: на мобилке ответ не смещаем вправо — только линия */
@media (max-width:575px) {
    .ap-channel .apc { padding:12px 12px; border-radius:14px; }
    .ap-channel .apc__avatar img { width:34px; height:34px; }
    .ap-channel .apc.is-reply .apc__avatar img { width:30px; height:30px; }
    .ap-channel .apc-node-children { margin-left:12px; }
    .ap-channel .apc-reply-wrap { padding-right:0; gap:8px; }
    .ap-channel .apc-reply-wrap .apc-rail { flex-basis:14px; }
    .ap-channel .apc-reply-wrap .apc-rail::before { left:6px; }
    .ap-channel .apc-more { margin-left:16px; }
    .ap-channel .apc__body { font-size:15px; }
}

/* Надіслати в повідомлення — поруч із лайком/відповіддю */
.ap-channel .apc__share-msg {
    color: var(--apc-muted);
    display: inline-flex;
    align-items: center;
}
.ap-channel .apc__share-msg:hover { color: var(--apc-blue); }