/* Keep the composer in the same open layout as the conversation. */
.buzz-reply-composer {
  grid-template-columns:40px minmax(0,1fr) auto;
  gap:6px 12px;
  padding:18px 20px 14px;
}
.buzz-reply-composer .buzz-composer-avatar {
  width:40px; height:40px; border:0; box-shadow:none;
}
.buzz-reply-composer textarea {
  grid-column:2 / 4;
  border:0; border-bottom:1px solid transparent; border-radius:0;
  background:transparent; box-shadow:none;
  padding:8px 0; font-size:16px; line-height:1.5;
}
.buzz-reply-composer textarea:focus {
  border-color:rgba(73,101,168,.24);
  background:transparent; box-shadow:none;
}
.buzz-reply-composer .buzz-composer-extras:has([data-buzz-reply-status][hidden]):has([data-buzz-reply-media-preview][hidden]) { display:none; }
.buzz-reply-composer .buzz-composer-tools { align-self:center; gap:8px; }
.buzz-reply-composer .buzz-tool { width:32px; height:32px; }
.buzz-reply-composer .buzz-tool img { width:21px; height:21px; object-fit:contain; }
.buzz-reply-composer .buzz-post-submit {
  grid-column:3 / 4; align-self:center; min-height:32px;
  padding:6px 18px; border:0; border-radius:20px; box-shadow:none;
  font-size:13px; font-weight:700; line-height:1.4;
  background:#63d9ca; color:var(--ink);
}
.buzz-reply-composer .buzz-post-submit:disabled { background:#edf0f5; color:#8e96ac; opacity:1; }
.buzz-reply-composer .buzz-post-submit:not(:disabled):hover { background:#4bcbbb; }
.buzz-reply-composer .buzz-post-submit:focus-visible { outline:2px solid #4965a8; outline-offset:3px; }
@media(max-width:520px) {
  .buzz-reply-composer { grid-template-columns:36px minmax(0,1fr) auto; gap:6px 10px; padding:16px 14px 12px; }
  .buzz-reply-composer .buzz-composer-avatar { width:36px; height:36px; }
  .buzz-reply-composer .buzz-reply-context,
  .buzz-reply-composer textarea,
  .buzz-reply-composer .buzz-composer-extras { grid-column:2 / 4; }
}

/* A conversation shares one avatar column; separate direct replies get dividers. */
.buzz-conversation { min-width:0; margin:0; padding:0; border-top:1px solid #e4e2eb; list-style:none; }
.buzz-conversation-posts { list-style:none; margin:0; padding:0; }
.buzz-reply-list .buzz-reply {
  --reply-avatar-size:40px; --reply-row-padding:20px;
  display:grid; grid-template-columns:var(--reply-avatar-size) minmax(0,1fr);
  gap:12px; position:relative; margin:0; padding:14px var(--reply-row-padding) 12px;
  border:0; background:transparent;
}
.buzz-reply-list .buzz-reply::before,
.buzz-reply-list .buzz-reply::after { display:none; }
.buzz-reply-list .buzz-reply.has-thread-next::before {
  display:block; content:""; position:absolute;
  left:calc(var(--reply-row-padding) + var(--reply-avatar-size) / 2 - 1px);
  top:calc(14px + var(--reply-avatar-size) + 5px); bottom:-9px;
  width:2px; border-radius:0; background:#dcdde7; pointer-events:none;
}
.buzz-reply-list .buzz-reply-avatar-link,
.buzz-reply-list .buzz-reply-avatar { width:var(--reply-avatar-size); height:var(--reply-avatar-size); }
.buzz-reply-list .buzz-reply-avatar { border:0; box-shadow:none; }
.buzz-reply-header { display:flex; align-items:flex-start; gap:6px; }
.buzz-reply-header .buzz-reply-meta { flex:1; min-width:0; }
.buzz-reply-header .buzz-post-menu { position:relative; top:auto; right:auto; flex:0 0 auto; margin-top:-5px; }
.buzz-reply-header .buzz-post-menu.is-open { z-index:6; }
.buzz-reply-list .buzz-reply:has(.buzz-post-menu.is-open) { z-index:2; }
.buzz-reply-header .buzz-post-menu-panel { top:100%; right:0; max-width:calc(100vw - 32px); }
.buzz-reply-header .buzz-post-menu-action { white-space:normal; overflow-wrap:anywhere; }
.buzz-reply-list .buzz-reply-meta { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 6px; min-height:20px; line-height:1.3; }
.buzz-reply-list .buzz-reply-meta strong { min-width:0; max-width:100%; font-size:16px; line-height:1.3; }
.buzz-reply-list .buzz-reply-author-link { overflow-wrap:anywhere; }
.buzz-reply-list .buzz-reply-handle-link { min-width:0; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#828699; font-size:14px; font-weight:400; }
.buzz-reply-list .buzz-reply-meta time { flex:0 0 auto; margin:0; color:#828699; font-size:14px; font-weight:400; white-space:nowrap; }
.buzz-reply-list .buzz-reply-meta time::before { content:"\00b7"; margin-right:6px; }
.buzz-reply-list .buzz-reply-target { display:flex; align-items:baseline; flex-wrap:wrap; gap:0 4px; margin:2px 0 0; color:#828699; font-size:12px; font-weight:400; line-height:1.4; }
.buzz-reply-target-arrow { display:none; }
.buzz-conversation-posts > .buzz-reply:first-child .buzz-reply-target { display:none; }
.buzz-reply-list .buzz-reply-target a { color:#5e79b0; font-weight:400; text-decoration:none; overflow-wrap:anywhere; }
.buzz-reply-list .buzz-reply-text { margin:4px 0 0; font-size:16px; line-height:1.45; white-space:pre-wrap; overflow-wrap:anywhere; }
.buzz-reply-list .buzz-reply-actions { display:flex; gap:12px; margin-top:8px; }
.buzz-reply-list .buzz-reply-actions .profile-buzz-action { display:inline-flex; align-items:center; justify-content:flex-start; gap:7px; min-width:44px; min-height:32px; padding:4px 0; font-size:12px; line-height:1; font-weight:400; }
.buzz-reply-list .buzz-reply-actions .profile-buzz-action > img,
.buzz-reply-list .buzz-reply-actions .profile-buzz-like-icons,
.buzz-reply-list .buzz-reply-actions .profile-buzz-like-icon { width:20px; height:20px; }
.buzz-reply-list .buzz-reply.is-system-notice { display:block; padding:12px 20px; background:#f1f8f6; }
.buzz-thread-toggle { display:block; position:relative; width:100%; padding:10px 20px 16px 72px; border:0; border-radius:0; box-shadow:none; background:transparent; text-align:left; color:#5278bb; font:inherit; font-size:14px; font-weight:500; cursor:pointer; }
.buzz-thread-toggle:not(.is-expanded)::before { content:""; position:absolute; left:39px; top:1px; height:22px; border-left:2px dotted #dcdde7; }
.buzz-thread-toggle:hover { background:#f7f8fc; color:#3a5d9c; }
.buzz-reply-reset { border:0; padding:3px 0; background:none; color:#a13f7b; text-decoration:underline; text-underline-offset:3px; font:inherit; font-weight:500; cursor:pointer; }
.buzz-reply-context { display:flex; flex-wrap:wrap; gap:4px 12px; align-items:baseline; }
.buzz-reply-list a:focus-visible,
.buzz-thread-toggle:focus-visible { outline:2px solid #b34d8a; outline-offset:-2px; }
@media(max-width:520px) {
  .buzz-reply-list .buzz-reply { --reply-avatar-size:36px; --reply-row-padding:14px; gap:10px; }
  .buzz-reply-list .buzz-reply-meta strong { font-size:15px; }
  .buzz-reply-list .buzz-reply-handle-link,
  .buzz-reply-list .buzz-reply-meta time { font-size:12px; }
  .buzz-reply-list .buzz-reply-text { font-size:15px; }
  .buzz-reply-list .buzz-reply-actions .profile-buzz-action { min-height:36px; }
  .buzz-thread-toggle { padding-left:60px; }
  .buzz-thread-toggle:not(.is-expanded)::before { left:31px; }
}