.card-comments{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap;border:1px solid #8faa99;border-radius:11px;background:#fffefa;color:#173e32;min-height:40px;padding:9px 12px;font-size:12px;line-height:1.3;font-weight:650;text-align:left}.card-comments svg{width:20px;height:20px;flex:0 0 20px}.card-comments:hover{background:#f1f7ed}.project-card>.card-comments{margin:10px 0 14px;width:100%;grid-column:1/-1}.task-row .card-comments{margin-top:6px;white-space:normal}.task-row.nested .card-comments{font-size:11px}.comment-unread{background:#ffe070;color:#173e32;border-radius:12px;padding:3px 8px;font-size:11px;white-space:nowrap}.comment-total{background:#e7f2ee;color:#173e32;border-radius:12px;padding:3px 7px;font-size:11px}.detail-header{margin:14px 0 16px}.detail-header .detail-heading{margin:0}.detail-header>p{margin:8px 0}.detail-tabs{display:flex;align-items:center;gap:6px;border-bottom:1px solid #bfd0c2;overflow-x:auto;margin:12px 0 18px;padding:0;background:var(--paper,#fffefa)}.detail-tabs button{display:flex;flex:0 0 auto;align-items:center;justify-content:center;gap:7px;border:0;border-radius:0;border-bottom:3px solid transparent;background:transparent;color:#52645c;min-height:48px;padding:10px 14px;font-size:14px;box-shadow:none}.detail-tabs button[aria-selected="true"]{border-bottom-color:#246b4a;color:#173e32;font-weight:750}.detail-tabs button:focus-visible{outline:2px solid #d3a935;outline-offset:-3px}.detail-tabs+.detail-layout{display:block;margin-top:0}.detail-layout [data-detail-pane][hidden]{display:none!important}.detail-layout>.activity-panel[data-detail-pane]{border:0;background:transparent;padding:0;border-radius:0}.activity-panel[data-detail-pane]>summary,.detail-history[data-detail-pane]>summary{display:none}.activity-panel[data-detail-pane] .activity-content{padding-top:0}.activity-panel[data-detail-pane] .activity-comments{max-height:min(48vh,470px);padding:4px 4px 12px;overflow-y:auto;overscroll-behavior:contain}.activity-panel[data-detail-pane] .comment{padding:15px;border:1px solid #d6e1d8;border-radius:14px;background:#fffefa;margin:8px 0;box-shadow:0 2px 5px #173e3208}.activity-panel[data-detail-pane] .comment-new{background:#fff8dd;border-color:#edd997}.activity-panel[data-detail-pane] .comment-new::before{content:'Nuevo';display:block;width:fit-content;margin-left:auto;font-size:11px;font-weight:650;color:#173e32;background:#ffe070;border-radius:10px;padding:2px 8px}.activity-panel[data-detail-pane] .detail-message{margin:16px 0 4px;padding:14px;border:1px solid #c4d5c9;border-radius:14px;background:#f7faf3}.activity-panel[data-detail-pane] .comment-note{margin:0}.conversation-status:empty{display:none}.detail-history[data-detail-pane]{padding-top:0}.footer-brand{display:inline-flex;gap:7px;align-items:baseline}.footer-brand small{font-size:10px;font-weight:400;opacity:.8}@media(max-width:720px){.detail-tabs{gap:0;position:sticky;top:0;z-index:2}.detail-tabs button{flex:1;padding:10px 8px;font-size:12px;gap:5px}.detail-tabs .comment-unread,.detail-tabs .comment-total{font-size:10px;padding:2px 6px}.detail-header .detail-heading input{font-size:20px}.task-right .card-comments{width:100%;min-height:44px}.activity-panel[data-detail-pane] .detail-message{padding:10px}.activity-panel[data-detail-pane] .activity-comments{max-height:42vh}.card-comments{min-height:44px}.activity-panel[data-detail-pane] .comment{padding:12px}.detail-tabs+.detail-layout{margin-top:0}}

/* Identity stays independent of unread yellow and user-selected rich text colors. */
.comment[data-author-tone]{--author-fill:#edf0ee;--author-ink:#45594e;--author-edge:#a7b8ad;border-inline-start:4px solid var(--author-edge)}
.comment[data-author-tone="forest"]{--author-fill:#deecdf;--author-ink:#205139;--author-edge:#77a888}
.comment[data-author-tone="blue"]{--author-fill:#e1eff6;--author-ink:#244b65;--author-edge:#80acc2}
.comment[data-author-tone="lavender"]{--author-fill:#eee6f6;--author-ink:#584274;--author-edge:#aa93bf}
.comment[data-author-tone="peach"]{--author-fill:#fae8dd;--author-ink:#764b32;--author-edge:#c7987d}
.activity-panel[data-detail-pane] .comment[data-author-tone]{border-inline-start:4px solid var(--author-edge)}
.comment-heading{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:10px;margin-bottom:12px;text-align:start}
.comment-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:var(--author-fill);color:var(--author-ink);font-size:12px;font-weight:750;line-height:1}
.comment-byline{min-width:0;flex:1}.comment-author{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.comment-author strong{overflow-wrap:anywhere;line-height:1.4}
.comment-you{border-radius:10px;background:var(--author-fill);color:var(--author-ink);padding:2px 7px;font-size:11px;font-weight:650;line-height:1.4}
.comment .comment-heading time{margin-top:3px;font-size:11px;line-height:1.5;color:var(--muted,#52645c)}
.comment .rich-comment{line-height:1.6;overflow-wrap:anywhere}.activity-panel[data-detail-pane] .comment{margin:12px 0}
.comment[data-author-tone].comment-target{outline:2px solid #d3a935;outline-offset:2px}
@media(max-width:720px){.comment-heading{gap:9px;margin-bottom:10px}.comment-avatar{flex-basis:32px;width:32px;height:32px;font-size:11px}.comment-author strong{font-size:13px}.comment .rich-comment{font-size:14px}.comment .comment-heading time{font-size:11px}.activity-panel[data-detail-pane] .comment{margin:12px 0;padding:14px 12px}.activity-panel[data-detail-pane] .detail-message{margin-top:18px}.activity-panel[data-detail-pane] .activity-comments{scroll-padding:12px}}