/* Enterprise Bootstrap Theme | MIT License | (c) 2026 Priya Vijai Kalyan */
.commentoverlay-container{inset:0;overflow:visible;pointer-events:none;position:absolute}.commentoverlay-placement-mode{cursor:crosshair;pointer-events:auto}.commentoverlay-svg-layer{inset:0;overflow:visible;pointer-events:none;position:absolute}.commentoverlay-pin{align-items:center;background-color:#1c7ed6;border:none;border-radius:50%;color:#f8fafc;cursor:pointer;display:inline-flex;font-size:.75rem;justify-content:center;padding:0;pointer-events:auto;position:absolute;transition:transform .15s ease,box-shadow .15s ease}.commentoverlay-pin:hover{box-shadow:0 0 8px var(--theme-glow-color-hover,rgba(37,99,235,.18));transform:scale(1.15)}.commentoverlay-pin:focus{box-shadow:0 0 0 3px rgba(28,126,214,.3);outline:none}.commentoverlay-pin i{font-size:.75rem}.commentoverlay-pin-active{background-color:#1864ab;box-shadow:0 0 0 3px rgba(28,126,214,.3)}.commentoverlay-pin-resolved{background-color:#94a3b8;opacity:.4}.commentoverlay-pin-dragging{cursor:grabbing;opacity:.8;transform:scale(1.1)}.commentoverlay-pin-badge{align-items:center;background-color:#dc2626;border-radius:8px;color:#f8fafc;display:flex;font-size:.65rem;font-weight:600;height:16px;justify-content:center;line-height:1;min-width:16px;padding:0 4px;position:absolute;right:-6px;top:-6px}.commentoverlay-thread{background-color:var(--theme-surface-bg);border:1px solid var(--theme-border-color);border-radius:0;box-shadow:var(--theme-shadow-md);display:flex;flex-direction:column;overflow:hidden;pointer-events:auto;position:absolute}.commentoverlay-thread-header{align-items:center;background-color:var(--theme-surface-raised-bg);border-bottom:1px solid var(--theme-border-subtle);display:flex;flex-shrink:0;justify-content:space-between;padding:8px 12px}.commentoverlay-thread-header-title{color:var(--theme-text-primary);font-size:.8rem;font-weight:600}.commentoverlay-thread-header-actions{display:flex;gap:4px}.commentoverlay-thread-close-btn{align-items:center;background:transparent;border:none;border-radius:0;color:var(--theme-text-secondary);cursor:pointer;display:inline-flex;height:24px;justify-content:center;padding:0;width:24px}.commentoverlay-thread-close-btn:hover{background-color:var(--theme-active-bg);color:var(--theme-text-primary)}.commentoverlay-thread-close-btn:focus{box-shadow:0 0 0 2px rgba(28,126,214,.25);outline:0}.commentoverlay-thread-body{flex:1;overflow-y:auto;padding:8px}.commentoverlay-thread-resolved-banner{background-color:#d8f3dc;border:1px solid #b7e4c7;border-radius:0;color:#2d6a4f;font-size:.8rem;margin-bottom:8px;padding:6px 10px}.commentoverlay-comment{border-radius:0;padding:8px}.commentoverlay-comment:focus{outline:1px dotted #94a3b8;outline-offset:-1px}.commentoverlay-comment+.commentoverlay-comment{margin-top:4px}.commentoverlay-reply{margin-left:16px}.commentoverlay-comment-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.commentoverlay-comment-avatar{align-items:center;background-color:#d0ebff;border-radius:50%;color:#1864ab;display:flex;flex-shrink:0;font-size:.7rem;font-weight:600;height:28px;justify-content:center;overflow:hidden;width:28px}.commentoverlay-comment-avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.commentoverlay-comment-meta{align-items:baseline;display:flex;flex:1;flex-wrap:wrap;gap:4px;min-width:0}.commentoverlay-comment-author{color:var(--theme-text-primary);font-size:.8rem;font-weight:600}.commentoverlay-comment-edited,.commentoverlay-comment-timestamp{color:var(--theme-text-muted);font-size:.75rem}.commentoverlay-comment-edited{font-style:italic}.commentoverlay-comment-text{color:var(--theme-text-primary);font-size:.8rem;line-height:1.5;word-wrap:break-word}.commentoverlay-comment-actions{flex-shrink:0;margin-left:auto;position:relative}.commentoverlay-comment-actions-trigger{align-items:center;background:transparent;border:none;border-radius:0;color:var(--theme-text-muted);cursor:pointer;display:inline-flex;height:24px;justify-content:center;opacity:0;padding:0;transition:opacity .15s ease;width:24px}.commentoverlay-comment:hover .commentoverlay-comment-actions-trigger{opacity:1}.commentoverlay-comment-actions-trigger:hover{background-color:var(--theme-active-bg);color:var(--theme-text-secondary)}.commentoverlay-comment-actions-trigger:focus{box-shadow:0 0 0 2px rgba(28,126,214,.25);opacity:1;outline:0}.commentoverlay-comment-actions-menu{background-color:var(--theme-surface-bg);border:1px solid var(--theme-border-color);border-radius:0;box-shadow:var(--theme-shadow-sm);min-width:100px;padding:4px 0;position:absolute;right:0;top:100%;z-index:1}.commentoverlay-comment-action-item{background:none;border:none;color:var(--theme-text-primary);cursor:pointer;display:block;font-size:.8rem;padding:4px 12px;text-align:left;width:100%}.commentoverlay-comment-action-item:hover{background-color:var(--theme-hover-bg)}.commentoverlay-comment-action-item:focus{background-color:var(--theme-hover-bg);outline:0}.commentoverlay-thread-footer{border-top:1px solid var(--theme-border-subtle);flex-shrink:0;padding:8px}.commentoverlay-reply-input-wrap{align-items:flex-end;display:flex;gap:6px;position:relative}.commentoverlay-reply-input{border:1px solid var(--theme-border-subtle);border-radius:0;flex:1;font-family:inherit;font-size:.8rem;max-height:120px;min-height:36px;padding:6px 8px;resize:vertical}.commentoverlay-reply-input:focus{border-color:#4dabf7;box-shadow:0 0 0 2px rgba(28,126,214,.25);outline:none}.commentoverlay-reply-send{background-color:#1c7ed6;border:none;border-radius:0;color:#f8fafc;cursor:pointer;flex-shrink:0;font-size:.8rem;padding:6px 12px}.commentoverlay-reply-send:hover{background-color:#1864ab}.commentoverlay-reply-send:focus{box-shadow:0 0 0 2px rgba(28,126,214,.25);outline:none}.commentoverlay-resolve-btn{background:transparent;border:1px solid #52b788;border-radius:0;color:#52b788;cursor:pointer;display:block;font-size:.8rem;margin-top:8px;padding:4px 12px;width:100%}.commentoverlay-resolve-btn:hover{background-color:#d8f3dc}.commentoverlay-resolve-btn:focus{box-shadow:0 0 0 2px rgba(82,183,136,.25);outline:0}.commentoverlay-resolve-btn[aria-pressed=true]{border-color:var(--theme-text-muted);color:var(--theme-text-muted)}.commentoverlay-resolve-btn[aria-pressed=true]:hover{background-color:var(--theme-hover-bg)}.commentoverlay-mention-chip{background-color:#d0ebff;border-radius:2px;color:#1864ab;display:inline;font-size:inherit;padding:1px 4px}.commentoverlay-mention-dropdown{background-color:var(--theme-surface-bg);border:1px solid var(--theme-border-color);border-radius:0;bottom:100%;box-shadow:var(--theme-shadow-sm);left:0;margin-bottom:4px;max-height:200px;max-width:280px;min-width:200px;overflow-y:auto;padding:4px 0;position:absolute}.commentoverlay-mention-item{align-items:center;cursor:pointer;display:flex;gap:8px;height:36px;padding:4px 10px}.commentoverlay-mention-item:hover{background-color:var(--theme-hover-bg)}.commentoverlay-mention-item-active{background-color:#d0ebff}.commentoverlay-mention-avatar{font-size:.6rem;height:24px;width:24px}.commentoverlay-mention-name{color:var(--theme-text-primary);font-size:.8rem}.commentoverlay-mention-email{color:var(--theme-text-muted);font-size:.75rem;margin-left:auto}.commentoverlay-edit-textarea{border:1px solid var(--theme-border-subtle);border-radius:0;font-family:inherit;font-size:.8rem;margin-bottom:6px;max-height:120px;min-height:60px;padding:6px 8px;resize:vertical;width:100%}.commentoverlay-edit-textarea:focus{border-color:#4dabf7;box-shadow:0 0 0 2px rgba(28,126,214,.25);outline:none}.commentoverlay-edit-actions{display:flex;gap:4px;justify-content:flex-end;margin-bottom:4px}.commentoverlay-edit-cancel,.commentoverlay-edit-save{background-color:var(--theme-surface-bg);border:1px solid var(--theme-border-color);border-radius:0;cursor:pointer;font-size:.8rem;padding:2px 10px}.commentoverlay-edit-cancel:hover,.commentoverlay-edit-save:hover{background-color:var(--theme-hover-bg)}.commentoverlay-edit-cancel:focus,.commentoverlay-edit-save:focus{box-shadow:0 0 0 2px rgba(28,126,214,.25);outline:0}.commentoverlay-edit-save{background-color:#1c7ed6;border-color:#1c7ed6;color:#f8fafc}.commentoverlay-edit-save:hover{background-color:#1864ab}.commentoverlay-confirm-delete{align-items:center;background-color:#fee2e2;border:1px solid #fecaca;border-radius:0;color:var(--theme-text-primary);display:flex;flex-wrap:wrap;font-size:.8rem;gap:8px;margin-top:4px;padding:8px}.commentoverlay-confirm-cancel{background-color:var(--theme-surface-bg);border:1px solid var(--theme-border-color);border-radius:0;cursor:pointer;font-size:.8rem;padding:2px 10px}.commentoverlay-confirm-cancel:hover{background-color:var(--theme-hover-bg)}.commentoverlay-confirm-delete-btn{background-color:#dc2626;border:1px solid #dc2626;border-radius:0;color:#f8fafc;cursor:pointer;font-size:.8rem;padding:2px 10px}.commentoverlay-confirm-delete-btn:hover{background-color:#b91c1c}@media (prefers-reduced-motion:reduce){.commentoverlay-comment-actions-trigger,.commentoverlay-pin{transition:none}}