/* One surface per conversation; replies share a single-level guide. */
body.canvas-live.modonix.product-live .product-comments-panel .comments-section{scroll-margin-top:56px}
body.canvas-live.modonix.product-live .product-comments-panel .comments-section>.section-heading{margin-bottom:20px}
body.canvas-live.modonix.product-live .product-comments-panel .comments-section>.section-heading p{font-size:14px;line-height:1.6;max-width:60ch}
body.canvas-live.modonix.product-live .product-comments-panel .comments-section .comment-thread{padding:20px;margin:0 0 16px;border:1px solid #e0e5ed;border-radius:12px;background:#fff;box-shadow:none;min-width:0}
body.canvas-live.modonix.product-live .product-comments-panel .comments-section .message-item{padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;scroll-margin-top:0;overflow-wrap:anywhere;min-width:0}
body.canvas-live.modonix.product-live .product-comments-panel .comments-section .message-item:target{background:#f3f6fc;box-shadow:0 0 0 8px #f3f6fc;border-radius:6px}
body.canvas-live.modonix.product-live .product-comments-panel .comments-section .message-meta{gap:5px 8px;margin:0 0 10px;align-items:center;font-size:13px;line-height:1.5}
body.canvas-live.modonix.product-live .product-comments-panel .comments-section .message-meta .member-avatar{width:32px;height:32px;border-radius:9px;background:#edf2fb;color:#395da1;font-size:13px;font-weight:700}
body.canvas-live.modonix.product-live .product-comments-panel .comments-section .message-meta :is(a,strong){font-size:14px;line-height:1.5;font-weight:700;color:#253247;text-decoration:none}
body.canvas-live.modonix.product-live .product-comments-panel .comments-section .message-meta a:hover{text-decoration:underline;text-underline-offset:3px}
body.canvas-live.modonix.product-live .product-comments-panel .comments-section .message-meta>a{display:inline-flex;align-items:center;min-height:44px}
body.canvas-live.modonix.product-live .product-comments-panel .comments-section .message-meta small{font-size:11px;color:#657186}
body.canvas-live.modonix.product-live .product-comments-panel .comments-section .message-meta time{font-size:11px;color:#687487;margin-left:auto;white-space:nowrap}
body.canvas-live.modonix.product-live .product-comments-panel .comments-section .message-item>.rich-content{margin:0;padding:0;border:0;background:none;border-radius:0;font-size:15px;line-height:1.7;color:#283448;max-width:76ch}
body.canvas-live.modonix.product-live .product-comments-panel .comments-section .message-item>.rich-content>:first-child{margin-top:0}
body.canvas-live.modonix.product-live .product-comments-panel .comments-section .message-item>.rich-content>:last-child{margin-bottom:0}
body.canvas-live.modonix.product-live .product-comments-panel .comments-section .message-item>.rich-content code{font-size:.86em;background:#f0f3f8;color:#394965;border-radius:4px}
body.canvas-live.modonix.product-live .product-comments-panel .comments-section .comment-replies{margin:16px 0 0 15px;padding:0 0 0 22px;border-left:2px solid #e5eaf2;min-width:0}
body.canvas-live.modonix.product-live .product-comments-panel .comments-section .comment-replies:empty{display:none}
body.canvas-live.modonix.product-live .product-comments-panel .comments-section .comment-replies:not(:has(>.message-item)):not(:has(a)){display:none}
body.canvas-live.modonix.product-live .product-comments-panel .comments-section .comment-replies>.message-item{padding-top:18px;margin-top:16px;border-top:1px solid #edf0f5}
body.canvas-live.modonix.product-live .product-comments-panel .comments-section .comment-replies>.message-item:first-child{padding-top:0;margin-top:0;border-top:0}
body.canvas-live.modonix.product-live .product-comments-panel .comments-section .message-item>.quoted-reply{display:flex;gap:3px;margin:0 0 12px;padding:7px 10px;border-left:2px solid #d1dbee;background:#f7f9fc;color:#53627a;font-size:12px;line-height:1.5;text-decoration:none;max-width:100%;min-width:0}
body.canvas-live.modonix.product-live .product-comments-panel .comments-section .message-item>.quoted-reply:hover{background:#f0f4fa}
body.canvas-live.modonix.product-live .product-comments-panel .comments-section .quoted-reply strong{font-size:12px;font-weight:600;color:#50617c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.canvas-live.modonix.product-live .product-comments-panel .comments-section .quoted-reply>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#69768a;font-size:12px}
body.canvas-live.modonix.product-live .product-comments-panel .comments-section .message-actions{gap:6px 10px;margin-top:12px;align-items:center;font-size:12px}
body.canvas-live.modonix.product-live .product-comments-panel .comments-section .message-actions>:is(button,a){display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;min-width:44px;padding:0 6px;border:0;border-radius:7px;background:transparent;color:#52617b;font-size:12px;font-weight:600;line-height:1.4;text-decoration:none}
body.canvas-live.modonix.product-live .product-comments-panel .comments-section .message-actions>:is(button,a):hover{background:#f2f5fa;color:#2f528d;text-decoration:none}
body.canvas-live.modonix.product-live .product-comments-panel .comments-section .message-actions>svg{width:15px;height:15px}
body.canvas-live.modonix.product-live .product-comments-panel .comments-section .reply-form{padding-top:24px;margin-top:28px;border-top:1px solid #dfe5ee;scroll-margin-top:0}
body.canvas-live.modonix.product-live .product-comments-panel .comments-section .cc-comment-intro p{font-size:13px;line-height:1.6}

body.product-live .comment-demo-role{display:inline-flex;align-items:center;min-height:22px;padding:2px 7px;border-radius:5px;background:#f1f4f8;color:#5c6a80;font-size:10px;font-weight:600;line-height:1.4;white-space:nowrap}
body.product-live .comment-demo-role[data-demo-role=support]{background:#eaf1fc;color:#3c5f97}
body.product-live .comment-demo-role[data-demo-role=creator]{background:#edf5ef;color:#39714e}
body.canvas-live.modonix.product-live .product-comments-panel .comments-section .comment-demo-notice{margin:0 0 20px;padding:10px 13px;border:0;border-left:2px solid #cbd6e8;border-radius:0;background:transparent;color:#67748a;font-size:12px;line-height:1.6}

/* Reactions are shared with conversations; the menu never reflows text. */
body.canvas-live.modonix.product-live .message-item .comment-reactions{display:flex;flex-wrap:wrap;align-items:center;gap:0;min-width:0;max-width:100%}
body.canvas-live.modonix.product-live .message-item .comment-reaction-form{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;max-width:100%}
body.canvas-live.modonix.product-live .message-item .comment-reaction-picker{position:relative;min-width:0;margin:0}
body.canvas-live.modonix.product-live .message-item .comment-reactions :is(.comment-reaction-button,.comment-reaction-trigger){display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:9px 10px;border:1px solid #e0e6ef;border-radius:8px;background:#fff;color:#52617b;font:inherit;font-size:12px;font-weight:600;line-height:1.4;text-decoration:none;white-space:nowrap;cursor:pointer;list-style:none;box-shadow:none;transition:background-color 140ms ease,border-color 140ms ease,color 140ms ease}
body.canvas-live.modonix.product-live .message-item .comment-reaction-trigger::-webkit-details-marker{display:none}
body.canvas-live.modonix.product-live .message-item .comment-reaction-trigger::marker{content:""}
body.canvas-live.modonix.product-live .message-item .comment-reaction-picker[open]>.comment-reaction-trigger{margin:0}
body.canvas-live.modonix.product-live .message-item .comment-reactions :is(.comment-reaction-button,.comment-reaction-trigger):hover{background:#f4f7fb;border-color:#c9d4e4;color:#324b70}
body.canvas-live.modonix.product-live .message-item .comment-reactions :is(.comment-reaction-button,.comment-reaction-trigger)[aria-pressed=true],body.canvas-live.modonix.product-live .message-item .comment-reaction-picker[open]>.comment-reaction-trigger,body.canvas-live.modonix.product-live .message-item .comment-reaction-trigger.is-selected{background:#edf3fd;border-color:#b7c9e8;color:#355b96;box-shadow:none}
body.canvas-live.modonix.product-live .message-item .comment-reactions :is(.comment-reaction-button,.comment-reaction-trigger):focus-visible{outline:2px solid #758fb7;outline-offset:2px;box-shadow:none}
body.canvas-live.modonix.product-live .message-item .comment-reactions :is(.comment-reaction-button,.comment-reaction-trigger):focus:not(:focus-visible){outline:none;box-shadow:none}
body.canvas-live.modonix.product-live .message-item .comment-reactions .comment-reaction-icon{width:17px;height:17px;flex:0 0 17px;stroke-width:1.7}
body.canvas-live.modonix.product-live .message-item .comment-reaction-label{min-width:0}
body.canvas-live.modonix.product-live .message-item .comment-reaction-count{min-width:1ch;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;color:inherit}
body.canvas-live.modonix.product-live .message-item .comment-reaction-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:35;display:grid;grid-template-columns:minmax(0,1fr);gap:3px;width:216px;max-width:calc(100vw - 32px);max-height:var(--reaction-menu-space,calc(100dvh - 140px));overflow-y:auto;overscroll-behavior:contain;margin:0;padding:6px;border:1px solid #dce3ee;border-radius:11px;background:#fff;box-shadow:0 8px 24px #2535521f}
body.canvas-live.modonix.product-live .message-item .comment-reaction-menu .comment-reaction-button{display:flex;justify-content:flex-start;width:100%;min-height:44px;border-color:transparent;background:transparent;padding:9px 10px}
body.canvas-live.modonix.product-live .message-item .comment-reaction-menu .comment-reaction-count{margin-left:auto}
body.canvas-live.modonix.product-live .message-item .comment-reaction-menu-note{margin:5px 7px;font-size:11px;line-height:1.5;font-weight:400;color:#68758b;white-space:normal}
body.canvas-live.modonix.product-live .message-item .comment-reaction-menu-note:last-child{border-top:1px solid #edf0f5;padding-top:9px;margin-top:5px}
body.canvas-live.modonix.product-live .message-item .comment-reaction-picker[data-placement=above]>.comment-reaction-menu{top:auto;bottom:calc(100% + 6px)}
body.canvas-live.modonix.product-live .message-item .comment-reaction-status{flex-basis:100%;margin:6px 0 0;font-size:12px;line-height:1.5;color:#8f3b47}
body.canvas-live.modonix.product-live .message-item .comment-reaction-status:not([data-state=error]){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.canvas-live.modonix.product-live .message-item .comment-reaction-status:empty{display:none}
body.canvas-live.modonix.product-live .message-item .comment-reaction-form[aria-busy=true] .comment-reaction-button{cursor:wait}
body.canvas-live.modonix.product-live .message-item .comment-reaction-button:disabled{cursor:default;color:#738198;background:#f6f8fb;border-color:#e6ebf2}
body.canvas-live.modonix.product-live .message-item span.comment-reaction-button{cursor:default}

@media(max-width:900px){body.canvas-live.modonix.product-live .product-comments-panel .comments-section{scroll-margin-top:40px}}
@media(max-width:650px){
 body.canvas-live.modonix.product-live .product-comments-panel .comments-section .comment-thread{padding:15px 13px;margin-bottom:12px;border-radius:10px}
 body.canvas-live.modonix.product-live .product-comments-panel .comments-section .message-meta{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:2px 7px;margin-bottom:12px;align-items:center}
 body.canvas-live.modonix.product-live .product-comments-panel .comments-section .message-meta>.member-avatar{grid-column:1;grid-row:1/3;align-self:start}
 body.canvas-live.modonix.product-live .product-comments-panel .comments-section .message-meta>:is(a,strong){grid-column:2;grid-row:1;min-width:0}
 body.canvas-live.modonix.product-live .product-comments-panel .comments-section .message-meta>.comment-demo-role{grid-column:3;grid-row:1;justify-self:end;font-size:9px;padding-inline:5px}
 body.canvas-live.modonix.product-live .product-comments-panel .comments-section .message-meta time{grid-column:2/-1;grid-row:2;width:auto;margin:0;font-size:10px}
 body.canvas-live.modonix.product-live .product-comments-panel .comments-section .message-meta:has(>small) time{grid-column:3;justify-self:end}
 body.canvas-live.modonix.product-live .product-comments-panel .comments-section .message-meta :is(a,strong){font-size:13px}
 body.canvas-live.modonix.product-live .product-comments-panel .comments-section .message-meta small{grid-column:2;grid-row:2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
 body.canvas-live.modonix.product-live .product-comments-panel .comments-section .message-item>.rich-content{font-size:14px;line-height:1.75}
 body.canvas-live.modonix.product-live .product-comments-panel .comments-section .comment-replies{margin:16px 0 0 7px;padding-left:12px}
 body.canvas-live.modonix.product-live .product-comments-panel .comments-section .comment-replies>.message-item{padding-top:16px;margin-top:14px}
 body.canvas-live.modonix.product-live .product-comments-panel .comments-section .comment-replies>.message-item:first-child{padding-top:0;margin-top:0}
 body.canvas-live.modonix.product-live .product-comments-panel .comments-section .message-actions{gap:4px 6px;margin-top:10px}
 body.canvas-live.modonix.product-live .message-item .comment-reactions :is(.comment-reaction-button,.comment-reaction-trigger){gap:5px;padding-inline:8px}
 body.canvas-live.modonix.product-live .message-item .comment-reaction-menu .comment-reaction-button{padding-inline:10px}
}
@media(max-width:380px){
 body.canvas-live.modonix.product-live .product-comments-panel .comments-section .message-actions{column-gap:4px}
 body.canvas-live.modonix.product-live .message-item .comment-reaction-form{gap:4px}
 body.canvas-live.modonix.product-live .message-item .comment-reaction-form>.comment-reaction-button,body.canvas-live.modonix.product-live .message-item .comment-reaction-picker>.comment-reaction-trigger{padding-inline:6px}
}
@media(prefers-reduced-motion:reduce){body.canvas-live.modonix.product-live .message-item .comment-reactions :is(.comment-reaction-button,.comment-reaction-trigger){transition:none}}