/* Посты в ленте и профиле по образцу ВК: отдельные блоки, строка действий
   «лайк — комментарии — просмотры», комментарии под постом, поле со скрепкой.
   Подключается на главной и в профиле после их стилей. Только токены pb_core. */

/* ---------- Карточка ---------- */
article.home-feed-card,.post-card.pf-post{margin:0 0 12px;padding:16px;border:1px solid var(--pb-color-border-subtle);border-radius:var(--pb-radius-md);background:var(--pb-color-surface-1)}
.home-feed-card-head,.post-header{margin-bottom:12px}
.home-feed-time,.profile-post-time{color:var(--pb-color-text-muted);font-size:13px;text-decoration:none;white-space:nowrap}
.home-feed-time:hover,.profile-post-time:hover{color:var(--pb-color-text-primary);text-decoration:none}
.home-feed-text,.post-text{max-width:none}

/* Шапка поста в профиле: аватар | имя / дата */
.post-author{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
.post-author-avatar{flex:none;display:block}
.post-author-meta{min-width:0;display:flex;flex-direction:column;gap:2px}
.post-author-line{display:inline-flex;align-items:center;gap:4px;min-width:0;color:var(--pb-color-text-primary);font-weight:700;text-decoration:none}
.post-author-line:hover .post-author-name{text-decoration:underline}

/* Длинный текст */
.pb-text-clamped{max-height:200px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}
.pb-text-more{appearance:none;display:block;margin:-6px 0 12px;padding:4px 0;border:0;background:none;color:var(--pb-color-accent-foreground);font:600 14px var(--pb-font-ui);cursor:pointer}
.pb-text-more:hover{text-decoration:underline}

/* ---------- Строка действий: лайк слева, комментарии по центру, просмотры справа ---------- */
.home-feed-actions,.post-footer{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:12px 0 0!important;padding-top:10px;border-top:1px solid var(--pb-color-border-subtle)}
.home-feed-actions>:first-child,.post-footer>:first-child{justify-self:start}
.home-feed-actions>:nth-child(2),.post-footer>.pb-post-comments-btn{justify-self:center}
.home-feed-view,.post-footer>.views-counter{justify-self:end;margin-left:0!important}
.home-feed-action-label{display:none}
.pb-post-comments-btn{appearance:none;min-height:40px;padding:0 10px;display:inline-flex;align-items:center;gap:7px;border:0;border-radius:var(--pb-radius-sm);background:none;color:var(--pb-color-text-secondary);font:600 14px var(--pb-font-ui);font-variant-numeric:tabular-nums;cursor:pointer}
.pb-post-comments-btn:hover,.home-feed-action[data-comments-open].is-expanded{background:var(--pb-color-surface-2);color:var(--pb-color-text-primary)}
.pb-post-comments-btn svg,.pb-post-comments-btn .pb-ico{width:20px;height:20px}
.home-feed-view,.views-counter{color:var(--pb-color-text-muted);font-size:13px}

/* ---------- Комментарии ---------- */
.comments-section{margin-top:4px}
.pf-comments-more{appearance:none;display:flex;width:100%;box-sizing:border-box;align-items:center;justify-content:center;gap:8px;min-height:40px;max-width:100%;margin:10px 0 6px;padding:10px 14px;border:1px solid var(--pb-color-border-default);border-radius:var(--pb-radius-sm);background:var(--pb-color-surface-2);color:var(--pb-color-text-secondary);font:600 14px/1.4 var(--pb-font-ui);text-align:center;cursor:pointer;transition:background var(--pb-motion-fast),color var(--pb-motion-fast)}
.pf-comments-more:hover{background:var(--pb-color-surface-hover);color:var(--pb-color-text-primary)}
.pf-comments-more:focus-visible{outline:2px solid var(--pb-color-accent);outline-offset:3px}
.pb-comment-item,.profile-comment-item,.home-comment-item{padding:10px 0}
.pb-comment-actions,.profile-comment-actions{margin-left:0}

/* Поле комментария: аватар | поле со скрепкой | отправить */
.pb-comment-compose,.profile-comment-compose{display:flex!important;align-items:flex-end;gap:10px;margin-top:8px}
.pb-comment-compose-avatar{width:32px;height:32px;flex:none;object-fit:cover;clip-path:var(--pb-notch-4);margin-bottom:6px}
.pb-comment-field{position:relative;flex:1;min-width:0;display:flex;align-items:flex-end;border:1px solid var(--pb-color-border-default);border-radius:var(--pb-radius-md);background:var(--pb-color-bg-base)}
.pb-comment-field:focus-within{border-color:var(--pb-color-accent-border)}
.pb-comment-field .comment-input{flex:1;min-width:0;box-sizing:border-box;display:block;margin:0;min-height:42px;max-height:160px;padding:10px 12px;border:0!important;background:none!important;box-shadow:none!important;color:var(--pb-color-text-primary);font:400 15px/22px var(--pb-font-ui);resize:none;outline:none}
.pb-comment-field .comment-input:placeholder-shown{white-space:nowrap}
.comment-submit-btn{appearance:none;width:44px;height:44px;flex:none;display:grid;place-items:center;border:0;border-radius:var(--pb-radius-sm);background:none;color:var(--pb-color-accent-foreground);cursor:pointer}
.comment-submit-btn:hover{background:var(--pb-color-surface-2)}

/* Скрепка и меню вложений */
.pb-attach{position:relative;flex:none}
.pb-attach-toggle{appearance:none;width:44px;height:42px;display:grid;place-items:center;border:0;background:none;color:var(--pb-color-text-muted);cursor:pointer}
.pb-attach-toggle:hover,.pb-attach-toggle[aria-expanded="true"]{color:var(--pb-color-text-primary)}
.pb-attach-menu{position:absolute;z-index:60;right:0;bottom:calc(100% + 6px);min-width:210px;padding:6px;border:1px solid var(--pb-color-border-default);border-radius:var(--pb-radius-md);background:var(--pb-color-surface-2);box-shadow:0 12px 32px rgba(0,0,0,.4)}
.pb-attach-menu[hidden],.home-comments-sheet .pb-attach-menu[hidden]{display:none}
.pb-attach-item{appearance:none;width:100%;min-height:42px;padding:0 10px;display:flex;align-items:center;gap:12px;border:0;border-radius:var(--pb-radius-sm);background:none;color:var(--pb-color-text-primary);font:500 15px var(--pb-font-ui);text-align:left;cursor:pointer}
.pb-attach-item:hover{background:var(--pb-color-surface-3)}
.pb-attach-item svg,.pb-attach-item .pb-ico{width:18px;height:18px;color:var(--pb-color-accent-foreground)}
.pb-attach-item .profile-comment-gif-wordmark{width:18px;font-size:9px;font-weight:800;color:var(--pb-color-accent-foreground)}

/* Комментарии главной, раскрытые под постом */
.home-comments-sheet.is-inline{position:static!important;inset:auto!important;transform:none!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;margin:10px 0 0;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;display:block!important}
.home-comments-sheet.is-inline .home-sheet-handle,.home-comments-sheet.is-inline .home-comments-head{display:none}
.home-comments-sheet.is-inline .home-comments-list{max-height:none!important;overflow:visible!important;padding:0!important}
.home-comments-sheet.is-inline .home-comment-form{position:static!important;padding:8px 0 0!important;border:0!important;background:none!important}

/* ---------- Окно поста ---------- */
html.pb-post-modal-open{overflow:hidden}
.pb-post-modal{position:fixed;z-index:10030;inset:0;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;padding:24px 12px}
.pb-post-modal-backdrop{position:fixed;inset:0;border:0;background:rgba(0,0,0,.72);cursor:pointer}
.pb-post-modal-panel{position:relative;width:min(680px,100%);margin:auto 0}
.pb-post-modal-panel>.is-in-modal{margin:0;box-shadow:0 24px 60px rgba(0,0,0,.5)}
.pb-post-modal-close{position:fixed;z-index:1;top:14px;right:14px;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:var(--pb-radius-sm);background:var(--pb-color-surface-2);color:var(--pb-color-text-primary);font:400 26px/1 var(--pb-font-ui);cursor:pointer}

@media (max-width:767px){
  article.home-feed-card,.post-card.pf-post{margin:0 -16px 10px;border-left:0;border-right:0;border-radius:0}
  .pb-post-modal{padding:0}
  .pb-post-modal-panel{width:100%;margin:0}
  .pb-post-modal-panel>.is-in-modal{margin:0;min-height:100dvh;border:0;border-radius:0}
  .pb-post-modal-close{top:8px;right:8px}
}

/* Баннер на главной — отдельный блок с рамкой, а не часть фона */
.hm-promo{margin-bottom:16px}
.hm-promo-stage{border:1px solid var(--pb-color-border-default);border-radius:var(--pb-radius-md);clip-path:none!important}
@media (max-width:767px){.hm-promo-stage{border-radius:var(--pb-radius-md)}}

/* Аватар и отправка — снаружи поля; рамка только вокруг текста и вложений. */
.home-comments-sheet .home-comment-composer{display:flex;align-items:flex-end;gap:10px;padding:0;border:0;border-radius:0;background:none}
.home-comments-sheet .home-comment-input-wrap{flex:1;min-width:0;display:flex;align-items:flex-end;padding:0;border:1px solid var(--pb-color-border-default);border-radius:var(--pb-radius-md);background:var(--pb-color-bg-base)}
.home-comments-sheet .home-comment-input-wrap:focus-within{border-color:var(--pb-color-accent-border)}
.home-comments-sheet .home-comment-input-wrap textarea{box-sizing:border-box;display:block;flex:1;min-width:0;width:100%;margin:0;min-height:42px;max-height:112px;padding:10px 12px;border:0;background:none;box-shadow:none;font:400 15px/22px var(--pb-font-ui)}
.home-comments-sheet .home-comment-attachment-toggle{min-width:44px;width:44px;height:42px;padding:0;border:0;background:none;color:var(--pb-color-text-muted)}
.home-comments-sheet .home-comment-send{min-width:44px;width:44px;height:44px;padding:0;border:0;background:none;color:var(--pb-color-accent-foreground);clip-path:none;border-radius:var(--pb-radius-sm)}
.home-comments-sheet .home-comment-send:hover{background:var(--pb-color-surface-2)}
.pb-attach-toggle>.pb-ico,.pb-attach-toggle>svg{width:24px!important;height:24px!important}
.home-comment-attachment-menu{right:0;left:auto!important;bottom:calc(100% + 6px)!important;top:auto!important;min-width:200px;padding:6px;border:1px solid var(--pb-color-border-default);border-radius:var(--pb-radius-md);background:var(--pb-color-surface-2);box-shadow:0 12px 32px rgba(0,0,0,.4)}

/* ---------- Профиль: шапка на телефоне и блок «Моя музыка» ---------- */
@media (max-width:767px){
  /* Аватар на баннере, имя — под ним: ник не наезжает на картинку */
  .pf-identity{grid-template-columns:1fr!important;align-items:start!important;gap:10px!important}
  .pf-identity-main{padding-top:0}
}
.pf-music .pf-track.pb-media-player{gap:12px;padding:8px 12px!important;border:1px solid var(--pb-color-border-subtle);border-radius:var(--pb-radius-md);background:var(--pb-color-surface-1);margin-bottom:6px}
.pf-music .pf-track-duration{flex:none;padding-right:2px}

/* 2026-10-20: меню скрепки — перебивает размеры кнопок из profile_page.css и home_page.css */
.pb-attach-menu .pb-attach-item{width:100%;height:auto;min-width:0;min-height:42px;padding:0 10px;display:flex;align-items:center;justify-content:flex-start;gap:12px;border:0;border-radius:var(--pb-radius-sm);background:none;color:var(--pb-color-text-primary);font:500 15px/1.2 var(--pb-font-ui);text-align:left;white-space:nowrap;clip-path:none}
.pb-attach-menu .pb-attach-item:hover{background:var(--pb-color-surface-3)}
.pb-attach-menu .profile-comment-gif-wordmark{width:18px;flex:none;font-size:9px;font-weight:800;line-height:1;text-align:center;color:var(--pb-color-accent-foreground)}
.pb-attach-menu,.home-comments-sheet .pb-attach-menu{display:flex;flex-direction:column;gap:2px;left:auto;right:0;bottom:calc(100% + 6px);min-width:210px}
.pb-attach-menu[hidden],.home-comments-sheet .pb-attach-menu[hidden]{display:none}

.home-comments-sheet.is-inline .home-comments-empty{display:flex}
.home-comments-sheet.is-inline .home-comments-list{border-top:1px solid var(--pb-color-border-subtle)}
.home-comments-sheet.is-inline .home-comments-list:has(.home-comments-empty:only-child){border-top:0}

/* Профиль: «Что нового? / Написать на стене» — отдельной карточкой, как в соцсетях */
.pf-compose-card{margin:0 0 16px;border:1px solid var(--pb-color-accent-border);border-radius:var(--pb-radius-md);background:var(--pb-color-surface-2)}
.pf-compose-card .pf-compose{min-height:64px;padding:12px 16px;border-bottom:0;border-radius:var(--pb-radius-md)}
.pf-compose-card .pf-compose:hover{background:var(--pb-color-surface-hover)}
.pf-compose-card .profile-compose-placeholder{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pf-compose-tools{flex:none;display:flex;gap:14px;color:var(--pb-color-text-muted)}
.pf-compose-card .pf-compose:hover .pf-compose-tools{color:var(--pb-color-accent-foreground)}
@media (max-width:520px){.pf-compose-tools .pb-ico:nth-child(n+3){display:none}}

/* Главная: «Что нового?» — такой же карточкой, как в профиле */
.hm-tabbar{margin-bottom:16px}
.hm-compose.home-compose-launcher{grid-template-columns:40px minmax(0,1fr) auto;grid-template-rows:auto;min-height:64px;margin:0 0 20px;padding:12px 16px;border:1px solid var(--pb-color-accent-border);border-radius:var(--pb-radius-md);background:var(--pb-color-surface-2)}
.hm-compose.home-compose-launcher:hover{background:var(--pb-color-surface-hover)}
.hm-compose.home-compose-launcher .hm-compose-avatar{grid-row:auto}
.hm-compose.home-compose-launcher:hover .pf-compose-tools{color:var(--pb-color-accent-foreground)}

.pb-comments-empty.home-comments-empty,.profile-comments-list>.pb-comments-empty{display:flex;align-items:center;justify-content:center;gap:12px;min-height:100px;padding:20px 12px;color:var(--pb-color-text-muted);text-align:left}
.pb-comments-empty .pb-comments-empty-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:var(--pb-radius-sm);background:var(--pb-color-surface-2);color:var(--pb-color-accent-foreground)}
.pb-comments-empty .pb-comments-empty-copy{display:flex;flex-direction:column;gap:4px}
.pb-comments-empty strong{color:var(--pb-color-text-secondary);font:600 14px/1.4 var(--pb-font-ui)}
.pb-comments-empty small{font:400 13px/1.5 var(--pb-font-ui)}
.pb-comment-guest{display:flex;align-items:center;gap:12px;margin-top:12px;padding:14px 16px;border:1px dashed var(--pb-color-border-default);border-radius:var(--pb-radius-md);background:var(--pb-color-surface-2);color:var(--pb-color-text-secondary)}
.pb-comment-guest-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;color:var(--pb-color-text-muted)}
.pb-comment-guest p{min-width:0;margin:0;font:400 14px/1.6 var(--pb-font-ui)}
.pb-comment-guest a{color:var(--pb-color-accent-foreground);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.pb-comment-guest a:hover{color:var(--pb-color-text-primary)}
.pb-comment-guest a:focus-visible{outline:2px solid var(--pb-color-accent);outline-offset:3px}
.home-comments-sheet.is-inline .home-comments-list{min-height:0}

/* Нулевой счётчик скрывается без сдвига лайков и просмотров. */
.post-footer>.pb-post-comments-btn[hidden],.home-feed-actions>[data-comments-open][hidden]{display:none}
.post-footer>.pb-post-comments-btn,.home-feed-actions>[data-comments-open]{grid-column:2;grid-row:1}
.post-footer>.views-counter,.home-feed-actions>.home-feed-view{grid-column:3;grid-row:1}
.post-footer>:first-child,.home-feed-actions>:first-child{grid-column:1;grid-row:1}

/* Служебные подписи одинаковы на ПК и телефоне. */
body .home-feed-time,body .profile-post-time,body .home-feed-author-sub{font:400 15px/1.3 var(--pb-font-compact)}
@media(max-width:767px){
 body .home-feed-card-head{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;align-items:start}
 body .home-feed-card-head .home-feed-author{grid-column:1;min-width:0;gap:8px}
 body .home-feed-author-body,body .post-author-meta{min-width:0;flex:1}
 body .home-feed-card-head>.home-feed-time{grid-column:2;margin:0;align-self:center;white-space:nowrap}
 body .home-feed-card-head>.home-feed-menu-wrap{grid-column:3;align-self:center}
 body .home-feed-author-line,body .post-author-line{flex-wrap:wrap}
 body .home-feed-author-line .home-feed-name,body .home-feed-author-line .pb-identity-name,body .post-author-line .post-author-name,body .post-author-line .pb-identity-name{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;max-width:100%}
}

/* Дата — самостоятельный текстовый блок, без линий от ссылок/вложенного time. */
body .home-feed-time,body .profile-post-time,body .profile-post-time time,body .home-feed-time:hover,body .profile-post-time:hover,body .profile-post-time:hover time{
 display:inline-block;text-decoration:none!important;text-decoration-line:none!important;border:0!important;box-shadow:none!important;background-image:none!important;font-synthesis:none;
}
body .home-feed-time::before,body .home-feed-time::after,body .profile-post-time::before,body .profile-post-time::after{content:none!important}