.modern-comment-card{transition:all .2s ease-in-out}.modern-comment-card:hover{background-color:#00000003}.comment-bubble{background:#f8f9fa;border:1px solid #e5e7eb;transition:all .2s ease-in-out}.comment-bubble:hover{border-color:#d1d5db;box-shadow:0 1px 2px #0000000a}.comment-actions{opacity:.8;transition:opacity .2s ease-in-out}.modern-comment-card:hover .comment-actions{opacity:1}.reply-input{border-radius:8px;transition:all .2s ease-in-out}.reply-input:focus{box-shadow:0 0 0 2px #3b82f633}.comment-content{word-wrap:break-word;overflow-wrap:break-word;line-height:1.5}.comment-content .editor-paragraph{color:#1f2937;margin:4px 0;font-size:.875rem;line-height:1.6}.comment-content .editor-paragraph b,.comment-content .editor-paragraph strong{font-weight:700}.comment-content .editor-paragraph i,.comment-content .editor-paragraph em,.comment-content .editor-header i,.comment-content .editor-header em,.comment-content .editor-list i,.comment-content .editor-list em{font-style:normal;font-weight:inherit}.comment-content .editor-paragraph u,.comment-content .editor-paragraph .cdx-underline{text-decoration:underline}.comment-content h1,.comment-content h2,.comment-content h3,.comment-content h4,.comment-content h5,.comment-content h6,.comment-content .editor-header{color:#222;word-break:break-word;overflow-wrap:anywhere;margin:8px 0 4px;font-weight:600}.comment-content h1,.comment-content .editor-header-1{font-size:1.125rem}.comment-content h2,.comment-content .editor-header-2{font-size:1rem}.comment-content h3,.comment-content .editor-header-3{font-size:.9375rem}.comment-content h4,.comment-content .editor-header-4{font-size:.875rem}.comment-content blockquote,.comment-content .editor-quote{color:#6b7280;word-break:break-word;background:#f3f4f6;border-left:3px solid #f97316;border-radius:6px;margin:8px 0;padding:8px 12px;font-style:italic}.comment-content .editor-quote-caption{color:#4b5563;margin-top:4px;font-size:.75rem;font-style:normal;display:block}.comment-content code{color:#dc2626;background:#f3f4f6;border-radius:3px;padding:2px 4px;font-family:Monaco,Menlo,monospace;font-size:.8125rem}.comment-content pre{background:#f3f4f6;border-radius:6px;margin:8px 0;padding:8px;font-size:.8125rem;overflow-x:auto}.comment-content .editor-code-wrap{width:100%;max-width:100%;margin:8px 0;position:relative;overflow-x:auto}.comment-content .editor-code-copy{color:#fff;cursor:pointer;background:#f97316;border:none;border-radius:4px;padding:2px 8px;font-size:.75rem;transition:background-color .2s;position:absolute;top:8px;right:12px}.comment-content .editor-code-copy:hover{background:#ea580c}.comment-content .editor-code-block{color:#f8f8f2;white-space:pre-wrap;word-break:break-word;box-sizing:border-box;background:#111;border-radius:6px;width:100%;max-width:100%;margin:0;padding:8px;font-size:.8125rem;overflow-x:hidden}.comment-content .editor-code-block code{min-width:100%;max-width:100%;white-space:inherit;color:inherit;background:0 0;padding:0;display:block}.comment-content ul,.comment-content ol,.comment-content .editor-list{margin:8px 0;padding-left:20px}.comment-content li{word-break:break-word;margin:2px 0;line-height:1.5}.comment-content .editor-list.editor-list-ordered{counter-reset:list-counter}.comment-content .editor-list.editor-list-ordered>li{counter-increment:list-counter;list-style:none}.comment-content .editor-list.editor-list-ordered>li:before{content:counters(list-counter,".")". ";color:#000;margin-right:6px;font-weight:600}.comment-content .editor-list.editor-list-unordered{list-style-type:disc}.comment-content .editor-list.editor-list-unordered>li{margin-left:1rem;list-style:outside}.comment-content .editor-list ol,.comment-content .editor-list ul{counter-reset:list-counter;margin-left:1rem;padding-left:.8rem}.comment-content .editor-list ul>li{list-style:outside}.comment-content .editor-list ul{padding-left:1.2rem;list-style-type:disc}.comment-content .editor-list ol>li{list-style:decimal}.comment-content .editor-list ol{padding-left:1.2rem;list-style-type:decimal}.comment-content .editor-list-nested-continuation{margin-top:-4px;margin-left:2rem}.comment-content .editor-list-nested-continuation .editor-list{margin-top:0;margin-bottom:0}.comment-content .editor-list li p{margin:0;padding:0;display:inline}.comment-content .editor-list li code{color:#dc2626;background-color:#f3f4f6;border-radius:3px;padding:2px 6px;font-family:Courier New,Courier,monospace;font-size:.9em}.comment-content .editor-list li br{content:"";margin:4px 0;display:block}.comment-content .editor-list ul ul{margin-left:1rem;list-style-type:circle}.comment-content .editor-list ol ol{margin-left:1rem;list-style-type:lower-alpha}.comment-content .editor-list ul ul ul{list-style-type:square}.comment-content .editor-list ol ol ol{list-style-type:lower-roman}.comment-content .editor-checklist{flex-direction:column;gap:6px;margin:8px 0;display:flex}.comment-content .editor-checklist--compact{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:8px 10px}.comment-content .editor-checklist-item{align-items:center;gap:8px;padding:2px 0;display:flex}.comment-content .editor-checklist-marker{width:20px;height:20px;box-shadow:none;border:2px solid #cbd5f5;border-radius:6px;justify-content:center;align-items:center;transition:background-color .2s,border-color .2s;display:inline-flex;position:relative;background-color:#fff!important}.comment-content .editor-checklist-item:not(.is-checked) .editor-checklist-marker{background:#fff!important;border-color:#cbd5f5!important}.comment-content .editor-checklist-marker:after{content:"";opacity:0;border-bottom:2px solid #0000;border-right:2px solid #0000;width:6px;height:10px;transition:opacity .18s,border-color .18s;position:absolute;transform:rotate(45deg)translate(-1px,-1px)}.comment-content .editor-checklist-item.is-checked .editor-checklist-marker{box-shadow:none;border-color:#f97316;background:linear-gradient(135deg,#f97316,#ea580c)!important}.comment-content .editor-checklist-item.is-checked .editor-checklist-marker:after{opacity:1;border-color:#fff}.comment-content .editor-checklist-text{color:#1f2937;flex:1;font-size:.875rem;line-height:1.4}.comment-content .editor-checklist-item.is-checked .editor-checklist-text{color:#065f46;font-weight:600}.comment-content .editor-checklist-more{color:#475569;padding-left:28px;font-size:.75rem}.comment-content img{border-radius:6px;max-width:100%;height:auto;margin:8px 0}.comment-content .editor-image-block{text-align:center;margin:8px 0}.comment-content .editor-image-block img{object-fit:contain;border-radius:6px;width:100%;max-width:100%;height:auto;display:block}.comment-content .editor-video{background:#000;border-radius:8px;max-width:100%;height:0;margin:8px 0;padding-bottom:56.25%;position:relative;overflow:hidden}.comment-content .editor-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.comment-content .editor-video--native{height:auto;padding-bottom:0;position:relative}.comment-content .editor-video--native video{background:#000;border:0;border-radius:8px;width:100%;height:auto;display:block}.comment-content .editor-table{border-collapse:collapse;white-space:nowrap;width:100%;margin:8px 0;font-size:.875rem;display:block;overflow-x:auto}.comment-content .editor-table table{width:100%;min-width:100%}.comment-content .editor-table th,.comment-content .editor-table td{text-align:left;white-space:normal;word-wrap:break-word;border:1px solid #e5e7eb;padding:6px 8px}.comment-content .editor-table th{background-color:#f9fafb;font-weight:600}.comment-content .editor-table tr:nth-child(2n){background-color:#f9f9f9}.comment-content .editor-table tr:hover{background-color:#f1f1f1}.comment-content a{color:#f97316;text-decoration:none}.comment-content a:hover{text-decoration:underline}.comment-content .editor-paragraph a,.comment-content .editor-header a,.comment-content .editor-list a,.comment-content .editor-table a{color:#f97316!important;text-decoration:underline!important}.comment-content .editor-paragraph a:hover,.comment-content .editor-header a:hover,.comment-content .editor-list a:hover,.comment-content .editor-table a:hover{color:#ea580c!important}button,.mantine-Button-root{cursor:pointer!important}.reply-button-green{color:#fff!important;background:linear-gradient(135deg,#f97316,#ea580c)!important;border:none!important}.reply-button-green:hover{background:linear-gradient(135deg,#ea580c,#dc2626)!important;box-shadow:0 1px 4px #f9731633!important}.comment-content+button{background:0 0!important;border:none!important;margin:0!important;padding:0!important;font-size:.875rem!important}.mantine-Modal-body{padding-bottom:80px!important}.mantine-Modal-content{max-height:90vh!important;overflow:hidden!important}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.comment-slide-in{animation:.3s ease-out slideIn}@media (max-width:640px){.comment-bubble{padding:8px 12px}.comment-content h1,.comment-content .editor-header-1{font-size:1rem}.comment-content h2,.comment-content .editor-header-2{font-size:.9375rem}.comment-content h3,.comment-content .editor-header-3{font-size:.875rem}.comment-content .editor-paragraph{font-size:.8125rem;line-height:1.5}.comment-content .editor-video iframe{height:200px}.comment-content .editor-table{font-size:.75rem}.comment-content .editor-table th,.comment-content .editor-table td{padding:4px 6px}.comment-content .editor-code-block{padding:6px;font-size:.75rem}.comment-content .editor-checklist-marker{width:18px;height:18px}.comment-content .editor-checklist-text{font-size:.8125rem}}.mention-highlight{color:#16a34a;cursor:pointer;word-break:break-word;background-color:#16a34a1a;border-radius:3px;padding:2px 4px;font-weight:700;text-decoration:none;transition:background-color .2s,color .2s;display:inline}.mention-highlight:hover{color:#15803d;background-color:#16a34a33;text-decoration:underline}.user-info{align-items:center;margin-bottom:8px;display:flex}.user-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px;margin-right:8px}.user-details{flex-wrap:wrap;align-items:center;display:flex}.username{color:#1a1a1a;cursor:pointer;font-size:14px;font-weight:600}.username:hover{color:#06c;text-decoration:underline}.designation{color:#666;margin-left:4px;font-size:12px;font-weight:400}.designation:before{content:"• ";margin-right:4px}.comment-content .mention-highlight{color:#16a34a!important;cursor:pointer!important;background-color:#16a34a1a!important;border-radius:3px!important;padding:2px 4px!important;font-weight:700!important;text-decoration:none!important;transition:background-color .2s,color .2s!important}.comment-content .mention-highlight:hover{color:#15803d!important;background-color:#16a34a33!important;text-decoration:underline!important}@media (max-width:640px){.mention-highlight{padding:1px 3px;font-size:.875rem}.user-avatar{width:28px;height:28px}.username{font-size:13px}.designation{font-size:11px}}.mention-input-container{margin:16px 0;position:relative}.input-wrapper{position:relative}.mention-textarea{resize:vertical;color:#1f2937;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;min-height:80px;padding:12px;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color .2s,box-shadow .2s}.mention-textarea:focus{border-color:#f97316;outline:none;box-shadow:0 0 0 2px #f973161a}.mention-textarea:disabled{color:#6b7280;cursor:not-allowed;background-color:#f9fafb}.mention-suggestions{z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:8px;max-height:200px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 1px 3px #0000000a}.mention-suggestion{cursor:pointer;border-bottom:1px solid #f3f4f6;align-items:center;padding:8px 12px;transition:background-color .2s;display:flex}.mention-suggestion:hover{background-color:#f8f9fa}.mention-suggestion:last-child{border-bottom:none}.suggestion-avatar{flex-shrink:0;margin-right:8px}.suggestion-info{flex-direction:column;flex:1;min-width:0;display:flex}.suggestion-name{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.suggestion-designation{color:#666;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.suggestion-loading{color:#6b7280;padding:4px 0;font-size:12px;font-style:italic}.mentioned-users{color:#666;flex-wrap:wrap;align-items:center;gap:4px;margin:8px 0;font-size:12px;display:flex}.mentioned-user-tag{color:#16a34a;background-color:#dcfce7;border-radius:12px;align-items:center;max-width:150px;padding:4px 8px;font-size:12px;font-weight:500;display:inline-flex}.mentioned-user-tag span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.remove-mention{color:#16a34a;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;margin-left:4px;padding:0;font-size:14px;line-height:1;transition:background-color .2s;display:flex}.remove-mention:hover{background-color:#16a34a1a}.mention-input-actions{justify-content:flex-end;margin-top:8px;display:flex}.submit-reply-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:6px;min-width:100px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.submit-reply-btn:hover:not(:disabled){background:linear-gradient(135deg,#ea580c,#dc2626);box-shadow:0 1px 4px #f9731633}.submit-reply-btn:disabled{color:#6b7280;cursor:not-allowed;box-shadow:none;background:#d1d5db}@media (max-width:640px){.mention-textarea{padding:10px;font-size:16px}.mention-suggestions{max-height:150px}.mention-suggestion{padding:6px 10px}.suggestion-name{font-size:13px}.suggestion-designation{font-size:11px}.mentioned-user-tag{max-width:120px;padding:3px 6px;font-size:11px}.submit-reply-btn{padding:10px 16px;font-size:14px}}.mention-input-container-inner{display:block;position:relative}.mention-highlight-overlay{white-space:pre-wrap;word-wrap:break-word;pointer-events:none;color:#0000;z-index:1;background:0 0;border:1px solid #0000;border-radius:8px;padding:12px;font-family:inherit;font-size:14px;line-height:1.5;position:absolute;inset:0;overflow:hidden}.mention-textarea{z-index:2;color:#1f2937;background:0 0;position:relative}.mention-highlight-input{color:#fff;-webkit-box-decoration-break:clone;box-decoration-break:clone;z-index:3;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:4px;padding:2px 4px;font-weight:600;display:inline;position:relative}.mention-input-container-inner .mention-textarea,.mention-input-container-inner .mention-highlight-overlay{box-sizing:border-box;resize:vertical;border-radius:8px;min-height:80px;padding:12px;font-family:inherit;font-size:14px;line-height:1.5}.mention-textarea{color:#0000;caret-color:#1f2937}.mention-highlight-overlay{color:#1f2937;z-index:1;resize:none;overflow:hidden}@media (max-width:640px){.mention-input-container-inner .mention-textarea,.mention-input-container-inner .mention-highlight-overlay{padding:10px;font-size:16px}.mention-highlight-input{padding:1px 3px;font-size:16px}}.mention-input-container{transition:all .2s ease-in-out}.actor-selector{background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s ease-in-out}.actor-selector:hover{border-color:#d1d5db}.actor-selector select{cursor:pointer;background:0 0;border:none;outline:none;font-weight:500}.actor-selector select:focus{outline:none}.actor-selector select::-ms-expand{display:none}.mention-suggestions-modern{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000000a}.mention-suggestion-modern{transition:all .15s ease-in-out}.mention-suggestion-modern:hover{background-color:#f8f9fa}.mentioned-users-modern{background:#16a34a0d;border:1px solid #16a34a33;border-radius:8px}.mentioned-user-tag-modern{color:#15803d;background:#16a34a1a;border-radius:9999px;font-weight:500;transition:all .15s ease-in-out}.mentioned-user-tag-modern:hover{background:#16a34a26}.submit-button-modern{background:linear-gradient(135deg,#ea580c 0%,#dc2626 100%);font-weight:600;transition:all .2s ease-in-out}.submit-button-modern:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%)}.submit-button-modern:disabled{background:#9ca3af}.loading-spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:640px){.mention-input-container{border-radius:12px;padding:1rem}.actor-selector{padding:.75rem}.mention-suggestions-modern{max-height:200px}}