/* Conversations retain one reply level and one active editor. */
.comment-conversation { min-width:0; }
.comment-conversation>.tl-cmt { --comment-surface:color-mix(in srgb,var(--surface-raised) 65%,var(--surface-canvas));--description-blur-surface:var(--comment-surface);padding:14px 16px 10px;border-color:color-mix(in srgb,var(--line) 65%,transparent);background:var(--comment-surface); }
.comment-conversation .tl-cmt.is-reply-target { border-color:var(--line-strong); }
.tl-cmt .cmt-head { display:flex;align-items:center;flex-wrap:nowrap;gap:8px; }
.cmt-head>.avatar { flex-shrink:0;border-radius:6px; }
.cmt-head>b { flex:1;min-width:0;font-size:var(--text-label);line-height:1.4;font-weight:500;color:var(--ink); }
.cmt-head>.act-time { margin-left:auto;flex-shrink:0;font-size:var(--text-xs);white-space:nowrap; }
.cmt-head .comment-menu-button { width:28px;height:28px;min-width:28px;min-height:28px;padding:6px;margin-right:0;color:var(--ink-muted);opacity:.7; }
.tl-cmt:hover .comment-menu-button,.comment-menu-button:focus-visible { opacity:1; }
.comment-conversation .cmt-body { margin-top:10px; }
.comment-reading { display:flex;min-width:0;flex-direction:column;align-items:stretch; }
.comment-reading .description-preview { min-width:0; }
.comment-reading.is-collapsed .description-preview::after { content:"";position:absolute;inset:auto 0 0;height:112px;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:color-mix(in srgb,var(--description-blur-surface,var(--surface-canvas)) 15%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 85%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 85%);pointer-events:none; }
.comment-reading .comment-body-content { box-sizing:border-box;margin-top:10px;overflow-wrap:anywhere;transition:height var(--motion-normal) var(--ease-out); }
/* A comment has no frame around it, so the cut-off text fades into the card instead of ending at an edge. */
.comment-reading.is-collapsed .comment-body-content { mask-image:linear-gradient(to bottom,#000 calc(100% - 56px),transparent);-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 56px),transparent); }
.comment-reading .description-toggle { margin-top:6px; }
.comment-actions { display:flex;align-items:center;margin-top:6px; }
.comment-actions .reply-action { min-height:30px;padding:4px 7px;margin-left:-7px;font-size:var(--text-sm);gap:6px;color:var(--ink-muted); }
.comment-actions .reply-action:hover,.comment-actions .reply-action[aria-pressed=true] { color:var(--ink);background:var(--fill-hover); }
.comment-removed { color:var(--ink-muted);font-size:var(--text-label); }
.reply-toggle { display:flex;align-items:center;gap:8px;max-width:100%;min-height:34px;margin:5px 0 5px 14px;padding:5px 8px;font-size:var(--text-sm);color:var(--ink-soft); }
.reply-chevron { display:flex;flex-shrink:0;transition:transform var(--motion-normal) var(--ease-out); }
.reply-chevron svg { width:12px;height:12px; }.reply-toggle[aria-expanded=true] .reply-chevron { transform:rotate(90deg); }
.reply-participants { display:flex;align-items:center;padding-left:4px; }.reply-participants:empty { display:none; }.reply-participants .avatar { margin-left:-4px;box-shadow:0 0 0 2px var(--surface-canvas); }
.reply-latest { font-size:var(--text-xs);font-weight:400;color:var(--ink-muted);margin-left:4px; }
.comment-thread { margin:0 0 10px 28px;padding-left:18px;border-left:1px solid var(--line-strong); }
.comment-thread .comment-reply { margin:0;padding:14px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent; }
.comment-thread .comment-reply:last-child { border-bottom:0; }
.reply-reference { display:flex;align-items:center;gap:6px;max-width:100%;padding:5px 0;margin-top:8px;border:0;background:none;color:var(--ink-muted);font:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer; }
.reply-reference>svg { flex-shrink:0;width:13px;height:13px; }.reply-reference>span { overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }.reply-reference strong { font-weight:500; }.reply-reference:hover { color:var(--ink); }
.thread-composer { margin:8px 0 16px 28px;padding-left:18px;border-left:1px solid var(--line-strong); }
.task-layout .inline-composer { margin-top:10px; }.thread-composer>.inline-composer { margin-top:0; }
.inline-composer { padding:14px;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface-canvas); }
.reply-context { display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px; }
.reply-context-main { min-width:0;flex:1;overflow-wrap:anywhere; }.reply-context-main>strong { display:flex;align-items:center;gap:6px;color:var(--ink);font-size:var(--text-label);font-weight:500; }
.reply-context-quote { display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:6px;color:var(--ink-muted);font-size:var(--text-sm);line-height:1.5;white-space:pre-line; }
.reply-context>.btn { flex-shrink:0;font-size:var(--text-sm);min-height:28px;padding:3px 7px; }
.inline-composer textarea { min-height:88px; }
.comment-composer-home:empty { display:none; }
@media(max-width:520px) { .comment-conversation>.tl-cmt { padding:12px; }.comment-thread,.thread-composer { margin-left:12px;padding-left:12px; }.inline-composer { padding:12px; }.reply-toggle { margin-left:0; }.reply-latest { margin-left:0; } }
@media(prefers-reduced-motion:reduce) { .comment-reading .comment-body-content { transition:none; } }
@media(pointer:coarse) { .cmt-head .comment-menu-button { width:36px;min-width:36px;min-height:44px;opacity:1; }.comment-actions .reply-action,.reply-toggle,.reply-context>.btn { min-height:44px; } }

/* Saving places the reading cursor here; it is not a selected message. */
.tl-cmt.comment-save-focus:focus-visible { outline:none; }