.icon-pencil{mask-image:url('icons/pencil.svg')}.icon-trash{mask-image:url('icons/trash.svg')}.icon-history{mask-image:url('icons/history.svg')}
.comment-composer-row{display:flex;align-items:flex-start;gap:12px;margin:18px 0 26px;min-width:0}.comment-avatar{position:relative;display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;overflow:hidden;background:var(--input);border:1px solid var(--divider);font-size:14px;color:var(--text)}.comment-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.task-comments .comment-create{flex:1;min-width:0;margin:0;display:block}.comment-mention-editor{position:relative;min-width:0}.comment-mention-editor>textarea{display:block;width:100%;min-height:96px;resize:vertical;line-height:1.65;font:inherit;letter-spacing:0;padding:12px 14px;margin:0}.comment-mention-tools{display:flex;align-items:center;gap:10px;margin-top:7px}.comment-mention-tools p{margin:0;font-size:12px;line-height:1.5}.comment-mention-button{flex:0 0 36px;display:grid;place-items:center;border:1px solid var(--divider);border-radius:9px;background:var(--solid);color:var(--accent);width:36px;min-height:36px;font:inherit;font-size:18px;cursor:pointer}.comment-composer-actions{display:flex;gap:12px;justify-content:flex-end;align-items:center;margin-top:12px}.comment-composer-actions .button{margin:0;min-height:40px}.comment-thread{list-style:none;padding:0;margin:0;display:grid;gap:18px}.comment-thread>.comment-entry{display:flex;gap:12px;align-items:flex-start;padding:0;border:0;min-width:0}.comment-bubble{position:relative;min-width:0;flex:1;padding:14px 16px;border:1px solid var(--divider);border-radius:4px 18px 18px;background:var(--input)}[data-own-comment]>.comment-bubble{background:var(--panel)}.comment-bubble-header{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;min-height:32px}.comment-bubble:has(.comment-edit) .comment-bubble-header{padding-inline-end:42px}.comment-bubble-header>div:first-child{min-width:0;display:flex;flex-wrap:wrap;gap:3px 12px;align-items:baseline}.comment-bubble-header strong{font-size:13px;font-weight:550;overflow-wrap:anywhere}.comment-bubble-header time,.comment-bubble-header>div>span{font-size:11px;color:var(--muted);line-height:1.5}.comment-icon-actions{display:flex;flex:none;gap:4px}.comment-icon-actions form{margin:0}.comment-icon-actions .icon-button,.comment-edit>summary.icon-button{width:32px;min-width:32px;height:32px;min-height:32px;padding:7px;border-radius:9px}.comment-edit>summary{position:absolute;top:14px;right:16px;display:grid;place-items:center;list-style:none;cursor:pointer}.comment-edit>summary::-webkit-details-marker{display:none}.comment-bubble>.comment-body{font-size:14px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;margin:9px 0 0;letter-spacing:0}.comment-bubble:has(.comment-edit[open])>.comment-body{display:none}.comment-bubble .comment-edit-form{margin:12px 0 0;padding-top:12px;border-top:1px solid var(--divider)}.comment-deleted{margin:8px 0 0}.comment-empty{padding:12px 0}.comment-mention{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border-radius:4px;padding:1px 3px}.comment-mention-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.comment-mention-chip{display:inline-flex;align-items:center;gap:7px;padding:4px 7px;border-radius:8px;background:var(--input);border:1px solid var(--divider);font-size:12px}.comment-mention-chip button{display:grid;place-items:center;padding:1px;width:24px;height:24px;min-height:24px;background:transparent;border:0;color:var(--muted);font-size:17px;cursor:pointer}.comment-mention-picker{position:relative;width:100%;max-width:100%;box-sizing:border-box;padding:7px;margin-top:8px;background:var(--solid);border:1px solid var(--divider);border-radius:12px;box-shadow:0 8px 20px #0001}.comment-mention-picker[hidden]{display:none}.comment-mention-picker>p{margin:4px 7px;font-size:12px;color:var(--muted)}[data-mention-list]{max-height:240px;overflow:auto;overscroll-behavior:contain}.comment-mention-option{display:flex;gap:10px;align-items:center;width:100%;min-height:42px;text-align:left;background:transparent;color:var(--text);border:0;padding:7px;border-radius:8px;font:inherit;font-size:13px;cursor:pointer}.comment-mention-option[aria-selected=true],.comment-mention-option:hover{background:var(--input)}.comment-mention-option>span:last-child{min-width:0;overflow-wrap:anywhere}.comment-mention-option .comment-avatar{width:28px;height:28px;flex-basis:28px;font-size:12px}
@media(max-width:640px){.comment-composer-row,.comment-thread>.comment-entry{gap:8px}.comment-avatar{width:30px;height:30px;flex-basis:30px;font-size:12px}.comment-bubble{padding:12px;border-radius:4px 14px 14px}.comment-bubble-header{min-height:38px}.comment-bubble-header>div:first-child{display:block}.comment-bubble-header strong,.comment-bubble-header time,.comment-bubble-header>div>span{display:block}.comment-bubble-header strong{font-size:13px}.comment-icon-actions .icon-button,.comment-edit>summary.icon-button{width:40px;min-width:40px;height:40px;min-height:40px;padding:11px}.comment-edit>summary{top:9px;right:12px}.comment-bubble:has(.comment-edit) .comment-bubble-header{padding-inline-end:40px}.comment-bubble>.comment-body{font-size:14px;line-height:1.7}.task-comments .comment-mention-editor>textarea{font-size:16px;min-height:100px;padding:10px;line-height:1.6}.comment-mention-tools{gap:8px;align-items:flex-start}.comment-mention-button{min-height:44px;width:40px;flex-basis:40px}.comment-mention-tools p{font-size:11px;line-height:1.5}.comment-composer-actions{flex-wrap:wrap;gap:8px}.comment-composer-actions .button,.comment-composer-actions .text-button{min-height:44px}.comment-mention-picker{padding:5px}.comment-mention-option{min-height:44px}.comment-mention-chip button{width:32px;height:32px}.comment-thread{gap:14px}}


/* The composer footer remains in normal flow when mention results expand. */
.task-comments .comment-composer-row{margin:14px 0 18px}.task-comments .comment-create{display:block}.task-comments .comment-create .comment-mention-tools{align-items:center;gap:10px;margin-top:8px}.task-comments .comment-mention-tools>p{flex:1;min-width:0}.task-comments .comment-create .comment-composer-actions{margin:0;flex:none}.comment-mention-chips:empty{display:none}.typed-table .typed-checkbox{display:flex;align-items:center;justify-content:center;min-height:44px}.typed-table input[type=checkbox]{width:20px!important;min-width:20px!important;height:20px!important;min-height:20px!important;margin:0;accent-color:var(--accent);cursor:pointer}.typed-table .typed-read-checkbox{cursor:default;display:block;margin:12px auto}
@media(max-width:640px){.task-comments .comment-create .comment-mention-tools{flex-wrap:wrap}.task-comments .comment-mention-tools>p{min-width:120px}.task-comments .comment-create .comment-composer-actions{width:100%;margin-top:0}.task-comments .comment-mention-editor>textarea{min-height:88px}}

/* Keep author and timestamp readable beside the two own-comment actions. */
@media(max-width:360px){.comment-bubble:has(.comment-edit) .comment-bubble-header{min-height:84px;padding-inline-end:44px}.comment-bubble:has(.comment-edit) .comment-icon-actions{position:absolute;top:53px;inset-inline-end:12px}}